@prosekit/extensions 0.2.5 → 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";
 }>;
@@ -129,7 +134,6 @@ setCodeBlock: [attrs?: CodeBlockAttrs | undefined];
 insertCodeBlock: [attrs?: CodeBlockAttrs | undefined];
 toggleCodeBlock: [attrs?: CodeBlockAttrs | undefined];
 setCodeBlockAttrs: [attrs: CodeBlockAttrs];
-setCodeBlockLanguage: [language: string];
 };
 }>;
 
@@ -144,7 +148,6 @@ setCodeBlock: [attrs?: CodeBlockAttrs | undefined];
 insertCodeBlock: [attrs?: CodeBlockAttrs | undefined];
 toggleCodeBlock: [attrs?: CodeBlockAttrs | undefined];
 setCodeBlockAttrs: [attrs: CodeBlockAttrs];
-setCodeBlockLanguage: [language: string];
 };
 }>;
 export { defineCodeBlockCommands }
@@ -265,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>>;
@@ -335,6 +342,7 @@ COMMAND_ARGS: {
 addLink: [attrs: LinkAttrs];
 removeLink: [];
 toggleLink: [attrs: LinkAttrs];
+expandLink: [];
 };
 }>;
 
@@ -343,6 +351,7 @@ COMMAND_ARGS: {
 addLink: [attrs: LinkAttrs];
 removeLink: [];
 toggleLink: [attrs: LinkAttrs];
+expandLink: [];
 };
 }>;
 
@@ -508,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.
@@ -607,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

@@ -26,13 +26,6 @@ function defineCodeBlockCommands() {
     },
     setCodeBlockAttrs: (attrs) => {
       return setNodeAttrs({ type: "codeBlock", attrs });
-    },
-    /**
-     * @deprecated Use `setCodeBlockAttrs` instead.
-     */
-    setCodeBlockLanguage: (language) => {
-      const attrs = { language };
-      return setNodeAttrs({ type: "codeBlock", attrs });
     }
   });
 }

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.5",
+  "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.6",
+    "@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.19",
+    "shikiji": "^0.10.2",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
-    "vitest": "^1.2.0"
+    "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 {}