@elabs-ai/components-editor 4.0.0

package/dist/index.js

@@ -0,0 +1,362 @@
+"use client";
+import "./index.css";
+import {
+  CodeEditor,
+  CopyButton,
+  EditorContextMenu,
+  MarkdownEditor,
+  applyBrandTheme,
+  brandThemeId,
+  buildBrandThemeData,
+  monacoContentAccess,
+  useDataTheme
+} from "./chunk-LBC5VJBD.js";
+
+// src/diff-editor/diff-editor.tsx
+import * as monaco from "monaco-editor";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import {
+  forwardRef,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+  useState
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var BASE_OPTIONS = {
+  automaticLayout: true,
+  minimap: { enabled: false },
+  scrollBeyondLastLine: false,
+  fontSize: 13,
+  ignoreTrimWhitespace: false,
+  padding: { top: 12, bottom: 12 },
+  scrollbar: { verticalScrollbarSize: 10, horizontalScrollbarSize: 10 }
+};
+var DiffEditor = forwardRef(function DiffEditor2({
+  original,
+  modified,
+  language = "typescript",
+  readOnly = true,
+  renderSideBySide = true,
+  height = "100%",
+  options,
+  onMount,
+  className,
+  style,
+  ...props
+}, ref) {
+  const containerRef = useRef(null);
+  const [editor2, setEditor] = useState(null);
+  const { theme, revision } = useDataTheme();
+  const onMountRef = useRef(onMount);
+  onMountRef.current = onMount;
+  useImperativeHandle(ref, () => editor2, [
+    editor2
+  ]);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const instance = monaco.editor.createDiffEditor(container, {
+      ...BASE_OPTIONS,
+      readOnly,
+      renderSideBySide,
+      ...options
+    });
+    const originalModel = monaco.editor.createModel(original, language);
+    const modifiedModel = monaco.editor.createModel(modified, language);
+    instance.setModel({ original: originalModel, modified: modifiedModel });
+    setEditor(instance);
+    onMountRef.current?.(instance, monaco);
+    return () => {
+      instance.dispose();
+      originalModel.dispose();
+      modifiedModel.dispose();
+      setEditor(null);
+    };
+  }, []);
+  useEffect(() => {
+    const original_ = editor2?.getModel()?.original;
+    if (original_ && original_.getValue() !== original) original_.setValue(original);
+  }, [editor2, original]);
+  useEffect(() => {
+    const modified_ = editor2?.getModel()?.modified;
+    if (modified_ && modified_.getValue() !== modified) modified_.setValue(modified);
+  }, [editor2, modified]);
+  useEffect(() => {
+    const models = editor2?.getModel();
+    if (!models) return;
+    monaco.editor.setModelLanguage(models.original, language);
+    monaco.editor.setModelLanguage(models.modified, language);
+  }, [editor2, language]);
+  useEffect(() => {
+    editor2?.updateOptions({ readOnly, renderSideBySide });
+  }, [editor2, readOnly, renderSideBySide]);
+  useEffect(() => {
+    if (!editor2) return;
+    try {
+      applyBrandTheme(monaco, theme);
+    } catch (err) {
+      console.error("[@elabs-ai/components-editor] failed to apply brand theme", err);
+    }
+  }, [editor2, theme, revision]);
+  const resolvedStyle = {
+    height: typeof height === "number" ? `${height}px` : height,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      "data-testid": "diff-editor",
+      className: cn("h-full w-full overflow-hidden bg-background text-foreground", className),
+      style: resolvedStyle,
+      ...props
+    }
+  );
+});
+
+// src/code-workspace/code-workspace.tsx
+import { Tabs, TabsList, TabsTrigger } from "@elabs-ai/components-ui";
+import { cn as cn2 } from "@elabs-ai/components-ui/lib/cn";
+import {
+  forwardRef as forwardRef2,
+  useCallback,
+  useEffect as useEffect2,
+  useImperativeHandle as useImperativeHandle2,
+  useRef as useRef2,
+  useState as useState2
+} from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var EXT_LANGUAGE = {
+  ts: "typescript",
+  tsx: "typescript",
+  mts: "typescript",
+  cts: "typescript",
+  js: "javascript",
+  jsx: "javascript",
+  mjs: "javascript",
+  cjs: "javascript",
+  json: "json",
+  css: "css",
+  scss: "scss",
+  less: "less",
+  html: "html",
+  md: "markdown",
+  py: "python",
+  sql: "sql",
+  yml: "yaml",
+  yaml: "yaml",
+  xml: "xml",
+  sh: "shell"
+};
+var basename = (path) => path.split("/").pop() || path;
+function inferLanguage(file) {
+  if (file.language) return file.language;
+  const ext = file.path.split(".").pop()?.toLowerCase() ?? "";
+  return EXT_LANGUAGE[ext] ?? "plaintext";
+}
+var NULL_ACCESS = {
+  getText: () => "",
+  getSelection: () => ({ text: "", empty: true }),
+  replaceSelection: () => void 0,
+  insertAtCursor: () => void 0,
+  focus: () => void 0,
+  onSelectionChange: () => () => void 0
+};
+var CodeWorkspace = forwardRef2(
+  function CodeWorkspace2({
+    files,
+    activePath,
+    defaultActivePath,
+    onActivePathChange,
+    onFileChange,
+    readOnly = false,
+    height = "100%",
+    className,
+    style,
+    ...props
+  }, ref) {
+    const [internalActive, setInternalActive] = useState2(defaultActivePath ?? files[0]?.path ?? "");
+    const isControlled = activePath !== void 0;
+    const requested = isControlled ? activePath : internalActive;
+    const activeFile = files.find((f) => f.path === requested) ?? files[0];
+    const active = activeFile?.path ?? "";
+    const rootRef = useRef2(null);
+    const [activeEditor, setActiveEditor] = useState2(null);
+    useEffect2(() => {
+      if (!activeFile) setActiveEditor(null);
+    }, [activeFile]);
+    const [selectionListeners] = useState2(() => /* @__PURE__ */ new Set());
+    useEffect2(() => {
+      if (!activeEditor) return;
+      const unsub = monacoContentAccess(activeEditor).onSelectionChange(
+        (sel) => selectionListeners.forEach((l) => l(sel))
+      );
+      return unsub;
+    }, [activeEditor, selectionListeners]);
+    const selectTab = useCallback(
+      (path) => {
+        if (!isControlled) setInternalActive(path);
+        onActivePathChange?.(path);
+      },
+      [isControlled, onActivePathChange]
+    );
+    useImperativeHandle2(ref, () => {
+      const access = activeEditor ? monacoContentAccess(activeEditor) : NULL_ACCESS;
+      return {
+        getActiveEditor: () => activeEditor,
+        getElement: () => rootRef.current,
+        getText: () => access.getText(),
+        getSelection: () => access.getSelection(),
+        replaceSelection: (text) => access.replaceSelection(text),
+        insertAtCursor: (text) => access.insertAtCursor(text),
+        focus: () => access.focus(),
+        // Stable set (not the call-time `access`) so a subscription survives the
+        // editor's async mount + tab swaps; the binding effect forwards events.
+        onSelectionChange: (listener) => {
+          selectionListeners.add(listener);
+          return () => selectionListeners.delete(listener);
+        }
+      };
+    }, [activeEditor, selectionListeners]);
+    const resolvedStyle = {
+      height: typeof height === "number" ? `${height}px` : height,
+      ...style
+    };
+    return /* @__PURE__ */ jsx2(
+      "div",
+      {
+        ref: rootRef,
+        className: cn2(
+          "flex flex-col overflow-hidden rounded-lg border border-border bg-surface",
+          className
+        ),
+        style: resolvedStyle,
+        ...props,
+        children: /* @__PURE__ */ jsxs(
+          Tabs,
+          {
+            value: active,
+            onValueChange: selectTab,
+            className: "flex min-h-0 flex-1 flex-col gap-0",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border bg-surface", children: [
+                /* @__PURE__ */ jsx2(TabsList, { className: "h-9 flex-1 justify-start gap-0 rounded-none bg-transparent p-0", children: files.map((file) => /* @__PURE__ */ jsx2(
+                  TabsTrigger,
+                  {
+                    value: file.path,
+                    className: "h-9 rounded-none border-e border-border px-3 text-xs data-[state=active]:bg-background data-[state=active]:shadow-none",
+                    children: basename(file.path)
+                  },
+                  file.path
+                )) }),
+                activeFile ? /* @__PURE__ */ jsx2(CopyButton, { value: activeFile.value, className: "me-1.5" }) : null
+              ] }),
+              /* @__PURE__ */ jsx2("div", { className: "min-h-0 flex-1", children: activeFile ? /* @__PURE__ */ jsx2(
+                CodeEditor,
+                {
+                  path: activeFile.path,
+                  language: inferLanguage(activeFile),
+                  value: activeFile.value,
+                  readOnly,
+                  onChange: (next) => onFileChange?.(activeFile.path, next),
+                  onMount: (editor2) => setActiveEditor(editor2),
+                  height: "100%"
+                },
+                activeFile.path
+              ) : null })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+
+// src/editor-toolbar/editor-toolbar.tsx
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@elabs-ai/components-ui";
+import { cn as cn3 } from "@elabs-ai/components-ui/lib/cn";
+import { forwardRef as forwardRef3 } from "react";
+
+// src/lib/languages.ts
+var EDITOR_LANGUAGES = [
+  { id: "typescript", label: "TypeScript" },
+  { id: "javascript", label: "JavaScript" },
+  { id: "json", label: "JSON" },
+  { id: "html", label: "HTML" },
+  { id: "css", label: "CSS" },
+  { id: "scss", label: "SCSS" },
+  { id: "markdown", label: "Markdown" },
+  { id: "python", label: "Python" },
+  { id: "sql", label: "SQL" },
+  { id: "yaml", label: "YAML" },
+  { id: "xml", label: "XML" },
+  { id: "shell", label: "Shell" },
+  { id: "plaintext", label: "Plain text" }
+];
+function languageLabel(id) {
+  return EDITOR_LANGUAGES.find((l) => l.id === id)?.label ?? id;
+}
+
+// src/editor-toolbar/editor-toolbar.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var EditorToolbar = forwardRef3(function EditorToolbar2({
+  filename,
+  language,
+  onLanguageChange,
+  languages = EDITOR_LANGUAGES,
+  copyValue,
+  actions,
+  className,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      ref,
+      className: cn3(
+        "flex h-10 shrink-0 items-center gap-2 border-b border-border bg-surface px-3",
+        className
+      ),
+      ...props,
+      children: [
+        filename != null ? /* @__PURE__ */ jsx3("span", { className: "truncate text-sm font-medium text-foreground", children: filename }) : null,
+        /* @__PURE__ */ jsxs2("div", { className: "ml-auto flex items-center gap-1.5", children: [
+          actions,
+          onLanguageChange ? /* @__PURE__ */ jsxs2(Select, { value: language, onValueChange: onLanguageChange, children: [
+            /* @__PURE__ */ jsx3(SelectTrigger, { size: "sm", className: "h-7 w-[140px]", "aria-label": "Language", children: /* @__PURE__ */ jsx3(SelectValue, { placeholder: "Language" }) }),
+            /* @__PURE__ */ jsx3(SelectContent, { children: languages.map((l) => /* @__PURE__ */ jsx3(SelectItem, { value: l.id, children: l.label }, l.id)) })
+          ] }) : null,
+          copyValue != null ? /* @__PURE__ */ jsx3(CopyButton, { value: copyValue }) : null
+        ] })
+      ]
+    }
+  );
+});
+
+// src/index.ts
+import * as monaco2 from "monaco-editor";
+export {
+  CodeEditor,
+  CodeWorkspace,
+  CopyButton,
+  DiffEditor,
+  EDITOR_LANGUAGES,
+  EditorContextMenu,
+  EditorToolbar,
+  MarkdownEditor,
+  applyBrandTheme,
+  brandThemeId,
+  buildBrandThemeData,
+  languageLabel,
+  monaco2 as monaco,
+  monacoContentAccess,
+  useDataTheme
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/diff-editor/diff-editor.tsx","../src/code-workspace/code-workspace.tsx","../src/editor-toolbar/editor-toolbar.tsx","../src/lib/languages.ts","../src/index.ts"],"sourcesContent":["\"use client\";\n\nimport * as monaco from \"monaco-editor\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n} from \"react\";\nimport { applyBrandTheme } from \"../lib/monaco-theme-bridge\";\nimport { useDataTheme } from \"../lib/use-data-theme\";\n\nexport type MonacoDiffEditor = monaco.editor.IStandaloneDiffEditor;\n\nexport interface DiffEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, \"defaultValue\"> {\n  /** Left/original document. */\n  original: string;\n  /** Right/modified document. */\n  modified: string;\n  /** Monaco language id applied to both sides. Defaults to \"typescript\". */\n  language?: string;\n  /** Read-only (diffs are read-only by default). */\n  readOnly?: boolean;\n  /** Side-by-side (true) vs inline (false) diff. Defaults to side-by-side. */\n  renderSideBySide?: boolean;\n  /** Editor height. Number → px. Defaults to \"100%\". */\n  height?: number | string;\n  /** Passthrough Monaco diff options (merged over the defaults). */\n  options?: monaco.editor.IStandaloneDiffEditorConstructionOptions;\n  /** Called once the diff editor + monaco namespace are ready. */\n  onMount?: (editor: MonacoDiffEditor, monacoApi: typeof monaco) => void;\n}\n\nconst BASE_OPTIONS: monaco.editor.IStandaloneDiffEditorConstructionOptions = {\n  automaticLayout: true,\n  minimap: { enabled: false },\n  scrollBeyondLastLine: false,\n  fontSize: 13,\n  ignoreTrimWhitespace: false,\n  padding: { top: 12, bottom: 12 },\n  scrollbar: { verticalScrollbarSize: 10, horizontalScrollbarSize: 10 },\n};\n\n/**\n * A token-themed Monaco diff editor (original ↔ modified). Same theming bridge\n * and chrome story as {@link CodeEditor}; reads as a side-by-side or inline diff.\n */\nexport const DiffEditor = forwardRef<MonacoDiffEditor | null, DiffEditorProps>(function DiffEditor(\n  {\n    original,\n    modified,\n    language = \"typescript\",\n    readOnly = true,\n    renderSideBySide = true,\n    height = \"100%\",\n    options,\n    onMount,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [editor, setEditor] = useState<MonacoDiffEditor | null>(null);\n  const { theme, revision } = useDataTheme();\n\n  const onMountRef = useRef(onMount);\n  onMountRef.current = onMount;\n\n  useImperativeHandle<MonacoDiffEditor | null, MonacoDiffEditor | null>(ref, () => editor, [\n    editor,\n  ]);\n\n  // Mount once.\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const instance = monaco.editor.createDiffEditor(container, {\n      ...BASE_OPTIONS,\n      readOnly,\n      renderSideBySide,\n      ...options,\n    });\n    const originalModel = monaco.editor.createModel(original, language);\n    const modifiedModel = monaco.editor.createModel(modified, language);\n    instance.setModel({ original: originalModel, modified: modifiedModel });\n    // Theme is applied by the effect below once `setEditor` runs.\n    setEditor(instance);\n    onMountRef.current?.(instance, monaco);\n\n    return () => {\n      instance.dispose();\n      originalModel.dispose();\n      modifiedModel.dispose();\n      setEditor(null);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const original_ = editor?.getModel()?.original;\n    if (original_ && original_.getValue() !== original) original_.setValue(original);\n  }, [editor, original]);\n\n  useEffect(() => {\n    const modified_ = editor?.getModel()?.modified;\n    if (modified_ && modified_.getValue() !== modified) modified_.setValue(modified);\n  }, [editor, modified]);\n\n  useEffect(() => {\n    const models = editor?.getModel();\n    if (!models) return;\n    monaco.editor.setModelLanguage(models.original, language);\n    monaco.editor.setModelLanguage(models.modified, language);\n  }, [editor, language]);\n\n  useEffect(() => {\n    editor?.updateOptions({ readOnly, renderSideBySide });\n  }, [editor, readOnly, renderSideBySide]);\n\n  useEffect(() => {\n    if (!editor) return;\n    try {\n      applyBrandTheme(monaco, theme);\n    } catch (err) {\n      console.error(\"[@elabs-ai/components-editor] failed to apply brand theme\", err);\n    }\n    // `revision` re-applies once the data-theme attribute settles. See CodeEditor.\n  }, [editor, theme, revision]);\n\n  const resolvedStyle: CSSProperties = {\n    height: typeof height === \"number\" ? `${height}px` : height,\n    ...style,\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      data-testid=\"diff-editor\"\n      className={cn(\"h-full w-full overflow-hidden bg-background text-foreground\", className)}\n      style={resolvedStyle}\n      {...props}\n    />\n  );\n});\n","\"use client\";\n\nimport { Tabs, TabsList, TabsTrigger } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n} from \"react\";\nimport { CodeEditor, type MonacoCodeEditor } from \"../code-editor\";\nimport { CopyButton } from \"../copy-button\";\nimport {\n  monacoContentAccess,\n  type EditorContentAccess,\n  type EditorSelection,\n} from \"../lib/editor-content-access\";\n\nexport interface EditorFile {\n  /** Unique path/name; shown (basename) on the tab and used as the model path. */\n  path: string;\n  /** Monaco language id. Inferred from the extension when omitted. */\n  language?: string;\n  /** File content. */\n  value: string;\n}\n\nexport interface CodeWorkspaceProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"onChange\" | \"defaultValue\"\n> {\n  /** Open files, one tab each. */\n  files: EditorFile[];\n  /** Controlled active file path. */\n  activePath?: string;\n  /** Initial active path for uncontrolled use. Defaults to the first file. */\n  defaultActivePath?: string;\n  /** Called when the active tab changes. */\n  onActivePathChange?: (path: string) => void;\n  /** Called on every edit with the file path + new content. */\n  onFileChange?: (path: string, value: string) => void;\n  /** Render all files read-only. */\n  readOnly?: boolean;\n  /** Workspace height. Number → px. Defaults to \"100%\". */\n  height?: number | string;\n}\n\nconst EXT_LANGUAGE: Record<string, string> = {\n  ts: \"typescript\",\n  tsx: \"typescript\",\n  mts: \"typescript\",\n  cts: \"typescript\",\n  js: \"javascript\",\n  jsx: \"javascript\",\n  mjs: \"javascript\",\n  cjs: \"javascript\",\n  json: \"json\",\n  css: \"css\",\n  scss: \"scss\",\n  less: \"less\",\n  html: \"html\",\n  md: \"markdown\",\n  py: \"python\",\n  sql: \"sql\",\n  yml: \"yaml\",\n  yaml: \"yaml\",\n  xml: \"xml\",\n  sh: \"shell\",\n};\n\nconst basename = (path: string) => path.split(\"/\").pop() || path;\n\nfunction inferLanguage(file: EditorFile): string {\n  if (file.language) return file.language;\n  const ext = file.path.split(\".\").pop()?.toLowerCase() ?? \"\";\n  return EXT_LANGUAGE[ext] ?? \"plaintext\";\n}\n\n/**\n * Imperative handle exposed via `CodeWorkspace`'s `ref`.\n *\n * **Migration note:** the forwarded `ref` type changed from `HTMLDivElement` to\n * `CodeWorkspaceHandle` (mirrors the #273 `MarkdownWorkspaceHandle` precedent).\n * Replace any `ref.current` / `ref.current.scrollIntoView()` DOM access with\n * `ref.current?.getElement()`. This is the only breaking change in this work.\n */\nexport interface CodeWorkspaceHandle extends EditorContentAccess {\n  /**\n   * The live Monaco editor for the currently active tab, or `null` while booting\n   * or when no files are open. Consumers needing the full Monaco API can use this\n   * and pass it to `monacoContentAccess(handle.getActiveEditor()!)`.\n   */\n  getActiveEditor(): MonacoCodeEditor | null;\n  /**\n   * The workspace root DOM element. Preserves the old `HTMLDivElement` ref access\n   * that existed before the ref-type change (#273 `MarkdownWorkspace` playbook).\n   */\n  getElement(): HTMLDivElement | null;\n}\n\n/** No-op EditorContentAccess returned when no Monaco editor is mounted. */\nconst NULL_ACCESS: EditorContentAccess = {\n  getText: () => \"\",\n  getSelection: () => ({ text: \"\", empty: true }),\n  replaceSelection: () => undefined,\n  insertAtCursor: () => undefined,\n  focus: () => undefined,\n  onSelectionChange: () => () => undefined,\n};\n\n/**\n * Multi-file editor shell: brand-ui `Tabs` for the file bar above a single\n * {@link CodeEditor} that swaps to the active file. This is the \"reuse our\n * components for the chrome\" surface — Tabs/Button are ours; the editing surface\n * is Monaco. Edits bubble through `onFileChange`.\n *\n * The forwarded `ref` exposes a {@link CodeWorkspaceHandle} (not `HTMLDivElement`).\n * Use `ref.current?.getElement()` to access the root DOM node.\n */\nexport const CodeWorkspace = forwardRef<CodeWorkspaceHandle, CodeWorkspaceProps>(\n  function CodeWorkspace(\n    {\n      files,\n      activePath,\n      defaultActivePath,\n      onActivePathChange,\n      onFileChange,\n      readOnly = false,\n      height = \"100%\",\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const [internalActive, setInternalActive] = useState(defaultActivePath ?? files[0]?.path ?? \"\");\n    const isControlled = activePath !== undefined;\n    const requested = isControlled ? activePath : internalActive;\n    const activeFile = files.find((f) => f.path === requested) ?? files[0];\n    const active = activeFile?.path ?? \"\";\n\n    // The root div ref (getElement() preserves old HTMLDivElement access).\n    const rootRef = useRef<HTMLDivElement | null>(null);\n\n    // The live Monaco editor for the active tab. Nulled when there is no active file.\n    const [activeEditor, setActiveEditor] = useState<MonacoCodeEditor | null>(null);\n\n    // Defensive: if the active file is removed (no `activeFile`), null the held instance\n    // so getActiveEditor() and content-access methods don't act on a disposed editor.\n    useEffect(() => {\n      if (!activeFile) setActiveEditor(null);\n    }, [activeFile]);\n\n    // A STABLE listener set for onSelectionChange. The handle adds/removes here;\n    // the binding effect below forwards the ACTIVE editor's selection changes into\n    // it. This is what makes a subscribe-in-mount-effect survive the editor's async\n    // mount (and tab swaps): the consumer subscribes once; binding re-attaches as\n    // `activeEditor` changes. (Delegating onSelectionChange to a call-time snapshot\n    // would bind to the not-yet-mounted editor and silently never fire.)\n    const [selectionListeners] = useState(() => new Set<(sel: EditorSelection) => void>());\n    useEffect(() => {\n      if (!activeEditor) return;\n      const unsub = monacoContentAccess(activeEditor).onSelectionChange((sel) =>\n        selectionListeners.forEach((l) => l(sel)),\n      );\n      return unsub;\n    }, [activeEditor, selectionListeners]);\n\n    const selectTab = useCallback(\n      (path: string) => {\n        if (!isControlled) setInternalActive(path);\n        onActivePathChange?.(path);\n      },\n      [isControlled, onActivePathChange],\n    );\n\n    useImperativeHandle(ref, () => {\n      const access = activeEditor ? monacoContentAccess(activeEditor) : NULL_ACCESS;\n      return {\n        getActiveEditor: () => activeEditor,\n        getElement: () => rootRef.current,\n        getText: () => access.getText(),\n        getSelection: () => access.getSelection(),\n        replaceSelection: (text: string) => access.replaceSelection(text),\n        insertAtCursor: (text: string) => access.insertAtCursor(text),\n        focus: () => access.focus(),\n        // Stable set (not the call-time `access`) so a subscription survives the\n        // editor's async mount + tab swaps; the binding effect forwards events.\n        onSelectionChange: (listener) => {\n          selectionListeners.add(listener);\n          return () => selectionListeners.delete(listener);\n        },\n      };\n    }, [activeEditor, selectionListeners]);\n\n    const resolvedStyle: CSSProperties = {\n      height: typeof height === \"number\" ? `${height}px` : height,\n      ...style,\n    };\n\n    return (\n      <div\n        ref={rootRef}\n        className={cn(\n          \"flex flex-col overflow-hidden rounded-lg border border-border bg-surface\",\n          className,\n        )}\n        style={resolvedStyle}\n        {...props}\n      >\n        <Tabs\n          value={active}\n          onValueChange={selectTab}\n          className=\"flex min-h-0 flex-1 flex-col gap-0\"\n        >\n          <div className=\"flex items-center border-b border-border bg-surface\">\n            <TabsList className=\"h-9 flex-1 justify-start gap-0 rounded-none bg-transparent p-0\">\n              {files.map((file) => (\n                <TabsTrigger\n                  key={file.path}\n                  value={file.path}\n                  className=\"h-9 rounded-none border-e border-border px-3 text-xs data-[state=active]:bg-background data-[state=active]:shadow-none\"\n                >\n                  {basename(file.path)}\n                </TabsTrigger>\n              ))}\n            </TabsList>\n            {activeFile ? <CopyButton value={activeFile.value} className=\"me-1.5\" /> : null}\n          </div>\n\n          <div className=\"min-h-0 flex-1\">\n            {activeFile ? (\n              <CodeEditor\n                key={activeFile.path}\n                path={activeFile.path}\n                language={inferLanguage(activeFile)}\n                value={activeFile.value}\n                readOnly={readOnly}\n                onChange={(next) => onFileChange?.(activeFile.path, next)}\n                onMount={(editor) => setActiveEditor(editor)}\n                height=\"100%\"\n              />\n            ) : null}\n          </div>\n        </Tabs>\n      </div>\n    );\n  },\n);\n","\"use client\";\n\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { CopyButton } from \"../copy-button\";\nimport { EDITOR_LANGUAGES, type EditorLanguage } from \"../lib/languages\";\n\nexport interface EditorToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  /** Filename shown on the left (e.g. \"index.ts\"). */\n  filename?: ReactNode;\n  /** Active language id; shows a language picker when `onLanguageChange` is set. */\n  language?: string;\n  /** Called when the user picks a language. Omit to hide the picker. */\n  onLanguageChange?: (language: string) => void;\n  /** Languages offered in the picker. Defaults to {@link EDITOR_LANGUAGES}. */\n  languages?: EditorLanguage[];\n  /** Text copied by the copy button. Omit to hide the button. */\n  copyValue?: string;\n  /** Extra actions rendered before the copy button (brand-ui buttons, etc.). */\n  actions?: ReactNode;\n}\n\n/**\n * Brand-ui chrome for the editors — the part that genuinely reuses our\n * components. Renders a filename label, an optional language `Select` and a copy\n * `Button`. The editing surface itself is Monaco; this is the frame around it.\n */\nexport const EditorToolbar = forwardRef<HTMLDivElement, EditorToolbarProps>(function EditorToolbar(\n  {\n    filename,\n    language,\n    onLanguageChange,\n    languages = EDITOR_LANGUAGES,\n    copyValue,\n    actions,\n    className,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex h-10 shrink-0 items-center gap-2 border-b border-border bg-surface px-3\",\n        className,\n      )}\n      {...props}\n    >\n      {filename != null ? (\n        <span className=\"truncate text-sm font-medium text-foreground\">{filename}</span>\n      ) : null}\n\n      <div className=\"ml-auto flex items-center gap-1.5\">\n        {actions}\n\n        {onLanguageChange ? (\n          <Select value={language} onValueChange={onLanguageChange}>\n            <SelectTrigger size=\"sm\" className=\"h-7 w-[140px]\" aria-label=\"Language\">\n              <SelectValue placeholder=\"Language\" />\n            </SelectTrigger>\n            <SelectContent>\n              {languages.map((l) => (\n                <SelectItem key={l.id} value={l.id}>\n                  {l.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        ) : null}\n\n        {copyValue != null ? <CopyButton value={copyValue} /> : null}\n      </div>\n    </div>\n  );\n});\n","/**\n * Curated language list for the editor toolbar's language picker. Ids are\n * Monaco's built-in language ids (`monaco.languages.getLanguages()`), so they\n * map straight onto `setModelLanguage` / model creation.\n */\nexport interface EditorLanguage {\n  /** Monaco language id (e.g. \"typescript\"). */\n  id: string;\n  /** Human-readable label for the picker. */\n  label: string;\n}\n\nexport const EDITOR_LANGUAGES: EditorLanguage[] = [\n  { id: \"typescript\", label: \"TypeScript\" },\n  { id: \"javascript\", label: \"JavaScript\" },\n  { id: \"json\", label: \"JSON\" },\n  { id: \"html\", label: \"HTML\" },\n  { id: \"css\", label: \"CSS\" },\n  { id: \"scss\", label: \"SCSS\" },\n  { id: \"markdown\", label: \"Markdown\" },\n  { id: \"python\", label: \"Python\" },\n  { id: \"sql\", label: \"SQL\" },\n  { id: \"yaml\", label: \"YAML\" },\n  { id: \"xml\", label: \"XML\" },\n  { id: \"shell\", label: \"Shell\" },\n  { id: \"plaintext\", label: \"Plain text\" },\n];\n\n/** Look up a language's label, falling back to the raw id. */\nexport function languageLabel(id: string): string {\n  return EDITOR_LANGUAGES.find((l) => l.id === id)?.label ?? id;\n}\n","/**\n * @elabs-ai/components-editor — a token-themed Monaco (VS Code) editor wrapped as brand-ui\n * components.\n *\n * Monaco is a self-rendering editor engine; this package wraps it the way\n * @elabs-ai/components-flow wraps React Flow and @elabs-ai/components-data wraps TanStack. The editing\n * surface + widgets are Monaco's, recolored from the active brand theme via the\n * theming bridge; the chrome (toolbar, file tabs, copy button) is brand-ui.\n *\n * Worker setup (for completions/diagnostics) — import ONCE at the app entry:\n *   import \"@elabs-ai/components-editor/monaco-environment\";   // Vite apps\n */\nexport {\n  CodeEditor,\n  type CodeEditorProps,\n  type MonacoCodeEditor,\n  type EditorAction,\n} from \"./code-editor\";\nexport { DiffEditor, type DiffEditorProps, type MonacoDiffEditor } from \"./diff-editor\";\nexport {\n  MarkdownEditor,\n  type MarkdownEditorProps,\n  type MarkdownEditorHandle,\n  type EmbedAssetFn,\n} from \"./markdown-editor\";\nexport {\n  CodeWorkspace,\n  type CodeWorkspaceHandle,\n  type CodeWorkspaceProps,\n  type EditorFile,\n} from \"./code-workspace\";\nexport {\n  monacoContentAccess,\n  type EditorContentAccess,\n  type EditorSelection,\n} from \"./lib/editor-content-access\";\nexport { EditorToolbar, type EditorToolbarProps } from \"./editor-toolbar\";\nexport { EditorContextMenu, type EditorContextMenuProps } from \"./editor-context-menu\";\nexport { CopyButton, type CopyButtonProps } from \"./copy-button\";\n\n// Theming bridge + language helpers (advanced consumers / custom chrome).\nexport { applyBrandTheme, buildBrandThemeData, brandThemeId } from \"./lib/monaco-theme-bridge\";\nexport { useDataTheme, type DataThemeState } from \"./lib/use-data-theme\";\nexport { EDITOR_LANGUAGES, languageLabel, type EditorLanguage } from \"./lib/languages\";\n\n// Re-export the monaco namespace so consumers can build custom editors / wire\n// commands without adding a direct dependency.\nexport * as monaco from \"monaco-editor\";\n"],"mappings":"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","names":["DiffEditor","editor","cn","forwardRef","useEffect","useImperativeHandle","useRef","useState","jsx","forwardRef","CodeWorkspace","useState","useRef","useEffect","useImperativeHandle","cn","editor","cn","forwardRef","jsx","jsxs","forwardRef","EditorToolbar","cn","monaco"]}

