@opentiny/fluent-editor 4.0.0-alpha.11 → 4.0.0-alpha.13

package/es/modules/collaborative-editing/awareness/awareness.es.js

@@ -1,4 +1,3 @@
-import * as Y from "yjs";
 function setupAwareness(options, defaultAwareness) {
   if (!defaultAwareness) return null;
   const awareness = defaultAwareness;
@@ -7,7 +6,7 @@ function setupAwareness(options, defaultAwareness) {
   }
   return awareness;
 }
-function bindAwarenessToCursors(awareness, cursorsModule, quill, yText) {
+function bindAwarenessToCursors(awareness, cursorsModule, quill, yText, Yjs) {
   if (!cursorsModule || !awareness) return;
   const doc = yText.doc;
   const updateCursor = (clientId, state) => {
@@ -17,8 +16,8 @@ function bindAwarenessToCursors(awareness, cursorsModule, quill, yText) {
         const color = user.color || "#ff6b6b";
         const name = user.name || `User ${clientId}`;
         cursorsModule.createCursor(clientId.toString(), name, color);
-        const anchor = Y.createAbsolutePositionFromRelativePosition(Y.createRelativePositionFromJSON(state.cursor.anchor), doc);
-        const head = Y.createAbsolutePositionFromRelativePosition(Y.createRelativePositionFromJSON(state.cursor.head), doc);
+        const anchor = Yjs.createAbsolutePositionFromRelativePosition(Yjs.createRelativePositionFromJSON(state.cursor.anchor), doc);
+        const head = Yjs.createAbsolutePositionFromRelativePosition(Yjs.createRelativePositionFromJSON(state.cursor.head), doc);
         if (anchor && head && anchor.type === yText && clientId) {
           setTimeout(() => {
             cursorsModule.moveCursor(clientId.toString(), {
@@ -38,10 +37,10 @@ function bindAwarenessToCursors(awareness, cursorsModule, quill, yText) {
     setTimeout(() => {
       var _a;
       if (range) {
-        const anchor = Y.createRelativePositionFromTypeIndex(yText, range.index);
-        const head = Y.createRelativePositionFromTypeIndex(yText, range.index + range.length);
+        const anchor = Yjs.createRelativePositionFromTypeIndex(yText, range.index);
+        const head = Yjs.createRelativePositionFromTypeIndex(yText, range.index + range.length);
         const currentState = awareness.getLocalState();
-        if (!(currentState == null ? void 0 : currentState.cursor) || !Y.compareRelativePositions(anchor, currentState.cursor.anchor) || !Y.compareRelativePositions(head, currentState.cursor.head)) {
+        if (!(currentState == null ? void 0 : currentState.cursor) || !Yjs.compareRelativePositions(anchor, currentState.cursor.anchor) || !Yjs.compareRelativePositions(head, currentState.cursor.head)) {
           awareness.setLocalStateField("cursor", { anchor, head });
         }
       } else {

package/es/modules/collaborative-editing/awareness/awareness.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"awareness.es.js","sources":["../../../../../src/modules/collaborative-editing/awareness/awareness.ts"],"sourcesContent":["import type QuillCursors from 'quill-cursors'\nimport type { Awareness } from 'y-protocols/awareness'\nimport type FluentEditor from '../../../core/fluent-editor'\nimport * as Y from 'yjs'\n\nexport interface AwarenessState {\n  name?: string\n  color?: string\n}\n\nexport interface AwarenessEvents {\n  change?: (changes: { added: number[], updated: number[], removed: number[] }, transactionOrigin: any) => void\n  update?: ({ added, updated, removed }: { added: number[], updated: number[], removed: number[] }, origin: any) => void\n  destroy?: () => void\n}\n\nexport interface AwarenessOptions {\n  state?: AwarenessState\n  events?: AwarenessEvents\n  timeout?: number | undefined\n}\n\nexport function setupAwareness(options?: AwarenessOptions, defaultAwareness?: Awareness): Awareness | null {\n  if (!defaultAwareness) return null\n\n  const awareness = defaultAwareness\n\n  if (options?.state) {\n    awareness.setLocalStateField('user', options.state)\n  }\n\n  return awareness\n}\n\nexport function bindAwarenessToCursors(\n  awareness: Awareness,\n  cursorsModule: QuillCursors,\n  quill: FluentEditor,\n  yText: Y.Text,\n): (() => void) | void {\n  if (!cursorsModule || !awareness) return\n\n  const doc = yText.doc!\n\n  const updateCursor = (clientId: number, state: any) => {\n    try {\n      if (state?.cursor && clientId !== awareness.clientID) {\n        const user = state.user || {}\n        const color = user.color || '#ff6b6b'\n        const name = user.name || `User ${clientId}`\n\n        cursorsModule.createCursor(clientId.toString(), name, color)\n\n        const anchor = Y.createAbsolutePositionFromRelativePosition(Y.createRelativePositionFromJSON(state.cursor.anchor), doc)\n        const head = Y.createAbsolutePositionFromRelativePosition(Y.createRelativePositionFromJSON(state.cursor.head), doc)\n\n        if (anchor && head && anchor.type === yText && clientId) {\n          setTimeout(() => {\n            cursorsModule.moveCursor(clientId.toString(), {\n              index: anchor.index,\n              length: head.index - anchor.index,\n            })\n          }, 0)\n        }\n      }\n      else {\n        cursorsModule.removeCursor(clientId.toString())\n      }\n    }\n    catch (err) {\n      console.error('Cursor update failed:', err)\n    }\n  }\n\n  const selectionChangeHandler = (range: { index: number, length: number } | null) => {\n    setTimeout(() => {\n      if (range) {\n        const anchor = Y.createRelativePositionFromTypeIndex(yText, range.index)\n        const head = Y.createRelativePositionFromTypeIndex(yText, range.index + range.length)\n\n        const currentState = awareness.getLocalState()\n        if (!currentState?.cursor\n          || !Y.compareRelativePositions(anchor, currentState.cursor.anchor)\n          || !Y.compareRelativePositions(head, currentState.cursor.head)) {\n          awareness.setLocalStateField('cursor', { anchor, head })\n        }\n      }\n      else {\n        if (awareness.getLocalState()?.cursor !== null) {\n          awareness.setLocalStateField('cursor', null)\n        }\n      }\n    }, 0)\n  }\n\n  const changeHandler = ({ added, updated, removed }: {\n    added: number[]\n    updated: number[]\n    removed: number[]\n  }) => {\n    if (quill.composition.isComposing) return\n    const states = awareness.getStates()\n\n    added.forEach((id) => {\n      updateCursor(id, states.get(id))\n    })\n\n    updated.forEach((id) => {\n      updateCursor(id, states.get(id))\n    })\n\n    removed.forEach((id) => {\n      cursorsModule.removeCursor(id.toString())\n    })\n  }\n\n  awareness.on('change', changeHandler)\n  quill.on('editor-change', (eventName, ...args) => {\n    if (quill.composition.isComposing) return\n    if (eventName === 'text-change') {\n      if (args[2] === 'user') {\n        const range = quill.getSelection()\n        selectionChangeHandler(range)\n      }\n    }\n    else if (eventName === 'selection-change') {\n      if (args[2] === 'user') {\n        selectionChangeHandler(args[0] as { index: number, length: number } | null)\n      }\n    }\n  })\n\n  awareness.getStates().forEach((state, clientId) => {\n    updateCursor(clientId, state)\n  })\n\n  return () => {\n    awareness.off('change', changeHandler)\n    quill.off('editor-change', selectionChangeHandler)\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"awareness.es.js","sources":["../../../../../src/modules/collaborative-editing/awareness/awareness.ts"],"sourcesContent":["import type QuillCursors from 'quill-cursors'\nimport type { Awareness } from 'y-protocols/awareness'\nimport type * as Y from 'yjs'\nimport type FluentEditor from '../../../core/fluent-editor'\n\nexport interface AwarenessState {\n  name?: string\n  color?: string\n}\n\nexport interface AwarenessEvents {\n  change?: (changes: { added: number[], updated: number[], removed: number[] }, transactionOrigin: any) => void\n  update?: ({ added, updated, removed }: { added: number[], updated: number[], removed: number[] }, origin: any) => void\n  destroy?: () => void\n}\n\nexport interface AwarenessOptions {\n  state?: AwarenessState\n  events?: AwarenessEvents\n  timeout?: number | undefined\n}\n\nexport function setupAwareness(options?: AwarenessOptions, defaultAwareness?: Awareness): Awareness | null {\n  if (!defaultAwareness) return null\n\n  const awareness = defaultAwareness\n\n  if (options?.state) {\n    awareness.setLocalStateField('user', options.state)\n  }\n\n  return awareness\n}\n\nexport function bindAwarenessToCursors(\n  awareness: Awareness,\n  cursorsModule: QuillCursors,\n  quill: FluentEditor,\n  yText: Y.Text,\n  Yjs: typeof Y,\n): (() => void) | void {\n  if (!cursorsModule || !awareness) return\n\n  const doc = yText.doc!\n\n  const updateCursor = (clientId: number, state: any) => {\n    try {\n      if (state?.cursor && clientId !== awareness.clientID) {\n        const user = state.user || {}\n        const color = user.color || '#ff6b6b'\n        const name = user.name || `User ${clientId}`\n\n        cursorsModule.createCursor(clientId.toString(), name, color)\n\n        const anchor = Yjs.createAbsolutePositionFromRelativePosition(Yjs.createRelativePositionFromJSON(state.cursor.anchor), doc)\n        const head = Yjs.createAbsolutePositionFromRelativePosition(Yjs.createRelativePositionFromJSON(state.cursor.head), doc)\n\n        if (anchor && head && anchor.type === yText && clientId) {\n          setTimeout(() => {\n            cursorsModule.moveCursor(clientId.toString(), {\n              index: anchor.index,\n              length: head.index - anchor.index,\n            })\n          }, 0)\n        }\n      }\n      else {\n        cursorsModule.removeCursor(clientId.toString())\n      }\n    }\n    catch (err) {\n      console.error('Cursor update failed:', err)\n    }\n  }\n\n  const selectionChangeHandler = (range: { index: number, length: number } | null) => {\n    setTimeout(() => {\n      if (range) {\n        const anchor = Yjs.createRelativePositionFromTypeIndex(yText, range.index)\n        const head = Yjs.createRelativePositionFromTypeIndex(yText, range.index + range.length)\n\n        const currentState = awareness.getLocalState()\n        if (!currentState?.cursor\n          || !Yjs.compareRelativePositions(anchor, currentState.cursor.anchor)\n          || !Yjs.compareRelativePositions(head, currentState.cursor.head)) {\n          awareness.setLocalStateField('cursor', { anchor, head })\n        }\n      }\n      else {\n        if (awareness.getLocalState()?.cursor !== null) {\n          awareness.setLocalStateField('cursor', null)\n        }\n      }\n    }, 0)\n  }\n\n  const changeHandler = ({ added, updated, removed }: {\n    added: number[]\n    updated: number[]\n    removed: number[]\n  }) => {\n    if (quill.composition.isComposing) return\n    const states = awareness.getStates()\n\n    added.forEach((id) => {\n      updateCursor(id, states.get(id))\n    })\n\n    updated.forEach((id) => {\n      updateCursor(id, states.get(id))\n    })\n\n    removed.forEach((id) => {\n      cursorsModule.removeCursor(id.toString())\n    })\n  }\n\n  awareness.on('change', changeHandler)\n  quill.on('editor-change', (eventName, ...args) => {\n    if (quill.composition.isComposing) return\n    if (eventName === 'text-change') {\n      if (args[2] === 'user') {\n        const range = quill.getSelection()\n        selectionChangeHandler(range)\n      }\n    }\n    else if (eventName === 'selection-change') {\n      if (args[2] === 'user') {\n        selectionChangeHandler(args[0] as { index: number, length: number } | null)\n      }\n    }\n  })\n\n  awareness.getStates().forEach((state, clientId) => {\n    updateCursor(clientId, state)\n  })\n\n  return () => {\n    awareness.off('change', changeHandler)\n    quill.off('editor-change', selectionChangeHandler)\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/modules/collaborative-editing/awareness/y-indexeddb.es.js

@@ -1,7 +1,11 @@
-import { IndexeddbPersistence } from "y-indexeddb";
-function setupIndexedDB(doc) {
+function setupIndexedDB(doc, IndexeddbPersistenceClass) {
+  if (!IndexeddbPersistenceClass) {
+    console.warn("[yjs] IndexeddbPersistence not provided, offline support disabled");
+    return () => {
+    };
+  }
   const fullDbName = `tiny-editor-${doc.guid}`;
-  new IndexeddbPersistence(fullDbName, doc);
+  new IndexeddbPersistenceClass(fullDbName, doc);
   return () => {
     indexedDB.deleteDatabase(fullDbName);
   };

package/es/modules/collaborative-editing/awareness/y-indexeddb.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"y-indexeddb.es.js","sources":["../../../../../src/modules/collaborative-editing/awareness/y-indexeddb.ts"],"sourcesContent":["import type { Doc } from 'yjs'\nimport { IndexeddbPersistence } from 'y-indexeddb'\n\nexport function setupIndexedDB(doc: Doc): () => void {\n  const fullDbName = `tiny-editor-${doc.guid}`\n\n  new IndexeddbPersistence(fullDbName, doc)\n\n  return (): void => {\n    indexedDB.deleteDatabase(fullDbName)\n  }\n}\n"],"names":[],"mappings":";AAGO,SAAS,eAAe,KAAsB;AACnD,QAAM,aAAa,eAAe,IAAI,IAAI;AAE1C,MAAI,qBAAqB,YAAY,GAAG;AAExC,SAAO,MAAY;AACjB,cAAU,eAAe,UAAU;AAAA,EACrC;AACF;"}
+{"version":3,"file":"y-indexeddb.es.js","sources":["../../../../../src/modules/collaborative-editing/awareness/y-indexeddb.ts"],"sourcesContent":["import type { IndexeddbPersistence } from 'y-indexeddb'\nimport type * as Y from 'yjs'\n\nexport function setupIndexedDB(doc: Y.Doc, IndexeddbPersistenceClass?: typeof IndexeddbPersistence): () => void {\n  if (!IndexeddbPersistenceClass) {\n    console.warn('[yjs] IndexeddbPersistence not provided, offline support disabled')\n    return () => {}\n  }\n\n  const fullDbName = `tiny-editor-${doc.guid}`\n\n  new IndexeddbPersistenceClass(fullDbName, doc)\n\n  return (): void => {\n    indexedDB.deleteDatabase(fullDbName)\n  }\n}\n"],"names":[],"mappings":"AAGO,SAAS,eAAe,KAAY,2BAAqE;AAC9G,MAAI,CAAC,2BAA2B;AAC9B,YAAQ,KAAK,mEAAmE;AAChF,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB;AAEA,QAAM,aAAa,eAAe,IAAI,IAAI;AAE1C,MAAI,0BAA0B,YAAY,GAAG;AAE7C,SAAO,MAAY;AACjB,cAAU,eAAe,UAAU;AAAA,EACrC;AACF;"}

package/es/modules/collaborative-editing/collaborative-editing.es.js

@@ -1,24 +1,28 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import QuillCursors from "quill-cursors";
-import { Awareness } from "y-protocols/awareness";
-import { QuillBinding } from "y-quill";
-import * as Y from "yjs";
 import "./awareness/index.es.js";
 import { setupIndexedDB } from "./awareness/y-indexeddb.es.js";
 import { createProvider } from "./provider/providerRegistry.es.js";
 import { setupAwareness, bindAwarenessToCursors } from "./awareness/awareness.es.js";
 class CollaborativeEditor {
   constructor(quill, options) {
-    __publicField(this, "ydoc", new Y.Doc());
+    __publicField(this, "ydoc");
     __publicField(this, "provider");
     __publicField(this, "awareness");
     __publicField(this, "cursors");
     __publicField(this, "cleanupBindings", null);
     __publicField(this, "clearIndexedDB", null);
+    __publicField(this, "deps");
     this.quill = quill;
     this.options = options;
+    this.deps = this.options.deps || window;
+    const { Y, Awareness, QuillBinding, QuillCursors } = this.deps;
+    if (!Y || !Awareness || !QuillBinding || !QuillCursors) {
+      throw new Error(
+        "Missing required dependencies for collaborative editing. Please provide Y, Awareness, QuillBinding, and QuillCursors in the deps option."
+      );
+    }
     this.ydoc = this.options.ydoc || new Y.Doc();
     if (this.options.cursors !== false) {
       const cursorsOptions = typeof this.options.cursors === "object" ? this.options.cursors : {};
@@ -44,7 +48,8 @@ class CollaborativeEditor {
           onConnect: this.options.onConnect,
           onDisconnect: this.options.onDisconnect,
           onError: this.options.onError,
-          onSyncChange: this.options.onSyncChange
+          onSyncChange: this.options.onSyncChange,
+          deps: this.deps
         });
         this.provider = provider;
       } catch (error) {
@@ -56,7 +61,7 @@ class CollaborativeEditor {
     }
     if (this.provider) {
       const ytext = this.ydoc.getText("tiny-editor");
-      this.cleanupBindings = bindAwarenessToCursors(this.awareness, this.cursors, quill, ytext) || null;
+      this.cleanupBindings = bindAwarenessToCursors(this.awareness, this.cursors, quill, ytext, Y) || null;
       new QuillBinding(
         ytext,
         this.quill,
@@ -66,7 +71,7 @@ class CollaborativeEditor {
       console.error("Failed to initialize collaborative editor: no valid provider configured");
     }
     if (this.options.offline !== false) {
-      this.clearIndexedDB = setupIndexedDB(this.ydoc);
+      this.clearIndexedDB = setupIndexedDB(this.ydoc, this.deps.IndexeddbPersistence);
     }
   }
   getAwareness() {

package/es/modules/collaborative-editing/collaborative-editing.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"collaborative-editing.es.js","sources":["../../../../src/modules/collaborative-editing/collaborative-editing.ts"],"sourcesContent":["import type FluentEditor from '../../fluent-editor'\nimport type { UnifiedProvider } from './provider/providerRegistry'\nimport type { YjsOptions } from './types'\nimport QuillCursors from 'quill-cursors'\nimport { Awareness } from 'y-protocols/awareness'\nimport { QuillBinding } from 'y-quill'\nimport * as Y from 'yjs'\nimport { bindAwarenessToCursors, setupAwareness } from './awareness'\nimport { setupIndexedDB } from './awareness/y-indexeddb'\nimport { createProvider } from './provider/providerRegistry'\n\nexport class CollaborativeEditor {\n  private ydoc: Y.Doc = new Y.Doc()\n  private provider: UnifiedProvider\n  private awareness: Awareness\n  private cursors: QuillCursors | null\n  private cleanupBindings: (() => void) | null = null\n  private clearIndexedDB: (() => void) | null = null\n\n  constructor(\n    public quill: FluentEditor,\n    public options: YjsOptions,\n  ) {\n    this.ydoc = this.options.ydoc || new Y.Doc()\n\n    if (this.options.cursors !== false) {\n      const cursorsOptions = typeof this.options.cursors === 'object' ? this.options.cursors : {}\n      this.cursors = new QuillCursors(quill, cursorsOptions)\n    }\n\n    if (this.options.awareness) {\n      const awareness = setupAwareness(this.options.awareness, new Awareness(this.ydoc))\n      if (!awareness) {\n        throw new Error('Failed to initialize awareness')\n      }\n      this.awareness = awareness\n    }\n    else {\n      this.awareness = new Awareness(this.ydoc)\n    }\n\n    if (this.options.provider) {\n      const providerConfig = this.options.provider\n      try {\n        const provider = createProvider({\n          doc: this.ydoc,\n          options: providerConfig.options,\n          type: providerConfig.type,\n          awareness: this.awareness,\n          onConnect: this.options.onConnect,\n          onDisconnect: this.options.onDisconnect,\n          onError: this.options.onError,\n          onSyncChange: this.options.onSyncChange,\n        })\n        this.provider = provider\n      }\n      catch (error) {\n        console.warn(\n          `[yjs] Error creating provider of type ${providerConfig.type}:`,\n          error,\n        )\n      }\n    }\n\n    if (this.provider) {\n      const ytext = this.ydoc.getText('tiny-editor')\n      this.cleanupBindings = bindAwarenessToCursors(this.awareness, this.cursors, quill, ytext) || null\n      new QuillBinding(\n        ytext,\n        this.quill,\n        this.awareness,\n      )\n    }\n    else {\n      console.error('Failed to initialize collaborative editor: no valid provider configured')\n    }\n\n    if (this.options.offline !== false) {\n      this.clearIndexedDB = setupIndexedDB(this.ydoc)\n    }\n  }\n\n  public getAwareness() {\n    return this.awareness\n  }\n\n  public getProvider() {\n    return this.provider\n  }\n\n  public getYDoc() {\n    return this.ydoc\n  }\n\n  get isConnected() {\n    return this.provider?.isConnected ?? false\n  }\n\n  get isSynced() {\n    return this.provider?.isSynced ?? false\n  }\n\n  public getCursors() {\n    return this.cursors\n  }\n\n  public async destroy() {\n    this.cleanupBindings?.()\n    this.provider?.destroy?.()\n    this.cursors?.clearCursors()\n    this.awareness?.destroy?.()\n    this.clearIndexedDB?.()\n    this.ydoc?.destroy?.()\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAWO,MAAM,oBAAoB;AAAA,EAQ/B,YACS,OACA,SACP;AAVM,gCAAc,IAAI,EAAE,IAAA;AACpB;AACA;AACA;AACA,2CAAuC;AACvC,0CAAsC;AAGrC,SAAA,QAAA;AACA,SAAA,UAAA;AAEP,SAAK,OAAO,KAAK,QAAQ,QAAQ,IAAI,EAAE,IAAA;AAEvC,QAAI,KAAK,QAAQ,YAAY,OAAO;AAClC,YAAM,iBAAiB,OAAO,KAAK,QAAQ,YAAY,WAAW,KAAK,QAAQ,UAAU,CAAA;AACzF,WAAK,UAAU,IAAI,aAAa,OAAO,cAAc;AAAA,IACvD;AAEA,QAAI,KAAK,QAAQ,WAAW;AAC1B,YAAM,YAAY,eAAe,KAAK,QAAQ,WAAW,IAAI,UAAU,KAAK,IAAI,CAAC;AACjF,UAAI,CAAC,WAAW;AACd,cAAM,IAAI,MAAM,gCAAgC;AAAA,MAClD;AACA,WAAK,YAAY;AAAA,IACnB,OACK;AACH,WAAK,YAAY,IAAI,UAAU,KAAK,IAAI;AAAA,IAC1C;AAEA,QAAI,KAAK,QAAQ,UAAU;AACzB,YAAM,iBAAiB,KAAK,QAAQ;AACpC,UAAI;AACF,cAAM,WAAW,eAAe;AAAA,UAC9B,KAAK,KAAK;AAAA,UACV,SAAS,eAAe;AAAA,UACxB,MAAM,eAAe;AAAA,UACrB,WAAW,KAAK;AAAA,UAChB,WAAW,KAAK,QAAQ;AAAA,UACxB,cAAc,KAAK,QAAQ;AAAA,UAC3B,SAAS,KAAK,QAAQ;AAAA,UACtB,cAAc,KAAK,QAAQ;AAAA,QAAA,CAC5B;AACD,aAAK,WAAW;AAAA,MAClB,SACO,OAAO;AACZ,gBAAQ;AAAA,UACN,yCAAyC,eAAe,IAAI;AAAA,UAC5D;AAAA,QAAA;AAAA,MAEJ;AAAA,IACF;AAEA,QAAI,KAAK,UAAU;AACjB,YAAM,QAAQ,KAAK,KAAK,QAAQ,aAAa;AAC7C,WAAK,kBAAkB,uBAAuB,KAAK,WAAW,KAAK,SAAS,OAAO,KAAK,KAAK;AAC7F,UAAI;AAAA,QACF;AAAA,QACA,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAAA,IAET,OACK;AACH,cAAQ,MAAM,yEAAyE;AAAA,IACzF;AAEA,QAAI,KAAK,QAAQ,YAAY,OAAO;AAClC,WAAK,iBAAiB,eAAe,KAAK,IAAI;AAAA,IAChD;AAAA,EACF;AAAA,EAEO,eAAe;AACpB,WAAO,KAAK;AAAA,EACd;AAAA,EAEO,cAAc;AACnB,WAAO,KAAK;AAAA,EACd;AAAA,EAEO,UAAU;AACf,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,cAAc;;AAChB,aAAO,UAAK,aAAL,mBAAe,gBAAe;AAAA,EACvC;AAAA,EAEA,IAAI,WAAW;;AACb,aAAO,UAAK,aAAL,mBAAe,aAAY;AAAA,EACpC;AAAA,EAEO,aAAa;AAClB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,MAAa,UAAU;;AACrB,eAAK,oBAAL;AACA,qBAAK,aAAL,mBAAe,YAAf;AACA,eAAK,YAAL,mBAAc;AACd,qBAAK,cAAL,mBAAgB,YAAhB;AACA,eAAK,mBAAL;AACA,qBAAK,SAAL,mBAAW,YAAX;AAAA,EACF;AACF;"}
+{"version":3,"file":"collaborative-editing.es.js","sources":["../../../../src/modules/collaborative-editing/collaborative-editing.ts"],"sourcesContent":["import type QuillCursors from 'quill-cursors'\nimport type { Awareness } from 'y-protocols/awareness'\nimport type * as Y from 'yjs'\nimport type FluentEditor from '../../fluent-editor'\nimport type { UnifiedProvider } from './provider/providerRegistry'\nimport type { CollaborativeEditingDeps, YjsOptions } from './types'\nimport { bindAwarenessToCursors, setupAwareness } from './awareness'\nimport { setupIndexedDB } from './awareness/y-indexeddb'\nimport { createProvider } from './provider/providerRegistry'\n\nexport class CollaborativeEditor {\n  private ydoc: Y.Doc\n  private provider: UnifiedProvider\n  private awareness: Awareness\n  private cursors: QuillCursors | null\n  private cleanupBindings: (() => void) | null = null\n  private clearIndexedDB: (() => void) | null = null\n  private deps: CollaborativeEditingDeps\n\n  constructor(\n    public quill: FluentEditor,\n    public options: YjsOptions,\n  ) {\n    this.deps = this.options.deps || (window as any)\n    const { Y, Awareness, QuillBinding, QuillCursors } = this.deps\n\n    if (!Y || !Awareness || !QuillBinding || !QuillCursors) {\n      throw new Error(\n        'Missing required dependencies for collaborative editing. '\n        + 'Please provide Y, Awareness, QuillBinding, and QuillCursors in the deps option.',\n      )\n    }\n\n    this.ydoc = this.options.ydoc || new Y.Doc()\n\n    if (this.options.cursors !== false) {\n      const cursorsOptions = typeof this.options.cursors === 'object' ? this.options.cursors : {}\n      this.cursors = new QuillCursors(quill, cursorsOptions)\n    }\n\n    if (this.options.awareness) {\n      const awareness = setupAwareness(this.options.awareness, new Awareness(this.ydoc))\n      if (!awareness) {\n        throw new Error('Failed to initialize awareness')\n      }\n      this.awareness = awareness\n    }\n    else {\n      this.awareness = new Awareness(this.ydoc)\n    }\n\n    if (this.options.provider) {\n      const providerConfig = this.options.provider\n      try {\n        const provider = createProvider({\n          doc: this.ydoc,\n          options: providerConfig.options,\n          type: providerConfig.type,\n          awareness: this.awareness,\n          onConnect: this.options.onConnect,\n          onDisconnect: this.options.onDisconnect,\n          onError: this.options.onError,\n          onSyncChange: this.options.onSyncChange,\n          deps: this.deps,\n        })\n        this.provider = provider\n      }\n      catch (error) {\n        console.warn(\n          `[yjs] Error creating provider of type ${providerConfig.type}:`,\n          error,\n        )\n      }\n    }\n\n    if (this.provider) {\n      const ytext = this.ydoc.getText('tiny-editor')\n      this.cleanupBindings = bindAwarenessToCursors(this.awareness, this.cursors, quill, ytext, Y) || null\n      new QuillBinding(\n        ytext,\n        this.quill,\n        this.awareness,\n      )\n    }\n    else {\n      console.error('Failed to initialize collaborative editor: no valid provider configured')\n    }\n\n    if (this.options.offline !== false) {\n      this.clearIndexedDB = setupIndexedDB(this.ydoc, this.deps.IndexeddbPersistence)\n    }\n  }\n\n  public getAwareness() {\n    return this.awareness\n  }\n\n  public getProvider() {\n    return this.provider\n  }\n\n  public getYDoc() {\n    return this.ydoc\n  }\n\n  get isConnected() {\n    return this.provider?.isConnected ?? false\n  }\n\n  get isSynced() {\n    return this.provider?.isSynced ?? false\n  }\n\n  public getCursors() {\n    return this.cursors\n  }\n\n  public async destroy() {\n    this.cleanupBindings?.()\n    this.provider?.destroy?.()\n    this.cursors?.clearCursors()\n    this.awareness?.destroy?.()\n    this.clearIndexedDB?.()\n    this.ydoc?.destroy?.()\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,oBAAoB;AAAA,EAS/B,YACS,OACA,SACP;AAXM;AACA;AACA;AACA;AACA,2CAAuC;AACvC,0CAAsC;AACtC;AAGC,SAAA,QAAA;AACA,SAAA,UAAA;AAEP,SAAK,OAAO,KAAK,QAAQ,QAAS;AAClC,UAAM,EAAE,GAAG,WAAW,cAAc,aAAA,IAAiB,KAAK;AAE1D,QAAI,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,cAAc;AACtD,YAAM,IAAI;AAAA,QACR;AAAA,MAAA;AAAA,IAGJ;AAEA,SAAK,OAAO,KAAK,QAAQ,QAAQ,IAAI,EAAE,IAAA;AAEvC,QAAI,KAAK,QAAQ,YAAY,OAAO;AAClC,YAAM,iBAAiB,OAAO,KAAK,QAAQ,YAAY,WAAW,KAAK,QAAQ,UAAU,CAAA;AACzF,WAAK,UAAU,IAAI,aAAa,OAAO,cAAc;AAAA,IACvD;AAEA,QAAI,KAAK,QAAQ,WAAW;AAC1B,YAAM,YAAY,eAAe,KAAK,QAAQ,WAAW,IAAI,UAAU,KAAK,IAAI,CAAC;AACjF,UAAI,CAAC,WAAW;AACd,cAAM,IAAI,MAAM,gCAAgC;AAAA,MAClD;AACA,WAAK,YAAY;AAAA,IACnB,OACK;AACH,WAAK,YAAY,IAAI,UAAU,KAAK,IAAI;AAAA,IAC1C;AAEA,QAAI,KAAK,QAAQ,UAAU;AACzB,YAAM,iBAAiB,KAAK,QAAQ;AACpC,UAAI;AACF,cAAM,WAAW,eAAe;AAAA,UAC9B,KAAK,KAAK;AAAA,UACV,SAAS,eAAe;AAAA,UACxB,MAAM,eAAe;AAAA,UACrB,WAAW,KAAK;AAAA,UAChB,WAAW,KAAK,QAAQ;AAAA,UACxB,cAAc,KAAK,QAAQ;AAAA,UAC3B,SAAS,KAAK,QAAQ;AAAA,UACtB,cAAc,KAAK,QAAQ;AAAA,UAC3B,MAAM,KAAK;AAAA,QAAA,CACZ;AACD,aAAK,WAAW;AAAA,MAClB,SACO,OAAO;AACZ,gBAAQ;AAAA,UACN,yCAAyC,eAAe,IAAI;AAAA,UAC5D;AAAA,QAAA;AAAA,MAEJ;AAAA,IACF;AAEA,QAAI,KAAK,UAAU;AACjB,YAAM,QAAQ,KAAK,KAAK,QAAQ,aAAa;AAC7C,WAAK,kBAAkB,uBAAuB,KAAK,WAAW,KAAK,SAAS,OAAO,OAAO,CAAC,KAAK;AAChG,UAAI;AAAA,QACF;AAAA,QACA,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAAA,IAET,OACK;AACH,cAAQ,MAAM,yEAAyE;AAAA,IACzF;AAEA,QAAI,KAAK,QAAQ,YAAY,OAAO;AAClC,WAAK,iBAAiB,eAAe,KAAK,MAAM,KAAK,KAAK,oBAAoB;AAAA,IAChF;AAAA,EACF;AAAA,EAEO,eAAe;AACpB,WAAO,KAAK;AAAA,EACd;AAAA,EAEO,cAAc;AACnB,WAAO,KAAK;AAAA,EACd;AAAA,EAEO,UAAU;AACf,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,cAAc;;AAChB,aAAO,UAAK,aAAL,mBAAe,gBAAe;AAAA,EACvC;AAAA,EAEA,IAAI,WAAW;;AACb,aAAO,UAAK,aAAL,mBAAe,aAAY;AAAA,EACpC;AAAA,EAEO,aAAa;AAClB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,MAAa,UAAU;;AACrB,eAAK,oBAAL;AACA,qBAAK,aAAL,mBAAe,YAAf;AACA,eAAK,YAAL,mBAAc;AACd,qBAAK,cAAL,mBAAgB,YAAhB;AACA,eAAK,mBAAL;AACA,qBAAK,SAAL,mBAAW,YAAX;AAAA,EACF;AACF;"}

package/es/modules/collaborative-editing/provider/providerRegistry.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"providerRegistry.es.js","sources":["../../../../../src/modules/collaborative-editing/provider/providerRegistry.ts"],"sourcesContent":["import type { Awareness } from 'y-protocols/awareness'\nimport type * as Y from 'yjs'\nimport type { ProviderEventHandlers } from '../types'\nimport { WebRTCProviderWrapper } from './webrtc'\nimport { WebsocketProviderWrapper } from './websocket'\n\nexport type ProviderRegistry = Record<string, ProviderConstructor>\n\nexport type ProviderConstructor<T = any> = new (\n  props: ProviderConstructorProps<T>\n) => UnifiedProvider\n\nexport type ProviderConstructorProps<T = any> = {\n  options: T\n  awareness?: Awareness\n  doc?: Y.Doc\n} & ProviderEventHandlers\n\nexport interface UnifiedProvider extends ProviderEventHandlers {\n  awareness: Awareness\n  document: Y.Doc\n  type: 'webrtc' | 'websocket' | string\n  connect: () => void\n  destroy: () => void\n  disconnect: () => void\n  isConnected: boolean\n  isSynced: boolean\n}\n\nconst providerRegistry: ProviderRegistry = {\n  websocket: WebsocketProviderWrapper,\n  webrtc: WebRTCProviderWrapper,\n}\n\nexport function registerProviderType<T>(type: string, providerClass: ProviderConstructor<T>) {\n  providerRegistry[type as string]\n    = providerClass as ProviderConstructor\n}\n\nexport function getProviderClass(type: string): ProviderConstructor | undefined {\n  return providerRegistry[type]\n}\n\nexport function createProvider({\n  type,\n  ...props\n}: ProviderConstructorProps & {\n  type: string\n}) {\n  const ProviderClass = getProviderClass(type)\n\n  if (!ProviderClass) {\n    throw new Error(`Provider type \"${type}\" not found in registry`)\n  }\n\n  return new ProviderClass(props)\n}\n"],"names":[],"mappings":";;AA6BA,MAAM,mBAAqC;AAAA,EACzC,WAAW;AAAA,EACX,QAAQ;AACV;AAEO,SAAS,qBAAwB,MAAc,eAAuC;AAC3F,mBAAiB,IAAc,IAC3B;AACN;AAEO,SAAS,iBAAiB,MAA+C;AAC9E,SAAO,iBAAiB,IAAI;AAC9B;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,GAAG;AACL,GAEG;AACD,QAAM,gBAAgB,iBAAiB,IAAI;AAE3C,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM,kBAAkB,IAAI,yBAAyB;AAAA,EACjE;AAEA,SAAO,IAAI,cAAc,KAAK;AAChC;"}
+{"version":3,"file":"providerRegistry.es.js","sources":["../../../../../src/modules/collaborative-editing/provider/providerRegistry.ts"],"sourcesContent":["import type { Awareness } from 'y-protocols/awareness'\nimport type * as Y from 'yjs'\nimport type { CollaborativeEditingDeps, ProviderEventHandlers } from '../types'\nimport { WebRTCProviderWrapper } from './webrtc'\nimport { WebsocketProviderWrapper } from './websocket'\n\nexport type ProviderRegistry = Record<string, ProviderConstructor>\n\nexport type ProviderConstructor<T = any> = new (\n  props: ProviderConstructorProps<T>\n) => UnifiedProvider\n\nexport type ProviderConstructorProps<T = any> = {\n  options: T\n  awareness?: Awareness\n  doc?: Y.Doc\n  deps?: CollaborativeEditingDeps\n} & ProviderEventHandlers\n\nexport interface UnifiedProvider extends ProviderEventHandlers {\n  awareness: Awareness\n  document: Y.Doc\n  type: 'webrtc' | 'websocket' | string\n  connect: () => void\n  destroy: () => void\n  disconnect: () => void\n  isConnected: boolean\n  isSynced: boolean\n}\n\nconst providerRegistry: ProviderRegistry = {\n  websocket: WebsocketProviderWrapper,\n  webrtc: WebRTCProviderWrapper,\n}\n\nexport function registerProviderType<T>(type: string, providerClass: ProviderConstructor<T>) {\n  providerRegistry[type as string]\n    = providerClass as ProviderConstructor\n}\n\nexport function getProviderClass(type: string): ProviderConstructor | undefined {\n  return providerRegistry[type]\n}\n\nexport function createProvider({\n  type,\n  ...props\n}: ProviderConstructorProps & {\n  type: string\n}) {\n  const ProviderClass = getProviderClass(type)\n\n  if (!ProviderClass) {\n    throw new Error(`Provider type \"${type}\" not found in registry`)\n  }\n\n  return new ProviderClass(props)\n}\n"],"names":[],"mappings":";;AA8BA,MAAM,mBAAqC;AAAA,EACzC,WAAW;AAAA,EACX,QAAQ;AACV;AAEO,SAAS,qBAAwB,MAAc,eAAuC;AAC3F,mBAAiB,IAAc,IAC3B;AACN;AAEO,SAAS,iBAAiB,MAA+C;AAC9E,SAAO,iBAAiB,IAAI;AAC9B;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,GAAG;AACL,GAEG;AACD,QAAM,gBAAgB,iBAAiB,IAAI;AAE3C,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM,kBAAkB,IAAI,yBAAyB;AAAA,EACjE;AAEA,SAAO,IAAI,cAAc,KAAK;AAChC;"}

package/es/modules/collaborative-editing/provider/webrtc.es.js

@@ -1,8 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { WebrtcProvider } from "y-webrtc";
-import * as Y from "yjs";
 class WebRTCProviderWrapper {
   constructor({
     awareness,
@@ -11,7 +9,8 @@ class WebRTCProviderWrapper {
     onConnect,
     onDisconnect,
     onError,
-    onSyncChange
+    onSyncChange,
+    deps
   }) {
     __publicField(this, "provider");
     __publicField(this, "_isConnected", false);
@@ -50,10 +49,15 @@ class WebRTCProviderWrapper {
     this.onDisconnect = onDisconnect;
     this.onError = onError;
     this.onSyncChange = onSyncChange;
+    const { Y, Awareness, WebrtcProvider } = deps || window;
+    if (!WebrtcProvider) {
+      throw new Error("WebrtcProvider dependency not provided");
+    }
     this.document = doc || new Y.Doc();
+    this.awareness = awareness ?? new Awareness(this.document);
     try {
       this.provider = new WebrtcProvider(options.roomName, this.document, {
-        awareness,
+        awareness: this.awareness,
         ...options
       });
       this.provider.on("status", (status) => {

package/es/modules/collaborative-editing/provider/webrtc.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"webrtc.es.js","sources":["../../../../../src/modules/collaborative-editing/provider/webrtc.ts"],"sourcesContent":["import type { Awareness } from 'y-protocols/awareness'\nimport type { ProviderEventHandlers } from '../types'\nimport type { UnifiedProvider } from './providerRegistry'\nimport { WebrtcProvider } from 'y-webrtc'\nimport * as Y from 'yjs'\n\nexport interface WebRTCProviderOptions {\n  roomName: string\n  filterBcConns?: boolean\n  maxConns?: number\n  password?: string\n  peerOpts?: Record<string, unknown>\n  signaling?: string[]\n}\n\nexport class WebRTCProviderWrapper implements UnifiedProvider {\n  private provider: WebrtcProvider\n  private _isConnected = false\n  private _isSynced = false\n\n  onConnect?: () => void\n  onDisconnect?: () => void\n  onError?: (error: Error) => void\n  onSyncChange?: (isSynced: boolean) => void\n\n  document: Y.Doc\n  awareness: Awareness\n  type: 'webrtc'\n\n  connect = () => {\n    try {\n      this.provider.connect()\n    }\n    catch (error) {\n      console.warn('[yjs] Error connecting WebRTC provider:', error)\n    }\n  }\n\n  destroy = () => {\n    try {\n      this.provider.destroy()\n    }\n    catch (error) {\n      console.warn('[yjs] Error destroying WebRTC provider:', error)\n    }\n  }\n\n  disconnect = () => {\n    try {\n      this.provider.disconnect()\n      this._isConnected = false\n      this._isSynced = false\n    }\n    catch (error) {\n      console.warn('[yjs] Error disconnecting WebRTC provider:', error)\n    }\n  }\n\n  constructor({\n    awareness,\n    doc,\n    options,\n    onConnect,\n    onDisconnect,\n    onError,\n    onSyncChange,\n  }: {\n    options: WebRTCProviderOptions\n    awareness?: Awareness\n    doc?: Y.Doc\n  } & ProviderEventHandlers) {\n    this.onConnect = onConnect\n    this.onDisconnect = onDisconnect\n    this.onError = onError\n    this.onSyncChange = onSyncChange\n\n    this.document = doc || new Y.Doc()\n    try {\n      this.provider = new WebrtcProvider(options.roomName, this.document, {\n        awareness,\n        ...options,\n      })\n\n      this.provider.on('status', (status: { connected: boolean }) => {\n        const wasConnected = this._isConnected\n        this._isConnected = status.connected\n        if (status.connected) {\n          if (!wasConnected) {\n            this.onConnect?.()\n          }\n          if (!this._isSynced) {\n            this._isSynced = true\n            this.onSyncChange?.(true)\n          }\n        }\n        else {\n          if (wasConnected) {\n            this.onDisconnect?.()\n\n            if (this._isSynced) {\n              this._isSynced = false\n              this.onSyncChange?.(false)\n            }\n          }\n        }\n      })\n    }\n    catch (error) {\n      console.warn('[yjs] Error creating WebRTC provider:', error)\n      onError?.(error instanceof Error ? error : new Error(String(error)))\n    }\n  }\n\n  get isConnected() {\n    return this._isConnected\n  }\n\n  get isSynced() {\n    return this._isSynced\n  }\n\n  getProvider() {\n    return this.provider\n  }\n}\n"],"names":[],"mappings":";;;;;AAeO,MAAM,sBAAiD;AAAA,EA2C5D,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAKyB;AAtDnB;AACA,wCAAe;AACf,qCAAY;AAEpB;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA,mCAAU,MAAM;AACd,UAAI;AACF,aAAK,SAAS,QAAA;AAAA,MAChB,SACO,OAAO;AACZ,gBAAQ,KAAK,2CAA2C,KAAK;AAAA,MAC/D;AAAA,IACF;AAEA,mCAAU,MAAM;AACd,UAAI;AACF,aAAK,SAAS,QAAA;AAAA,MAChB,SACO,OAAO;AACZ,gBAAQ,KAAK,2CAA2C,KAAK;AAAA,MAC/D;AAAA,IACF;AAEA,sCAAa,MAAM;AACjB,UAAI;AACF,aAAK,SAAS,WAAA;AACd,aAAK,eAAe;AACpB,aAAK,YAAY;AAAA,MACnB,SACO,OAAO;AACZ,gBAAQ,KAAK,8CAA8C,KAAK;AAAA,MAClE;AAAA,IACF;AAeE,SAAK,YAAY;AACjB,SAAK,eAAe;AACpB,SAAK,UAAU;AACf,SAAK,eAAe;AAEpB,SAAK,WAAW,OAAO,IAAI,EAAE,IAAA;AAC7B,QAAI;AACF,WAAK,WAAW,IAAI,eAAe,QAAQ,UAAU,KAAK,UAAU;AAAA,QAClE;AAAA,QACA,GAAG;AAAA,MAAA,CACJ;AAED,WAAK,SAAS,GAAG,UAAU,CAAC,WAAmC;;AAC7D,cAAM,eAAe,KAAK;AAC1B,aAAK,eAAe,OAAO;AAC3B,YAAI,OAAO,WAAW;AACpB,cAAI,CAAC,cAAc;AACjB,uBAAK,cAAL;AAAA,UACF;AACA,cAAI,CAAC,KAAK,WAAW;AACnB,iBAAK,YAAY;AACjB,uBAAK,iBAAL,8BAAoB;AAAA,UACtB;AAAA,QACF,OACK;AACH,cAAI,cAAc;AAChB,uBAAK,iBAAL;AAEA,gBAAI,KAAK,WAAW;AAClB,mBAAK,YAAY;AACjB,yBAAK,iBAAL,8BAAoB;AAAA,YACtB;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,SACO,OAAO;AACZ,cAAQ,KAAK,yCAAyC,KAAK;AAC3D,yCAAU,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,KAAK,CAAC;AAAA,IACpE;AAAA,EACF;AAAA,EAEA,IAAI,cAAc;AAChB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,WAAW;AACb,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,cAAc;AACZ,WAAO,KAAK;AAAA,EACd;AACF;"}
+{"version":3,"file":"webrtc.es.js","sources":["../../../../../src/modules/collaborative-editing/provider/webrtc.ts"],"sourcesContent":["import type { Awareness } from 'y-protocols/awareness'\nimport type { WebrtcProvider } from 'y-webrtc'\nimport type * as Y from 'yjs'\nimport type { CollaborativeEditingDeps, ProviderEventHandlers } from '../types'\nimport type { UnifiedProvider } from './providerRegistry'\n\nexport interface WebRTCProviderOptions {\n  roomName: string\n  filterBcConns?: boolean\n  maxConns?: number\n  password?: string\n  peerOpts?: Record<string, unknown>\n  signaling?: string[]\n}\n\nexport class WebRTCProviderWrapper implements UnifiedProvider {\n  private provider: WebrtcProvider\n  private _isConnected = false\n  private _isSynced = false\n\n  onConnect?: () => void\n  onDisconnect?: () => void\n  onError?: (error: Error) => void\n  onSyncChange?: (isSynced: boolean) => void\n\n  document: Y.Doc\n  awareness: Awareness\n  type: 'webrtc'\n\n  connect = () => {\n    try {\n      this.provider.connect()\n    }\n    catch (error) {\n      console.warn('[yjs] Error connecting WebRTC provider:', error)\n    }\n  }\n\n  destroy = () => {\n    try {\n      this.provider.destroy()\n    }\n    catch (error) {\n      console.warn('[yjs] Error destroying WebRTC provider:', error)\n    }\n  }\n\n  disconnect = () => {\n    try {\n      this.provider.disconnect()\n      this._isConnected = false\n      this._isSynced = false\n    }\n    catch (error) {\n      console.warn('[yjs] Error disconnecting WebRTC provider:', error)\n    }\n  }\n\n  constructor({\n    awareness,\n    doc,\n    options,\n    onConnect,\n    onDisconnect,\n    onError,\n    onSyncChange,\n    deps,\n  }: {\n    options: WebRTCProviderOptions\n    awareness?: Awareness\n    doc?: Y.Doc\n    deps?: CollaborativeEditingDeps\n  } & ProviderEventHandlers) {\n    this.onConnect = onConnect\n    this.onDisconnect = onDisconnect\n    this.onError = onError\n    this.onSyncChange = onSyncChange\n\n    const { Y, Awareness, WebrtcProvider } = deps || (window as any)\n\n    if (!WebrtcProvider) {\n      throw new Error('WebrtcProvider dependency not provided')\n    }\n\n    this.document = doc || new Y.Doc()\n    this.awareness = awareness ?? new Awareness(this.document)\n    try {\n      this.provider = new WebrtcProvider(options.roomName, this.document, {\n        awareness: this.awareness,\n        ...options,\n      })\n\n      this.provider.on('status', (status: { connected: boolean }) => {\n        const wasConnected = this._isConnected\n        this._isConnected = status.connected\n        if (status.connected) {\n          if (!wasConnected) {\n            this.onConnect?.()\n          }\n          if (!this._isSynced) {\n            this._isSynced = true\n            this.onSyncChange?.(true)\n          }\n        }\n        else {\n          if (wasConnected) {\n            this.onDisconnect?.()\n\n            if (this._isSynced) {\n              this._isSynced = false\n              this.onSyncChange?.(false)\n            }\n          }\n        }\n      })\n    }\n    catch (error) {\n      console.warn('[yjs] Error creating WebRTC provider:', error)\n      onError?.(error instanceof Error ? error : new Error(String(error)))\n    }\n  }\n\n  get isConnected() {\n    return this._isConnected\n  }\n\n  get isSynced() {\n    return this._isSynced\n  }\n\n  getProvider() {\n    return this.provider\n  }\n}\n"],"names":[],"mappings":";;;AAeO,MAAM,sBAAiD;AAAA,EA2C5D,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAMyB;AAxDnB;AACA,wCAAe;AACf,qCAAY;AAEpB;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA,mCAAU,MAAM;AACd,UAAI;AACF,aAAK,SAAS,QAAA;AAAA,MAChB,SACO,OAAO;AACZ,gBAAQ,KAAK,2CAA2C,KAAK;AAAA,MAC/D;AAAA,IACF;AAEA,mCAAU,MAAM;AACd,UAAI;AACF,aAAK,SAAS,QAAA;AAAA,MAChB,SACO,OAAO;AACZ,gBAAQ,KAAK,2CAA2C,KAAK;AAAA,MAC/D;AAAA,IACF;AAEA,sCAAa,MAAM;AACjB,UAAI;AACF,aAAK,SAAS,WAAA;AACd,aAAK,eAAe;AACpB,aAAK,YAAY;AAAA,MACnB,SACO,OAAO;AACZ,gBAAQ,KAAK,8CAA8C,KAAK;AAAA,MAClE;AAAA,IACF;AAiBE,SAAK,YAAY;AACjB,SAAK,eAAe;AACpB,SAAK,UAAU;AACf,SAAK,eAAe;AAEpB,UAAM,EAAE,GAAG,WAAW,eAAA,IAAmB,QAAS;AAElD,QAAI,CAAC,gBAAgB;AACnB,YAAM,IAAI,MAAM,wCAAwC;AAAA,IAC1D;AAEA,SAAK,WAAW,OAAO,IAAI,EAAE,IAAA;AAC7B,SAAK,YAAY,aAAa,IAAI,UAAU,KAAK,QAAQ;AACzD,QAAI;AACF,WAAK,WAAW,IAAI,eAAe,QAAQ,UAAU,KAAK,UAAU;AAAA,QAClE,WAAW,KAAK;AAAA,QAChB,GAAG;AAAA,MAAA,CACJ;AAED,WAAK,SAAS,GAAG,UAAU,CAAC,WAAmC;AA7E9D;AA8EC,cAAM,eAAe,KAAK;AAC1B,aAAK,eAAe,OAAO;AAC3B,YAAI,OAAO,WAAW;AACpB,cAAI,CAAC,cAAc;AACjB,uBAAK,cAAL;AAAA,UACF;AACA,cAAI,CAAC,KAAK,WAAW;AACnB,iBAAK,YAAY;AACjB,uBAAK,iBAAL,8BAAoB;AAAA,UACtB;AAAA,QACF,OACK;AACH,cAAI,cAAc;AAChB,uBAAK,iBAAL;AAEA,gBAAI,KAAK,WAAW;AAClB,mBAAK,YAAY;AACjB,yBAAK,iBAAL,8BAAoB;AAAA,YACtB;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,SACO,OAAO;AACZ,cAAQ,KAAK,yCAAyC,KAAK;AAC3D,yCAAU,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,KAAK,CAAC;AAAA,IACpE;AAAA,EACF;AAAA,EAEA,IAAI,cAAc;AAChB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,WAAW;AACb,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,cAAc;AACZ,WAAO,KAAK;AAAA,EACd;AACF;"}

package/es/modules/collaborative-editing/provider/websocket.es.js

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { Awareness } from "y-protocols/awareness";
-import { WebsocketProvider } from "y-websocket";
-import * as Y from "yjs";
 class WebsocketProviderWrapper {
   constructor({
     awareness,
@@ -12,7 +9,8 @@ class WebsocketProviderWrapper {
     onConnect,
     onDisconnect,
     onError,
-    onSyncChange
+    onSyncChange,
+    deps
   }) {
     __publicField(this, "provider");
     __publicField(this, "_isConnected", false);
@@ -56,6 +54,10 @@ class WebsocketProviderWrapper {
     this.onDisconnect = onDisconnect;
     this.onError = onError;
     this.onSyncChange = onSyncChange;
+    const { Y, Awareness, WebsocketProvider } = deps || window;
+    if (!WebsocketProvider) {
+      throw new Error("WebsocketProvider dependency not provided");
+    }
     this.document = doc || new Y.Doc();
     this.awareness = awareness ?? new Awareness(this.document);
     try {

package/es/modules/collaborative-editing/provider/websocket.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"websocket.es.js","sources":["../../../../../src/modules/collaborative-editing/provider/websocket.ts"],"sourcesContent":["import type { ProviderEventHandlers } from '../types'\nimport type { UnifiedProvider } from './providerRegistry'\nimport { Awareness } from 'y-protocols/awareness'\nimport { WebsocketProvider } from 'y-websocket'\nimport * as Y from 'yjs'\n\nexport interface WebsocketProviderOptions {\n  serverUrl: string\n  roomName: string\n  connect?: boolean\n  awareness?: any\n  params?: Record<string, string>\n  protocols?: string[]\n  WebSocketPolyfill?: typeof WebSocket\n  resyncInterval?: number\n  maxBackoffTime?: number\n  disableBc?: boolean\n}\n\nexport class WebsocketProviderWrapper implements UnifiedProvider {\n  private provider: WebsocketProvider\n\n  private _isConnected = false\n  private _isSynced = false\n\n  onConnect?: () => void\n  onDisconnect?: () => void\n  onError?: (error: Error) => void\n  onSyncChange?: (isSynced: boolean) => void\n\n  document: Y.Doc\n  awareness: Awareness\n  type: 'websocket'\n\n  connect = () => {\n    try {\n      this.provider.connect()\n    }\n    catch (error) {\n      console.warn('[yjs] Error connecting WebSocket provider:', error)\n    }\n  }\n\n  destroy = () => {\n    try {\n      this.provider.destroy()\n    }\n    catch (error) {\n      console.warn('[yjs] Error destroying WebSocket provider:', error)\n    }\n  }\n\n  disconnect = () => {\n    try {\n      this.provider.disconnect()\n      const wasSynced = this._isSynced\n\n      this._isConnected = false\n      this._isSynced = false\n\n      if (wasSynced) {\n        this.onSyncChange?.(false)\n      }\n    }\n    catch (error) {\n      console.warn('[yjs] Error disconnecting WebSocket provider:', error)\n    }\n  }\n\n  constructor({\n    awareness,\n    doc,\n    options,\n    onConnect,\n    onDisconnect,\n    onError,\n    onSyncChange,\n  }: {\n    options: WebsocketProviderOptions\n    awareness?: Awareness\n    doc?: Y.Doc\n  } & ProviderEventHandlers) {\n    this.onConnect = onConnect\n    this.onDisconnect = onDisconnect\n    this.onError = onError\n    this.onSyncChange = onSyncChange\n\n    this.document = doc || new Y.Doc()\n    this.awareness = awareness ?? new Awareness(this.document)\n    try {\n      this.provider = new WebsocketProvider(\n        options.serverUrl,\n        options.roomName,\n        this.document,\n        {\n          awareness: this.awareness,\n          ...options,\n        },\n      )\n\n      this.provider.on('status', (event: { status: 'connected' | 'disconnected' | 'connecting' }) => {\n        const wasConnected = this._isConnected\n        this._isConnected = event.status === 'connected'\n\n        if (event.status === 'connected') {\n          if (!wasConnected) {\n            this.onConnect?.()\n          }\n          if (!this._isSynced) {\n            this._isSynced = true\n            this.onSyncChange?.(true)\n          }\n        }\n        else if (event.status === 'disconnected') {\n          if (wasConnected) {\n            this.onDisconnect?.()\n            if (this._isSynced) {\n              this._isSynced = false\n              this.onSyncChange?.(false)\n            }\n          }\n        }\n      })\n    }\n    catch (error) {\n      console.warn('[yjs] Error creating WebSocket provider:', error)\n      onError?.(error instanceof Error ? error : new Error(String(error)))\n    }\n  }\n\n  get isConnected() {\n    return this._isConnected\n  }\n\n  get isSynced() {\n    return this._isSynced\n  }\n\n  getProvider() {\n    return this.provider\n  }\n}\n"],"names":[],"mappings":";;;;;;AAmBO,MAAM,yBAAoD;AAAA,EAkD/D,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAKyB;AA7DnB;AAEA,wCAAe;AACf,qCAAY;AAEpB;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA,mCAAU,MAAM;AACd,UAAI;AACF,aAAK,SAAS,QAAA;AAAA,MAChB,SACO,OAAO;AACZ,gBAAQ,KAAK,8CAA8C,KAAK;AAAA,MAClE;AAAA,IACF;AAEA,mCAAU,MAAM;AACd,UAAI;AACF,aAAK,SAAS,QAAA;AAAA,MAChB,SACO,OAAO;AACZ,gBAAQ,KAAK,8CAA8C,KAAK;AAAA,MAClE;AAAA,IACF;AAEA,sCAAa,MAAM;;AACjB,UAAI;AACF,aAAK,SAAS,WAAA;AACd,cAAM,YAAY,KAAK;AAEvB,aAAK,eAAe;AACpB,aAAK,YAAY;AAEjB,YAAI,WAAW;AACb,qBAAK,iBAAL,8BAAoB;AAAA,QACtB;AAAA,MACF,SACO,OAAO;AACZ,gBAAQ,KAAK,iDAAiD,KAAK;AAAA,MACrE;AAAA,IACF;AAeE,SAAK,YAAY;AACjB,SAAK,eAAe;AACpB,SAAK,UAAU;AACf,SAAK,eAAe;AAEpB,SAAK,WAAW,OAAO,IAAI,EAAE,IAAA;AAC7B,SAAK,YAAY,aAAa,IAAI,UAAU,KAAK,QAAQ;AACzD,QAAI;AACF,WAAK,WAAW,IAAI;AAAA,QAClB,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,KAAK;AAAA,QACL;AAAA,UACE,WAAW,KAAK;AAAA,UAChB,GAAG;AAAA,QAAA;AAAA,MACL;AAGF,WAAK,SAAS,GAAG,UAAU,CAAC,UAAmE;;AAC7F,cAAM,eAAe,KAAK;AAC1B,aAAK,eAAe,MAAM,WAAW;AAErC,YAAI,MAAM,WAAW,aAAa;AAChC,cAAI,CAAC,cAAc;AACjB,uBAAK,cAAL;AAAA,UACF;AACA,cAAI,CAAC,KAAK,WAAW;AACnB,iBAAK,YAAY;AACjB,uBAAK,iBAAL,8BAAoB;AAAA,UACtB;AAAA,QACF,WACS,MAAM,WAAW,gBAAgB;AACxC,cAAI,cAAc;AAChB,uBAAK,iBAAL;AACA,gBAAI,KAAK,WAAW;AAClB,mBAAK,YAAY;AACjB,yBAAK,iBAAL,8BAAoB;AAAA,YACtB;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,SACO,OAAO;AACZ,cAAQ,KAAK,4CAA4C,KAAK;AAC9D,yCAAU,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,KAAK,CAAC;AAAA,IACpE;AAAA,EACF;AAAA,EAEA,IAAI,cAAc;AAChB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,WAAW;AACb,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,cAAc;AACZ,WAAO,KAAK;AAAA,EACd;AACF;"}
+{"version":3,"file":"websocket.es.js","sources":["../../../../../src/modules/collaborative-editing/provider/websocket.ts"],"sourcesContent":["import type { Awareness } from 'y-protocols/awareness'\nimport type { WebsocketProvider } from 'y-websocket'\nimport type * as Y from 'yjs'\nimport type { CollaborativeEditingDeps, ProviderEventHandlers } from '../types'\nimport type { UnifiedProvider } from './providerRegistry'\n\nexport interface WebsocketProviderOptions {\n  serverUrl: string\n  roomName: string\n  connect?: boolean\n  awareness?: Awareness\n  params?: Record<string, string>\n  protocols?: string[]\n  WebSocketPolyfill?: typeof WebSocket\n  resyncInterval?: number\n  maxBackoffTime?: number\n  disableBc?: boolean\n}\n\nexport class WebsocketProviderWrapper implements UnifiedProvider {\n  private provider: WebsocketProvider\n\n  private _isConnected = false\n  private _isSynced = false\n\n  onConnect?: () => void\n  onDisconnect?: () => void\n  onError?: (error: Error) => void\n  onSyncChange?: (isSynced: boolean) => void\n\n  document: Y.Doc\n  awareness: Awareness\n  type: 'websocket'\n\n  connect = () => {\n    try {\n      this.provider.connect()\n    }\n    catch (error) {\n      console.warn('[yjs] Error connecting WebSocket provider:', error)\n    }\n  }\n\n  destroy = () => {\n    try {\n      this.provider.destroy()\n    }\n    catch (error) {\n      console.warn('[yjs] Error destroying WebSocket provider:', error)\n    }\n  }\n\n  disconnect = () => {\n    try {\n      this.provider.disconnect()\n      const wasSynced = this._isSynced\n\n      this._isConnected = false\n      this._isSynced = false\n\n      if (wasSynced) {\n        this.onSyncChange?.(false)\n      }\n    }\n    catch (error) {\n      console.warn('[yjs] Error disconnecting WebSocket provider:', error)\n    }\n  }\n\n  constructor({\n    awareness,\n    doc,\n    options,\n    onConnect,\n    onDisconnect,\n    onError,\n    onSyncChange,\n    deps,\n  }: {\n    options: WebsocketProviderOptions\n    awareness?: Awareness\n    doc?: Y.Doc\n    deps?: CollaborativeEditingDeps\n  } & ProviderEventHandlers) {\n    this.onConnect = onConnect\n    this.onDisconnect = onDisconnect\n    this.onError = onError\n    this.onSyncChange = onSyncChange\n\n    const { Y, Awareness, WebsocketProvider } = deps || (window as any)\n\n    if (!WebsocketProvider) {\n      throw new Error('WebsocketProvider dependency not provided')\n    }\n\n    this.document = doc || new Y.Doc()\n    this.awareness = awareness ?? new Awareness(this.document)\n    try {\n      this.provider = new WebsocketProvider(\n        options.serverUrl,\n        options.roomName,\n        this.document,\n        {\n          awareness: this.awareness,\n          ...options,\n        },\n      )\n\n      this.provider.on('status', (event: { status: 'connected' | 'disconnected' | 'connecting' }) => {\n        const wasConnected = this._isConnected\n        this._isConnected = event.status === 'connected'\n\n        if (event.status === 'connected') {\n          if (!wasConnected) {\n            this.onConnect?.()\n          }\n          if (!this._isSynced) {\n            this._isSynced = true\n            this.onSyncChange?.(true)\n          }\n        }\n        else if (event.status === 'disconnected') {\n          if (wasConnected) {\n            this.onDisconnect?.()\n            if (this._isSynced) {\n              this._isSynced = false\n              this.onSyncChange?.(false)\n            }\n          }\n        }\n      })\n    }\n    catch (error) {\n      console.warn('[yjs] Error creating WebSocket provider:', error)\n      onError?.(error instanceof Error ? error : new Error(String(error)))\n    }\n  }\n\n  get isConnected() {\n    return this._isConnected\n  }\n\n  get isSynced() {\n    return this._isSynced\n  }\n\n  getProvider() {\n    return this.provider\n  }\n}\n"],"names":[],"mappings":";;;AAmBO,MAAM,yBAAoD;AAAA,EAkD/D,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAMyB;AA/DnB;AAEA,wCAAe;AACf,qCAAY;AAEpB;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA,mCAAU,MAAM;AACd,UAAI;AACF,aAAK,SAAS,QAAA;AAAA,MAChB,SACO,OAAO;AACZ,gBAAQ,KAAK,8CAA8C,KAAK;AAAA,MAClE;AAAA,IACF;AAEA,mCAAU,MAAM;AACd,UAAI;AACF,aAAK,SAAS,QAAA;AAAA,MAChB,SACO,OAAO;AACZ,gBAAQ,KAAK,8CAA8C,KAAK;AAAA,MAClE;AAAA,IACF;AAEA,sCAAa,MAAM;AAjCd;AAkCH,UAAI;AACF,aAAK,SAAS,WAAA;AACd,cAAM,YAAY,KAAK;AAEvB,aAAK,eAAe;AACpB,aAAK,YAAY;AAEjB,YAAI,WAAW;AACb,qBAAK,iBAAL,8BAAoB;AAAA,QACtB;AAAA,MACF,SACO,OAAO;AACZ,gBAAQ,KAAK,iDAAiD,KAAK;AAAA,MACrE;AAAA,IACF;AAiBE,SAAK,YAAY;AACjB,SAAK,eAAe;AACpB,SAAK,UAAU;AACf,SAAK,eAAe;AAEpB,UAAM,EAAE,GAAG,WAAW,kBAAA,IAAsB,QAAS;AAErD,QAAI,CAAC,mBAAmB;AACtB,YAAM,IAAI,MAAM,2CAA2C;AAAA,IAC7D;AAEA,SAAK,WAAW,OAAO,IAAI,EAAE,IAAA;AAC7B,SAAK,YAAY,aAAa,IAAI,UAAU,KAAK,QAAQ;AACzD,QAAI;AACF,WAAK,WAAW,IAAI;AAAA,QAClB,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,KAAK;AAAA,QACL;AAAA,UACE,WAAW,KAAK;AAAA,UAChB,GAAG;AAAA,QAAA;AAAA,MACL;AAGF,WAAK,SAAS,GAAG,UAAU,CAAC,UAAmE;AAzF9F;AA0FC,cAAM,eAAe,KAAK;AAC1B,aAAK,eAAe,MAAM,WAAW;AAErC,YAAI,MAAM,WAAW,aAAa;AAChC,cAAI,CAAC,cAAc;AACjB,uBAAK,cAAL;AAAA,UACF;AACA,cAAI,CAAC,KAAK,WAAW;AACnB,iBAAK,YAAY;AACjB,uBAAK,iBAAL,8BAAoB;AAAA,UACtB;AAAA,QACF,WACS,MAAM,WAAW,gBAAgB;AACxC,cAAI,cAAc;AAChB,uBAAK,iBAAL;AACA,gBAAI,KAAK,WAAW;AAClB,mBAAK,YAAY;AACjB,yBAAK,iBAAL,8BAAoB;AAAA,YACtB;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,SACO,OAAO;AACZ,cAAQ,KAAK,4CAA4C,KAAK;AAC9D,yCAAU,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,KAAK,CAAC;AAAA,IACpE;AAAA,EACF;AAAA,EAEA,IAAI,cAAc;AAChB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,WAAW;AACb,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,cAAc;AACZ,WAAO,KAAK;AAAA,EACd;AACF;"}

package/es/modules/custom-image/blot-formatter.es.js

@@ -1,8 +1,8 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { merge } from "lodash-es";
 import Quill from "quill";
+import { merge } from "../../utils/merge.es.js";
 import { CustomImage } from "./image.es.js";
 import DefaultOptions from "./options.es.js";
 import "./specs/index.es.js";

package/es/modules/custom-image/blot-formatter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"blot-formatter.es.js","sources":["../../../../src/modules/custom-image/blot-formatter.ts"],"sourcesContent":["import type FluentEditor from '../../core/fluent-editor'\nimport type { Action } from './actions'\nimport type { BlotFormatterOptions } from './options'\nimport type { BlotSpec } from './specs'\nimport { merge as deepmerge } from 'lodash-es'\nimport Quill from 'quill'\nimport { CustomImage } from './image'\nimport DefaultOptions from './options'\nimport { CustomImageSpec } from './specs'\n\nconst dontMerge = (_destination: Array<any>, source: Array<any>) => source\n\nexport class BlotFormatter {\n  options: BlotFormatterOptions\n  currentSpec: BlotSpec\n  specs: BlotSpec[]\n  overlay: HTMLElement\n  actions: Action[]\n  observer: MutationObserver\n\n  static register() {\n    Quill.register({\n      'formats/image': CustomImage,\n      'modules/image-spec': CustomImageSpec,\n    }, true)\n  }\n\n  constructor(public quill: FluentEditor, options: Partial<BlotFormatterOptions> = {}) {\n    this.options = deepmerge({}, DefaultOptions, options, { arrayMerge: dontMerge })\n    if (options.allowInvalidUrl !== undefined) {\n      this.options.allowInvalidUrl = options.allowInvalidUrl\n    }\n    CustomImage.setOptions(this.options.allowInvalidUrl)\n    this.currentSpec = null\n    this.actions = []\n    this.overlay = document.createElement('div')\n    this.overlay.classList.add(this.options.overlay.className)\n    if (this.options.overlay.style) {\n      Object.assign(this.overlay.style, this.options.overlay.style)\n    }\n\n    // disable native image resizing on firefox\n    document.execCommand('enableObjectResizing', false, 'false') // eslint-disable-next-line-line no-undef\n    this.quill.root.addEventListener('click', this.onClick)\n    this.specs = this.options.specs.map((SpecClass: any) => new SpecClass(this))\n    this.specs.forEach(spec => spec.init())\n  }\n\n  show(spec: BlotSpec) {\n    this.currentSpec = spec\n    this.currentSpec.setSelection()\n    this.setUserSelect('none')\n    this.quill.root.parentNode.appendChild(this.overlay)\n    this.repositionOverlay()\n    this.createActions(spec)\n\n    // fix: 图片对齐之后，虚线外框应该跟随移动\n    const imageDom = spec.getTargetElement()\n    const win: any = window\n    const MutationObserver: typeof window.MutationObserver = win.MutationObserver || win.WebKitMutationObserver || win.MozMutationObserver\n    const element = imageDom.parentNode\n    this.observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        const target = mutation.target as HTMLElement\n        const image = target.querySelector('img')\n        if (image) {\n          this.repositionOverlay()\n        }\n      }\n    })\n    this.observer.observe(element, {\n      attributes: true,\n      attributeFilter: ['class'],\n      attributeOldValue: true,\n      subtree: true,\n    })\n  }\n\n  hide() {\n    if (!this.currentSpec) {\n      return\n    }\n\n    const imgDom = this.currentSpec.getTargetElement()\n    if (imgDom) {\n      imgDom.classList.remove('current-select-img')\n    }\n\n    this.currentSpec.onHide()\n    this.currentSpec = null\n    this.quill.root.parentNode.removeChild(this.overlay)\n    this.overlay.style.setProperty('display', 'none')\n    this.setUserSelect('')\n    this.destroyActions()\n  }\n\n  update() {\n    this.repositionOverlay()\n    this.actions.forEach(action => action.onUpdate())\n  }\n\n  createActions(spec: BlotSpec) {\n    this.actions = spec.getActions().map((ActionClass: any) => {\n      const action: Action = new ActionClass(this)\n      action.onCreate()\n      return action\n    })\n  }\n\n  destroyActions() {\n    this.actions.forEach((action: Action) => action.onDestroy())\n    this.actions = []\n  }\n\n  repositionOverlay() {\n    if (!this.currentSpec) {\n      return\n    }\n\n    const overlayTarget = this.currentSpec.getOverlayElement()\n    if (!overlayTarget) {\n      return\n    }\n\n    const parent = this.quill.root.parentElement\n    const specRect = overlayTarget.getBoundingClientRect()\n    const parentRect = parent.getBoundingClientRect()\n\n    Object.assign(this.overlay.style, {\n      display: 'block',\n      left: `${specRect.left - parentRect.left - 1 + parent.scrollLeft}px`,\n      top: `${specRect.top - parentRect.top + parent.scrollTop}px`,\n      width: `${specRect.width}px`,\n      height: `${specRect.height}px`,\n    })\n  }\n\n  setUserSelect(value: string) {\n    const props: string[] = [\n      'userSelect',\n      'mozUserSelect',\n      'webkitUserSelect',\n      'msUserSelect',\n    ]\n\n    props.forEach((prop: string) => {\n      // set on contenteditable element and <html>\n      this.quill.root.style.setProperty(prop, value)\n      if (document.documentElement) {\n        document.documentElement.style.setProperty(prop, value)\n      }\n    })\n  }\n\n  onClick = () => {\n    this.hide()\n  }\n}\n"],"names":["deepmerge"],"mappings":"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"}
+{"version":3,"file":"blot-formatter.es.js","sources":["../../../../src/modules/custom-image/blot-formatter.ts"],"sourcesContent":["import type FluentEditor from '../../core/fluent-editor'\nimport type { Action } from './actions'\nimport type { BlotFormatterOptions } from './options'\nimport type { BlotSpec } from './specs'\nimport Quill from 'quill'\nimport { merge as deepmerge } from '../../utils/merge'\nimport { CustomImage } from './image'\nimport DefaultOptions from './options'\nimport { CustomImageSpec } from './specs'\n\nconst dontMerge = (_destination: Array<any>, source: Array<any>) => source\n\nexport class BlotFormatter {\n  options: BlotFormatterOptions\n  currentSpec: BlotSpec\n  specs: BlotSpec[]\n  overlay: HTMLElement\n  actions: Action[]\n  observer: MutationObserver\n\n  static register() {\n    Quill.register({\n      'formats/image': CustomImage,\n      'modules/image-spec': CustomImageSpec,\n    }, true)\n  }\n\n  constructor(public quill: FluentEditor, options: Partial<BlotFormatterOptions> = {}) {\n    this.options = deepmerge({}, DefaultOptions, options, { arrayMerge: dontMerge })\n    if (options.allowInvalidUrl !== undefined) {\n      this.options.allowInvalidUrl = options.allowInvalidUrl\n    }\n    CustomImage.setOptions(this.options.allowInvalidUrl)\n    this.currentSpec = null\n    this.actions = []\n    this.overlay = document.createElement('div')\n    this.overlay.classList.add(this.options.overlay.className)\n    if (this.options.overlay.style) {\n      Object.assign(this.overlay.style, this.options.overlay.style)\n    }\n\n    // disable native image resizing on firefox\n    document.execCommand('enableObjectResizing', false, 'false') // eslint-disable-next-line-line no-undef\n    this.quill.root.addEventListener('click', this.onClick)\n    this.specs = this.options.specs.map((SpecClass: any) => new SpecClass(this))\n    this.specs.forEach(spec => spec.init())\n  }\n\n  show(spec: BlotSpec) {\n    this.currentSpec = spec\n    this.currentSpec.setSelection()\n    this.setUserSelect('none')\n    this.quill.root.parentNode.appendChild(this.overlay)\n    this.repositionOverlay()\n    this.createActions(spec)\n\n    // fix: 图片对齐之后，虚线外框应该跟随移动\n    const imageDom = spec.getTargetElement()\n    const win: any = window\n    const MutationObserver: typeof window.MutationObserver = win.MutationObserver || win.WebKitMutationObserver || win.MozMutationObserver\n    const element = imageDom.parentNode\n    this.observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        const target = mutation.target as HTMLElement\n        const image = target.querySelector('img')\n        if (image) {\n          this.repositionOverlay()\n        }\n      }\n    })\n    this.observer.observe(element, {\n      attributes: true,\n      attributeFilter: ['class'],\n      attributeOldValue: true,\n      subtree: true,\n    })\n  }\n\n  hide() {\n    if (!this.currentSpec) {\n      return\n    }\n\n    const imgDom = this.currentSpec.getTargetElement()\n    if (imgDom) {\n      imgDom.classList.remove('current-select-img')\n    }\n\n    this.currentSpec.onHide()\n    this.currentSpec = null\n    this.quill.root.parentNode.removeChild(this.overlay)\n    this.overlay.style.setProperty('display', 'none')\n    this.setUserSelect('')\n    this.destroyActions()\n  }\n\n  update() {\n    this.repositionOverlay()\n    this.actions.forEach(action => action.onUpdate())\n  }\n\n  createActions(spec: BlotSpec) {\n    this.actions = spec.getActions().map((ActionClass: any) => {\n      const action: Action = new ActionClass(this)\n      action.onCreate()\n      return action\n    })\n  }\n\n  destroyActions() {\n    this.actions.forEach((action: Action) => action.onDestroy())\n    this.actions = []\n  }\n\n  repositionOverlay() {\n    if (!this.currentSpec) {\n      return\n    }\n\n    const overlayTarget = this.currentSpec.getOverlayElement()\n    if (!overlayTarget) {\n      return\n    }\n\n    const parent = this.quill.root.parentElement\n    const specRect = overlayTarget.getBoundingClientRect()\n    const parentRect = parent.getBoundingClientRect()\n\n    Object.assign(this.overlay.style, {\n      display: 'block',\n      left: `${specRect.left - parentRect.left - 1 + parent.scrollLeft}px`,\n      top: `${specRect.top - parentRect.top + parent.scrollTop}px`,\n      width: `${specRect.width}px`,\n      height: `${specRect.height}px`,\n    })\n  }\n\n  setUserSelect(value: string) {\n    const props: string[] = [\n      'userSelect',\n      'mozUserSelect',\n      'webkitUserSelect',\n      'msUserSelect',\n    ]\n\n    props.forEach((prop: string) => {\n      // set on contenteditable element and <html>\n      this.quill.root.style.setProperty(prop, value)\n      if (document.documentElement) {\n        document.documentElement.style.setProperty(prop, value)\n      }\n    })\n  }\n\n  onClick = () => {\n    this.hide()\n  }\n}\n"],"names":["deepmerge"],"mappings":"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"}

package/es/modules/emoji.es.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { debounce } from "lodash-es";
+import { debounce } from "../utils/debounce.es.js";
 const DEFAULT_OPTIONS = {
   // @ts-ignore
   emojiData: window.emojiData,

package/es/modules/emoji.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji.es.js","sources":["../../../src/modules/emoji.ts"],"sourcesContent":["import type { EmojiMartData } from '@emoji-mart/data'\nimport type { computePosition } from '@floating-ui/dom'\nimport type { Picker } from 'emoji-mart'\nimport type TypeToolbar from 'quill/modules/toolbar'\nimport type FluentEditor from '../fluent-editor'\nimport { debounce } from 'lodash-es'\n\nexport interface EmojiModuleOptions {\n  emojiData?: EmojiMartData\n  EmojiPicker?: new (props: any) => Picker\n  emojiPickerPosition?: typeof computePosition\n  theme?: string\n  locale?: string\n  set?: string\n  skinTonePosition?: string\n  previewPosition?: string\n  searchPosition?: string\n  categories?: string[]\n  maxFrequentRows?: number\n  perLine?: number\n  navPosition?: string\n  noCountryFlags?: boolean\n  dynamicWidth?: boolean\n}\n\nconst DEFAULT_OPTIONS: EmojiModuleOptions = {\n  // @ts-ignore\n  emojiData: window.emojiData,\n  // @ts-ignore\n  EmojiPicker: window.EmojiPicker,\n  // @ts-ignore\n  emojiPickerPosition: window.emojiPickerPosition,\n  theme: 'light',\n  set: 'native',\n  skinTonePosition: 'none',\n  previewPosition: 'bottom',\n  searchPosition: 'sticky',\n  categories: ['frequent', 'people', 'nature', 'foods', 'activity', 'places', 'objects', 'symbols', 'flags'],\n  maxFrequentRows: 2,\n  perLine: 8,\n  navPosition: 'top',\n  noCountryFlags: false,\n  dynamicWidth: false,\n}\n\nconst PICKER_DOM_ID = 'emoji-picker'\n\nconst LOCALE_MAP = {\n  'zh-CN': 'zh',\n  'en-US': 'en',\n} as const\n\nclass EmojiModule {\n  private readonly quill: FluentEditor\n  private readonly options: EmojiModuleOptions\n  private picker: HTMLElement | null = null\n  private isPickerVisible = false\n  private cleanupResizeObserver: (() => void) | null = null\n\n  constructor(quill: FluentEditor, options: EmojiModuleOptions = {}) {\n    this.quill = quill\n\n    this.options = { ...DEFAULT_OPTIONS, ...options }\n\n    const toolbar = this.quill.getModule('toolbar') as TypeToolbar\n\n    if (toolbar) {\n      toolbar.addHandler('emoji', () => {\n        if (this.isPickerVisible) {\n          this.closeDialog()\n        }\n        else {\n          this.openDialog()\n        }\n      })\n    }\n  }\n\n  private getEmojiButton() {\n    return document.querySelector('.ql-emoji') as HTMLElement | null\n  }\n\n  private async updatePickerPosition() {\n    const button = this.getEmojiButton()\n    const pickerElement = document.getElementById(PICKER_DOM_ID)\n\n    if (!button || !this.picker || !pickerElement) {\n      return\n    }\n\n    const { emojiPickerPosition } = this.options\n\n    try {\n      const { x, y } = await emojiPickerPosition(button, pickerElement)\n      this.picker.style.top = `${y}px`\n      this.picker.style.left = `${x}px`\n    }\n    catch (error) {\n      console.warn('Failed to compute picker position:', error)\n    }\n  }\n\n  // 监听容器大小变化，更新表情选择弹窗位置\n  private setupContainerResizeObserver() {\n    const container = this.quill.root.parentElement\n    if (!container) {\n      return null\n    }\n\n    const debouncedUpdate = debounce(() => {\n      this.updatePickerPosition()\n    }, 100)\n\n    const resizeObserver = new ResizeObserver(() => {\n      debouncedUpdate()\n    })\n\n    resizeObserver.observe(container)\n\n    return () => {\n      resizeObserver.disconnect()\n      debouncedUpdate.cancel()\n    }\n  }\n\n  // 创建表情选择弹窗\n  private createPicker() {\n    const { EmojiPicker, emojiData, ...options } = this.options\n\n    const pickerConfig = {\n      // emoji-mart 与 tiny-editor 国际化的的 locale 不一致使用 LOCALE_MAP 转换\n      locale: LOCALE_MAP[this.quill.lang] ?? 'en',\n      data: emojiData,\n      ...options,\n      onEmojiSelect: this.handleEmojiSelect.bind(this),\n      onClickOutside: this.handleClickOutside.bind(this),\n    }\n\n    const picker = new EmojiPicker(pickerConfig) as unknown as HTMLElement\n\n    // 设置样式和属性\n    picker.id = PICKER_DOM_ID\n    picker.style.position = 'absolute'\n    picker.style.zIndex = '1000'\n\n    return picker\n  }\n\n  // 打开表情弹窗\n  public openDialog() {\n    if (this.picker) {\n      return\n    }\n\n    try {\n      this.picker = this.createPicker()\n      document.body.appendChild(this.picker)\n\n      this.updatePickerPosition()\n      this.cleanupResizeObserver = this.setupContainerResizeObserver()\n      this.isPickerVisible = true\n    }\n    catch (error) {\n      console.error('Failed to open emoji picker:', error)\n      this.closeDialog()\n    }\n  }\n\n  // 关闭表情弹窗\n  public closeDialog() {\n    if (!this.picker) {\n      return\n    }\n\n    this.isPickerVisible = false\n    this.picker.remove()\n    this.picker = null\n\n    this.cleanupResizeObserver?.()\n    this.cleanupResizeObserver = null\n  }\n\n  // 处理表情选择事件\n  private handleEmojiSelect(emoji: { native: string }) {\n    const selection = this.quill.getSelection(true)\n    if (!selection) {\n      console.warn('No selection available for emoji insertion')\n      return\n    }\n\n    try {\n    // 记录插入位置\n      const insertIndex = selection.index\n      this.quill.insertText(insertIndex, emoji.native, 'user')\n\n      this.closeDialog()\n\n      // 设置光标到表情符号后面\n      this.quill.setSelection(insertIndex + emoji.native.length)\n    }\n    catch (error) {\n      console.error('Failed to insert emoji:', error)\n    }\n  }\n\n  // 处理外部点击事件\n  private handleClickOutside(event: MouseEvent) {\n    const button = this.getEmojiButton()\n\n    const target = event.target\n\n    const isClickOnButton = target === button || (target instanceof Element && button?.contains(target))\n\n    // 如果点击的是表情符号按钮或其子元素，则不关闭选择器\n    if (isClickOnButton) {\n      return\n    }\n\n    this.closeDialog()\n  }\n\n  // 销毁模块，清理资源\n  public destroy() {\n    this.cleanupResizeObserver?.()\n    this.cleanupResizeObserver = null\n    this.closeDialog()\n  }\n}\n\nexport { EmojiModule }\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"emoji.es.js","sources":["../../../src/modules/emoji.ts"],"sourcesContent":["import type { EmojiMartData } from '@emoji-mart/data'\nimport type { computePosition } from '@floating-ui/dom'\nimport type { Picker } from 'emoji-mart'\nimport type TypeToolbar from 'quill/modules/toolbar'\nimport type FluentEditor from '../fluent-editor'\nimport { debounce } from '../utils/debounce'\n\nexport interface EmojiModuleOptions {\n  emojiData?: EmojiMartData\n  EmojiPicker?: new (props: any) => Picker\n  emojiPickerPosition?: typeof computePosition\n  theme?: string\n  locale?: string\n  set?: string\n  skinTonePosition?: string\n  previewPosition?: string\n  searchPosition?: string\n  categories?: string[]\n  maxFrequentRows?: number\n  perLine?: number\n  navPosition?: string\n  noCountryFlags?: boolean\n  dynamicWidth?: boolean\n}\n\nconst DEFAULT_OPTIONS: EmojiModuleOptions = {\n  // @ts-ignore\n  emojiData: window.emojiData,\n  // @ts-ignore\n  EmojiPicker: window.EmojiPicker,\n  // @ts-ignore\n  emojiPickerPosition: window.emojiPickerPosition,\n  theme: 'light',\n  set: 'native',\n  skinTonePosition: 'none',\n  previewPosition: 'bottom',\n  searchPosition: 'sticky',\n  categories: ['frequent', 'people', 'nature', 'foods', 'activity', 'places', 'objects', 'symbols', 'flags'],\n  maxFrequentRows: 2,\n  perLine: 8,\n  navPosition: 'top',\n  noCountryFlags: false,\n  dynamicWidth: false,\n}\n\nconst PICKER_DOM_ID = 'emoji-picker'\n\nconst LOCALE_MAP = {\n  'zh-CN': 'zh',\n  'en-US': 'en',\n} as const\n\nclass EmojiModule {\n  private readonly quill: FluentEditor\n  private readonly options: EmojiModuleOptions\n  private picker: HTMLElement | null = null\n  private isPickerVisible = false\n  private cleanupResizeObserver: (() => void) | null = null\n\n  constructor(quill: FluentEditor, options: EmojiModuleOptions = {}) {\n    this.quill = quill\n\n    this.options = { ...DEFAULT_OPTIONS, ...options }\n\n    const toolbar = this.quill.getModule('toolbar') as TypeToolbar\n\n    if (toolbar) {\n      toolbar.addHandler('emoji', () => {\n        if (this.isPickerVisible) {\n          this.closeDialog()\n        }\n        else {\n          this.openDialog()\n        }\n      })\n    }\n  }\n\n  private getEmojiButton() {\n    return document.querySelector('.ql-emoji') as HTMLElement | null\n  }\n\n  private async updatePickerPosition() {\n    const button = this.getEmojiButton()\n    const pickerElement = document.getElementById(PICKER_DOM_ID)\n\n    if (!button || !this.picker || !pickerElement) {\n      return\n    }\n\n    const { emojiPickerPosition } = this.options\n\n    try {\n      const { x, y } = await emojiPickerPosition(button, pickerElement)\n      this.picker.style.top = `${y}px`\n      this.picker.style.left = `${x}px`\n    }\n    catch (error) {\n      console.warn('Failed to compute picker position:', error)\n    }\n  }\n\n  // 监听容器大小变化，更新表情选择弹窗位置\n  private setupContainerResizeObserver() {\n    const container = this.quill.root.parentElement\n    if (!container) {\n      return null\n    }\n\n    const debouncedUpdate = debounce(() => {\n      this.updatePickerPosition()\n    }, 100)\n\n    const resizeObserver = new ResizeObserver(() => {\n      debouncedUpdate()\n    })\n\n    resizeObserver.observe(container)\n\n    return () => {\n      resizeObserver.disconnect()\n      debouncedUpdate.cancel()\n    }\n  }\n\n  // 创建表情选择弹窗\n  private createPicker() {\n    const { EmojiPicker, emojiData, ...options } = this.options\n\n    const pickerConfig = {\n      // emoji-mart 与 tiny-editor 国际化的的 locale 不一致使用 LOCALE_MAP 转换\n      locale: LOCALE_MAP[this.quill.lang] ?? 'en',\n      data: emojiData,\n      ...options,\n      onEmojiSelect: this.handleEmojiSelect.bind(this),\n      onClickOutside: this.handleClickOutside.bind(this),\n    }\n\n    const picker = new EmojiPicker(pickerConfig) as unknown as HTMLElement\n\n    // 设置样式和属性\n    picker.id = PICKER_DOM_ID\n    picker.style.position = 'absolute'\n    picker.style.zIndex = '1000'\n\n    return picker\n  }\n\n  // 打开表情弹窗\n  public openDialog() {\n    if (this.picker) {\n      return\n    }\n\n    try {\n      this.picker = this.createPicker()\n      document.body.appendChild(this.picker)\n\n      this.updatePickerPosition()\n      this.cleanupResizeObserver = this.setupContainerResizeObserver()\n      this.isPickerVisible = true\n    }\n    catch (error) {\n      console.error('Failed to open emoji picker:', error)\n      this.closeDialog()\n    }\n  }\n\n  // 关闭表情弹窗\n  public closeDialog() {\n    if (!this.picker) {\n      return\n    }\n\n    this.isPickerVisible = false\n    this.picker.remove()\n    this.picker = null\n\n    this.cleanupResizeObserver?.()\n    this.cleanupResizeObserver = null\n  }\n\n  // 处理表情选择事件\n  private handleEmojiSelect(emoji: { native: string }) {\n    const selection = this.quill.getSelection(true)\n    if (!selection) {\n      console.warn('No selection available for emoji insertion')\n      return\n    }\n\n    try {\n    // 记录插入位置\n      const insertIndex = selection.index\n      this.quill.insertText(insertIndex, emoji.native, 'user')\n\n      this.closeDialog()\n\n      // 设置光标到表情符号后面\n      this.quill.setSelection(insertIndex + emoji.native.length)\n    }\n    catch (error) {\n      console.error('Failed to insert emoji:', error)\n    }\n  }\n\n  // 处理外部点击事件\n  private handleClickOutside(event: MouseEvent) {\n    const button = this.getEmojiButton()\n\n    const target = event.target\n\n    const isClickOnButton = target === button || (target instanceof Element && button?.contains(target))\n\n    // 如果点击的是表情符号按钮或其子元素，则不关闭选择器\n    if (isClickOnButton) {\n      return\n    }\n\n    this.closeDialog()\n  }\n\n  // 销毁模块，清理资源\n  public destroy() {\n    this.cleanupResizeObserver?.()\n    this.cleanupResizeObserver = null\n    this.closeDialog()\n  }\n}\n\nexport { EmojiModule }\n"],"names":[],"mappings":"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"}

package/es/modules/mind-map/modules/control-panel.es.js

@@ -1,9 +1,9 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { nodeIconList } from "simple-mind-map/src/svg/icons";
 import "../../../config/index.es.js";
 import { I18N } from "../../i18n.es.js";
+import { getAllConfigs } from "../config-utils.es.js";
 import { registerMindMapI18N } from "../i18n/index.es.js";
 import { contractIcon, screenTypeIcon, setLayoutIcon, insertIconIcon, removeNodeIcon, insertParentNodeIcon, insertNodeIcon, insertChildNodeIcon, fitIcon, zoomInIcon, zoomOutIcon, forwardIcon, backIcon, logicalStructureIcon, catalogOrganizationIcon, mindMapIcon, organizationStructureIcon, timelineIcon, fishboneIcon, screenReduceIcon } from "../icons.es.js";
 import { CHANGE_LANGUAGE_EVENT } from "../../../config/editor.config.es.js";
@@ -221,13 +221,14 @@ function handleInsertIcon(blot, selectedNodes) {
   const heightStr = blot.domNode.getAttribute("height") || "500px";
   const height = Number.parseInt(heightStr.replace(/[^\d.]/g, ""), 10) || 500;
   let iconList = [];
-  iconList = nodeIconList;
+  const { deps } = getAllConfigs(blot.quill);
+  iconList = deps.nodeIconList.nodeIconList ? deps.nodeIconList.nodeIconList : deps.nodeIconList;
   const leftUpControl = blot.domNode.querySelector(".ql-mind-map-left-up-control");
   let iconPanel = leftUpControl.querySelector(".ql-mind-map-icon-panel");
   if (!iconPanel) {
     iconPanel = document.createElement("div");
     iconPanel.className = "ql-mind-map-icon-panel";
-    iconList.forEach((group) => {
+    iconList == null ? void 0 : iconList.forEach((group) => {
       const groupContainer = document.createElement("div");
       groupContainer.className = "ql-mind-map-icon-group-container";
       group.list.forEach((icon) => {