@meowdown/react 0.3.0 → 0.4.0

package/README.md

@@ -41,6 +41,15 @@ The Markdown editor component. Renders inside a `div.meowdown` wrapper that fill
 Imperative handle for the editor, attached via `ref`.
 
 - `getMarkdown(): string`: serializes the current document to Markdown. Can be expensive on large documents; call it on demand (e.g. throttled) instead of on every change.
+- `setMarkdown(markdown: string): void`: replaces the whole document as a single undoable edit.
+- `getState(): EditorStateSnapshot`: returns `[markdown, selection]`, where `selection` is a `SelectionJSON` (`{ anchor: number, head: number, type: string }`).
+- `setState(markdown?: string, selection?: SelectionJSON | 'start' | 'end'): void`: replaces the document (if `markdown` is given) and restores `selection`: exactly when valid, otherwise clamped to the nearest text selection; out-of-range positions never throw. `'start'` and `'end'` jump to the document edges. Without a selection, the current one is mapped through the change. Restore a snapshot with `handle.setState(...handle.getState())`.
+- `getSelection(): SelectionJSON`: returns the current selection.
+- `setSelection(selection: SelectionJSON | 'start' | 'end'): void`: restores a selection with the same hint semantics as `setState`.
+- `focus(): void`: focuses the editor.
+- `scrollIntoView(): void`: scrolls the selection into view.
+
+Selection positions are in the mounted editor's coordinate space: ProseMirror document positions in the rich modes, character offsets in source mode. They round-trip within one mode but are not portable across a mode switch.
 
 ## Keyboard shortcuts
 
@@ -55,13 +64,7 @@ In the rich modes (`focus` / `show` / `hide`), these toggle inline formatting on
 
 ## Styling
 
