@restless-dreams/orbit 0.0.0-stage → 0.2.0

package/dist/marked/index.d.ts

@@ -0,0 +1,31 @@
+/**
+ * marked integration: turns ```orbit (or ~~~orbit) fences into map
+ * placeholders that `hydrateOrbitBlocks()` brings to life in the browser.
+ */
+import type { MarkedExtension, RendererExtension, TokenizerExtension } from 'marked';
+import type { AutoRenderOptions } from '../core/auto-render.js';
+import type { OrbitSVGRenderer } from '../core/svg-renderer.js';
+/**
+ * The marked extension, for `new Marked(orbitMarked())` or
+ * `marked.use(orbitMarked())`.
+ */
+export declare const orbitMarked: () => MarkedExtension;
+/** The tokenizer and renderer that `orbitMarked()` wraps. */
+export declare const createOrbitExtension: () => TokenizerExtension & RendererExtension;
+/**
+ * Renders markdown to HTML with orbit fences turned into placeholders. Uses
+ * its own marked instance, so the global `marked` is left untouched.
+ */
+export declare const renderOrbitMarkdown: (markdown: string) => Promise<string>;
+/**
+ * Registers the extension on a marked instance (the global `marked` by
+ * default) and returns it. Calling it again for the same instance is a no-op.
+ */
+export declare const configureMarked: <Instance extends {
+    use: (...extensions: MarkedExtension[]) => unknown;
+}>(instance?: Instance) => Instance;
+/**
+ * Turns every orbit placeholder under `root` (default: the whole document)
+ * into a live map. Call it after inserting the rendered HTML.
+ */
+export declare const hydrateOrbitBlocks: (root?: ParentNode, options?: AutoRenderOptions) => OrbitSVGRenderer[];

package/dist/marked/index.js

@@ -0,0 +1,110 @@
+import {
+  renderOrbitMarkdownBlocks2
+} from "../chunk-zze4tc9n.js";
+import {
+  parseOrbit2
+} from "../chunk-fkdfgtx9.js";
+
+// src/marked/index.ts
+import { Marked, marked } from "marked";
+var SETTING_ATTRIBUTES = {
+  height: "data-height",
+  theme: "data-theme",
+  view: "data-view-mode",
+  "view-mode": "data-view-mode",
+  "max-depth": "data-max-depth",
+  maxDepth: "data-max-depth",
+  palette: "data-palette",
+  animation: "data-animation",
+  interactive: "data-interactive"
+};
+var FENCE_START = /^ {0,3}(?:`{3,}|~{3,})orbit(?=\s|$)/m;
+var FENCE = /^ {0,3}(`{3,}|~{3,})orbit(?=\s|$)([^\n`]*)\n([\s\S]*?)(?:\n {0,3}\1[`~]*[ \t]*(?:\n+|$)|$)/;
+var orbitMarked = () => {
+  return { extensions: [createOrbitExtension()] };
+};
+var createOrbitExtension = () => {
+  return {
+    name: "orbit",
+    level: "block",
+    start(source) {
+      const match = FENCE_START.exec(source);
+      return match ? match.index : undefined;
+    },
+    tokenizer(source) {
+      const match = FENCE.exec(source);
+      if (!match) {
+        return;
+      }
+      return {
+        type: "orbit",
+        raw: match[0],
+        text: match[3],
+        settings: parseSettings(match[2])
+      };
+    },
+    renderer(token) {
+      const orbitToken = token;
+      if (orbitToken.type !== "orbit") {
+        return "";
+      }
+      const attributes = [`class="orbit-mind-map"`, `data-orbit="${escapeHtml(orbitToken.text.trim())}"`];
+      for (const [key, value] of Object.entries(orbitToken.settings)) {
+        const attribute = SETTING_ATTRIBUTES[key];
+        if (attribute) {
+          attributes.push(`${attribute}="${escapeHtml(value)}"`);
+        }
+      }
+      return `<div ${attributes.join(" ")}>${fallbackOutline(orbitToken.text)}</div>
+`;
+    }
+  };
+};
+var privateInstance = null;
+var renderOrbitMarkdown = async (markdown) => {
+  privateInstance ??= new Marked(orbitMarked());
+  return privateInstance.parse(markdown);
+};
+var configuredInstances = new WeakSet;
+var configureMarked = (instance = marked) => {
+  if (!configuredInstances.has(instance)) {
+    instance.use(orbitMarked());
+    configuredInstances.add(instance);
+  }
+  return instance;
+};
+var hydrateOrbitBlocks = (root, options = {}) => {
+  return renderOrbitMarkdownBlocks2(root, options);
+};
+var parseSettings = (infoString) => {
+  const settings = {};
+  for (const match of infoString.matchAll(/([\w-]+)=(?:"([^"]*)"|'([^']*)'|(\S+))/g)) {
+    settings[match[1]] = match[2] ?? match[3] ?? match[4];
+  }
+  return settings;
+};
+var fallbackOutline = (source) => {
+  const { root } = parseOrbit2(source);
+  if (!root.text && root.children.length === 0) {
+    return "";
+  }
+  return `<ul class="orbit-mind-map__outline">${outlineItem(root)}</ul>`;
+};
+var outlineItem = (node) => {
+  const label = escapeHtml([node.icon, node.text].filter(Boolean).join(" "));
+  const children = node.children.length > 0 ? `<ul>${node.children.map(outlineItem).join("")}</ul>` : "";
+  return `<li>${label}${children}</li>`;
+};
+var escapeHtml = (value) => {
+  return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+};
+export {
+  configureMarked,
+  createOrbitExtension,
+  hydrateOrbitBlocks,
+  orbitMarked,
+  renderOrbitMarkdown
+};
+
+//# debugId=2A6B8BC2016EF60F64756E2164756E21
+//# sourceMappingURL=index.js.map

