@prosekit/extensions 0.2.1 → 0.2.3

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

@@ -1,5 +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';
@@ -17,6 +18,7 @@ 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';
@@ -222,6 +224,15 @@ export declare function defineCodeSpec(): Extension<    {
 MARKS: "code";
 }>;
 
+/**
+ * Show up a decoration at the drop position when something is dragged over the editor.
+ *
+ * See [prosemirror-dropcursor](https://github.com/ProseMirror/prosemirror-dropcursor) for more information.
+ *
+ * @public
+ */
+export declare function defineDropCursor(options?: DropCursorOptions): Extension<ExtensionTyping<string, string, CommandArgs>>;
+
 /**
  * Defines an enter rule. An enter rule applies when the text directly in front of
  * the cursor matches `regex` and user presses Enter. The `regex` should end
@@ -451,6 +462,8 @@ export declare function defineTextBlockEnterRule({ regex, type, attrs, }: TextBl
  * text is typed into it.
  *
  * See also [textblockTypeInputRule](https://prosemirror.net/docs/ref/#inputrules.textblockTypeInputRule)
+ *
+ * @public
  */
 export declare function defineTextBlockInputRule({ regex, type, attrs, }: {
     /**
@@ -495,6 +508,8 @@ MARKS: "underline";
  * string is typed.
  *
  * See also [wrappingInputRule](https://prosemirror.net/docs/ref/#inputrules.wrappingInputRule)
+ *
+ * @public
  */
 export declare function defineWrappingInputRule({ regex, type, attrs, join, }: {
     /**
@@ -521,6 +536,25 @@ export declare function defineWrappingInputRule({ regex, type, attrs, join, }: {
     join?: (match: RegExpMatchArray, node: ProseMirrorNode) => boolean;
 }): Extension;
 
+export declare interface DropCursorOptions {
+    /**
+     * The color of the cursor.  Use `false` to apply no color and rely only on class.
+     *
+     * @default 'black'
+     */
+    color?: string | false;
+    /**
+     * The precise width of the cursor in pixels.
+     *
+     * @default 1
+     */
+    width?: number;
+    /**
+     * A CSS class name to add to the cursor element.
+     */
+    class?: string;
+}
+
 /**
  * @public
  */
@@ -568,6 +602,11 @@ export declare interface ImageAttrs {
     src?: string | null;
 }
 
+/**
+ * @internal
+ */
+export declare function isInCodeBlock(selection: Selection_2): boolean | undefined;
+
 /**
  * @public
  */
@@ -646,4 +685,9 @@ export declare type TextBlockEnterRuleOptions = {
     attrs?: Attrs | null | ((match: RegExpMatchArray) => Attrs | null);
 };
 
+/**
+ * @internal
+ */
+export declare function withSkipCodeBlock(command: Command): Command;
+
 export { }

package/dist/chunk-DI46QWLX.js

@@ -0,0 +1,9 @@
+// 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/prosekit-extensions-drop-cursor.d.ts

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

package/dist/prosekit-extensions-drop-cursor.js

@@ -0,0 +1,9 @@
+// src/drop-cursor/index.ts
+import { definePlugin } from "@prosekit/core";
+import { dropCursor } from "prosemirror-dropcursor";
+function defineDropCursor(options) {
+  return definePlugin(() => dropCursor(options));
+}
+export {
+  defineDropCursor
+};

package/dist/prosekit-extensions-heading.js

@@ -1,3 +1,6 @@
+import {
+  isInCodeBlock
+} from "./chunk-DI46QWLX.js";
 import {
   defineTextBlockInputRule
 } from "./chunk-DYFRBXUX.js";
@@ -12,6 +15,18 @@ import {
   toggleNode,
   union
 } 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",
@@ -34,14 +49,17 @@ function defineHeadingSpec() {
 }
 function defineHeadingKeymap() {
   return defineKeymap({
-    "mod-1": toggleNode({ type: "heading", attrs: { level: 1 } }),
-    "mod-2": toggleNode({ type: "heading", attrs: { level: 2 } }),
-    "mod-3": toggleNode({ type: "heading", attrs: { level: 3 } }),
-    "mod-4": toggleNode({ type: "heading", attrs: { level: 4 } }),
-    "mod-5": toggleNode({ type: "heading", attrs: { level: 5 } }),
-    "mod-6": toggleNode({ type: "heading", attrs: { level: 6 } })
+    "mod-1": toggleHeadingKeybinding(1),
+    "mod-2": toggleHeadingKeybinding(2),
+    "mod-3": toggleHeadingKeybinding(3),
+    "mod-4": toggleHeadingKeybinding(4),
+    "mod-5": toggleHeadingKeybinding(5),
+    "mod-6": toggleHeadingKeybinding(6)
   });
 }
+function toggleHeadingKeybinding(level) {
+  return withSkipCodeBlock(toggleNode({ type: "heading", attrs: { level } }));
+}
 function defineHeadingInputRule() {
   return defineTextBlockInputRule({
     regex: /^(#{1,6})\s$/,

package/dist/prosekit-extensions-image.js

@@ -13,6 +13,7 @@ function defineImageSpec() {
     },
     group: "block",
     defining: true,
+    draggable: true,
     parseDOM: [
       {
         tag: "img[src]",

package/dist/prosekit-extensions-placeholder.js

@@ -1,3 +1,7 @@
+import {
+  isInCodeBlock
+} from "./chunk-DI46QWLX.js";
+
 // src/placeholder/index.ts
 import { definePlugin } from "@prosekit/core";
 import "@prosekit/pm/model";
@@ -14,6 +18,9 @@ function createPlaceholderPlugin(options) {
         if (options.strategy === "doc" && !isDocEmpty(state.doc)) {
           return null;
         }
+        if (isInCodeBlock(state.selection)) {
+          return null;
+        }
         const placeholderText = options.placeholder;
         const deco = createPlaceholderDecoration(state, placeholderText);
         if (!deco) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/extensions",
   "type": "module",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -55,6 +55,11 @@
       "import": "./dist/prosekit-extensions-code-block.js",
       "default": "./dist/prosekit-extensions-code-block.js"
     },
+    "./drop-cursor": {
+      "types": "./dist/prosekit-extensions-drop-cursor.d.ts",
+      "import": "./dist/prosekit-extensions-drop-cursor.js",
+      "default": "./dist/prosekit-extensions-drop-cursor.js"
+    },
     "./heading": {
       "types": "./dist/prosekit-extensions-heading.d.ts",
       "import": "./dist/prosekit-extensions-heading.js",
@@ -121,8 +126,9 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.2.0",
+    "@prosekit/core": "^0.2.3",
     "@prosekit/pm": "^0.1.1",
+    "prosemirror-dropcursor": "^1.8.1",
     "prosemirror-flat-list": "^0.4.5",
     "prosemirror-highlight": "^0.4.0"
   },
@@ -136,10 +142,10 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "shikiji": "^0.9.16",
+    "shikiji": "^0.9.17",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
-    "vitest": "^1.1.1"
+    "vitest": "^1.1.3"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -166,6 +172,9 @@
       "code-block": [
         "./dist/prosekit-extensions-code-block.d.ts"
       ],
+      "drop-cursor": [
+        "./dist/prosekit-extensions-drop-cursor.d.ts"
+      ],
       "heading": [
         "./dist/prosekit-extensions-heading.d.ts"
       ],