@prosekit/extensions 0.2.4 → 0.3.0

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

@@ -15,7 +15,6 @@ import { Parser } from 'prosemirror-highlight';
 import { Plugin as Plugin_2 } from '@prosekit/pm/state';
 import { PluginKey } from '@prosekit/pm/state';
 import { ProseMirrorNode } from '@prosekit/pm/model';
-import type { Selection as Selection_2 } from '@prosekit/pm/state';
 import { ToggleCollapsedOptions } from 'prosemirror-flat-list';
 import { Transaction } from '@prosekit/pm/state';
 import { UnwrapListOptions } from 'prosemirror-flat-list';
@@ -75,6 +74,12 @@ export declare function defineBlockquote(): Extension<    {
 NODES: "blockquote";
 }>;
 
+/**
+ * Wraps the text block in a blockquote when `>` is typed at the start of a new
+ * line followed by a space.
+ */
+export declare function defineBlockquoteInputRule(): Extension<ExtensionTyping<string, string, CommandArgs>>;
+
 export declare function defineBlockquoteSpec(): Extension<    {
 NODES: "blockquote";
 }>;
@@ -125,7 +130,10 @@ toggleCode: [];
 export declare function defineCodeBlock(): Extension<    {
 NODES: "codeBlock";
 COMMAND_ARGS: {
-setCodeBlockLanguage: [language: string];
+setCodeBlock: [attrs?: CodeBlockAttrs | undefined];
+insertCodeBlock: [attrs?: CodeBlockAttrs | undefined];
+toggleCodeBlock: [attrs?: CodeBlockAttrs | undefined];
+setCodeBlockAttrs: [attrs: CodeBlockAttrs];
 };
 }>;
 
@@ -136,7 +144,10 @@ setCodeBlockLanguage: [language: string];
  */
 declare function defineCodeBlockCommands(): Extension<    {
 COMMAND_ARGS: {
-setCodeBlockLanguage: [language: string];
+setCodeBlock: [attrs?: CodeBlockAttrs | undefined];
+insertCodeBlock: [attrs?: CodeBlockAttrs | undefined];
+toggleCodeBlock: [attrs?: CodeBlockAttrs | undefined];
+setCodeBlockAttrs: [attrs: CodeBlockAttrs];
 };
 }>;
 export { defineCodeBlockCommands }
@@ -188,7 +199,7 @@ declare function defineCodeBlockShikiji(options?: {
     /**
      * The shikiji theme to use.
      *
-     * @default 'github-light'
+     * @default 'one-dark-pro'
      */
     theme?: BundledTheme;
 }): Extension;
@@ -257,6 +268,10 @@ toggleHeading: [attrs?: HeadingAttrs | undefined];
 };
 }>;
 
+/**
+ * Converts the text block to a heading when `#` is typed at the start of a new
+ * line followed by a space.
+ */
 export declare function defineHeadingInputRule(): Extension<ExtensionTyping<string, string, CommandArgs>>;
 
 export declare function defineHeadingKeymap(): Extension<ExtensionTyping<string, string, CommandArgs>>;
@@ -327,6 +342,7 @@ COMMAND_ARGS: {
 addLink: [attrs: LinkAttrs];
 removeLink: [];
 toggleLink: [attrs: LinkAttrs];
+expandLink: [];
 };
 }>;
 
@@ -335,6 +351,7 @@ COMMAND_ARGS: {
 addLink: [attrs: LinkAttrs];
 removeLink: [];
 toggleLink: [attrs: LinkAttrs];
+expandLink: [];
 };
 }>;
 
@@ -500,6 +517,18 @@ export declare function defineUnderlineSpec(): Extension<    {
 MARKS: "underline";
 }>;
 
+/**
+ * Shows a virtual selection when the editor is not focused. When the editor is
+ * not focused, the selected inline content will be wrapped in a `<span>`
+ * element with the class `prosekit-virtual-selection`.
+ *
+ * This is useful when you want to move the focus to an element outside the
+ * editor, but still want to show the selection.
+ *
+ * @public
+ */
+export declare function defineVirtualSelection(): Extension;
+
 /**
  * Defines an input rule for automatically wrapping a textblock when a given
  * string is typed.
@@ -599,13 +628,6 @@ export declare interface ImageAttrs {
     src?: string | null;
 }
 
-/**
- * @internal
- *
- * @deprecated Use the one from `@prosekit/core` instead.
- */
-export declare function isInCodeBlock(selection: Selection_2): boolean | undefined;
-
 /**
  * @public
  */

package/dist/list/style.css

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

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

@@ -1,2 +1,3 @@
 export { defineBlockquoteSpec } from './_tsup-dts-rollup';
+export { defineBlockquoteInputRule } from './_tsup-dts-rollup';
 export { defineBlockquote } from './_tsup-dts-rollup';

package/dist/prosekit-extensions-blockquote.js

@@ -1,3 +1,7 @@
+import {
+  defineWrappingInputRule
+} from "./chunk-DYFRBXUX.js";
+
 // src/blockquote/index.ts
 import { defineNodeSpec, union } from "@prosekit/core";
 function defineBlockquoteSpec() {
@@ -12,10 +16,17 @@ function defineBlockquoteSpec() {
     }
   });
 }
