@prosekit/extensions 0.2.3 → 0.2.5

package/dist/_tsup-dts-rollup.d.ts

@@ -1,8 +1,6 @@
 import { Attrs } from '@prosekit/pm/model';
 import type { BundledTheme } from 'shikiji';
-import type { Command } from '@prosekit/pm/state';
 import { CommandArgs } from '@prosekit/core';
-import type { ContentMatch } from '@prosekit/pm/model';
 import { DedentListOptions } from 'prosemirror-flat-list';
 import { EditorState } from '@prosekit/pm/state';
 import { Extension } from '@prosekit/core';
@@ -12,7 +10,6 @@ import { InputRule } from '@prosekit/pm/inputrules';
 import { ListAttributes } from 'prosemirror-flat-list';
 import { NodeRange } from 'prosemirror-model';
 import { NodeType } from '@prosekit/pm/model';
-import { NodeType as NodeType_2 } from 'prosemirror-model';
 import { Options } from 'tsup';
 import { Parser } from 'prosemirror-highlight';
 import { Plugin as Plugin_2 } from '@prosekit/pm/state';
@@ -65,8 +62,6 @@ export declare const default_alias_1: {
     };
 };
 
-export declare function defaultBlockAt(match: ContentMatch): NodeType_2 | null;
-
 export declare function defaultCanMatch({ state }: {
     state: EditorState;
 }): boolean;
@@ -130,6 +125,10 @@ toggleCode: [];
 export declare function defineCodeBlock(): Extension<    {
 NODES: "codeBlock";
 COMMAND_ARGS: {
+setCodeBlock: [attrs?: CodeBlockAttrs | undefined];
+insertCodeBlock: [attrs?: CodeBlockAttrs | undefined];
+toggleCodeBlock: [attrs?: CodeBlockAttrs | undefined];
+setCodeBlockAttrs: [attrs: CodeBlockAttrs];
 setCodeBlockLanguage: [language: string];
 };
 }>;
@@ -141,6 +140,10 @@ setCodeBlockLanguage: [language: string];
  */
 declare function defineCodeBlockCommands(): Extension<    {
 COMMAND_ARGS: {
+setCodeBlock: [attrs?: CodeBlockAttrs | undefined];
+insertCodeBlock: [attrs?: CodeBlockAttrs | undefined];
+toggleCodeBlock: [attrs?: CodeBlockAttrs | undefined];
+setCodeBlockAttrs: [attrs: CodeBlockAttrs];
 setCodeBlockLanguage: [language: string];
 };
 }>;
@@ -193,7 +196,7 @@ declare function defineCodeBlockShikiji(options?: {
     /**
      * The shikiji theme to use.
      *
-     * @default 'github-light'
+     * @default 'one-dark-pro'
      */
     theme?: BundledTheme;
 }): Extension;
@@ -330,6 +333,7 @@ export declare function defineLink(): Extension<    {
 MARKS: "link";
 COMMAND_ARGS: {
 addLink: [attrs: LinkAttrs];
+removeLink: [];
 toggleLink: [attrs: LinkAttrs];
 };
 }>;
@@ -337,6 +341,7 @@ toggleLink: [attrs: LinkAttrs];
 export declare function defineLinkCommands(): Extension<    {
 COMMAND_ARGS: {
 addLink: [attrs: LinkAttrs];
+removeLink: [];
 toggleLink: [attrs: LinkAttrs];
 };
 }>;
