@prosekit/extensions 0.0.5 → 0.0.7

package/dist/list/style.css

@@ -1,4 +1,4 @@
-/* ../../node_modules/.pnpm/prosemirror-flat-list@0.3.15/node_modules/prosemirror-flat-list/dist/style.css */
+/* ../../node_modules/.pnpm/prosemirror-flat-list@0.4.1/node_modules/prosemirror-flat-list/dist/style.css */
 .prosemirror-flat-list {
   padding: 0;
   margin-top: 0;

package/dist/prosekit-extensions-autocomplete.js

@@ -33,12 +33,12 @@ function setTrMeta(tr, meta) {
   return tr.setMeta(pluginKey, meta);
 }
 var pluginKey = new PluginKey(
-  "prosemirror-prediction"
+  "prosekit-autocomplete"
 );
 
 // src/autocomplete/plugin.ts
 function createAutocompletePlugin({
-  rules
+  getRules
 }) {
   return new Plugin({
     key: pluginKey,
@@ -55,7 +55,7 @@ function createAutocompletePlugin({
         if (meta) {
           return meta;
         }
-        const nextValue = calcPluginState(newState, rules);
+        const nextValue = calcPluginState(newState, getRules());
         if (nextValue.active && prevValue.ignore != null && ((_a = nextValue.matching) == null ? void 0 : _a.from) === prevValue.ignore) {
           return prevValue;
         }
@@ -167,8 +167,20 @@ function addAutocomplete(rule) {
   return autocompleteFacet.extension([rule]);
 }
 var autocompleteFacet = Facet.define({
-  combine: (rules) => {
-    return () => [createAutocompletePlugin({ rules })];
+  slot: () => {
+    let localRules = [];
+    const getRules = () => localRules;
+    return {
+      create: (rules) => {
+        localRules = rules;
+        const plugin = createAutocompletePlugin({ getRules });
+        return () => [plugin];
+      },
+      update: (rules) => {
+        localRules = rules;
+        return null;
+      }
+    };
   },
   next: pluginFacet
 });

package/dist/prosekit-extensions-blockquote.js

@@ -3,14 +3,12 @@ import { addNodeSpec, defineExtension } from "@prosekit/core";
 function addBlockquoteSpec() {
   return addNodeSpec({
     name: "blockquote",
-    spec: {
-      content: "block+",
-      group: "block",
-      defining: true,
-      parseDOM: [{ tag: "blockquote" }],
-      toDOM() {
-        return ["blockquote", 0];
-      }
+    content: "block+",
+    group: "block",
+    defining: true,
+    parseDOM: [{ tag: "blockquote" }],
+    toDOM() {
+      return ["blockquote", 0];
     }
   });
 }

package/dist/prosekit-extensions-bold.js

@@ -9,29 +9,27 @@ import {
 function addBoldSpec() {
   return addMarkSpec({
     name: "bold",
-    spec: {
-      parseDOM: [
-        { tag: "strong" },
-        // This works around a Google Docs misbehavior where
-        // pasted content will be inexplicably wrapped in `<b>`
-        // tags with a font-weight normal.
-        {
-          tag: "b",
-          getAttrs: (node) => {
-            return typeof node !== "string" && node.style.fontWeight !== "normal" && null;
-          }
-        },
-        { style: "font-weight=400", clearMark: (m) => m.type.name == "strong" },
-        {
-          style: "font-weight",
-          getAttrs: (value) => {
-            return typeof value === "string" && /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null;
-          }
+    parseDOM: [
+      { tag: "strong" },
+      // This works around a Google Docs misbehavior where
+      // pasted content will be inexplicably wrapped in `<b>`
+      // tags with a font-weight normal.
+      {
+        tag: "b",
+        getAttrs: (node) => {
+          return typeof node !== "string" && node.style.fontWeight !== "normal" && null;
+        }
+      },
+      { style: "font-weight=400", clearMark: (m) => m.type.name == "strong" },
+      {
+        style: "font-weight",
+        getAttrs: (value) => {
+          return typeof value === "string" && /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null;
         }
-      ],
-      toDOM() {
-        return ["em", 0];
       }
+    ],
+    toDOM() {
+      return ["em", 0];
     }
   });
 }

package/dist/prosekit-extensions-code.js

@@ -3,11 +3,9 @@ import { addMarkSpec, defineExtension } from "@prosekit/core";
 function addCodeSpec() {
   return addMarkSpec({
     name: "code",
-    spec: {
-      parseDOM: [{ tag: "code" }],
-      toDOM() {
-        return ["code", 0];
-      }
+    parseDOM: [{ tag: "code" }],
+    toDOM() {
+      return ["code", 0];
     }
   });
 }

package/dist/prosekit-extensions-heading.js

@@ -11,22 +11,20 @@ import { textblockTypeInputRule } from "@prosekit/pm/inputrules";
 function addHeadingSpec() {
   return addNodeSpec({
     name: "heading",
-    spec: {
-      attrs: { level: { default: 1 } },
-      content: "inline*",
-      group: "block",
-      defining: true,
-      parseDOM: [
-        { tag: "h1", attrs: { level: 1 } },
-        { tag: "h2", attrs: { level: 2 } },
-        { tag: "h3", attrs: { level: 3 } },
-        { tag: "h4", attrs: { level: 4 } },
-        { tag: "h5", attrs: { level: 5 } },
-        { tag: "h6", attrs: { level: 6 } }
-      ],
-      toDOM(node) {
-        return [`h${node.attrs.level}`, 0];
-      }
+    attrs: { level: { default: 1 } },
+    content: "inline*",
+    group: "block",
+    defining: true,
+    parseDOM: [
+      { tag: "h1", attrs: { level: 1 } },
+      { tag: "h2", attrs: { level: 2 } },
+      { tag: "h3", attrs: { level: 3 } },
+      { tag: "h4", attrs: { level: 4 } },
+      { tag: "h5", attrs: { level: 5 } },
+      { tag: "h6", attrs: { level: 6 } }
+    ],
+    toDOM(node) {
+      return [`h${node.attrs.level}`, 0];
     }
   });
 }

package/dist/prosekit-extensions-italic.js

@@ -9,19 +9,17 @@ import {
 function addItalicSpec() {
   return addMarkSpec({
     name: "italic",
-    spec: {
-      parseDOM: [
-        { tag: "i" },
-        { tag: "em" },
-        { style: "font-style=italic" },
-        {
-          style: "font-style=normal",
-          clearMark: (m) => m.type.name === "italic"
-        }
-      ],
-      toDOM() {
-        return ["em", 0];
+    parseDOM: [
+      { tag: "i" },
+      { tag: "em" },
+      { style: "font-style=italic" },
+      {
+        style: "font-style=normal",
+        clearMark: (m) => m.type.name === "italic"
       }
+    ],
+    toDOM() {
+      return ["em", 0];
     }
   });
 }

package/dist/prosekit-extensions-link.d.ts

@@ -0,0 +1,25 @@
+import * as _prosekit_core from '@prosekit/core';
+
+/** @public */
+interface LinkAttrs {
+    href: string;
+}
+declare function addLinkSpec(): _prosekit_core.Extension<{
+    MARKS: "link";
+}>;
+declare function addLinkCommands(): _prosekit_core.Extension<{
+    COMMAND_ARGS: {
+        addLink: [attrs: LinkAttrs];
+        toggleLink: [attrs: LinkAttrs];
+    };
+}>;
+/** @public */
+declare function addItalic(): _prosekit_core.Extension<{
+    MARKS: "link";
+    COMMAND_ARGS: {
+        addLink: [attrs: LinkAttrs];
+        toggleLink: [attrs: LinkAttrs];
+    };
+}>;
+
+export { LinkAttrs, addItalic, addLinkCommands, addLinkSpec };

package/dist/prosekit-extensions-link.js

@@ -0,0 +1,44 @@
+// src/link/index.ts
+import {
+  addCommands,
+  addMark,
+  addMarkSpec,
+  defineExtension,
+  toggleMark
+} from "@prosekit/core";
+function addLinkSpec() {
+  return addMarkSpec({
+    name: "link",
+    parseDOM: [
+      {
+        tag: "a[href]",
+        getAttrs: (dom) => {
+          return {
+            href: dom.getAttribute("href")
+          };
+        }
+      }
+    ],
+    attrs: {
+      href: {}
+    },
+    toDOM(node) {
+      const { href } = node.attrs;
+      return ["a", { href }, 0];
+    }
+  });
+}
+function addLinkCommands() {
+  return addCommands({
+    addLink: (attrs) => addMark({ type: "link", attrs }),
+    toggleLink: (attrs) => toggleMark({ type: "link", attrs })
+  });
+}
+function addItalic() {
+  return defineExtension([addLinkSpec(), addLinkCommands()]);
+}
+export {
+  addItalic,
+  addLinkCommands,
+  addLinkSpec
+};

package/dist/prosekit-extensions-list.js

@@ -13,7 +13,7 @@ import {
   listKeymap
 } from "prosemirror-flat-list";
 function addListSpec() {
-  return addNodeSpec({ name: "list", spec: createListSpec() });
+  return addNodeSpec({ ...createListSpec(), name: "list" });
 }
 function addListPlugins() {
   return addPlugin({ plugins: ({ schema }) => createListPlugins({ schema }) });

package/dist/prosekit-extensions-mention.d.ts

@@ -0,0 +1,21 @@
+import * as _prosekit_core from '@prosekit/core';
+
+interface MentionAttrs {
+    id: string;
+    kind: string;
+    value: string;
+}
+/**
+ * @public
+ */
+declare function addMentionSpec(): _prosekit_core.Extension<{
+    NODES: "mention";
+}>;
+/**
+ * @public
+ */
+declare function addMention(): _prosekit_core.Extension<{
+    NODES: "mention";
+}>;
+
+export { MentionAttrs, addMention, addMentionSpec };

package/dist/prosekit-extensions-mention.js

@@ -0,0 +1,43 @@
+// src/mention/index.ts
+import { addNodeSpec, defineExtension } from "@prosekit/core";
+function addMentionSpec() {
+  return addNodeSpec({
+    name: "mention",
+    atom: true,
+    group: "inline",
+    attrs: {
+      id: {},
+      value: {},
+      kind: { default: "" }
+    },
+    inline: true,
+    leafText: (node) => node.attrs.value.toString(),
+    parseDOM: [
+      {
+        tag: `span[data-mention]`,
+        getAttrs: (dom) => ({
+          id: dom.getAttribute("data-id") || "",
+          kind: dom.getAttribute("data-mention") || "",
+          value: dom.textContent || ""
+        })
+      }
+    ],
+    toDOM(node) {
+      return [
+        "span",
+        {
+          "data-id": node.attrs.id.toString(),
+          "data-mention": node.attrs.kind.toString()
+        },
+        node.attrs.value.toString()
+      ];
+    }
+  });
+}
+function addMention() {
+  return defineExtension([addMentionSpec()]);
+}
+export {
+  addMention,
+  addMentionSpec
+};

package/dist/prosekit-extensions-placeholder.js

@@ -1,7 +1,7 @@
 // src/placeholder/index.ts
 import { addPlugin } from "@prosekit/core";
 import "@prosekit/pm/model";
-import { Plugin } from "@prosekit/pm/state";
+import { Plugin, PluginKey } from "@prosekit/pm/state";
 import { Decoration, DecorationSet } from "@prosekit/pm/view";
 function addPlaceholder(options) {
   return addPlugin({
@@ -10,6 +10,7 @@ function addPlaceholder(options) {
 }
 function createPlaceholderPlugin(options) {
   return new Plugin({
+    key: placeholderPluginKey,
     props: {
       decorations: (state) => {
         if (options.strategy === "doc" && !isDocEmpty(state.doc)) {
@@ -25,6 +26,7 @@ function createPlaceholderPlugin(options) {
     }
   });
 }
+var placeholderPluginKey = new PluginKey("prosekit-placeholder");
 function isDocEmpty(doc) {
   var _a;
   return doc.childCount <= 1 && !((_a = doc.firstChild) == null ? void 0 : _a.content.size);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/extensions",
   "type": "module",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -60,6 +60,11 @@
       "import": "./dist/prosekit-extensions-italic.js",
       "default": "./dist/prosekit-extensions-italic.js"
     },
+    "./link": {
+      "types": "./dist/prosekit-extensions-link.d.ts",
+      "import": "./dist/prosekit-extensions-link.js",
+      "default": "./dist/prosekit-extensions-link.js"
+    },
     "./list": {
       "types": "./dist/prosekit-extensions-list.d.ts",
       "import": "./dist/prosekit-extensions-list.js",
@@ -68,6 +73,11 @@
     "./list/style.css": {
       "default": "./dist/list/style.css"
     },
+    "./mention": {
+      "types": "./dist/prosekit-extensions-mention.d.ts",
+      "import": "./dist/prosekit-extensions-mention.js",
+      "default": "./dist/prosekit-extensions-mention.js"
+    },
     "./placeholder": {
       "types": "./dist/prosekit-extensions-placeholder.d.ts",
       "import": "./dist/prosekit-extensions-placeholder.js",
@@ -86,15 +96,15 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.0.5",
+    "@prosekit/core": "^0.0.7",
     "@prosekit/pm": "^0.0.3",
-    "prosemirror-flat-list": "^0.3.15"
+    "prosemirror-flat-list": "^0.4.1"
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "tsup": "^7.1.0",
+    "tsup": "^7.2.0",
     "typescript": "^5.1.6",
-    "vitest": "^0.33.0"
+    "vitest": "^0.34.1"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -124,9 +134,15 @@
       "italic": [
         "./dist/prosekit-extensions-italic.d.ts"
       ],
+      "link": [
+        "./dist/prosekit-extensions-link.d.ts"
+      ],
       "list": [
         "./dist/prosekit-extensions-list.d.ts"
       ],
+      "mention": [
+        "./dist/prosekit-extensions-mention.d.ts"
+      ],
       "placeholder": [
         "./dist/prosekit-extensions-placeholder.d.ts"
       ],