package/dist/lib/monaco-environment.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/lib/monaco-environment.js

@@ -0,0 +1,44 @@
+// src/lib/monaco-environment.ts
+import EditorWorker from "monaco-editor/esm/vs/editor/editor.worker?worker";
+import JsonWorker from "monaco-editor/esm/vs/language/json/json.worker?worker";
+import CssWorker from "monaco-editor/esm/vs/language/css/css.worker?worker";
+import HtmlWorker from "monaco-editor/esm/vs/language/html/html.worker?worker";
+import TsWorker from "monaco-editor/esm/vs/language/typescript/ts.worker?worker";
+var policyCache = /* @__PURE__ */ new Map();
+var monacoEnvironment = {
+  createTrustedTypesPolicy(policyName, policyOptions) {
+    if (policyCache.has(policyName)) return policyCache.get(policyName);
+    let policy;
+    try {
+      policy = globalThis.trustedTypes?.createPolicy(
+        policyName,
+        policyOptions
+      );
+    } catch {
+      policy = void 0;
+    }
+    policyCache.set(policyName, policy);
+    return policy;
+  },
+  getWorker(_workerId, label) {
+    switch (label) {
+      case "json":
+        return new JsonWorker();
+      case "css":
+      case "scss":
+      case "less":
+        return new CssWorker();
+      case "html":
+      case "handlebars":
+      case "razor":
+        return new HtmlWorker();
+      case "typescript":
+      case "javascript":
+        return new TsWorker();
+      default:
+        return new EditorWorker();
+    }
+  }
+};
+globalThis.MonacoEnvironment = monacoEnvironment;
+//# sourceMappingURL=monaco-environment.js.map

