@miragon/modeler-shell 0.0.0-stage → 0.2.0

package/dist/vscode-webview.d.cts

@@ -0,0 +1,84 @@
+import { T as Theme, A as Appearance } from './appearance-D3FUcbu6.cjs';
+import { S as ShellOptions, a as ShellHandle } from './types-CnRrINRs.cjs';
+import { V as ViewportState } from './toasts-Bp0REqdq.cjs';
+export { A as APPEARANCE_MESSAGE_TYPE, a as AppearanceMessage, b as appearanceMessage, i as isAppearanceMessage } from './protocol-DhYBakWL.cjs';
+import './appearance-XX3JC3pI.cjs';
+
+/**
+ * Writes `data-cd-theme` and `data-cd-kontrast` on `element` (default `<html>`) in one task, with
+ * transitions suppressed for one frame: adds `cd-shell-no-transition` to `<html>`, sets both
+ * attributes and removes the class in a nested `requestAnimationFrame` (after the last of several
+ * quick switches).
+ */
+declare function applyAppearance(appearance: Appearance, element?: HTMLElement): void;
+interface AppearanceListenerOptions {
+    /** The modes the modeler can show; the body-class fallback resolves against them. */
+    themes: readonly Theme[];
+}
+/**
+ * Listens for `AppearanceMessage`s on `window` and applies them to `<html>`, resolved against
+ * `themes` once more so a webview never shows a mode its bundle cannot. A page whose `<html>` has
+ * no `data-cd-theme` at connect (no `renderWebviewHtml`) falls back to the VS Code body classes,
+ * through a `MutationObserver` on `<body>` until the first message (resolved against `themes`).
+ * With the attributes of `renderWebviewHtml` there is no fallback: the extension's bridge knows the
+ * `colorTheme` setting, the body classes do not, and VS Code changes them before the bridge's
+ * message arrives, which would flash the mode without the setting. Returns the disconnect
+ * function. Throws when `themes` is empty.
+ */
+declare function connectAppearance(options: AppearanceListenerOptions): () => void;
+/**
+ * Mirrors VS Code's `workbench.reduceMotion` (the body class `vscode-reduce-motion`, which VS Code
+ * keeps up to date) as `REDUCED_MOTION_CLASS` on `<html>` for the whole session: the shell's
+ * animations stop and an explicit fit jumps, as under `prefers-reduced-motion` (guide §5.14, §7).
+ * Returns the disconnect function, which removes the class again.
+ */
+declare function connectReducedMotion(): () => void;
+
+/** The web column's options (0.2): a VS Code webview has none of them (guide §5.2, §13.5). */
+type WebHostOptionKey = "primary" | "legal" | "file" | "appearance" | "emptyState" | "dropZone";
+interface VsCodeShellOptions extends Omit<ShellOptions, "host" | "keyScope" | "themes" | WebHostOptionKey>, AppearanceListenerOptions {
+}
+/**
+ * `mountShell` for a VS Code webview: `host: "ide"`, the key listener on `document` (VS Code's own
+ * listener sits on `window`, so handled keys are stopped before it), `cd-shell-document` on
+ * `<html>`, plus `connectAppearance` and `connectReducedMotion`. `destroy()` also disconnects both.
+ */
+declare function mountVsCodeShell(root: HTMLElement, options: VsCodeShellOptions): ShellHandle;
+
+/** `acquireVsCodeApi()` as far as the state helpers need it. */
+interface WebviewStateApi {
+    getState(): unknown;
+    setState(state: unknown): void;
+}
+/** What the shell keeps across a webview rebuild (guide §13.5: legend state and view). */
+interface ShellWebviewState {
+    legendOpen?: boolean | undefined;
+    view?: ViewportState | undefined;
+}
+/** The key under which the shell's part lives in the webview state; other keys stay untouched. */
+declare const SHELL_STATE_KEY = "modelerShell";
+/** The shell's part of `api.getState()`; `{}` when there is none or it is malformed. */
+declare function readShellState(api: WebviewStateApi): ShellWebviewState;
+/**
+ * Merges `patch` into the shell's part and writes the whole state back, keeping every other key.
+ * A value that is `undefined` (for example `viewport.getState()` before the first import) or
+ * malformed leaves the stored value alone; nothing is written when nothing changed.
+ */
+declare function writeShellState(api: WebviewStateApi, patch: ShellWebviewState): void;
+/** What `persistView` reads of a viewport (`connectDiagramJs(…).viewport`). */
+interface PersistableView {
+    onChange(listener: () => void): () => void;
+    getState(): ViewportState | undefined;
+}
+interface PersistViewOptions {
+    /** Quiet time before the write, default 250ms. */
+    delayMs?: number | undefined;
+}
+/**
+ * Keeps the stored view (`writeShellState(api, { view })`) up to date once the view has rested for
+ * `delayMs`, instead of one `vscode.setState` IPC message per animation frame. Returns the stop
+ * function; it writes a pending change at once.
+ */
+declare function persistView(api: WebviewStateApi, viewport: PersistableView, options?: PersistViewOptions): () => void;
+
+export { type AppearanceListenerOptions, type PersistViewOptions, type PersistableView, SHELL_STATE_KEY, type ShellWebviewState, type VsCodeShellOptions, type WebviewStateApi, applyAppearance, connectAppearance, connectReducedMotion, mountVsCodeShell, persistView, readShellState, writeShellState };

