@mieweb/ui 0.7.3 → 0.8.0

package/dist/kerebron.d.ts

@@ -1,4 +1,6 @@
+import * as React from 'react';
 import React__default from 'react';
+import { AssetLoad } from '@kerebron/editor';
 
 /**
  * Editor kit assembly for {@link RichEditor}, for both plain and collaborative
@@ -23,6 +25,17 @@ interface CollabConfig {
     wsUrl?: string;
     /** Extra query params for the socket (e.g. `{ token }` for auth). */
     params?: Record<string, string>;
+    /**
+     * Who this editor is, published on awareness (`kerebron:user`) so peers see
+     * a named, coloured cursor. Without it remote cursors do not render — the
+     * position plugin skips awareness states that carry no user — and the
+     * `id` is what the cursor colour is derived from (kerebron's `User` shape).
+     */
+    user?: {
+        id: string;
+        name: string;
+        color?: string;
+    };
     /**
      * Custom WebSocket implementation handed to the Yjs provider — e.g. a
      * loopback socket for demos/tests, or a polyfill outside the browser.
@@ -32,7 +45,7 @@ interface CollabConfig {
 }
 
 interface RichEditorProps {
-    /** Initial markdown content to load into the editor. */
+    /** Markdown to load. Changing it reloads the editor unless `collab` is set. */
     value?: string;
     /** Called with the editor's markdown content whenever it changes. */
     onChange?: (value: string) => void;
@@ -45,8 +58,44 @@ interface RichEditorProps {
      * `key` to switch rooms.
      */
     collab?: CollabConfig;
+    /** Read-only surface: no typing, and the content dims. */
+    disabled?: boolean;
+    /**
+     * Id for the editor host element — an `aria-labelledby`/`aria-describedby`
+     * anchor. The host is a `div`, not a labelable control, so a
+     * `<label htmlFor>` will not associate; name the editor with `aria-label`
+     * or `aria-labelledby` instead.
+     */
+    id?: string;
+    /** Extra classes on the editor surface, beside `kb-component`. */
+    className?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    /**
+     * Where the tree-sitter WASM grammars load from. Defaults to
+     * `createAssetLoad('/kerebron-wasm')`; supply your own when the host serves
+     * `@kerebron/wasm`'s `assets/` somewhere else.
+     */
+    assetLoad?: AssetLoad;
 }