+function defineBlockquoteInputRule() {
+  return defineWrappingInputRule({
+    regex: /^>\s/,
+    type: "blockquote"
+  });
+}
 function defineBlockquote() {
-  return union([defineBlockquoteSpec()]);
+  return union([defineBlockquoteSpec(), defineBlockquoteInputRule()]);
 }
 export {
   defineBlockquote,
+  defineBlockquoteInputRule,
   defineBlockquoteSpec
 };

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

@@ -6,19 +6,26 @@ 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 });
     }
   });
 }
@@ -176,36 +183,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 };
@@ -229,7 +252,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-link.js

@@ -5,7 +5,8 @@ import {
   defineMarkSpec,
   union,
   removeMark,
-  toggleMark
+  toggleMark,
+  expandMark
 } from "@prosekit/core";
 function defineLinkSpec() {
   return defineMarkSpec({
@@ -33,7 +34,8 @@ function defineLinkCommands() {
   return defineCommands({
     addLink: (attrs) => addMark({ type: "link", attrs }),
     removeLink: () => removeMark({ type: "link" }),
-    toggleLink: (attrs) => toggleMark({ type: "link", attrs })
+    toggleLink: (attrs) => toggleMark({ type: "link", attrs }),
+    expandLink: () => expandMark({ type: "link" })
   });
 }
 function defineLink() {

package/dist/prosekit-extensions-placeholder.js

@@ -1,16 +1,8 @@
 // src/placeholder/index.ts
-import { definePlugin } from "@prosekit/core";
+import { definePlugin, isInCodeBlock } 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/dist/prosekit-extensions-virtual-selection.d.ts

@@ -0,0 +1 @@
+export { defineVirtualSelection } from './_tsup-dts-rollup';

package/dist/prosekit-extensions-virtual-selection.js

@@ -0,0 +1,59 @@
+// src/virtual-selection/index.ts
+import { definePlugin } from "@prosekit/core";
+import {
+  PluginKey,
+  ProseMirrorPlugin
+} from "@prosekit/pm/state";
+import { Decoration, DecorationSet } from "@prosekit/pm/view";
+function defineVirtualSelection() {
+  return definePlugin(virtualSelectionPlugin);
+}
+var key = new PluginKey("prosekit-virtual-selection");
+function getFocusMeta(tr) {
+  return tr.getMeta(key);
+}
+function setFocusMeta(tr, value) {
+  return tr.setMeta(key, value);
+}
+function getFocusState(state) {
+  return key.getState(state);
+}
+var virtualSelectionPlugin = new ProseMirrorPlugin({
+  key,
+  state: {
+    init: () => false,
+    apply: (tr, value) => {
+      var _a;
+      return (_a = getFocusMeta(tr)) != null ? _a : value;
+    }
+  },
+  props: {
+    handleDOMEvents: {
+      focus: (view) => {
+        view.dispatch(setFocusMeta(view.state.tr, false));
+      },
+      blur: (view) => {
+        var _a;
+        const dom = view.dom;
+        const activeElement = (_a = dom == null ? void 0 : dom.ownerDocument) == null ? void 0 : _a.activeElement;
+        if (activeElement === dom)
+          return;
+        view.dispatch(setFocusMeta(view.state.tr, true));
+      }
+    },
+    decorations: (state) => {
+      const { selection, doc } = state;
+      if (selection.empty || !getFocusState(state)) {
+        return null;
+      }
+      return DecorationSet.create(doc, [
+        Decoration.inline(selection.from, selection.to, {
+          class: "prosekit-virtual-selection"
+        })
+      ]);
+    }
+  }
+});
+export {
+  defineVirtualSelection
+};

package/dist/virtual-selection/style.css

@@ -0,0 +1,6 @@
+/* src/virtual-selection/style.css */
+.prosekit-virtual-selection {
+  background-color: Highlight;
+  box-shadow: 0 0 0 3px Highlight;
+  border-radius: 2px;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/extensions",
   "type": "module",
-  "version": "0.2.4",
+  "version": "0.3.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -120,17 +120,25 @@
       "types": "./dist/prosekit-extensions-underline.d.ts",
       "import": "./dist/prosekit-extensions-underline.js",
       "default": "./dist/prosekit-extensions-underline.js"
+    },
+    "./virtual-selection": {
+      "types": "./dist/prosekit-extensions-virtual-selection.d.ts",
+      "import": "./dist/prosekit-extensions-virtual-selection.js",
+      "default": "./dist/prosekit-extensions-virtual-selection.js"
+    },
+    "./virtual-selection/style.css": {
+      "default": "./dist/virtual-selection/style.css"
     }
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.2.4",
+    "@prosekit/core": "^0.3.0",
     "@prosekit/pm": "^0.1.1",
     "prosemirror-dropcursor": "^1.8.1",
-    "prosemirror-flat-list": "^0.4.5",
-    "prosemirror-highlight": "^0.4.0"
+    "prosemirror-flat-list": "^0.4.6",
+    "prosemirror-highlight": "^0.4.1"
   },
   "peerDependencies": {
     "shikiji": ">= 0.9.0"
@@ -142,10 +150,10 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "shikiji": "^0.9.18",
+    "shikiji": "^0.10.2",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
-    "vitest": "^1.1.3"
+    "vitest": "^1.2.2"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -207,6 +215,9 @@
       ],
       "underline": [
         "./dist/prosekit-extensions-underline.d.ts"
+      ],
+      "virtual-selection": [
+        "./dist/prosekit-extensions-virtual-selection.d.ts"
       ]
     }
   }

package/src/index.ts

@@ -1 +0,0 @@
-export {}