@prosekit/extensions 0.4.6 → 0.5.0

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

@@ -531,6 +531,14 @@ export declare function defineMentionSpec(): Extension<    {
 NODES: "mention";
 }>;
 
+/**
+ * By default, clicking a node while holding the mod key will select the node. This
+ * extension disables that behavior.
+ *
+ * @public
+ */
+export declare function defineModClickPrevention(): Extension;
+
 /**
  * Add a placeholder text to the editor when the current block or document is
  * empty.
@@ -630,6 +638,32 @@ NODES: "table";
 export { defineTableSpec }
 export { defineTableSpec as defineTableSpec_alias_1 }
 
+/**
+ * Adds a `textAlign` attribute to the specified nodes. This will be rendered as
+ * a CSS `text-align` style.
+ *
+ * @public
+ */
+export declare function defineTextAlign(options: TextAlignOptions): Extension<{
+    COMMAND_ARGS: {
+        setTextAlign: [value: string | null];
+    };
+}>;
+
+/**
+ * @internal
+ */
+export declare function defineTextAlignCommands(types: string[]): Extension<{
+    COMMAND_ARGS: {
+        setTextAlign: [value: string | null];
+    };
+}>;
+
+/**
+ * @internal
+ */
+export declare function defineTextAlignKeymap(types: string[]): Extension<ExtensionTyping<string, string, CommandArgs>>;
+
 /**
  * Defines an enter rule that replaces the matched text with a block node.
  *
@@ -846,6 +880,11 @@ export declare function insertTable({ row, col, header, }: {
     header: boolean;
 }): Command;
 
+/**
+ * @deprecated Use `isApple` from `@prosekit/core`
+ */
+export declare const isApple: boolean;
+
 export declare const LINK_ENTER_RE: RegExp;
 
 export declare const LINK_INPUT_RE: RegExp;
@@ -954,8 +993,33 @@ export declare interface PredictionPluginState {
     } | null;
 }
 
+/**
+ * @internal
+ */
+export declare function setTextAlign({ types, value, }: {
+    types: string[];
+    value: string | null;
+}): Command;
+
 export declare function setTrMeta(tr: Transaction, meta: PredictionPluginState): Transaction;
 