package/dist/vscode-webview.d.ts

@@ -0,0 +1,84 @@
+import { T as Theme, A as Appearance } from './appearance-D3FUcbu6.js';
+import { S as ShellOptions, a as ShellHandle } from './types-PuDZczzy.js';
+import { V as ViewportState } from './toasts-Bp0REqdq.js';
+export { A as APPEARANCE_MESSAGE_TYPE, a as AppearanceMessage, b as appearanceMessage, i as isAppearanceMessage } from './protocol-IeW8bf4f.js';
+import './appearance-BBaM_4bD.js';
+
+/**
+ * Writes `data-cd-theme` and `data-cd-kontrast` on `element` (default `<html>`) in one task, with
+ * transitions suppressed for one frame: adds `cd-shell-no-transition` to `<html>`, sets both
+ * attributes and removes the class in a nested `requestAnimationFrame` (after the last of several
+ * quick switches).
+ */
+declare function applyAppearance(appearance: Appearance, element?: HTMLElement): void;
+interface AppearanceListenerOptions {
+    /** The modes the modeler can show; the body-class fallback resolves against them. */
+    themes: readonly Theme[];
+}
+/**
+ * Listens for `AppearanceMessage`s on `window` and applies them to `<html>`, resolved against
+ * `themes` once more so a webview never shows a mode its bundle cannot. A page whose `<html>` has
+ * no `data-cd-theme` at connect (no `renderWebviewHtml`) falls back to the VS Code body classes,
+ * through a `MutationObserver` on `<body>` until the first message (resolved against `themes`).
+ * With the attributes of `renderWebviewHtml` there is no fallback: the extension's bridge knows the
+ * `colorTheme` setting, the body classes do not, and VS Code changes them before the bridge's
+ * message arrives, which would flash the mode without the setting. Returns the disconnect
+ * function. Throws when `themes` is empty.
+ */
+declare function connectAppearance(options: AppearanceListenerOptions): () => void;
+/**
+ * Mirrors VS Code's `workbench.reduceMotion` (the body class `vscode-reduce-motion`, which VS Code
+ * keeps up to date) as `REDUCED_MOTION_CLASS` on `<html>` for the whole session: the shell's
+ * animations stop and an explicit fit jumps, as under `prefers-reduced-motion` (guide §5.14, §7).
+ * Returns the disconnect function, which removes the class again.
+ */
+declare function connectReducedMotion(): () => void;
+
+/** The web column's options (0.2): a VS Code webview has none of them (guide §5.2, §13.5). */
+type WebHostOptionKey = "primary" | "legal" | "file" | "appearance" | "emptyState" | "dropZone";
+interface VsCodeShellOptions extends Omit<ShellOptions, "host" | "keyScope" | "themes" | WebHostOptionKey>, AppearanceListenerOptions {
+}
+/**
+ * `mountShell` for a VS Code webview: `host: "ide"`, the key listener on `document` (VS Code's own
+ * listener sits on `window`, so handled keys are stopped before it), `cd-shell-document` on
+ * `<html>`, plus `connectAppearance` and `connectReducedMotion`. `destroy()` also disconnects both.
+ */
+declare function mountVsCodeShell(root: HTMLElement, options: VsCodeShellOptions): ShellHandle;
+
+/** `acquireVsCodeApi()` as far as the state helpers need it. */
+interface WebviewStateApi {
+    getState(): unknown;
+    setState(state: unknown): void;
+}
+/** What the shell keeps across a webview rebuild (guide §13.5: legend state and view). */
+interface ShellWebviewState {
+    legendOpen?: boolean | undefined;
+    view?: ViewportState | undefined;
+}
+/** The key under which the shell's part lives in the webview state; other keys stay untouched. */
+declare const SHELL_STATE_KEY = "modelerShell";
+/** The shell's part of `api.getState()`; `{}` when there is none or it is malformed. */
+declare function readShellState(api: WebviewStateApi): ShellWebviewState;
+/**
+ * Merges `patch` into the shell's part and writes the whole state back, keeping every other key.
+ * A value that is `undefined` (for example `viewport.getState()` before the first import) or
+ * malformed leaves the stored value alone; nothing is written when nothing changed.
+ */
+declare function writeShellState(api: WebviewStateApi, patch: ShellWebviewState): void;
+/** What `persistView` reads of a viewport (`connectDiagramJs(…).viewport`). */
+interface PersistableView {
+    onChange(listener: () => void): () => void;
+    getState(): ViewportState | undefined;
+}
+interface PersistViewOptions {
+    /** Quiet time before the write, default 250ms. */
+    delayMs?: number | undefined;
+}
+/**
+ * Keeps the stored view (`writeShellState(api, { view })`) up to date once the view has rested for
+ * `delayMs`, instead of one `vscode.setState` IPC message per animation frame. Returns the stop
+ * function; it writes a pending change at once.
+ */
+declare function persistView(api: WebviewStateApi, viewport: PersistableView, options?: PersistViewOptions): () => void;
+
+export { type AppearanceListenerOptions, type PersistViewOptions, type PersistableView, SHELL_STATE_KEY, type ShellWebviewState, type VsCodeShellOptions, type WebviewStateApi, applyAppearance, connectAppearance, connectReducedMotion, mountVsCodeShell, persistView, readShellState, writeShellState };

