@mieweb/ui 0.7.1-dev.0 → 0.7.1-dev.2

package/dist/collabKit-QZL4P5T5.js

@@ -0,0 +1,48 @@
+import { ExtensionYjs } from '@kerebron/extension-yjs';
+import { WebsocketProvider } from '@kerebron/extension-yjs/WebsocketProvider';
+import { MarkYChange } from '@kerebron/extension-yjs/MarkYChange';
+import * as awarenessProtocol from 'y-protocols/awareness';
+import * as Y from 'yjs';
+
+// src/components/RichEditor/collabKit.ts
+function defaultWsUrl() {
+  const loc = globalThis.location;
+  const protocol = loc && loc.protocol === "https:" ? "wss:" : "ws:";
+  const host = loc ? loc.host : "localhost";
+  return `${protocol}//${host}/yjs`;
+}
+var HuddleYjsKit = class {
+  constructor(url, params, WebSocketImpl) {
+    this.url = url;
+    this.params = params;
+    this.WebSocketImpl = WebSocketImpl;
+  }
+  url;
+  params;
+  WebSocketImpl;
+  name = "yjs-editor";
+  getExtensions() {
+    const url = this.url;
+    const params = this.params;
+    const WebSocketImpl = this.WebSocketImpl ?? globalThis.WebSocket;
+    const createYjsProvider = (roomId) => {
+      const ydoc = new Y.Doc({ gc: false });
+      const provider = new WebsocketProvider(url, roomId, ydoc, {
+        connect: true,
+        awareness: new awarenessProtocol.Awareness(ydoc),
+        params,
+        protocols: [],
+        WebSocketPolyfill: WebSocketImpl,
+        resyncInterval: -1,
+        maxBackoffTime: 2500,
+        disableBc: false
+      });
+      return [provider, ydoc];
+    };
+    return [new MarkYChange(), new ExtensionYjs({ createYjsProvider })];
+  }
+};
+
+export { HuddleYjsKit, defaultWsUrl };
+//# sourceMappingURL=collabKit-QZL4P5T5.js.map
+//# sourceMappingURL=collabKit-QZL4P5T5.js.map