package/dist/marked/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/marked/index.ts"],
+  "sourcesContent": [
+    "/**\n * marked integration: turns ```orbit (or ~~~orbit) fences into map\n * placeholders that `hydrateOrbitBlocks()` brings to life in the browser.\n */\n\nimport { Marked, marked } from 'marked';\nimport type { MarkedExtension, RendererExtension, TokenizerExtension } from 'marked';\nimport { parseOrbit } from '../core/dispatch.js';\nimport { renderOrbitMarkdownBlocks } from '../core/auto-render.js';\nimport type { AutoRenderOptions } from '../core/auto-render.js';\nimport type { OrbitSVGRenderer } from '../core/svg-renderer.js';\nimport type { OrbitNode } from '../core/types.js';\n\ninterface OrbitToken {\n  type: 'orbit';\n  raw: string;\n  text: string;\n  settings: Record<string, string>;\n}\n\n// Options written after the language name: ```orbit height=480 theme=glass view=all\nconst SETTING_ATTRIBUTES: Record<string, string> = {\n  height: 'data-height',\n  theme: 'data-theme',\n  view: 'data-view-mode',\n  'view-mode': 'data-view-mode',\n  'max-depth': 'data-max-depth',\n  maxDepth: 'data-max-depth',\n  palette: 'data-palette',\n  animation: 'data-animation',\n  interactive: 'data-interactive',\n};\n\nconst FENCE_START = /^ {0,3}(?:`{3,}|~{3,})orbit(?=\\s|$)/m;\nconst FENCE = /^ {0,3}(`{3,}|~{3,})orbit(?=\\s|$)([^\\n`]*)\\n([\\s\\S]*?)(?:\\n {0,3}\\1[`~]*[ \\t]*(?:\\n+|$)|$)/;\n\n/**\n * The marked extension, for `new Marked(orbitMarked())` or\n * `marked.use(orbitMarked())`.\n */\nexport const orbitMarked = (): MarkedExtension => {\n  return { extensions: [createOrbitExtension()] };\n};\n\n/** The tokenizer and renderer that `orbitMarked()` wraps. */\nexport const createOrbitExtension = (): TokenizerExtension & RendererExtension => {\n  return {\n    name: 'orbit',\n    level: 'block',\n    start(source: string): number | undefined {\n      const match = FENCE_START.exec(source);\n      return match ? match.index : undefined;\n    },\n    tokenizer(source: string): OrbitToken | undefined {\n      const match = FENCE.exec(source);\n\n      if (!match) {\n        return undefined;\n      }\n\n      return {\n        type: 'orbit',\n        raw: match[0],\n        text: match[3],\n        settings: parseSettings(match[2]),\n      };\n    },\n    renderer(token): string {\n      const orbitToken = token as unknown as OrbitToken;\n\n      if (orbitToken.type !== 'orbit') {\n        return '';\n      }\n\n      const attributes = [`class=\"orbit-mind-map\"`, `data-orbit=\"${escapeHtml(orbitToken.text.trim())}\"`];\n\n      for (const [key, value] of Object.entries(orbitToken.settings)) {\n        const attribute = SETTING_ATTRIBUTES[key];\n\n        if (attribute) {\n          attributes.push(`${attribute}=\"${escapeHtml(value)}\"`);\n        }\n      }\n\n      return `<div ${attributes.join(' ')}>${fallbackOutline(orbitToken.text)}</div>\\n`;\n    },\n  };\n};\n\nlet privateInstance: Marked | null = null;\n\n/**\n * Renders markdown to HTML with orbit fences turned into placeholders. Uses\n * its own marked instance, so the global `marked` is left untouched.\n */\nexport const renderOrbitMarkdown = async (markdown: string): Promise<string> => {\n  privateInstance ??= new Marked(orbitMarked());\n  return privateInstance.parse(markdown);\n};\n\nconst configuredInstances = new WeakSet<object>();\n\n/**\n * Registers the extension on a marked instance (the global `marked` by\n * default) and returns it. Calling it again for the same instance is a no-op.\n */\nexport const configureMarked = <Instance extends { use: (...extensions: MarkedExtension[]) => unknown }>(\n  instance: Instance = marked as unknown as Instance,\n): Instance => {\n  if (!configuredInstances.has(instance)) {\n    instance.use(orbitMarked());\n    configuredInstances.add(instance);\n  }\n\n  return instance;\n};\n\n/**\n * Turns every orbit placeholder under `root` (default: the whole document)\n * into a live map. Call it after inserting the rendered HTML.\n */\nexport const hydrateOrbitBlocks = (root?: ParentNode, options: AutoRenderOptions = {}): OrbitSVGRenderer[] => {\n  return renderOrbitMarkdownBlocks(root, options);\n};\n\nconst parseSettings = (infoString: string): Record<string, string> => {\n  const settings: Record<string, string> = {};\n\n  for (const match of infoString.matchAll(/([\\w-]+)=(?:\"([^\"]*)\"|'([^']*)'|(\\S+))/g)) {\n    settings[match[1]] = match[2] ?? match[3] ?? match[4];\n  }\n\n  return settings;\n};\n\n/** A nested list of the map, shown to readers without JavaScript and replaced when the map hydrates. */\nconst fallbackOutline = (source: string): string => {\n  const { root } = parseOrbit(source);\n\n  if (!root.text && root.children.length === 0) {\n    return '';\n  }\n\n  return `<ul class=\"orbit-mind-map__outline\">${outlineItem(root)}</ul>`;\n};\n\nconst outlineItem = (node: OrbitNode): string => {\n  const label = escapeHtml([node.icon, node.text].filter(Boolean).join(' '));\n  const children = node.children.length > 0 ? `<ul>${node.children.map(outlineItem).join('')}</ul>` : '';\n  return `<li>${label}${children}</li>`;\n};\n\nconst escapeHtml = (value: string): string => {\n  return value\n    .replace(/&/g, '&amp;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#39;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;');\n};\n"
+  ],
+  "mappings": "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",
+  "debugId": "2A6B8BC2016EF60F64756E2164756E21",
+  "names": []
+}

