rme 0.3.0-beta.39 → 0.3.0-beta.40

package/dist/index.d.ts

@@ -1,9 +1,10 @@
 import * as _drl990114_codemirror_themes from '@drl990114/codemirror-themes';
 import { CreateThemeOptions } from '@drl990114/codemirror-themes';
 export { CreateThemeOptions, createTheme } from '@drl990114/codemirror-themes';
+import * as _codemirror_state from '@codemirror/state';
+import { Compartment, Extension, StateField } from '@codemirror/state';
 import { LanguageSupport, LanguageDescription } from '@codemirror/language';
-import { Compartment, Extension } from '@codemirror/state';
-import { EditorView, EditorViewConfig } from '@codemirror/view';
+import { EditorView, EditorViewConfig, ViewPlugin, DecorationSet, ViewUpdate } from '@codemirror/view';
 import { ProsemirrorNode, EditorView as EditorView$1 } from '@rme-sdk/pm';
 import * as react from 'react';
 import react__default, { CSSProperties, ComponentType, ReactNode, MouseEvent, JSX, FC } from 'react';
@@ -67,8 +68,30 @@ declare const defaultCommandShortcutMap: {
 
 type CustomCopyFunction = (code: string) => Promise<boolean> | boolean;
 
+declare const cmInstanceMap: Map<string, MfCodemirrorView>;
 declare const changeTheme: (theme: CreateThemeOptions) => void;
 declare const extractMatches: (view: EditorView) => any[];
+interface SearchData {
+    ranges?: Array<{
+        from: number;
+        to: number;
+    }>;
+    curIndex?: number | null;
+}
+declare const cmSearchEffects: _codemirror_state.StateEffectType<SearchData>;
+interface SearchState {
+    ranges: Array<{
+        from: number;
+        to: number;
+    }>;
+    curIndex: number | null;
+}
+declare const cmSearchField: StateField<SearchState>;
+declare const cmSearchDecorations: ViewPlugin<{
+    decorations: DecorationSet;
+    update(update: ViewUpdate): void;
+    buildDecorations(view: EditorView): DecorationSet;
+}, undefined>;
 type CreateCodemirrorOptions = {
     /**
      * when it is true, undo and redo will use prosemirror view.
@@ -112,13 +135,15 @@ declare class MfCodemirrorView {
     options?: CreateCodemirrorOptions;
     private copyButton;
     private copyButtonContainer;
-    constructor({ view, getPos, node, extensions, languageName, options, }: {
+    private parentEditorId;
+    constructor({ view, getPos, node, extensions, languageName, options, editorId, }: {
         node: ProsemirrorNode;
         view: EditorView$1;
         getPos: () => number;
         extensions?: Extension[] | null;
         languageName: string;
         options?: CreateCodemirrorOptions;
+        editorId?: string;
     });
     update(node: ProsemirrorNode): boolean;
     setSelection(anchor: number, head: number): void;
@@ -953,5 +978,5 @@ type WysiwygToolbarProps = {
 };
 declare const WysiwygToolbar: FC<WysiwygToolbarProps>;
 
-export { CommandButton, CommandButtonIcon, Editor, extensions as EditorExtensions, EditorViewType, HtmlImageExtension, LineListExtension, MarkdownNodeExtension, MdImgUriExtension, MfCodemirrorView, Preview, SourceCodeThemeWrapper, _default$1 as SourceEditor, ThemeProvider, _default as WysiwygEditor, WysiwygThemeWrapper, WysiwygToolbar, alwaysTrue, buildMarkdownParser, buildMarkdownSerializer, changeTheme, common, computeChange, createSourceCodeDelegate, createSourceCodeManager, createWysiwygDelegate, darkTheme, defaultStyleToken, extractMatches, getLanguageMap, isImageFileType, isOrderedListNode, lightTheme, loadLanguage, tableSelectorSize };
-export type { CommandButtonIconProps, CommandButtonProps, CreateCodemirrorOptions, CreateWysiwygDelegateOptions, DelayedImage$1 as DelayedImage, DocToString, EditorChangeEventParams, EditorChangeHandler, EditorContext, EditorDelegate, EditorProps, EditorRef, EditorState, ExtensionsOptions, FileWithProgress$1 as FileWithProgress, HTMLAstNode, ImageAttributes, ImageExtensionAttributes, ImageOptions, Note, StringToDoc, WysiwygToolbarProps };
+export { CommandButton, CommandButtonIcon, Editor, extensions as EditorExtensions, EditorViewType, HtmlImageExtension, LineListExtension, MarkdownNodeExtension, MdImgUriExtension, MfCodemirrorView, Preview, SourceCodeThemeWrapper, _default$1 as SourceEditor, ThemeProvider, _default as WysiwygEditor, WysiwygThemeWrapper, WysiwygToolbar, alwaysTrue, buildMarkdownParser, buildMarkdownSerializer, changeTheme, cmInstanceMap, cmSearchDecorations, cmSearchEffects, cmSearchField, common, computeChange, createSourceCodeDelegate, createSourceCodeManager, createWysiwygDelegate, darkTheme, defaultStyleToken, extractMatches, getLanguageMap, isImageFileType, isOrderedListNode, lightTheme, loadLanguage, tableSelectorSize };
+export type { CommandButtonIconProps, CommandButtonProps, CreateCodemirrorOptions, CreateWysiwygDelegateOptions, DelayedImage$1 as DelayedImage, DocToString, EditorChangeEventParams, EditorChangeHandler, EditorContext, EditorDelegate, EditorProps, EditorRef, EditorState, ExtensionsOptions, FileWithProgress$1 as FileWithProgress, HTMLAstNode, ImageAttributes, ImageExtensionAttributes, ImageOptions, Note, SearchState, StringToDoc, WysiwygToolbarProps };

package/dist/index.mjs

@@ -18,8 +18,8 @@ import {
   ensureSyntaxTree
 } from "@codemirror/language";
 import { languages } from "@codemirror/language-data";
-import { EditorState as CodeMirrorEditorState, Compartment } from "@codemirror/state";
-import { EditorView as CodeMirrorEditorView, keymap } from "@codemirror/view";
+import { EditorState as CodeMirrorEditorState, Compartment, StateEffect, StateField } from "@codemirror/state";
+import { EditorView as CodeMirrorEditorView, Decoration, keymap, ViewPlugin } from "@codemirror/view";
 import { assertGet, isPromise, replaceNodeAtPosition } from "@rme-sdk/core";
 import { exitCode } from "@rme-sdk/pm/commands";
 import { redo as redo2, undo as undo2 } from "@rme-sdk/pm/history";
@@ -1666,6 +1666,18 @@ var WysiwygThemeWrapper = styled.div.attrs((p) => ({
     background-color: transparent;
   }
 
+  .rme-find-decoration,
+  .cm-search-match {
+    background-color: yellow;
+    color: #222;
+  }
+
+  .rme-find-active-decoration,
+  .cm-search-active {
+    background-color: orange;
+    color: #222;
+  }
+
   & .html-image-node-view-wrapper,
   & .md-image-node-view-wrapper {
     display: inline-flex;
@@ -1833,6 +1845,16 @@ var SourceCodeThemeWrapper = styled2.div.attrs((p) => ({
     }
   }
 
+  .cm-search-match {
+    background-color: yellow;
+    color: #222;
+  }
+
+  .cm-search-active {
+    background-color: orange;
+    color: #222;
+  }
+
   ${(props) => props.dark && css3`
       color-scheme: dark;
     `}
@@ -1896,6 +1918,85 @@ var extractMatches = (view) => {
   });
   return matches;
 };
+var cmSearchEffects = StateEffect.define({
+  map: (value, mapping) => {
+    if (!value.ranges) return value;
+    const mappedRanges = value.ranges.map((range) => ({
+      from: mapping.mapPos(range.from),
+      to: mapping.mapPos(range.to)
+    }));
+    return {
+      ranges: mappedRanges,
+      curIndex: value.curIndex !== void 0 ? value.curIndex : void 0
+    };
+  }
+});
+var SEARCH_MATCH_CLASS = "cm-search-match";
+var SEARCH_ACTIVE_CLASS = "cm-search-active";
+var cmSearchField = StateField.define({
+  create(state) {
+    return {
+      ranges: [],
+      curIndex: null
+    };
+  },
+  update(value, tr) {
+    let ranges = value.ranges;
+    let curIndex = value.curIndex;
+    for (const effect of tr.effects) {
+      if (effect.is(cmSearchEffects)) {
+        if (effect.value.ranges !== void 0) {
+          ranges = effect.value.ranges;
+        }
+        if ("curIndex" in effect.value) {
+          curIndex = effect.value.curIndex ?? null;
+        }
+      }
+    }
+    ranges = ranges.map((range) => ({
+      from: tr.changes.mapPos(range.from),
+      to: tr.changes.mapPos(range.to)
+    }));
+    return { ranges, curIndex };
+  }
+});
+var cmSearchDecorations = ViewPlugin.fromClass(
+  class {
+    constructor(view) {
+      this.decorations = this.buildDecorations(view);
+    }
+    update(update) {
+      if (update.docChanged || update.state.field(cmSearchField, false)) {
+        this.decorations = this.buildDecorations(update.view);
+      }
+    }
+    buildDecorations(view) {
+      let searchState;
+      try {
+        searchState = view.state.field(cmSearchField, false);
+      } catch (e) {
+        return Decoration.none;
+      }
+      if (!searchState || !searchState.ranges.length) {
+        return Decoration.none;
+      }
+      const { ranges, curIndex } = searchState;
+      const widgets = [];
+      console.log("searchState", searchState);
+      ranges.forEach((range, index) => {
+        const isCurrent = curIndex !== null && curIndex !== void 0 && curIndex === index;
+        const decoration = Decoration.mark({
+          class: isCurrent ? `${SEARCH_MATCH_CLASS} ${SEARCH_ACTIVE_CLASS}` : SEARCH_MATCH_CLASS
+        });
+        widgets.push(decoration.range(range.from, range.to));
+      });
+      return Decoration.set(widgets);
+    }
+  },
+  {
+    decorations: (v) => v.decorations
+  }
+);
 var MfCodemirrorView = class {
   constructor({
     view,
@@ -1903,7 +2004,8 @@ var MfCodemirrorView = class {
     node,
     extensions: extensions2 = [],
     languageName,
-    options = {}
+    options = {},
+    editorId
   }) {
     this.toggleName = "paragraph";
     this.id = nanoid();
@@ -1911,6 +2013,7 @@ var MfCodemirrorView = class {
     this.updating = false;
     this.copyButton = null;
     this.copyButtonContainer = null;
+    this.parentEditorId = null;
     this.view = view;
     this.getPos = getPos;
     this.node = node;
@@ -1920,6 +2023,7 @@ var MfCodemirrorView = class {
     this.languageName = languageName;
     this.loadLanguage = loadLanguage;
     this.options = options;
+    this.parentEditorId = editorId || null;
     this.content = this.node.textContent;
     const changeFilter = CodeMirrorEditorState.changeFilter.of((tr) => {
       if (!tr.docChanged) {
@@ -1934,6 +2038,8 @@ var MfCodemirrorView = class {
         changeFilter,
         this.languageConf.of([]),
         this.editorTheme.of(themeRef.current),
+        cmSearchField,
+        cmSearchDecorations,
         ...extensions2 ?? []
       ]
     });
@@ -2479,7 +2585,7 @@ import {
   setBlockType as setBlockType3
 } from "@rme-sdk/core";
 import { TextSelection as TextSelection12 } from "@rme-sdk/pm/state";
-import { Decoration as Decoration8, DecorationSet as DecorationSet6 } from "@rme-sdk/pm/view";
+import { Decoration as Decoration9, DecorationSet as DecorationSet7 } from "@rme-sdk/pm/view";
 
 // src/editor/transform/parser.ts
 import { Mark } from "@rme-sdk/pm/model";
@@ -3583,7 +3689,7 @@ import { PlainExtension } from "@rme-sdk/core";
 // src/editor/extensions/Table/table-selector.ts
 import { cx } from "@rme-sdk/core";
 import { isCellSelection, TableMap as TableMap3 } from "@rme-sdk/pm/tables";
-import { Decoration, DecorationSet } from "@rme-sdk/pm/view";
+import { Decoration as Decoration2, DecorationSet as DecorationSet2 } from "@rme-sdk/pm/view";
 
 // src/editor/utils/dom.ts
 import { getDocument, getId } from "@ocavue/utils";
@@ -3843,11 +3949,11 @@ function createSelectorDecorations(state) {
   const { doc, selection } = state;
   const table = findTable(selection);
   if (!table) {
-    return DecorationSet.empty;
+    return DecorationSet2.empty;
   }
   const map = TableMap3.get(table.node);
   if (!map.map.length) {
-    return DecorationSet.empty;
+    return DecorationSet2.empty;
   }
   const decos = [];
   const selectionType = isCellSelection(selection) ? getCellSelectionType(selection) : null;
@@ -3877,7 +3983,7 @@ function createSelectorDecorations(state) {
   };
   const cornerCell = getCellsInRect(selection, { top: 0, bottom: 1, left: 0, right: 1 })[0];
   decos.push(
-    Decoration.widget(
+    Decoration2.widget(
       cornerCell.pos + 1,
       (view, getPos) => createBodySelector(view, getPos, selectionType === "table"),
       spec
@@ -3886,7 +3992,7 @@ function createSelectorDecorations(state) {
   getCellsInColumn(selection, 0).forEach((cell, rowIndex) => {
     const highlight = rowIndex >= minHighlightRow && rowIndex <= maxHighlightRow;
     decos.push(
-      Decoration.widget(
+      Decoration2.widget(
         cell.pos + 1,
         (view, getPos) => createRowSelector(view, getPos, highlight),
         spec
@@ -3896,14 +4002,14 @@ function createSelectorDecorations(state) {
   getCellsInRow(selection, 0).forEach((cell, colIndex) => {
     const highlight = colIndex >= minHighlightCol && colIndex <= maxHighlightCol;
     decos.push(
-      Decoration.widget(
+      Decoration2.widget(
         cell.pos + 1,
         (view, getPos) => createColumnSelector(view, getPos, highlight),
         spec
       )
     );
   });
-  return DecorationSet.create(doc, decos);
+  return DecorationSet2.create(doc, decos);
 }
 
 // src/editor/extensions/Table/table-selector-extension.ts
@@ -4914,7 +5020,7 @@ import {
   extension as extension3,
   PlainExtension as PlainExtension3
 } from "@rme-sdk/core";
-import { Decoration as Decoration2, DecorationSet as DecorationSet2 } from "@rme-sdk/pm/view";
+import { Decoration as Decoration3, DecorationSet as DecorationSet3 } from "@rme-sdk/pm/view";
 import escapeStringRegex from "escape-string-regexp";
 import matchAll from "string.prototype.matchall";
 
@@ -4943,6 +5049,7 @@ var FindExtension = class extends PlainExtension3 {
         return this.stopFind();
       }
       this.setProps({ query, activeIndex, caseSensitive });
+      this.syncSearchToCodeMirror(query, activeIndex);
       return ({ tr, dispatch }) => this.updateView(tr, dispatch);
     };
     /**
@@ -4952,6 +5059,14 @@ var FindExtension = class extends PlainExtension3 {
       return ({ tr, dispatch }) => {
         this._query = "";
         this._activeIndex = void 0;
+        cmInstanceMap.forEach((cmInstance) => {
+          cmInstance.cm.dispatch({
+            effects: cmSearchEffects.of({
+              ranges: [],
+              curIndex: void 0
+            })
+          });
+        });
         return this.updateView(tr, dispatch);
       };
     };
@@ -5032,7 +5147,7 @@ var FindExtension = class extends PlainExtension3 {
     return {
       state: {
         init() {
-          return DecorationSet2.empty;
+          return DecorationSet3.empty;
         },
         apply: (tr, old) => {
           if (this._updating || tr.docChanged && this.options.alwaysFind) {
@@ -5040,9 +5155,17 @@ var FindExtension = class extends PlainExtension3 {
             this._ranges = this.gatherFindResults(doc);
             this.normalizeActiveIndex();
             this.scrollToActiveResult();
+            if (this._query) {
+              this.syncSearchToCodeMirror(this._query, this._activeIndex);
+            }
             return this.createDecorationSet(doc);
           }
           if (tr.docChanged) {
+            if (this._query && this.options.alwaysFind) {
+              this._ranges = this.gatherFindResults(tr.doc);
+              this.normalizeActiveIndex();
+              this.syncSearchToCodeMirror(this._query, this._activeIndex);
+            }
             return old.map(tr.mapping, tr.doc);
           }
           return old;
@@ -5069,6 +5192,30 @@ var FindExtension = class extends PlainExtension3 {
     const re = new RegExp(this._query, this._caseSensitive ? "gu" : "gui");
     const ranges = [];
     doc.descendants((node, pos) => {
+      if (node.type.name === "codeMirror") {
+        let codeContent = node.textContent;
+        for (const [id, cmView] of Array.from(cmInstanceMap.entries())) {
+          if (cmView.node && cmView.node.eq(node)) {
+            try {
+              codeContent = cmView.cm.state.doc.toString();
+            } catch (e) {
+              codeContent = node.textContent;
+            }
+            break;
+          }
+        }
+        for (const match of matchAll(codeContent, re)) {
+          const from = pos + 2 + (match.index ?? 0);
+          const to = from + match[0].length;
+          const nodeEnd = pos + node.nodeSize;
+          const boundedFrom = Math.min(from, nodeEnd);
+          const boundedTo = Math.min(to, nodeEnd);
+          if (boundedFrom < boundedTo) {
+            ranges.push({ from: boundedFrom, to: boundedTo });
+          }
+        }
+        return false;
+      }
       if (!node.isTextblock) {
         return true;
       }
@@ -5102,13 +5249,13 @@ var FindExtension = class extends PlainExtension3 {
   }
   createDecorationSet(doc) {
     const decorations = this._ranges.map(
-      (deco, index) => Decoration2.inline(
+      (deco, index) => Decoration3.inline(
         deco.from,
         deco.to,
         index === this._activeIndex ? this.options.activeDecoration : this.options.decoration
       )
     );
-    return DecorationSet2.create(doc, decorations);
+    return DecorationSet3.create(doc, decorations);
   }
   /**
    * Dispatch an empty transaction to trigger an update of the decoration.
@@ -5121,6 +5268,65 @@ var FindExtension = class extends PlainExtension3 {
     this._updating = false;
     return true;
   }
+  syncSearchToCodeMirror(query, activeIndex) {
+    const allRanges = this.gatherFindResults(this.store.view.state.doc);
+    const cmRangesMap = /* @__PURE__ */ new Map();
+    allRanges.forEach((range, globalIndex) => {
+      const $pos = this.store.view.state.doc.resolve(range.from);
+      const node = $pos.node();
+      if (node.type.name === "codeMirror") {
+        if (!cmRangesMap.has(node)) {
+          cmRangesMap.set(node, []);
+        }
+        const cmContentStart = range.from - ($pos.start() + 1);
+        const cmContentEnd = range.to - ($pos.start() + 1);
+        const cmDocLength = node.textContent.length;
+        const adjustedFrom = Math.max(0, Math.min(cmContentStart, cmDocLength));
+        const adjustedTo = Math.max(adjustedFrom, Math.min(cmContentEnd, cmDocLength));
+        cmRangesMap.get(node).push({
+          from: adjustedFrom,
+          to: adjustedTo,
+          index: globalIndex
+          // 全局索引
+        });
+      }
+    });
+    const processedNodes = /* @__PURE__ */ new Set();
+    this.store.view.state.doc.descendants((node, pos) => {
+      if (node.type.name === "codeMirror") {
+        const nodeId = `${pos}-${node.textContent.substring(0, 20)}-${node.nodeSize}`;
+        if (processedNodes.has(nodeId)) {
+          return false;
+        }
+        processedNodes.add(nodeId);
+        const cmRanges = cmRangesMap.get(node);
+        if (cmRanges) {
+          for (const [id, cmView] of Array.from(cmInstanceMap.entries())) {
+            if (cmView.node && cmView.node.eq(node)) {
+              let cmActiveIndex = null;
+              if (activeIndex !== void 0 && activeIndex !== null) {
+                const localActiveIndex = cmRanges.findIndex((r) => r.index === activeIndex);
+                if (localActiveIndex !== -1) {
+                  cmActiveIndex = localActiveIndex;
+                } else {
+                  cmActiveIndex = null;
+                }
+              }
+              cmView.cm.dispatch({
+                effects: cmSearchEffects.of({
+                  ranges: cmRanges.map((r) => ({ from: r.from, to: r.to })),
+                  curIndex: cmActiveIndex
+                })
+              });
+              break;
+            }
+          }
+        }
+        return false;
+      }
+      return true;
+    });
+  }
   scrollToActiveResult() {
     if (this._activeIndex == null) {
       return;
@@ -5142,8 +5348,8 @@ var FindExtension = class extends PlainExtension3 {
 FindExtension = __decorateClass([
   extension3({
     defaultOptions: {
-      decoration: { style: "background-color: yellow;" },
-      activeDecoration: { style: "background-color: orange;" },
+      decoration: { style: "background-color: yellow;", class: "rme-find-decoration" },
+      activeDecoration: { style: "background-color: orange;", class: "rme-find-active-decoration" },
       alwaysFind: false
     },
     staticKeys: [],
@@ -8266,7 +8472,7 @@ function isClipboardEvent(event) {
 
 // src/editor/extensions/Inline/inline-deco-extension.ts
 import { isTextSelection as isTextSelection2, PlainExtension as PlainExtension5 } from "@rme-sdk/core";
-import { Decoration as Decoration4, DecorationSet as DecorationSet3 } from "@rme-sdk/pm/view";
+import { Decoration as Decoration5, DecorationSet as DecorationSet4 } from "@rme-sdk/pm/view";
 
 // src/editor/extensions/Inline/inline-mark-extensions.ts
 import { MarkExtension, extension as extension10 } from "@rme-sdk/core";
@@ -9480,9 +9686,9 @@ function createDecorationPlugin() {
             false
           );
         }
-        return DecorationSet3.create(
+        return DecorationSet4.create(
           state.doc,
-          posPairs.map(([from, to]) => Decoration4.inline(from, to, { class: "show" }))
+          posPairs.map(([from, to]) => Decoration5.inline(from, to, { class: "show" }))
         );
       }
     }
@@ -10965,6 +11171,10 @@ var NodeIndicatorExtension = class extends PlainExtension7 {
           return true;
         },
         handleDOMEvents: {
+          pointerout: (view, event) => {
+            view.dispatch(view.state.tr.setMeta(pluginKey, { node: null, pos: null }));
+            return false;
+          },
           pointermove: (view, event) => {
             const { x, y } = event;
             const block = findBlockByCoords(view, x, y);
@@ -11031,7 +11241,7 @@ var LineParagraphExtension = class extends ParagraphExtension {
 
 // src/editor/extensions/Placeholder/index.ts
 import { extension as extension14, ManagerPhase, PlainExtension as PlainExtension8 } from "@rme-sdk/core";
-import { Decoration as Decoration6, DecorationSet as DecorationSet4 } from "@rme-sdk/pm/view";
+import { Decoration as Decoration7, DecorationSet as DecorationSet5 } from "@rme-sdk/pm/view";
 var PlaceholderExtension = class extends PlainExtension8 {
   get name() {
     return "placeholder";
@@ -11069,14 +11279,14 @@ function createDecorationSet(props) {
   const decorations = [];
   state.doc.descendants((node, pos) => {
     if (node.type.name === "paragraph" && node.content.size === 0 && placeholder && state.selection.from - 1 === pos) {
-      const placeholderDecoration = Decoration6.node(pos, pos + node.nodeSize, {
+      const placeholderDecoration = Decoration7.node(pos, pos + node.nodeSize, {
         class: emptyNodeClass,
         "data-placeholder": placeholder
       });
       decorations.push(placeholderDecoration);
     }
   });
-  return DecorationSet4.create(state.doc, decorations);
+  return DecorationSet5.create(state.doc, decorations);
 }
 
 // src/editor/extensions/Reference/reference-def-extension.tsx
@@ -11088,7 +11298,7 @@ import {
   NodeExtension as NodeExtension12,
   nodeInputRule as nodeInputRule10
 } from "@rme-sdk/core";
-import { Decoration as Decoration7, DecorationSet as DecorationSet5 } from "@rme-sdk/pm/view";
+import { Decoration as Decoration8, DecorationSet as DecorationSet6 } from "@rme-sdk/pm/view";
 var ReferenceDefinitionExtension = class extends NodeExtension12 {
   get name() {
     return "reference_def";
@@ -11147,10 +11357,10 @@ var ReferenceDefinitionExtension = class extends NodeExtension12 {
   createDecorations(state) {
     const found = findParentNodeOfType5({ types: this.type, selection: state.selection });
     if (!found) {
-      return DecorationSet5.empty;
+      return DecorationSet6.empty;
     }
-    return DecorationSet5.create(state.doc, [
-      Decoration7.node(found.pos, found.pos + found.node.nodeSize, { class: "rme-block-focus" })
+    return DecorationSet6.create(state.doc, [
+      Decoration8.node(found.pos, found.pos + found.node.nodeSize, { class: "rme-block-focus" })
     ]);
   }
   createInputRules() {
@@ -12007,13 +12217,16 @@ var CodeMirror6NodeView = class {
     this.view = view;
     this.getPos = getPos;
     this.languageName = "";
+    const editorId = this.view._rme_editor_id || String(view.dom?.id || Date.now() + Math.random());
+    this.view._rme_editor_id = editorId;
     this.mfCodemirrorView = new MfCodemirrorView({
       view: this.view,
       getPos: this.getPos,
       node: this.node,
       extensions: extensions2,
       languageName: this.languageName,
-      options
+      options,
+      editorId
     });
     if (onCodemirrorViewLoad) {
       onCodemirrorViewLoad(this.mfCodemirrorView);
@@ -12255,23 +12468,23 @@ var LineCodeMirrorExtension = class extends NodeExtension14 {
   }
   createDecorations(state) {
     if (this.options.hideDecoration) {
-      return DecorationSet6.empty;
+      return DecorationSet7.empty;
     }
     const found = findParentNodeOfType6({ types: this.type, selection: state.selection });
     if (!found || found.node.attrs["front-matter"] === true) {
-      return DecorationSet6.empty;
+      return DecorationSet7.empty;
     }
     if (!languages3 || languages3.length <= 1) {
-      return DecorationSet6.empty;
+      return DecorationSet7.empty;
     }
     const { create, destroy } = codemirror_lang_menu_default(found);
-    const deco = Decoration8.widget(found.pos, create, {
+    const deco = Decoration9.widget(found.pos, create, {
       ignoreSelection: true,
       stopEvent: () => true,
       key: "language-menu",
       destroy
     });
-    return DecorationSet6.create(state.doc, [deco]);
+    return DecorationSet7.create(state.doc, [deco]);
   }
 };
 LineCodeMirrorExtension = __decorateClass([
@@ -12296,6 +12509,7 @@ function createSourceCodeManager(options) {
   return createReactManager(() => [
     new CountExtension2({}),
     new DocExtension({ content: "codeMirror" }),
+    new FindExtension({}),
     new LineCodeMirrorExtension({
       hideDecoration: true,
       showCopyButton: false,
@@ -13997,6 +14211,10 @@ export {
   buildMarkdownParser,
   buildMarkdownSerializer,
   changeTheme,
+  cmInstanceMap,
+  cmSearchDecorations,
+  cmSearchEffects,
+  cmSearchField,
   common,
   computeChange,
   createSourceCodeDelegate,