@restless-dreams/orbit 0.0.0-stage → 0.1.0

package/dist/react/index.js

@@ -0,0 +1,352 @@
+"use client";
+import {
+  renderToSVGString2
+} from "../chunk-7n00wx0t.js";
+import {
+  reportParseDiagnostics,
+  parseOrbit2,
+  OrbitWords,
+  OrbitSVGRenderer2
+} from "../chunk-mtrnm0yc.js";
+
+// src/react/index.ts
+import { createElement, forwardRef, useEffect, useId, useImperativeHandle, useMemo, useRef, useState } from "react";
+var actionsKey = (actions) => {
+  return actions.map((action) => [action.id, typeof action.label === "string" ? action.label : null, action.icon ?? null, Boolean(action.when)]);
+};
+var nodeTypesKey = (types) => {
+  return JSON.stringify(Object.entries(types).map(([name, type]) => [
+    name,
+    type.label ?? null,
+    type.icon ?? null,
+    type.color ?? null,
+    type.tokens ?? null,
+    type.version ?? null,
+    Boolean(type.render),
+    Boolean(type.details),
+    Boolean(type.upgrade),
+    type.actions ? actionsKey(type.actions) : null
+  ]));
+};
+var delegateActions = (actions, read) => {
+  return actions.map((action) => {
+    const latest = () => read()?.find((candidate) => candidate.id === action.id) ?? action;
+    return {
+      id: action.id,
+      icon: action.icon,
+      label: typeof action.label === "function" ? (node) => {
+        const label = latest().label;
+        return typeof label === "function" ? label(node) : label;
+      } : action.label,
+      when: action.when ? (node) => latest().when?.(node) ?? true : undefined,
+      run: (node, event) => latest().run(node, event)
+    };
+  });
+};
+var delegateNodeTypes = (types, read) => {
+  return Object.fromEntries(Object.entries(types).map(([name, type]) => [name, {
+    label: type.label,
+    icon: type.icon,
+    color: type.color,
+    tokens: type.tokens,
+    version: type.version,
+    upgrade: type.upgrade ? (node, from) => read()?.[name]?.upgrade?.(node, from) : undefined,
+    render: type.render ? (node, element) => read()?.[name]?.render?.(node, element) : undefined,
+    details: type.details ? (node, element) => read()?.[name]?.details?.(node, element) : undefined,
+    actions: type.actions ? delegateActions(type.actions, () => read()?.[name]?.actions) : undefined
+  }]));
+};
+var OrbitMindMap = forwardRef(({
+  source,
+  document: orbitDocument,
+  data,
+  viewMode,
+  showRings,
+  interactive,
+  orbitAnimation,
+  orbitSpeed,
+  maxDepth,
+  palette,
+  theme,
+  ariaLabel,
+  language,
+  strings,
+  showControls,
+  showActionButtons,
+  showDetailSheet,
+  mediaViewer,
+  baseUrl,
+  spin,
+  zoom,
+  insets,
+  transitionDuration,
+  onNodeClick,
+  onViewModeChange,
+  onAction,
+  onFocusChange,
+  onSpinSettle,
+  onNodeContext,
+  onEdit,
+  onEditorOpen,
+  onEditorClose,
+  onNodeDrag,
+  onMediaOpen,
+  onMediaClose,
+  onMediaState,
+  editable,
+  editingKeys,
+  longPressDelay,
+  noteRenderer,
+  nodeTypeFor,
+  nodeTypes,
+  actions,
+  statuses,
+  focusedId,
+  focus,
+  staticFallback = true,
+  style,
+  ...elementProps
+}, ref) => {
+  const containerRef = useRef(null);
+  const staticRef = useRef(null);
+  const rendererRef = useRef(null);
+  const [mounted, setMounted] = useState(false);
+  const staticId = useId();
+  useImperativeHandle(ref, () => ({
+    get renderer() {
+      return rendererRef.current;
+    },
+    flyTo: (nodeId) => rendererRef.current?.flyTo(nodeId) ?? false,
+    overview: () => rendererRef.current?.overview(),
+    getViewMode: () => rendererRef.current?.getViewMode() ?? null,
+    setViewMode: (mode) => rendererRef.current?.setViewMode(mode),
+    zoomBy: (factor) => rendererRef.current?.zoomBy(factor),
+    fit: () => rendererRef.current?.fit()
+  }), []);
+  const callbacksRef = useRef({});
+  useEffect(() => {
+    callbacksRef.current = {
+      onNodeClick,
+      onViewModeChange,
+      onAction,
+      onFocusChange,
+      onSpinSettle,
+      onNodeContext,
+      onEdit,
+      onEditorOpen,
+      onEditorClose,
+      onNodeDrag,
+      onMediaOpen,
+      onMediaClose,
+      onMediaState,
+      noteRenderer,
+      nodeTypeFor
+    };
+  });
+  const hasNoteRenderer = noteRenderer !== undefined;
+  const hasNodeTypeFor = nodeTypeFor !== undefined;
+  const hasNodeContext = onNodeContext !== undefined;
+  const callbacks = useMemo(() => ({
+    onNodeClick: (node) => callbacksRef.current.onNodeClick?.(node),
+    onViewModeChange: (mode) => callbacksRef.current.onViewModeChange?.(mode),
+    onAction: (event) => callbacksRef.current.onAction?.(event),
+    onFocusChange: (node) => callbacksRef.current.onFocusChange?.(node),
+    onSpinSettle: (planet) => callbacksRef.current.onSpinSettle?.(planet),
+    onEdit: (edit) => callbacksRef.current.onEdit?.(edit),
+    onEditorOpen: (event) => callbacksRef.current.onEditorOpen?.(event),
+    onEditorClose: (event) => callbacksRef.current.onEditorClose?.(event),
+    onNodeDrag: (event) => callbacksRef.current.onNodeDrag?.(event),
+    onMediaOpen: (event) => callbacksRef.current.onMediaOpen?.(event),
+    onMediaClose: (event) => callbacksRef.current.onMediaClose?.(event),
+    onMediaState: (state) => callbacksRef.current.onMediaState?.(state),
+    onNodeContext: hasNodeContext ? (event) => callbacksRef.current.onNodeContext?.(event) : undefined,
+    noteRenderer: hasNoteRenderer ? (note, context) => callbacksRef.current.noteRenderer?.(note, context) ?? "" : undefined,
+    nodeTypeFor: hasNodeTypeFor ? (node) => callbacksRef.current.nodeTypeFor?.(node) : undefined
+  }), [hasNoteRenderer, hasNodeContext, hasNodeTypeFor]);
+  const extensionsRef = useRef({ nodeTypes, actions });
+  useEffect(() => {
+    extensionsRef.current = { nodeTypes, actions };
+  });
+  const typesKey = nodeTypes === undefined ? undefined : nodeTypesKey(nodeTypes);
+  const actionKey = actions === undefined ? undefined : JSON.stringify(actionsKey(actions));
+  const statusesKey = statuses === undefined ? undefined : JSON.stringify(statuses);
+  const stableNodeTypes = useMemo(() => nodeTypes === undefined ? undefined : delegateNodeTypes(nodeTypes, () => extensionsRef.current.nodeTypes), [typesKey]);
+  const stableActions = useMemo(() => actions === undefined ? undefined : delegateActions(actions, () => extensionsRef.current.actions), [actionKey]);
+  const stableStatuses = useMemo(() => statusesKey === undefined ? undefined : JSON.parse(statusesKey), [statusesKey]);
+  const themeKey = theme === undefined ? undefined : JSON.stringify(theme);
+  const paletteKey = palette === undefined ? undefined : JSON.stringify(palette);
+  const spinKey = spin === undefined ? undefined : JSON.stringify(spin);
+  const stringsKey = strings === undefined ? undefined : JSON.stringify(strings);
+  const zoomKey = zoom === undefined ? undefined : JSON.stringify(zoom);
+  const insetsKey = insets === undefined ? undefined : JSON.stringify(insets);
+  const stableTheme = useMemo(() => themeKey === undefined ? undefined : JSON.parse(themeKey), [themeKey]);
+  const stablePalette = useMemo(() => paletteKey === undefined ? undefined : JSON.parse(paletteKey), [paletteKey]);
+  const stableSpin = useMemo(() => spinKey === undefined ? undefined : JSON.parse(spinKey), [spinKey]);
+  const stableStrings = useMemo(() => stringsKey === undefined ? undefined : JSON.parse(stringsKey), [stringsKey]);
+  const stableZoom = useMemo(() => zoomKey === undefined ? undefined : JSON.parse(zoomKey), [zoomKey]);
+  const stableInsets = useMemo(() => insetsKey === undefined ? undefined : JSON.parse(insetsKey), [insetsKey]);
+  const options = useMemo(() => ({
+    viewMode,
+    showRings,
+    interactive,
+    orbitAnimation,
+    orbitSpeed,
+    maxDepth,
+    palette: stablePalette,
+    theme: stableTheme,
+    ariaLabel,
+    language,
+    strings: stableStrings,
+    showControls,
+    showActionButtons,
+    showDetailSheet,
+    mediaViewer,
+    editable,
+    editingKeys,
+    longPressDelay,
+    baseUrl,
+    spin: stableSpin,
+    zoom: stableZoom,
+    insets: stableInsets,
+    transitionDuration,
+    nodeTypes: stableNodeTypes,
+    actions: stableActions,
+    statuses: stableStatuses,
+    ...callbacks
+  }), [
+    viewMode,
+    showRings,
+    interactive,
+    orbitAnimation,
+    orbitSpeed,
+    maxDepth,
+    stablePalette,
+    stableTheme,
+    ariaLabel,
+    language,
+    stableStrings,
+    showControls,
+    showActionButtons,
+    showDetailSheet,
+    mediaViewer,
+    editable,
+    editingKeys,
+    longPressDelay,
+    baseUrl,
+    stableSpin,
+    stableZoom,
+    stableInsets,
+    transitionDuration,
+    stableNodeTypes,
+    stableActions,
+    stableStatuses,
+    callbacks
+  ]);
+  const input = useMemo(() => {
+    if (orbitDocument) {
+      return orbitDocument;
+    }
+    if (source !== undefined) {
+      const parsed = parseOrbit2(source, { untitled: language ? new OrbitWords(language, stableStrings).text("untitledMap") : undefined });
+      reportParseDiagnostics(parsed);
+      return parsed;
+    }
+    return data;
+  }, [orbitDocument, source, data, language, stableStrings]);
+  const optionsRef = useRef(options);
+  const initialFocusRef = useRef(focusedId ?? focus);
+  useEffect(() => {
+    optionsRef.current = options;
+  });
+  useEffect(() => {
+    if (staticRef.current) {
+      staticRef.current.hidden = true;
+    }
+    const renderer = new OrbitSVGRenderer2(containerRef.current, { ...optionsRef.current, focus: initialFocusRef.current });
+    rendererRef.current = renderer;
+    setMounted(true);
+    return () => {
+      renderer.destroy();
+      rendererRef.current = null;
+    };
+  }, []);
+  useEffect(() => {
+    rendererRef.current?.setOptions(options);
+  }, [options]);
+  useEffect(() => {
+    if (input) {
+      rendererRef.current?.render(input);
+    }
+  }, [input]);
+  useEffect(() => {
+    const renderer = rendererRef.current;
+    if (!renderer || focusedId === undefined) {
+      return;
+    }
+    const path = renderer.getFocusPath();
+    if (path[path.length - 1] !== focusedId) {
+      renderer.focusNode(focusedId);
+    }
+  }, [focusedId, input]);
+  const staticMarkup = useMemo(() => {
+    if (!staticFallback || mounted || !input) {
+      return "";
+    }
+    return renderToSVGString2(input, {
+      responsive: true,
+      idPrefix: `orbit-static-${staticId.replace(/[^a-zA-Z0-9_-]/g, "")}`,
+      viewMode,
+      focus: focusedId ?? focus,
+      theme: stableTheme,
+      palette: stablePalette,
+      maxDepth,
+      showRings,
+      title: ariaLabel,
+      language,
+      strings: stableStrings,
+      baseUrl,
+      nodeTypes: stableNodeTypes,
+      statuses: stableStatuses
+    });
+  }, [
+    staticFallback,
+    mounted,
+    input,
+    staticId,
+    viewMode,
+    focusedId,
+    focus,
+    stableTheme,
+    stablePalette,
+    maxDepth,
+    showRings,
+    ariaLabel,
+    language,
+    stableStrings,
+    baseUrl,
+    stableNodeTypes,
+    stableStatuses
+  ]);
+  return createElement("div", {
+    ...elementProps,
+    ref: containerRef,
+    style: {
+      width: "100%",
+      height: "100%",
+      overflow: "hidden",
+      ...style
+    }
+  }, staticMarkup ? createElement("div", {
+    ref: staticRef,
+    "data-orbit-static": "",
+    style: { width: "100%", height: "100%" },
+    dangerouslySetInnerHTML: { __html: staticMarkup }
+  }) : null);
+});
+OrbitMindMap.displayName = "OrbitMindMap";
+export {
+  OrbitMindMap
+};
+
+//# debugId=86D75E1C55FAF80F64756E2164756E21
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/index.ts"],"sourcesContent":["/**\n * React wrapper around the framework-agnostic `OrbitSVGRenderer`.\n */\n\nimport { createElement, forwardRef, useEffect, useId, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport type { HTMLAttributes } from 'react';\nimport { OrbitSVGRenderer } from '../core/svg-renderer.js';\nimport { parseOrbit } from '../core/dispatch.js';\nimport { reportParseDiagnostics } from '../core/diagnostics.js';\nimport { OrbitWords } from '../core/languages.js';\nimport { renderToSVGString } from '../core/render-to-svg.js';\nimport type { OrbitAction, OrbitNodeType } from '../core/extensions.js';\nimport type { OrbitDocument, OrbitNode, RendererOptions, ViewMode } from '../core/types.js';\n\nexport interface OrbitMindMapProps extends RendererOptions, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Markdown or YAML source, parsed with `parseOrbit`. Its frontmatter options apply unless a prop overrides them. */\n  source?: string;\n\n  /** A parsed document. Its frontmatter options apply unless a prop overrides them. */\n  document?: OrbitDocument;\n\n  /** A node tree, for maps built in code. */\n  data?: OrbitNode;\n\n  /**\n   * The focused node's id, to control focus from your state. The map flies\n   * to it when it changes; pair it with `onFocusChange` to follow the reader.\n   */\n  focusedId?: string;\n\n  /**\n   * Render a static SVG of the map until the live one mounts, so server\n   * rendering and slow connections show the map right away. Default true.\n   */\n  staticFallback?: boolean;\n}\n\nexport interface OrbitMindMapRef {\n  /** The renderer, once the map has mounted. */\n  readonly renderer: OrbitSVGRenderer | null;\n\n  /** Flies to a node by id, in focus mode. Returns false when there's no such node. */\n  flyTo(nodeId: string): boolean;\n\n  /** Flies out to the overview of the whole map. */\n  overview(): void;\n\n  getViewMode(): ViewMode | null;\n  setViewMode(mode: ViewMode): void;\n\n  /** Zooms by `factor` around the middle of the map (above 1 zooms in). */\n  zoomBy(factor: number): void;\n\n  /** Returns the camera to the fitted view. */\n  fit(): void;\n}\n\ntype Callbacks = Pick<\n  RendererOptions,\n  | 'onNodeClick' | 'onViewModeChange' | 'onAction' | 'onFocusChange' | 'onSpinSettle' | 'onNodeContext' | 'onEdit' | 'onEditorOpen' | 'onEditorClose' | 'onNodeDrag'\n  | 'onMediaOpen' | 'onMediaClose' | 'onMediaState' | 'noteRenderer' | 'nodeTypeFor'\n>;\n\n/** What actions declare, as a value to compare: their functions count only as being there. */\nconst actionsKey = (actions: OrbitAction[]): unknown[] => {\n  return actions.map((action) => [action.id, typeof action.label === 'string' ? action.label : null, action.icon ?? null, Boolean(action.when)]);\n};\n\n/** What node types declare, as a value to compare. */\nconst nodeTypesKey = (types: Record<string, OrbitNodeType>): string => {\n  return JSON.stringify(Object.entries(types).map(([name, type]) => [\n    name, type.label ?? null, type.icon ?? null, type.color ?? null, type.tokens ?? null, type.version ?? null,\n    Boolean(type.render), Boolean(type.details), Boolean(type.upgrade), type.actions ? actionsKey(type.actions) : null,\n  ]));\n};\n\n/** Actions that call the latest props' functions, so new identities on every render never redraw the map. */\nconst delegateActions = (actions: OrbitAction[], read: () => OrbitAction[] | undefined): OrbitAction[] => {\n  return actions.map((action) => {\n    const latest = () => read()?.find((candidate) => candidate.id === action.id) ?? action;\n    return {\n      id: action.id,\n      icon: action.icon,\n      label: typeof action.label === 'function'\n        ? (node) => {\n          const label = latest().label;\n          return typeof label === 'function' ? label(node) : label;\n        }\n        : action.label,\n      when: action.when ? (node) => latest().when?.(node) ?? true : undefined,\n      run: (node, event) => latest().run(node, event),\n    };\n  });\n};\n\n/** Node types that call the latest props' functions. */\nconst delegateNodeTypes = (types: Record<string, OrbitNodeType>, read: () => Record<string, OrbitNodeType> | undefined): Record<string, OrbitNodeType> => {\n  return Object.fromEntries(Object.entries(types).map(([name, type]) => [name, {\n    label: type.label,\n    icon: type.icon,\n    color: type.color,\n    tokens: type.tokens,\n    version: type.version,\n    upgrade: type.upgrade ? (node, from) => read()?.[name]?.upgrade?.(node, from) : undefined,\n    render: type.render ? (node, element) => read()?.[name]?.render?.(node, element) : undefined,\n    details: type.details ? (node, element) => read()?.[name]?.details?.(node, element) : undefined,\n    actions: type.actions ? delegateActions(type.actions, () => read()?.[name]?.actions) : undefined,\n  } satisfies OrbitNodeType]));\n};\n\n/**\n * Renders an orbit map that fills its parent element, so give the parent a\n * size. Pass the map as `source` (markdown or YAML), `document` or `data`.\n *\n * Callback props can be inline functions and `theme` / `palette` can be\n * inline objects: they never rebuild the map unless their values change.\n *\n * @example\n * ```tsx\n * import { OrbitMindMap } from '@restless-dreams/orbit/react';\n *\n * <div style={{ height: 480 }}>\n *   <OrbitMindMap source={'# Launch\\n## Research\\n## Build'} theme=\"night\" onFocusChange={(node) => console.log(node.text)} />\n * </div>\n * ```\n */\nexport const OrbitMindMap = forwardRef<OrbitMindMapRef, OrbitMindMapProps>(\n  ({\n    source,\n    document: orbitDocument,\n    data,\n    viewMode,\n    showRings,\n    interactive,\n    orbitAnimation,\n    orbitSpeed,\n    maxDepth,\n    palette,\n    theme,\n    ariaLabel,\n    language,\n    strings,\n    showControls,\n    showActionButtons,\n    showDetailSheet,\n    mediaViewer,\n    baseUrl,\n    spin,\n    zoom,\n    insets,\n    transitionDuration,\n    onNodeClick,\n    onViewModeChange,\n    onAction,\n    onFocusChange,\n    onSpinSettle,\n    onNodeContext,\n    onEdit,\n    onEditorOpen,\n    onEditorClose,\n    onNodeDrag,\n    onMediaOpen,\n    onMediaClose,\n    onMediaState,\n    editable,\n    editingKeys,\n    longPressDelay,\n    noteRenderer,\n    nodeTypeFor,\n    nodeTypes,\n    actions,\n    statuses,\n    focusedId,\n    focus,\n    staticFallback = true,\n    style,\n    ...elementProps\n  }, ref) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const staticRef = useRef<HTMLDivElement>(null);\n    const rendererRef = useRef<OrbitSVGRenderer | null>(null);\n    const [mounted, setMounted] = useState(false);\n    const staticId = useId();\n\n    // Read the renderer at call time, so the handle works from the first commit.\n    useImperativeHandle(ref, () => ({\n      get renderer() {\n        return rendererRef.current;\n      },\n      flyTo: (nodeId) => rendererRef.current?.flyTo(nodeId) ?? false,\n      overview: () => rendererRef.current?.overview(),\n      getViewMode: () => rendererRef.current?.getViewMode() ?? null,\n      setViewMode: (mode) => rendererRef.current?.setViewMode(mode),\n      zoomBy: (factor) => rendererRef.current?.zoomBy(factor),\n      fit: () => rendererRef.current?.fit(),\n    }), []);\n\n    // The renderer holds stable wrappers that call the latest props, so new\n    // function identities on every render never reach it.\n    const callbacksRef = useRef<Callbacks>({});\n\n    useEffect(() => {\n      callbacksRef.current = {\n        onNodeClick, onViewModeChange, onAction, onFocusChange, onSpinSettle, onNodeContext, onEdit, onEditorOpen, onEditorClose, onNodeDrag,\n        onMediaOpen, onMediaClose, onMediaState, noteRenderer, nodeTypeFor,\n      };\n    });\n\n    const hasNoteRenderer = noteRenderer !== undefined;\n    const hasNodeTypeFor = nodeTypeFor !== undefined;\n    const hasNodeContext = onNodeContext !== undefined;\n    const callbacks = useMemo<Callbacks>(() => ({\n      onNodeClick: (node) => callbacksRef.current.onNodeClick?.(node),\n      onViewModeChange: (mode) => callbacksRef.current.onViewModeChange?.(mode),\n      onAction: (event) => callbacksRef.current.onAction?.(event),\n      onFocusChange: (node) => callbacksRef.current.onFocusChange?.(node),\n      onSpinSettle: (planet) => callbacksRef.current.onSpinSettle?.(planet),\n      onEdit: (edit) => callbacksRef.current.onEdit?.(edit),\n      onEditorOpen: (event) => callbacksRef.current.onEditorOpen?.(event),\n      onEditorClose: (event) => callbacksRef.current.onEditorClose?.(event),\n      onNodeDrag: (event) => callbacksRef.current.onNodeDrag?.(event),\n      onMediaOpen: (event) => callbacksRef.current.onMediaOpen?.(event),\n      onMediaClose: (event) => callbacksRef.current.onMediaClose?.(event),\n      onMediaState: (state) => callbacksRef.current.onMediaState?.(state),\n      // Left undefined without a prop: having one takes long presses from the map.\n      onNodeContext: hasNodeContext ? (event) => callbacksRef.current.onNodeContext?.(event) : undefined,\n      // Left undefined without a prop so the built-in note view applies.\n      noteRenderer: hasNoteRenderer\n        ? (note, context) => callbacksRef.current.noteRenderer?.(note, context) ?? ''\n        : undefined,\n      // Asks the latest prop each time the map draws: a new function on every render never redraws the map.\n      nodeTypeFor: hasNodeTypeFor ? (node) => callbacksRef.current.nodeTypeFor?.(node) : undefined,\n    }), [hasNoteRenderer, hasNodeContext, hasNodeTypeFor]);\n\n    // Node types and actions hold functions: compare what they declare by\n    // value, and call their latest functions through stable wrappers.\n    const extensionsRef = useRef({ nodeTypes, actions });\n\n    useEffect(() => {\n      extensionsRef.current = { nodeTypes, actions };\n    });\n\n    const typesKey = nodeTypes === undefined ? undefined : nodeTypesKey(nodeTypes);\n    const actionKey = actions === undefined ? undefined : JSON.stringify(actionsKey(actions));\n    const statusesKey = statuses === undefined ? undefined : JSON.stringify(statuses);\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- the key stands for nodeTypes\n    const stableNodeTypes = useMemo(() => (nodeTypes === undefined ? undefined : delegateNodeTypes(nodeTypes, () => extensionsRef.current.nodeTypes)), [typesKey]);\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- the key stands for actions\n    const stableActions = useMemo(() => (actions === undefined ? undefined : delegateActions(actions, () => extensionsRef.current.actions)), [actionKey]);\n    const stableStatuses = useMemo(() => (statusesKey === undefined ? undefined : JSON.parse(statusesKey)), [statusesKey]);\n\n    // Compare object props by value: inline objects are fine.\n    const themeKey = theme === undefined ? undefined : JSON.stringify(theme);\n    const paletteKey = palette === undefined ? undefined : JSON.stringify(palette);\n    const spinKey = spin === undefined ? undefined : JSON.stringify(spin);\n    const stringsKey = strings === undefined ? undefined : JSON.stringify(strings);\n    const zoomKey = zoom === undefined ? undefined : JSON.stringify(zoom);\n    const insetsKey = insets === undefined ? undefined : JSON.stringify(insets);\n    const stableTheme = useMemo(() => (themeKey === undefined ? undefined : JSON.parse(themeKey)), [themeKey]);\n    const stablePalette = useMemo(() => (paletteKey === undefined ? undefined : JSON.parse(paletteKey)), [paletteKey]);\n    const stableSpin = useMemo(() => (spinKey === undefined ? undefined : JSON.parse(spinKey)), [spinKey]);\n    const stableStrings = useMemo(() => (stringsKey === undefined ? undefined : JSON.parse(stringsKey)), [stringsKey]);\n    const stableZoom = useMemo(() => (zoomKey === undefined ? undefined : JSON.parse(zoomKey)), [zoomKey]);\n    const stableInsets = useMemo(() => (insetsKey === undefined ? undefined : JSON.parse(insetsKey)), [insetsKey]);\n\n    const options = useMemo<RendererOptions>(() => ({\n      viewMode,\n      showRings,\n      interactive,\n      orbitAnimation,\n      orbitSpeed,\n      maxDepth,\n      palette: stablePalette,\n      theme: stableTheme,\n      ariaLabel,\n      language,\n      strings: stableStrings,\n      showControls,\n      showActionButtons,\n      showDetailSheet,\n      mediaViewer,\n      editable,\n      editingKeys,\n      longPressDelay,\n      baseUrl,\n      spin: stableSpin,\n      zoom: stableZoom,\n      insets: stableInsets,\n      transitionDuration,\n      nodeTypes: stableNodeTypes,\n      actions: stableActions,\n      statuses: stableStatuses,\n      ...callbacks,\n    }), [\n      viewMode, showRings, interactive, orbitAnimation, orbitSpeed, maxDepth, stablePalette, stableTheme,\n      ariaLabel, language, stableStrings, showControls, showActionButtons, showDetailSheet, mediaViewer, editable, editingKeys, longPressDelay, baseUrl,\n      stableSpin, stableZoom, stableInsets, transitionDuration, stableNodeTypes, stableActions, stableStatuses, callbacks,\n    ]);\n\n    const input = useMemo<OrbitDocument | OrbitNode | undefined>(() => {\n      if (orbitDocument) {\n        return orbitDocument;\n      }\n\n      if (source !== undefined) {\n        // A made-up root takes the language's name; without the language prop, it's the renderer's to find on the page.\n        const parsed = parseOrbit(source, { untitled: language ? new OrbitWords(language, stableStrings).text('untitledMap') : undefined });\n        reportParseDiagnostics(parsed);\n        return parsed;\n      }\n\n      return data;\n    }, [orbitDocument, source, data, language, stableStrings]);\n\n    // Create the renderer once. The effects below keep its options and map\n    // current; on mount they set the same options (a no-op) and draw once.\n    const optionsRef = useRef(options);\n    const initialFocusRef = useRef(focusedId ?? focus);\n\n    useEffect(() => {\n      optionsRef.current = options;\n    });\n\n    useEffect(() => {\n      // The static picture steps aside before the live map measures its space.\n      if (staticRef.current) {\n        staticRef.current.hidden = true;\n      }\n\n      // A controlled focus opens the map on that node, without a flight to it.\n      const renderer = new OrbitSVGRenderer(containerRef.current!, { ...optionsRef.current, focus: initialFocusRef.current });\n      rendererRef.current = renderer;\n      setMounted(true);\n\n      return () => {\n        renderer.destroy();\n        rendererRef.current = null;\n      };\n    }, []);\n\n    useEffect(() => {\n      rendererRef.current?.setOptions(options);\n    }, [options]);\n\n    useEffect(() => {\n      if (input) {\n        rendererRef.current?.render(input);\n      }\n    }, [input]);\n\n    useEffect(() => {\n      const renderer = rendererRef.current;\n\n      if (!renderer || focusedId === undefined) {\n        return;\n      }\n\n      const path = renderer.getFocusPath();\n\n      if (path[path.length - 1] !== focusedId) {\n        renderer.focusNode(focusedId);\n      }\n    }, [focusedId, input]);\n\n    // Server rendering and the first client render draw a static picture of\n    // the map; the live map replaces it once it mounts.\n    const staticMarkup = useMemo(() => {\n      if (!staticFallback || mounted || !input) {\n        return '';\n      }\n\n      return renderToSVGString(input, {\n        responsive: true,\n        idPrefix: `orbit-static-${staticId.replace(/[^a-zA-Z0-9_-]/g, '')}`,\n        viewMode,\n        focus: focusedId ?? focus,\n        theme: stableTheme,\n        palette: stablePalette,\n        maxDepth,\n        showRings,\n        title: ariaLabel,\n        language,\n        strings: stableStrings,\n        baseUrl,\n        nodeTypes: stableNodeTypes,\n        statuses: stableStatuses,\n      });\n    }, [\n      staticFallback, mounted, input, staticId, viewMode, focusedId, focus, stableTheme, stablePalette, maxDepth, showRings, ariaLabel, language, stableStrings,\n      baseUrl, stableNodeTypes, stableStatuses,\n    ]);\n\n    return createElement(\n      'div',\n      {\n        ...elementProps,\n        ref: containerRef,\n        style: {\n          width: '100%',\n          height: '100%',\n          overflow: 'hidden',\n          ...style,\n        },\n      },\n      staticMarkup\n        ? createElement('div', {\n          ref: staticRef,\n          'data-orbit-static': '',\n          style: { width: '100%', height: '100%' },\n          dangerouslySetInnerHTML: { __html: staticMarkup },\n        })\n        : null,\n    );\n  },\n);\n\nOrbitMindMap.displayName = 'OrbitMindMap';\n\n"],"mappings":"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","debugId":"86D75E1C55FAF80F64756E2164756E21","names":[]}

package/dist/web-page.d.ts

@@ -0,0 +1,2 @@
+// Orbit's web page script: read it as text and pass it to exportWebPage().
+export {};