[Security Solution] JSON diff view PoC (react-diff-view, DMP-only)

[nikitaindik]

Summary

It's a modified version of this original PR #172124. The goal is to check how getting rid of one of the diffing libs affect the bundle size.

The original PR adds 107.8KB to bundle size.

The original PR uses both "diff" and "diff-match-patch" libraries for computing the diff, depending on which algorithm is used.

In this PR I tried to use only diff-match-patch without using diff.

Looks like it's not possible to completely get rid of the diff library, because we need to use library called unidiff, which lists diff as it dependency.

unidiff is used to convert two strings (old and new) to a single "unified diff"-formatted string. Since unidiff uses diff under the hood, diff still gets bundled.

I tried relying on diff-match-patch methods to produce "unified diff" out of two strings. It didn't work, because the diff format returned by diff-match-patch is slightly different from what unidiff produces. react-diff-view supports only unidiff / diff formatted diff strings.

Another version of this PR that uses only diff and doesn't use diff-match-match: #172299

[kibana-ci]

💔 Build Failed

• Buildkite Build
• Commit: df11623
• Interpreting CI Failures

Failed CI Steps

• Check Types and Build API Docs
• Checks

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
securitySolution	4737	4753	+16

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
securitySolution	12.9MB	13.0MB	+107.3KB

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @nikitaindik