POC: Kibana React Error Boundary

[tsullivan]

Summary

Address #167159
Replaces #168054

Technical doc [Elastic internal] https://docs.google.com/document/d/1kVD3T08AzLuvRMnFrXzWd6rTQWZDFfjqmOMCoXRI-14/edit

This PR creates the KibanaErrorBoundary component and KibanaErrorService utility, and shows it in use in two main areas that control lazy-loaded UI elements:

1. Stack Management. This PR handles the error that could occur when navigating across management apps, and async code needed to render the app failed to load.
2. Share Menu Manager. This PR handles the error that could occur when the Share Menu Manager calls on a ShareMenuItem to render itself, and async code that is needed fails to load.

Screenshots

• Recoverable error, in large callout
  • 
• Recoverable error, in small inline callout and toast
  • 
• Fatal error, in large calllout
  • 
• Fatal error, in small inline callout and toast
  • 

Testing

1. Use a script proxy in between the browser and the Kibana server. Try https://github.com/tsullivan/simple-node-proxy
2. Script the proxy to send 404 responses for the Reporting plugin bundle, and for a bundle of some Management app.
3. Try the Share > CSV menu in Discover. It should be blocked, and handled with a toast message. Buttons in the toast should work.
4. Try the management app. It should be blocked, and handled with an EuiCallout. Refresh button and EuiAccordion should work.

[kibana-ci]

💔 Build Failed

• Buildkite Build
• Commit: 887cade
• Interpreting CI Failures
• Storybooks Preview

Failed CI Steps

• Jest Tests #14
• Security Solution Cypress tests, burning changed specs #1
• Osquery Cypress Tests, burning changed specs

Test Failures

• [job] [logs] Jest Tests #14 / AppContainer should call setIsMounting(false) if mounting throws

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
core	486	493	+7
share	72	79	+7
total			+14

Public APIs missing comments

Total count of every public API that lacks a comment. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats comments for more detailed information.

id	before	after	diff
@kbn/shared-ux-error-boundary	-	4	+4

Async chunks

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

id	before	after	diff
share	5.5KB	5.0KB	-490.0B

Public APIs missing exports

Total count of every type that is part of your API that should be exported but is not. This will cause broken links in the API documentation system. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats exports for more detailed information.

id	before	after	diff
@kbn/shared-ux-error-boundary	-	1	+1

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
core	367.4KB	374.4KB	+7.0KB
share	52.0KB	59.4KB	+7.4KB
total			+14.3KB

Unknown metric groups

API count

id	before	after	diff
@kbn/shared-ux-error-boundary	-	6	+6

ESLint disabled line counts

id	before	after	diff
@kbn/shared-ux-error-boundary	-	2	+2

Total ESLint disabled count

id	before	after	diff
@kbn/shared-ux-error-boundary	-	2	+2

History

• 💔 Build #168297 failed 21e2c4b

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

cc @tsullivan

[tsullivan]

closing this as the design isn't solidified, and we don't know if we want to take on this level of scope for the project