@coze-editor/react-hooks 0.1.0-alpha.09ffeb

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 coze-dev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/esm/index.js

@@ -0,0 +1,567 @@
+// src/hooks/use-state-field.ts
+import { useEffect, useRef, useState } from "react";
+import { useEditor } from "@coze-editor/react";
+import {
+  StateEffect,
+  StateField
+} from "@codemirror/state";
+function useStateField(create, update) {
+  const editor = useEditor();
+  const [effect] = useState(() => StateEffect.define());
+  const updateRef = useRef();
+  updateRef.current = update;
+  const [field3] = useState(
+    () => StateField.define({
+      create(state) {
+        return create(state);
+      },
+      update(value, tr) {
+        if (typeof updateRef.current === "function") {
+          value = updateRef.current(value, tr);
+        }
+        for (const trEffect of tr.effects) {
+          if (trEffect.is(effect)) {
+            return trEffect.value;
+          }
+        }
+        return value;
+      }
+    })
+  );
+  useEffect(() => {
+    if (!editor) {
+      return;
+    }
+    editor.$view.dispatch({
+      effects: effect.of(create(editor.$view.state))
+    });
+  }, [editor, effect, create]);
+  return field3;
+}
+
+// src/hooks/use-ranges-manager.ts
+import { useEffect as useEffect2, useRef as useRef2 } from "react";
+import {
+  useEditor as useEditor2,
+  useInjector
+} from "@coze-editor/react";
+import { Decoration } from "@codemirror/view";
+import {
+  Facet,
+  RangeSet,
+  RangeSetBuilder,
+  StateEffect as StateEffect2,
+  StateField as StateField2
+} from "@codemirror/state";
+import { invertedEffects } from "@codemirror/commands";
+var IDValue = class extends Decoration {
+  id;
+  constructor(spec) {
+    const { start, end } = getInclusive(spec);
+    super(
+      start ? -1 /* InlineIncStart */ : 5e8 /* NonIncStart */,
+      end ? 1 /* InlineIncEnd */ : -6e8 /* NonIncEnd */,
+      null,
+      spec
+    );
+    this.id = spec.id ?? "";
+  }
+  eq(other) {
+    return this.id === other.id;
+  }
+};
+function getInclusive(spec, block = false) {
+  let { inclusiveStart: start, inclusiveEnd: end } = spec;
+  if (start == null) {
+    start = spec.inclusive;
+  }
+  if (end == null) {
+    end = spec.inclusive;
+  }
+  return { start: start ?? block, end: end ?? block };
+}
+var addEffect = StateEffect2.define({
+  map: (specs, change) => specs.map(({ from, to, ...rest }) => ({
+    from: change.mapPos(from),
+    to: change.mapPos(to),
+    ...rest
+  }))
+});
+var removeEffect = StateEffect2.define();
+var recoverEffect = StateEffect2.define();
+var facet = Facet.define();
+function toRangeSet(specs) {
+  specs.sort((a, b) => a.from - b.from);
+  const builder = new RangeSetBuilder();
+  for (const spec of specs) {
+    builder.add(
+      spec.from,
+      spec.to,
+      new IDValue({
+        id: spec.id
+      })
+    );
+  }
+  return builder.finish();
+}
+function toSpecs(ranges) {
+  const specs = [];
+  const cursor = ranges.iter();
+  while (cursor.value) {
+    specs.push({
+      from: cursor.from,
+      to: cursor.to,
+      id: cursor.value.id
+    });
+    cursor.next();
+  }
+  return specs;
+}
+function useRangesManager() {
+  const injector = useInjector();
+  const editor = useEditor2();
+  const watchersRef = useRef2([]);
+  const viewRef = useRef2(null);
+  viewRef.current = editor == null ? void 0 : editor.$view;
+  const rangesStashRef = useRef2([]);
+  useEffect2(() => {
+    if (!editor) {
+      return;
+    }
+    const field3 = StateField2.define({
+      create() {
+        if (rangesStashRef.current) {
+          return toRangeSet(rangesStashRef.current);
+        }
+        return RangeSet.empty;
+      },
+      update(set, tr) {
+        set = set.map(tr.changes);
+        for (const effect of tr.effects) {
+          if (effect.is(addEffect)) {
+            const specs = effect.value ?? [];
+            set = set.update({
+              add: specs.map(
+                (spec) => new IDValue({ id: spec.id }).range(spec.from, spec.to)
+              )
+            });
+          }
+          if (effect.is(removeEffect)) {
+            const ids = effect.value;
+            set = set.update({
+              filter(from, to, value) {
+                return !ids.includes(value.id);
+              }
+            });
+          }
+          if (effect.is(recoverEffect)) {
+            const specs = effect.value ?? [];
+            const ids = specs.map((spec) => spec.id);
+            set = set.update({
+              filter(from, to, value) {
+                return !ids.includes(value.id);
+              }
+            });
+            set = set.update({
+              add: specs.map(
+                (spec) => new IDValue({ id: spec.id }).range(spec.from, spec.to)
+              )
+            });
+          }
+        }
+        return set;
+      }
+    });
+    const invertable = invertedEffects.of((tr) => {
+      const effects = [];
+      const ranges = tr.startState.field(field3);
+      tr.changes.iterChangedRanges((from, to) => {
+        ranges.between(from, to, (rangeFrom, rangeTo, value) => {
+          const f = Math.max(from, rangeFrom);
+          const t = Math.min(to, rangeTo);
+          if (f < t) {
+            effects.push(
+              recoverEffect.of([
+                { from: rangeFrom, to: rangeTo, id: value.id }
+              ])
+            );
+          }
+        });
+      });
+      return effects;
+    });
+    let isFirstTime = true;
+    return injector.inject([
+      field3,
+      invertable,
+      facet.compute([field3], (state) => {
+        if (isFirstTime) {
+          isFirstTime = false;
+          return;
+        }
+        const set = state.field(field3);
+        if (Array.isArray(watchersRef.current) && watchersRef.current.length > 0) {
+          const specs = toSpecs(set);
+          for (const watcher of watchersRef.current) {
+            watcher(specs);
+          }
+        }
+      })
+    ]);
+  }, [editor]);
+  return {
+    add(specs) {
+      if (!viewRef.current) {
+        rangesStashRef.current.push(...specs);
+        return;
+      }
+      viewRef.current.dispatch({
+        effects: addEffect.of(specs)
+      });
+    },
+    remove(ids) {
+      if (!viewRef.current) {
+        rangesStashRef.current = rangesStashRef.current.filter(
+          (item) => !ids.includes(item.id)
+        );
+        return;
+      }
+      viewRef.current.dispatch({
+        effects: removeEffect.of(ids)
+      });
+    },
+    watch(watcher) {
+      watchersRef.current.push(watcher);
+      return () => {
+        watchersRef.current = watchersRef.current.filter((w) => w !== watcher);
+      };
+    }
+  };
+}
+
+// src/hooks/use-focused.ts
+import { useLayoutEffect, useRef as useRef3, useState as useState2 } from "react";
+import { useInjector as useInjector2, InjectPosition } from "@coze-editor/react";
+import { EditorView } from "@codemirror/view";
+function useFocused() {
+  const injector = useInjector2();
+  const [focused, setFocused] = useState2(false);
+  const focusedRef = useRef3(focused);
+  useLayoutEffect(
+    () => injector.inject(
+      [
+        EditorView.updateListener.of((update) => {
+          if (focusedRef.current !== update.view.hasFocus) {
+            setFocused(update.view.hasFocus);
+            focusedRef.current = update.view.hasFocus;
+          }
+        })
+      ],
+      InjectPosition.Tail
+    ),
+    [injector, setFocused]
+  );
+  return focused;
+}
+
+// src/hooks/use-injector-effect.ts
+import { useLayoutEffect as useLayoutEffect2 } from "react";
+import { useInjector as useInjector3 } from "@coze-editor/react";
+function useInjectorEffect(handler, deps = []) {
+  const injector = useInjector3();
+  useLayoutEffect2(() => handler(injector), [injector, ...deps]);
+}
+
+// src/hooks/use-html-element.ts
+import { useState as useState3 } from "react";
+function useHTMLElement(defaultTagName = "div") {
+  const [element] = useState3(() => document.createElement(defaultTagName));
+  return element;
+}
+
+// src/hooks/use-compartment.ts
+import { useState as useState4 } from "react";
+import { Compartment } from "@codemirror/state";
+function useCompartment() {
+  const [compartment] = useState4(() => new Compartment());
+  return compartment;
+}
+
+// src/hooks/use-latest.ts
+import { useRef as useRef4 } from "react";
+function useLatest(value) {
+  const ref = useRef4(value);
+  ref.current = value;
+  return ref;
+}
+
+// src/hooks/use-change-listener.tsx
+import { EditorView as EditorView2 } from "@codemirror/view";
+function useChangeListener(listener) {
+  const listenerRef = useLatest(listener);
+  useInjectorEffect(
+    (injector) => injector.inject([
+      EditorView2.updateListener.of((update) => {
+        if (update.docChanged && typeof listenerRef.current === "function") {
+          update.changes.iterChanges((fromA, toA, fromB, toB, inserted) => {
+            listenerRef.current({
+              change: [fromA, toA, fromB, toB, inserted],
+              view: update.view
+            });
+          });
+        }
+      })
+    ]),
+    []
+  );
+}
+
+// src/hooks/use-document-selector.ts
+import { useState as useState5 } from "react";
+import { Facet as Facet2, StateField as StateField3 } from "@codemirror/state";
+var field = StateField3.define({
+  create(state) {
+    return state.doc;
+  },
+  update(value, tr) {
+    if (tr.docChanged) {
+      value = tr.state.doc;
+    }
+    return value;
+  }
+});
+var facet2 = Facet2.define();
+function useDocumentSelector(selector, defaultValue) {
+  const [state, setState] = useState5(defaultValue);
+  const stateRef = useLatest(state);
+  const setStateRef = useLatest(setState);
+  const selectorRef = useLatest(selector);
+  useInjectorEffect(
+    (injector) => injector.inject([
+      field,
+      facet2.compute([field], (state2) => {
+        const derived = selectorRef.current(state2.field(field));
+        if (stateRef.current !== derived) {
+          setStateRef.current(derived);
+        }
+      })
+    ]),
+    []
+  );
+  return state;
+}
+
+// src/hooks/use-document-listener.ts
+import { Facet as Facet3, StateField as StateField4 } from "@codemirror/state";
+var field2 = StateField4.define({
+  create(state) {
+    return state.doc;
+  },
+  update(value, tr) {
+    if (tr.docChanged) {
+      value = tr.state.doc;
+    }
+    return value;
+  }
+});
+var facet3 = Facet3.define();
+function useDocumentListener(listener) {
+  const listenerRef = useLatest(listener);
+  useInjectorEffect(
+    (injector) => injector.inject([
+      field2,
+      facet3.compute([field2], (state) => {
+        listenerRef.current(state.field(field2));
+      })
+    ]),
+    []
+  );
+}
+
+// src/hooks/use-portal-connector.tsx
+import { flushSync } from "react-dom";
+import React, { useState as useState6, useCallback } from "react";
+function flush(fn, options) {
+  if (options.sync) {
+    queueMicrotask(() => {
+      flushSync(fn);
+    });
+  } else {
+    fn();
+  }
+}
+function createPortalConnector(options) {
+  let add = (id, portal) => {
+  };
+  let remove = (id) => {
+  };
+  function connect(id, portal) {
+    add(id, portal);
+  }
+  function disconnect(id) {
+    remove(id);
+  }
+  function Portal() {
+    const [items, setItems] = useState6([]);
+    const addItem = useCallback((id, portal) => {
+      flush(
+        () => {
+          setItems((prevItems) => {
+            const nextItems = [...prevItems];
+            const index = nextItems.findIndex((item) => item.id === id);
+            if (index > -1) {
+              nextItems[index] = { id, portal };
+            } else {
+              nextItems.push({ id, portal });
+            }
+            return nextItems;
+          });
+        },
+        { sync: (options == null ? void 0 : options.sync) ?? false }
+      );
+    }, []);
+    const removeItem = useCallback((id) => {
+      flush(
+        () => {
+          setItems((oldItems) => oldItems.filter((item) => item.id !== id));
+        },
+        { sync: (options == null ? void 0 : options.sync) ?? false }
+      );
+    }, []);
+    add = addItem;
+    remove = removeItem;
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, items.map((item) => item.portal));
+  }
+  return {
+    connect,
+    disconnect,
+    Portal
+  };
+}
+function usePortalConnector(options) {
+  const [connector] = useState6(() => createPortalConnector(options));
+  return connector;
+}
+
+// src/hooks/use-editor-event.ts
+import { useEffect as useEffect3 } from "react";
+function useEditorEvent(editor, eventName, handler) {
+  useEffect3(() => {
+    if (!editor) {
+      return;
+    }
+    editor.$on(eventName, handler);
+    return () => {
+      editor.$off(eventName, handler);
+    };
+  }, [editor, eventName, handler]);
+}
+
+// src/hooks/use-history-state.ts
+import { useState as useState7 } from "react";
+import { Facet as Facet4 } from "@codemirror/state";
+import { historyField, redoDepth, undoDepth } from "@codemirror/commands";
+var facet4 = Facet4.define();
+function useHistoryState() {
+  const [canUndo, setCanUndo] = useState7(false);
+  const [canRedo, setCanRedo] = useState7(false);
+  const setCanUndoRef = useLatest(setCanUndo);
+  const setCanRedoRef = useLatest(setCanRedo);
+  useInjectorEffect(
+    (injector) => injector.inject([
+      facet4.compute([historyField], (state) => {
+        setCanUndoRef.current(() => undoDepth(state) > 0);
+        setCanRedoRef.current(() => redoDepth(state) > 0);
+      })
+    ])
+  );
+  return {
+    canUndo,
+    canRedo
+  };
+}
+
+// src/hooks/use-mouse-selection-popup.ts
+import { useEffect as useEffect4, useState as useState8 } from "react";
+import { useEditor as useEditor3 } from "@coze-editor/react";
+function useMouseSelectionPopup() {
+  const editor = useEditor3();
+  const [visible, setVisible] = useState8(false);
+  const [selection, setSelection] = useState8(null);
+  useEffect4(() => {
+    if (!editor) {
+      return;
+    }
+    function handleMousedown() {
+      setVisible(false);
+    }
+    function handleMouseup() {
+      setTimeout(() => {
+        const cmSelection = editor.$view.state.selection.main;
+        if (!cmSelection) {
+          setVisible(false);
+          return;
+        }
+        const isRange = cmSelection.from !== cmSelection.to;
+        if (!isRange) {
+          setVisible(false);
+          return;
+        }
+        setSelection({
+          from: cmSelection.from,
+          to: cmSelection.to,
+          anchor: cmSelection.anchor,
+          head: cmSelection.head
+        });
+        setTimeout(() => {
+          setVisible(true);
+        }, 50);
+      }, 50);
+    }
+    function handleSelectionChange() {
+      setVisible(false);
+    }
+    function handleBlur() {
+      setVisible(false);
+    }
+    editor.$on("mousedown", handleMousedown);
+    editor.$on("mouseup", handleMouseup);
+    editor.$on("selectionChange", handleSelectionChange);
+    editor.$on("blur", handleBlur);
+    return () => {
+      editor.$off("mousedown", handleMousedown);
+      editor.$off("mouseup", handleMouseup);
+      editor.$off("selectionChange", handleSelectionChange);
+      editor.$off("blur", handleBlur);
+    };
+  }, [editor]);
+  const anchor = (selection == null ? void 0 : selection.anchor) ?? -1;
+  const head = (selection == null ? void 0 : selection.head) ?? -1;
+  const from = (selection == null ? void 0 : selection.from) ?? -1;
+  const to = (selection == null ? void 0 : selection.to) ?? -1;
+  return {
+    anchor,
+    head,
+    from,
+    to,
+    visible
+  };
+}
+export {
+  createPortalConnector,
+  useChangeListener,
+  useCompartment,
+  useDocumentListener,
+  useDocumentSelector,
+  useEditorEvent,
+  useFocused,
+  useHTMLElement,
+  useHistoryState,
+  useInjectorEffect,
+  useLatest,
+  useMouseSelectionPopup,
+  usePortalConnector,
+  useRangesManager,
+  useStateField
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-state-field.ts","../../src/hooks/use-ranges-manager.ts","../../src/hooks/use-focused.ts","../../src/hooks/use-injector-effect.ts","../../src/hooks/use-html-element.ts","../../src/hooks/use-compartment.ts","../../src/hooks/use-latest.ts","../../src/hooks/use-change-listener.tsx","../../src/hooks/use-document-selector.ts","../../src/hooks/use-document-listener.ts","../../src/hooks/use-portal-connector.tsx","../../src/hooks/use-editor-event.ts","../../src/hooks/use-history-state.ts","../../src/hooks/use-mouse-selection-popup.ts"],"sourcesContent":["//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { type BuiltinEditorAPI, useEditor } from '@coze-editor/react';\nimport {\n  type EditorState,\n  StateEffect,\n  StateField,\n  type Transaction,\n} from '@codemirror/state';\n\nfunction useStateField<T = unknown>(\n  create: (state: EditorState) => T,\n  update?: (value: T, tr: Transaction) => T,\n) {\n  const editor = useEditor<BuiltinEditorAPI>();\n\n  const [effect] = useState(() => StateEffect.define<T>());\n\n  const updateRef = useRef<((value: T, tr: Transaction) => T) | undefined>();\n  updateRef.current = update;\n\n  const [field] = useState<StateField<T>>(() =>\n    StateField.define({\n      create(state) {\n        return create(state);\n      },\n      update(value, tr) {\n        if (typeof updateRef.current === 'function') {\n          value = updateRef.current(value, tr);\n        }\n\n        for (const trEffect of tr.effects) {\n          if (trEffect.is(effect)) {\n            return trEffect.value;\n          }\n        }\n\n        return value;\n      },\n    }),\n  );\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n\n    editor.$view.dispatch({\n      effects: effect.of(create(editor.$view.state)),\n    });\n  }, [editor, effect, create]);\n\n  return field;\n}\n\nexport { useStateField };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { useEffect, useRef } from 'react';\n\nimport {\n  type BuiltinEditorAPI,\n  useEditor,\n  useInjector,\n} from '@coze-editor/react';\nimport { Decoration, type EditorView } from '@codemirror/view';\nimport {\n  Facet,\n  RangeSet,\n  RangeSetBuilder,\n  StateEffect,\n  StateField,\n} from '@codemirror/state';\nimport { invertedEffects } from '@codemirror/commands';\n\ninterface IDValueSpec {\n  /// Whether the mark covers its start and end position or not. This\n  /// influences whether content inserted at those positions becomes\n  /// part of the mark. Defaults to false.\n  inclusive?: boolean;\n  /// Specify whether the start position of the marked range should be\n  /// inclusive. Overrides `inclusive`, when both are present.\n  inclusiveStart?: boolean;\n  /// Whether the end should be inclusive.\n  inclusiveEnd?: boolean;\n  id?: string;\n  [other: string]: any;\n}\n\nconst enum Side {\n  NonIncEnd = -6e8, // (end of non-inclusive range)\n  GapStart = -5e8,\n  BlockBefore = -4e8, // + widget side option (block widget before)\n  BlockIncStart = -3e8, // (start of inclusive block range)\n  Line = -2e8, // (line widget)\n  InlineBefore = -1e8, // + widget side (inline widget before)\n  InlineIncStart = -1, // (start of inclusive inline range)\n  InlineIncEnd = 1, // (end of inclusive inline range)\n  InlineAfter = 1e8, // + widget side (inline widget after)\n  BlockIncEnd = 2e8, // (end of inclusive block range)\n  BlockAfter = 3e8, // + widget side (block widget after)\n  GapEnd = 4e8,\n  NonIncStart = 5e8, // (start of non-inclusive range)\n}\n\nclass IDValue extends Decoration {\n  public id: string;\n\n  constructor(spec: IDValueSpec) {\n    const { start, end } = getInclusive(spec);\n\n    super(\n      start ? Side.InlineIncStart : Side.NonIncStart,\n      end ? Side.InlineIncEnd : Side.NonIncEnd,\n      null,\n      spec,\n    );\n\n    this.id = spec.id ?? '';\n  }\n\n  eq(other: Decoration): boolean {\n    return this.id === (other as IDValue).id;\n  }\n}\n\nfunction getInclusive(\n  spec: {\n    inclusive?: boolean;\n    inclusiveStart?: boolean;\n    inclusiveEnd?: boolean;\n  },\n  block = false,\n): { start: boolean; end: boolean } {\n  let { inclusiveStart: start, inclusiveEnd: end } = spec;\n  if (start == null) {\n    start = spec.inclusive;\n  }\n  if (end == null) {\n    end = spec.inclusive;\n  }\n  return { start: start ?? block, end: end ?? block };\n}\n\nconst addEffect = StateEffect.define<IDRangeSpec[]>({\n  map: (specs, change) =>\n    specs.map(({ from, to, ...rest }) => ({\n      from: change.mapPos(from),\n      to: change.mapPos(to),\n      ...rest,\n    })),\n});\nconst removeEffect = StateEffect.define<string[]>();\nconst recoverEffect = StateEffect.define<IDRangeSpec[]>();\n\nconst facet = Facet.define();\n\ninterface IDRangeSpec {\n  from: number;\n  to: number;\n  id: string;\n}\n\nfunction toRangeSet(specs: IDRangeSpec[]) {\n  specs.sort((a, b) => a.from - b.from);\n\n  const builder = new RangeSetBuilder<Decoration>();\n  for (const spec of specs) {\n    builder.add(\n      spec.from,\n      spec.to,\n      new IDValue({\n        id: spec.id,\n      }),\n    );\n  }\n  return builder.finish();\n}\n\nfunction toSpecs(ranges: RangeSet<IDValue>): IDRangeSpec[] {\n  const specs: IDRangeSpec[] = [];\n  const cursor = ranges.iter();\n\n  while (cursor.value) {\n    specs.push({\n      from: cursor.from,\n      to: cursor.to,\n      id: cursor.value.id,\n    });\n    cursor.next();\n  }\n\n  return specs;\n}\n\ntype Watcher = (specs: IDRangeSpec[]) => void;\n\nfunction useRangesManager() {\n  const injector = useInjector();\n  const editor = useEditor<BuiltinEditorAPI>();\n\n  const watchersRef = useRef<Watcher[]>([]);\n\n  const viewRef = useRef<EditorView | null>(null);\n  viewRef.current = editor?.$view;\n  const rangesStashRef = useRef<IDRangeSpec[]>([]);\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n\n    const field = StateField.define<RangeSet<IDValue>>({\n      create() {\n        if (rangesStashRef.current) {\n          return toRangeSet(rangesStashRef.current);\n        }\n        return RangeSet.empty;\n      },\n      update(set, tr) {\n        set = set.map(tr.changes);\n\n        for (const effect of tr.effects) {\n          if (effect.is(addEffect)) {\n            const specs = effect.value ?? [];\n            set = set.update({\n              add: specs.map(spec =>\n                new IDValue({ id: spec.id }).range(spec.from, spec.to),\n              ),\n            });\n          }\n\n          if (effect.is(removeEffect)) {\n            const ids = effect.value;\n            set = set.update({\n              filter(from, to, value) {\n                return !ids.includes(value.id);\n              },\n            });\n          }\n\n          if (effect.is(recoverEffect)) {\n            const specs = effect.value ?? [];\n            const ids = specs.map(spec => spec.id);\n            set = set.update({\n              filter(from, to, value) {\n                return !ids.includes(value.id);\n              },\n            });\n            set = set.update({\n              add: specs.map(spec =>\n                new IDValue({ id: spec.id }).range(spec.from, spec.to),\n              ),\n            });\n          }\n        }\n\n        return set;\n      },\n    });\n\n    const invertable = invertedEffects.of(tr => {\n      const effects: StateEffect<unknown>[] = [];\n\n      const ranges = tr.startState.field(field);\n      // const length = tr.startState.doc.length\n\n      // make effect undoable(save effects of this tr in undo/redo stack)\n      // for (const effect of tr.effects) {\n      //   if (effect.is(addEffect)) {\n      //     const specs = effect.value ?? []\n      //     effects.push(\n      //       removeEffect.of(\n      //         specs.map(spec => spec.id)\n      //       )\n      //     )\n      //   }\n\n      //   if (effect.is(removeEffect)) {\n      //     const ids = effect.value\n      //     const specs = []\n      //     ranges.between(0, length, (from, to, value) => {\n      //       if (ids.includes(value.id)) {\n      //         specs.push({\n      //           from,\n      //           to,\n      //           id: value.id\n      //         })\n      //       }\n      //     })\n\n      //     effects.push(\n      //       addEffect.of(\n      //         specs\n      //       )\n      //     )\n      //   }\n      // }\n\n      tr.changes.iterChangedRanges((from, to) => {\n        ranges.between(from, to, (rangeFrom, rangeTo, value) => {\n          const f = Math.max(from, rangeFrom);\n          const t = Math.min(to, rangeTo);\n\n          // has overlapped parts\n          if (f < t) {\n            effects.push(\n              recoverEffect.of([\n                { from: rangeFrom, to: rangeTo, id: value.id },\n              ]),\n            );\n          }\n        });\n      });\n\n      return effects;\n    });\n\n    let isFirstTime = true;\n\n    return injector.inject([\n      field,\n      invertable,\n      facet.compute([field], state => {\n        if (isFirstTime) {\n          isFirstTime = false;\n          return;\n        }\n\n        const set = state.field(field);\n        if (\n          Array.isArray(watchersRef.current) &&\n          watchersRef.current.length > 0\n        ) {\n          const specs = toSpecs(set);\n          for (const watcher of watchersRef.current) {\n            watcher(specs);\n          }\n        }\n      }),\n    ]);\n  }, [editor]);\n\n  return {\n    add(specs: IDRangeSpec[]) {\n      if (!viewRef.current) {\n        rangesStashRef.current.push(...specs);\n        return;\n      }\n\n      viewRef.current.dispatch({\n        effects: addEffect.of(specs),\n      });\n    },\n    remove(ids: string[]) {\n      if (!viewRef.current) {\n        rangesStashRef.current = rangesStashRef.current.filter(\n          item => !ids.includes(item.id),\n        );\n        return;\n      }\n\n      viewRef.current.dispatch({\n        effects: removeEffect.of(ids),\n      });\n    },\n    watch(watcher: Watcher) {\n      watchersRef.current.push(watcher);\n      return () => {\n        watchersRef.current = watchersRef.current.filter(w => w !== watcher);\n      };\n    },\n  };\n}\n\nexport { useRangesManager };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { useLayoutEffect, useRef, useState } from 'react';\n\nimport { useInjector, InjectPosition } from '@coze-editor/react';\nimport { EditorView } from '@codemirror/view';\n\nfunction useFocused() {\n  const injector = useInjector();\n  const [focused, setFocused] = useState(false);\n\n  const focusedRef = useRef(focused);\n\n  useLayoutEffect(\n    () =>\n      injector.inject(\n        [\n          EditorView.updateListener.of(update => {\n            if (focusedRef.current !== update.view.hasFocus) {\n              setFocused(update.view.hasFocus);\n              focusedRef.current = update.view.hasFocus;\n            }\n          }),\n        ],\n        InjectPosition.Tail,\n      ),\n    [injector, setFocused],\n  );\n\n  return focused;\n}\n\nexport { useFocused };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { useLayoutEffect } from 'react';\n\nimport { type Injector, useInjector } from '@coze-editor/react';\n\ntype InjectorHandler = (\n  injector: Injector,\n) => ReturnType<typeof injector.inject> | undefined;\n\nfunction useInjectorEffect(handler: InjectorHandler, deps: any[] = []) {\n  const injector = useInjector();\n\n  useLayoutEffect(() => handler(injector), [injector, ...deps]);\n}\n\nexport { useInjectorEffect };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { useState } from 'react';\n\nfunction useHTMLElement(defaultTagName = 'div') {\n  const [element] = useState(() => document.createElement(defaultTagName));\n\n  return element;\n}\n\nexport { useHTMLElement };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { useState } from 'react';\n\nimport { Compartment } from '@codemirror/state';\n\nfunction useCompartment() {\n  const [compartment] = useState(() => new Compartment());\n  return compartment;\n}\n\nexport { useCompartment };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { useRef } from 'react';\n\nfunction useLatest<T>(value: T) {\n  const ref = useRef<T>(value);\n  ref.current = value;\n  return ref;\n}\n\nexport { useLatest };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { EditorView } from '@codemirror/view';\nimport { type Text } from '@codemirror/state';\n\nimport { useInjectorEffect, useLatest } from '../hooks';\n\ntype ChangeListener = (event: {\n  change: [number, number, number, number, Text];\n  view: EditorView;\n}) => void;\n\nfunction useChangeListener(listener: ChangeListener) {\n  const listenerRef = useLatest(listener);\n\n  useInjectorEffect(\n    injector =>\n      injector.inject([\n        EditorView.updateListener.of(update => {\n          if (update.docChanged && typeof listenerRef.current === 'function') {\n            update.changes.iterChanges((fromA, toA, fromB, toB, inserted) => {\n              listenerRef.current({\n                change: [fromA, toA, fromB, toB, inserted],\n                view: update.view,\n              });\n            });\n          }\n        }),\n      ]),\n    [],\n  );\n}\n\nexport { useChangeListener };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { useState } from 'react';\n\nimport { Facet, StateField, type Text } from '@codemirror/state';\n\nimport { useLatest } from './use-latest';\nimport { useInjectorEffect } from './use-injector-effect';\n\nconst field = StateField.define({\n  create(state) {\n    return state.doc;\n  },\n  update(value, tr) {\n    if (tr.docChanged) {\n      value = tr.state.doc;\n    }\n\n    return value;\n  },\n});\n\nconst facet = Facet.define();\n\ntype DocumentSelector<T> = (doc: Text) => T;\n\nfunction useDocumentSelector<T>(\n  selector: DocumentSelector<T>,\n  defaultValue: T,\n): T {\n  const [state, setState] = useState<T>(defaultValue);\n  const stateRef = useLatest(state);\n  const setStateRef = useLatest(setState);\n  const selectorRef = useLatest(selector);\n\n  useInjectorEffect(\n    injector =>\n      injector.inject([\n        field,\n        facet.compute([field], state => {\n          const derived = selectorRef.current(state.field(field));\n          if (stateRef.current !== derived) {\n            setStateRef.current(derived);\n          }\n        }),\n      ]),\n    [],\n  );\n\n  return state;\n}\n\nexport { useDocumentSelector };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { Facet, StateField, type Text } from '@codemirror/state';\n\nimport { useLatest } from './use-latest';\nimport { useInjectorEffect } from './use-injector-effect';\n\nconst field = StateField.define({\n  create(state) {\n    return state.doc;\n  },\n  update(value, tr) {\n    if (tr.docChanged) {\n      value = tr.state.doc;\n    }\n\n    return value;\n  },\n});\n\nconst facet = Facet.define();\n\ntype DocumentListener = (doc: Text) => void;\n\nfunction useDocumentListener(listener: DocumentListener): void {\n  const listenerRef = useLatest(listener);\n\n  useInjectorEffect(\n    injector =>\n      injector.inject([\n        field,\n        facet.compute([field], state => {\n          listenerRef.current(state.field(field));\n        }),\n      ]),\n    [],\n  );\n}\n\nexport { useDocumentListener };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { flushSync } from 'react-dom';\nimport React, { useState, useCallback } from 'react';\nimport type { ReactPortal } from 'react';\n\ninterface PortalItem {\n  id: string;\n  portal: ReactPortal;\n}\n\nfunction flush(fn: () => void, options: { sync: boolean }) {\n  if (options.sync) {\n    queueMicrotask(() => {\n      flushSync(fn);\n    });\n  } else {\n    fn();\n  }\n}\n\nfunction createPortalConnector(options?: { sync?: boolean }) {\n  let add = (id: string, portal: ReactPortal) => {};\n\n  let remove = (id: string) => {};\n\n  function connect(id: string, portal: ReactPortal) {\n    add(id, portal);\n  }\n\n  function disconnect(id: string) {\n    remove(id);\n  }\n\n  function Portal() {\n    const [items, setItems] = useState<PortalItem[]>([]);\n\n    const addItem = useCallback((id: string, portal: ReactPortal) => {\n      flush(\n        () => {\n          setItems(prevItems => {\n            const nextItems = [...prevItems];\n            const index = nextItems.findIndex(item => item.id === id);\n            if (index > -1) {\n              nextItems[index] = { id, portal };\n            } else {\n              nextItems.push({ id, portal });\n            }\n            return nextItems;\n          });\n        },\n        { sync: options?.sync ?? false },\n      );\n    }, []);\n\n    const removeItem = useCallback((id: string) => {\n      flush(\n        () => {\n          setItems(oldItems => oldItems.filter(item => item.id !== id));\n        },\n        { sync: options?.sync ?? false },\n      );\n    }, []);\n\n    add = addItem;\n    remove = removeItem;\n\n    return <>{items.map(item => item.portal)}</>;\n  }\n\n  return {\n    connect,\n    disconnect,\n    Portal,\n  };\n}\n\nfunction usePortalConnector(options?: { sync?: boolean }) {\n  const [connector] = useState(() => createPortalConnector(options));\n  return connector;\n}\n\nexport { createPortalConnector, usePortalConnector };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\n// WHY use-editor-event: avoid conflicts with React hook: useEvent\n\nimport { useEffect } from 'react';\n\ninterface EditorAPILike {\n  __private_eventmap: Record<string, any>;\n}\n\nfunction useEditorEvent<\n  T extends EditorAPILike,\n  K extends keyof T['__private_eventmap'],\n>(editor: T, eventName: K, handler: T['__private_eventmap'][K]): void {\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n\n    (editor as any).$on(eventName, handler);\n\n    return () => {\n      (editor as any).$off(eventName, handler);\n    };\n  }, [editor, eventName, handler]);\n}\n\nexport { useEditorEvent };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { useState } from 'react';\n\nimport { Facet } from '@codemirror/state';\nimport { historyField, redoDepth, undoDepth } from '@codemirror/commands';\n\nimport { useLatest } from './use-latest';\nimport { useInjectorEffect } from './use-injector-effect';\n\nconst facet = Facet.define();\n\nfunction useHistoryState() {\n  const [canUndo, setCanUndo] = useState(false);\n  const [canRedo, setCanRedo] = useState(false);\n\n  const setCanUndoRef = useLatest(setCanUndo);\n  const setCanRedoRef = useLatest(setCanRedo);\n\n  useInjectorEffect(injector =>\n    injector.inject([\n      facet.compute([historyField], state => {\n        setCanUndoRef.current(() => undoDepth(state) > 0);\n\n        setCanRedoRef.current(() => redoDepth(state) > 0);\n      }),\n    ]),\n  );\n\n  return {\n    canUndo,\n    canRedo,\n  };\n}\n\nexport { useHistoryState };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { useEffect, useState } from 'react';\n\nimport { type BuiltinEditorAPI, useEditor } from '@coze-editor/react';\n\nfunction useMouseSelectionPopup() {\n  const editor = useEditor<BuiltinEditorAPI>();\n  const [visible, setVisible] = useState(false);\n  const [selection, setSelection] = useState<{\n    from: number;\n    to: number;\n    anchor: number;\n    head: number;\n  } | null>(null);\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n\n    function handleMousedown() {\n      setVisible(false);\n    }\n\n    function handleMouseup() {\n      // mouseup 触发时机过早，此时 getSelection 获取到的信息还是上一次的 selection\n      setTimeout(() => {\n        const cmSelection = editor.$view.state.selection.main;\n\n        if (!cmSelection) {\n          setVisible(false);\n          return;\n        }\n\n        const isRange = cmSelection.from !== cmSelection.to;\n\n        if (!isRange) {\n          setVisible(false);\n          return;\n        }\n\n        setSelection({\n          from: cmSelection.from,\n          to: cmSelection.to,\n          anchor: cmSelection.anchor,\n          head: cmSelection.head,\n        });\n\n        // make showing up smooth\n        setTimeout(() => {\n          setVisible(true);\n        }, 50);\n      }, 50);\n    }\n\n    // 发生内容变更时，隐藏 popover\n    function handleSelectionChange() {\n      setVisible(false);\n    }\n\n    // 失焦时，隐藏 popover\n    function handleBlur() {\n      setVisible(false);\n    }\n\n    editor.$on('mousedown', handleMousedown);\n    editor.$on('mouseup', handleMouseup);\n    editor.$on('selectionChange', handleSelectionChange);\n    editor.$on('blur', handleBlur);\n\n    return () => {\n      editor.$off('mousedown', handleMousedown);\n      editor.$off('mouseup', handleMouseup);\n      editor.$off('selectionChange', handleSelectionChange);\n      editor.$off('blur', handleBlur);\n    };\n  }, [editor]);\n\n  const anchor = selection?.anchor ?? -1;\n  const head = selection?.head ?? -1;\n  const from = selection?.from ?? -1;\n  const to = selection?.to ?? -1;\n\n  return {\n    anchor,\n    head,\n    from,\n    to,\n    visible,\n  };\n}\n\nexport { useMouseSelectionPopup };\n"],"mappings":"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","names":["field","useEffect","useRef","useEditor","StateEffect","StateField","StateEffect","useEditor","useRef","useEffect","field","StateField","useRef","useState","useInjector","useLayoutEffect","useInjector","useState","useState","useRef","EditorView","EditorView","useState","Facet","StateField","StateField","facet","Facet","useState","state","Facet","StateField","field","StateField","facet","Facet","useState","useEffect","useState","Facet","facet","Facet","useState","useEffect","useState","useEditor"]}