prosekit-registry 0.0.21 → 0.0.22

package/dist/r/vue-ui-tag-menu.json

@@ -5,7 +5,7 @@
   "description": "",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.8"
+    "prosekit@^0.20.0"
   ],
   "files": [
     {
@@ -18,7 +18,7 @@
       "path": "registry/src/vue/ui/tag-menu/tag-menu.vue",
       "type": "registry:component",
       "target": "components/editor/ui/tag-menu/tag-menu.vue",
-      "content": "<script setup lang=\"ts\">\nimport type { BasicExtension } from 'prosekit/basic'\nimport type { Union } from 'prosekit/core'\nimport type { MentionExtension } from 'prosekit/extensions/mention'\nimport { useEditor } from 'prosekit/vue'\nimport { AutocompleteEmpty, AutocompleteItem, AutocompletePopup, AutocompletePositioner, AutocompleteRoot } from 'prosekit/vue/autocomplete'\n\nconst props = defineProps<{ tags: { id: number; label: string }[] }>()\n\nconst editor = useEditor<Union<[MentionExtension, BasicExtension]>>()\n\nfunction handleTagInsert(id: number, label: string) {\n  editor.value.commands.insertMention({\n    id: id.toString(),\n    value: '#' + label,\n    kind: 'tag',\n  })\n  editor.value.commands.insertText({ text: ' ' })\n}\n\nconst regex = /#[\\da-z]*$/i\n</script>\n\n<template>\n  <AutocompleteRoot :regex=\"regex\">\n    <AutocompletePositioner class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\">\n      <AutocompletePopup class=\"box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95 duration-40 rounded-lg border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-950 shadow-lg overscroll-none flex flex-col relative max-h-100 min-w-60 select-none overflow-auto whitespace-nowrap p-1\">\n        <AutocompleteEmpty class=\"relative flex items-center justify-between min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\">\n          No results\n        </AutocompleteEmpty>\n\n        <AutocompleteItem\n          v-for=\"tag in props.tags\"\n          :key=\"tag.id\"\n          class=\"relative flex items-center justify-between min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n          @select=\"() => handleTagInsert(tag.id, tag.label)\"\n        >\n          #{{ tag.label }}\n        </AutocompleteItem>\n      </AutocompletePopup>\n    </AutocompletePositioner>\n  </AutocompleteRoot>\n</template>\n"
+      "content": "<script setup lang=\"ts\">\nimport type { BasicExtension } from 'prosekit/basic'\nimport type { Union } from 'prosekit/core'\nimport type { MentionExtension } from 'prosekit/extensions/mention'\nimport { useEditor } from 'prosekit/vue'\nimport { AutocompleteEmpty, AutocompleteItem, AutocompletePopup, AutocompletePositioner, AutocompleteRoot } from 'prosekit/vue/autocomplete'\n\nconst props = defineProps<{ tags: { id: number; label: string }[] }>()\n\nconst editor = useEditor<Union<[MentionExtension, BasicExtension]>>()\n\nfunction handleTagInsert(id: number, label: string) {\n  editor.value.commands.insertMention({\n    id: id.toString(),\n    value: '#' + label,\n    kind: 'tag',\n  })\n  editor.value.commands.insertText({ text: ' ' })\n}\n\nconst regex = /#[\\da-z]*$/i\n</script>\n\n<template>\n  <AutocompleteRoot :regex=\"regex\">\n    <AutocompletePositioner class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\">\n      <AutocompletePopup class=\"box-border origin-(--transform-origin) transition-[opacity,scale] transition-discrete motion-reduce:transition-none data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95 duration-40 rounded-xl border border-gray-200 dark:border-gray-800 shadow-lg bg-[canvas] flex flex-col relative max-h-100 min-h-0 min-w-60 select-none overflow-hidden whitespace-nowrap\">\n        <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-1 bg-[canvas] overscroll-contain\">\n          <AutocompleteEmpty class=\"relative flex items-center justify-between min-w-32 scroll-my-1 rounded-md px-3 py-1.5 text-sm box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\">\n            No results\n          </AutocompleteEmpty>\n\n          <AutocompleteItem\n            v-for=\"tag in props.tags\"\n            :key=\"tag.id\"\n            class=\"relative flex items-center justify-between min-w-32 scroll-my-1 rounded-md px-3 py-1.5 text-sm box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n            @select=\"() => handleTagInsert(tag.id, tag.label)\"\n          >\n            #{{ tag.label }}\n          </AutocompleteItem>\n        </div>\n      </AutocompletePopup>\n    </AutocompletePositioner>\n  </AutocompleteRoot>\n</template>\n"
     }
   ],
   "meta": {

package/dist/r/vue-ui-toolbar.json

@@ -10,7 +10,7 @@
   "dependencies": [
     "@egoist/tailwindcss-icons",
     "@iconify-json/lucide",
-    "prosekit@^0.20.0-beta.8"
+    "prosekit@^0.20.0"
   ],
   "files": [
     {

package/dist/r/vue-ui-user-menu.json

@@ -5,7 +5,7 @@
   "description": "",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.8"
+    "prosekit@^0.20.0"
   ],
   "files": [
     {
@@ -18,7 +18,7 @@
       "path": "registry/src/vue/ui/user-menu/user-menu.vue",
       "type": "registry:component",
       "target": "components/editor/ui/user-menu/user-menu.vue",
-      "content": "<script setup lang=\"ts\">\nimport type { BasicExtension } from 'prosekit/basic'\nimport { canUseRegexLookbehind, type Union } from 'prosekit/core'\nimport type { MentionExtension } from 'prosekit/extensions/mention'\nimport { useEditor } from 'prosekit/vue'\nimport { AutocompleteEmpty, AutocompleteItem, AutocompletePopup, AutocompletePositioner, AutocompleteRoot } from 'prosekit/vue/autocomplete'\n\nconst props = defineProps<{\n  users: { id: number; name: string }[]\n  loading?: boolean\n  onQueryChange?: (query: string) => void\n  onOpenChange?: (open: boolean) => void\n}>()\n\nconst editor = useEditor<Union<[MentionExtension, BasicExtension]>>()\n\nfunction handleUserInsert(id: number, username: string) {\n  editor.value.commands.insertMention({\n    id: id.toString(),\n    value: '@' + username,\n    kind: 'user',\n  })\n  editor.value.commands.insertText({ text: ' ' })\n}\n\n// Match inputs like \"@\", \"@foo\", \"@foo bar\" etc. Do not match \"@ foo\".\nconst regex = canUseRegexLookbehind() ? /(?<!\\S)@(\\S.*)?$/u : /@(\\S.*)?$/u\n</script>\n\n<template>\n  <AutocompleteRoot\n    :regex=\"regex\"\n    @query-change=\"(event) => props.onQueryChange?.(event.detail)\"\n    @open-change=\"(event) => props.onOpenChange?.(event.detail)\"\n  >\n    <AutocompletePositioner class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\">\n      <AutocompletePopup class=\"box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95 duration-40 rounded-lg border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-950 shadow-lg overscroll-none flex flex-col relative max-h-100 min-w-60 select-none overflow-auto whitespace-nowrap p-1\">\n        <AutocompleteEmpty class=\"relative flex items-center justify-between min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\">\n          {{ props.loading ? 'Loading...' : 'No results' }}\n        </AutocompleteEmpty>\n\n        <AutocompleteItem\n          v-for=\"user in props.users\"\n          :key=\"user.id\"\n          class=\"relative flex items-center justify-between min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n          @select=\"() => handleUserInsert(user.id, user.name)\"\n        >\n          <span v-if=\"props.loading\" class=\"opacity-50\">\n            {{ user.name }}\n          </span>\n          <span v-else>\n            {{ user.name }}\n          </span>\n        </AutocompleteItem>\n      </AutocompletePopup>\n    </AutocompletePositioner>\n  </AutocompleteRoot>\n</template>\n"
+      "content": "<script setup lang=\"ts\">\nimport type { BasicExtension } from 'prosekit/basic'\nimport { canUseRegexLookbehind, type Union } from 'prosekit/core'\nimport type { MentionExtension } from 'prosekit/extensions/mention'\nimport { useEditor } from 'prosekit/vue'\nimport { AutocompleteEmpty, AutocompleteItem, AutocompletePopup, AutocompletePositioner, AutocompleteRoot } from 'prosekit/vue/autocomplete'\n\nconst props = defineProps<{\n  users: { id: number; name: string }[]\n  loading?: boolean\n  onQueryChange?: (query: string) => void\n  onOpenChange?: (open: boolean) => void\n}>()\n\nconst editor = useEditor<Union<[MentionExtension, BasicExtension]>>()\n\nfunction handleUserInsert(id: number, username: string) {\n  editor.value.commands.insertMention({\n    id: id.toString(),\n    value: '@' + username,\n    kind: 'user',\n  })\n  editor.value.commands.insertText({ text: ' ' })\n}\n\n// Match inputs like \"@\", \"@foo\", \"@foo bar\" etc. Do not match \"@ foo\".\nconst regex = canUseRegexLookbehind() ? /(?<!\\S)@(\\S.*)?$/u : /@(\\S.*)?$/u\n</script>\n\n<template>\n  <AutocompleteRoot\n    :regex=\"regex\"\n    @query-change=\"(event) => props.onQueryChange?.(event.detail)\"\n    @open-change=\"(event) => props.onOpenChange?.(event.detail)\"\n  >\n    <AutocompletePositioner class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\">\n      <AutocompletePopup class=\"box-border origin-(--transform-origin) transition-[opacity,scale] transition-discrete motion-reduce:transition-none data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95 duration-40 rounded-xl border border-gray-200 dark:border-gray-800 shadow-lg bg-[canvas] flex flex-col relative max-h-100 min-h-0 min-w-60 select-none overflow-hidden whitespace-nowrap\">\n        <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-1 bg-[canvas] overscroll-contain\">\n          <AutocompleteEmpty class=\"relative flex items-center justify-between min-w-32 scroll-my-1 rounded-md px-3 py-1.5 text-sm box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\">\n            {{ props.loading ? 'Loading...' : 'No results' }}\n          </AutocompleteEmpty>\n\n          <AutocompleteItem\n            v-for=\"user in props.users\"\n            :key=\"user.id\"\n            class=\"relative flex items-center justify-between min-w-32 scroll-my-1 rounded-md px-3 py-1.5 text-sm box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n            @select=\"() => handleUserInsert(user.id, user.name)\"\n          >\n            <span v-if=\"props.loading\" class=\"opacity-50\">\n              {{ user.name }}\n            </span>\n            <span v-else>\n              {{ user.name }}\n            </span>\n          </AutocompleteItem>\n        </div>\n      </AutocompletePopup>\n    </AutocompletePositioner>\n  </AutocompleteRoot>\n</template>\n"
     }
   ],
   "meta": {

package/dist/r/vue-ui-word-counter.json

@@ -5,7 +5,7 @@
   "description": "",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.8"
+    "prosekit@^0.20.0"
   ],
   "files": [
     {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prosekit-registry",
   "type": "module",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "private": false,
   "description": "The registry of ProseKit examples",
   "license": "MIT",
@@ -19,8 +19,8 @@
     "dist"
   ],
   "dependencies": {
-    "@base-ui/react": "^1.4.0",
-    "loro-crdt": "^1.11.0",
+    "@base-ui/react": "^1.4.1",
+    "loro-crdt": "^1.11.1",
     "loro-prosemirror": "^0.4.3",
     "obug": "^2.1.1",
     "preact": "^10.29.1",
@@ -31,9 +31,9 @@
     "remark-parse": "^11.0.0",
     "remark-stringify": "^11.0.0",
     "solid-js": "^1.9.12",
-    "svelte": "^5.55.3",
+    "svelte": "^5.55.5",
     "unified": "^11.0.5",
-    "vue": "^3.5.32",
+    "vue": "^3.5.33",
     "y-websocket": "^3.0.0",
     "yjs": "^13.6.30"
   },
@@ -44,13 +44,13 @@
     "@ocavue/utils": "^1.6.0",
     "@preact/preset-vite": "^2.10.5",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
-    "@tailwindcss/vite": "^4.2.2",
+    "@tailwindcss/vite": "^4.2.4",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "@vitejs/plugin-vue": "^6.0.6",
-    "@vitest/browser-playwright": "^4.1.4",
-    "@vitest/ui": "^4.1.4",
+    "@vitest/browser-playwright": "^4.1.5",
+    "@vitest/ui": "^4.1.5",
     "change-case": "^5.4.4",
     "clsx": "^2.1.1",
     "colorjs.io": "^0.6.1",
@@ -66,25 +66,25 @@
     "shadcn-schema": "^0.4.0",
     "svelte-check": "^4.4.6",
     "tailwind-merge": "^3.5.0",
-    "tailwindcss": "^4.2.2",
+    "tailwindcss": "^4.2.4",
     "temml": "^0.13.2",
     "tinyexec": "^1.1.1",
     "tsx": "^4.21.0",
-    "vite": "^8.0.8",
+    "vite": "^8.0.10",
     "vite-plugin-solid": "^2.11.12",
     "vite-plugin-wasm": "^3.6.0",
-    "vitest": "^4.1.4",
+    "vitest": "^4.1.5",
     "vitest-browser-commands": "^0.2.0",
     "vitest-browser-preact": "^1.0.0",
     "vitest-browser-react": "^2.2.0",
     "vitest-browser-solid": "^1.0.1",
     "vitest-browser-svelte": "^2.1.1",
     "vitest-browser-vue": "^2.1.0",
-    "vue-tsc": "^3.2.6",
+    "vue-tsc": "^3.2.7",
     "vue-tweet": "^2.4.0",
     "@prosekit/dev": "0.0.0",
     "@prosekit/config-vitest": "0.0.0",
-    "prosekit": "0.20.0-beta.8"
+    "prosekit": "0.20.0"
   },
   "scripts": {
     "gen": "tsx src/gen.ts",