[serverless] Create Observability Serverless plugin

.github/CODEOWNERS

@@ -573,6 +573,7 @@ packages/kbn-securitysolution-utils @elastic/security-solution-platform
 packages/kbn-server-http-tools @elastic/kibana-core
 packages/kbn-server-route-repository @elastic/apm-ui
 x-pack/plugins/serverless @elastic/appex-sharedux
+x-pack/plugins/serverless_observability @elastic/appex-sharedux
 packages/serverless/project_switcher @elastic/appex-sharedux
 packages/serverless/storybook/config @elastic/appex-sharedux
 packages/serverless/types @elastic/appex-sharedux

config/serverless.oblt.yml

@@ -1,3 +1,18 @@
-uiSettings.overrides.defaultRoute: /app/observability/overview
+# Observability Project config
+
+## Disable plugins
+enterpriseSearch.enabled: false
+xpack.cloudSecurityPosture.enabled: false
+xpack.securitySolution.enabled: false
+
+## Enable the Serverless Obsersability plugin
+xpack.serverless.observability.enabled: true
+
+## Configure plugins
 xpack.infra.logs.app_target: discover
+
+## Set the home route
+uiSettings.overrides.defaultRoute: /app/observability/overview
+
+## Set the dev project switch current type
 xpack.serverless.plugin.developer.projectSwitcher.currentType: 'observability'

docs/developer/plugin-list.asciidoc

@@ -710,6 +710,10 @@ Kibana.
 |
 
 
+|{kib-repo}blob/{branch}/x-pack/plugins/serverless_observability/README.mdx[serverlessObservability]
+|This plugin contains configuration and code used to create a Serverless Observability project.  It leverages universal configuration and other APIs in the serverless plugin to configure Kibana.
+
+
 |{kib-repo}blob/{branch}/x-pack/plugins/session_view/README.md[sessionView]
 |Session View is meant to provide a visualization into what is going on in a particular Linux environment where the agent is running. It looks likes a terminal emulator; however, it is a tool for introspecting process activity and understanding user and service behaviour in your Linux servers and infrastructure. It is a time-ordered series of process executions displayed in a tree over time.
 

package.json

@@ -575,6 +575,7 @@
     "@kbn/server-http-tools": "link:packages/kbn-server-http-tools",
     "@kbn/server-route-repository": "link:packages/kbn-server-route-repository",
     "@kbn/serverless": "link:x-pack/plugins/serverless",
+    "@kbn/serverless-observability": "link:x-pack/plugins/serverless_observability",
     "@kbn/serverless-project-switcher": "link:packages/serverless/project_switcher",
     "@kbn/serverless-types": "link:packages/serverless/types",
     "@kbn/session-notifications-plugin": "link:test/plugin_functional/plugins/session_notifications",

packages/kbn-optimizer/limits.yml

@@ -116,6 +116,7 @@ pageLoadAssetSize:
   security: 65433
   securitySolution: 66738
   serverless: 16573
+  serverlessObservability: 16582
   sessionView: 77750
   share: 71239
   snapshotRestore: 79032

tsconfig.base.json

@@ -1140,6 +1140,8 @@
       "@kbn/server-route-repository/*": ["packages/kbn-server-route-repository/*"],
       "@kbn/serverless": ["x-pack/plugins/serverless"],
       "@kbn/serverless/*": ["x-pack/plugins/serverless/*"],
+      "@kbn/serverless-observability": ["x-pack/plugins/serverless_observability"],
+      "@kbn/serverless-observability/*": ["x-pack/plugins/serverless_observability/*"],
       "@kbn/serverless-project-switcher": ["packages/serverless/project_switcher"],
       "@kbn/serverless-project-switcher/*": ["packages/serverless/project_switcher/*"],
       "@kbn/serverless-storybook-config": ["packages/serverless/storybook/config"],

x-pack/plugins/observability/public/components/shared/page_template/lazy_page_template.tsx

@@ -6,6 +6,7 @@
  */
 
 import React from 'react';
