@meowdown/react 0.4.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{EditorSelection as m,EditorState as h}from"@codemirror/state";import{EditorView as g,keymap as _}from"@codemirror/view";import{clamp as v}from"@ocavue/utils";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{defineEditorExtension as x,defineMarkMode as S,docToMarkdown as C,markdownToDoc as w}from"@meowdown/core";import{canUseRegexLookbehind as T,createEditor as E,defineDocChangeHandler as D}from"@prosekit/core";import{Selection as O,TextSelection as k}from"@prosekit/pm/state";import{ProseKit as A,useEditor as j,useExtension as M}from"@prosekit/react";import{BlockHandleAdd as N,BlockHandleDraggable as P,BlockHandlePopup as F,BlockHandlePositioner as I,BlockHandleRoot as L}from"@prosekit/react/block-handle";import{DropIndicator as R}from"@prosekit/react/drop-indicator";import{AutocompleteEmpty as z,AutocompleteItem as B,AutocompletePopup as V,AutocompletePositioner as H,AutocompleteRoot as U}from"@prosekit/react/autocomplete";function W(e,t){return e===`start`?m.single(0):e===`end`?m.single(t):m.single(v(e.anchor,0,t),v(e.head,0,t))}function G({initialMarkdown:e,onDocChange:t,ref:i}){let o=a(null),m=a(null),v=a(t);r(()=>{v.current=t},[t]);let b=a(e??``);return n(i,()=>{function e(){return m.current?.state.doc.toString()??b.current}function t(){let e=m.current?.state.selection.main;return{type:`text`,anchor:e?.anchor??0,head:e?.head??0}}function n(){return[e(),t()]}function r(e,t){let n=m.current;if(!n){e!=null&&(b.current=e);return}if(e==null&&!t)return;let r=e==null?n.state.doc.length:e.length;n.dispatch({changes:e==null?void 0:{from:0,to:n.state.doc.length,insert:e},selection:t?W(t,r):void 0,scrollIntoView:!0})}function i(e){r(e)}function a(e){r(void 0,e)}function o(){m.current?.focus()}function s(){m.current?.dispatch({scrollIntoView:!0})}return{getMarkdown:e,setMarkdown:i,getState:n,setState:r,getSelection:t,setSelection:a,focus:o,scrollIntoView:s}},[]),r(()=>{let e=o.current;if(!e)return;let t=new g({parent:e,state:h.create({doc:b.current,extensions:[c(),_.of([...s,...l]),u({base:d}),p(f,{fallback:!0}),g.lineWrapping,g.updateListener.of(e=>{e.docChanged&&v.current?.()})]})});return m.current=t,()=>{t.destroy(),m.current=null}},[]),y(`div`,{ref:o,"data-editor":`codemirror`})}function K(){return b(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[y(`circle`,{cx:`9`,cy:`5`,r:`1`}),y(`circle`,{cx:`9`,cy:`12`,r:`1`}),y(`circle`,{cx:`9`,cy:`19`,r:`1`}),y(`circle`,{cx:`15`,cy:`5`,r:`1`}),y(`circle`,{cx:`15`,cy:`12`,r:`1`}),y(`circle`,{cx:`15`,cy:`19`,r:`1`})]})}function q(){return b(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[y(`path`,{d:`M5 12h14`}),y(`path`,{d:`M12 5v14`})]})}function J(){return y(L,{children:y(I,{className:`meowdown-block-handle-positioner`,children:b(F,{className:`meowdown-block-handle`,"data-testid":`block-handle`,children:[y(N,{className:`meowdown-block-handle-add`,"data-testid":`block-handle-add`,children:y(q,{})}),y(P,{className:`meowdown-block-handle-drag`,"data-testid":`block-handle-drag`,children:y(K,{})})]})})})}function Y(){return y(R,{className:`meowdown-drop-indicator`,"data-testid":`drop-indicator`})}const X=T()?/(?<!\S)\/(\S.*)?$/u:/\/(\S.*)?$/u;function Z({label:e,kbd:t,onSelect:n}){return b(B,{className:`meowdown-autocomplete-menu-item`,onSelect:n,children:[y(`span`,{children:e}),t&&y(`kbd`,{children:t})]})}function Q(){let e=j();return y(U,{regex:X,children:y(H,{className:`meowdown-autocomplete-menu-positioner`,children:b(V,{className:`meowdown-autocomplete-menu`,"data-testid":`slash-menu`,children:[y(Z,{label:`Heading 1`,kbd:`#`,onSelect:()=>e.commands.setHeading({level:1})}),y(Z,{label:`Heading 2`,kbd:`##`,onSelect:()=>e.commands.setHeading({level:2})}),y(Z,{label:`Heading 3`,kbd:`###`,onSelect:()=>e.commands.setHeading({level:3})}),y(Z,{label:`Heading 4`,kbd:`####`,onSelect:()=>e.commands.setHeading({level:4})}),y(Z,{label:`Blockquote`,kbd:`>`,onSelect:()=>e.commands.setBlockquote()}),y(Z,{label:`Bullet list`,kbd:`-`,onSelect:()=>e.commands.wrapInList({kind:`bullet`})}),y(Z,{label:`Ordered list`,kbd:`1.`,onSelect:()=>e.commands.wrapInList({kind:`ordered`})}),y(Z,{label:`Task list`,kbd:`[]`,onSelect:()=>e.commands.wrapInList({kind:`task`})}),y(Z,{label:`Code block`,kbd:"```",onSelect:()=>e.commands.setCodeBlock()}),y(Z,{label:`Table`,onSelect:()=>e.commands.insertTable({row:3,col:3})}),y(z,{className:`meowdown-autocomplete-menu-item`,children:`No results`})]})})})}function $(){return!0}const ee=T()?/(?<!\S)#[\da-z]+$/iu:/#[\da-z]+$/iu;function te({onTagSearch:n}){let r=j(),[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]),y(U,{regex:ee,filter:$,onOpenChange:e=>a(e.detail),onQueryChange:e=>c(e.detail),children:y(H,{className:`meowdown-autocomplete-menu-positioner`,children:b(V,{className:`meowdown-autocomplete-menu`,"data-testid":`tag-menu`,children:[l.map(e=>b(B,{className:`meowdown-autocomplete-menu-item`,onSelect:()=>r.commands.insertText({text:`#${e} `}),children:[`#`,e]},e)),y(z,{className:`meowdown-autocomplete-menu-item`,children:d?`Loading...`:`No tags found`})]})})})}const ne=/\[\[[^[\]]*$/u;function re({onWikilinkSearch:n}){let r=j(),[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]),y(U,{regex:ne,filter:$,onOpenChange:e=>a(e.detail),onQueryChange:e=>c(e.detail),children:y(H,{className:`meowdown-autocomplete-menu-positioner`,children:b(V,{className:`meowdown-autocomplete-menu`,"data-testid":`wikilink-menu`,children:[l.map(e=>y(B,{className:`meowdown-autocomplete-menu-item`,onSelect:()=>r.commands.insertText({text:`[[${e}]]`}),children:e},e)),y(z,{className:`meowdown-autocomplete-menu-item`,children:d?`Loading...`:`No notes found`})]})})})}function ie(e,t){if(t===`start`)return O.atStart(e);if(t===`end`)return O.atEnd(e);try{return O.fromJSON(e,t)}catch{let n=e.content.size,r=v(t.anchor??0,0,n),i=v(t.head??r,0,n);return k.between(e.resolve(r),e.resolve(i))}}function ae({markMode:e=`focus`,initialMarkdown:t,onDocChange:r,onTagSearch:a,onWikilinkSearch:s,ref:c}){let[l]=o(()=>{let e=E({extension:x()});return t&&e.setContent(w(e,t)),e});return n(c,()=>{function e(){return C(l.state.doc)}function t(){return l.state.selection.toJSON()}function n(){return[e(),t()]}function r(e,t){if(e==null&&!t)return;let n=l.state.tr;if(e!=null){let t=w(l,e);n.replaceWith(0,n.doc.content.size,t.content)}t&&n.setSelection(ie(n.doc,t)).scrollIntoView(),l.view.dispatch(n)}function i(e){r(e)}function a(e){r(void 0,e)}function o(){l.focus()}function s(){l.view.dispatch(l.state.tr.scrollIntoView())}return{getMarkdown:e,setMarkdown:i,getState:n,setState:r,getSelection:t,setSelection:a,focus:o,scrollIntoView:s}},[l]),M(i(()=>S(e),[e]),{editor:l}),M(i(()=>r?D(()=>{r()}):null,[r]),{editor:l}),b(A,{editor:l,children:[y(`div`,{ref:l.mount}),y(J,{}),y(Y,{}),y(Q,{}),a&&y(te,{onTagSearch:a}),s&&y(re,{onWikilinkSearch:s})]})}function oe({mode:e=`focus`,initialMarkdown:t,onDocChange:r,onTagSearch:i,onWikilinkSearch:o,ref:s}){let c=a(null);n(s,()=>{function e(){return c.current?.getMarkdown()??``}function t(e){c.current?.setMarkdown(e)}function n(){return c.current?.getState()??[``,{type:`text`,anchor:0,head:0}]}function r(e,t){c.current?.setState(e,t)}function i(){return c.current?.getSelection()??{type:`text`,anchor:0,head:0}}function a(e){c.current?.setSelection(e)}function o(){c.current?.focus()}function s(){c.current?.scrollIntoView()}return{getMarkdown:e,setMarkdown:t,getState:n,setState:r,getSelection:i,setSelection:a,focus:o,scrollIntoView:s}},[]);let l=c.current?.getMarkdown()??t??``;return y(`div`,{className:`meowdown`,children:e===`source`?y(G,{ref:c,initialMarkdown:l,onDocChange:r}):y(ae,{ref:c,markMode:e,initialMarkdown:l,onDocChange:r,onTagSearch:i,onWikilinkSearch:o})})}export{oe 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 };