package/dist/react/index.d.ts

@@ -0,0 +1,55 @@
+/**
+ * React wrapper around the framework-agnostic `OrbitSVGRenderer`.
+ */
+import type { HTMLAttributes } from 'react';
+import { OrbitSVGRenderer } from '../core/svg-renderer.js';
+import type { OrbitDocument, OrbitNode, RendererOptions, ViewMode } from '../core/types.js';
+export interface OrbitMindMapProps extends RendererOptions, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Markdown or YAML source, parsed with `parseOrbit`. Its frontmatter options apply unless a prop overrides them. */
+    source?: string;
+    /** A parsed document. Its frontmatter options apply unless a prop overrides them. */
+    document?: OrbitDocument;
+    /** A node tree, for maps built in code. */
+    data?: OrbitNode;
+    /**
+     * The focused node's id, to control focus from your state. The map flies
+     * to it when it changes; pair it with `onFocusChange` to follow the reader.
+     */
+    focusedId?: string;
+    /**
+     * Render a static SVG of the map until the live one mounts, so server
+     * rendering and slow connections show the map right away. Default true.
+     */
+    staticFallback?: boolean;
+}
+export interface OrbitMindMapRef {
+    /** The renderer, once the map has mounted. */
+    readonly renderer: OrbitSVGRenderer | null;
+    /** Flies to a node by id, in focus mode. Returns false when there's no such node. */
+    flyTo(nodeId: string): boolean;
+    /** Flies out to the overview of the whole map. */
+    overview(): void;
+    getViewMode(): ViewMode | null;
+    setViewMode(mode: ViewMode): void;
+    /** Zooms by `factor` around the middle of the map (above 1 zooms in). */
+    zoomBy(factor: number): void;
+    /** Returns the camera to the fitted view. */
+    fit(): void;
+}
+/**
+ * Renders an orbit map that fills its parent element, so give the parent a
+ * size. Pass the map as `source` (markdown or YAML), `document` or `data`.
+ *
+ * Callback props can be inline functions and `theme` / `palette` can be
+ * inline objects: they never rebuild the map unless their values change.
+ *
+ * @example
+ * ```tsx
+ * import { OrbitMindMap } from '@restless-dreams/orbit/react';
+ *
+ * <div style={{ height: 480 }}>
+ *   <OrbitMindMap source={'# Launch\n## Research\n## Build'} theme="night" onFocusChange={(node) => console.log(node.text)} />
+ * </div>
+ * ```
+ */
+export declare const OrbitMindMap: import("react").ForwardRefExoticComponent<OrbitMindMapProps & import("react").RefAttributes<OrbitMindMapRef>>;

package/dist/react/index.js

@@ -0,0 +1,352 @@
+"use client";
+import {
+  renderToSVGString2
+} from "../chunk-y748hzcr.js";
+import {
+  reportParseDiagnostics,
+  parseOrbit2,
+  OrbitWords,
+  OrbitSVGRenderer2
+} from "../chunk-fkdfgtx9.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 {};