@meowdown/react 0.59.0 → 0.60.0

package/README.md

@@ -105,8 +105,9 @@ file embeds; return `false` to keep it as a normal link.
 
 `searchQuery` highlights every match and selects the first one at or after the
 caret; changing it re-anchors from wherever the selection is, so refining a
-query keeps the match the user is looking at. An empty string (the default)
-clears the highlights and leaves the selection alone. `onSearchChange` reports
+query keeps the match the user is looking at. A query that matches nothing
+collapses the previous match selection to a caret, and an empty string (the
+default) clears the highlights and leaves the selection alone. `onSearchChange` reports
 `{ total, active }` for a match counter (`active` is one-based; `0` means the
 selection is not on a match), and `EditorHandle.findNext()` /
 `EditorHandle.findPrevious()` walk the matches and wrap at the document edges.

package/dist/index.d.ts

@@ -20,10 +20,8 @@ type EditorStateSnapshot = [markdown: string, selection: SelectionJSON$1];
  */
 interface EditorHandle {
   /**
-   * Reconciles pending native input, then serializes the current document to
-   * Markdown. If reconciliation changes the document, `onDocChange` runs
-   * before this method returns. Can be expensive on large documents; call it
-   * on demand (e.g. throttled) instead of on every change.
+   * Serializes the current document to Markdown. Can be expensive on large
+   * documents; call it on demand (e.g. throttled) instead of on every change.
    */
   getMarkdown: () => string;
   /** Replaces the whole document as a single undoable edit. */
@@ -38,10 +36,7 @@ interface EditorHandle {
    * `onDocChange`: the host cannot know the resulting document.
    */
   insertMarkdown: (markdown: string) => void;
-  /**
-   * Returns the current Markdown and selection, with the same pending-input
-   * reconciliation (and possible synchronous `onDocChange`) as `getMarkdown`.
-   */
+  /** Returns the current Markdown and selection. */
   getState: () => EditorStateSnapshot;
   /**
    * Replaces the document (if `markdown` is given) and restores `selection`:

package/dist/index.js

@@ -393,12 +393,20 @@ function DropIndicator$1() {
 //#region src/components/editor-extensions.tsx
 function EditorExtensions({ markMode, onDocChange, onWikilinkClick, onLinkClick, onTagClick, onExitBoundary, resolveImageUrl, resolveFileInfo, onFileClick, onFilePaste, onFileSaveError, onImageClick, embedPaste, linkPaste, bulletAfterHeading, substitution, placeholder, readOnly, wikilinkEnabled, spellCheck, searchQuery, onSearchChange, editorClassName }) {
 	const editor = useEditor$1();
-	useEffect(() => {
+	useLayoutEffect(() => {
 		editor.commands.setMarkMode(markMode);
 	}, [editor, markMode]);
+	useLayoutEffect(() => {
+		if (!editorClassName) return;
+		const extension = defineViewAttributes({ class: editorClassName });
+		return editor.use(extension);
+	}, [editor, editorClassName]);
 	const deferredSearchQuery = useDeferredValue(searchQuery);
 	useEffect(() => {
-		editor.commands.setSearchQuery(deferredSearchQuery);
+		editor.commands.setSearchQuery({
+			search: deferredSearchQuery,
+			literal: true
+		});
 	}, [editor, deferredSearchQuery]);
 	useExtension$1(useMemo(() => onSearchChange ? defineSearchStatusHandler(onSearchChange) : null, [onSearchChange]));
 	useExtension$1(useMemo(() => {
@@ -474,9 +482,6 @@ function EditorExtensions({ markMode, onDocChange, onWikilinkClick, onLinkClick,
 	useExtension$1(useMemo(() => {
 		return spellCheck == null ? null : defineSpellCheckPlugin(spellCheck);
 	}, [spellCheck]));
-	useExtension$1(useMemo(() => {
-		return editorClassName ? defineViewAttributes({ class: editorClassName }) : null;
-	}, [editorClassName]));
 	return null;
 }
 
@@ -1631,18 +1636,6 @@ function WikilinkMenu({ onWikilinkSearch }) {
 
 //#endregion
 //#region src/components/prosekit-editor.tsx
-function isFlushableDOMObserver(value) {
-	if (typeof value !== "object" || value === null) return false;
-	const forceFlush = Reflect.get(value, "forceFlush");
-	return typeof Reflect.get(value, "flush") === "function" && (forceFlush === void 0 || typeof forceFlush === "function");
-}
-function flushPendingDOMChanges(editor) {
-	if (!editor.mounted) return;
-	const observer = Reflect.get(editor.view, "domObserver");
-	if (!isFlushableDOMObserver(observer)) return;
-	observer.forceFlush?.();
-	observer.flush();
-}
 function resolveSelection(doc, selection) {
 	if (selection === "start") return Selection.atStart(doc);
 	if (selection === "end") return Selection.atEnd(doc);
@@ -1717,7 +1710,6 @@ function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onSl
 	}, []);
 	useImperativeHandle(ref, () => {
 		function getMarkdown() {
-			flushPendingDOMChanges(editor);
 			return docToMarkdown(editor.state.doc, { frontmatter });
 		}
 		function getSelection() {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/react",
   "type": "module",
-  "version": "0.59.0",
+  "version": "0.60.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -25,13 +25,13 @@
     "@ocavue/utils": "^1.7.0",
     "@prosekit/core": "^0.13.0-beta.7",
     "@prosekit/pm": "^0.1.19-beta.4",
-    "@prosekit/react": "^0.8.0-beta.23",
+    "@prosekit/react": "^0.8.0-beta.24",
     "beautiful-mermaid": "^1.1.3",
     "clsx": "^2.1.1",
     "github-slugger": "^2.0.0",
-    "lucide-react": "^1.24.0",
+    "lucide-react": "^1.27.0",
     "react-property": "^2.0.2",
-    "@meowdown/core": "0.59.0"
+    "@meowdown/core": "0.60.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -48,14 +48,14 @@
   "devDependencies": {
     "@css-modules-kit/codegen": "^1.4.0",
     "@ocavue/tsconfig": "^0.7.1",
-    "@tsdown/css": "^0.22.8",
+    "@tsdown/css": "^0.22.14",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@vitest/browser-playwright": "^4.1.10",
     "dedent": "^1.7.2",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "tsdown": "^0.22.8",
+    "tsdown": "^0.22.14",
     "vitest": "^4.1.10",
     "vitest-browser-commands": "^0.2.1",
     "vitest-browser-react": "^2.2.0",