-declare const RichEditor: React__default.FC<RichEditorProps>;
+interface RichEditorHandle {
+    /**
+     * The editor's markdown, awaiting the initial load. `onChange` can lag the
+     * last keystroke, so read this on submit rather than trusting mirrored state.
+     */
+    getContent: () => Promise<string>;
+    /** Focus the editor, restoring the caret where the writer left it. */
+    focus: () => void;
+}
+/**
+ * Markdown editor over Kerebron's `CoreEditor`.
+ *
+ * The editor mounts into a **disposable child div**: `CoreEditor.destroy()`
+ * replaces its host element with a clone, which would strand React's ref (and,
+ * under StrictMode's double-mount, leave the live editor detached behind a
+ * dead clone).
+ */
+declare const RichEditor: React.ForwardRefExoticComponent<RichEditorProps & React.RefAttributes<RichEditorHandle>>;
 
 interface CodeEditorProps {
     /** Initial source code to load into the editor. */
@@ -58,4 +107,4 @@ interface CodeEditorProps {
 }
 declare const CodeEditor: React__default.FC<CodeEditorProps>;
 
-export { CodeEditor, type CodeEditorProps, type CollabConfig, RichEditor, type RichEditorProps };
+export { CodeEditor, type CodeEditorProps, type CollabConfig, RichEditor, type RichEditorHandle, type RichEditorProps };

package/dist/kerebron.js

@@ -1,11 +1,11 @@
-import { useRef, useState, useEffect } from 'react';
+import { useIsDarkMode } from './chunk-RUGHNFQG.js';
+import { forwardRef, useRef, useState, useEffect, useImperativeHandle } from 'react';
 import { CoreEditor } from '@kerebron/editor';
 import { createAssetLoad } from '@kerebron/wasm/web';
 import { AdvancedEditorKit } from '@kerebron/editor-kits/AdvancedEditorKit';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { CodeEditorKit } from '@kerebron/editor-kits/CodeEditorKit';
 
-// src/components/RichEditor/RichEditor.tsx
 var unsafeExtensions = ["autocomplete", "hover"];
 var SafeAdvancedEditorKit = class {
   constructor(forCollab) {
@@ -23,81 +23,213 @@ var SafeAdvancedEditorKit = class {
 };
 async function createEditorKits(config) {
   if (!config) return [new SafeAdvancedEditorKit(false)];
-  const { HuddleYjsKit, defaultWsUrl } = await import('./collabKit-QZL4P5T5.js');
+  const { HuddleYjsKit, defaultWsUrl } = await import('./collabKit-A643VH2I.js');
   const url = config.wsUrl ?? defaultWsUrl();
   return [
     new SafeAdvancedEditorKit(true),
-    new HuddleYjsKit(url, config.params ?? {}, config.WebSocketPolyfill)
+    new HuddleYjsKit(
+      url,
+      config.params ?? {},
+      config.WebSocketPolyfill,
+      config.user
+    )
   ];
 }
-var RichEditor = ({
-  value = "",
-  onChange,
-  showPreview = false,
-  collab
-}) => {
-  const editorRef = useRef(null);
-  const editorInstance = useRef(null);
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const [md, setMd] = useState("");
-  useEffect(() => {
-    if (!editorRef.current) return;
-    const element = editorRef.current;
-    let disposed = false;
-    let editor = null;
-    const onTransaction = async () => {
-      if (!editorInstance.current) return;
-      try {
-        const buffer = await editorInstance.current.saveDocument("text/x-markdown");
-        const markdown = new globalThis.TextDecoder().decode(buffer);
-        setMd(markdown);
-        onChangeRef.current?.(markdown);
-      } catch (err) {
-        console.error("Failed to save markdown:", err);
-      }
-    };
-    const setup = async () => {
-      const editorKits = await createEditorKits(collab);
-      if (disposed) return;
-      editor = CoreEditor.create({
-        element,
-        uri: "file:///untitled.md",
-        assetLoad: createAssetLoad("/kerebron-wasm"),
-        editorKits
+var MARKDOWN_TYPE = "text/x-markdown";
+var initialLoadQueue = Promise.resolve();
+function queueInitialLoad(load) {
+  const queued = initialLoadQueue.catch(() => void 0).then(load);
+  initialLoadQueue = queued.catch(() => void 0);
+  return queued;
+}
+var RichEditor = forwardRef(
+  function RichEditor2({
+    value = "",
+    onChange,
+    showPreview = false,
+    collab,
+    disabled = false,
+    id,
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    assetLoad
+  }, ref) {
+    const isDark = useIsDarkMode();
+    const hostRef = useRef(null);
+    const editorInstance = useRef(null);
+    const onChangeRef = useRef(onChange);
+    onChangeRef.current = onChange;
+    const valueRef = useRef(value);
+    const readyRef = useRef(null);
+    const loadingRef = useRef(false);
+    const disabledRef = useRef(disabled);
+    const [md, setMd] = useState("");
+    useEffect(() => {
+      disabledRef.current = disabled;
+      editorInstance.current?.view.setProps({
+        editable: () => !disabledRef.current
+      });
+    }, [disabled]);
+    useEffect(() => {
+      if (collab || value === valueRef.current) return;
+      valueRef.current = value;
+      const editor = editorInstance.current;
+      if (!editor) return;
+      loadingRef.current = true;
+      void editor.loadDocumentText(MARKDOWN_TYPE, value).catch(() => void 0).finally(() => {
+        if (editorInstance.current === editor) loadingRef.current = false;
       });
-      editorInstance.current = editor;
-      editor.addEventListener("transaction", onTransaction);
-      const joinRoom = () => {
-        if (collab && editor && !disposed) {
-          editor.run.changeRoom?.(collab.room);
+    }, [value]);
+    useEffect(() => {
+      if (!hostRef.current) return;
+      const host = hostRef.current;
+      let disposed = false;
+      let editor = null;
+      const mount = document.createElement("div");
+      host.appendChild(mount);
+      const onTransaction = async () => {
+        if (loadingRef.current || !editorInstance.current) return;
+        try {
+          const buffer = await editorInstance.current.saveDocument(MARKDOWN_TYPE);
+          const markdown = new globalThis.TextDecoder().decode(buffer);
+          if (disposed) return;
+          valueRef.current = markdown;
+          setMd(markdown);
+          onChangeRef.current?.(markdown);
+        } catch (err) {
+          console.error("Failed to save markdown:", err);
         }
       };
-      if (value) {
-        await editor.loadDocumentText("text/x-markdown", value);
-        await onTransaction();
-        joinRoom();
-      } else {
-        void onTransaction();
-        joinRoom();
-      }
-    };
-    setup().catch((err) => console.error("Failed to set up editor:", err));
-    return () => {
-      disposed = true;
-      editorInstance.current = null;
-      editor?.removeEventListener("transaction", onTransaction);
-      editor?.destroy();
-    };
-  }, []);
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { ref: editorRef, className: "kb-component" }) }),
-    showPreview && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h5", { children: "Markdown Output" }),
-      /* @__PURE__ */ jsx("pre", { children: md })
-    ] }) })
-  ] });
-};
+      const setup = async () => {
+        const editorKits = await createEditorKits(collab);
+        if (disposed) return;
+        editor = CoreEditor.create({
+          element: mount,
+          uri: "file:///untitled.md",
+          assetLoad: assetLoad ?? createAssetLoad("/kerebron-wasm"),
+          editorKits,
+          readOnly: disabledRef.current
+        });
+        editorInstance.current = editor;
+        const surfaceAttributes = ariaLabel || ariaLabelledBy ? {
+          role: "textbox",
+          "aria-multiline": "true",
+          ...ariaLabel ? { "aria-label": ariaLabel } : {},
+          ...ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {}
+        } : null;
+        editor.view.setProps({
+          editable: () => !disabledRef.current,
+          ...surfaceAttributes ? { attributes: surfaceAttributes } : {}
+        });
+        editor.addEventListener("transaction", onTransaction);
+        const joinRoom = () => {
+          if (collab && editor && !disposed) {
+            editor.run.changeRoom?.(collab.room);
+            reseedWhenRoomStaysEmpty();
+          }
+        };
+        const seed = valueRef.current;
+        const reseedWhenRoomStaysEmpty = () => {
+          if (!seed) return;
+          const check = async (attempt) => {
+            if (disposed || !editorInstance.current) return;
+            try {
+              const buffer = await editorInstance.current.saveDocument(MARKDOWN_TYPE);
+              const current = new globalThis.TextDecoder().decode(buffer).trim();
+              if (disposed || !editorInstance.current) return;
+              if (current) return;
+              if (attempt >= 2) {
+                await editorInstance.current.loadDocumentText(
+                  MARKDOWN_TYPE,
+                  seed
+                );
+                return;
+              }
+              setTimeout(() => void check(attempt + 1), 300);
+            } catch {
+            }
+          };
+          setTimeout(() => void check(0), 300);
+        };
+        if (valueRef.current) {
+          await queueInitialLoad(
+            () => editor.loadDocumentText(MARKDOWN_TYPE, valueRef.current)
+          );
+          await onTransaction();
+          joinRoom();
+        } else {
+          void onTransaction();
+          joinRoom();
+        }
+      };
+      readyRef.current = setup().catch(
+        (err) => console.error("Failed to set up editor:", err)
+      );
+      return () => {
+        disposed = true;
+        editorInstance.current = null;
+        editor?.removeEventListener("transaction", onTransaction);
+        editor?.destroy();
+        readyRef.current = null;
+        host.replaceChildren();
+      };
+    }, []);
+    useImperativeHandle(
+      ref,
+      () => ({
+        getContent: async () => {
+          await readyRef.current;
+          const editor = editorInstance.current;
+          if (!editor) return valueRef.current;
+          const buffer = await editor.saveDocument(MARKDOWN_TYPE);
+          const markdown = new globalThis.TextDecoder().decode(buffer);
+          valueRef.current = markdown;
+          return markdown;
+        },
+        focus: () => {
+          const apply = () => {
+            const view = editorInstance.current?.view;
+            if (view?.focus) {
+              view.focus();
+              return;
+            }
+            hostRef.current?.querySelector('[contenteditable="true"], textarea')?.focus();
+          };
+          if (editorInstance.current) apply();
+          else void readyRef.current?.then(apply);
+        }
+      }),
+      []
+    );
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: hostRef,
+          id,
+          className: [
+            "kb-component",
+            isDark ? "kb-component--dark" : "",
+            className ?? ""
+          ].filter(Boolean).join(" "),
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledBy,
+          "aria-disabled": disabled || void 0,
+          style: {
+            isolation: "isolate",
+            opacity: disabled ? 0.65 : void 0,
+            pointerEvents: disabled ? "none" : void 0
+          }
+        }
+      ) }),
+      showPreview && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h5", { children: "Markdown Output" }),
+        /* @__PURE__ */ jsx("pre", { children: md })
+      ] }) })
+    ] });
+  }
+);
 RichEditor.displayName = "RichEditor";
 var CodeEditor = ({
   value = "",

package/dist/kerebron.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RichEditor/editorKits.ts","../src/components/RichEditor/RichEditor.tsx","../src/components/RichEditor/CodeEditor.tsx"],"names":["useRef","useEffect","CoreEditor","createAssetLoad","jsx"],"mappings":";;;;;;;;AAqDA,IAAM,gBAAA,GAAmB,CAAC,cAAA,EAAgB,OAAO,CAAA;AAIjD,IAAM,wBAAN,MAAiD;AAAA,EAE/C,YAA6B,SAAA,EAAoB;AAApB,IAAA,IAAA,CAAA,SAAA,GAAA,SAAA;AAAA,EAAqB;AAAA,EAArB,SAAA;AAAA,EAD7B,IAAA,GAAO,iBAAA;AAAA,EAGP,aAAA,GAAgB;AACd,IAAA,MAAM,OAAA,GAAoB,CAAC,GAAG,gBAAgB,CAAA;AAC9C,IAAA,IAAI,IAAA,CAAK,SAAA,EAAW,OAAA,CAAQ,IAAA,CAAK,SAAS,CAAA;AAE1C,IAAA,OAAO,IAAI,iBAAA,EAAkB,CAC1B,aAAA,EAAc,CACd,MAAA;AAAA,MACC,CAAC,cACC,EAAE,MAAA,IAAU,aAAa,OAAA,CAAQ,QAAA,CAAS,UAAU,IAAI,CAAA;AAAA,KAC5D;AAAA,EACJ;AACF,CAAA;AAWA,eAAsB,iBACpB,MAAA,EACsB;AACtB,EAAA,IAAI,CAAC,MAAA,EAAQ,OAAO,CAAC,IAAI,qBAAA,CAAsB,KAAK,CAAC,CAAA;AAErD,EAAA,MAAM,EAAE,YAAA,EAAc,YAAA,EAAa,GAAI,MAAM,OAAO,yBAAa,CAAA;AACjE,EAAA,MAAM,GAAA,GAAM,MAAA,CAAO,KAAA,IAAS,YAAA,EAAa;AACzC,EAAA,OAAO;AAAA,IACL,IAAI,sBAAsB,IAAI,CAAA;AAAA,IAC9B,IAAI,aAAa,GAAA,EAAK,MAAA,CAAO,UAAU,EAAC,EAAG,OAAO,iBAAiB;AAAA,GACrE;AACF;ACrEA,IAAM,aAAwC,CAAC;AAAA,EAC7C,KAAA,GAAQ,EAAA;AAAA,EACR,QAAA;AAAA,EACA,WAAA,GAAc,KAAA;AAAA,EACd;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,SAAA,GAAY,OAAuB,IAAI,CAAA;AAC7C,EAAA,MAAM,cAAA,GAAiB,OAA0B,IAAI,CAAA;AACrD,EAAA,MAAM,WAAA,GAAc,OAAO,QAAQ,CAAA;AACnC,EAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AAEtB,EAAA,MAAM,CAAC,EAAA,EAAI,KAAK,CAAA,GAAI,SAAiB,EAAE,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,UAAU,OAAA,EAAS;AACxB,IAAA,MAAM,UAAU,SAAA,CAAU,OAAA;AAI1B,IAAA,IAAI,QAAA,GAAW,KAAA;AACf,IAAA,IAAI,MAAA,GAA4B,IAAA;AAGhC,IAAA,MAAM,gBAAgB,YAAY;AAChC,MAAA,IAAI,CAAC,eAAe,OAAA,EAAS;AAE7B,MAAA,IAAI;AACF,QAAA,MAAM,MAAA,GACJ,MAAM,cAAA,CAAe,OAAA,CAAQ,aAAa,iBAAiB,CAAA;AAC7D,QAAA,MAAM,WAAW,IAAI,UAAA,CAAW,WAAA,EAAY,CAAE,OAAO,MAAM,CAAA;AAC3D,QAAA,KAAA,CAAM,QAAQ,CAAA;AACd,QAAA,WAAA,CAAY,UAAU,QAAQ,CAAA;AAAA,MAChC,SAAS,GAAA,EAAK;AACZ,QAAA,OAAA,CAAQ,KAAA,CAAM,4BAA4B,GAAG,CAAA;AAAA,MAC/C;AAAA,IACF,CAAA;AAKA,IAAA,MAAM,QAAQ,YAAY;AACxB,MAAA,MAAM,UAAA,GAAa,MAAM,gBAAA,CAAiB,MAAM,CAAA;AAChD,MAAA,IAAI,QAAA,EAAU;AAEd,MAAA,MAAA,GAAS,WAAW,MAAA,CAAO;AAAA,QACzB,OAAA;AAAA,QACA,GAAA,EAAK,qBAAA;AAAA,QACL,SAAA,EAAW,gBAAgB,gBAAgB,CAAA;AAAA,QAC3C;AAAA,OACD,CAAA;AAED,MAAA,cAAA,CAAe,OAAA,GAAU,MAAA;AACzB,MAAA,MAAA,CAAO,gBAAA,CAAiB,eAAe,aAAa,CAAA;AASpD,MAAA,MAAM,WAAW,MAAM;AACrB,QAAA,IAAI,MAAA,IAAU,MAAA,IAAU,CAAC,QAAA,EAAU;AACjC,UACE,MAAA,CAAO,GAAA,CACP,UAAA,GAAa,MAAA,CAAO,IAAI,CAAA;AAAA,QAC5B;AAAA,MACF,CAAA;AAEA,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,MAAM,MAAA,CAAO,gBAAA,CAAiB,iBAAA,EAAmB,KAAK,CAAA;AACtD,QAAA,MAAM,aAAA,EAAc;AACpB,QAAA,QAAA,EAAS;AAAA,MACX,CAAA,MAAO;AACL,QAAA,KAAK,aAAA,EAAc;AACnB,QAAA,QAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAEA,IAAA,KAAA,EAAM,CAAE,MAAM,CAAC,GAAA,KAAQ,QAAQ,KAAA,CAAM,0BAAA,EAA4B,GAAG,CAAC,CAAA;AAGrE,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,GAAW,IAAA;AACX,MAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AACzB,MAAA,MAAA,EAAQ,mBAAA,CAAoB,eAAe,aAAa,CAAA;AACxD,MAAA,MAAA,EAAQ,OAAA,EAAQ;AAAA,IAClB,CAAA;AAAA,EAIF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SACC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAK,SAAA,EAAW,SAAA,EAAU,gBAAe,CAAA,EAChD,CAAA;AAAA,IAEC,WAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAG,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,sBACnB,GAAA,CAAC,SAAK,QAAA,EAAA,EAAA,EAAG;AAAA,KAAA,EACX,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;ACzHzB,IAAM,aAAwC,CAAC;AAAA,EAC7C,KAAA,GAAQ,EAAA;AAAA,EACR,QAAA;AAAA,EACA,IAAA,GAAO;AACT,CAAA,KAAM;AACJ,EAAA,MAAM,SAAA,GAAYA,OAAuB,IAAI,CAAA;AAC7C,EAAA,MAAM,cAAA,GAAiBA,OAA0B,IAAI,CAAA;AACrD,EAAA,MAAM,WAAA,GAAcA,OAAO,QAAQ,CAAA;AACnC,EAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AAEtB,EAAAC,UAAU,MAAM;AACd,IAAA,MAAM,OAAO,SAAA,CAAU,OAAA;AACvB,IAAA,IAAI,CAAC,IAAA,EAAM;AAEX,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,IAAA,CAAK,gBAAA,CAAiB,uBAAuB,CAAA,CAAE,OAAA,CAAQ,CAAC,OAAA,KAAY;AAClE,QAAA,IAAI,CAAC,OAAA,CAAQ,YAAA,CAAa,YAAY,CAAA,EAAG;AACvC,UAAA,OAAA,CAAQ,YAAA,CAAa,cAAc,sBAAsB,CAAA;AAAA,QAC3D;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAA;AAEA,IAAA,gBAAA,EAAiB;AACjB,IAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,MAAM,kBAAkB,CAAA;AAC9D,IAAA,QAAA,CAAS,QAAQ,IAAA,EAAM,EAAE,WAAW,IAAA,EAAM,OAAA,EAAS,MAAM,CAAA;AACzD,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAAA,UAAU,MAAM;AACd,IAAA,IAAI,CAAC,UAAU,OAAA,EAAS;AAGxB,IAAA,MAAM,MAAA,GAASC,WAAW,MAAA,CAAO;AAAA,MAC/B,SAAS,SAAA,CAAU,OAAA;AAAA,MACnB,GAAA,EAAK,qBAAA;AAAA,MACL,SAAA,EAAWC,gBAAgB,gBAAgB,CAAA;AAAA,MAC3C,UAAA,EAAY,CAAC,IAAI,aAAA,CAAc,IAAI,CAAC;AAAA,KACrC,CAAA;AAED,IAAA,cAAA,CAAe,OAAA,GAAU,MAAA;AAGzB,IAAA,MAAM,gBAAgB,YAAY;AAChC,MAAA,IAAI,CAAC,eAAe,OAAA,EAAS;AAE7B,MAAA,IAAI;AACF,QAAA,MAAM,MAAA,GAAS,MAAM,cAAA,CAAe,OAAA,CAAQ,aAAa,YAAY,CAAA;AACrE,QAAA,WAAA,CAAY,UAAU,IAAI,UAAA,CAAW,aAAY,CAAE,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,MACnE,SAAS,GAAA,EAAK;AACZ,QAAA,OAAA,CAAQ,KAAA,CAAM,wBAAwB,GAAG,CAAA;AAAA,MAC3C;AAAA,IACF,CAAA;AAEA,IAAA,MAAA,CAAO,gBAAA,CAAiB,eAAe,aAAa,CAAA;AAGpD,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,MAAA,CACG,gBAAA,CAAiB,YAAA,EAAc,KAAK,CAAA,CACpC,KAAA,CAAM,CAAC,GAAA,KAAQ,OAAA,CAAQ,KAAA,CAAM,sBAAA,EAAwB,GAAG,CAAC,CAAA;AAAA,IAC9D;AAGA,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,eAAe,aAAa,CAAA;AACvD,MAAA,MAAA,CAAO,OAAA,EAAQ;AAAA,IACjB,CAAA;AAAA,EAGF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACEC,GAAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAAA,IAAC,KAAA,EAAA,EACC,QAAA,kBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,SAAA,EAAW,SAAA,EAAU,cAAA,EAAe,GAChD,CAAA,EACF,CAAA;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"kerebron.js","sourcesContent":["/**\n * Editor kit assembly for {@link RichEditor}, for both plain and collaborative\n * (Yjs) mode.\n *\n * Both modes start from {@link AdvancedEditorKit} and drop the extensions that\n * are unsafe for our usage — see {@link unsafeExtensions} — then collaborative\n * mode adds the Yjs pieces on top.\n *\n * The Yjs pieces live in `collabKit.ts` behind a dynamic `import()`, so\n * `@kerebron/extension-yjs`, `yjs` and `y-protocols` remain truly optional\n * peers — plain-mode consumers never load them.\n */\nimport type { EditorKit } from '@kerebron/editor';\nimport { AdvancedEditorKit } from '@kerebron/editor-kits/AdvancedEditorKit';\n\nexport interface CollabConfig {\n  /** Room id — one shared document per room (e.g. a post id). */\n  room: string;\n  /**\n   * WebSocket base URL for the Yjs relay. Defaults to\n   * `<ws|wss>://<location.host>/yjs`. The room id is appended by the provider.\n   */\n  wsUrl?: string;\n  /** Extra query params for the socket (e.g. `{ token }` for auth). */\n  params?: Record<string, string>;\n  /**\n   * Custom WebSocket implementation handed to the Yjs provider — e.g. a\n   * loopback socket for demos/tests, or a polyfill outside the browser.\n   * Defaults to `globalThis.WebSocket`.\n   */\n  WebSocketPolyfill?: typeof globalThis.WebSocket;\n}\n\n/**\n * Extensions dropped from {@link AdvancedEditorKit}, and why.\n *\n * `autocomplete` and `hover` debounce their DOM handlers (200ms) and then call\n * `dispatchMeta`, which reads `this.editor.state` with no guard that the editor\n * is still alive. Any teardown or document swap inside that debounce window\n * lands the deferred call on a dead view and throws\n * `null.matchesNode()` inside ProseMirror's `EditorView.updateStateInner`,\n * leaving the view permanently broken. Two ways to hit it:\n *   - remount (e.g. a `key` change) while the pointer is over the editor, which\n *     fires the debounced `onMouseLeave` after the view is destroyed;\n *   - a Yjs remote update replacing the document tree under a pending callback.\n * The first applies to *every* editor, so both extensions come out in both\n * modes. No functional cost — autocomplete popups and node-hover tooltips are\n * compositor conveniences, not required for editing.\n *\n * `history` is collab-only: ExtensionYjs supplies its own CRDT-aware undo/redo\n * and the editor throws `Extension conflict: yjs vs history` if both are\n * present. Plain mode keeps it, so undo/redo still works there.\n */\nconst unsafeExtensions = ['autocomplete', 'hover'] as const;\n\n/** {@link AdvancedEditorKit} minus {@link unsafeExtensions} (and, for collab\n * mode, minus `history`). */\nclass SafeAdvancedEditorKit implements EditorKit {\n  name = 'advanced-editor';\n  constructor(private readonly forCollab: boolean) {}\n\n  getExtensions() {\n    const dropped: string[] = [...unsafeExtensions];\n    if (this.forCollab) dropped.push('history');\n\n    return new AdvancedEditorKit()\n      .getExtensions()\n      .filter(\n        (extension) =>\n          !('name' in extension && dropped.includes(extension.name))\n      );\n  }\n}\n\n/** MarkYChange + ExtensionYjs live in `collabKit.ts` (lazy-loaded). */\n\n/**\n * Build the editor kits for a session. Pass `config` to join a collaborative\n * room; omit it for a plain local editor.\n *\n * Async because collaborative mode lazy-loads the Yjs kit (and its optional\n * peer deps) on first use; plain mode resolves immediately.\n */\nexport async function createEditorKits(\n  config?: CollabConfig\n): Promise<EditorKit[]> {\n  if (!config) return [new SafeAdvancedEditorKit(false)];\n\n  const { HuddleYjsKit, defaultWsUrl } = await import('./collabKit');\n  const url = config.wsUrl ?? defaultWsUrl();\n  return [\n    new SafeAdvancedEditorKit(true),\n    new HuddleYjsKit(url, config.params ?? {}, config.WebSocketPolyfill),\n  ];\n}\n","import React, { useEffect, useRef, useState } from 'react';\n\nimport { CoreEditor } from '@kerebron/editor';\nimport { createAssetLoad } from '@kerebron/wasm/web';\n\nimport { createEditorKits, type CollabConfig } from './editorKits';\n\nexport type { CollabConfig } from './editorKits';\n\nexport interface RichEditorProps {\n  /** Initial markdown content to load into the editor. */\n  value?: string;\n  /** Called with the editor's markdown content whenever it changes. */\n  onChange?: (value: string) => void;\n  /** Whether to render the live markdown output preview. Defaults to `false`. */\n  showPreview?: boolean;\n  /**\n   * Enable live collaborative editing (Yjs) for the given room. When set, the\n   * editor connects to the `/yjs` websocket relay and every peer in the same\n   * `room` co-edits one shared document. Uncontrolled like `value` — remount via\n   * `key` to switch rooms.\n   */\n  collab?: CollabConfig;\n}\n\nconst RichEditor: React.FC<RichEditorProps> = ({\n  value = '',\n  onChange,\n  showPreview = false,\n  collab,\n}) => {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const editorInstance = useRef<CoreEditor | null>(null);\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const [md, setMd] = useState<string>('');\n\n  useEffect(() => {\n    if (!editorRef.current) return;\n    const element = editorRef.current;\n\n    // Set on cleanup so async continuations (kit loading and the\n    // `loadDocumentText` chain) don't touch the editor after `destroy()`.\n    let disposed = false;\n    let editor: CoreEditor | null = null;\n\n    // Listen to transactions and update markdown preview\n    const onTransaction = async () => {\n      if (!editorInstance.current) return;\n\n      try {\n        const buffer =\n          await editorInstance.current.saveDocument('text/x-markdown');\n        const markdown = new globalThis.TextDecoder().decode(buffer);\n        setMd(markdown);\n        onChangeRef.current?.(markdown);\n      } catch (err) {\n        console.error('Failed to save markdown:', err);\n      }\n    };\n\n    // Initialize the editor. Both modes drop the teardown-unsafe extensions;\n    // collaborative mode additionally swaps `history` for the Yjs CRDT sync\n    // and lazy-loads the Yjs kit (see `editorKits.ts` for why).\n    const setup = async () => {\n      const editorKits = await createEditorKits(collab);\n      if (disposed) return;\n\n      editor = CoreEditor.create({\n        element,\n        uri: 'file:///untitled.md',\n        assetLoad: createAssetLoad('/kerebron-wasm'),\n        editorKits,\n      });\n\n      editorInstance.current = editor;\n      editor.addEventListener('transaction', onTransaction);\n\n      // Seed initial content, then populate the preview once on mount.\n      //\n      // In collaborative mode we still load the local markdown first, then join\n      // the room: the Yjs binding seeds an *empty* shared document from this\n      // content on the first join, and overwrites the editor with the shared\n      // content when the room already has edits — so the stored markdown is the\n      // starting point without ever double-inserting.\n      const joinRoom = () => {\n        if (collab && editor && !disposed) {\n          (\n            editor.run as Record<string, (...args: unknown[]) => boolean>\n          ).changeRoom?.(collab.room);\n        }\n      };\n\n      if (value) {\n        await editor.loadDocumentText('text/x-markdown', value);\n        await onTransaction();\n        joinRoom();\n      } else {\n        void onTransaction();\n        joinRoom();\n      }\n    };\n\n    setup().catch((err) => console.error('Failed to set up editor:', err));\n\n    // Cleanup on unmount\n    return () => {\n      disposed = true;\n      editorInstance.current = null; // makes onTransaction's guard effective\n      editor?.removeEventListener('transaction', onTransaction);\n      editor?.destroy();\n    };\n    // Initial `value`/`collab` are intentionally only applied on mount\n    // (uncontrolled). Remount via `key` to switch rooms.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div>\n      <div>\n        <div ref={editorRef} className=\"kb-component\" />\n      </div>\n\n      {showPreview && (\n        <div>\n          <div>\n            <h5>Markdown Output</h5>\n            <pre>{md}</pre>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nRichEditor.displayName = 'RichEditor';\n\nexport { RichEditor };\n","import React, { useEffect, useRef } from 'react';\n\nimport { CoreEditor } from '@kerebron/editor';\nimport { CodeEditorKit } from '@kerebron/editor-kits/CodeEditorKit';\nimport { createAssetLoad } from '@kerebron/wasm/web';\n\nexport interface CodeEditorProps {\n  /** Initial source code to load into the editor. */\n  value?: string;\n  /** Called with the editor's contents whenever they change. */\n  onChange?: (value: string) => void;\n  /** Language/grammar to use for syntax highlighting. Defaults to `typescript`. */\n  lang?: string;\n}\n\nconst CodeEditor: React.FC<CodeEditorProps> = ({\n  value = '',\n  onChange,\n  lang = 'typescript',\n}) => {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const editorInstance = useRef<CoreEditor | null>(null);\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  useEffect(() => {\n    const root = editorRef.current;\n    if (!root) return;\n\n    const applySelectLabel = () => {\n      root.querySelectorAll('select.codejar-select').forEach((element) => {\n        if (!element.getAttribute('aria-label')) {\n          element.setAttribute('aria-label', 'Code editor language');\n        }\n      });\n    };\n\n    applySelectLabel();\n    const observer = new MutationObserver(() => applySelectLabel());\n    observer.observe(root, { childList: true, subtree: true });\n    return () => observer.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (!editorRef.current) return;\n\n    // Initialize the editor\n    const editor = CoreEditor.create({\n      element: editorRef.current,\n      uri: 'file:///untitled.ts',\n      assetLoad: createAssetLoad('/kerebron-wasm'),\n      editorKits: [new CodeEditorKit(lang)],\n    });\n\n    editorInstance.current = editor;\n\n    // Surface edits to callers.\n    const onTransaction = async () => {\n      if (!editorInstance.current) return;\n\n      try {\n        const buffer = await editorInstance.current.saveDocument('text/plain');\n        onChangeRef.current?.(new globalThis.TextDecoder().decode(buffer));\n      } catch (err) {\n        console.error('Failed to read code:', err);\n      }\n    };\n\n    editor.addEventListener('transaction', onTransaction);\n\n    // Seed initial content on mount.\n    if (value) {\n      editor\n        .loadDocumentText('text/plain', value)\n        .catch((err) => console.error('Failed to load code:', err));\n    }\n\n    // Cleanup on unmount\n    return () => {\n      editor.removeEventListener('transaction', onTransaction);\n      editor.destroy();\n    };\n    // Initial `value`/`lang` are intentionally only applied on mount.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div>\n      <div>\n        <div ref={editorRef} className=\"kb-component\" />\n      </div>\n    </div>\n  );\n};\n\nCodeEditor.displayName = 'CodeEditor';\n\nexport { CodeEditor };\n"]}
+{"version":3,"sources":["../src/components/RichEditor/editorKits.ts","../src/components/RichEditor/RichEditor.tsx","../src/components/RichEditor/CodeEditor.tsx"],"names":["RichEditor","useRef","useEffect","CoreEditor","createAssetLoad","jsx"],"mappings":"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","file":"kerebron.js","sourcesContent":["/**\n * Editor kit assembly for {@link RichEditor}, for both plain and collaborative\n * (Yjs) mode.\n *\n * Both modes start from {@link AdvancedEditorKit} and drop the extensions that\n * are unsafe for our usage — see {@link unsafeExtensions} — then collaborative\n * mode adds the Yjs pieces on top.\n *\n * The Yjs pieces live in `collabKit.ts` behind a dynamic `import()`, so\n * `@kerebron/extension-yjs`, `yjs` and `y-protocols` remain truly optional\n * peers — plain-mode consumers never load them.\n */\nimport type { EditorKit } from '@kerebron/editor';\nimport { AdvancedEditorKit } from '@kerebron/editor-kits/AdvancedEditorKit';\n\nexport interface CollabConfig {\n  /** Room id — one shared document per room (e.g. a post id). */\n  room: string;\n  /**\n   * WebSocket base URL for the Yjs relay. Defaults to\n   * `<ws|wss>://<location.host>/yjs`. The room id is appended by the provider.\n   */\n  wsUrl?: string;\n  /** Extra query params for the socket (e.g. `{ token }` for auth). */\n  params?: Record<string, string>;\n  /**\n   * Who this editor is, published on awareness (`kerebron:user`) so peers see\n   * a named, coloured cursor. Without it remote cursors do not render — the\n   * position plugin skips awareness states that carry no user — and the\n   * `id` is what the cursor colour is derived from (kerebron's `User` shape).\n   */\n  user?: { id: string; name: string; color?: string };\n  /**\n   * Custom WebSocket implementation handed to the Yjs provider — e.g. a\n   * loopback socket for demos/tests, or a polyfill outside the browser.\n   * Defaults to `globalThis.WebSocket`.\n   */\n  WebSocketPolyfill?: typeof globalThis.WebSocket;\n}\n\n/**\n * Extensions dropped from {@link AdvancedEditorKit}, and why.\n *\n * `autocomplete` and `hover` debounce their DOM handlers (200ms) and then call\n * `dispatchMeta`, which reads `this.editor.state` with no guard that the editor\n * is still alive. Any teardown or document swap inside that debounce window\n * lands the deferred call on a dead view and throws\n * `null.matchesNode()` inside ProseMirror's `EditorView.updateStateInner`,\n * leaving the view permanently broken. Two ways to hit it:\n *   - remount (e.g. a `key` change) while the pointer is over the editor, which\n *     fires the debounced `onMouseLeave` after the view is destroyed;\n *   - a Yjs remote update replacing the document tree under a pending callback.\n * The first applies to *every* editor, so both extensions come out in both\n * modes. No functional cost — autocomplete popups and node-hover tooltips are\n * compositor conveniences, not required for editing.\n *\n * `history` is collab-only: ExtensionYjs supplies its own CRDT-aware undo/redo\n * and the editor throws `Extension conflict: yjs vs history` if both are\n * present. Plain mode keeps it, so undo/redo still works there.\n */\nconst unsafeExtensions = ['autocomplete', 'hover'] as const;\n\n/** {@link AdvancedEditorKit} minus {@link unsafeExtensions} (and, for collab\n * mode, minus `history`). */\nclass SafeAdvancedEditorKit implements EditorKit {\n  name = 'advanced-editor';\n  constructor(private readonly forCollab: boolean) {}\n\n  getExtensions() {\n    const dropped: string[] = [...unsafeExtensions];\n    if (this.forCollab) dropped.push('history');\n\n    return new AdvancedEditorKit()\n      .getExtensions()\n      .filter(\n        (extension) =>\n          !('name' in extension && dropped.includes(extension.name))\n      );\n  }\n}\n\n/** MarkYChange + ExtensionYjs live in `collabKit.ts` (lazy-loaded). */\n\n/**\n * Build the editor kits for a session. Pass `config` to join a collaborative\n * room; omit it for a plain local editor.\n *\n * Async because collaborative mode lazy-loads the Yjs kit (and its optional\n * peer deps) on first use; plain mode resolves immediately.\n */\nexport async function createEditorKits(\n  config?: CollabConfig\n): Promise<EditorKit[]> {\n  if (!config) return [new SafeAdvancedEditorKit(false)];\n\n  const { HuddleYjsKit, defaultWsUrl } = await import('./collabKit');\n  const url = config.wsUrl ?? defaultWsUrl();\n  return [\n    new SafeAdvancedEditorKit(true),\n    new HuddleYjsKit(\n      url,\n      config.params ?? {},\n      config.WebSocketPolyfill,\n      config.user\n    ),\n  ];\n}\n","'use client';\n\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport { CoreEditor, type AssetLoad } from '@kerebron/editor';\nimport { createAssetLoad } from '@kerebron/wasm/web';\n\nimport { useIsDarkMode } from '../../hooks/useIsDarkMode';\nimport { createEditorKits, type CollabConfig } from './editorKits';\n\nexport type { CollabConfig } from './editorKits';\n\nconst MARKDOWN_TYPE = 'text/x-markdown';\n\n/**\n * The markdown converter's tree-sitter WASM init is not concurrency-safe, so\n * every editor's *first* load queues behind the previous one. Later loads (a\n * `value` change) are free — by then the grammars are warm.\n */\nlet initialLoadQueue: Promise<unknown> = Promise.resolve();\n\nfunction queueInitialLoad(load: () => Promise<void>): Promise<void> {\n  const queued = initialLoadQueue.catch(() => undefined).then(load);\n  initialLoadQueue = queued.catch(() => undefined);\n  return queued;\n}\n\nexport interface RichEditorProps {\n  /** Markdown to load. Changing it reloads the editor unless `collab` is set. */\n  value?: string;\n  /** Called with the editor's markdown content whenever it changes. */\n  onChange?: (value: string) => void;\n  /** Whether to render the live markdown output preview. Defaults to `false`. */\n  showPreview?: boolean;\n  /**\n   * Enable live collaborative editing (Yjs) for the given room. When set, the\n   * editor connects to the `/yjs` websocket relay and every peer in the same\n   * `room` co-edits one shared document. Uncontrolled like `value` — remount via\n   * `key` to switch rooms.\n   */\n  collab?: CollabConfig;\n  /** Read-only surface: no typing, and the content dims. */\n  disabled?: boolean;\n  /**\n   * Id for the editor host element — an `aria-labelledby`/`aria-describedby`\n   * anchor. The host is a `div`, not a labelable control, so a\n   * `<label htmlFor>` will not associate; name the editor with `aria-label`\n   * or `aria-labelledby` instead.\n   */\n  id?: string;\n  /** Extra classes on the editor surface, beside `kb-component`. */\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  /**\n   * Where the tree-sitter WASM grammars load from. Defaults to\n   * `createAssetLoad('/kerebron-wasm')`; supply your own when the host serves\n   * `@kerebron/wasm`'s `assets/` somewhere else.\n   */\n  assetLoad?: AssetLoad;\n}\n\nexport interface RichEditorHandle {\n  /**\n   * The editor's markdown, awaiting the initial load. `onChange` can lag the\n   * last keystroke, so read this on submit rather than trusting mirrored state.\n   */\n  getContent: () => Promise<string>;\n  /** Focus the editor, restoring the caret where the writer left it. */\n  focus: () => void;\n}\n\n/**\n * Markdown editor over Kerebron's `CoreEditor`.\n *\n * The editor mounts into a **disposable child div**: `CoreEditor.destroy()`\n * replaces its host element with a clone, which would strand React's ref (and,\n * under StrictMode's double-mount, leave the live editor detached behind a\n * dead clone).\n */\nconst RichEditor = forwardRef<RichEditorHandle, RichEditorProps>(\n  function RichEditor(\n    {\n      value = '',\n      onChange,\n      showPreview = false,\n      collab,\n      disabled = false,\n      id,\n      className,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      assetLoad,\n    },\n    ref\n  ) {\n    const isDark = useIsDarkMode();\n    const hostRef = useRef<HTMLDivElement>(null);\n    const editorInstance = useRef<CoreEditor | null>(null);\n    const onChangeRef = useRef(onChange);\n    onChangeRef.current = onChange;\n    // Mirrors what the editor last held, so an echo of our own `onChange`\n    // doesn't reload the document out from under the caret.\n    const valueRef = useRef(value);\n    const readyRef = useRef<Promise<void> | null>(null);\n    const loadingRef = useRef(false);\n    const disabledRef = useRef(disabled);\n\n    const [md, setMd] = useState<string>('');\n\n    useEffect(() => {\n      disabledRef.current = disabled;\n      editorInstance.current?.view.setProps({\n        editable: () => !disabledRef.current,\n      });\n    }, [disabled]);\n\n    useEffect(() => {\n      // In collab mode the CRDT owns the content; reloading would fight it.\n      if (collab || value === valueRef.current) return;\n      valueRef.current = value;\n      const editor = editorInstance.current;\n      if (!editor) return;\n\n      loadingRef.current = true;\n      void editor\n        .loadDocumentText(MARKDOWN_TYPE, value)\n        .catch(() => undefined)\n        .finally(() => {\n          if (editorInstance.current === editor) loadingRef.current = false;\n        });\n      // `collab` is fixed for the lifetime of the instance.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    useEffect(() => {\n      if (!hostRef.current) return;\n      const host = hostRef.current;\n\n      // Set on cleanup so async continuations (kit loading and the\n      // `loadDocumentText` chain) don't touch the editor after `destroy()`.\n      let disposed = false;\n      let editor: CoreEditor | null = null;\n\n      const mount = document.createElement('div');\n      host.appendChild(mount);\n\n      // Listen to transactions and update markdown preview\n      const onTransaction = async () => {\n        // Programmatic loads are not edits — reporting them would echo the\n        // caller's own `value` back through `onChange`.\n        if (loadingRef.current || !editorInstance.current) return;\n\n        try {\n          const buffer =\n            await editorInstance.current.saveDocument(MARKDOWN_TYPE);\n          const markdown = new globalThis.TextDecoder().decode(buffer);\n          if (disposed) return;\n          valueRef.current = markdown;\n          setMd(markdown);\n          onChangeRef.current?.(markdown);\n        } catch (err) {\n          console.error('Failed to save markdown:', err);\n        }\n      };\n\n      // Initialize the editor. Both modes drop the teardown-unsafe extensions;\n      // collaborative mode additionally swaps `history` for the Yjs CRDT sync\n      // and lazy-loads the Yjs kit (see `editorKits.ts` for why).\n      const setup = async () => {\n        const editorKits = await createEditorKits(collab);\n        if (disposed) return;\n\n        editor = CoreEditor.create({\n          element: mount,\n          uri: 'file:///untitled.md',\n          assetLoad: assetLoad ?? createAssetLoad('/kerebron-wasm'),\n          editorKits,\n          readOnly: disabledRef.current,\n        });\n\n        editorInstance.current = editor;\n        // The contenteditable surface has no implicit ARIA role, so labeling\n        // attributes are only permitted alongside an explicit textbox role.\n        const surfaceAttributes =\n          ariaLabel || ariaLabelledBy\n            ? {\n                role: 'textbox',\n                'aria-multiline': 'true',\n                ...(ariaLabel ? { 'aria-label': ariaLabel } : {}),\n                ...(ariaLabelledBy\n                  ? { 'aria-labelledby': ariaLabelledBy }\n                  : {}),\n              }\n            : null;\n        editor.view.setProps({\n          editable: () => !disabledRef.current,\n          ...(surfaceAttributes ? { attributes: surfaceAttributes } : {}),\n        });\n        editor.addEventListener('transaction', onTransaction);\n\n        // Seed initial content, then populate the preview once on mount.\n        //\n        // In collaborative mode we still load the local markdown first, then\n        // join the room: the Yjs binding seeds an *empty* shared document from\n        // this content on the first join, and overwrites the editor with the\n        // shared content when the room already has edits — so the stored\n        // markdown is the starting point without ever double-inserting.\n        const joinRoom = () => {\n          if (collab && editor && !disposed) {\n            (\n              editor.run as Record<string, (...args: unknown[]) => boolean>\n            ).changeRoom?.(collab.room);\n            reseedWhenRoomStaysEmpty();\n          }\n        };\n\n        // The Yjs binding is supposed to seed an empty room from the local\n        // content, but the sync import can land as an overwrite that blanks\n        // the just-loaded seed (observed with extension-yjs 0.8.x). Heal it:\n        // once the join settles, an empty document with a non-empty seed\n        // means nobody's content won — reload the seed, which the binding\n        // then pushes into the room. Joiners pass no value, so exactly one\n        // participant ever does this.\n        const seed = valueRef.current;\n        const reseedWhenRoomStaysEmpty = () => {\n          if (!seed) return;\n          const check = async (attempt: number) => {\n            if (disposed || !editorInstance.current) return;\n            try {\n              const buffer =\n                await editorInstance.current.saveDocument(MARKDOWN_TYPE);\n              const current = new globalThis.TextDecoder()\n                .decode(buffer)\n                .trim();\n              if (disposed || !editorInstance.current) return;\n              if (current) return; // somebody's content arrived — done\n              if (attempt >= 2) {\n                await editorInstance.current.loadDocumentText(\n                  MARKDOWN_TYPE,\n                  seed\n                );\n                return;\n              }\n              setTimeout(() => void check(attempt + 1), 300);\n            } catch {\n              // A failed probe must not break the editor; the room stays as-is.\n            }\n          };\n          setTimeout(() => void check(0), 300);\n        };\n\n        if (valueRef.current) {\n          await queueInitialLoad(() =>\n            editor!.loadDocumentText(MARKDOWN_TYPE, valueRef.current)\n          );\n          await onTransaction();\n          joinRoom();\n        } else {\n          void onTransaction();\n          joinRoom();\n        }\n      };\n\n      readyRef.current = setup().catch((err) =>\n        console.error('Failed to set up editor:', err)\n      );\n\n      // Cleanup on unmount\n      return () => {\n        disposed = true;\n        editorInstance.current = null; // makes onTransaction's guard effective\n        editor?.removeEventListener('transaction', onTransaction);\n        editor?.destroy();\n        readyRef.current = null;\n        host.replaceChildren();\n      };\n      // Initial `value`/`collab` are intentionally only applied on mount\n      // (uncontrolled). Remount via `key` to switch rooms.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        getContent: async (): Promise<string> => {\n          await readyRef.current;\n          const editor = editorInstance.current;\n          if (!editor) return valueRef.current;\n          const buffer = await editor.saveDocument(MARKDOWN_TYPE);\n          const markdown = new globalThis.TextDecoder().decode(buffer);\n          valueRef.current = markdown;\n          return markdown;\n        },\n        focus: (): void => {\n          const apply = (): void => {\n            const view = editorInstance.current?.view as\n              | { focus?: () => void }\n              | undefined;\n            if (view?.focus) {\n              view.focus();\n              return;\n            }\n            hostRef.current\n              ?.querySelector<HTMLElement>('[contenteditable=\"true\"], textarea')\n              ?.focus();\n          };\n          // Callers focus on mount; the editor may still be loading its kits.\n          if (editorInstance.current) apply();\n          else void readyRef.current?.then(apply);\n        },\n      }),\n      []\n    );\n\n    return (\n      <div>\n        <div>\n          <div\n            ref={hostRef}\n            id={id}\n            className={[\n              'kb-component',\n              isDark ? 'kb-component--dark' : '',\n              className ?? '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            aria-disabled={disabled || undefined}\n            style={{\n              isolation: 'isolate',\n              opacity: disabled ? 0.65 : undefined,\n              pointerEvents: disabled ? 'none' : undefined,\n            }}\n          />\n        </div>\n\n        {showPreview && (\n          <div>\n            <div>\n              <h5>Markdown Output</h5>\n              <pre>{md}</pre>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nRichEditor.displayName = 'RichEditor';\n\nexport { RichEditor };\n","import React, { useEffect, useRef } from 'react';\n\nimport { CoreEditor } from '@kerebron/editor';\nimport { CodeEditorKit } from '@kerebron/editor-kits/CodeEditorKit';\nimport { createAssetLoad } from '@kerebron/wasm/web';\n\nexport interface CodeEditorProps {\n  /** Initial source code to load into the editor. */\n  value?: string;\n  /** Called with the editor's contents whenever they change. */\n  onChange?: (value: string) => void;\n  /** Language/grammar to use for syntax highlighting. Defaults to `typescript`. */\n  lang?: string;\n}\n\nconst CodeEditor: React.FC<CodeEditorProps> = ({\n  value = '',\n  onChange,\n  lang = 'typescript',\n}) => {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const editorInstance = useRef<CoreEditor | null>(null);\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  useEffect(() => {\n    const root = editorRef.current;\n    if (!root) return;\n\n    const applySelectLabel = () => {\n      root.querySelectorAll('select.codejar-select').forEach((element) => {\n        if (!element.getAttribute('aria-label')) {\n          element.setAttribute('aria-label', 'Code editor language');\n        }\n      });\n    };\n\n    applySelectLabel();\n    const observer = new MutationObserver(() => applySelectLabel());\n    observer.observe(root, { childList: true, subtree: true });\n    return () => observer.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (!editorRef.current) return;\n\n    // Initialize the editor\n    const editor = CoreEditor.create({\n      element: editorRef.current,\n      uri: 'file:///untitled.ts',\n      assetLoad: createAssetLoad('/kerebron-wasm'),\n      editorKits: [new CodeEditorKit(lang)],\n    });\n\n    editorInstance.current = editor;\n\n    // Surface edits to callers.\n    const onTransaction = async () => {\n      if (!editorInstance.current) return;\n\n      try {\n        const buffer = await editorInstance.current.saveDocument('text/plain');\n        onChangeRef.current?.(new globalThis.TextDecoder().decode(buffer));\n      } catch (err) {\n        console.error('Failed to read code:', err);\n      }\n    };\n\n    editor.addEventListener('transaction', onTransaction);\n\n    // Seed initial content on mount.\n    if (value) {\n      editor\n        .loadDocumentText('text/plain', value)\n        .catch((err) => console.error('Failed to load code:', err));\n    }\n\n    // Cleanup on unmount\n    return () => {\n      editor.removeEventListener('transaction', onTransaction);\n      editor.destroy();\n    };\n    // Initial `value`/`lang` are intentionally only applied on mount.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div>\n      <div>\n        <div ref={editorRef} className=\"kb-component\" />\n      </div>\n    </div>\n  );\n};\n\nCodeEditor.displayName = 'CodeEditor';\n\nexport { CodeEditor };\n"]}