Creating a Labs service for Presentation Solutions

[clintandrewhall]

Summary

Branch includes pre-requisite changes from #96185

This is a first attempt at an Labs Service and enablement UI for Canvas and Dashboard.

We have a number of projects coming up that would benefit from being a part of master with a feature flag for testing and evaluation with stakeholders. While there are a number of discussions and even long-term plans for such a system globally provided within Kibana, our need is more immediate, so creating an easily replaceable/alterable service within presentation_util made sense. It's also a good way to demonstrate our needs while those discussions take place.

Features

• This system uses our abstracted service model to provide an API to the React layer.
• The ProjectConfig allows for a number of options:
  • isActive: whether the experiment is "flipped" in master by default;
  • environments: determines where flags can be set, (see "Environments", below);
  • solutions: determines to which solutions a project applies. This is useful for constraining the list of Projects in the LabsFlyout depending on where it is shown, (see "UI Components", below).

Environments

Projects can be enabled or disabled in a number of environments:

• isActive: in the ProjectConfig, we can make an experiment "on by default" in code. It would be expected that this "flip" would be the first step towards removal of the project and its related branches
• kibana: this corresponds directly to a uiSetting flag.
• browser: sets the flag in localStorage of the browser instance. This means this flag persists after the browser is closed, (but only to the specific Kibana instance).
• session: sets the flag in sessionStorage of the browser instance. This means the flag is reset whenever the tab or window is closed.

IMPORTANT: if the project has any branched code on the server, browser and session should not be allowed in the config. We should try to avoid branching in that way, however, opting instead for clean API paths that are invoked from the client.

UI Components

I created a "starting place" for lab project management in a EUIFlyout that can be placed in any solution that has the presentation_util context enabled. There is also a starter "Beaker Button" that demonstrates how to use the flyout. There are complete Storybook implementations for testing and iteration purposes.

[elasticmachine]

Pinging @elastic/kibana-presentation (Team:Presentation)

[clintandrewhall]

@myasonik Added and tested your change feedback... please take a look and let me know if there's anything else that would make this feature more accessible... and thanks for your review!! :elasticheart:

[clintandrewhall]

@elasticmachine merge upstream

[clintandrewhall]

Jenkins test this

[myasonik]

The a11y fixes look great - thanks!

[clintandrewhall]

@elasticmachine merge upstream

[poffdeluxe]

Very excited about this! Let's talk in today's sync about what's left before this gets merged

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: 8a1a057
• Storybooks Preview

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
canvas	1086	1087	+1
presentationUtil	29	50	+21
total			+22

Async chunks

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

id	before	after	diff
canvas	1.3MB	1.3MB	+710.0B
presentationUtil	20.8KB	46.5KB	+25.7KB
total			+26.4KB

Page load bundle

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

id	before	after	diff
canvas	516.8KB	517.0KB	+243.0B
presentationUtil	11.3KB	15.2KB	+3.8KB
total			+4.1KB

Unknown metric groups

async chunk count

id	before	after	diff
presentationUtil	2	4	+2

History

• 💔 Build #117695 failed 69d77c668b34582ad42d45ce5992749d21d019bf
• 💔 Build #117608 failed 38577c2
• 💚 Build #117386 succeeded 66749ef
• 💚 Build #117175 succeeded d07c336
• 💔 Build #117159 failed c4b3a5d

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

[kibanamachine]

💚 Backport successful

✅ 7.x / #96373

This backport PR will be merged automatically after passing CI.