package/dist/vscode-webview.js

@@ -0,0 +1,259 @@
+import {
+  mountShell
+} from "./chunk-66HCSJNY.js";
+import {
+  APPEARANCE_MESSAGE_TYPE,
+  appearanceMessage,
+  isAppearanceMessage
+} from "./chunk-N4QXFF3A.js";
+import {
+  REDUCED_MOTION_CLASS,
+  appearanceAttributes,
+  appearanceFromBodyClasses,
+  reducedMotionFromBodyClasses,
+  resolveAppearance
+} from "./chunk-OADW3GPA.js";
+
+// src/vscode/webview/appearance.ts
+var NO_TRANSITION_CLASS = "cd-shell-no-transition";
+var latestSwitch = /* @__PURE__ */ new WeakMap();
+function showsAppearance(element, appearance) {
+  const attributes = appearanceAttributes(appearance);
+  return element.getAttribute("data-cd-theme") === attributes["data-cd-theme"] && element.getAttribute("data-cd-kontrast") === (attributes["data-cd-kontrast"] ?? null);
+}
+function applyAppearance(appearance, element) {
+  const target = element ?? document.documentElement;
+  const html = target.ownerDocument.documentElement;
+  const attributes = appearanceAttributes(appearance);
+  const kontrast = attributes["data-cd-kontrast"];
+  const switchId = (latestSwitch.get(html) ?? 0) + 1;
+  latestSwitch.set(html, switchId);
+  html.classList.add(NO_TRANSITION_CLASS);
+  target.setAttribute("data-cd-theme", attributes["data-cd-theme"]);
+  if (kontrast) target.setAttribute("data-cd-kontrast", kontrast);
+  else target.removeAttribute("data-cd-kontrast");
+  requestAnimationFrame(
+    () => requestAnimationFrame(() => {
+      if (latestSwitch.get(html) !== switchId) return;
+      latestSwitch.delete(html);
+      html.classList.remove(NO_TRANSITION_CLASS);
+    })
+  );
+}
+function connectAppearance(options) {
+  const { themes } = options;
+  if (themes.length === 0) {
+    throw new Error("@miragon/modeler-shell: connectAppearance needs at least one theme");
+  }
+  const html = document.documentElement;
+  const show = (requested) => {
+    const resolved = resolveAppearance(requested, themes);
+    if (!showsAppearance(html, resolved)) applyAppearance(resolved, html);
+  };
+  let fallbackActive = !html.hasAttribute("data-cd-theme");
+  const applyBodyClasses = () => {
+    if (!fallbackActive || !document.body) return;
+    const requested = appearanceFromBodyClasses(document.body.classList);
+    if (requested) show(requested);
+  };
+  const observer = new MutationObserver(applyBodyClasses);
+  const startFallback = () => {
+    if (!fallbackActive || !document.body) return;
+    observer.observe(document.body, { attributes: true, attributeFilter: ["class"] });
+    applyBodyClasses();
+  };
+  const stopFallback = () => {
+    if (!fallbackActive) return;
+    fallbackActive = false;
+    observer.disconnect();
+    document.removeEventListener("DOMContentLoaded", startFallback);
+  };
+  const onMessage = (event) => {
+    if (!isAppearanceMessage(event.data)) return;
+    stopFallback();
+    show(event.data.appearance);
+  };
+  window.addEventListener("message", onMessage);
+  if (document.body) startFallback();
+  else if (fallbackActive) document.addEventListener("DOMContentLoaded", startFallback, { once: true });
+  return () => {
+    window.removeEventListener("message", onMessage);
+    fallbackActive = false;
+    observer.disconnect();
+    document.removeEventListener("DOMContentLoaded", startFallback);
+  };
+}
+function connectReducedMotion() {
+  const html = document.documentElement;
+  const apply = () => {
+    if (document.body)
+      html.classList.toggle(REDUCED_MOTION_CLASS, reducedMotionFromBodyClasses(document.body.classList));
+  };
+  const observer = new MutationObserver(apply);
+  const start = () => {
+    if (!document.body) return;
+    observer.observe(document.body, { attributes: true, attributeFilter: ["class"] });
+    apply();
+  };
+  if (document.body) start();
+  else document.addEventListener("DOMContentLoaded", start, { once: true });
+  return () => {
+    observer.disconnect();
+    document.removeEventListener("DOMContentLoaded", start);
+    html.classList.remove(REDUCED_MOTION_CLASS);
+  };
+}
+
+// src/vscode/webview/mount.ts
+function withDestroyHook(shell, beforeDestroy) {
+  return {
+    get root() {
+      return shell.root;
+    },
+    get canvas() {
+      return shell.canvas;
+    },
+    get host() {
+      return shell.host;
+    },
+    get lang() {
+      return shell.lang;
+    },
+    get platform() {
+      return shell.platform;
+    },
+    get messages() {
+      return shell.messages;
+    },
+    get menu() {
+      return shell.menu;
+    },
+    get tooltip() {
+      return shell.tooltip;
+    },
+    get legend() {
+      return shell.legend;
+    },
+    get inspector() {
+      return shell.inspector;
+    },
+    get primary() {
+      return shell.primary;
+    },
+    get appearance() {
+      return shell.appearance;
+    },
+    setZoomTarget: (target) => shell.setZoomTarget(target),
+    fitInsets: () => shell.fitInsets(),
+    registerPalette: (palette) => shell.registerPalette(palette),
+    setProblems: (summary) => shell.setProblems(summary),
+    setStatus: (status, options) => shell.setStatus(status, options),
+    setEmptyHint: (visible) => shell.setEmptyHint(visible),
+    setReadOnly: (readOnly, options) => shell.setReadOnly(readOnly, options),
+    isReadOnly: () => shell.isReadOnly(),
+    setEmptyState: (shown) => shell.setEmptyState(shown),
+    isEmptyStateShown: () => shell.isEmptyStateShown(),
+    toast: (request) => shell.toast(request),
+    destroy() {
+      beforeDestroy();
+      shell.destroy();
+    }
+  };
+}
+function mountVsCodeShell(root, options) {
+  const { themes } = options;
+  const disconnectAppearance = connectAppearance({ themes });
+  const disconnectReducedMotion = connectReducedMotion();
+  const disconnect = () => {
+    disconnectAppearance();
+    disconnectReducedMotion();
+  };
+  let shell;
+  try {
+    shell = mountShell(root, { ...options, host: "ide", keyScope: "document" });
+  } catch (error) {
+    disconnect();
+    throw error;
+  }
+  return withDestroyHook(shell, disconnect);
+}
+
+// src/vscode/webview/state.ts
+var SHELL_STATE_KEY = "modelerShell";
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function storedState(api) {
+  const state = api.getState();
+  return isRecord(state) ? state : {};
+}
+function viewboxFrom(value) {
+  if (!isRecord(value)) return void 0;
+  const { x, y, width, height } = value;
+  if (typeof x !== "number" || typeof y !== "number") return void 0;
+  if (typeof width !== "number" || typeof height !== "number") return void 0;
+  if (!Number.isFinite(x) || !Number.isFinite(y) || !Number.isFinite(width) || !Number.isFinite(height)) {
+    return void 0;
+  }
+  return width > 0 && height > 0 ? { x, y, width, height } : void 0;
+}
+function viewFrom(value) {
+  if (!isRecord(value) || typeof value.userMoved !== "boolean") return void 0;
+  const viewbox = viewboxFrom(value.viewbox);
+  return viewbox ? { viewbox, userMoved: value.userMoved } : void 0;
+}
+function readShellState(api) {
+  const part = storedState(api)[SHELL_STATE_KEY];
+  if (!isRecord(part)) return {};
+  const state = {};
+  if (typeof part.legendOpen === "boolean") state.legendOpen = part.legendOpen;
+  const view = viewFrom(part.view);
+  if (view) state.view = view;
+  return state;
+}
+function writeShellState(api, patch) {
+  const state = storedState(api);
+  const part = isRecord(state[SHELL_STATE_KEY]) ? state[SHELL_STATE_KEY] : {};
+  const next = { ...part };
+  if (typeof patch.legendOpen === "boolean") next.legendOpen = patch.legendOpen;
+  const view = viewFrom(patch.view);
+  if (view) next.view = view;
+  if (JSON.stringify(next) === JSON.stringify(state[SHELL_STATE_KEY])) return;
+  api.setState({ ...state, [SHELL_STATE_KEY]: next });
+}
+var PERSIST_VIEW_DELAY_MS = 250;
+function persistView(api, viewport, options = {}) {
+  const delayMs = options.delayMs ?? PERSIST_VIEW_DELAY_MS;
+  let timer;
+  const write = () => {
+    timer = void 0;
+    writeShellState(api, { view: viewport.getState() });
+  };
+  const unsubscribe = viewport.onChange(() => {
+    clearTimeout(timer);
+    timer = setTimeout(write, delayMs);
+  });
+  let stopped = false;
+  return () => {
+    if (stopped) return;
+    stopped = true;
+    unsubscribe();
+    if (timer === void 0) return;
+    clearTimeout(timer);
+    write();
+  };
+}
+export {
+  APPEARANCE_MESSAGE_TYPE,
+  SHELL_STATE_KEY,
+  appearanceMessage,
+  applyAppearance,
+  connectAppearance,
+  connectReducedMotion,
+  isAppearanceMessage,
+  mountVsCodeShell,
+  persistView,
+  readShellState,
+  writeShellState
+};
+//# sourceMappingURL=vscode-webview.js.map

