@elastic/isomer-studio 0.0.0 → 0.4.0

package/dist/app/index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <base href="./" />
+    <title>Isomer Studio</title>
+    <link rel="icon" href="data:," />
+    <link rel="stylesheet" href="assets/studio.css" />
+    <link rel="stylesheet" href="assets/slack.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="assets/app.js"></script>
+  </body>
+</html>

package/dist/apps/app_host.d.ts

@@ -0,0 +1,8 @@
+import type { StudioApp } from '../config.js';
+/** Loads and renders the open app; it stays mounted across sub-path navigation, theme changes and config re-runs. */
+export declare const AppHost: ({ app: { id, title, load }, path, openApp, }: {
+    app: StudioApp;
+    path: string;
+    openApp: (id: string, path: string) => void;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=app_host.d.ts.map

package/dist/apps/app_host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app_host.d.ts","sourceRoot":"","sources":["../../src/apps/app_host.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,WAAW,CAAC;AAwG3D,qHAAqH;AACrH,eAAO,MAAM,OAAO,GAAI,8CAIrB;IACD,GAAG,EAAE,SAAS,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,qDAqCA,CAAC"}

package/dist/apps/app_host.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Component, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { EuiButton, EuiCallOut, EuiLoadingSpinner } from '@elastic/eui';
+import { css } from '@emotion/react';
+import { useStudio } from '../studio_context.js';
+import { AppPreview } from '../surfaces/app_preview.js';
+import { AppSurface, appSurfaces } from '../surfaces/app_surface.js';
+const asError = (error) => error instanceof Error ? error : new Error(String(error));
+/**
+ * The page `load` resolves to, re-resolved whenever `load` changes. Every config re-run makes a new `load`, and
+ * the page only changes, remounting the app, when the module's default export does.
+ */
+const useAppPage = (load, attempt) => {
+    const [loaded, setLoaded] = useState();
+    const versions = useRef(0);
+    useEffect(() => {
+        let isCurrent = true;
+        // A loader that throws before returning its promise fails like one that rejects.
+        new Promise((resolve) => resolve(load())).then(({ default: page }) => {
+            if (isCurrent) {
+                setLoaded((previous) => previous && 'page' in previous && previous.page === page
+                    ? previous
+                    : { page, version: (versions.current += 1) });
+            }
+        }, (error) => {
+            if (isCurrent) {
+                setLoaded({ error: asError(error) });
+            }
+        });
+        return () => {
+            isCurrent = false;
+        };
+    }, [load, attempt]);
+    return loaded;
+};
+const AppError = ({ title, error, onRetry, }) => (_jsxs(EuiCallOut, { announceOnMount: true, color: "danger", iconType: "error", title: `${title} could not load or render`, children: [_jsx("p", { children: error.message }), _jsx(EuiButton, { size: "s", color: "danger", onClick: onRetry, children: "Retry" })] }));
+class AppBoundary extends Component {
+    state = {};
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    render() {
+        const { error } = this.state;
+        const { title, onRetry, children } = this.props;
+        return error === undefined ? (children) : (_jsx(AppError, { title, error, onRetry }));
+    }
+}
+const fill = css `
+  min-height: 100%;
+`;
+const centered = css `
+  display: flex;
+  justify-content: center;
+  padding: 48px;
+`;
+/** Loads and renders the open app; it stays mounted across sub-path navigation, theme changes and config re-runs. */
+export const AppHost = ({ app: { id, title, load }, path, openApp, }) => {
+    const { runtime, theme, rasterizePng, renderPdf } = useStudio();
+    const surfaces = useMemo(() => appSurfaces(runtime, Boolean(rasterizePng)), [runtime, rasterizePng]);
+    const [attempt, setAttempt] = useState(0);
+    const loaded = useAppPage(load, attempt);
+    const navigate = useCallback((next) => openApp(id, next), [id, openApp]);
+    const onRetry = useCallback(() => setAttempt((count) => count + 1), []);
+    if (loaded === undefined) {
+        return (_jsx("div", { css: centered, children: _jsx(EuiLoadingSpinner, { size: "xl" }) }));
+    }
+    if ('error' in loaded) {
+        return _jsx(AppError, { title, onRetry, error: loaded.error });
+    }
+    const { page: Page, version } = loaded;
+    return (_jsx("div", { css: fill, children: _jsx(AppBoundary, { title, onRetry, children: _jsx(Page, { Preview: AppPreview, Surface: AppSurface, runtime, theme, path, navigate, surfaces, ...(renderPdf ? { renderPdf } : {}) }) }, `${version}/${attempt}`) }));
+};
+//# sourceMappingURL=app_host.js.map

package/dist/apps/app_host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app_host.js","sourceRoot":"","sources":["../../src/apps/app_host.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0; you may not use this file except in compliance with the Elastic License\n * 2.0.\n */\n\nimport type { ComponentType, ReactNode } from 'react';\nimport React, {\n  Component,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { EuiButton, EuiCallOut, EuiLoadingSpinner } from '@elastic/eui';\nimport { css } from '@emotion/react';\n\nimport type { StudioApp, StudioAppProps } from '../config';\nimport { useStudio } from '../studio_context';\nimport { AppPreview } from '../surfaces/app_preview';\nimport { AppSurface, appSurfaces } from '../surfaces/app_surface';\n\ntype AppPage = ComponentType<StudioAppProps>;\n\n/** `version` counts the distinct pages resolved, so a new page also gets a fresh error boundary. */\ntype Loaded = { page: AppPage; version: number } | { error: Error } | undefined;\n\nconst asError = (error: unknown): Error =>\n  error instanceof Error ? error : new Error(String(error));\n\n/**\n * The page `load` resolves to, re-resolved whenever `load` changes. Every config re-run makes a new `load`, and\n * the page only changes, remounting the app, when the module's default export does.\n */\nconst useAppPage = (load: StudioApp['load'], attempt: number): Loaded => {\n  const [loaded, setLoaded] = useState<Loaded>();\n  const versions = useRef(0);\n  useEffect(() => {\n    let isCurrent = true;\n    // A loader that throws before returning its promise fails like one that rejects.\n    new Promise<Awaited<ReturnType<StudioApp['load']>>>((resolve) =>\n      resolve(load())\n    ).then(\n      ({ default: page }) => {\n        if (isCurrent) {\n          setLoaded((previous) =>\n            previous && 'page' in previous && previous.page === page\n              ? previous\n              : { page, version: (versions.current += 1) }\n          );\n        }\n      },\n      (error: unknown) => {\n        if (isCurrent) {\n          setLoaded({ error: asError(error) });\n        }\n      }\n    );\n    return () => {\n      isCurrent = false;\n    };\n  }, [load, attempt]);\n  return loaded;\n};\n\ninterface BoundaryState {\n  error?: Error | undefined;\n}\n\nconst AppError = ({\n  title,\n  error,\n  onRetry,\n}: {\n  title: string;\n  error: Error;\n  onRetry: () => void;\n}) => (\n  <EuiCallOut\n    announceOnMount\n    color=\"danger\"\n    iconType=\"error\"\n    title={`${title} could not load or render`}>\n    <p>{error.message}</p>\n    <EuiButton size=\"s\" color=\"danger\" onClick={onRetry}>\n      Retry\n    </EuiButton>\n  </EuiCallOut>\n);\n\nclass AppBoundary extends Component<\n  { title: string; onRetry: () => void; children: ReactNode },\n  BoundaryState\n> {\n  state: BoundaryState = {};\n\n  static getDerivedStateFromError(error: Error): BoundaryState {\n    return { error };\n  }\n\n  render() {\n    const { error } = this.state;\n    const { title, onRetry, children } = this.props;\n    return error === undefined ? (\n      children\n    ) : (\n      <AppError {...{ title, error, onRetry }} />\n    );\n  }\n}\n\nconst fill = css`\n  min-height: 100%;\n`;\n\nconst centered = css`\n  display: flex;\n  justify-content: center;\n  padding: 48px;\n`;\n\n/** Loads and renders the open app; it stays mounted across sub-path navigation, theme changes and config re-runs. */\nexport const AppHost = ({\n  app: { id, title, load },\n  path,\n  openApp,\n}: {\n  app: StudioApp;\n  path: string;\n  openApp: (id: string, path: string) => void;\n}) => {\n  const { runtime, theme, rasterizePng, renderPdf } = useStudio();\n  const surfaces = useMemo(\n    () => appSurfaces(runtime, Boolean(rasterizePng)),\n    [runtime, rasterizePng]\n  );\n  const [attempt, setAttempt] = useState(0);\n  const loaded = useAppPage(load, attempt);\n  const navigate = useCallback(\n    (next: string) => openApp(id, next),\n    [id, openApp]\n  );\n  const onRetry = useCallback(() => setAttempt((count) => count + 1), []);\n\n  if (loaded === undefined) {\n    return (\n      <div css={centered}>\n        <EuiLoadingSpinner size=\"xl\" />\n      </div>\n    );\n  }\n  if ('error' in loaded) {\n    return <AppError {...{ title, onRetry }} error={loaded.error} />;\n  }\n  const { page: Page, version } = loaded;\n  return (\n    <div css={fill}>\n      <AppBoundary key={`${version}/${attempt}`} {...{ title, onRetry }}>\n        <Page\n          Preview={AppPreview}\n          Surface={AppSurface}\n          {...{ runtime, theme, path, navigate, surfaces }}\n          {...(renderPdf ? { renderPdf } : {})}\n        />\n      </AppBoundary>\n    </div>\n  );\n};\n"]}

package/dist/browser/dev_host.d.ts

@@ -0,0 +1,5 @@
+import type { StudioConfig } from '../config.js';
+import type { StudioHost } from './mount.js';
+/** `isomer-studio dev`: the server compiles JSX, rasterizes PNGs and writes PDFs. */
+export declare const devHost: ({ runtime }: StudioConfig) => StudioHost;
+//# sourceMappingURL=dev_host.d.ts.map

package/dist/browser/dev_host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev_host.d.ts","sourceRoot":"","sources":["../../src/browser/dev_host.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAG9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAuC1C,qFAAqF;AACrF,eAAO,MAAM,OAAO,GAAI,aAAa,YAAY,KAAG,UAGlD,CAAC"}

package/dist/browser/dev_host.js

@@ -0,0 +1,46 @@
+/*
+ * 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 { assetUrl } from './mount.js';
+const transformJsx = async (source) => {
+    const response = await fetch(assetUrl('transform'), {
+        method: 'POST',
+        body: source,
+    });
+    const code = await response.text();
+    if (!response.ok) {
+        throw new Error(code);
+    }
+    return code;
+};
+const rasterizePng = async (composition, { signal }) => {
+    const response = await fetch(assetUrl('png'), {
+        method: 'POST',
+        body: JSON.stringify(composition),
+        signal,
+    });
+    if (!response.ok) {
+        throw new Error(await response.text());
+    }
+    return response.blob();
+};
+const renderPdf = async (compositions, { title, signal } = {}) => {
+    const response = await fetch(assetUrl('pdf'), {
+        method: 'POST',
+        body: JSON.stringify({ title, compositions }),
+        ...(signal ? { signal } : {}),
+    });
+    if (!response.ok) {
+        throw new Error(await response.text());
+    }
+    return response.blob();
+};
+/** `isomer-studio dev`: the server compiles JSX, rasterizes PNGs and writes PDFs. */
+export const devHost = ({ runtime }) => ({
+    transformJsx,
+    ...(runtime.surfaces.snapshot ? { rasterizePng, renderPdf } : {}),
+});
+//# sourceMappingURL=dev_host.js.map

package/dist/browser/dev_host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev_host.js","sourceRoot":"","sources":["../../src/browser/dev_host.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,MAAM,YAAY,GAAiB,KAAK,EAAE,MAAM,EAAE,EAAE;IAClD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QAClD,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;IACnC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,YAAY,GAAiB,KAAK,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IACnE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAC5C,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;QACjC,MAAM;KACP,CAAC,CAAC;IACH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IACzC,CAAC;IACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,SAAS,GAAc,KAAK,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE;IAC1E,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAC5C,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;QAC7C,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC9B,CAAC,CAAC;IACH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IACzC,CAAC;IACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC,CAAC;AAEF,qFAAqF;AACrF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAgB,EAAc,EAAE,CAAC,CAAC;IACjE,YAAY;IACZ,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;CAClE,CAAC,CAAC","sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0; you may not use this file except in compliance with the Elastic License\n * 2.0.\n */\n\nimport type { StudioConfig } from '../config';\nimport type { JsxTransform, RasterizePng, RenderPdf } from '../types';\n\nimport type { StudioHost } from './mount';\nimport { assetUrl } from './mount';\n\nconst transformJsx: JsxTransform = async (source) => {\n  const response = await fetch(assetUrl('transform'), {\n    method: 'POST',\n    body: source,\n  });\n  const code = await response.text();\n  if (!response.ok) {\n    throw new Error(code);\n  }\n  return code;\n};\n\nconst rasterizePng: RasterizePng = async (composition, { signal }) => {\n  const response = await fetch(assetUrl('png'), {\n    method: 'POST',\n    body: JSON.stringify(composition),\n    signal,\n  });\n  if (!response.ok) {\n    throw new Error(await response.text());\n  }\n  return response.blob();\n};\n\nconst renderPdf: RenderPdf = async (compositions, { title, signal } = {}) => {\n  const response = await fetch(assetUrl('pdf'), {\n    method: 'POST',\n    body: JSON.stringify({ title, compositions }),\n    ...(signal ? { signal } : {}),\n  });\n  if (!response.ok) {\n    throw new Error(await response.text());\n  }\n  return response.blob();\n};\n\n/** `isomer-studio dev`: the server compiles JSX, rasterizes PNGs and writes PDFs. */\nexport const devHost = ({ runtime }: StudioConfig): StudioHost => ({\n  transformJsx,\n  ...(runtime.surfaces.snapshot ? { rasterizePng, renderPdf } : {}),\n});\n"]}

package/dist/browser/mount.d.ts

@@ -0,0 +1,16 @@
+import type { StudioConfig } from '../config.js';
+import type { JsxTransform, RasterizePng, RenderPdf } from '../types.js';
+/** What the CLI's mode supplies: `dev` asks its server, a static build works in the browser alone. */
+export interface StudioHost {
+    transformJsx?: JsxTransform | undefined;
+    rasterizePng?: RasterizePng | undefined;
+    renderPdf?: RenderPdf | undefined;
+}
+/** `path` against the page's `<base href>`, which the CLI sets from `--base`. */
+export declare const assetUrl: (path: string) => string;
+export interface MountedStudio {
+    /** Re-renders with a new config, keeping the route and every view's state. A config with invalid apps keeps the previous apps and shows why; invalid `featured` entries are reported and skipped. */
+    update: (config: StudioConfig, host: StudioHost) => void;
+}
+export declare const mountStudio: (config: StudioConfig, host: StudioHost) => MountedStudio;
+//# sourceMappingURL=mount.d.ts.map

package/dist/browser/mount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../src/browser/mount.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAI9C,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEtE,sGAAsG;AACtG,MAAM,WAAW,UAAU;IACzB,YAAY,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACxC,YAAY,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACxC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACnC;AAQD,iFAAiF;AACjF,eAAO,MAAM,QAAQ,GAAI,MAAM,MAAM,KAAG,MACF,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,qMAAqM;IACrM,MAAM,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,WAAW,GACtB,QAAQ,YAAY,EACpB,MAAM,UAAU,KACf,aAmCF,CAAC"}

package/dist/browser/mount.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { createRoot } from 'react-dom/client';
+import { appProblems } from '../model/app_problems.js';
+import { featuredProblems, runtimePrimitiveTypes } from '../model/featured.js';
+import { IsomerStudio } from '../studio.js';
+const WORKERS = {
+    typescript: 'ts.worker',
+    javascript: 'ts.worker',
+    json: 'json.worker',
+};
+/** `path` against the page's `<base href>`, which the CLI sets from `--base`. */
+export const assetUrl = (path) => new URL(path, document.baseURI).href;
+export const mountStudio = (config, host) => {
+    window.MonacoEnvironment = {
+        getWorker: (_id, label) => new Worker(assetUrl(`assets/${WORKERS[label] ?? 'editor.worker'}.js`), {
+            type: 'module',
+        }),
+    };
+    const container = document.getElementById('root');
+    if (!container) {
+        throw new Error('The Studio page has no #root element.');
+    }
+    const root = createRoot(container);
+    let apps;
+    const update = (next, { transformJsx, rasterizePng, renderPdf }) => {
+        const problems = appProblems(next.apps);
+        if (!problems.length) {
+            ({ apps } = next);
+        }
+        problems.push(...featuredProblems(next.featured, runtimePrimitiveTypes(next.runtime)));
+        document.title = next.title ?? 'Isomer Studio';
+        root.render(_jsx(IsomerStudio, { ...next, apps, transformJsx, rasterizePng, renderPdf, configProblems: problems }));
+    };
+    update(config, host);
+    return { update };
+};
+//# sourceMappingURL=mount.js.map

package/dist/browser/mount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../../src/browser/mount.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI9C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAUzC,MAAM,OAAO,GAAqC;IAChD,UAAU,EAAE,WAAW;IACvB,UAAU,EAAE,WAAW;IACvB,IAAI,EAAE,aAAa;CACpB,CAAC;AAEF,iFAAiF;AACjF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAU,EAAE,CAC/C,IAAI,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;AAOvC,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,MAAoB,EACpB,IAAgB,EACD,EAAE;IACjB,MAAM,CAAC,iBAAiB,GAAG;QACzB,SAAS,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CACxB,IAAI,MAAM,CAAC,QAAQ,CAAC,UAAU,OAAO,CAAC,KAAK,CAAC,IAAI,eAAe,KAAK,CAAC,EAAE;YACrE,IAAI,EAAE,QAAQ;SACf,CAAC;KACL,CAAC;IACF,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAClD,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;IAC3D,CAAC;IACD,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,IAA0B,CAAC;IAC/B,MAAM,MAAM,GAAG,CACb,IAAkB,EAClB,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAc,EACrD,EAAE;QACF,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACrB,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;QACpB,CAAC;QACD,QAAQ,CAAC,IAAI,CACX,GAAG,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CACxE,CAAC;QACF,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,eAAe,CAAC;QAC/C,IAAI,CAAC,MAAM,CACT,KAAC,YAAY,OACP,IAAI,EACF,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EACjD,cAAc,EAAE,QAAQ,GACxB,CACH,CAAC;IACJ,CAAC,CAAC;IACF,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM,EAAE,CAAC;AACpB,CAAC,CAAC","sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0; you may not use this file except in compliance with the Elastic License\n * 2.0.\n */\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport type {} from 'monaco-editor/esm/vs/editor/editor.api';\n\nimport type { StudioConfig } from '../config';\nimport { appProblems } from '../model/app_problems';\nimport { featuredProblems, runtimePrimitiveTypes } from '../model/featured';\nimport { IsomerStudio } from '../studio';\nimport type { JsxTransform, RasterizePng, RenderPdf } from '../types';\n\n/** What the CLI's mode supplies: `dev` asks its server, a static build works in the browser alone. */\nexport interface StudioHost {\n  transformJsx?: JsxTransform | undefined;\n  rasterizePng?: RasterizePng | undefined;\n  renderPdf?: RenderPdf | undefined;\n}\n\nconst WORKERS: Readonly<Record<string, string>> = {\n  typescript: 'ts.worker',\n  javascript: 'ts.worker',\n  json: 'json.worker',\n};\n\n/** `path` against the page's `<base href>`, which the CLI sets from `--base`. */\nexport const assetUrl = (path: string): string =>\n  new URL(path, document.baseURI).href;\n\nexport interface MountedStudio {\n  /** Re-renders with a new config, keeping the route and every view's state. A config with invalid apps keeps the previous apps and shows why; invalid `featured` entries are reported and skipped. */\n  update: (config: StudioConfig, host: StudioHost) => void;\n}\n\nexport const mountStudio = (\n  config: StudioConfig,\n  host: StudioHost\n): MountedStudio => {\n  window.MonacoEnvironment = {\n    getWorker: (_id, label) =>\n      new Worker(assetUrl(`assets/${WORKERS[label] ?? 'editor.worker'}.js`), {\n        type: 'module',\n      }),\n  };\n  const container = document.getElementById('root');\n  if (!container) {\n    throw new Error('The Studio page has no #root element.');\n  }\n  const root = createRoot(container);\n  let apps: StudioConfig['apps'];\n  const update = (\n    next: StudioConfig,\n    { transformJsx, rasterizePng, renderPdf }: StudioHost\n  ) => {\n    const problems = appProblems(next.apps);\n    if (!problems.length) {\n      ({ apps } = next);\n    }\n    problems.push(\n      ...featuredProblems(next.featured, runtimePrimitiveTypes(next.runtime))\n    );\n    document.title = next.title ?? 'Isomer Studio';\n    root.render(\n      <IsomerStudio\n        {...next}\n        {...{ apps, transformJsx, rasterizePng, renderPdf }}\n        configProblems={problems}\n      />\n    );\n  };\n  update(config, host);\n  return { update };\n};\n"]}

package/dist/browser/static_host.d.ts

@@ -0,0 +1,5 @@
+import type { StudioConfig } from '../config.js';
+import type { StudioHost } from './mount.js';
+/** `isomer-studio build`: JSX compiles in the browser, and PNGs come from the build's manifest. */
+export declare const staticHost: ({ runtime }: StudioConfig) => StudioHost;
+//# sourceMappingURL=static_host.d.ts.map

package/dist/browser/static_host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"static_host.d.ts","sourceRoot":"","sources":["../../src/browser/static_host.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAU9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAmD1C,mGAAmG;AACnG,eAAO,MAAM,UAAU,GAAI,aAAa,YAAY,KAAG,UAGrD,CAAC"}

package/dist/browser/static_host.js

@@ -0,0 +1,55 @@
+/*
+ * 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 { compositionKey } from '../model/composition_key.js';
+import { describeTransformError, JSX_TRANSFORM_OPTIONS, } from '../model/jsx_transform.js';
+import { isPngManifest, PngUnavailableError } from '../model/png_manifest.js';
+import { assetUrl } from './mount.js';
+let esbuild;
+/** `esbuild-wasm`, fetched and started the first time the editor compiles JSX. */
+const loadEsbuild = () => (esbuild ??= import('esbuild-wasm/esm/browser.js').then(async (module) => {
+    await module.initialize({ wasmURL: assetUrl('assets/esbuild.wasm') });
+    return module;
+}));
+const transformJsx = async (source) => {
+    const { transform } = await loadEsbuild();
+    try {
+        const { code } = await transform(source, JSX_TRANSFORM_OPTIONS);
+        return code;
+    }
+    catch (error) {
+        throw new Error(describeTransformError(error));
+    }
+};
+const EMPTY_MANIFEST = { version: 1, entries: {} };
+/** Looks each composition up in `png/manifest.json`, which `isomer-studio build` prerendered. */
+const manifestRasterizer = () => {
+    let manifest;
+    const loadManifest = () => (manifest ??= fetch(assetUrl('png/manifest.json'))
+        .then(async (response) => {
+        const body = response.ok ? await response.json() : undefined;
+        return isPngManifest(body) ? body : EMPTY_MANIFEST;
+    })
+        .catch(() => EMPTY_MANIFEST));
+    return async (composition, { signal }) => {
+        const { entries } = await loadManifest();
+        const entry = entries[compositionKey(composition)];
+        if (!entry) {
+            throw new PngUnavailableError();
+        }
+        const response = await fetch(assetUrl(`png/${entry.file}`), { signal });
+        if (!response.ok) {
+            throw new Error(`png/${entry.file} answered ${response.status}.`);
+        }
+        return response.blob();
+    };
+};
+/** `isomer-studio build`: JSX compiles in the browser, and PNGs come from the build's manifest. */
+export const staticHost = ({ runtime }) => ({
+    transformJsx,
+    rasterizePng: runtime.surfaces.snapshot ? manifestRasterizer() : undefined,
+});
+//# sourceMappingURL=static_host.js.map

package/dist/browser/static_host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static_host.js","sourceRoot":"","sources":["../../src/browser/static_host.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0; you may not use this file except in compliance with the Elastic License\n * 2.0.\n */\n\nimport type { StudioConfig } from '../config';\nimport { compositionKey } from '../model/composition_key';\nimport {\n  describeTransformError,\n  JSX_TRANSFORM_OPTIONS,\n} from '../model/jsx_transform';\nimport type { PngManifest } from '../model/png_manifest';\nimport { isPngManifest, PngUnavailableError } from '../model/png_manifest';\nimport type { JsxTransform, RasterizePng } from '../types';\n\nimport type { StudioHost } from './mount';\nimport { assetUrl } from './mount';\n\ntype Esbuild = typeof import('esbuild-wasm/esm/browser.js');\n\nlet esbuild: Promise<Esbuild> | undefined;\n\n/** `esbuild-wasm`, fetched and started the first time the editor compiles JSX. */\nconst loadEsbuild = (): Promise<Esbuild> =>\n  (esbuild ??= import('esbuild-wasm/esm/browser.js').then(async (module) => {\n    await module.initialize({ wasmURL: assetUrl('assets/esbuild.wasm') });\n    return module;\n  }));\n\nconst transformJsx: JsxTransform = async (source) => {\n  const { transform } = await loadEsbuild();\n  try {\n    const { code } = await transform(source, JSX_TRANSFORM_OPTIONS);\n    return code;\n  } catch (error) {\n    throw new Error(describeTransformError(error));\n  }\n};\n\nconst EMPTY_MANIFEST: PngManifest = { version: 1, entries: {} };\n\n/** Looks each composition up in `png/manifest.json`, which `isomer-studio build` prerendered. */\nconst manifestRasterizer = (): RasterizePng => {\n  let manifest: Promise<PngManifest> | undefined;\n  const loadManifest = () =>\n    (manifest ??= fetch(assetUrl('png/manifest.json'))\n      .then(async (response) => {\n        const body: unknown = response.ok ? await response.json() : undefined;\n        return isPngManifest(body) ? body : EMPTY_MANIFEST;\n      })\n      .catch(() => EMPTY_MANIFEST));\n\n  return async (composition, { signal }) => {\n    const { entries } = await loadManifest();\n    const entry = entries[compositionKey(composition)];\n    if (!entry) {\n      throw new PngUnavailableError();\n    }\n    const response = await fetch(assetUrl(`png/${entry.file}`), { signal });\n    if (!response.ok) {\n      throw new Error(`png/${entry.file} answered ${response.status}.`);\n    }\n    return response.blob();\n  };\n};\n\n/** `isomer-studio build`: JSX compiles in the browser, and PNGs come from the build's manifest. */\nexport const staticHost = ({ runtime }: StudioConfig): StudioHost => ({\n  transformJsx,\n  rasterizePng: runtime.surfaces.snapshot ? manifestRasterizer() : undefined,\n});\n"]}

package/dist/chrome/accent.d.ts

@@ -0,0 +1,14 @@
+import type { StudioMode } from './route.js';
+export interface Accent {
+    /** The header and nav background. */
+    shell: string;
+    /** The mode's hue at full strength, for marks drawn on the shell. */
+    bright: string;
+    fill: string;
+    text: string;
+    light: string;
+}
+export declare const SHELL: Readonly<Record<StudioMode, string>>;
+/** Dev mode is tinted green, docs mode blue, so the two never read as one another. */
+export declare const useAccent: (mode: StudioMode) => Accent;
+//# sourceMappingURL=accent.d.ts.map

package/dist/chrome/accent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accent.d.ts","sourceRoot":"","sources":["../../src/chrome/accent.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,MAAM;IACrB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAGtD,CAAC;AAEF,sFAAsF;AACtF,eAAO,MAAM,SAAS,GAAI,MAAM,UAAU,KAAG,MAoB5C,CAAC"}

package/dist/chrome/accent.js

@@ -0,0 +1,31 @@
+/*
+ * 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 { useEuiTheme } from '@elastic/eui';
+export const SHELL = {
+    dev: '#0B3A2C',
+    docs: '#0B2347',
+};
+/** Dev mode is tinted green, docs mode blue, so the two never read as one another. */
+export const useAccent = (mode) => {
+    const { euiTheme: { colors }, } = useEuiTheme();
+    return mode === 'dev'
+        ? {
+            shell: SHELL.dev,
+            bright: '#00BFB3',
+            fill: colors.backgroundFilledSuccess,
+            text: colors.textSuccess,
+            light: colors.backgroundLightSuccess,
+        }
+        : {
+            shell: SHELL.docs,
+            bright: '#1BA9F5',
+            fill: colors.backgroundFilledPrimary,
+            text: colors.textPrimary,
+            light: colors.backgroundLightPrimary,
+        };
+};
+//# sourceMappingURL=accent.js.map

package/dist/chrome/accent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accent.js","sourceRoot":"","sources":["../../src/chrome/accent.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAc3C,MAAM,CAAC,MAAM,KAAK,GAAyC;IACzD,GAAG,EAAE,SAAS;IACd,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,sFAAsF;AACtF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAgB,EAAU,EAAE;IACpD,MAAM,EACJ,QAAQ,EAAE,EAAE,MAAM,EAAE,GACrB,GAAG,WAAW,EAAE,CAAC;IAElB,OAAO,IAAI,KAAK,KAAK;QACnB,CAAC,CAAC;YACE,KAAK,EAAE,KAAK,CAAC,GAAG;YAChB,MAAM,EAAE,SAAS;YACjB,IAAI,EAAE,MAAM,CAAC,uBAAuB;YACpC,IAAI,EAAE,MAAM,CAAC,WAAW;YACxB,KAAK,EAAE,MAAM,CAAC,sBAAsB;SACrC;QACH,CAAC,CAAC;YACE,KAAK,EAAE,KAAK,CAAC,IAAI;YACjB,MAAM,EAAE,SAAS;YACjB,IAAI,EAAE,MAAM,CAAC,uBAAuB;YACpC,IAAI,EAAE,MAAM,CAAC,WAAW;YACxB,KAAK,EAAE,MAAM,CAAC,sBAAsB;SACrC,CAAC;AACR,CAAC,CAAC","sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0; you may not use this file except in compliance with the Elastic License\n * 2.0.\n */\n\nimport { useEuiTheme } from '@elastic/eui';\n\nimport type { StudioMode } from './route';\n\nexport interface Accent {\n  /** The header and nav background. */\n  shell: string;\n  /** The mode's hue at full strength, for marks drawn on the shell. */\n  bright: string;\n  fill: string;\n  text: string;\n  light: string;\n}\n\nexport const SHELL: Readonly<Record<StudioMode, string>> = {\n  dev: '#0B3A2C',\n  docs: '#0B2347',\n};\n\n/** Dev mode is tinted green, docs mode blue, so the two never read as one another. */\nexport const useAccent = (mode: StudioMode): Accent => {\n  const {\n    euiTheme: { colors },\n  } = useEuiTheme();\n\n  return mode === 'dev'\n    ? {\n        shell: SHELL.dev,\n        bright: '#00BFB3',\n        fill: colors.backgroundFilledSuccess,\n        text: colors.textSuccess,\n        light: colors.backgroundLightSuccess,\n      }\n    : {\n        shell: SHELL.docs,\n        bright: '#1BA9F5',\n        fill: colors.backgroundFilledPrimary,\n        text: colors.textPrimary,\n        light: colors.backgroundLightPrimary,\n      };\n};\n"]}

package/dist/chrome/app_pages.d.ts

@@ -0,0 +1,13 @@
+import type { StudioAppPage } from '../config.js';
+export interface AppPageSection {
+    /** Absent for the pages that name no `section`. */
+    title?: string | undefined;
+    pages: StudioAppPage[];
+}
+/** `pages` grouped by `section`: unsectioned pages first, then sections in order of first appearance. */
+export declare const appPageSections: (pages: readonly StudioAppPage[]) => AppPageSection[];
+/** The page `path` is at or below, the longest such page winning. */
+export declare const activeAppPage: (pages: readonly StudioAppPage[], path: string) => StudioAppPage | undefined;
+/** Pages whose title contains every word of `query`. */
+export declare const filterAppPages: (pages: readonly StudioAppPage[], query: string) => StudioAppPage[];
+//# sourceMappingURL=app_pages.d.ts.map

package/dist/chrome/app_pages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app_pages.d.ts","sourceRoot":"","sources":["../../src/chrome/app_pages.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB;AAED,yGAAyG;AACzG,eAAO,MAAM,eAAe,GAC1B,OAAO,SAAS,aAAa,EAAE,KAC9B,cAAc,EAWhB,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,aAAa,GACxB,OAAO,SAAS,aAAa,EAAE,EAC/B,MAAM,MAAM,KACX,aAAa,GAAG,SAQhB,CAAC;AAEJ,wDAAwD;AACxD,eAAO,MAAM,cAAc,GACzB,OAAO,SAAS,aAAa,EAAE,EAC/B,OAAO,MAAM,KACZ,aAAa,EAMf,CAAC"}

package/dist/chrome/app_pages.js

@@ -0,0 +1,33 @@
+/*
+ * 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.
+ */
+/** `pages` grouped by `section`: unsectioned pages first, then sections in order of first appearance. */
+export const appPageSections = (pages) => {
+    const sections = new Map([
+        [undefined, { title: undefined, pages: [] }],
+    ]);
+    for (const page of pages) {
+        const { section: title } = page;
+        const section = sections.get(title) ?? { title, pages: [] };
+        section.pages.push(page);
+        sections.set(title, section);
+    }
+    return [...sections.values()].filter(({ pages: listed }) => listed.length);
+};
+/** The page `path` is at or below, the longest such page winning. */
+export const activeAppPage = (pages, path) => pages.reduce((best, page) => (path === page.path || path.startsWith(`${page.path}/`)) &&
+    page.path.length > (best?.path.length ?? -1)
+    ? page
+    : best, undefined);
+/** Pages whose title contains every word of `query`. */
+export const filterAppPages = (pages, query) => {
+    const words = query.toLowerCase().split(/\s+/).filter(Boolean);
+    return pages.filter(({ title }) => {
+        const text = title.toLowerCase();
+        return words.every((word) => text.includes(word));
+    });
+};
+//# sourceMappingURL=app_pages.js.map

package/dist/chrome/app_pages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app_pages.js","sourceRoot":"","sources":["../../src/chrome/app_pages.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAUH,yGAAyG;AACzG,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,KAA+B,EACb,EAAE;IACpB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAqC;QAC3D,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;KAC7C,CAAC,CAAC;IACH,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAChC,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QAC5D,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,QAAQ,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC/B,CAAC;IACD,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAC7E,CAAC,CAAC;AAEF,qEAAqE;AACrE,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,KAA+B,EAC/B,IAAY,EACe,EAAE,CAC7B,KAAK,CAAC,MAAM,CACV,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CACb,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;IACxD,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,IAAI;IACN,CAAC,CAAC,IAAI,EACV,SAAS,CACV,CAAC;AAEJ,wDAAwD;AACxD,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAA+B,EAC/B,KAAa,EACI,EAAE;IACnB,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/D,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QAChC,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QACjC,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0; you may not use this file except in compliance with the Elastic License\n * 2.0.\n */\n\nimport type { StudioAppPage } from '../config';\n\nexport interface AppPageSection {\n  /** Absent for the pages that name no `section`. */\n  title?: string | undefined;\n  pages: StudioAppPage[];\n}\n\n/** `pages` grouped by `section`: unsectioned pages first, then sections in order of first appearance. */\nexport const appPageSections = (\n  pages: readonly StudioAppPage[]\n): AppPageSection[] => {\n  const sections = new Map<string | undefined, AppPageSection>([\n    [undefined, { title: undefined, pages: [] }],\n  ]);\n  for (const page of pages) {\n    const { section: title } = page;\n    const section = sections.get(title) ?? { title, pages: [] };\n    section.pages.push(page);\n    sections.set(title, section);\n  }\n  return [...sections.values()].filter(({ pages: listed }) => listed.length);\n};\n\n/** The page `path` is at or below, the longest such page winning. */\nexport const activeAppPage = (\n  pages: readonly StudioAppPage[],\n  path: string\n): StudioAppPage | undefined =>\n  pages.reduce<StudioAppPage | undefined>(\n    (best, page) =>\n      (path === page.path || path.startsWith(`${page.path}/`)) &&\n      page.path.length > (best?.path.length ?? -1)\n        ? page\n        : best,\n    undefined\n  );\n\n/** Pages whose title contains every word of `query`. */\nexport const filterAppPages = (\n  pages: readonly StudioAppPage[],\n  query: string\n): StudioAppPage[] => {\n  const words = query.toLowerCase().split(/\\s+/).filter(Boolean);\n  return pages.filter(({ title }) => {\n    const text = title.toLowerCase();\n    return words.every((word) => text.includes(word));\n  });\n};\n"]}

package/dist/chrome/color_mode.d.ts

@@ -0,0 +1,10 @@
+import type { StudioTheme } from '../config.js';
+export type ColorModePreference = StudioTheme | 'system';
+export declare const isColorModePreference: (value: unknown) => value is ColorModePreference;
+/** The chosen color mode, persisted per browser, and the theme it resolves to; `system` follows the OS as it changes. */
+export declare const useColorMode: () => {
+    preference: ColorModePreference;
+    theme: StudioTheme;
+    setPreference: (preference: ColorModePreference) => void;
+};
+//# sourceMappingURL=color_mode.d.ts.map

package/dist/chrome/color_mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_mode.d.ts","sourceRoot":"","sources":["../../src/chrome/color_mode.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG,QAAQ,CAAC;AAKzD,eAAO,MAAM,qBAAqB,GAChC,OAAO,OAAO,KACb,KAAK,IAAI,mBACiD,CAAC;AAc9D,yHAAyH;AACzH,eAAO,MAAM,YAAY,QAAO;IAC9B,UAAU,EAAE,mBAAmB,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,aAAa,EAAE,CAAC,UAAU,EAAE,mBAAmB,KAAK,IAAI,CAAC;CA6B1D,CAAC"}

package/dist/chrome/color_mode.js

@@ -0,0 +1,45 @@
+/*
+ * 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 { useEffect, useState } from 'react';
+const STORAGE_KEY = 'isomer-studio:color-mode';
+const DARK_QUERY = '(prefers-color-scheme: dark)';
+export const isColorModePreference = (value) => value === 'light' || value === 'dark' || value === 'system';
+const darkQuery = () => typeof window === 'undefined' ? undefined : window.matchMedia?.(DARK_QUERY);
+const storedPreference = () => {
+    try {
+        const stored = window.localStorage.getItem(STORAGE_KEY);
+        return isColorModePreference(stored) ? stored : 'system';
+    }
+    catch {
+        return 'system';
+    }
+};
+/** The chosen color mode, persisted per browser, and the theme it resolves to; `system` follows the OS as it changes. */
+export const useColorMode = () => {
+    const [preference, setPreference] = useState(storedPreference);
+    const [systemIsDark, setSystemIsDark] = useState(() => darkQuery()?.matches ?? false);
+    useEffect(() => {
+        const query = darkQuery();
+        if (!query) {
+            return;
+        }
+        const onChange = ({ matches }) => setSystemIsDark(matches);
+        query.addEventListener('change', onChange);
+        return () => query.removeEventListener('change', onChange);
+    }, []);
+    useEffect(() => {
+        try {
+            window.localStorage.setItem(STORAGE_KEY, preference);
+        }
+        catch {
+            // Storage is optional: a blocked or full store keeps the choice for this page only.
+        }
+    }, [preference]);
+    const theme = preference === 'system' ? (systemIsDark ? 'dark' : 'light') : preference;
+    return { preference, theme, setPreference };
+};
+//# sourceMappingURL=color_mode.js.map

package/dist/chrome/color_mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_mode.js","sourceRoot":"","sources":["../../src/chrome/color_mode.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,WAAW,GAAG,0BAA0B,CAAC;AAC/C,MAAM,UAAU,GAAG,8BAA8B,CAAC;AAElD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,KAAc,EACgB,EAAE,CAChC,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,QAAQ,CAAC;AAE9D,MAAM,SAAS,GAAG,GAA+B,EAAE,CACjD,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,UAAU,CAAC,CAAC;AAE9E,MAAM,gBAAgB,GAAG,GAAwB,EAAE;IACjD,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACxD,OAAO,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC3D,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,QAAQ,CAAC;IAClB,CAAC;AACH,CAAC,CAAC;AAEF,yHAAyH;AACzH,MAAM,CAAC,MAAM,YAAY,GAAG,GAI1B,EAAE;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC/D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,OAAO,IAAI,KAAK,CACpC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QACD,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAuB,EAAE,EAAE,CACpD,eAAe,CAAC,OAAO,CAAC,CAAC;QAC3B,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC3C,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC;YACH,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;QACvD,CAAC;QAAC,MAAM,CAAC;YACP,oFAAoF;QACtF,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,KAAK,GACT,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAC3E,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAC9C,CAAC,CAAC","sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0; you may not use this file except in compliance with the Elastic License\n * 2.0.\n */\n\nimport { useEffect, useState } from 'react';\n\nimport type { StudioTheme } from '../config';\n\nexport type ColorModePreference = StudioTheme | 'system';\n\nconst STORAGE_KEY = 'isomer-studio:color-mode';\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\n\nexport const isColorModePreference = (\n  value: unknown\n): value is ColorModePreference =>\n  value === 'light' || value === 'dark' || value === 'system';\n\nconst darkQuery = (): MediaQueryList | undefined =>\n  typeof window === 'undefined' ? undefined : window.matchMedia?.(DARK_QUERY);\n\nconst storedPreference = (): ColorModePreference => {\n  try {\n    const stored = window.localStorage.getItem(STORAGE_KEY);\n    return isColorModePreference(stored) ? stored : 'system';\n  } catch {\n    return 'system';\n  }\n};\n\n/** The chosen color mode, persisted per browser, and the theme it resolves to; `system` follows the OS as it changes. */\nexport const useColorMode = (): {\n  preference: ColorModePreference;\n  theme: StudioTheme;\n  setPreference: (preference: ColorModePreference) => void;\n} => {\n  const [preference, setPreference] = useState(storedPreference);\n  const [systemIsDark, setSystemIsDark] = useState(\n    () => darkQuery()?.matches ?? false\n  );\n\n  useEffect(() => {\n    const query = darkQuery();\n    if (!query) {\n      return;\n    }\n    const onChange = ({ matches }: MediaQueryListEvent) =>\n      setSystemIsDark(matches);\n    query.addEventListener('change', onChange);\n    return () => query.removeEventListener('change', onChange);\n  }, []);\n\n  useEffect(() => {\n    try {\n      window.localStorage.setItem(STORAGE_KEY, preference);\n    } catch {\n      // Storage is optional: a blocked or full store keeps the choice for this page only.\n    }\n  }, [preference]);\n\n  const theme =\n    preference === 'system' ? (systemIsDark ? 'dark' : 'light') : preference;\n  return { preference, theme, setPreference };\n};\n"]}

package/dist/chrome/dev_tint.d.ts

@@ -0,0 +1,7 @@
+import type { EuiThemeModifications } from '@elastic/eui';
+/** Moves `hex` onto `hue` in OKLCH, keeping its perceived lightness. */
+export declare const tintNeutral: (hex: string, hue: number) => string;
+/** Borealis dark's blue-gray backgrounds and borders moved onto the dev shell's green. Text and role colors are untouched. */
+export declare const DEV_DARK_COLORS: Readonly<Record<string, string>>;
+export declare const DEV_TINT: EuiThemeModifications;
+//# sourceMappingURL=dev_tint.d.ts.map

package/dist/chrome/dev_tint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev_tint.d.ts","sourceRoot":"","sources":["../../src/chrome/dev_tint.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAc1D,wEAAwE;AACxE,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAGtD,CAAC;AAIF,8HAA8H;AAC9H,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAU1D,CAAC;AAEJ,eAAO,MAAM,QAAQ,EAAE,qBAEtB,CAAC"}

package/dist/chrome/dev_tint.js

@@ -0,0 +1,31 @@
+/*
+ * 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 { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
+import { SHELL } from './accent.js';
+import { hexToOklch, oklchToHex } from './oklch.js';
+const HEX = /^#([0-9a-f]{6})$/i;
+const ROLE = /primary|accent|success|warning|danger|risk|neutral|assistance|highlight|link/i;
+const SURFACE = /^(background|border)|^body$/;
+/** Strength of the tint relative to Borealis's own blue: `1` is as green as Borealis is blue, `0` is gray. */
+const CHROMA = 0.6;
+/** Moves `hex` onto `hue` in OKLCH, keeping its perceived lightness. */
+export const tintNeutral = (hex, hue) => {
+    const { l, c } = hexToOklch(hex);
+    return oklchToHex({ l, c: c * CHROMA, h: hue });
+};
+const { h: DEV_HUE } = hexToOklch(SHELL.dev);
+/** Borealis dark's blue-gray backgrounds and borders moved onto the dev shell's green. Text and role colors are untouched. */
+export const DEV_DARK_COLORS = Object.fromEntries(Object.entries(EuiThemeBorealis.root.colors.DARK).flatMap(([key, value]) => typeof value === 'string' &&
+    HEX.test(value) &&
+    SURFACE.test(key) &&
+    !ROLE.test(key)
+    ? [[key, tintNeutral(value, DEV_HUE)]]
+    : []));
+export const DEV_TINT = {
+    colors: { DARK: DEV_DARK_COLORS },
+};
+//# sourceMappingURL=dev_tint.js.map

package/dist/chrome/dev_tint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev_tint.js","sourceRoot":"","sources":["../../src/chrome/dev_tint.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,GAAG,GAAG,mBAAmB,CAAC;AAChC,MAAM,IAAI,GACR,+EAA+E,CAAC;AAClF,MAAM,OAAO,GAAG,6BAA6B,CAAC;AAE9C,8GAA8G;AAC9G,MAAM,MAAM,GAAG,GAAG,CAAC;AAEnB,wEAAwE;AACxE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,GAAW,EAAU,EAAE;IAC9D,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;IACjC,OAAO,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAE7C,8HAA8H;AAC9H,MAAM,CAAC,MAAM,eAAe,GAC1B,MAAM,CAAC,WAAW,CAChB,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CACzE,OAAO,KAAK,KAAK,QAAQ;IACzB,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;IACf,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;IACjB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;IACb,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC,EAAE,CACP,CACF,CAAC;AAEJ,MAAM,CAAC,MAAM,QAAQ,GAA0B;IAC7C,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE;CAClC,CAAC","sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0; you may not use this file except in compliance with the Elastic License\n * 2.0.\n */\n\nimport type { EuiThemeModifications } from '@elastic/eui';\nimport { EuiThemeBorealis } from '@elastic/eui-theme-borealis';\n\nimport { SHELL } from './accent';\nimport { hexToOklch, oklchToHex } from './oklch';\n\nconst HEX = /^#([0-9a-f]{6})$/i;\nconst ROLE =\n  /primary|accent|success|warning|danger|risk|neutral|assistance|highlight|link/i;\nconst SURFACE = /^(background|border)|^body$/;\n\n/** Strength of the tint relative to Borealis's own blue: `1` is as green as Borealis is blue, `0` is gray. */\nconst CHROMA = 0.6;\n\n/** Moves `hex` onto `hue` in OKLCH, keeping its perceived lightness. */\nexport const tintNeutral = (hex: string, hue: number): string => {\n  const { l, c } = hexToOklch(hex);\n  return oklchToHex({ l, c: c * CHROMA, h: hue });\n};\n\nconst { h: DEV_HUE } = hexToOklch(SHELL.dev);\n\n/** Borealis dark's blue-gray backgrounds and borders moved onto the dev shell's green. Text and role colors are untouched. */\nexport const DEV_DARK_COLORS: Readonly<Record<string, string>> =\n  Object.fromEntries(\n    Object.entries(EuiThemeBorealis.root.colors.DARK).flatMap(([key, value]) =>\n      typeof value === 'string' &&\n      HEX.test(value) &&\n      SURFACE.test(key) &&\n      !ROLE.test(key)\n        ? [[key, tintNeutral(value, DEV_HUE)]]\n        : []\n    )\n  );\n\nexport const DEV_TINT: EuiThemeModifications = {\n  colors: { DARK: DEV_DARK_COLORS },\n};\n"]}

package/dist/chrome/header.d.ts

@@ -0,0 +1,20 @@
+import type { ColorModePreference } from './color_mode.js';
+import type { StudioMode } from './route.js';
+export interface StudioHeaderProps {
+    /** Defaults to "Isomer Studio". */
+    title?: string | undefined;
+    /** Absent while an app or Home is open, which selects neither mode. */
+    mode: StudioMode | undefined;
+    /** The open app's title, shown in place of the mode's name. */
+    appTitle?: string | undefined;
+    /** On Home the switch, search and color mode give way to a docs link. */
+    home?: boolean | undefined;
+    colorMode: ColorModePreference;
+    onModeChange: (mode: StudioMode) => void;
+    onColorModeChange: (colorMode: ColorModePreference) => void;
+    onSelectPrimitive: (type: string) => void;
+    onHome: () => void;
+}
+/** Title, the Workbench/Reference switch, search and color mode. The mark and title link to Home. */
+export declare const StudioHeader: ({ title, mode, appTitle, home, colorMode, onModeChange, onColorModeChange, onSelectPrimitive, onHome, }: StudioHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=header.d.ts.map