package/dist/collabKit-QZL4P5T5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RichEditor/collabKit.ts"],"names":[],"mappings":";;;;;;;AAsBO,SAAS,YAAA,GAAuB;AACrC,EAAA,MAAM,MAAM,UAAA,CAAW,QAAA;AACvB,EAAA,MAAM,QAAA,GAAW,GAAA,IAAO,GAAA,CAAI,QAAA,KAAa,WAAW,MAAA,GAAS,KAAA;AAC7D,EAAA,MAAM,IAAA,GAAO,GAAA,GAAM,GAAA,CAAI,IAAA,GAAO,WAAA;AAC9B,EAAA,OAAO,CAAA,EAAG,QAAQ,CAAA,EAAA,EAAK,IAAI,CAAA,IAAA,CAAA;AAC7B;AAGO,IAAM,eAAN,MAAwC;AAAA,EAE7C,WAAA,CACmB,GAAA,EACA,MAAA,EACA,aAAA,EACjB;AAHiB,IAAA,IAAA,CAAA,GAAA,GAAA,GAAA;AACA,IAAA,IAAA,CAAA,MAAA,GAAA,MAAA;AACA,IAAA,IAAA,CAAA,aAAA,GAAA,aAAA;AAAA,EAChB;AAAA,EAHgB,GAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EAJnB,IAAA,GAAO,YAAA;AAAA,EAOP,aAAA,GAAgB;AACd,IAAA,MAAM,MAAM,IAAA,CAAK,GAAA;AACjB,IAAA,MAAM,SAAS,IAAA,CAAK,MAAA;AACpB,IAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,aAAA,IAAiB,UAAA,CAAW,SAAA;AACvD,IAAA,MAAM,iBAAA,GAAoB,CAAC,MAAA,KAA+C;AACxE,MAAA,MAAM,OAAO,IAAM,CAAA,CAAA,GAAA,CAAI,EAAE,EAAA,EAAI,OAAO,CAAA;AAGpC,MAAA,MAAM,QAAA,GAAW,IAAI,iBAAA,CAAkB,GAAA,EAAK,QAAQ,IAAA,EAAM;AAAA,QACxD,OAAA,EAAS,IAAA;AAAA,QACT,SAAA,EAAW,IAAsB,iBAAA,CAAA,SAAA,CAAU,IAAI,CAAA;AAAA,QAC/C,MAAA;AAAA,QACA,WAAW,EAAC;AAAA,QACZ,iBAAA,EAAmB,aAAA;AAAA,QACnB,cAAA,EAAgB,EAAA;AAAA,QAChB,cAAA,EAAgB,IAAA;AAAA,QAChB,SAAA,EAAW;AAAA,OACZ,CAAA;AACD,MAAA,OAAO,CAAC,UAAU,IAAI,CAAA;AAAA,IACxB,CAAA;AACA,IAAA,OAAO,CAAC,IAAI,WAAA,EAAY,EAAG,IAAI,YAAA,CAAa,EAAE,iBAAA,EAAmB,CAAC,CAAA;AAAA,EACpE;AACF","file":"collabKit-QZL4P5T5.js","sourcesContent":["/**\n * Collaborative (Yjs) editor kit for {@link RichEditor}.\n *\n * Kept in its own module — loaded via dynamic `import()` from `editorKits.ts`\n * only when a `collab` config is passed — so `@kerebron/extension-yjs`, `yjs`\n * and `y-protocols` stay truly optional peers: plain-mode consumers never load\n * them and don't need them installed.\n *\n * We deliberately do not use `@kerebron/editor-kits`' own `YjsEditorKit`: it\n * constructs the `WebsocketProvider` with no query params, leaving no way to\n * authenticate the socket. Here we thread caller-supplied `params` (e.g. an\n * auth token) into the provider so the backend `/yjs` route can authorize the\n * room.\n */\nimport type { EditorKit } from '@kerebron/editor';\nimport { ExtensionYjs } from '@kerebron/extension-yjs';\nimport { WebsocketProvider } from '@kerebron/extension-yjs/WebsocketProvider';\nimport { MarkYChange } from '@kerebron/extension-yjs/MarkYChange';\nimport * as awarenessProtocol from 'y-protocols/awareness';\nimport * as Y from 'yjs';\n\n/** Derive the default `/yjs` websocket URL from the current page origin. */\nexport function defaultWsUrl(): string {\n  const loc = globalThis.location;\n  const protocol = loc && loc.protocol === 'https:' ? 'wss:' : 'ws:';\n  const host = loc ? loc.host : 'localhost';\n  return `${protocol}//${host}/yjs`;\n}\n\n/** MarkYChange + ExtensionYjs, with an authenticated websocket provider. */\nexport class HuddleYjsKit implements EditorKit {\n  name = 'yjs-editor';\n  constructor(\n    private readonly url: string,\n    private readonly params: Record<string, string>,\n    private readonly WebSocketImpl?: typeof globalThis.WebSocket\n  ) {}\n\n  getExtensions() {\n    const url = this.url;\n    const params = this.params;\n    const WebSocketImpl = this.WebSocketImpl ?? globalThis.WebSocket;\n    const createYjsProvider = (roomId: string): [WebsocketProvider, Y.Doc] => {\n      const ydoc = new Y.Doc({ gc: false });\n      // The provider's opts default is a *default parameter*, not a merge, so we\n      // must pass every field when we want to set `params`.\n      const provider = new WebsocketProvider(url, roomId, ydoc, {\n        connect: true,\n        awareness: new awarenessProtocol.Awareness(ydoc),\n        params,\n        protocols: [],\n        WebSocketPolyfill: WebSocketImpl,\n        resyncInterval: -1,\n        maxBackoffTime: 2500,\n        disableBc: false,\n      });\n      return [provider, ydoc];\n    };\n    return [new MarkYChange(), new ExtensionYjs({ createYjsProvider })];\n  }\n}\n"]}

package/dist/collabKit-UF7E6V3N.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+var extensionYjs = require('@kerebron/extension-yjs');
+var WebsocketProvider = require('@kerebron/extension-yjs/WebsocketProvider');
+var MarkYChange = require('@kerebron/extension-yjs/MarkYChange');
+var awarenessProtocol = require('y-protocols/awareness');
+var Y = require('yjs');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var awarenessProtocol__namespace = /*#__PURE__*/_interopNamespace(awarenessProtocol);
+var Y__namespace = /*#__PURE__*/_interopNamespace(Y);
+
+// src/components/RichEditor/collabKit.ts
+function defaultWsUrl() {
+  const loc = globalThis.location;
+  const protocol = loc && loc.protocol === "https:" ? "wss:" : "ws:";
+  const host = loc ? loc.host : "localhost";
+  return `${protocol}//${host}/yjs`;
+}
+var HuddleYjsKit = class {
+  constructor(url, params, WebSocketImpl) {
+    this.url = url;
+    this.params = params;
+    this.WebSocketImpl = WebSocketImpl;
+  }
+  url;
+  params;
+  WebSocketImpl;
+  name = "yjs-editor";
+  getExtensions() {
+    const url = this.url;
+    const params = this.params;
+    const WebSocketImpl = this.WebSocketImpl ?? globalThis.WebSocket;
+    const createYjsProvider = (roomId) => {
+      const ydoc = new Y__namespace.Doc({ gc: false });
+      const provider = new WebsocketProvider.WebsocketProvider(url, roomId, ydoc, {
+        connect: true,
+        awareness: new awarenessProtocol__namespace.Awareness(ydoc),
+        params,
+        protocols: [],
+        WebSocketPolyfill: WebSocketImpl,
+        resyncInterval: -1,
+        maxBackoffTime: 2500,
+        disableBc: false
+      });
+      return [provider, ydoc];
+    };
+    return [new MarkYChange.MarkYChange(), new extensionYjs.ExtensionYjs({ createYjsProvider })];
+  }
+};
+
+exports.HuddleYjsKit = HuddleYjsKit;
+exports.defaultWsUrl = defaultWsUrl;
+//# sourceMappingURL=collabKit-UF7E6V3N.cjs.map
+//# sourceMappingURL=collabKit-UF7E6V3N.cjs.map

package/dist/collabKit-UF7E6V3N.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RichEditor/collabKit.ts"],"names":["Y","WebsocketProvider","awarenessProtocol","MarkYChange","ExtensionYjs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,SAAS,YAAA,GAAuB;AACrC,EAAA,MAAM,MAAM,UAAA,CAAW,QAAA;AACvB,EAAA,MAAM,QAAA,GAAW,GAAA,IAAO,GAAA,CAAI,QAAA,KAAa,WAAW,MAAA,GAAS,KAAA;AAC7D,EAAA,MAAM,IAAA,GAAO,GAAA,GAAM,GAAA,CAAI,IAAA,GAAO,WAAA;AAC9B,EAAA,OAAO,CAAA,EAAG,QAAQ,CAAA,EAAA,EAAK,IAAI,CAAA,IAAA,CAAA;AAC7B;AAGO,IAAM,eAAN,MAAwC;AAAA,EAE7C,WAAA,CACmB,GAAA,EACA,MAAA,EACA,aAAA,EACjB;AAHiB,IAAA,IAAA,CAAA,GAAA,GAAA,GAAA;AACA,IAAA,IAAA,CAAA,MAAA,GAAA,MAAA;AACA,IAAA,IAAA,CAAA,aAAA,GAAA,aAAA;AAAA,EAChB;AAAA,EAHgB,GAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EAJnB,IAAA,GAAO,YAAA;AAAA,EAOP,aAAA,GAAgB;AACd,IAAA,MAAM,MAAM,IAAA,CAAK,GAAA;AACjB,IAAA,MAAM,SAAS,IAAA,CAAK,MAAA;AACpB,IAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,aAAA,IAAiB,UAAA,CAAW,SAAA;AACvD,IAAA,MAAM,iBAAA,GAAoB,CAAC,MAAA,KAA+C;AACxE,MAAA,MAAM,OAAO,IAAMA,YAAA,CAAA,GAAA,CAAI,EAAE,EAAA,EAAI,OAAO,CAAA;AAGpC,MAAA,MAAM,QAAA,GAAW,IAAIC,mCAAA,CAAkB,GAAA,EAAK,QAAQ,IAAA,EAAM;AAAA,QACxD,OAAA,EAAS,IAAA;AAAA,QACT,SAAA,EAAW,IAAsBC,4BAAA,CAAA,SAAA,CAAU,IAAI,CAAA;AAAA,QAC/C,MAAA;AAAA,QACA,WAAW,EAAC;AAAA,QACZ,iBAAA,EAAmB,aAAA;AAAA,QACnB,cAAA,EAAgB,EAAA;AAAA,QAChB,cAAA,EAAgB,IAAA;AAAA,QAChB,SAAA,EAAW;AAAA,OACZ,CAAA;AACD,MAAA,OAAO,CAAC,UAAU,IAAI,CAAA;AAAA,IACxB,CAAA;AACA,IAAA,OAAO,CAAC,IAAIC,uBAAA,EAAY,EAAG,IAAIC,yBAAA,CAAa,EAAE,iBAAA,EAAmB,CAAC,CAAA;AAAA,EACpE;AACF","file":"collabKit-UF7E6V3N.cjs","sourcesContent":["/**\n * Collaborative (Yjs) editor kit for {@link RichEditor}.\n *\n * Kept in its own module — loaded via dynamic `import()` from `editorKits.ts`\n * only when a `collab` config is passed — so `@kerebron/extension-yjs`, `yjs`\n * and `y-protocols` stay truly optional peers: plain-mode consumers never load\n * them and don't need them installed.\n *\n * We deliberately do not use `@kerebron/editor-kits`' own `YjsEditorKit`: it\n * constructs the `WebsocketProvider` with no query params, leaving no way to\n * authenticate the socket. Here we thread caller-supplied `params` (e.g. an\n * auth token) into the provider so the backend `/yjs` route can authorize the\n * room.\n */\nimport type { EditorKit } from '@kerebron/editor';\nimport { ExtensionYjs } from '@kerebron/extension-yjs';\nimport { WebsocketProvider } from '@kerebron/extension-yjs/WebsocketProvider';\nimport { MarkYChange } from '@kerebron/extension-yjs/MarkYChange';\nimport * as awarenessProtocol from 'y-protocols/awareness';\nimport * as Y from 'yjs';\n\n/** Derive the default `/yjs` websocket URL from the current page origin. */\nexport function defaultWsUrl(): string {\n  const loc = globalThis.location;\n  const protocol = loc && loc.protocol === 'https:' ? 'wss:' : 'ws:';\n  const host = loc ? loc.host : 'localhost';\n  return `${protocol}//${host}/yjs`;\n}\n\n/** MarkYChange + ExtensionYjs, with an authenticated websocket provider. */\nexport class HuddleYjsKit implements EditorKit {\n  name = 'yjs-editor';\n  constructor(\n    private readonly url: string,\n    private readonly params: Record<string, string>,\n    private readonly WebSocketImpl?: typeof globalThis.WebSocket\n  ) {}\n\n  getExtensions() {\n    const url = this.url;\n    const params = this.params;\n    const WebSocketImpl = this.WebSocketImpl ?? globalThis.WebSocket;\n    const createYjsProvider = (roomId: string): [WebsocketProvider, Y.Doc] => {\n      const ydoc = new Y.Doc({ gc: false });\n      // The provider's opts default is a *default parameter*, not a merge, so we\n      // must pass every field when we want to set `params`.\n      const provider = new WebsocketProvider(url, roomId, ydoc, {\n        connect: true,\n        awareness: new awarenessProtocol.Awareness(ydoc),\n        params,\n        protocols: [],\n        WebSocketPolyfill: WebSocketImpl,\n        resyncInterval: -1,\n        maxBackoffTime: 2500,\n        disableBc: false,\n      });\n      return [provider, ydoc];\n    };\n    return [new MarkYChange(), new ExtensionYjs({ createYjsProvider })];\n  }\n}\n"]}

package/dist/kerebron.cjs

@@ -2,16 +2,41 @@
 
 var react = require('react');
 var editor = require('@kerebron/editor');
-var AdvancedEditorKit = require('@kerebron/editor-kits/AdvancedEditorKit');
 var web = require('@kerebron/wasm/web');
+var AdvancedEditorKit = require('@kerebron/editor-kits/AdvancedEditorKit');
 var jsxRuntime = require('react/jsx-runtime');
 var CodeEditorKit = require('@kerebron/editor-kits/CodeEditorKit');
 
 // src/components/RichEditor/RichEditor.tsx
+var unsafeExtensions = ["autocomplete", "hover"];
+var SafeAdvancedEditorKit = class {
+  constructor(forCollab) {
+    this.forCollab = forCollab;
+  }
+  forCollab;
+  name = "advanced-editor";
+  getExtensions() {
+    const dropped = [...unsafeExtensions];
+    if (this.forCollab) dropped.push("history");
+    return new AdvancedEditorKit.AdvancedEditorKit().getExtensions().filter(
+      (extension) => !("name" in extension && dropped.includes(extension.name))
+    );
+  }
+};
+async function createEditorKits(config) {
+  if (!config) return [new SafeAdvancedEditorKit(false)];
+  const { HuddleYjsKit, defaultWsUrl } = await import('./collabKit-UF7E6V3N.cjs');
+  const url = config.wsUrl ?? defaultWsUrl();
+  return [
+    new SafeAdvancedEditorKit(true),
+    new HuddleYjsKit(url, config.params ?? {}, config.WebSocketPolyfill)
+  ];
+}
 var RichEditor = ({
   value = "",
   onChange,
-  showPreview = false
+  showPreview = false,
+  collab
 }) => {
   const editorRef = react.useRef(null);
   const editorInstance = react.useRef(null);
@@ -20,13 +45,9 @@ var RichEditor = ({
   const [md, setMd] = react.useState("");
   react.useEffect(() => {
     if (!editorRef.current) return;
-    const editor$1 = editor.CoreEditor.create({
-      element: editorRef.current,
-      uri: "file:///untitled.md",
-      assetLoad: web.createAssetLoad("/kerebron-wasm"),
-      editorKits: [new AdvancedEditorKit.AdvancedEditorKit()]
-    });
-    editorInstance.current = editor$1;
+    const element = editorRef.current;
+    let disposed = false;
+    let editor$1 = null;
     const onTransaction = async () => {
       if (!editorInstance.current) return;
       try {
@@ -38,15 +59,37 @@ var RichEditor = ({
         console.error("Failed to save markdown:", err);
       }
     };
-    editor$1.addEventListener("transaction", onTransaction);
-    if (value) {
-      editor$1.loadDocumentText("text/x-markdown", value).then(() => onTransaction()).catch((err) => console.error("Failed to load markdown:", err));
-    } else {
-      void onTransaction();
-    }
+    const setup = async () => {
+      const editorKits = await createEditorKits(collab);
+      if (disposed) return;
+      editor$1 = editor.CoreEditor.create({
+        element,
+        uri: "file:///untitled.md",
+        assetLoad: web.createAssetLoad("/kerebron-wasm"),
+        editorKits
+      });
+      editorInstance.current = editor$1;
+      editor$1.addEventListener("transaction", onTransaction);
+      const joinRoom = () => {
+        if (collab && editor$1 && !disposed) {
+          editor$1.run.changeRoom?.(collab.room);
+        }
+      };
+      if (value) {
+        await editor$1.loadDocumentText("text/x-markdown", value);
+        await onTransaction();
+        joinRoom();
+      } else {
+        void onTransaction();
+        joinRoom();
+      }
+    };
+    setup().catch((err) => console.error("Failed to set up editor:", err));
     return () => {
-      editor$1.removeEventListener("transaction", onTransaction);
-      editor$1.destroy();
+      disposed = true;
+      editorInstance.current = null;
+      editor$1?.removeEventListener("transaction", onTransaction);
+      editor$1?.destroy();
     };
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [

package/dist/kerebron.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RichEditor/RichEditor.tsx","../src/components/RichEditor/CodeEditor.tsx"],"names":["useRef","useState","useEffect","editor","CoreEditor","createAssetLoad","AdvancedEditorKit","jsx","jsxs","CodeEditorKit"],"mappings":"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","file":"kerebron.cjs","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport { CoreEditor } from '@kerebron/editor';\nimport { AdvancedEditorKit } from '@kerebron/editor-kits/AdvancedEditorKit';\nimport { createAssetLoad } from '@kerebron/wasm/web';\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\nconst RichEditor: React.FC<RichEditorProps> = ({\n  value = '',\n  onChange,\n  showPreview = false,\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\n    // Initialize the editor\n    const editor = CoreEditor.create({\n      element: editorRef.current,\n      uri: 'file:///untitled.md',\n      assetLoad: createAssetLoad('/kerebron-wasm'),\n      editorKits: [new AdvancedEditorKit()],\n    });\n\n    editorInstance.current = editor;\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    editor.addEventListener('transaction', onTransaction);\n\n    // Seed initial content, then populate the preview once on mount.\n    if (value) {\n      editor\n        .loadDocumentText('text/x-markdown', value)\n        .then(() => onTransaction())\n        .catch((err) => console.error('Failed to load markdown:', err));\n    } else {\n      void onTransaction();\n    }\n\n    // Cleanup on unmount\n    return () => {\n      editor.removeEventListener('transaction', onTransaction);\n      editor.destroy();\n    };\n    // Initial `value` is intentionally only applied on mount (uncontrolled).\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":["AdvancedEditorKit","useRef","useState","useEffect","editor","CoreEditor","createAssetLoad","jsx","jsxs","CodeEditorKit"],"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,IAAIA,mCAAA,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,0BAAa,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,GAAYC,aAAuB,IAAI,CAAA;AAC7C,EAAA,MAAM,cAAA,GAAiBA,aAA0B,IAAI,CAAA;AACrD,EAAA,MAAM,WAAA,GAAcA,aAAO,QAAQ,CAAA;AACnC,EAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AAEtB,EAAA,MAAM,CAAC,EAAA,EAAI,KAAK,CAAA,GAAIC,eAAiB,EAAE,CAAA;AAEvC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,UAAU,OAAA,EAAS;AACxB,IAAA,MAAM,UAAU,SAAA,CAAU,OAAA;AAI1B,IAAA,IAAI,QAAA,GAAW,KAAA;AACf,IAAA,IAAIC,QAAA,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,MAAAA,QAAA,GAASC,kBAAW,MAAA,CAAO;AAAA,QACzB,OAAA;AAAA,QACA,GAAA,EAAK,qBAAA;AAAA,QACL,SAAA,EAAWC,oBAAgB,gBAAgB,CAAA;AAAA,QAC3C;AAAA,OACD,CAAA;AAED,MAAA,cAAA,CAAe,OAAA,GAAUF,QAAA;AACzB,MAAAA,QAAA,CAAO,gBAAA,CAAiB,eAAe,aAAa,CAAA;AASpD,MAAA,MAAM,WAAW,MAAM;AACrB,QAAA,IAAI,MAAA,IAAUA,QAAA,IAAU,CAAC,QAAA,EAAU;AACjC,UACEA,QAAA,CAAO,GAAA,CACP,UAAA,GAAa,MAAA,CAAO,IAAI,CAAA;AAAA,QAC5B;AAAA,MACF,CAAA;AAEA,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,MAAMA,QAAA,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,MAAAA,QAAA,EAAQ,mBAAA,CAAoB,eAAe,aAAa,CAAA;AACxD,MAAAA,QAAA,EAAQ,OAAA,EAAQ;AAAA,IAClB,CAAA;AAAA,EAIF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uCACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAG,cAAA,CAAC,SACC,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,KAAK,SAAA,EAAW,SAAA,EAAU,gBAAe,CAAA,EAChD,CAAA;AAAA,IAEC,WAAA,oBACCA,cAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAD,cAAA,CAAC,QAAG,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,sBACnBA,cAAA,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,GAAYN,aAAuB,IAAI,CAAA;AAC7C,EAAA,MAAM,cAAA,GAAiBA,aAA0B,IAAI,CAAA;AACrD,EAAA,MAAM,WAAA,GAAcA,aAAO,QAAQ,CAAA;AACnC,EAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AAEtB,EAAAE,gBAAU,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,gBAAU,MAAM;AACd,IAAA,IAAI,CAAC,UAAU,OAAA,EAAS;AAGxB,IAAA,MAAMC,QAAA,GAASC,kBAAW,MAAA,CAAO;AAAA,MAC/B,SAAS,SAAA,CAAU,OAAA;AAAA,MACnB,GAAA,EAAK,qBAAA;AAAA,MACL,SAAA,EAAWC,oBAAgB,gBAAgB,CAAA;AAAA,MAC3C,UAAA,EAAY,CAAC,IAAIG,2BAAA,CAAc,IAAI,CAAC;AAAA,KACrC,CAAA;AAED,IAAA,cAAA,CAAe,OAAA,GAAUL,QAAA;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,IAAAA,QAAA,CAAO,gBAAA,CAAiB,eAAe,aAAa,CAAA;AAGpD,IAAA,IAAI,KAAA,EAAO;AACT,MAAAA,QAAA,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,MAAAA,QAAA,CAAO,mBAAA,CAAoB,eAAe,aAAa,CAAA;AACvD,MAAAA,QAAA,CAAO,OAAA,EAAQ;AAAA,IACjB,CAAA;AAAA,EAGF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACEG,cAAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAAA,eAAC,KAAA,EAAA,EACC,QAAA,kBAAAA,cAAAA,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.cjs","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"]}

package/dist/kerebron.d.cts

@@ -1,5 +1,36 @@
 import React__default from 'react';
 
+/**
+ * Editor kit assembly for {@link RichEditor}, for both plain and collaborative
+ * (Yjs) mode.
+ *
+ * Both modes start from {@link AdvancedEditorKit} and drop the extensions that
+ * are unsafe for our usage — see {@link unsafeExtensions} — then collaborative
+ * mode adds the Yjs pieces on top.
+ *
+ * The Yjs pieces live in `collabKit.ts` behind a dynamic `import()`, so
+ * `@kerebron/extension-yjs`, `yjs` and `y-protocols` remain truly optional
+ * peers — plain-mode consumers never load them.
+ */
+
+interface CollabConfig {
+    /** Room id — one shared document per room (e.g. a post id). */
+    room: string;
+    /**
+     * WebSocket base URL for the Yjs relay. Defaults to
+     * `<ws|wss>://<location.host>/yjs`. The room id is appended by the provider.
+     */
+    wsUrl?: string;
+    /** Extra query params for the socket (e.g. `{ token }` for auth). */
+    params?: Record<string, string>;
+    /**
+     * Custom WebSocket implementation handed to the Yjs provider — e.g. a
+     * loopback socket for demos/tests, or a polyfill outside the browser.
+     * Defaults to `globalThis.WebSocket`.
+     */
+    WebSocketPolyfill?: typeof globalThis.WebSocket;
+}
+
 interface RichEditorProps {
     /** Initial markdown content to load into the editor. */
     value?: string;
@@ -7,6 +38,13 @@ interface RichEditorProps {
     onChange?: (value: string) => void;
     /** Whether to render the live markdown output preview. Defaults to `false`. */
     showPreview?: boolean;
+    /**
+     * Enable live collaborative editing (Yjs) for the given room. When set, the
+     * editor connects to the `/yjs` websocket relay and every peer in the same
+     * `room` co-edits one shared document. Uncontrolled like `value` — remount via
+     * `key` to switch rooms.
+     */
+    collab?: CollabConfig;
 }
 declare const RichEditor: React__default.FC<RichEditorProps>;
 
@@ -20,4 +58,4 @@ interface CodeEditorProps {
 }
 declare const CodeEditor: React__default.FC<CodeEditorProps>;
 
-export { CodeEditor, type CodeEditorProps, RichEditor, type RichEditorProps };
+export { CodeEditor, type CodeEditorProps, type CollabConfig, RichEditor, type RichEditorProps };

package/dist/kerebron.d.ts

@@ -1,5 +1,36 @@
 import React__default from 'react';
 
+/**
+ * Editor kit assembly for {@link RichEditor}, for both plain and collaborative
+ * (Yjs) mode.
+ *
+ * Both modes start from {@link AdvancedEditorKit} and drop the extensions that
+ * are unsafe for our usage — see {@link unsafeExtensions} — then collaborative
+ * mode adds the Yjs pieces on top.
+ *
+ * The Yjs pieces live in `collabKit.ts` behind a dynamic `import()`, so
+ * `@kerebron/extension-yjs`, `yjs` and `y-protocols` remain truly optional
+ * peers — plain-mode consumers never load them.
+ */
+
+interface CollabConfig {
+    /** Room id — one shared document per room (e.g. a post id). */
+    room: string;
+    /**
+     * WebSocket base URL for the Yjs relay. Defaults to
+     * `<ws|wss>://<location.host>/yjs`. The room id is appended by the provider.
+     */
+    wsUrl?: string;
+    /** Extra query params for the socket (e.g. `{ token }` for auth). */
+    params?: Record<string, string>;
+    /**
+     * Custom WebSocket implementation handed to the Yjs provider — e.g. a
+     * loopback socket for demos/tests, or a polyfill outside the browser.
+     * Defaults to `globalThis.WebSocket`.
+     */
+    WebSocketPolyfill?: typeof globalThis.WebSocket;
+}
+
 interface RichEditorProps {
     /** Initial markdown content to load into the editor. */
     value?: string;
@@ -7,6 +38,13 @@ interface RichEditorProps {
     onChange?: (value: string) => void;
     /** Whether to render the live markdown output preview. Defaults to `false`. */
     showPreview?: boolean;
+    /**
+     * Enable live collaborative editing (Yjs) for the given room. When set, the
+     * editor connects to the `/yjs` websocket relay and every peer in the same
+     * `room` co-edits one shared document. Uncontrolled like `value` — remount via
+     * `key` to switch rooms.
+     */
+    collab?: CollabConfig;
 }
 declare const RichEditor: React__default.FC<RichEditorProps>;
 
@@ -20,4 +58,4 @@ interface CodeEditorProps {
 }
 declare const CodeEditor: React__default.FC<CodeEditorProps>;
 
-export { CodeEditor, type CodeEditorProps, RichEditor, type RichEditorProps };
+export { CodeEditor, type CodeEditorProps, type CollabConfig, RichEditor, type RichEditorProps };

package/dist/kerebron.js

@@ -1,15 +1,40 @@
 import { useRef, useState, useEffect } from 'react';
 import { CoreEditor } from '@kerebron/editor';
-import { AdvancedEditorKit } from '@kerebron/editor-kits/AdvancedEditorKit';
 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) {
+    this.forCollab = forCollab;
+  }
+  forCollab;
+  name = "advanced-editor";
+  getExtensions() {
+    const dropped = [...unsafeExtensions];
+    if (this.forCollab) dropped.push("history");
+    return new AdvancedEditorKit().getExtensions().filter(
+      (extension) => !("name" in extension && dropped.includes(extension.name))
+    );
+  }
+};
+async function createEditorKits(config) {
+  if (!config) return [new SafeAdvancedEditorKit(false)];
+  const { HuddleYjsKit, defaultWsUrl } = await import('./collabKit-QZL4P5T5.js');
+  const url = config.wsUrl ?? defaultWsUrl();
+  return [
+    new SafeAdvancedEditorKit(true),
+    new HuddleYjsKit(url, config.params ?? {}, config.WebSocketPolyfill)
+  ];
+}
 var RichEditor = ({
   value = "",
   onChange,
-  showPreview = false
+  showPreview = false,
+  collab
 }) => {
   const editorRef = useRef(null);
   const editorInstance = useRef(null);
@@ -18,13 +43,9 @@ var RichEditor = ({
   const [md, setMd] = useState("");
   useEffect(() => {
     if (!editorRef.current) return;
-    const editor = CoreEditor.create({
-      element: editorRef.current,
-      uri: "file:///untitled.md",
-      assetLoad: createAssetLoad("/kerebron-wasm"),
-      editorKits: [new AdvancedEditorKit()]
-    });
-    editorInstance.current = editor;
+    const element = editorRef.current;
+    let disposed = false;
+    let editor = null;
     const onTransaction = async () => {
       if (!editorInstance.current) return;
       try {
@@ -36,15 +57,37 @@ var RichEditor = ({
         console.error("Failed to save markdown:", err);
       }
     };
-    editor.addEventListener("transaction", onTransaction);
-    if (value) {
-      editor.loadDocumentText("text/x-markdown", value).then(() => onTransaction()).catch((err) => console.error("Failed to load markdown:", err));
-    } else {
-      void onTransaction();
-    }
+    const setup = async () => {
+      const editorKits = await createEditorKits(collab);
+      if (disposed) return;
+      editor = CoreEditor.create({
+        element,
+        uri: "file:///untitled.md",
+        assetLoad: createAssetLoad("/kerebron-wasm"),
+        editorKits
+      });
+      editorInstance.current = editor;
+      editor.addEventListener("transaction", onTransaction);
+      const joinRoom = () => {
+        if (collab && editor && !disposed) {
+          editor.run.changeRoom?.(collab.room);
+        }
+      };
+      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 () => {
-      editor.removeEventListener("transaction", onTransaction);
-      editor.destroy();
+      disposed = true;
+      editorInstance.current = null;
+      editor?.removeEventListener("transaction", onTransaction);
+      editor?.destroy();
     };
   }, []);
   return /* @__PURE__ */ jsxs("div", { children: [

package/dist/kerebron.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RichEditor/RichEditor.tsx","../src/components/RichEditor/CodeEditor.tsx"],"names":["useRef","useEffect","CoreEditor","createAssetLoad","jsx"],"mappings":";;;;;;;;AAeA,IAAM,aAAwC,CAAC;AAAA,EAC7C,KAAA,GAAQ,EAAA;AAAA,EACR,QAAA;AAAA,EACA,WAAA,GAAc;AAChB,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;AAGxB,IAAA,MAAM,MAAA,GAAS,WAAW,MAAA,CAAO;AAAA,MAC/B,SAAS,SAAA,CAAU,OAAA;AAAA,MACnB,GAAA,EAAK,qBAAA;AAAA,MACL,SAAA,EAAW,gBAAgB,gBAAgB,CAAA;AAAA,MAC3C,UAAA,EAAY,CAAC,IAAI,iBAAA,EAAmB;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,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;AAEA,IAAA,MAAA,CAAO,gBAAA,CAAiB,eAAe,aAAa,CAAA;AAGpD,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,MAAA,CACG,iBAAiB,iBAAA,EAAmB,KAAK,CAAA,CACzC,IAAA,CAAK,MAAM,aAAA,EAAe,CAAA,CAC1B,KAAA,CAAM,CAAC,GAAA,KAAQ,OAAA,CAAQ,KAAA,CAAM,0BAAA,EAA4B,GAAG,CAAC,CAAA;AAAA,IAClE,CAAA,MAAO;AACL,MAAA,KAAK,aAAA,EAAc;AAAA,IACrB;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,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;AC/EzB,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":["import React, { useEffect, useRef, useState } from 'react';\n\nimport { CoreEditor } from '@kerebron/editor';\nimport { AdvancedEditorKit } from '@kerebron/editor-kits/AdvancedEditorKit';\nimport { createAssetLoad } from '@kerebron/wasm/web';\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\nconst RichEditor: React.FC<RichEditorProps> = ({\n  value = '',\n  onChange,\n  showPreview = false,\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\n    // Initialize the editor\n    const editor = CoreEditor.create({\n      element: editorRef.current,\n      uri: 'file:///untitled.md',\n      assetLoad: createAssetLoad('/kerebron-wasm'),\n      editorKits: [new AdvancedEditorKit()],\n    });\n\n    editorInstance.current = editor;\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    editor.addEventListener('transaction', onTransaction);\n\n    // Seed initial content, then populate the preview once on mount.\n    if (value) {\n      editor\n        .loadDocumentText('text/x-markdown', value)\n        .then(() => onTransaction())\n        .catch((err) => console.error('Failed to load markdown:', err));\n    } else {\n      void onTransaction();\n    }\n\n    // Cleanup on unmount\n    return () => {\n      editor.removeEventListener('transaction', onTransaction);\n      editor.destroy();\n    };\n    // Initial `value` is intentionally only applied on mount (uncontrolled).\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":["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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mieweb/ui",
-  "version": "0.7.1-dev.0",
+  "version": "0.7.1-dev.2",
   "description": "A themeable, accessible React component library built with Tailwind CSS",
   "author": "Medical Informatics Engineering, Inc.",
   "license": "SEE LICENSE IN LICENSE",
@@ -232,10 +232,13 @@
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
-    "@kerebron/editor": ">=0.7.9",
-    "@kerebron/editor-kits": ">=0.7.9",
-    "@kerebron/wasm": ">=0.7.9",
+    "@kerebron/editor": ">=0.8.6",
+    "@kerebron/editor-kits": ">=0.8.6",
+    "@kerebron/extension-yjs": ">=0.8.6",
+    "@kerebron/wasm": ">=0.8.6",
     "@mieweb/datavis": "=1.6.0",
+    "y-protocols": ">=1.0.6",
+    "yjs": ">=13.6.0",
     "ag-grid-community": ">=32.0.0",
     "ag-grid-react": ">=32.0.0",
     "datavis-ace": "=4.1.0",
@@ -260,9 +263,18 @@
     "@kerebron/editor-kits": {
       "optional": true
     },
+    "@kerebron/extension-yjs": {
+      "optional": true
+    },
     "@kerebron/wasm": {
       "optional": true
     },
+    "y-protocols": {
+      "optional": true
+    },
+    "yjs": {
+      "optional": true
+    },
     "@mieweb/datavis": {
       "optional": true
     },
@@ -341,9 +353,10 @@
     "@esheet/fields": "0.0.3",
     "@esheet/renderer": "0.0.3",
     "@eslint/js": "^9.39.3",
-    "@kerebron/editor": "0.7.9",
-    "@kerebron/editor-kits": "0.7.9",
-    "@kerebron/wasm": "0.7.9",
+    "@kerebron/editor": "^0.8.6",
+    "@kerebron/editor-kits": "^0.8.6",
+    "@kerebron/extension-yjs": "^0.8.6",
+    "@kerebron/wasm": "^0.8.6",
     "@mieweb/datavis": "=1.6.0",
     "@monaco-editor/react": "^4.7.0",
     "@playwright/test": "^1.58.2",
@@ -414,7 +427,9 @@
     "vite": "^7.3.2",
     "vitest": "^3.2.6",
     "wavesurfer.js": "^7.12.1",
+    "y-protocols": "^1.0.6",
     "ychart": "file:./packages/ychart",
+    "yjs": "^13.6.30",
     "zod": "^4.4.3",
     "zustand": "^5.0.14"
   },