package/dist/lib/monaco-environment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/monaco-environment.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/triple-slash-reference -- carry the `*?worker` ambient type into any program that imports this module (apps' tsc).\n/// <reference path=\"../monaco-workers.d.ts\" />\n/**\n * Monaco web-worker wiring for Vite apps.\n *\n * Monaco runs language intelligence (TS/JS diagnostics, JSON schema, CSS/HTML\n * services) in web workers. This module registers a `MonacoEnvironment.getWorker`\n * factory using Vite's `?worker` import suffix, which makes Vite bundle each\n * worker entry. Import it ONCE at the app entry, before any editor mounts:\n *\n *   import \"@elabs-ai/components-editor/monaco-environment\";\n *\n * Without this, the editor still renders + highlights, but completions,\n * diagnostics and hovers are unavailable.\n *\n * NOTE: `?worker` is a Vite-only transform. Non-Vite consumers must provide\n * their own `self.MonacoEnvironment.getWorker(Url)` — see the package README.\n */\nimport type { Environment } from \"monaco-editor\";\nimport EditorWorker from \"monaco-editor/esm/vs/editor/editor.worker?worker\";\nimport JsonWorker from \"monaco-editor/esm/vs/language/json/json.worker?worker\";\nimport CssWorker from \"monaco-editor/esm/vs/language/css/css.worker?worker\";\nimport HtmlWorker from \"monaco-editor/esm/vs/language/html/html.worker?worker\";\nimport TsWorker from \"monaco-editor/esm/vs/language/typescript/ts.worker?worker\";\n\n/**\n * Monaco mints its Trusted-Types policies through this hook when it is present\n * (`vs/base/browser/trustedTypes.js`, and the pre-bundled copy in\n * `vs/common/workers.js`), falling back to `trustedTypes.createPolicy` when it is\n * not. We supply it to **de-duplicate by name**.\n *\n * Why: `monaco-editor@0.55` ships the \"mint `defaultWorkerFactory` at module\n * init\" block TWICE, in two different source files —\n * `vs/base/browser/webWorkerFactory.js` (reached from `editorWorkerService`) and\n * `vs/common/workers.js` (the pre-bundled `createWebWorker` API surface reached\n * from `editor.api`). Both are in the main-thread graph, so both run. No bundler\n * can dedupe them: they are distinct source files, not one module resolved twice.\n *\n * Under `require-trusted-types-for 'script'` the second call is refused —\n * \"a TrustedTypePolicy with that name already exists and the directive does not\n * contain 'allow-duplicates'\" — and Monaco reports it through\n * `onUnexpectedError`. Memoizing here fixes it at the source instead of making\n * every consumer widen their CSP with `'allow-duplicates'`, which would let ANY\n * script re-register a policy name.\n *\n * A no-op where Trusted Types is unsupported (Firefox, Safari): returns\n * `undefined`, exactly as Monaco's own fallback does, and Monaco then uses the\n * raw string. A refused name also returns `undefined` (the browser still logs the\n * CSP violation, so a missing allowlist entry stays visible) rather than throwing.\n *\n * See `docs/CSP-AND-NETWORK.md` §2.6.\n */\ntype TrustedTypesHook = NonNullable<Environment[\"createTrustedTypesPolicy\"]>;\ntype MonacoPolicy = ReturnType<TrustedTypesHook>;\ntype PolicyOptions = Parameters<TrustedTypesHook>[1];\n\n/** `lib.dom` carries no Trusted-Types types, so the factory is typed structurally. */\ninterface TrustedTypesGlobal {\n  trustedTypes?: { createPolicy(name: string, options?: PolicyOptions): MonacoPolicy };\n}\n\nconst policyCache = new Map<string, MonacoPolicy>();\n\nconst monacoEnvironment: Environment = {\n  createTrustedTypesPolicy(policyName, policyOptions) {\n    if (policyCache.has(policyName)) return policyCache.get(policyName);\n\n    let policy: MonacoPolicy;\n    try {\n      policy = (globalThis as unknown as TrustedTypesGlobal).trustedTypes?.createPolicy(\n        policyName,\n        policyOptions,\n      );\n    } catch {\n      policy = undefined;\n    }\n\n    policyCache.set(policyName, policy);\n    return policy;\n  },\n\n  getWorker(_workerId: string, label: string): Worker {\n    switch (label) {\n      case \"json\":\n        return new JsonWorker();\n      case \"css\":\n      case \"scss\":\n      case \"less\":\n        return new CssWorker();\n      case \"html\":\n      case \"handlebars\":\n      case \"razor\":\n        return new HtmlWorker();\n      case \"typescript\":\n      case \"javascript\":\n        return new TsWorker();\n      default:\n        return new EditorWorker();\n    }\n  },\n};\n\n(globalThis as unknown as { MonacoEnvironment: Environment }).MonacoEnvironment = monacoEnvironment;\n"],"mappings":";AAmBA,OAAO,kBAAkB;AACzB,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,cAAc;AAsCrB,IAAM,cAAc,oBAAI,IAA0B;AAElD,IAAM,oBAAiC;AAAA,EACrC,yBAAyB,YAAY,eAAe;AAClD,QAAI,YAAY,IAAI,UAAU,EAAG,QAAO,YAAY,IAAI,UAAU;AAElE,QAAI;AACJ,QAAI;AACF,eAAU,WAA6C,cAAc;AAAA,QACnE;AAAA,QACA;AAAA,MACF;AAAA,IACF,QAAQ;AACN,eAAS;AAAA,IACX;AAEA,gBAAY,IAAI,YAAY,MAAM;AAClC,WAAO;AAAA,EACT;AAAA,EAEA,UAAU,WAAmB,OAAuB;AAClD,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,IAAI,WAAW;AAAA,MACxB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,IAAI,UAAU;AAAA,MACvB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,IAAI,WAAW;AAAA,MACxB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,IAAI,SAAS;AAAA,MACtB;AACE,eAAO,IAAI,aAAa;AAAA,IAC5B;AAAA,EACF;AACF;AAEC,WAA6D,oBAAoB;","names":[]}

