@meowdown/react 0.3.0 → 0.5.0

package/dist/index.js

@@ -1 +1,841 @@
-import{useCallback as e,useEffect as t,useImperativeHandle as n,useLayoutEffect as r,useMemo as i,useRef as a,useState as o}from"react";import{defaultKeymap as s,history as c,historyKeymap as l}from"@codemirror/commands";import{markdown as u,markdownLanguage as d}from"@codemirror/lang-markdown";import{defaultHighlightStyle as f,syntaxHighlighting as p}from"@codemirror/language";import{EditorState as m}from"@codemirror/state";import{EditorView as h,keymap as g}from"@codemirror/view";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{defineEditorExtension as y,defineMarkMode as b,docToMarkdown as x,markdownToDoc as S}from"@meowdown/core";import{canUseRegexLookbehind as C,createEditor as w,defineDocChangeHandler as T}from"@prosekit/core";import{ProseKit as E,useEditor as D,useExtension as O}from"@prosekit/react";import{BlockHandleAdd as k,BlockHandleDraggable as A,BlockHandlePopup as j,BlockHandlePositioner as M,BlockHandleRoot as N}from"@prosekit/react/block-handle";import{DropIndicator as P}from"@prosekit/react/drop-indicator";import{AutocompleteEmpty as F,AutocompleteItem as I,AutocompletePopup as L,AutocompletePositioner as R,AutocompleteRoot as z}from"@prosekit/react/autocomplete";function B({initialMarkdown:e,onDocChange:t,ref:i}){let o=a(null),v=a(null),y=a(t);r(()=>{y.current=t},[t]);let b=a(e??``);return n(i,()=>({getMarkdown:()=>v.current?.state.doc.toString()??b.current}),[]),r(()=>{let e=o.current;if(!e)return;let t=new h({parent:e,state:m.create({doc:b.current,extensions:[c(),g.of([...s,...l]),u({base:d}),p(f,{fallback:!0}),h.lineWrapping,h.updateListener.of(e=>{e.docChanged&&y.current?.()})]})});return v.current=t,()=>{t.destroy(),v.current=null}},[]),_(`div`,{ref:o,"data-editor":`codemirror`})}function V(){return v(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[_(`circle`,{cx:`9`,cy:`5`,r:`1`}),_(`circle`,{cx:`9`,cy:`12`,r:`1`}),_(`circle`,{cx:`9`,cy:`19`,r:`1`}),_(`circle`,{cx:`15`,cy:`5`,r:`1`}),_(`circle`,{cx:`15`,cy:`12`,r:`1`}),_(`circle`,{cx:`15`,cy:`19`,r:`1`})]})}function H(){return v(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[_(`path`,{d:`M5 12h14`}),_(`path`,{d:`M12 5v14`})]})}function U(){return _(N,{children:_(M,{className:`meowdown-block-handle-positioner`,children:v(j,{className:`meowdown-block-handle`,"data-testid":`block-handle`,children:[_(k,{className:`meowdown-block-handle-add`,"data-testid":`block-handle-add`,children:_(H,{})}),_(A,{className:`meowdown-block-handle-drag`,"data-testid":`block-handle-drag`,children:_(V,{})})]})})})}function W(){return _(P,{className:`meowdown-drop-indicator`,"data-testid":`drop-indicator`})}const G=C()?/(?<!\S)\/(\S.*)?$/u:/\/(\S.*)?$/u;function K({label:e,kbd:t,onSelect:n}){return v(I,{className:`meowdown-autocomplete-menu-item`,onSelect:n,children:[_(`span`,{children:e}),t&&_(`kbd`,{children:t})]})}function q(){let e=D();return _(z,{regex:G,children:_(R,{className:`meowdown-autocomplete-menu-positioner`,children:v(L,{className:`meowdown-autocomplete-menu`,"data-testid":`slash-menu`,children:[_(K,{label:`Heading 1`,kbd:`#`,onSelect:()=>e.commands.setHeading({level:1})}),_(K,{label:`Heading 2`,kbd:`##`,onSelect:()=>e.commands.setHeading({level:2})}),_(K,{label:`Heading 3`,kbd:`###`,onSelect:()=>e.commands.setHeading({level:3})}),_(K,{label:`Heading 4`,kbd:`####`,onSelect:()=>e.commands.setHeading({level:4})}),_(K,{label:`Blockquote`,kbd:`>`,onSelect:()=>e.commands.setBlockquote()}),_(K,{label:`Bullet list`,kbd:`-`,onSelect:()=>e.commands.wrapInList({kind:`bullet`})}),_(K,{label:`Ordered list`,kbd:`1.`,onSelect:()=>e.commands.wrapInList({kind:`ordered`})}),_(K,{label:`Task list`,kbd:`[]`,onSelect:()=>e.commands.wrapInList({kind:`task`})}),_(K,{label:`Code block`,kbd:"```",onSelect:()=>e.commands.setCodeBlock()}),_(K,{label:`Table`,onSelect:()=>e.commands.insertTable({row:3,col:3})}),_(F,{className:`meowdown-autocomplete-menu-item`,children:`No results`})]})})})}function J(){return!0}const Y=C()?/(?<!\S)#[\da-z]+$/iu:/#[\da-z]+$/iu;function X({onTagSearch:n}){let r=D(),[i,a]=o(!1),[s,c]=o(``),[l,u]=o([]),[d,f]=o(!1),p=e(async(e,t)=>{if(t.aborted)return;f(!0);let r=await n(e);t.aborted||(u(r),f(!1))},[n]);return t(()=>{if(!i)return;let e=new AbortController;return queueMicrotask(()=>{p(s,e.signal)}),()=>{e.abort()}},[i,s,p]),_(z,{regex:Y,filter:J,onOpenChange:e=>a(e.detail),onQueryChange:e=>c(e.detail),children:_(R,{className:`meowdown-autocomplete-menu-positioner`,children:v(L,{className:`meowdown-autocomplete-menu`,"data-testid":`tag-menu`,children:[l.map(e=>v(I,{className:`meowdown-autocomplete-menu-item`,onSelect:()=>r.commands.insertText({text:`#${e} `}),children:[`#`,e]},e)),_(F,{className:`meowdown-autocomplete-menu-item`,children:d?`Loading...`:`No tags found`})]})})})}const Z=/\[\[[^[\]]*$/u;function Q({onWikilinkSearch:n}){let r=D(),[i,a]=o(!1),[s,c]=o(``),[l,u]=o([]),[d,f]=o(!1),p=e(async(e,t)=>{if(t.aborted)return;f(!0);let r=await n(e);t.aborted||(u(r),f(!1))},[n]);return t(()=>{if(!i)return;let e=new AbortController;return queueMicrotask(()=>{p(s,e.signal)}),()=>{e.abort()}},[i,s,p]),_(z,{regex:Z,filter:J,onOpenChange:e=>a(e.detail),onQueryChange:e=>c(e.detail),children:_(R,{className:`meowdown-autocomplete-menu-positioner`,children:v(L,{className:`meowdown-autocomplete-menu`,"data-testid":`wikilink-menu`,children:[l.map(e=>_(I,{className:`meowdown-autocomplete-menu-item`,onSelect:()=>r.commands.insertText({text:`[[${e}]]`}),children:e},e)),_(F,{className:`meowdown-autocomplete-menu-item`,children:d?`Loading...`:`No notes found`})]})})})}function $({markMode:e=`focus`,initialMarkdown:t,onDocChange:r,onTagSearch:a,onWikilinkSearch:s,ref:c}){let[l]=o(()=>{let e=w({extension:y()});return t&&e.setContent(S(e,t)),e});return n(c,()=>({getMarkdown:()=>x(l.state.doc)}),[l]),O(i(()=>b(e),[e]),{editor:l}),O(i(()=>r?T(()=>{r()}):null,[r]),{editor:l}),v(E,{editor:l,children:[_(`div`,{ref:l.mount}),_(U,{}),_(W,{}),_(q,{}),a&&_(X,{onTagSearch:a}),s&&_(Q,{onWikilinkSearch:s})]})}function ee({mode:e=`focus`,initialMarkdown:t,onDocChange:r,onTagSearch:i,onWikilinkSearch:o,ref:s}){let c=a(null);n(s,()=>({getMarkdown:()=>c.current?.getMarkdown()??``}),[]);let l=c.current?.getMarkdown()??t??``;return _(`div`,{className:`meowdown`,children:e===`source`?_(B,{ref:c,initialMarkdown:l,onDocChange:r}):_($,{ref:c,markMode:e,initialMarkdown:l,onDocChange:r,onTagSearch:i,onWikilinkSearch:o})})}export{ee as Editor};
+import { clsx } from "clsx/lite";
+import { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
+import { markdown, markdownLanguage } from "@codemirror/lang-markdown";
+import { defaultHighlightStyle, syntaxHighlighting } from "@codemirror/language";
+import { Compartment, EditorSelection, EditorState } from "@codemirror/state";
+import { EditorView, keymap } from "@codemirror/view";
+import { clamp } from "@ocavue/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { checkRoundTrip, codeBlockLanguages, defineEditorExtension, defineImages, defineMarkMode, definePlaceholder, defineReadonly, defineWikilinkClickHandler, docToMarkdown, markdownToDoc } from "@meowdown/core";
+import { canUseRegexLookbehind, createEditor, defineDocChangeHandler, union } from "@prosekit/core";
+import { Selection, TextSelection } from "@prosekit/pm/state";
+import { ProseKit, defineReactNodeView, useEditor, useEditor as useEditor$1, useExtension } from "@prosekit/react";
+import { Combobox } from "@base-ui/react/combobox";
+import { BlockHandleAdd, BlockHandleDraggable, BlockHandlePopup, BlockHandlePositioner, BlockHandleRoot } from "@prosekit/react/block-handle";
+import { DropIndicator } from "@prosekit/react/drop-indicator";
+import { AutocompleteEmpty, AutocompleteItem, AutocompletePopup, AutocompletePositioner, AutocompleteRoot } from "@prosekit/react/autocomplete";
+
+//#region src/components/codemirror-editor.tsx
+function resolveSelection$1(selection, docLength) {
+	if (selection === "start") return EditorSelection.single(0);
+	if (selection === "end") return EditorSelection.single(docLength);
+	return EditorSelection.single(clamp(selection.anchor, 0, docLength), clamp(selection.head, 0, docLength));
+}
+function CodeMirrorEditor({ initialMarkdown, onDocChange, readOnly, ref }) {
+	const containerRef = useRef(null);
+	const viewRef = useRef(null);
+	const readOnlyCompartmentRef = useRef(new Compartment());
+	const onDocChangeRef = useRef(onDocChange);
+	useLayoutEffect(() => {
+		onDocChangeRef.current = onDocChange;
+	}, [onDocChange]);
+	const initialMarkdownRef = useRef(initialMarkdown ?? "");
+	const initialReadOnlyRef = useRef(readOnly ?? false);
+	useImperativeHandle(ref, () => {
+		function getMarkdown() {
+			return viewRef.current?.state.doc.toString() ?? initialMarkdownRef.current;
+		}
+		function getSelection() {
+			const main = viewRef.current?.state.selection.main;
+			return {
+				type: "text",
+				anchor: main?.anchor ?? 0,
+				head: main?.head ?? 0
+			};
+		}
+		function getState() {
+			return [getMarkdown(), getSelection()];
+		}
+		function setState(markdown, selection) {
+			const view = viewRef.current;
+			if (!view) {
+				if (markdown != null) initialMarkdownRef.current = markdown;
+				return;
+			}
+			if (markdown == null && !selection) return;
+			const docLength = markdown == null ? view.state.doc.length : markdown.length;
+			view.dispatch({
+				changes: markdown == null ? void 0 : {
+					from: 0,
+					to: view.state.doc.length,
+					insert: markdown
+				},
+				selection: selection ? resolveSelection$1(selection, docLength) : void 0,
+				scrollIntoView: true
+			});
+		}
+		function setMarkdown(markdown) {
+			setState(markdown);
+		}
+		function setSelection(selection) {
+			setState(void 0, selection);
+		}
+		function focus() {
+			viewRef.current?.focus();
+		}
+		function scrollIntoView() {
+			viewRef.current?.dispatch({ scrollIntoView: true });
+		}
+		return {
+			getMarkdown,
+			setMarkdown,
+			getState,
+			setState,
+			getSelection,
+			setSelection,
+			focus,
+			scrollIntoView,
+			editor: void 0
+		};
+	}, []);
+	useLayoutEffect(() => {
+		const container = containerRef.current;
+		if (!container) return;
+		const view = new EditorView({
+			parent: container,
+			state: EditorState.create({
+				doc: initialMarkdownRef.current,
+				extensions: [
+					history(),
+					keymap.of([...defaultKeymap, ...historyKeymap]),
+					markdown({ base: markdownLanguage }),
+					syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
+					EditorView.lineWrapping,
+					readOnlyCompartmentRef.current.of(EditorState.readOnly.of(initialReadOnlyRef.current)),
+					EditorView.updateListener.of((update) => {
+						if (!update.docChanged) return;
+						onDocChangeRef.current?.();
+					})
+				]
+			})
+		});
+		viewRef.current = view;
+		return () => {
+			view.destroy();
+			viewRef.current = null;
+		};
+	}, []);
+	useLayoutEffect(() => {
+		viewRef.current?.dispatch({ effects: readOnlyCompartmentRef.current.reconfigure(EditorState.readOnly.of(readOnly ?? false)) });
+	}, [readOnly]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: containerRef,
+		"data-editor": "codemirror"
+	});
+}
+
+//#endregion
+//#region src/components/code-block-view.module.css
+var code_block_view_module_default = {
+	"CopyButton": "meow_CopyButton_D3j_9q",
+	"Empty": "meow_Empty_D3j_9q",
+	"Item": "meow_Item_D3j_9q",
+	"ItemIndicator": "meow_ItemIndicator_D3j_9q",
+	"ItemText": "meow_ItemText_D3j_9q",
+	"List": "meow_List_D3j_9q",
+	"Popup": "meow_Popup_D3j_9q",
+	"Positioner": "meow_Positioner_D3j_9q",
+	"Root": "meow_Root_D3j_9q",
+	"Search": "meow_Search_D3j_9q",
+	"SearchRow": "meow_SearchRow_D3j_9q",
+	"Toolbar": "meow_Toolbar_D3j_9q",
+	"Trigger": "meow_Trigger_D3j_9q",
+	"TriggerIcon": "meow_TriggerIcon_D3j_9q"
+};
+
+//#endregion
+//#region src/components/icons/check-icon.tsx
+function CheckIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+	});
+}
+
+//#endregion
+//#region src/components/icons/chevrons-up-down-icon.tsx
+function ChevronsUpDownIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ jsx("path", { d: "m7 15 5 5 5-5" }), /* @__PURE__ */ jsx("path", { d: "m7 9 5-5 5 5" })]
+	});
+}
+
+//#endregion
+//#region src/components/icons/copy-icon.tsx
+function CopyIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ jsx("rect", {
+			width: "14",
+			height: "14",
+			x: "8",
+			y: "8",
+			rx: "2",
+			ry: "2"
+		}), /* @__PURE__ */ jsx("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })]
+	});
+}
+
+//#endregion
+//#region src/components/code-block-view.tsx
+const COPIED_RESET_MS = 1500;
+function CodeBlockView(props) {
+	const language = props.node.attrs.language || "";
+	const selected = useMemo(() => {
+		return codeBlockLanguages.find((item) => item.value === language) ?? {
+			value: language,
+			label: language
+		};
+	}, [language]);
+	const [query, setQuery] = useState("");
+	const [comboboxOpen, setComboboxOpen] = useState(false);
+	const itemsForView = useMemo(() => {
+		const value = query.trim();
+		if (!value) return codeBlockLanguages;
+		const lowercased = value.toLowerCase();
+		return codeBlockLanguages.some((item) => item.value.toLowerCase() === lowercased || item.label.toLowerCase() === lowercased) ? codeBlockLanguages : [...codeBlockLanguages, {
+			value,
+			label: `Use "${value}"`
+		}];
+	}, [query]);
+	const setLanguage = (item) => {
+		props.setAttrs({ language: item?.value ?? "" });
+	};
+	const [copied, setCopied] = useState(false);
+	const resetTimerRef = useRef(void 0);
+	const copy = async () => {
+		try {
+			await navigator.clipboard.writeText(props.node.textContent);
+			setCopied(true);
+			clearTimeout(resetTimerRef.current);
+			resetTimerRef.current = setTimeout(() => setCopied(false), COPIED_RESET_MS);
+		} catch (error) {
+			console.warn("[meowdown] Failed to copy code block:", error);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: code_block_view_module_default.Root,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: code_block_view_module_default.Toolbar,
+			contentEditable: false,
+			"data-open": comboboxOpen || void 0,
+			children: [/* @__PURE__ */ jsxs(Combobox.Root, {
+				items: itemsForView,
+				value: selected,
+				onValueChange: setLanguage,
+				inputValue: query,
+				onInputValueChange: setQuery,
+				onOpenChange: (open) => {
+					if (open) setComboboxOpen(true);
+					else setQuery("");
+				},
+				onOpenChangeComplete: (open) => {
+					if (!open) setComboboxOpen(false);
+				},
+				children: [/* @__PURE__ */ jsxs(Combobox.Trigger, {
+					className: code_block_view_module_default.Trigger,
+					"data-testid": "code-block-language",
+					children: [/* @__PURE__ */ jsx(Combobox.Value, { placeholder: "Plain Text" }), /* @__PURE__ */ jsx(Combobox.Icon, {
+						className: code_block_view_module_default.TriggerIcon,
+						children: /* @__PURE__ */ jsx(ChevronsUpDownIcon, {})
+					})]
+				}), /* @__PURE__ */ jsx(Combobox.Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, {
+					className: code_block_view_module_default.Positioner,
+					sideOffset: 4,
+					children: /* @__PURE__ */ jsxs(Combobox.Popup, {
+						className: code_block_view_module_default.Popup,
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: code_block_view_module_default.SearchRow,
+								children: /* @__PURE__ */ jsx(Combobox.Input, {
+									className: code_block_view_module_default.Search,
+									placeholder: "Search or type a language",
+									"data-testid": "code-block-language-search"
+								})
+							}),
+							/* @__PURE__ */ jsx(Combobox.Empty, {
+								className: code_block_view_module_default.Empty,
+								children: "No languages found."
+							}),
+							/* @__PURE__ */ jsx(Combobox.List, {
+								className: code_block_view_module_default.List,
+								children: (item) => /* @__PURE__ */ jsxs(Combobox.Item, {
+									value: item,
+									className: code_block_view_module_default.Item,
+									children: [/* @__PURE__ */ jsx(Combobox.ItemIndicator, {
+										className: code_block_view_module_default.ItemIndicator,
+										children: /* @__PURE__ */ jsx(CheckIcon, {})
+									}), /* @__PURE__ */ jsx("span", {
+										className: code_block_view_module_default.ItemText,
+										children: item.label
+									})]
+								}, item.label)
+							})
+						]
+					})
+				}) })]
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: code_block_view_module_default.CopyButton,
+				"data-testid": "code-block-copy",
+				"data-copied": copied ? "" : void 0,
+				"aria-label": copied ? "Copied" : "Copy code",
+				title: copied ? "Copied" : "Copy code",
+				onMouseDown: (event) => event.preventDefault(),
+				onClick: copy,
+				children: copied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {})
+			})]
+		}), /* @__PURE__ */ jsx("pre", {
+			ref: props.contentRef,
+			"data-language": language
+		})]
+	});
+}
+
+//#endregion
+//#region src/extensions/code-block-view.ts
+function defineCodeBlockView() {
+	return defineReactNodeView({
+		name: "codeBlock",
+		contentAs: "code",
+		component: CodeBlockView
+	});
+}
+
+//#endregion
+//#region src/components/block-handle.module.css
+var block_handle_module_default = {
+	"Add": "meow_Add_EvUpOG",
+	"Draggable": "meow_Draggable_EvUpOG",
+	"Popup": "meow_Popup_EvUpOG",
+	"Positioner": "meow_Positioner_EvUpOG"
+};
+
+//#endregion
+//#region src/components/icons/grip-vertical-icon.tsx
+function GripVerticalIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ jsx("circle", {
+				cx: "9",
+				cy: "5",
+				r: "1"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "9",
+				cy: "12",
+				r: "1"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "9",
+				cy: "19",
+				r: "1"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "15",
+				cy: "5",
+				r: "1"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "15",
+				cy: "12",
+				r: "1"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "15",
+				cy: "19",
+				r: "1"
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/icons/plus-icon.tsx
+function PlusIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ jsx("path", { d: "M5 12h14" }), /* @__PURE__ */ jsx("path", { d: "M12 5v14" })]
+	});
+}
+
+//#endregion
+//#region src/components/block-handle.tsx
+function BlockHandle() {
+	return /* @__PURE__ */ jsx(BlockHandleRoot, { children: /* @__PURE__ */ jsx(BlockHandlePositioner, {
+		className: block_handle_module_default.Positioner,
+		children: /* @__PURE__ */ jsxs(BlockHandlePopup, {
+			className: block_handle_module_default.Popup,
+			"data-testid": "block-handle",
+			children: [/* @__PURE__ */ jsx(BlockHandleAdd, {
+				className: block_handle_module_default.Add,
+				"data-testid": "block-handle-add",
+				children: /* @__PURE__ */ jsx(PlusIcon, {})
+			}), /* @__PURE__ */ jsx(BlockHandleDraggable, {
+				className: block_handle_module_default.Draggable,
+				"data-testid": "block-handle-drag",
+				children: /* @__PURE__ */ jsx(GripVerticalIcon, {})
+			})]
+		})
+	}) });
+}
+
+//#endregion
+//#region src/components/drop-indicator.module.css
+var drop_indicator_module_default = { "DropIndicator": "meow_DropIndicator_urNIwW" };
+
+//#endregion
+//#region src/components/drop-indicator.tsx
+function DropIndicator$1() {
+	return /* @__PURE__ */ jsx(DropIndicator, {
+		className: drop_indicator_module_default.DropIndicator,
+		"data-testid": "drop-indicator"
+	});
+}
+
+//#endregion
+//#region src/components/editor-extensions.tsx
+function EditorExtensions({ markMode, onDocChange, onWikilinkClick, resolveImageUrl, onImagePaste, onImageSaveError, placeholder, readOnly }) {
+	useExtension(useMemo(() => defineMarkMode(markMode), [markMode]));
+	useExtension(useMemo(() => readOnly ? defineReadonly() : null, [readOnly]));
+	useExtension(useMemo(() => onDocChange ? defineDocChangeHandler(onDocChange) : null, [onDocChange]));
+	useExtension(useMemo(() => onWikilinkClick ? defineWikilinkClickHandler(onWikilinkClick) : null, [onWikilinkClick]));
+	useExtension(useMemo(() => resolveImageUrl ? defineImages({
+		resolveImageUrl,
+		onImagePaste,
+		onImageSaveError
+	}) : null, [
+		resolveImageUrl,
+		onImagePaste,
+		onImageSaveError
+	]));
+	useExtension(useMemo(() => {
+		if (!placeholder) return null;
+		return definePlaceholder({ placeholder });
+	}, [placeholder]));
+	return null;
+}
+
+//#endregion
+//#region src/components/autocomplete-menu.module.css
+var autocomplete_menu_module_default = {
+	"Detail": "meow_Detail_Dqll0G",
+	"Item": "meow_Item_Dqll0G",
+	"Popup": "meow_Popup_Dqll0G",
+	"Positioner": "meow_Positioner_Dqll0G"
+};
+
+//#endregion
+//#region src/components/slash-menu.tsx
+const regex$2 = canUseRegexLookbehind() ? /(?<!\S)\/(\S.*)?$/u : /\/(\S.*)?$/u;
+function SlashMenuItem({ label, kbd, onSelect }) {
+	return /* @__PURE__ */ jsxs(AutocompleteItem, {
+		className: autocomplete_menu_module_default.Item,
+		onSelect,
+		children: [/* @__PURE__ */ jsx("span", { children: label }), kbd && /* @__PURE__ */ jsx("kbd", { children: kbd })]
+	});
+}
+function SlashMenu() {
+	const editor = useEditor$1();
+	return /* @__PURE__ */ jsx(AutocompleteRoot, {
+		regex: regex$2,
+		children: /* @__PURE__ */ jsx(AutocompletePositioner, {
+			className: autocomplete_menu_module_default.Positioner,
+			children: /* @__PURE__ */ jsxs(AutocompletePopup, {
+				className: autocomplete_menu_module_default.Popup,
+				"data-testid": "slash-menu",
+				children: [
+					/* @__PURE__ */ jsx(SlashMenuItem, {
+						label: "Heading 1",
+						kbd: "#",
+						onSelect: () => editor.commands.setHeading({ level: 1 })
+					}),
+					/* @__PURE__ */ jsx(SlashMenuItem, {
+						label: "Heading 2",
+						kbd: "##",
+						onSelect: () => editor.commands.setHeading({ level: 2 })
+					}),
+					/* @__PURE__ */ jsx(SlashMenuItem, {
+						label: "Heading 3",
+						kbd: "###",
+						onSelect: () => editor.commands.setHeading({ level: 3 })
+					}),
+					/* @__PURE__ */ jsx(SlashMenuItem, {
+						label: "Heading 4",
+						kbd: "####",
+						onSelect: () => editor.commands.setHeading({ level: 4 })
+					}),
+					/* @__PURE__ */ jsx(SlashMenuItem, {
+						label: "Blockquote",
+						kbd: ">",
+						onSelect: () => editor.commands.setBlockquote()
+					}),
+					/* @__PURE__ */ jsx(SlashMenuItem, {
+						label: "Bullet list",
+						kbd: "-",
+						onSelect: () => editor.commands.wrapInList({ kind: "bullet" })
+					}),
+					/* @__PURE__ */ jsx(SlashMenuItem, {
+						label: "Ordered list",
+						kbd: "1.",
+						onSelect: () => editor.commands.wrapInList({ kind: "ordered" })
+					}),
+					/* @__PURE__ */ jsx(SlashMenuItem, {
+						label: "Task list",
+						kbd: "[]",
+						onSelect: () => editor.commands.wrapInList({ kind: "task" })
+					}),
+					/* @__PURE__ */ jsx(SlashMenuItem, {
+						label: "Code block",
+						kbd: "```",
+						onSelect: () => editor.commands.setCodeBlock()
+					}),
+					/* @__PURE__ */ jsx(SlashMenuItem, {
+						label: "Table",
+						onSelect: () => editor.commands.insertTable({
+							row: 3,
+							col: 3
+						})
+					}),
+					/* @__PURE__ */ jsx(AutocompleteEmpty, {
+						className: autocomplete_menu_module_default.Item,
+						children: "No results"
+					})
+				]
+			})
+		})
+	});
+}
+
+//#endregion
+//#region src/utils/returns-true.ts
+function returnsTrue() {
+	return true;
+}
+
+//#endregion
+//#region src/components/tag-menu.tsx
+const regex$1 = canUseRegexLookbehind() ? /(?<!\S)#[\da-z]+$/iu : /#[\da-z]+$/iu;
+function TagMenu({ onTagSearch }) {
+	const editor = useEditor$1();
+	const [open, setOpen] = useState(false);
+	const [query, setQuery] = useState("");
+	const [items, setItems] = useState([]);
+	const [loading, setLoading] = useState(false);
+	const fetchItems = useCallback(async (query, signal) => {
+		if (signal.aborted) return;
+		setLoading(true);
+		const result = await onTagSearch(query);
+		if (signal.aborted) return;
+		setItems(result);
+		setLoading(false);
+	}, [onTagSearch]);
+	useEffect(() => {
+		if (!open) return;
+		const controller = new AbortController();
+		queueMicrotask(() => {
+			fetchItems(query, controller.signal);
+		});
+		return () => {
+			controller.abort();
+		};
+	}, [
+		open,
+		query,
+		fetchItems
+	]);
+	return /* @__PURE__ */ jsx(AutocompleteRoot, {
+		regex: regex$1,
+		filter: returnsTrue,
+		onOpenChange: (event) => setOpen(event.detail),
+		onQueryChange: (event) => setQuery(event.detail),
+		children: /* @__PURE__ */ jsx(AutocompletePositioner, {
+			className: autocomplete_menu_module_default.Positioner,
+			children: /* @__PURE__ */ jsxs(AutocompletePopup, {
+				className: autocomplete_menu_module_default.Popup,
+				"data-testid": "tag-menu",
+				children: [items.map((item) => /* @__PURE__ */ jsxs(AutocompleteItem, {
+					className: autocomplete_menu_module_default.Item,
+					onSelect: () => {
+						editor.commands.insertText({ text: `#${item.tag} ` });
+						item.onSelect?.();
+					},
+					children: [/* @__PURE__ */ jsx("span", { children: item.label ?? `#${item.tag}` }), item.detail ? /* @__PURE__ */ jsx("span", {
+						className: autocomplete_menu_module_default.Detail,
+						children: item.detail
+					}) : null]
+				}, item.tag)), /* @__PURE__ */ jsx(AutocompleteEmpty, {
+					className: autocomplete_menu_module_default.Item,
+					children: loading ? "Loading..." : "No tags found"
+				})]
+			})
+		})
+	});
+}
+
+//#endregion
+//#region src/components/wikilink-menu.tsx
+const regex = /\[\[[^[\]]*$/u;
+function WikilinkMenu({ onWikilinkSearch }) {
+	const editor = useEditor$1();
+	const [open, setOpen] = useState(false);
+	const [query, setQuery] = useState("");
+	const [items, setItems] = useState([]);
+	const [loading, setLoading] = useState(false);
+	const fetchItems = useCallback(async (query, signal) => {
+		if (signal.aborted) return;
+		setLoading(true);
+		const result = await onWikilinkSearch(query);
+		if (signal.aborted) return;
+		setItems(result);
+		setLoading(false);
+	}, [onWikilinkSearch]);
+	useEffect(() => {
+		if (!open) return;
+		const controller = new AbortController();
+		queueMicrotask(() => {
+			fetchItems(query, controller.signal);
+		});
+		return () => {
+			controller.abort();
+		};
+	}, [
+		open,
+		query,
+		fetchItems
+	]);
+	return /* @__PURE__ */ jsx(AutocompleteRoot, {
+		regex,
+		filter: returnsTrue,
+		onOpenChange: (event) => setOpen(event.detail),
+		onQueryChange: (event) => setQuery(event.detail),
+		children: /* @__PURE__ */ jsx(AutocompletePositioner, {
+			className: autocomplete_menu_module_default.Positioner,
+			children: /* @__PURE__ */ jsxs(AutocompletePopup, {
+				className: autocomplete_menu_module_default.Popup,
+				"data-testid": "wikilink-menu",
+				children: [items.map((item) => /* @__PURE__ */ jsxs(AutocompleteItem, {
+					className: autocomplete_menu_module_default.Item,
+					onSelect: () => {
+						editor.commands.insertText({ text: `[[${item.target}]]` });
+						item.onSelect?.();
+					},
+					children: [/* @__PURE__ */ jsx("span", { children: item.label ?? item.target }), item.detail ? /* @__PURE__ */ jsx("span", {
+						className: autocomplete_menu_module_default.Detail,
+						children: item.detail
+					}) : null]
+				}, item.target)), /* @__PURE__ */ jsx(AutocompleteEmpty, {
+					className: autocomplete_menu_module_default.Item,
+					children: loading ? "Loading..." : "No notes found"
+				})]
+			})
+		})
+	});
+}
+
+//#endregion
+//#region src/components/prosekit-editor.tsx
+function resolveSelection(doc, selection) {
+	if (selection === "start") return Selection.atStart(doc);
+	if (selection === "end") return Selection.atEnd(doc);
+	try {
+		return Selection.fromJSON(doc, selection);
+	} catch {
+		const size = doc.content.size;
+		const anchor = clamp(selection.anchor ?? 0, 0, size);
+		const head = clamp(selection.head ?? anchor, 0, size);
+		return TextSelection.between(doc.resolve(anchor), doc.resolve(head));
+	}
+}
+function ProseKitEditor({ markMode = "focus", initialMarkdown, onDocChange, onTagSearch, onWikilinkSearch, onWikilinkClick, resolveImageUrl, onImagePaste, onImageSaveError, placeholder, readOnly, spellCheck, editorClassName, ref, children }) {
+	const [editor] = useState(() => {
+		const editor = createEditor({ extension: union(defineEditorExtension(), defineCodeBlockView()) });
+		if (initialMarkdown) editor.setContent(markdownToDoc(editor, initialMarkdown));
+		return editor;
+	});
+	useImperativeHandle(ref, () => {
+		function getMarkdown() {
+			return docToMarkdown(editor.state.doc);
+		}
+		function getSelection() {
+			return editor.state.selection.toJSON();
+		}
+		function getState() {
+			return [getMarkdown(), getSelection()];
+		}
+		function setState(markdown, selection) {
+			if (markdown == null && !selection) return;
+			const transaction = editor.state.tr;
+			if (markdown != null) {
+				const doc = markdownToDoc(editor, markdown);
+				transaction.replaceWith(0, transaction.doc.content.size, doc.content);
+			}
+			if (selection) transaction.setSelection(resolveSelection(transaction.doc, selection)).scrollIntoView();
+			editor.view.dispatch(transaction);
+		}
+		function setMarkdown(markdown) {
+			setState(markdown);
+		}
+		function setSelection(selection) {
+			setState(void 0, selection);
+		}
+		function focus() {
+			editor.focus();
+		}
+		function scrollIntoView() {
+			editor.view.dispatch(editor.state.tr.scrollIntoView());
+		}
+		return {
+			getMarkdown,
+			setMarkdown,
+			getState,
+			setState,
+			getSelection,
+			setSelection,
+			focus,
+			scrollIntoView,
+			editor
+		};
+	}, [editor]);
+	return /* @__PURE__ */ jsxs(ProseKit, {
+		editor,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				ref: editor.mount,
+				spellCheck,
+				className: editorClassName
+			}),
+			/* @__PURE__ */ jsx(EditorExtensions, {
+				markMode,
+				onDocChange,
+				onWikilinkClick,
+				resolveImageUrl,
+				onImagePaste,
+				onImageSaveError,
+				placeholder,
+				readOnly
+			}),
+			/* @__PURE__ */ jsx(BlockHandle, {}),
+			/* @__PURE__ */ jsx(DropIndicator$1, {}),
+			/* @__PURE__ */ jsx(SlashMenu, {}),
+			onTagSearch && /* @__PURE__ */ jsx(TagMenu, { onTagSearch }),
+			onWikilinkSearch && /* @__PURE__ */ jsx(WikilinkMenu, { onWikilinkSearch }),
+			children
+		]
+	});
+}
+
+//#endregion
+//#region src/components/editor.tsx
+function Editor({ mode = "focus", initialMarkdown, onDocChange, onTagSearch, onWikilinkSearch, onWikilinkClick, resolveImageUrl, onImagePaste, onImageSaveError, placeholder, readOnly, spellCheck, editorClassName, wrapperClassName, ref, children }) {
+	const childRef = useRef(null);
+	useImperativeHandle(ref, () => {
+		function getMarkdown() {
+			return childRef.current?.getMarkdown() ?? "";
+		}
+		function setMarkdown(markdown) {
+			childRef.current?.setMarkdown(markdown);
+		}
+		function getState() {
+			return childRef.current?.getState() ?? ["", {
+				type: "text",
+				anchor: 0,
+				head: 0
+			}];
+		}
+		function setState(markdown, selection) {
+			childRef.current?.setState(markdown, selection);
+		}
+		function getSelection() {
+			return childRef.current?.getSelection() ?? {
+				type: "text",
+				anchor: 0,
+				head: 0
+			};
+		}
+		function setSelection(selection) {
+			childRef.current?.setSelection(selection);
+		}
+		function focus() {
+			childRef.current?.focus();
+		}
+		function scrollIntoView() {
+			childRef.current?.scrollIntoView();
+		}
+		return {
+			getMarkdown,
+			setMarkdown,
+			getState,
+			setState,
+			getSelection,
+			setSelection,
+			focus,
+			scrollIntoView,
+			get editor() {
+				return childRef.current?.editor;
+			}
+		};
+	}, []);
+	const seedMarkdown = childRef.current?.getMarkdown() ?? initialMarkdown ?? "";
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("meowdown", wrapperClassName),
+		children: mode === "source" ? /* @__PURE__ */ jsx(CodeMirrorEditor, {
+			ref: childRef,
+			initialMarkdown: seedMarkdown,
+			onDocChange,
+			readOnly
+		}) : /* @__PURE__ */ jsx(ProseKitEditor, {
+			ref: childRef,
+			markMode: mode,
+			initialMarkdown: seedMarkdown,
+			onDocChange,
+			onTagSearch,
+			onWikilinkSearch,
+			onWikilinkClick,
+			resolveImageUrl,
+			onImagePaste,
+			onImageSaveError,
+			placeholder,
+			readOnly,
+			spellCheck,
+			editorClassName,
+			children
+		})
+	});
+}
+
+//#endregion
+export { Editor, checkRoundTrip, useEditor };