@prosekit/extensions 0.4.7 → 0.5.0

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

@@ -638,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.
  *
@@ -967,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 {
   defineTextBlockInputRule
-} from "./chunk-CJ3SOSL6.js";
+} from "./chunk-LVMTQOWG.js";
 import {
   defineTextBlockEnterRule
-} from "./chunk-HLBUHIMJ.js";
+} 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";
+} from "./chunk-ZOBSD7ZH.js";
 import {
   defineInputRule
-} from "./chunk-CJ3SOSL6.js";
+} from "./chunk-LVMTQOWG.js";
 import {
   defineEnterRule
-} from "./chunk-HLBUHIMJ.js";
+} 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-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.7",
+  "version": "0.5.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -139,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",
@@ -157,7 +162,7 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.4.2",
+    "@prosekit/core": "^0.5.0",
     "@prosekit/pm": "^0.1.3",
     "prosemirror-dropcursor": "^1.8.1",
     "prosemirror-flat-list": "^0.5.0",
@@ -241,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"
       ],