package/dist/markdown/frontmatter.d.ts

@@ -0,0 +1,11 @@
+interface ParsedDocument {
+    /** Parsed frontmatter object ({} when there is no frontmatter block). */
+    frontmatter: Record<string, unknown>;
+    /** Markdown body with the frontmatter block removed. */
+    content: string;
+    hasFrontmatter: boolean;
+}
+declare function parseFrontmatter(source: string): ParsedDocument;
+declare function serializeFrontmatter(frontmatter: Record<string, unknown>, content: string): string;
+
+export { type ParsedDocument, parseFrontmatter, serializeFrontmatter };

package/dist/markdown/frontmatter.js

@@ -0,0 +1,33 @@
+// src/lib/markdown/frontmatter.ts
+import { dump, load } from "js-yaml";
+var FRONTMATTER_RE = /^\uFEFF?---[ \t]*\r?\n([\s\S]*?)\r?\n---[ \t]*(?:\r?\n|$)/;
+function parseFrontmatter(source) {
+  const match = source.match(FRONTMATTER_RE);
+  if (!match) {
+    return { frontmatter: {}, content: source, hasFrontmatter: false };
+  }
+  const parsed = load(match[1] ?? "");
+  const frontmatter = parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : {};
+  return {
+    frontmatter,
+    content: source.slice(match[0].length),
+    hasFrontmatter: true
+  };
+}
+function serializeFrontmatter(frontmatter, content) {
+  const body = content.replace(/^\s+/, "");
+  if (!frontmatter || Object.keys(frontmatter).length === 0) {
+    return body;
+  }
+  const yaml = dump(frontmatter, { lineWidth: -1, noRefs: true }).trimEnd();
+  return `---
+${yaml}
+---
+
+${body}`;
+}
+export {
+  parseFrontmatter,
+  serializeFrontmatter
+};
+//# sourceMappingURL=frontmatter.js.map

