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

package/dist/index.js

@@ -0,0 +1,605 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  createPortalConnector: () => createPortalConnector,
+  useChangeListener: () => useChangeListener,
+  useCompartment: () => useCompartment,
+  useDocumentListener: () => useDocumentListener,
+  useDocumentSelector: () => useDocumentSelector,
+  useEditorEvent: () => useEditorEvent,
+  useFocused: () => useFocused,
+  useHTMLElement: () => useHTMLElement,
+  useHistoryState: () => useHistoryState,
+  useInjectorEffect: () => useInjectorEffect,
+  useLatest: () => useLatest,
+  useMouseSelectionPopup: () => useMouseSelectionPopup,
+  usePortalConnector: () => usePortalConnector,
+  useRangesManager: () => useRangesManager,
+  useStateField: () => useStateField
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/hooks/use-state-field.ts
+var import_react = require("react");
+var import_react2 = require("@coze-editor/react");
+var import_state = require("@codemirror/state");
+function useStateField(create, update) {
+  const editor = (0, import_react2.useEditor)();
+  const [effect] = (0, import_react.useState)(() => import_state.StateEffect.define());
+  const updateRef = (0, import_react.useRef)();
+  updateRef.current = update;
+  const [field3] = (0, import_react.useState)(
+    () => import_state.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;
+      }
+    })
+  );
+  (0, import_react.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
+var import_react3 = require("react");
+var import_react4 = require("@coze-editor/react");
+var import_view = require("@codemirror/view");
+var import_state2 = require("@codemirror/state");
+var import_commands = require("@codemirror/commands");
+var IDValue = class extends import_view.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 = import_state2.StateEffect.define({
+  map: (specs, change) => specs.map(({ from, to, ...rest }) => ({
+    from: change.mapPos(from),
+    to: change.mapPos(to),
+    ...rest
+  }))
+});
+var removeEffect = import_state2.StateEffect.define();
+var recoverEffect = import_state2.StateEffect.define();
+var facet = import_state2.Facet.define();
+function toRangeSet(specs) {
+  specs.sort((a, b) => a.from - b.from);
+  const builder = new import_state2.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 = (0, import_react4.useInjector)();
+  const editor = (0, import_react4.useEditor)();
+  const watchersRef = (0, import_react3.useRef)([]);
+  const viewRef = (0, import_react3.useRef)(null);
+  viewRef.current = editor == null ? void 0 : editor.$view;
+  const rangesStashRef = (0, import_react3.useRef)([]);
+  (0, import_react3.useEffect)(() => {
+    if (!editor) {
+      return;
+    }
+    const field3 = import_state2.StateField.define({
+      create() {
+        if (rangesStashRef.current) {
+          return toRangeSet(rangesStashRef.current);
+        }
+        return import_state2.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 = import_commands.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
+var import_react5 = require("react");
+var import_react6 = require("@coze-editor/react");
+var import_view2 = require("@codemirror/view");
+function useFocused() {
+  const injector = (0, import_react6.useInjector)();
+  const [focused, setFocused] = (0, import_react5.useState)(false);
+  const focusedRef = (0, import_react5.useRef)(focused);
+  (0, import_react5.useLayoutEffect)(
+    () => injector.inject(
+      [
+        import_view2.EditorView.updateListener.of((update) => {
+          if (focusedRef.current !== update.view.hasFocus) {
+            setFocused(update.view.hasFocus);
+            focusedRef.current = update.view.hasFocus;
+          }
+        })
+      ],
+      import_react6.InjectPosition.Tail
+    ),
+    [injector, setFocused]
+  );
+  return focused;
+}
+
+// src/hooks/use-injector-effect.ts
+var import_react7 = require("react");
+var import_react8 = require("@coze-editor/react");
+function useInjectorEffect(handler, deps = []) {
+  const injector = (0, import_react8.useInjector)();
+  (0, import_react7.useLayoutEffect)(() => handler(injector), [injector, ...deps]);
+}
+
+// src/hooks/use-html-element.ts
+var import_react9 = require("react");
+function useHTMLElement(defaultTagName = "div") {
+  const [element] = (0, import_react9.useState)(() => document.createElement(defaultTagName));
+  return element;
+}
+
+// src/hooks/use-compartment.ts
+var import_react10 = require("react");
+var import_state3 = require("@codemirror/state");
+function useCompartment() {
+  const [compartment] = (0, import_react10.useState)(() => new import_state3.Compartment());
+  return compartment;
+}
+
+// src/hooks/use-latest.ts
+var import_react11 = require("react");
+function useLatest(value) {
+  const ref = (0, import_react11.useRef)(value);
+  ref.current = value;
+  return ref;
+}
+
+// src/hooks/use-change-listener.tsx
+var import_view3 = require("@codemirror/view");
+function useChangeListener(listener) {
+  const listenerRef = useLatest(listener);
+  useInjectorEffect(
+    (injector) => injector.inject([
+      import_view3.EditorView.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
+var import_react12 = require("react");
+var import_state4 = require("@codemirror/state");
+var field = import_state4.StateField.define({
+  create(state) {
+    return state.doc;
+  },
+  update(value, tr) {
+    if (tr.docChanged) {
+      value = tr.state.doc;
+    }
+    return value;
+  }
+});
+var facet2 = import_state4.Facet.define();
+function useDocumentSelector(selector, defaultValue) {
+  const [state, setState] = (0, import_react12.useState)(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
+var import_state5 = require("@codemirror/state");
+var field2 = import_state5.StateField.define({
+  create(state) {
+    return state.doc;
+  },
+  update(value, tr) {
+    if (tr.docChanged) {
+      value = tr.state.doc;
+    }
+    return value;
+  }
+});
+var facet3 = import_state5.Facet.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
+var import_react_dom = require("react-dom");
+var import_react13 = __toESM(require("react"));
+function flush(fn, options) {
+  if (options.sync) {
+    queueMicrotask(() => {
+      (0, import_react_dom.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] = (0, import_react13.useState)([]);
+    const addItem = (0, import_react13.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 = (0, import_react13.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__ */ import_react13.default.createElement(import_react13.default.Fragment, null, items.map((item) => item.portal));
+  }
+  return {
+    connect,
+    disconnect,
+    Portal
+  };
+}
+function usePortalConnector(options) {
+  const [connector] = (0, import_react13.useState)(() => createPortalConnector(options));
+  return connector;
+}
+
+// src/hooks/use-editor-event.ts
+var import_react14 = require("react");
+function useEditorEvent(editor, eventName, handler) {
+  (0, import_react14.useEffect)(() => {
+    if (!editor) {
+      return;
+    }
+    editor.$on(eventName, handler);
+    return () => {
+      editor.$off(eventName, handler);
+    };
+  }, [editor, eventName, handler]);
+}
+
+// src/hooks/use-history-state.ts
+var import_react15 = require("react");
+var import_state6 = require("@codemirror/state");
+var import_commands2 = require("@codemirror/commands");
+var facet4 = import_state6.Facet.define();
+function useHistoryState() {
+  const [canUndo, setCanUndo] = (0, import_react15.useState)(false);
+  const [canRedo, setCanRedo] = (0, import_react15.useState)(false);
+  const setCanUndoRef = useLatest(setCanUndo);
+  const setCanRedoRef = useLatest(setCanRedo);
+  useInjectorEffect(
+    (injector) => injector.inject([
+      facet4.compute([import_commands2.historyField], (state) => {
+        setCanUndoRef.current(() => (0, import_commands2.undoDepth)(state) > 0);
+        setCanRedoRef.current(() => (0, import_commands2.redoDepth)(state) > 0);
+      })
+    ])
+  );
+  return {
+    canUndo,
+    canRedo
+  };
+}
+
+// src/hooks/use-mouse-selection-popup.ts
+var import_react16 = require("react");
+var import_react17 = require("@coze-editor/react");
+function useMouseSelectionPopup() {
+  const editor = (0, import_react17.useEditor)();
+  const [visible, setVisible] = (0, import_react16.useState)(false);
+  const [selection, setSelection] = (0, import_react16.useState)(null);
+  (0, import_react16.useEffect)(() => {
+    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
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createPortalConnector,
+  useChangeListener,
+  useCompartment,
+  useDocumentListener,
+  useDocumentSelector,
+  useEditorEvent,
+  useFocused,
+  useHTMLElement,
+  useHistoryState,
+  useInjectorEffect,
+  useLatest,
+  useMouseSelectionPopup,
+  usePortalConnector,
+  useRangesManager,
+  useStateField
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../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\nexport {\n  useRangesManager,\n  useFocused,\n  useChangeListener,\n  useDocumentSelector,\n  useDocumentListener,\n  useLatest,\n  usePortalConnector,\n  createPortalConnector,\n  useEditorEvent,\n  // TODO: 考虑私有至使用的地方\n  useHTMLElement,\n  useInjectorEffect,\n  useStateField,\n  useCompartment,\n  useHistoryState,\n  useMouseSelectionPopup,\n} from './hooks';\n","//  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":["import_react","field","import_react","import_state","field","import_react","import_view","import_react","import_react","import_react","import_state","import_react","import_view","import_react","import_state","facet","state","import_state","field","facet","import_react","React","import_react","import_react","import_state","import_commands","facet","import_react"]}