+export declare interface TextAlignOptions {
+    /**
+     * The names of node to add the attribute to.
+     *
+     * @example
+     *
+     * ["paragraph", "heading"]
+     */
+    types: string[];
+    /**
+     * The default value for the attribute.
+     *
+     * @default "left"
+     */
+    default?: string;
+}
+
 /**
  * Options for {@link defineTextBlockEnterRule}.
  *

package/dist/{chunk-HLBUHIMJ.js → chunk-DZAKXWWF.js}

@@ -1,7 +1,8 @@
 // src/enter-rule/index.ts
 import {
-  Facet,
   OBJECT_REPLACEMENT_CHARACTER,
+  defineFacet,
+  defineFacetPayload,
   getNodeType,
   isTextSelection,
   maybeRun,
@@ -9,7 +10,8 @@ import {
 } from "@prosekit/core";
 import { keydownHandler } from "@prosekit/pm/keymap";
 import {
-  ProseMirrorPlugin
+  ProseMirrorPlugin,
+  PluginKey
 } from "@prosekit/pm/state";
 function defineEnterRule({
   regex,
@@ -17,7 +19,7 @@ function defineEnterRule({
   stop = false
 }) {
   const rule = new EnterRule(regex, handler, stop);
-  return enterRule.extension([rule]);
+  return defineFacetPayload(enterRule, [rule]);
 }
 function defineTextBlockEnterRule({
   regex,
@@ -46,8 +48,8 @@ var EnterRule = class {
     this.stop = stop;
   }
 };
-var enterRule = Facet.define({
-  converter: () => {
+var enterRule = defineFacet({
+  reduce: () => {
     let rules = [];
     const command = (state, dispatch, view) => {
       if (!view)
@@ -55,20 +57,16 @@ var enterRule = Facet.define({
       return execRules(view, rules, dispatch);
     };
     const handler = keydownHandler({ Enter: command });
-    const plugin = new ProseMirrorPlugin({ props: { handleKeyDown: handler } });
-    const pluginFunc = () => [plugin];
-    return {
-      create: (inputs) => {
-        rules = inputs;
-        return pluginFunc;
-      },
-      update: (inputs) => {
-        rules = inputs;
-        return null;
-      }
+    const plugin = new ProseMirrorPlugin({
+      key: new PluginKey("prosekit-enter-rule"),
+      props: { handleKeyDown: handler }
+    });
+    return function reducer(inputs) {
+      rules = inputs;
+      return plugin;
     };
   },
-  next: pluginFacet
+  parent: pluginFacet
 });
 function execRules(view, rules, dispatch) {
   if (view.composing)

package/dist/{chunk-CJ3SOSL6.js → chunk-LVMTQOWG.js}

@@ -1,6 +1,7 @@
 // src/input-rule/index.ts
 import {
-  Facet,
+  defineFacet,
+  defineFacetPayload,
   getMarkType,
   getNodeType,
   isMarkAbsent,
@@ -16,7 +17,7 @@ import {
 import "@prosekit/pm/model";
 import "@prosekit/pm/state";
 function defineInputRule(rule) {
-  return inputRuleFacet.extension([() => rule]);
+  return defineFacetPayload(inputRuleFacet, [() => rule]);
 }
 function createMarkInputRule({
   regex,
@@ -61,7 +62,7 @@ function defineTextBlockInputRule({
   type,
   attrs
 }) {
-  return inputRuleFacet.extension([
+  return defineFacetPayload(inputRuleFacet, [
     ({ schema }) => {
       const nodeType = getNodeType(schema, type);
       return textblockTypeInputRule(regex, nodeType, attrs);
@@ -74,21 +75,21 @@ function defineWrappingInputRule({
   attrs,
   join
 }) {
-  return inputRuleFacet.extension([
+  return defineFacetPayload(inputRuleFacet, [
     ({ schema }) => {
       const nodeType = getNodeType(schema, type);
       return wrappingInputRule(regex, nodeType, attrs, join);
     }
   ]);
 }
-var inputRuleFacet = Facet.define({
-  convert: (inputs) => {
+var inputRuleFacet = defineFacet({
+  reducer: (inputs) => {
     return (context) => {
       const rules = inputs.flatMap((callback) => callback(context));
       return [inputRules({ rules })];
     };
   },
-  next: pluginFacet
+  parent: pluginFacet
 });
 
 export {

package/dist/{chunk-7G7COECS.js → chunk-ZOBSD7ZH.js}

@@ -1,6 +1,13 @@
 // src/mark-rule/extension.ts
-import { Facet, pluginFacet } from "@prosekit/core";
-import { ProseMirrorPlugin } from "@prosekit/pm/state";
+import {
+  defineFacet,
+  defineFacetPayload,
+  pluginFacet
+} from "@prosekit/core";
+import {
+  PluginKey,
+  ProseMirrorPlugin
+} from "@prosekit/pm/state";
 
 // src/mark-rule/apply.ts
 import {
@@ -158,29 +165,23 @@ function applyMarkRules(rules, transactions, oldState, newState) {
 
 // src/mark-rule/extension.ts
 function defineMarkRule(options) {
-  return markRuleFacet.extension([options]);
+  return defineFacetPayload(markRuleFacet, [options]);
 }
-var markRuleFacet = Facet.define({
-  converter: () => {
+var markRuleFacet = defineFacet({
+  reduce: () => {
     let rules = [];
     const plugin = new ProseMirrorPlugin({
+      key: new PluginKey("prosekit-mark-rule"),
       appendTransaction: (transactions, oldState, newState) => {
         return applyMarkRules(rules, transactions, oldState, newState);
       }
     });
-    const pluginFunc = () => [plugin];
-    return {
-      create: (inputs) => {
-        rules = inputs;
-        return pluginFunc;
-      },
-      update: (inputs) => {
-        rules = inputs;
-        return null;
-      }
+    return function reducer(input) {
+      rules = input;
+      return plugin;
     };
   },
-  next: pluginFacet
+  parent: pluginFacet
 });
 
 export {

package/dist/prosekit-extensions-autocomplete.js

@@ -1,6 +1,7 @@
 // src/autocomplete/index.ts
 import {
-  Facet,
+  defineFacet,
+  defineFacetPayload,
   pluginFacet
 } from "@prosekit/core";
 
@@ -170,25 +171,20 @@ var AutocompleteRule = class {
 
 // src/autocomplete/index.ts
 function defineAutocomplete(rule) {
-  return autocompleteFacet.extension([rule]);
+  return defineFacetPayload(autocompleteFacet, [rule]);
 }
-var autocompleteFacet = Facet.define({
-  converter: () => {
-    let localRules = [];
-    const getRules = () => localRules;
-    return {
-      create: (rules) => {
-        localRules = rules;
-        const plugin = createAutocompletePlugin({ getRules });
-        return () => [plugin];
-      },
-      update: (rules) => {
-        localRules = rules;
-        return null;
-      }
+var autocompleteFacet = defineFacet({
+  reduce: () => {
+    let rules = [];
+    const getRules = () => rules;
+    const plugin = createAutocompletePlugin({ getRules });
+    return function reducer(inputs) {
+      rules = inputs;
+      return plugin;
     };
   },
-  next: pluginFacet
+  parent: pluginFacet,
+  singleton: true
 });
 export {
   AutocompleteRule,

package/dist/prosekit-extensions-blockquote.js

@@ -1,6 +1,6 @@
 import {
   defineWrappingInputRule
-} from "./chunk-CJ3SOSL6.js";
+} from "./chunk-LVMTQOWG.js";
 
 // src/blockquote/index.ts
 import { defineNodeSpec, union } from "@prosekit/core";

package/dist/prosekit-extensions-bold.js

@@ -1,6 +1,6 @@
 import {
   defineMarkInputRule
-} from "./chunk-CJ3SOSL6.js";
+} from "./chunk-LVMTQOWG.js";
 
 // src/bold/index.ts
 import {

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

@@ -1,9 +1,9 @@
-import {
-  defineTextBlockEnterRule
-} from "./chunk-HLBUHIMJ.js";
 import {
   defineTextBlockInputRule
-} from "./chunk-CJ3SOSL6.js";
+} from "./chunk-LVMTQOWG.js";
+import {
+  defineTextBlockEnterRule
+} from "./chunk-DZAKXWWF.js";
 
 // src/code-block/code-block.ts
 import { union } from "@prosekit/core";

package/dist/prosekit-extensions-code.js

@@ -1,6 +1,6 @@
 import {
   defineMarkInputRule
-} from "./chunk-CJ3SOSL6.js";
+} from "./chunk-LVMTQOWG.js";
 
 // src/code/index.ts
 import {

package/dist/prosekit-extensions-enter-rule.js

@@ -1,7 +1,7 @@
 import {
   defineEnterRule,
   defineTextBlockEnterRule
-} from "./chunk-HLBUHIMJ.js";
+} from "./chunk-DZAKXWWF.js";
 export {
   defineEnterRule,
   defineTextBlockEnterRule

package/dist/prosekit-extensions-heading.js

@@ -1,6 +1,6 @@
 import {
   defineTextBlockInputRule
-} from "./chunk-CJ3SOSL6.js";
+} from "./chunk-LVMTQOWG.js";
 
 // src/heading/index.ts
 import {

package/dist/prosekit-extensions-input-rule.js

@@ -4,7 +4,7 @@ import {
   defineMarkInputRule,
   defineTextBlockInputRule,
   defineWrappingInputRule
-} from "./chunk-CJ3SOSL6.js";
+} from "./chunk-LVMTQOWG.js";
 export {
   createMarkInputRule,
   defineInputRule,

package/dist/prosekit-extensions-italic.js

@@ -1,6 +1,6 @@
 import {
   defineMarkInputRule
-} from "./chunk-CJ3SOSL6.js";
+} from "./chunk-LVMTQOWG.js";
 
 // src/italic/index.ts
 import {

package/dist/prosekit-extensions-link.js

@@ -1,12 +1,12 @@
 import {
   defineMarkRule
-} from "./chunk-7G7COECS.js";
-import {
-  defineEnterRule
-} from "./chunk-HLBUHIMJ.js";
+} from "./chunk-ZOBSD7ZH.js";
 import {
   defineInputRule
-} from "./chunk-CJ3SOSL6.js";
+} from "./chunk-LVMTQOWG.js";
+import {
+  defineEnterRule
+} from "./chunk-DZAKXWWF.js";
 
 // src/link/index.ts
 import {

package/dist/prosekit-extensions-list.js

@@ -1,6 +1,6 @@
 import {
   defineInputRule
-} from "./chunk-CJ3SOSL6.js";
+} from "./chunk-LVMTQOWG.js";
 
 // src/list/index.ts
 import {

package/dist/prosekit-extensions-mark-rule.js

@@ -1,6 +1,6 @@
 import {
   defineMarkRule
-} from "./chunk-7G7COECS.js";
+} from "./chunk-ZOBSD7ZH.js";
 export {
   defineMarkRule
 };

package/dist/prosekit-extensions-mod-click-prevention.d.ts

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

package/dist/prosekit-extensions-mod-click-prevention.js

@@ -0,0 +1,19 @@
+// src/mod-click-prevention/index.ts
+import { definePlugin } from "@prosekit/core";
+import { Plugin, PluginKey } from "@prosekit/pm/state";
+
+// src/mod-click-prevention/env.ts
+var isApple = typeof navigator !== "undefined" ? /Mac|iP(hone|[ao]d)/.test(navigator.platform) : false;
+
+// src/mod-click-prevention/index.ts
+function defineModClickPrevention() {
+  return definePlugin(new Plugin({ key, props: { handleClick } }));
+}
+var key = new PluginKey("prosekit-mod-click-prevention");
+function handleClick(_view, _pos, event) {
+  return !!event[selectNodeModifier];
+}
+var selectNodeModifier = isApple ? "metaKey" : "ctrlKey";
+export {
+  defineModClickPrevention
+};

package/dist/prosekit-extensions-readonly.js

@@ -4,9 +4,8 @@ import { PluginKey, ProseMirrorPlugin } from "@prosekit/pm/state";
 function defineReadonly() {
   return definePlugin(plugin);
 }
-var key = new PluginKey("readonly");
 var plugin = new ProseMirrorPlugin({
-  key,
+  key: new PluginKey("prosekey-readonly"),
   props: {
     editable: () => false
   }

package/dist/prosekit-extensions-strike.js

@@ -1,6 +1,6 @@
 import {
   defineMarkInputRule
-} from "./chunk-CJ3SOSL6.js";
+} from "./chunk-LVMTQOWG.js";
 
 // src/strike/index.ts
 import {

package/dist/prosekit-extensions-text-align.d.ts

@@ -0,0 +1,5 @@
+export { setTextAlign } from './_tsup-dts-rollup';
+export { defineTextAlignCommands } from './_tsup-dts-rollup';
+export { defineTextAlignKeymap } from './_tsup-dts-rollup';
+export { defineTextAlign } from './_tsup-dts-rollup';
+export { TextAlignOptions } from './_tsup-dts-rollup';

package/dist/prosekit-extensions-text-align.js

@@ -0,0 +1,55 @@
+// src/text-align/index.ts
+import {
+  defineCommands,
+  defineKeymap,
+  defineNodeAttr,
+  setNodeAttrs,
+  union
+} from "@prosekit/core";
+function defineTextAlignAttr(type, defaultValue) {
+  return defineNodeAttr({
+    type,
+    attr: "textAlign",
+    default: defaultValue,
+    splittable: true,
+    toDOM: (value) => value ? ["style", `text-align:${value};`] : null,
+    parseDOM: (node) => {
+      return node.style.getPropertyValue("text-align") || null;
+    }
+  });
+}
+function defineTextAlignAttrs(types, defaultValue) {
+  return union(types.map((type) => defineTextAlignAttr(type, defaultValue)));
+}
+function setTextAlign({
+  types,
+  value
+}) {
+  return setNodeAttrs({ type: types, attrs: { textAlign: value } });
+}
+function defineTextAlignCommands(types) {
+  return defineCommands({
+    setTextAlign: (value) => setTextAlign({ types, value })
+  });
+}
+function defineTextAlignKeymap(types) {
+  return defineKeymap({
+    "mod-shift-l": setTextAlign({ types, value: "left" }),
+    "mod-shift-e": setTextAlign({ types, value: "center" }),
+    "mod-shift-r": setTextAlign({ types, value: "right" }),
+    "mod-shift-j": setTextAlign({ types, value: "justify" })
+  });
+}
+function defineTextAlign(options) {
+  return union([
+    defineTextAlignAttrs(options.types, options.default || "left"),
+    defineTextAlignKeymap(options.types),
+    defineTextAlignCommands(options.types)
+  ]);
+}
+export {
+  defineTextAlign,
+  defineTextAlignCommands,
+  defineTextAlignKeymap,
+  setTextAlign
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/extensions",
   "type": "module",
-  "version": "0.4.6",
+  "version": "0.5.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -30,11 +30,6 @@
       "import": "./dist/prosekit-extensions.js",
       "default": "./dist/prosekit-extensions.js"
     },
-    "./mark-rule": {
-      "types": "./dist/prosekit-extensions-mark-rule.d.ts",
-      "import": "./dist/prosekit-extensions-mark-rule.js",
-      "default": "./dist/prosekit-extensions-mark-rule.js"
-    },
     "./autocomplete": {
       "types": "./dist/prosekit-extensions-autocomplete.d.ts",
       "import": "./dist/prosekit-extensions-autocomplete.js",
@@ -103,11 +98,21 @@
     "./list/style.css": {
       "default": "./dist/list/style.css"
     },
+    "./mark-rule": {
+      "types": "./dist/prosekit-extensions-mark-rule.d.ts",
+      "import": "./dist/prosekit-extensions-mark-rule.js",
+      "default": "./dist/prosekit-extensions-mark-rule.js"
+    },
     "./mention": {
       "types": "./dist/prosekit-extensions-mention.d.ts",
       "import": "./dist/prosekit-extensions-mention.js",
       "default": "./dist/prosekit-extensions-mention.js"
     },
+    "./mod-click-prevention": {
+      "types": "./dist/prosekit-extensions-mod-click-prevention.d.ts",
+      "import": "./dist/prosekit-extensions-mod-click-prevention.js",
+      "default": "./dist/prosekit-extensions-mod-click-prevention.js"
+    },
     "./placeholder": {
       "types": "./dist/prosekit-extensions-placeholder.d.ts",
       "import": "./dist/prosekit-extensions-placeholder.js",
@@ -134,6 +139,11 @@
     "./table/style.css": {
       "default": "./dist/table/style.css"
     },
+    "./text-align": {
+      "types": "./dist/prosekit-extensions-text-align.d.ts",
+      "import": "./dist/prosekit-extensions-text-align.js",
+      "default": "./dist/prosekit-extensions-text-align.js"
+    },
     "./underline": {
       "types": "./dist/prosekit-extensions-underline.d.ts",
       "import": "./dist/prosekit-extensions-underline.js",
@@ -152,19 +162,19 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.4.2",
-    "@prosekit/pm": "^0.1.2",
+    "@prosekit/core": "^0.5.0",
+    "@prosekit/pm": "^0.1.3",
     "prosemirror-dropcursor": "^1.8.1",
     "prosemirror-flat-list": "^0.5.0",
     "prosemirror-highlight": "^0.5.0",
     "prosemirror-tables": "^1.3.7",
-    "shiki": "^1.3.0"
+    "shiki": "^1.4.0"
   },
   "devDependencies": {
     "@prosekit/dev": "*",
     "tsup": "^8.0.2",
     "typescript": "^5.4.5",
-    "vitest": "^1.5.2"
+    "vitest": "^1.6.0"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -176,9 +186,6 @@
       ".": [
         "./dist/prosekit-extensions.d.ts"
       ],
-      "mark-rule": [
-        "./dist/prosekit-extensions-mark-rule.d.ts"
-      ],
       "autocomplete": [
         "./dist/prosekit-extensions-autocomplete.d.ts"
       ],
@@ -218,9 +225,15 @@
       "list": [
         "./dist/prosekit-extensions-list.d.ts"
       ],
+      "mark-rule": [
+        "./dist/prosekit-extensions-mark-rule.d.ts"
+      ],
       "mention": [
         "./dist/prosekit-extensions-mention.d.ts"
       ],
+      "mod-click-prevention": [
+        "./dist/prosekit-extensions-mod-click-prevention.d.ts"
+      ],
       "placeholder": [
         "./dist/prosekit-extensions-placeholder.d.ts"
       ],
@@ -233,6 +246,9 @@
       "table": [
         "./dist/prosekit-extensions-table.d.ts"
       ],
+      "text-align": [
+        "./dist/prosekit-extensions-text-align.d.ts"
+      ],
       "underline": [
         "./dist/prosekit-extensions-underline.d.ts"
       ],