+import useObservable from 'react-use/lib/useObservable';
 import type {
   ObservabilityPageTemplateDependencies,
   WrappedPageTemplateProps,
@@ -15,12 +16,23 @@ export const LazyObservabilityPageTemplate = React.lazy(() => import('./page_tem
 
 export type LazyObservabilityPageTemplateProps = WrappedPageTemplateProps;
 
-export function createLazyObservabilityPageTemplate(
-  injectedDeps: ObservabilityPageTemplateDependencies
-) {
-  return (pageTemplateProps: LazyObservabilityPageTemplateProps) => (
-    <React.Suspense fallback={null}>
-      <LazyObservabilityPageTemplate {...pageTemplateProps} {...injectedDeps} />
-    </React.Suspense>
-  );
+export function createLazyObservabilityPageTemplate({
+  getChromeStyle$,
+  ...injectedDeps
+}: ObservabilityPageTemplateDependencies) {
+  return (pageTemplateProps: LazyObservabilityPageTemplateProps) => {
+    const chromeStyle = useObservable(getChromeStyle$());
+    const { showSolutionNav: showSolutionNavProp, ...props } = pageTemplateProps;
+    let showSolutionNav = showSolutionNavProp;
+
+    if (chromeStyle === 'project') {
+      showSolutionNav = false;
+    }
+
+    return (
+      <React.Suspense fallback={null}>
+        <LazyObservabilityPageTemplate {...{ ...props, showSolutionNav }} {...injectedDeps} />
+      </React.Suspense>
+    );
+  };
 }

x-pack/plugins/observability/public/components/shared/page_template/page_template.test.tsx

@@ -56,6 +56,7 @@ describe('Page template', () => {
       navigationSections$: navigationRegistry.sections$,
       getPageTemplateServices,
       guidedOnboardingApi: guidedOnboardingMock.createStart().guidedOnboardingApi,
+      getChromeStyle$: () => of('classic'),
     });
 
     const component = shallow(

x-pack/plugins/observability/public/components/shared/page_template/page_template.tsx

@@ -22,6 +22,7 @@ import type {
   KibanaPageTemplateProps,
   KibanaPageTemplateKibanaDependencies,
 } from '@kbn/shared-ux-page-kibana-template';
+import type { ChromeStart } from '@kbn/core-chrome-browser';
 import { GuidedOnboardingPluginStart } from '@kbn/guided-onboarding-plugin/public';
 import { ObservabilityAppServices } from '../../../application/types';
 import type { NavigationSection } from '../../../services/navigation_registry';
@@ -53,9 +54,13 @@ export interface ObservabilityPageTemplateDependencies {
   navigationSections$: Observable<NavigationSection[]>;
   getPageTemplateServices: () => KibanaPageTemplateKibanaDependencies;
   guidedOnboardingApi: GuidedOnboardingPluginStart['guidedOnboardingApi'];
+  getChromeStyle$: ChromeStart['getChromeStyle$'];
 }
 
-export type ObservabilityPageTemplateProps = ObservabilityPageTemplateDependencies &
+export type ObservabilityPageTemplateProps = Omit<
+  ObservabilityPageTemplateDependencies,
+  'getChromeStyle$'
+> &
   WrappedPageTemplateProps;
 
 export function ObservabilityPageTemplate({
@@ -76,7 +81,6 @@ export function ObservabilityPageTemplate({
   const sections = useObservable(navigationSections$, []);
   const currentAppId = useObservable(currentAppId$, undefined);
   const { pathname: currentPath } = useLocation();
-
   const { services } = useKibana<ObservabilityAppServices>();
 
   const sideNavItems = useMemo<Array<EuiSideNavItemType<unknown>>>(

x-pack/plugins/observability/tsconfig.json

@@ -72,7 +72,10 @@
     "@kbn/core-theme-browser",
     "@kbn/core-elasticsearch-server",
     "@kbn/observability-shared-plugin",
-    "@kbn/exploratory-view-plugin"
+    "@kbn/exploratory-view-plugin",
+    "@kbn/core-chrome-browser"
   ],
-  "exclude": ["target/**/*"]
+  "exclude": [
+    "target/**/*"
+  ]
 }

x-pack/plugins/observability_shared/public/components/page_template/lazy_page_template.tsx

@@ -6,6 +6,8 @@
  */
 
 import React from 'react';
+import useObservable from 'react-use/lib/useObservable';
+
 import type {
   ObservabilityPageTemplateDependencies,
   WrappedPageTemplateProps,
@@ -15,12 +17,23 @@ export const LazyObservabilityPageTemplate = React.lazy(() => import('./page_tem
 
 export type LazyObservabilityPageTemplateProps = WrappedPageTemplateProps;
 
-export function createLazyObservabilityPageTemplate(
-  injectedDeps: ObservabilityPageTemplateDependencies
-) {
-  return (pageTemplateProps: LazyObservabilityPageTemplateProps) => (
-    <React.Suspense fallback={null}>
-      <LazyObservabilityPageTemplate {...pageTemplateProps} {...injectedDeps} />
-    </React.Suspense>
-  );
+export function createLazyObservabilityPageTemplate({
+  getChromeStyle$,
+  ...injectedDeps
+}: ObservabilityPageTemplateDependencies) {
+  return (pageTemplateProps: LazyObservabilityPageTemplateProps) => {
+    const chromeStyle = useObservable(getChromeStyle$());
+    const { showSolutionNav: showSolutionNavProp, ...props } = pageTemplateProps;
+    let showSolutionNav = showSolutionNavProp;
+
+    if (chromeStyle === 'project') {
+      showSolutionNav = false;
+    }
+
+    return (
+      <React.Suspense fallback={null}>
+        <LazyObservabilityPageTemplate {...{ ...props, showSolutionNav }} {...injectedDeps} />
+      </React.Suspense>
+    );
+  };
 }

x-pack/plugins/observability_shared/public/components/page_template/page_template.test.tsx

@@ -56,6 +56,7 @@ describe('Page template', () => {
       navigationSections$: navigationRegistry.sections$,
       getPageTemplateServices,
       guidedOnboardingApi: guidedOnboardingMock.createStart().guidedOnboardingApi,
+      getChromeStyle$: () => of('classic'),
     });
 
     const component = shallow(
@@ -85,6 +86,7 @@ describe('Page template', () => {
         }}
         getPageTemplateServices={getPageTemplateServices}
         guidedOnboardingApi={guidedOnboardingMock.createStart().guidedOnboardingApi}
+        getChromeStyle$={() => of('classic')}
       >
         <div>Test structure</div>
       </ObservabilityPageTemplate>
@@ -107,6 +109,7 @@ describe('Page template', () => {
           }}
           getPageTemplateServices={getPageTemplateServices}
           guidedOnboardingApi={guidedOnboardingMock.createStart().guidedOnboardingApi}
+          getChromeStyle$={() => of('classic')}
         >
           <div>Test structure</div>
         </ObservabilityPageTemplate>

x-pack/plugins/observability_shared/public/components/page_template/page_template.tsx

@@ -12,7 +12,7 @@ import React, { useMemo } from 'react';
 import { matchPath, useLocation } from 'react-router-dom';
 import useObservable from 'react-use/lib/useObservable';
 import type { Observable } from 'rxjs';
-import type { ApplicationStart } from '@kbn/core/public';
+import type { ApplicationStart, ChromeStart } from '@kbn/core/public';
 import { useKibana } from '@kbn/kibana-react-plugin/public';
 import {
   KibanaPageTemplate,
@@ -85,9 +85,13 @@ export interface ObservabilityPageTemplateDependencies {
   navigationSections$: Observable<NavigationSection[]>;
   getPageTemplateServices: () => KibanaPageTemplateKibanaDependencies;
   guidedOnboardingApi: GuidedOnboardingPluginStart['guidedOnboardingApi'];
+  getChromeStyle$: ChromeStart['getChromeStyle$'];
 }
 
-export type ObservabilityPageTemplateProps = ObservabilityPageTemplateDependencies &
+export type ObservabilityPageTemplateProps = Omit<
+  ObservabilityPageTemplateDependencies,
+  'getChromeStyle$'
+> &
   WrappedPageTemplateProps;
 
 export function ObservabilityPageTemplate({

x-pack/plugins/observability_shared/public/plugin.ts

@@ -30,7 +30,7 @@ export class ObservabilitySharedPlugin implements Plugin {
   }
 
   public start(core: CoreStart, plugins: ObservabilitySharedStart) {
-    const { application } = core;
+    const { application, chrome } = core;
 
     const PageTemplate = createLazyObservabilityPageTemplate({
       currentAppId$: application.currentAppId$,
@@ -39,6 +39,7 @@ export class ObservabilitySharedPlugin implements Plugin {
       navigationSections$: this.navigationRegistry.sections$,
       guidedOnboardingApi: plugins.guidedOnboarding.guidedOnboardingApi,
       getPageTemplateServices: () => ({ coreStart: core }),
+      getChromeStyle$: chrome.getChromeStyle$,
     });
 
     return {

x-pack/plugins/serverless_observability/.gitignore

@@ -0,0 +1,2 @@
+/build
+/target

x-pack/plugins/serverless_observability/README.mdx

@@ -0,0 +1,3 @@
+# Serverless Observability project plugin
+
+This plugin contains configuration and code used to create a Serverless Observability project.  It leverages universal configuration and other APIs in the [`serverless`](../serverless/README.mdx) plugin to configure Kibana.

x-pack/plugins/serverless_observability/common/index.ts

@@ -0,0 +1,9 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+export const PLUGIN_ID = 'serverlessObservability';
+export const PLUGIN_NAME = 'serverlessObservability';

x-pack/plugins/serverless_observability/kibana.jsonc

@@ -0,0 +1,22 @@
+{
+  "type": "plugin",
+  "id": "@kbn/serverless-observability",
+  "owner": "@elastic/appex-sharedux",
+  "description": "Serverless customizations for observability.",
+  "plugin": {
+    "id": "serverlessObservability",
+    "server": true,
+    "browser": true,
+    "configPath": [
+      "xpack",
+      "serverless",
+      "observability"
+    ],
+    "requiredPlugins": [
+      "serverless",
+      "observability"
+    ],
+    "optionalPlugins": [],
+    "requiredBundles": []
+  }
+}

x-pack/plugins/serverless_observability/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@kbn/serverless-observability",
+  "version": "1.0.0",
+  "license": "Elastic License 2.0",
+  "private": true,
+  "scripts": {
+    "build": "yarn plugin-helpers build",
+    "plugin-helpers": "node ../../../scripts/plugin_helpers",
+    "kbn": "node ../../../scripts/kbn"
+  }
+}

x-pack/plugins/serverless_observability/public/index.ts

@@ -0,0 +1,19 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { ServerlessObservabilityPlugin } from './plugin';
+
+// This exports static code and TypeScript types,
+// as well as, Kibana Platform `plugin()` initializer.
+export function plugin() {
+  return new ServerlessObservabilityPlugin();
+}
+
+export type {
+  ServerlessObservabilityPluginSetup,
+  ServerlessObservabilityPluginStart,
+} from './types';

x-pack/plugins/serverless_observability/public/plugin.ts

@@ -0,0 +1,34 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { CoreSetup, CoreStart, Plugin } from '@kbn/core/public';
+import {
+  ServerlessObservabilityPluginSetup,
+  ServerlessObservabilityPluginStart,
+  ServerlessObservabilityPluginSetupDependencies,
+  ServerlessObservabilityPluginStartDependencies,
+} from './types';
+
+export class ServerlessObservabilityPlugin
+  implements Plugin<ServerlessObservabilityPluginSetup, ServerlessObservabilityPluginStart>
+{
+  public setup(
+    _core: CoreSetup,
+    _setupDeps: ServerlessObservabilityPluginSetupDependencies
+  ): ServerlessObservabilityPluginSetup {
+    return {};
+  }
+
+  public start(
+    _core: CoreStart,
+    { serverless }: ServerlessObservabilityPluginStartDependencies
+  ): ServerlessObservabilityPluginStart {
+    return {};
+  }
+
+  public stop() {}
+}

x-pack/plugins/serverless_observability/public/types.ts

@@ -0,0 +1,28 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { ServerlessPluginSetup, ServerlessPluginStart } from '@kbn/serverless/public';
+import {
+  ObservabilityPublicSetup,
+  ObservabilityPublicStart,
+} from '@kbn/observability-plugin/public';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ServerlessObservabilityPluginSetup {}
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ServerlessObservabilityPluginStart {}
+
+export interface ServerlessObservabilityPluginSetupDependencies {
+  observability: ObservabilityPublicSetup;
+  serverless: ServerlessPluginSetup;
+}
+
+export interface ServerlessObservabilityPluginStartDependencies {
+  observability: ObservabilityPublicStart;
+  serverless: ServerlessPluginStart;
+}