package/dist/vscode-webview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vscode/webview/appearance.ts","../src/vscode/webview/mount.ts","../src/vscode/webview/state.ts"],"sourcesContent":["import {\n  REDUCED_MOTION_CLASS,\n  appearanceAttributes,\n  appearanceFromBodyClasses,\n  reducedMotionFromBodyClasses,\n  resolveAppearance,\n  type Appearance,\n  type Theme,\n} from \"../../core/index.js\";\nimport { isAppearanceMessage } from \"../protocol.js\";\n\nconst NO_TRANSITION_CLASS = \"cd-shell-no-transition\";\n\n/** The latest mode switch per `<html>`: only its second frame may lift the transition stop. */\nconst latestSwitch = new WeakMap<Element, number>();\n\nfunction showsAppearance(element: Element, appearance: Appearance): boolean {\n  const attributes = appearanceAttributes(appearance);\n  return (\n    element.getAttribute(\"data-cd-theme\") === attributes[\"data-cd-theme\"] &&\n    element.getAttribute(\"data-cd-kontrast\") === (attributes[\"data-cd-kontrast\"] ?? null)\n  );\n}\n\n/**\n * Writes `data-cd-theme` and `data-cd-kontrast` on `element` (default `<html>`) in one task, with\n * transitions suppressed for one frame: adds `cd-shell-no-transition` to `<html>`, sets both\n * attributes and removes the class in a nested `requestAnimationFrame` (after the last of several\n * quick switches).\n */\nexport function applyAppearance(appearance: Appearance, element?: HTMLElement): void {\n  const target = element ?? document.documentElement;\n  const html = target.ownerDocument.documentElement;\n  const attributes = appearanceAttributes(appearance);\n  const kontrast = attributes[\"data-cd-kontrast\"];\n\n  const switchId = (latestSwitch.get(html) ?? 0) + 1;\n  latestSwitch.set(html, switchId);\n  html.classList.add(NO_TRANSITION_CLASS);\n  target.setAttribute(\"data-cd-theme\", attributes[\"data-cd-theme\"]);\n  if (kontrast) target.setAttribute(\"data-cd-kontrast\", kontrast);\n  else target.removeAttribute(\"data-cd-kontrast\");\n\n  requestAnimationFrame(() =>\n    requestAnimationFrame(() => {\n      if (latestSwitch.get(html) !== switchId) return;\n      latestSwitch.delete(html);\n      html.classList.remove(NO_TRANSITION_CLASS);\n    }),\n  );\n}\n\nexport interface AppearanceListenerOptions {\n  /** The modes the modeler can show; the body-class fallback resolves against them. */\n  themes: readonly Theme[];\n}\n\n/**\n * Listens for `AppearanceMessage`s on `window` and applies them to `<html>`, resolved against\n * `themes` once more so a webview never shows a mode its bundle cannot. A page whose `<html>` has\n * no `data-cd-theme` at connect (no `renderWebviewHtml`) falls back to the VS Code body classes,\n * through a `MutationObserver` on `<body>` until the first message (resolved against `themes`).\n * With the attributes of `renderWebviewHtml` there is no fallback: the extension's bridge knows the\n * `colorTheme` setting, the body classes do not, and VS Code changes them before the bridge's\n * message arrives, which would flash the mode without the setting. Returns the disconnect\n * function. Throws when `themes` is empty.\n */\nexport function connectAppearance(options: AppearanceListenerOptions): () => void {\n  const { themes } = options;\n  if (themes.length === 0) {\n    throw new Error(\"@miragon/modeler-shell: connectAppearance needs at least one theme\");\n  }\n  const html = document.documentElement;\n  const show = (requested: Appearance): void => {\n    const resolved = resolveAppearance(requested, themes);\n    if (!showsAppearance(html, resolved)) applyAppearance(resolved, html);\n  };\n\n  let fallbackActive = !html.hasAttribute(\"data-cd-theme\");\n  const applyBodyClasses = (): void => {\n    if (!fallbackActive || !document.body) return;\n    const requested = appearanceFromBodyClasses(document.body.classList);\n    if (requested) show(requested);\n  };\n  const observer = new MutationObserver(applyBodyClasses);\n  const startFallback = (): void => {\n    if (!fallbackActive || !document.body) return;\n    observer.observe(document.body, { attributes: true, attributeFilter: [\"class\"] });\n    applyBodyClasses();\n  };\n  const stopFallback = (): void => {\n    if (!fallbackActive) return;\n    fallbackActive = false;\n    observer.disconnect();\n    document.removeEventListener(\"DOMContentLoaded\", startFallback);\n  };\n\n  const onMessage = (event: MessageEvent): void => {\n    if (!isAppearanceMessage(event.data)) return;\n    stopFallback();\n    show(event.data.appearance);\n  };\n\n  window.addEventListener(\"message\", onMessage);\n  if (document.body) startFallback();\n  else if (fallbackActive) document.addEventListener(\"DOMContentLoaded\", startFallback, { once: true });\n\n  return () => {\n    window.removeEventListener(\"message\", onMessage);\n    fallbackActive = false;\n    observer.disconnect();\n    document.removeEventListener(\"DOMContentLoaded\", startFallback);\n  };\n}\n\n/**\n * Mirrors VS Code's `workbench.reduceMotion` (the body class `vscode-reduce-motion`, which VS Code\n * keeps up to date) as `REDUCED_MOTION_CLASS` on `<html>` for the whole session: the shell's\n * animations stop and an explicit fit jumps, as under `prefers-reduced-motion` (guide §5.14, §7).\n * Returns the disconnect function, which removes the class again.\n */\nexport function connectReducedMotion(): () => void {\n  const html = document.documentElement;\n  const apply = (): void => {\n    if (document.body)\n      html.classList.toggle(REDUCED_MOTION_CLASS, reducedMotionFromBodyClasses(document.body.classList));\n  };\n  const observer = new MutationObserver(apply);\n  const start = (): void => {\n    if (!document.body) return;\n    observer.observe(document.body, { attributes: true, attributeFilter: [\"class\"] });\n    apply();\n  };\n  if (document.body) start();\n  else document.addEventListener(\"DOMContentLoaded\", start, { once: true });\n  return () => {\n    observer.disconnect();\n    document.removeEventListener(\"DOMContentLoaded\", start);\n    html.classList.remove(REDUCED_MOTION_CLASS);\n  };\n}\n","import { mountShell, type ShellHandle, type ShellOptions } from \"../../dom/index.js\";\nimport { connectAppearance, connectReducedMotion, type AppearanceListenerOptions } from \"./appearance.js\";\n\n/** The web column's options (0.2): a VS Code webview has none of them (guide §5.2, §13.5). */\ntype WebHostOptionKey = \"primary\" | \"legal\" | \"file\" | \"appearance\" | \"emptyState\" | \"dropZone\";\n\nexport interface VsCodeShellOptions\n  extends Omit<ShellOptions, \"host\" | \"keyScope\" | \"themes\" | WebHostOptionKey>, AppearanceListenerOptions {}\n\n/** The shell's handle with a `destroy` that runs `beforeDestroy` first; every other member delegates. */\nfunction withDestroyHook(shell: ShellHandle, beforeDestroy: () => void): ShellHandle {\n  return {\n    get root() {\n      return shell.root;\n    },\n    get canvas() {\n      return shell.canvas;\n    },\n    get host() {\n      return shell.host;\n    },\n    get lang() {\n      return shell.lang;\n    },\n    get platform() {\n      return shell.platform;\n    },\n    get messages() {\n      return shell.messages;\n    },\n    get menu() {\n      return shell.menu;\n    },\n    get tooltip() {\n      return shell.tooltip;\n    },\n    get legend() {\n      return shell.legend;\n    },\n    get inspector() {\n      return shell.inspector;\n    },\n    get primary() {\n      return shell.primary;\n    },\n    get appearance() {\n      return shell.appearance;\n    },\n    setZoomTarget: (target) => shell.setZoomTarget(target),\n    fitInsets: () => shell.fitInsets(),\n    registerPalette: (palette) => shell.registerPalette(palette),\n    setProblems: (summary) => shell.setProblems(summary),\n    setStatus: (status, options) => shell.setStatus(status, options),\n    setEmptyHint: (visible) => shell.setEmptyHint(visible),\n    setReadOnly: (readOnly, options) => shell.setReadOnly(readOnly, options),\n    isReadOnly: () => shell.isReadOnly(),\n    setEmptyState: (shown) => shell.setEmptyState(shown),\n    isEmptyStateShown: () => shell.isEmptyStateShown(),\n    toast: (request) => shell.toast(request),\n    destroy() {\n      beforeDestroy();\n      shell.destroy();\n    },\n  };\n}\n\n/**\n * `mountShell` for a VS Code webview: `host: \"ide\"`, the key listener on `document` (VS Code's own\n * listener sits on `window`, so handled keys are stopped before it), `cd-shell-document` on\n * `<html>`, plus `connectAppearance` and `connectReducedMotion`. `destroy()` also disconnects both.\n */\nexport function mountVsCodeShell(root: HTMLElement, options: VsCodeShellOptions): ShellHandle {\n  const { themes } = options;\n  const disconnectAppearance = connectAppearance({ themes });\n  const disconnectReducedMotion = connectReducedMotion();\n  const disconnect = (): void => {\n    disconnectAppearance();\n    disconnectReducedMotion();\n  };\n  let shell: ShellHandle;\n  try {\n    shell = mountShell(root, { ...options, host: \"ide\", keyScope: \"document\" });\n  } catch (error) {\n    disconnect();\n    throw error;\n  }\n  return withDestroyHook(shell, disconnect);\n}\n","import type { Bounds, ViewportState } from \"../../core/index.js\";\n\n/** `acquireVsCodeApi()` as far as the state helpers need it. */\nexport interface WebviewStateApi {\n  getState(): unknown;\n  setState(state: unknown): void;\n}\n\n/** What the shell keeps across a webview rebuild (guide §13.5: legend state and view). */\nexport interface ShellWebviewState {\n  legendOpen?: boolean | undefined;\n  view?: ViewportState | undefined;\n}\n\n/** The key under which the shell's part lives in the webview state; other keys stay untouched. */\nexport const SHELL_STATE_KEY = \"modelerShell\";\n\ntype StateRecord = Record<string, unknown>;\n\nfunction isRecord(value: unknown): value is StateRecord {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction storedState(api: WebviewStateApi): StateRecord {\n  const state = api.getState();\n  return isRecord(state) ? state : {};\n}\n\nfunction viewboxFrom(value: unknown): Bounds | undefined {\n  if (!isRecord(value)) return undefined;\n  const { x, y, width, height } = value;\n  if (typeof x !== \"number\" || typeof y !== \"number\") return undefined;\n  if (typeof width !== \"number\" || typeof height !== \"number\") return undefined;\n  if (!Number.isFinite(x) || !Number.isFinite(y) || !Number.isFinite(width) || !Number.isFinite(height)) {\n    return undefined;\n  }\n  return width > 0 && height > 0 ? { x, y, width, height } : undefined;\n}\n\nfunction viewFrom(value: unknown): ViewportState | undefined {\n  if (!isRecord(value) || typeof value.userMoved !== \"boolean\") return undefined;\n  const viewbox = viewboxFrom(value.viewbox);\n  return viewbox ? { viewbox, userMoved: value.userMoved } : undefined;\n}\n\n/** The shell's part of `api.getState()`; `{}` when there is none or it is malformed. */\nexport function readShellState(api: WebviewStateApi): ShellWebviewState {\n  const part = storedState(api)[SHELL_STATE_KEY];\n  if (!isRecord(part)) return {};\n  const state: ShellWebviewState = {};\n  if (typeof part.legendOpen === \"boolean\") state.legendOpen = part.legendOpen;\n  const view = viewFrom(part.view);\n  if (view) state.view = view;\n  return state;\n}\n\n/**\n * Merges `patch` into the shell's part and writes the whole state back, keeping every other key.\n * A value that is `undefined` (for example `viewport.getState()` before the first import) or\n * malformed leaves the stored value alone; nothing is written when nothing changed.\n */\nexport function writeShellState(api: WebviewStateApi, patch: ShellWebviewState): void {\n  const state = storedState(api);\n  const part = isRecord(state[SHELL_STATE_KEY]) ? (state[SHELL_STATE_KEY] as StateRecord) : {};\n  const next: StateRecord = { ...part };\n  if (typeof patch.legendOpen === \"boolean\") next.legendOpen = patch.legendOpen;\n  const view = viewFrom(patch.view);\n  if (view) next.view = view;\n  if (JSON.stringify(next) === JSON.stringify(state[SHELL_STATE_KEY])) return;\n  api.setState({ ...state, [SHELL_STATE_KEY]: next });\n}\n\n/** What `persistView` reads of a viewport (`connectDiagramJs(…).viewport`). */\nexport interface PersistableView {\n  onChange(listener: () => void): () => void;\n  getState(): ViewportState | undefined;\n}\n\nexport interface PersistViewOptions {\n  /** Quiet time before the write, default 250ms. */\n  delayMs?: number | undefined;\n}\n\n/** A pan, a wheel zoom or a fit animation changes the view on every frame. */\nconst PERSIST_VIEW_DELAY_MS = 250;\n\n/**\n * Keeps the stored view (`writeShellState(api, { view })`) up to date once the view has rested for\n * `delayMs`, instead of one `vscode.setState` IPC message per animation frame. Returns the stop\n * function; it writes a pending change at once.\n */\nexport function persistView(\n  api: WebviewStateApi,\n  viewport: PersistableView,\n  options: PersistViewOptions = {},\n): () => void {\n  const delayMs = options.delayMs ?? PERSIST_VIEW_DELAY_MS;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  const write = (): void => {\n    timer = undefined;\n    writeShellState(api, { view: viewport.getState() });\n  };\n  const unsubscribe = viewport.onChange(() => {\n    clearTimeout(timer);\n    timer = setTimeout(write, delayMs);\n  });\n  let stopped = false;\n  return () => {\n    if (stopped) return;\n    stopped = true;\n    unsubscribe();\n    if (timer === undefined) return;\n    clearTimeout(timer);\n    write();\n  };\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,147 @@
 {
   "name": "@miragon/modeler-shell",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.2.0",
+  "description": "The shared, framework-free chrome around Miragon diagram-js modelers: menu, palette skin, tooltip, zoom panel, keys, fit, problems pill, status box, legend and inspector slots, the VS Code host plumbing and the web-app chrome (primary action, legal line, toasts, empty state, drop zone).",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Miragon/modeler-api.git",
+    "directory": "packages/shell"
+  },
+  "homepage": "https://github.com/Miragon/modeler-api/tree/main/packages/shell#readme",
+  "bugs": "https://github.com/Miragon/modeler-api/issues",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./core": {
+      "import": {
+        "types": "./dist/core.d.ts",
+        "default": "./dist/core.js"
+      },
+      "require": {
+        "types": "./dist/core.d.cts",
+        "default": "./dist/core.cjs"
+      }
+    },
+    "./diagram-js": {
+      "import": {
+        "types": "./dist/diagram-js.d.ts",
+        "default": "./dist/diagram-js.js"
+      },
+      "require": {
+        "types": "./dist/diagram-js.d.cts",
+        "default": "./dist/diagram-js.cjs"
+      }
+    },
+    "./vscode/extension": {
+      "import": {
+        "types": "./dist/vscode-extension.d.ts",
+        "default": "./dist/vscode-extension.js"
+      },
+      "require": {
+        "types": "./dist/vscode-extension.d.cts",
+        "default": "./dist/vscode-extension.cjs"
+      }
+    },
+    "./vscode/webview": {
+      "import": {
+        "types": "./dist/vscode-webview.d.ts",
+        "default": "./dist/vscode-webview.js"
+      },
+      "require": {
+        "types": "./dist/vscode-webview.d.cts",
+        "default": "./dist/vscode-webview.cjs"
+      }
+    },
+    "./testing": {
+      "import": {
+        "types": "./dist/testing.d.ts",
+        "default": "./dist/testing.js"
+      },
+      "require": {
+        "types": "./dist/testing.d.cts",
+        "default": "./dist/testing.cjs"
+      }
+    },
+    "./testing/vscode-stub": {
+      "import": {
+        "types": "./dist/testing-vscode-stub.d.ts",
+        "default": "./dist/testing-vscode-stub.js"
+      },
+      "require": {
+        "types": "./dist/testing-vscode-stub.d.cts",
+        "default": "./dist/testing-vscode-stub.cjs"
+      }
+    },
+    "./shell.css": "./dist/shell.css",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "core": [
+        "./dist/core.d.ts"
+      ],
+      "diagram-js": [
+        "./dist/diagram-js.d.ts"
+      ],
+      "vscode/extension": [
+        "./dist/vscode-extension.d.ts"
+      ],
+      "vscode/webview": [
+        "./dist/vscode-webview.d.ts"
+      ],
+      "testing": [
+        "./dist/testing.d.ts"
+      ],
+      "testing/vscode-stub": [
+        "./dist/testing-vscode-stub.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "!src/**/*.test.ts",
+    "API.md",
+    "THIRD_PARTY_NOTICES.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "build": "tsup",
+    "publint": "publint",
+    "typecheck": "tsc -p tsconfig.json && tsc -p tsconfig.core.json && tsc -p demo/tsconfig.json",
+    "test": "vitest run",
+    "test:e2e": "playwright test",
+    "demo": "vite --config demo/vite.config.ts"
+  },
+  "devDependencies": {
+    "@fontsource-variable/geist": "5.3.0",
+    "@fontsource-variable/geist-mono": "5.3.0",
+    "@playwright/test": "1.64.1",
+    "@types/node": "22.20.5",
+    "@types/vscode": "1.96.0",
+    "diagram-js": "15.28.1",
+    "happy-dom": "21.0.3",
+    "vite": "8.2.2"
+  }
+}