@@ -604,6 +609,8 @@ export declare interface ImageAttrs {
 
 /**
  * @internal
+ *
+ * @deprecated Use the one from `@prosekit/core` instead.
  */
 export declare function isInCodeBlock(selection: Selection_2): boolean | undefined;
 
@@ -631,10 +638,6 @@ export declare interface MentionAttrs {
     value: string;
 }
 
-export declare const NO_BREAK_SPACE = "\u00A0";
-
-export declare const OBJECT_REPLACEMENT_CHARACTER = "\uFFFC";
-
 export declare interface PlaceholderOptions {
     /**
      * The placeholder text to use.
@@ -685,9 +688,4 @@ export declare type TextBlockEnterRuleOptions = {
     attrs?: Attrs | null | ((match: RegExpMatchArray) => Attrs | null);
 };
 
-/**
- * @internal
- */
-export declare function withSkipCodeBlock(command: Command): Command;
-
 export { }

package/dist/prosekit-extensions-autocomplete.js

@@ -1,7 +1,3 @@
-import {
-  OBJECT_REPLACEMENT_CHARACTER
-} from "./chunk-HQZORKGY.js";
-
 // src/autocomplete/index.ts
 import {
   Facet,
@@ -9,6 +5,7 @@ import {
 } from "@prosekit/core";
 
 // src/autocomplete/plugin.ts
+import { OBJECT_REPLACEMENT_CHARACTER } from "@prosekit/core";
 import { Plugin } from "@prosekit/pm/state";
 import { Decoration, DecorationSet } from "@prosekit/pm/view";
 

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

@@ -1,6 +1,3 @@
-import {
-  OBJECT_REPLACEMENT_CHARACTER
-} from "./chunk-HQZORKGY.js";
 import {
   defineTextBlockInputRule
 } from "./chunk-DYFRBXUX.js";
@@ -9,19 +6,33 @@ import {
 import { union } from "@prosekit/core";
 
 // src/code-block/code-block-commands.ts
-import { defineCommands } from "@prosekit/core";
+import {
+  defineCommands,
+  insertNode,
+  setBlockType,
+  setNodeAttrs,
+  toggleNode
+} from "@prosekit/core";
 function defineCodeBlockCommands() {
   return defineCommands({
-    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;
+    setCodeBlock: (attrs) => {
+      return setBlockType({ type: "codeBlock", attrs });
+    },
+    insertCodeBlock: (attrs) => {
+      return insertNode({ type: "codeBlock", attrs });
+    },
+    toggleCodeBlock: (attrs) => {
+      return toggleNode({ type: "codeBlock", attrs });
+    },
+    setCodeBlockAttrs: (attrs) => {
+      return setNodeAttrs({ type: "codeBlock", attrs });
+    },
+    /**
+     * @deprecated Use `setCodeBlockAttrs` instead.
+     */
+    setCodeBlockLanguage: (language) => {
+      const attrs = { language };
+      return setNodeAttrs({ type: "codeBlock", attrs });
     }
   });
 }
@@ -42,7 +53,8 @@ import {
   Facet,
   getNodeType,
   isTextSelection,
-  keymapFacet
+  keymapFacet,
+  OBJECT_REPLACEMENT_CHARACTER
 } from "@prosekit/core";
 function defineEnterRule({
   regex,
@@ -141,20 +153,8 @@ function getAttrs(match) {
 }
 
 // src/code-block/code-block-keymap.ts
-import { defineKeymap } from "@prosekit/core";
+import { defaultBlockAt, defineKeymap } from "@prosekit/core";
 import { TextSelection } from "@prosekit/pm/state";
-
-// src/utils/default-block-at.ts
-function defaultBlockAt(match) {
-  for (let i = 0; i < match.edgeCount; i++) {
-    const { type } = match.edge(i);
-    if (type.isTextblock && !type.hasRequiredAttrs())
-      return type;
-  }
-  return null;
-}
-
-// src/code-block/code-block-keymap.ts
 function defineCodeBlockKeymap() {
   return defineKeymap({
     Enter: existCodeBlock
@@ -190,36 +190,52 @@ var existCodeBlock = (state, dispatch) => {
 };
 
 // src/code-block/code-block-shikiji.ts
+import { ProseKitError } from "@prosekit/core";
 import { createParser } from "prosemirror-highlight/shikiji";
+async function importGetHighlighter() {
+  try {
+    const { getHighlighter } = await import("shikiji");
+    return getHighlighter;
+  } catch (error) {
+    throw new ProseKitError(
+      "Failed to import package 'shikiji'. Make sure you've installed it.",
+      { cause: error }
+    );
+  }
+}
+async function createHighlighter(theme) {
+  const getHighlighter = await importGetHighlighter();
+  const fallbackLang = "md";
+  return await getHighlighter({
+    langs: [fallbackLang],
+    themes: [theme]
+  });
+}
 function createHighlighterLoader() {
   let shikijiImport;
   let highlighter;
-  const languages = /* @__PURE__ */ new Set();
-  const themes = /* @__PURE__ */ new Set();
+  const loadLangs = /* @__PURE__ */ new Set();
+  const loadThemes = /* @__PURE__ */ new Set();
   return function highlighterLoader(lang, theme) {
     if (!shikijiImport) {
-      shikijiImport = import("shikiji").then(async ({ getHighlighter }) => {
-        const fallbackLang = "md";
-        highlighter = await getHighlighter({
-          langs: [fallbackLang],
-          themes: []
-        });
+      shikijiImport = createHighlighter(theme).then((result) => {
+        highlighter = result;
       });
       return { promise: shikijiImport };
     }
     if (!highlighter) {
       return { promise: shikijiImport };
     }
-    if (!languages.has(lang)) {
+    if (!loadLangs.has(lang)) {
       const promise = highlighter.loadLanguage(lang).then(() => {
-        languages.add(lang);
+        loadLangs.add(lang);
       }).catch(() => {
       });
       return { promise };
     }
-    if (!themes.has(theme)) {
+    if (!loadThemes.has(theme)) {
       const promise = highlighter.loadTheme(theme).then(() => {
-        themes.add(theme);
+        loadThemes.add(theme);
       }).catch(() => {
       });
       return { promise };
@@ -243,7 +259,7 @@ function createLazyParser(theme) {
   };
 }
 function defineCodeBlockShikiji(options) {
-  const theme = (options == null ? void 0 : options.theme) || "github-light";
+  const theme = (options == null ? void 0 : options.theme) || "one-dark-pro";
   const parser = createLazyParser(theme);
   return defineCodeBlockHighlight({ parser });
 }

package/dist/prosekit-extensions-heading.js

@@ -1,6 +1,3 @@
-import {
-  isInCodeBlock
-} from "./chunk-DI46QWLX.js";
 import {
   defineTextBlockInputRule
 } from "./chunk-DYFRBXUX.js";
@@ -13,20 +10,9 @@ import {
   insertNode,
   setBlockType,
   toggleNode,
-  union
+  union,
+  withSkipCodeBlock
 } from "@prosekit/core";
-
-// src/utils/with-skip-code-block.ts
-function withSkipCodeBlock(command) {
-  return (state, dispatch, view) => {
-    if (isInCodeBlock(state.selection)) {
-      return false;
-    }
-    return command(state, dispatch, view);
-  };
-}
-
-// src/heading/index.ts
 function defineHeadingSpec() {
   return defineNodeSpec({
     name: "heading",

package/dist/prosekit-extensions-link.js

@@ -4,6 +4,7 @@ import {
   addMark,
   defineMarkSpec,
   union,
+  removeMark,
   toggleMark
 } from "@prosekit/core";
 function defineLinkSpec() {
@@ -31,6 +32,7 @@ function defineLinkSpec() {
 function defineLinkCommands() {
   return defineCommands({
     addLink: (attrs) => addMark({ type: "link", attrs }),
+    removeLink: () => removeMark({ type: "link" }),
     toggleLink: (attrs) => toggleMark({ type: "link", attrs })
   });
 }

package/dist/prosekit-extensions-placeholder.js

@@ -1,12 +1,16 @@
-import {
-  isInCodeBlock
-} from "./chunk-DI46QWLX.js";
-
 // src/placeholder/index.ts
 import { definePlugin } from "@prosekit/core";
 import "@prosekit/pm/model";
 import { Plugin, PluginKey } from "@prosekit/pm/state";
 import { Decoration, DecorationSet } from "@prosekit/pm/view";
+
+// src/utils/is-in-code-block.ts
+function isInCodeBlock(selection) {
+  const type = selection.$from.parent.type;
+  return type.spec.code && type.isBlock;
+}
+
+// src/placeholder/index.ts
 function definePlaceholder(options) {
   return definePlugin(createPlaceholderPlugin(options));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/extensions",
   "type": "module",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -126,7 +126,7 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.2.3",
+    "@prosekit/core": "^0.2.6",
     "@prosekit/pm": "^0.1.1",
     "prosemirror-dropcursor": "^1.8.1",
     "prosemirror-flat-list": "^0.4.5",
@@ -142,10 +142,10 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "shikiji": "^0.9.17",
+    "shikiji": "^0.9.19",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
-    "vitest": "^1.1.3"
+    "vitest": "^1.2.0"
   },
   "scripts": {
     "build:tsup": "tsup",

package/dist/chunk-DI46QWLX.js

@@ -1,9 +0,0 @@
-// src/utils/is-in-code-block.ts
-function isInCodeBlock(selection) {
-  const type = selection.$from.parent.type;
-  return type.spec.code && type.isBlock;
-}
-
-export {
-  isInCodeBlock
-};

package/dist/chunk-HQZORKGY.js

@@ -1,6 +0,0 @@
-// src/utils/unicode.ts
-var OBJECT_REPLACEMENT_CHARACTER = "\uFFFC";
-
-export {
-  OBJECT_REPLACEMENT_CHARACTER
-};