@meowdown/react 0.32.0 → 0.33.1

package/README.md

@@ -54,6 +54,8 @@ export function App() {
 
 See the full API reference [here](https://npmx.dev/package-docs/@meowdown%2Freact/).
 
+Slash menu host items can include `keywords` to match hidden terms without changing the displayed label.
+
 ## Styling
 
 Import both stylesheets: `@meowdown/core/style.css` (the editor theme and variables) and `@meowdown/react/style.css` (the component layout). The core theme is documented in [`@meowdown/core`](https://www.npmjs.com/package/@meowdown/core).

package/dist/index.d.ts

@@ -24,7 +24,8 @@ interface EditorHandle {
   setMarkdown: (markdown: string) => void;
   /**
    * Parses `markdown` and inserts it at the current selection as a single
-   * undoable edit, replacing any selected content. A lone paragraph is
+   * undoable edit. An active selection collapses first and is never
+   * deleted - this is a host-initiated insert, not a paste. A lone paragraph is
    * inserted inline at the cursor; anything else is inserted as blocks. The
    * cursor lands at the end of the inserted content. An empty or
    * whitespace-only string is a no-op. Unlike `setMarkdown`, it fires
@@ -87,6 +88,8 @@ interface SlashMenuItem {
   id?: string;
   /** Display text, matched against the typed query like the built-in items. */
   label: string;
+  /** Extra match terms beyond the label; never displayed. */
+  keywords?: string[];
   /** Secondary text shown beside the label. */
   detail?: string;
   /** Runs after the menu closes and the typed `/query` text is removed. */

package/dist/index.js

@@ -493,11 +493,13 @@ function LinkMenu({ onLinkClick, onLinkCopy }) {
 	let rangeFrom;
 	let rangeTo;
 	if (edit) {
-		rangeFrom = edit.from;
-		rangeTo = edit.to;
+		const anchorRange = edit.link?.label ?? edit;
+		rangeFrom = anchorRange.from;
+		rangeTo = anchorRange.to;
 	} else if (hover) {
-		rangeFrom = hover.unit.from;
-		rangeTo = hover.unit.to;
+		const anchorRange = hover.label ?? hover.unit;
+		rangeFrom = anchorRange.from;
+		rangeTo = anchorRange.to;
 	}
 	const anchor = useMemo(() => {
 		if (rangeFrom == null || rangeTo == null) return;
@@ -882,9 +884,9 @@ var autocomplete_menu_module_default = {
 //#endregion
 //#region src/components/slash-menu.tsx
 const regex$2 = canUseRegexLookbehind() ? /(?<!\S)\/(\S.*)?$/u : /\/(\S.*)?$/u;
-function SlashMenuItem({ label, detail, kbd, onSelect }) {
+function SlashMenuItem({ label, keywords, detail, kbd, onSelect }) {
 	return /* @__PURE__ */ jsxs(AutocompleteItem, {
-		value: label,
+		value: [label, ...keywords ?? []].join(" "),
 		className: autocomplete_menu_module_default.Item,
 		onSelect,
 		children: [
@@ -1005,6 +1007,7 @@ function SlashMenu({ timeFormat = "12", onSlashMenuSearch }) {
 					}),
 					hostItems.map((item) => /* @__PURE__ */ jsx(SlashMenuItem, {
 						label: item.label,
+						keywords: item.keywords,
 						detail: item.detail,
 						onSelect: item.onSelect
 					}, item.id ?? item.label)),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/react",
   "type": "module",
-  "version": "0.32.0",
+  "version": "0.33.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -25,7 +25,7 @@
     "@prosekit/react": "^0.8.0-beta.15",
     "clsx": "^2.1.1",
     "lucide-react": "^1.21.0",
-    "@meowdown/core": "0.32.0"
+    "@meowdown/core": "0.33.1"
   },
   "peerDependencies": {
     "react": "^19.0.0",