package/dist/markdown/frontmatter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/markdown/frontmatter.ts"],"sourcesContent":["/**\n * YAML frontmatter parse/serialize. Splits the leading `---` block off a markdown\n * document so the body can be rendered/edited and the metadata can drive a form.\n *\n * `parseFrontmatter` throws on malformed YAML — callers (the app) catch and map it\n * to a typed error for the metadata panel.\n */\nimport { dump, load } from \"js-yaml\";\n\nexport interface ParsedDocument {\n  /** Parsed frontmatter object ({} when there is no frontmatter block). */\n  frontmatter: Record<string, unknown>;\n  /** Markdown body with the frontmatter block removed. */\n  content: string;\n  hasFrontmatter: boolean;\n}\n\n// Optional leading BOM (\\uFEFF), then a `---` … `---` block at the very top.\nconst FRONTMATTER_RE = /^\\uFEFF?---[ \\t]*\\r?\\n([\\s\\S]*?)\\r?\\n---[ \\t]*(?:\\r?\\n|$)/;\n\nexport function parseFrontmatter(source: string): ParsedDocument {\n  const match = source.match(FRONTMATTER_RE);\n  if (!match) {\n    return { frontmatter: {}, content: source, hasFrontmatter: false };\n  }\n\n  const parsed = load(match[1] ?? \"\");\n  const frontmatter =\n    parsed && typeof parsed === \"object\" && !Array.isArray(parsed)\n      ? (parsed as Record<string, unknown>)\n      : {};\n\n  return {\n    frontmatter,\n    content: source.slice(match[0].length),\n    hasFrontmatter: true,\n  };\n}\n\nexport function serializeFrontmatter(\n  frontmatter: Record<string, unknown>,\n  content: string,\n): string {\n  const body = content.replace(/^\\s+/, \"\");\n  if (!frontmatter || Object.keys(frontmatter).length === 0) {\n    return body;\n  }\n  const yaml = dump(frontmatter, { lineWidth: -1, noRefs: true }).trimEnd();\n  return `---\\n${yaml}\\n---\\n\\n${body}`;\n}\n"],"mappings":";AAOA,SAAS,MAAM,YAAY;AAW3B,IAAM,iBAAiB;AAEhB,SAAS,iBAAiB,QAAgC;AAC/D,QAAM,QAAQ,OAAO,MAAM,cAAc;AACzC,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,aAAa,CAAC,GAAG,SAAS,QAAQ,gBAAgB,MAAM;AAAA,EACnE;AAEA,QAAM,SAAS,KAAK,MAAM,CAAC,KAAK,EAAE;AAClC,QAAM,cACJ,UAAU,OAAO,WAAW,YAAY,CAAC,MAAM,QAAQ,MAAM,IACxD,SACD,CAAC;AAEP,SAAO;AAAA,IACL;AAAA,IACA,SAAS,OAAO,MAAM,MAAM,CAAC,EAAE,MAAM;AAAA,IACrC,gBAAgB;AAAA,EAClB;AACF;AAEO,SAAS,qBACd,aACA,SACQ;AACR,QAAM,OAAO,QAAQ,QAAQ,QAAQ,EAAE;AACvC,MAAI,CAAC,eAAe,OAAO,KAAK,WAAW,EAAE,WAAW,GAAG;AACzD,WAAO;AAAA,EACT;AACA,QAAM,OAAO,KAAK,aAAa,EAAE,WAAW,IAAI,QAAQ,KAAK,CAAC,EAAE,QAAQ;AACxE,SAAO;AAAA,EAAQ,IAAI;AAAA;AAAA;AAAA,EAAY,IAAI;AACrC;","names":[]}