@prosekit/extensions 0.0.6 → 0.0.8

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-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-block.d.ts

@@ -0,0 +1,27 @@
+import * as _prosekit_core from '@prosekit/core';
+import { HLJSApi } from 'highlight.js';
+
+interface CodeBlockAttrs {
+    language?: string;
+}
+
+declare function addCodeBlockSpec(): _prosekit_core.Extension<{
+    NODES: "codeBlock";
+}>;
+declare function addCodeBlockInputRule(): _prosekit_core.Extension<_prosekit_core.ExtensionTyping<string, string, _prosekit_core.CommandArgs>>;
+declare function addCodeBlockCommands(): _prosekit_core.Extension<{
+    COMMAND_ARGS: {
+        setCodeBlockLanguage: [language: string];
+    };
+}>;
+/** @public */
+declare function addCodeBlock(options?: {
+    hljs?: HLJSApi;
+}): _prosekit_core.Extension<{
+    NODES: "codeBlock";
+    COMMAND_ARGS: {
+        setCodeBlockLanguage: [language: string];
+    };
+}>;
+
+export { CodeBlockAttrs, addCodeBlock, addCodeBlockCommands, addCodeBlockInputRule, addCodeBlockSpec };

package/dist/prosekit-extensions-code-block.js

@@ -0,0 +1,123 @@
+// src/code-block/index.ts
+import {
+  addCommands,
+  addInputRule,
+  addNodeSpec,
+  defineExtension,
+  getNodeType
+} from "@prosekit/core";
+import { textblockTypeInputRule } from "@prosekit/pm/inputrules";
+
+// src/code-block/code-block-highlight.ts
+import { addPlugin } from "@prosekit/core";
+import { PluginKey, ProseMirrorPlugin } from "@prosekit/pm/state";
+import { DecorationSet } from "@prosekit/pm/view";
+import { getHighlightDecorations } from "prosemirror-highlightjs";
+function addCodeBlockHighlight(options) {
+  const hljs = options.hljs;
+  const plugin = new ProseMirrorPlugin({
+    key,
+    state: {
+      init(_config, state) {
+        const decorations = hljs ? getHighlightDecorations(
+          state.doc,
+          hljs,
+          blockTypes,
+          languageExtractor
+        ) : [];
+        return DecorationSet.create(state.doc, decorations);
+      },
+      apply(tr, set) {
+        if (!tr.docChanged) {
+          return set.map(tr.mapping, tr.doc);
+        }
+        const decorations = hljs ? getHighlightDecorations(tr.doc, hljs, blockTypes, languageExtractor) : [];
+        return DecorationSet.create(tr.doc, decorations);
+      }
+    },
+    props: {
+      decorations(state) {
+        return key.getState(state);
+      }
+    }
+  });
+  return addPlugin({
+    plugins: () => {
+      return [plugin];
+    }
+  });
+}
+var key = new PluginKey("prosekit-code-block-highlight");
+var blockTypes = ["codeBlock"];
+function languageExtractor(node) {
+  return node.attrs.language || "javascript";
+}
+
+// src/code-block/index.ts
+function addCodeBlockSpec() {
+  return addNodeSpec({
+    name: "codeBlock",
+    content: "text*",
+    group: "block",
+    code: true,
+    defining: true,
+    marks: "",
+    attrs: { language: { default: "" } },
+    parseDOM: [
+      {
+        tag: "pre",
+        preserveWhitespace: "full",
+        getAttrs: (node) => ({
+          language: node.getAttribute("data-language") || ""
+        })
+      }
+    ],
+    toDOM(node) {
+      const attrs = node.attrs;
+      return [
+        "pre",
+        { "data-language": attrs.language, class: "hljs" },
+        ["code", 0]
+      ];
+    }
+  });
+}
+function addCodeBlockInputRule() {
+  return addInputRule(({ schema }) => {
+    const nodeType = getNodeType(schema, "codeBlock");
+    const getAttrs = (match) => {
+      return { language: match[1] || "" };
+    };
+    const inputRule = textblockTypeInputRule(/^```(\S*)\s$/, nodeType, getAttrs);
+    return [inputRule];
+  });
+}
+function addCodeBlockCommands() {
+  return addCommands({
+    setCodeBlockLanguage: (language) => (state, dispatch) => {
+      const pos = state.selection.$from.before();
+      const codeBlock = state.doc.nodeAt(pos);
+      if (!codeBlock || codeBlock.type.name !== "codeBlock") {
+        return false;
+      }
+      const { tr } = state;
+      tr.setNodeMarkup(pos, void 0, { language });
+      dispatch == null ? void 0 : dispatch(tr);
+      return true;
+    }
+  });
+}
+function addCodeBlock(options) {
+  return defineExtension([
+    addCodeBlockSpec(),
+    addCodeBlockInputRule(),
+    addCodeBlockHighlight({ hljs: options == null ? void 0 : options.hljs }),
+    addCodeBlockCommands()
+  ]);
+}
+export {
+  addCodeBlock,
+  addCodeBlockCommands,
+  addCodeBlockInputRule,
+  addCodeBlockSpec
+};

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.js

@@ -3,36 +3,34 @@ import { addNodeSpec, defineExtension } from "@prosekit/core";
 function addMentionSpec() {
   return addNodeSpec({
     name: "mention",
-    spec: {
-      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()
-        ];
+    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()
+      ];
     }
   });
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/extensions",
   "type": "module",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -50,6 +50,11 @@
       "import": "./dist/prosekit-extensions-code.js",
       "default": "./dist/prosekit-extensions-code.js"
     },
+    "./code-block": {
+      "types": "./dist/prosekit-extensions-code-block.d.ts",
+      "import": "./dist/prosekit-extensions-code-block.js",
+      "default": "./dist/prosekit-extensions-code-block.js"
+    },
     "./heading": {
       "types": "./dist/prosekit-extensions-heading.d.ts",
       "import": "./dist/prosekit-extensions-heading.js",
@@ -60,6 +65,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",
@@ -91,15 +101,17 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.0.6",
+    "@prosekit/core": "^0.0.7",
     "@prosekit/pm": "^0.0.3",
-    "prosemirror-flat-list": "^0.3.15"
+    "highlight.js": "^11.8.0",
+    "prosemirror-flat-list": "^0.4.1",
+    "prosemirror-highlightjs": "^0.9.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",
@@ -123,12 +135,18 @@
       "code": [
         "./dist/prosekit-extensions-code.d.ts"
       ],
+      "code-block": [
+        "./dist/prosekit-extensions-code-block.d.ts"
+      ],
       "heading": [
         "./dist/prosekit-extensions-heading.d.ts"
       ],
       "italic": [
         "./dist/prosekit-extensions-italic.d.ts"
       ],
+      "link": [
+        "./dist/prosekit-extensions-link.d.ts"
+      ],
       "list": [
         "./dist/prosekit-extensions-list.d.ts"
       ],