-`@meowdown/react/style.css` includes the default theme from [`@meowdown/core`](https://www.npmjs.com/package/@meowdown/core). Colors follow the page's `color-scheme`; customize via the `--meowdown-*` CSS variables documented there. The editor reserves a horizontal gutter (`--meowdown-gutter`) so the block handle has room to the left of the hovered block.
-
-Selection colors are standalone variables (independent from `--meowdown-accent`):
-
-- `--meowdown-node-outline`: outline of a selected node (e.g. a block grabbed by its handle).
-- `--meowdown-node-selection`: background wash of a selected node.
-- `--meowdown-selection`: text `::selection` background.
+`@meowdown/react/style.css` includes the default theme from [`@meowdown/core`](https://www.npmjs.com/package/@meowdown/core).
 
 ## License
 

package/dist/index.d.ts

@@ -1,13 +1,41 @@
 import { Ref } from "react";
 import { MarkMode, MarkMode as MarkMode$1, TypedEditor } from "@meowdown/core";
+import { SelectionJSON, SelectionJSON as SelectionJSON$1 } from "@prosekit/core";
 
 //#region src/components/types.d.ts
+/** A selection to restore: an exact JSON selection, or a document edge. */
+type SelectionHint = SelectionJSON$1 | 'start' | 'end';
+/**
+ * The current Markdown and selection. Selection positions are in the mounted
+ * editor's coordinate space: ProseMirror positions in the rich modes,
+ * character offsets in source mode. Not portable across a mode switch.
+ */
+type EditorStateSnapshot = [markdown: string, selection: SelectionJSON$1];
 interface EditorHandle {
   /**
    * 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. */
+  setMarkdown: (markdown: string) => void;
+  /** Returns the current Markdown and selection. */
+  getState: () => EditorStateSnapshot;
+  /**
+   * Replaces the document (if `markdown` is given) and restores `selection`:
+   * exactly when valid, otherwise clamped to the nearest text selection;
+   * out-of-range positions never throw. Without a selection, the current one
+   * is mapped through the change.
+   */
+  setState: (markdown?: string, selection?: SelectionHint) => void;
+  /** Returns the current selection. */
+  getSelection: () => SelectionJSON$1;
+  /** Restores a selection with the same hint semantics as `setState`. */
+  setSelection: (selection: SelectionHint) => void;
+  /** Focuses the editor. */
+  focus: () => void;
+  /** Scrolls the selection into view. */
+  scrollIntoView: () => void;
 }
 /**
  * Searches tags for the tag menu. Receives the query typed after `#`
@@ -68,4 +96,4 @@ declare function Editor({
   ref
 }: EditorProps): import("react").JSX.Element;
 //#endregion
-export { Editor, type EditorHandle, type EditorMode, type EditorProps, type MarkMode, type TagSearchHandler, type TypedEditor, type WikilinkSearchHandler };
+export { Editor, type EditorHandle, type EditorMode, type EditorProps, type EditorStateSnapshot, type MarkMode, type SelectionHint, type SelectionJSON, type TagSearchHandler, type TypedEditor, type WikilinkSearchHandler };

package/dist/index.js

@@ -1 +1 @@
-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{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};

package/dist/style.css

@@ -147,52 +147,6 @@ img.ProseMirror-separator {
   display: none;
 }
 
-.ProseMirror .tableWrapper {
-  overflow-x: auto;
-}
-
-.ProseMirror table {
-  border-collapse: collapse;
-  table-layout: fixed;
-  width: 100%;
-  overflow: hidden;
-}
-
-.ProseMirror td, .ProseMirror th {
-  box-sizing: border-box;
-  vertical-align: top;
-  border-width: 1px;
-  padding-left: .75rem;
-  padding-right: .75rem;
-  position: relative;
-}
-
-prosekit-table-handle-drop-indicator {
-  background-color: highlighttext;
-}
-
-.ProseMirror .column-resize-handle {
-  z-index: 20;
-  pointer-events: none;
-  background-color: highlighttext;
-  width: 4px;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: -2px;
-}
-
-.ProseMirror.resize-cursor {
-  cursor: ew-resize;
-  cursor: col-resize;
-}
-
-.ProseMirror .selectedCell {
-  --color: 210, 100%, 56%;
-  border: 1px double hsl(var(--color));
-  background-color: hsla(var(--color), 20%);
-}
-
 :root {
   --meowdown-text: light-dark(#3f3f46, #d4d4d8);
   --meowdown-heading: light-dark(#18181b, #fafafa);
@@ -201,7 +155,11 @@ prosekit-table-handle-drop-indicator {
   --meowdown-mark: light-dark(#a78bfa, #8b5cf6);
   --meowdown-border: light-dark(#e4e4e7, #3f3f46);
   --meowdown-code-bg: light-dark(#f4f4f5, #18181b);
+  --meowdown-table-header-bg: light-dark(#fafafa, #27272a);
   --meowdown-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
+  --meowdown-node-outline: light-dark(#53f, #8870ff);
+  --meowdown-node-selection: light-dark(#5533ff1a, #8870ff1f);
+  --meowdown-selection: light-dark(#5533ff38, #8870ff4d);
   --meowdown-gutter: 3.5rem;
 }
 
@@ -312,6 +270,57 @@ prosekit-table-handle-drop-indicator {
   margin: 1.5em 0;
 }
 
+.ProseMirror table {
+  border-collapse: collapse;
+  table-layout: fixed;
+  width: 100%;
+  overflow: hidden;
+}
+
+.ProseMirror td, .ProseMirror th {
+  box-sizing: border-box;
+  border: 1px solid var(--meowdown-border);
+  vertical-align: top;
+  text-align: left;
+  padding: .4rem .75rem;
+}
+
+.ProseMirror th {
+  color: var(--meowdown-heading);
+  background: var(--meowdown-table-header-bg);
+  font-weight: 600;
+}
+
+.ProseMirror table.ProseMirror-selectednode td, .ProseMirror table.ProseMirror-selectednode th {
+  border-color: var(--meowdown-node-outline);
+}
+
+.ProseMirror .selectedCell {
+  border: 1px double var(--meowdown-node-outline);
+  background: var(--meowdown-node-selection);
+  --meowdown-selection: transparent;
+  caret-color: #0000;
+}
+
+.ProseMirror ::selection {
+  background: var(--meowdown-selection);
+}
+
+.ProseMirror .ProseMirror-selectednode {
+  --meowdown-selection: transparent;
+  outline: 1px solid var(--meowdown-node-outline);
+  background: var(--meowdown-node-selection);
+  border-radius: 2px;
+}
+
+.ProseMirror pre.ProseMirror-selectednode {
+  border-radius: .6rem;
+}
+
+.ProseMirror.prosekit-dragging {
+  --meowdown-node-selection: transparent;
+}
+
 .ProseMirror .md-tag {
   background: color-mix(in oklab, var(--meowdown-accent) 10%, transparent);
   color: color-mix(in oklab, var(--meowdown-accent) 80%, var(--meowdown-heading));
@@ -469,12 +478,6 @@ prosekit-table-handle-drop-indicator {
   }
 }
 
-:root {
-  --meowdown-node-outline: light-dark(#53f, #8870ff);
-  --meowdown-node-selection: light-dark(#5533ff1a, #8870ff1f);
-  --meowdown-selection: light-dark(#5533ff38, #8870ff4d);
-}
-
 .meowdown {
   flex-direction: column;
   flex: 1 0 auto;
@@ -482,28 +485,6 @@ prosekit-table-handle-drop-indicator {
 
   & .ProseMirror {
     flex: 1 0 auto;
-
-    & ::selection {
-      background: var(--meowdown-selection);
-    }
-
-    & .ProseMirror-selectednode {
-      outline: 1px solid var(--meowdown-node-outline);
-      background: var(--meowdown-node-selection);
-      border-radius: 2px;
-    }
-
-    & pre.ProseMirror-selectednode {
-      border-radius: .6rem;
-    }
-
-    & .ProseMirror-selectednode {
-      --meowdown-selection: transparent;
-    }
-
-    &.prosekit-dragging {
-      --meowdown-node-selection: transparent;
-    }
   }
 
   & [data-editor="codemirror"] {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/react",
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -22,13 +22,15 @@
     "@codemirror/language": "^6.12.3",
     "@codemirror/state": "^6.6.0",
     "@codemirror/view": "^6.43.1",
+    "@ocavue/utils": "^1.7.0",
     "@prosekit/core": "^0.12.3",
+    "@prosekit/pm": "^0.1.18",
     "@prosekit/react": "^0.7.6",
-    "@meowdown/core": "0.3.0"
+    "@meowdown/core": "0.3.1"
   },
   "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "peerDependenciesMeta": {
     "react": {