@meowdown/react 0.29.1 → 0.30.0

package/dist/index.d.ts

@@ -76,8 +76,9 @@ interface WikilinkItem {
 }
 /**
  * Searches notes for the wikilink menu. Receives the query typed after
- * `[[` or `@` (lowercased, punctuation stripped, may be empty or contain
- * spaces) and returns the rows to show, either synchronously or as a promise.
+ * `[[` or `@` (trimmed, with casing and punctuation preserved; may be empty
+ * or contain spaces) and returns the rows to show, either synchronously or as
+ * a promise.
  */
 type WikilinkSearchHandler = (query: string) => WikilinkItem[] | Promise<WikilinkItem[]>;
 //#endregion
@@ -108,10 +109,10 @@ interface EditorProps {
   onTagSearch?: TagSearchHandler;
   /**
    * Searches notes for the wikilink menu, which opens as soon as `[[` or `@`
-   * is typed. Receives the query (lowercased, punctuation stripped, may be
-   * empty) and returns the note names to show, synchronously or as a promise.
-   * Pass a stable function (e.g. from `useCallback`). Omit to disable the
-   * wikilink menu.
+   * is typed. Receives the query (trimmed, with casing and punctuation
+   * preserved, may be empty) and returns the note names to show, synchronously
+   * or as a promise. Pass a stable function (e.g. from `useCallback`). Omit to
+   * disable the wikilink menu.
    */
   onWikilinkSearch?: WikilinkSearchHandler;
   /**

package/dist/index.js

@@ -892,6 +892,9 @@ function TagMenu({ onTagSearch }) {
 //#endregion
 //#region src/components/wikilink-menu.tsx
 const regex = canUseRegexLookbehind() ? /(?:\[\[[^[\]]*|(?<!\S)@(?:[^[\]\s][^[\]]*)?)$/u : /(?:\[\[[^[\]]*|@(?:[^[\]\s][^[\]]*)?)$/u;
+function queryFromRegexMatch(match) {
+	return match[0].replace(/^(?:\[\[|@)/, "").trim();
+}
 function WikilinkMenu({ onWikilinkSearch }) {
 	const editor = useEditor$1();
 	const [open, setOpen] = useState(false);
@@ -923,6 +926,7 @@ function WikilinkMenu({ onWikilinkSearch }) {
 	return /* @__PURE__ */ jsx(AutocompleteRoot, {
 		regex,
 		filter: returnsTrue,
+		queryBuilder: queryFromRegexMatch,
 		onOpenChange: (event) => setOpen(event.detail),
 		onQueryChange: (event) => setQuery(event.detail),
 		children: /* @__PURE__ */ jsx(AutocompletePositioner, {

package/dist/style.css

@@ -24,10 +24,10 @@
 .meow_Trigger_D3j_9q {
   box-sizing: border-box;
   border: 1px solid var(--meowdown-border);
+  background: var(--meowdown-popover-bg);
   height: 1.6rem;
   color: var(--meowdown-muted);
   cursor: pointer;
-  background: light-dark(#fff, #27272a);
   border-radius: .35rem;
   align-items: center;
   gap: .25rem;
@@ -55,11 +55,11 @@
 .meow_CopyButton_D3j_9q {
   box-sizing: border-box;
   border: 1px solid var(--meowdown-border);
+  background: var(--meowdown-popover-bg);
   width: 1.6rem;
   height: 1.6rem;
   color: var(--meowdown-muted);
   cursor: pointer;
-  background: light-dark(#fff, #27272a);
   border-radius: .35rem;
   justify-content: center;
   align-items: center;
@@ -90,10 +90,10 @@
   box-sizing: border-box;
   max-height: min(var(--available-height), 18rem);
   border: 1px solid var(--meowdown-border);
+  background: var(--meowdown-popover-bg);
   width: 14rem;
   color: var(--meowdown-text);
   transform-origin: var(--transform-origin);
-  background: light-dark(#fff, #27272a);
   border-radius: .5rem;
   flex-direction: column;
   font-family: ui-sans-serif, system-ui, sans-serif;
@@ -240,7 +240,7 @@
   display: flex;
 
   &:hover {
-    background: light-dark(#f4f4f5, #27272a);
+    background: var(--meowdown-popover-hover-bg);
   }
 
   & svg {
@@ -264,7 +264,7 @@
 .meow_Popup_IjcqKG {
   box-sizing: border-box;
   border: 1px solid var(--meowdown-border);
-  background: var(--meowdown-link-popover-bg, light-dark(#fff, #18181b));
+  background: var(--meowdown-popover-bg);
   border-radius: .75rem;
   flex-direction: column;
   width: 100%;
@@ -302,7 +302,7 @@
   display: inline-flex;
 
   &:hover {
-    background: var(--meowdown-link-popover-hover-bg, light-dark(#f4f4f5, #27272a));
+    background: var(--meowdown-popover-hover-bg);
   }
 
   & svg {
@@ -358,8 +358,7 @@
   white-space: nowrap;
   user-select: none;
   border: 1px solid var(--meowdown-border);
-  background: #fff;
-  background: var(--meowdown-autocomplete-bg, light-dark(#fff, #18181b));
+  background: var(--meowdown-popover-bg);
   border-radius: .75rem;
   flex-direction: column;
   width: 100%;
@@ -393,8 +392,7 @@
   }
 
   &[data-highlighted] {
-    background: #f4f4f5;
-    background: var(--meowdown-autocomplete-highlight-bg, light-dark(#f4f4f5, #27272a));
+    background: var(--meowdown-popover-hover-bg);
   }
 
   & kbd {
@@ -465,9 +463,9 @@
 .meow_Trigger_hpZLgq {
   box-sizing: border-box;
   border: 1px solid var(--meowdown-border);
+  background: var(--meowdown-popover-bg);
   color: color-mix(in oklab, var(--meowdown-muted) 50%, transparent);
   cursor: grab;
-  background: light-dark(#fff, #18181b);
   border-radius: .25rem;
   outline: none;
   justify-content: center;
@@ -478,7 +476,7 @@
   overflow: clip;
 
   &:hover {
-    background: light-dark(#f4f4f5, #27272a);
+    background: var(--meowdown-popover-hover-bg);
   }
 
   & svg {
@@ -494,10 +492,10 @@
   white-space: nowrap;
   user-select: none;
   border: 1px solid var(--meowdown-border);
+  background: var(--meowdown-popover-bg);
   min-width: 8rem;
   max-height: 25rem;
   transform-origin: var(--transform-origin);
-  background: light-dark(#fff, #18181b);
   border-radius: .75rem;
   outline: none;
   flex-direction: column;
@@ -540,11 +538,11 @@
   display: flex;
 
   &[data-highlighted] {
-    background: light-dark(#f4f4f5, #27272a);
+    background: var(--meowdown-popover-hover-bg);
   }
 
   &[data-danger] {
-    color: light-dark(#ef4444, #f87171);
+    color: var(--meowdown-danger);
   }
 
   &[data-disabled="true"] {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/react",
   "type": "module",
-  "version": "0.29.1",
+  "version": "0.30.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -20,12 +20,12 @@
   "dependencies": {
     "@base-ui/react": "^1.6.0",
     "@ocavue/utils": "^1.7.0",
-    "@prosekit/core": "^0.13.0-beta.3",
-    "@prosekit/pm": "^0.1.19-beta.0",
-    "@prosekit/react": "^0.8.0-beta.12",
+    "@prosekit/core": "^0.13.0-beta.4",
+    "@prosekit/pm": "^0.1.19-beta.1",
+    "@prosekit/react": "^0.8.0-beta.15",
     "clsx": "^2.1.1",
     "lucide-react": "^1.21.0",
-    "@meowdown/core": "0.29.1"
+    "@meowdown/core": "0.30.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",