@tiptap/extension-text-align 3.20.2 → 3.20.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tiptap/extension-text-align",
   "description": "text align extension for tiptap",
-  "version": "3.20.2",
+  "version": "3.20.3",
   "homepage": "https://tiptap.dev",
   "keywords": [
     "tiptap",
@@ -31,10 +31,10 @@
     "dist"
   ],
   "devDependencies": {
-    "@tiptap/core": "^3.20.2"
+    "@tiptap/core": "^3.20.3"
   },
   "peerDependencies": {
-    "@tiptap/core": "^3.20.2"
+    "@tiptap/core": "^3.20.3"
   },
   "repository": {
     "type": "git",

package/dist/index.cjs

@@ -1,99 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  TextAlign: () => TextAlign,
-  default: () => index_default
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/text-align.ts
-var import_core = require("@tiptap/core");
-var TextAlign = import_core.Extension.create({
-  name: "textAlign",
-  addOptions() {
-    return {
-      types: [],
-      alignments: ["left", "center", "right", "justify"],
-      defaultAlignment: null
-    };
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          textAlign: {
-            default: this.options.defaultAlignment,
-            parseHTML: (element) => {
-              const alignment = element.style.textAlign;
-              return this.options.alignments.includes(alignment) ? alignment : this.options.defaultAlignment;
-            },
-            renderHTML: (attributes) => {
-              if (!attributes.textAlign) {
-                return {};
-              }
-              return { style: `text-align: ${attributes.textAlign}` };
-            }
-          }
-        }
-      }
-    ];
-  },
-  addCommands() {
-    return {
-      setTextAlign: (alignment) => ({ commands }) => {
-        if (!this.options.alignments.includes(alignment)) {
-          return false;
-        }
-        return this.options.types.map((type) => commands.updateAttributes(type, { textAlign: alignment })).some((response) => response);
-      },
-      unsetTextAlign: () => ({ commands }) => {
-        return this.options.types.map((type) => commands.resetAttributes(type, "textAlign")).some((response) => response);
-      },
-      toggleTextAlign: (alignment) => ({ editor, commands }) => {
-        if (!this.options.alignments.includes(alignment)) {
-          return false;
-        }
-        if (editor.isActive({ textAlign: alignment })) {
-          return commands.unsetTextAlign();
-        }
-        return commands.setTextAlign(alignment);
-      }
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      "Mod-Shift-l": () => this.editor.commands.setTextAlign("left"),
-      "Mod-Shift-e": () => this.editor.commands.setTextAlign("center"),
-      "Mod-Shift-r": () => this.editor.commands.setTextAlign("right"),
-      "Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
-    };
-  }
-});
-
-// src/index.ts
-var index_default = TextAlign;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TextAlign
-});
-//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts","../src/text-align.ts"],"sourcesContent":["import { TextAlign } from './text-align.js'\n\nexport * from './text-align.js'\n\nexport default TextAlign\n","import { Extension } from '@tiptap/core'\n\nexport interface TextAlignOptions {\n  /**\n   * The types where the text align attribute can be applied.\n   * @default []\n   * @example ['heading', 'paragraph']\n   */\n  types: string[]\n\n  /**\n   * The alignments which are allowed.\n   * @default ['left', 'center', 'right', 'justify']\n   * @example ['left', 'right']\n   */\n  alignments: string[]\n\n  /**\n   * The default alignment.\n   * @default null\n   * @example 'center'\n   */\n  defaultAlignment: string | null\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    textAlign: {\n      /**\n       * Set the text align attribute\n       * @param alignment The alignment\n       * @example editor.commands.setTextAlign('left')\n       */\n      setTextAlign: (alignment: string) => ReturnType\n      /**\n       * Unset the text align attribute\n       * @example editor.commands.unsetTextAlign()\n       */\n      unsetTextAlign: () => ReturnType\n      /**\n       * Toggle the text align attribute\n       * @param alignment The alignment\n       * @example editor.commands.toggleTextAlign('right')\n       */\n      toggleTextAlign: (alignment: string) => ReturnType\n    }\n  }\n}\n\n/**\n * This extension allows you to align text.\n * @see https://www.tiptap.dev/api/extensions/text-align\n */\nexport const TextAlign = Extension.create<TextAlignOptions>({\n  name: 'textAlign',\n\n  addOptions() {\n    return {\n      types: [],\n      alignments: ['left', 'center', 'right', 'justify'],\n      defaultAlignment: null,\n    }\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          textAlign: {\n            default: this.options.defaultAlignment,\n            parseHTML: element => {\n              const alignment = element.style.textAlign\n\n              return this.options.alignments.includes(alignment) ? alignment : this.options.defaultAlignment\n            },\n            renderHTML: attributes => {\n              if (!attributes.textAlign) {\n                return {}\n              }\n\n              return { style: `text-align: ${attributes.textAlign}` }\n            },\n          },\n        },\n      },\n    ]\n  },\n\n  addCommands() {\n    return {\n      setTextAlign:\n        (alignment: string) =>\n        ({ commands }) => {\n          if (!this.options.alignments.includes(alignment)) {\n            return false\n          }\n\n          return this.options.types\n            .map(type => commands.updateAttributes(type, { textAlign: alignment }))\n            .some(response => response)\n        },\n\n      unsetTextAlign:\n        () =>\n        ({ commands }) => {\n          return this.options.types.map(type => commands.resetAttributes(type, 'textAlign')).some(response => response)\n        },\n\n      toggleTextAlign:\n        alignment =>\n        ({ editor, commands }) => {\n          if (!this.options.alignments.includes(alignment)) {\n            return false\n          }\n\n          if (editor.isActive({ textAlign: alignment })) {\n            return commands.unsetTextAlign()\n          }\n          return commands.setTextAlign(alignment)\n        },\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      'Mod-Shift-l': () => this.editor.commands.setTextAlign('left'),\n      'Mod-Shift-e': () => this.editor.commands.setTextAlign('center'),\n      'Mod-Shift-r': () => this.editor.commands.setTextAlign('right'),\n      'Mod-Shift-j': () => this.editor.commands.setTextAlign('justify'),\n    }\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAA0B;AAqDnB,IAAM,YAAY,sBAAU,OAAyB;AAAA,EAC1D,MAAM;AAAA,EAEN,aAAa;AACX,WAAO;AAAA,MACL,OAAO,CAAC;AAAA,MACR,YAAY,CAAC,QAAQ,UAAU,SAAS,SAAS;AAAA,MACjD,kBAAkB;AAAA,IACpB;AAAA,EACF;AAAA,EAEA,sBAAsB;AACpB,WAAO;AAAA,MACL;AAAA,QACE,OAAO,KAAK,QAAQ;AAAA,QACpB,YAAY;AAAA,UACV,WAAW;AAAA,YACT,SAAS,KAAK,QAAQ;AAAA,YACtB,WAAW,aAAW;AACpB,oBAAM,YAAY,QAAQ,MAAM;AAEhC,qBAAO,KAAK,QAAQ,WAAW,SAAS,SAAS,IAAI,YAAY,KAAK,QAAQ;AAAA,YAChF;AAAA,YACA,YAAY,gBAAc;AACxB,kBAAI,CAAC,WAAW,WAAW;AACzB,uBAAO,CAAC;AAAA,cACV;AAEA,qBAAO,EAAE,OAAO,eAAe,WAAW,SAAS,GAAG;AAAA,YACxD;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,cAAc;AACZ,WAAO;AAAA,MACL,cACE,CAAC,cACD,CAAC,EAAE,SAAS,MAAM;AAChB,YAAI,CAAC,KAAK,QAAQ,WAAW,SAAS,SAAS,GAAG;AAChD,iBAAO;AAAA,QACT;AAEA,eAAO,KAAK,QAAQ,MACjB,IAAI,UAAQ,SAAS,iBAAiB,MAAM,EAAE,WAAW,UAAU,CAAC,CAAC,EACrE,KAAK,cAAY,QAAQ;AAAA,MAC9B;AAAA,MAEF,gBACE,MACA,CAAC,EAAE,SAAS,MAAM;AAChB,eAAO,KAAK,QAAQ,MAAM,IAAI,UAAQ,SAAS,gBAAgB,MAAM,WAAW,CAAC,EAAE,KAAK,cAAY,QAAQ;AAAA,MAC9G;AAAA,MAEF,iBACE,eACA,CAAC,EAAE,QAAQ,SAAS,MAAM;AACxB,YAAI,CAAC,KAAK,QAAQ,WAAW,SAAS,SAAS,GAAG;AAChD,iBAAO;AAAA,QACT;AAEA,YAAI,OAAO,SAAS,EAAE,WAAW,UAAU,CAAC,GAAG;AAC7C,iBAAO,SAAS,eAAe;AAAA,QACjC;AACA,eAAO,SAAS,aAAa,SAAS;AAAA,MACxC;AAAA,IACJ;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,WAAO;AAAA,MACL,eAAe,MAAM,KAAK,OAAO,SAAS,aAAa,MAAM;AAAA,MAC7D,eAAe,MAAM,KAAK,OAAO,SAAS,aAAa,QAAQ;AAAA,MAC/D,eAAe,MAAM,KAAK,OAAO,SAAS,aAAa,OAAO;AAAA,MAC9D,eAAe,MAAM,KAAK,OAAO,SAAS,aAAa,SAAS;AAAA,IAClE;AAAA,EACF;AACF,CAAC;;;ADhID,IAAO,gBAAQ;","names":[]}

package/dist/index.d.cts

@@ -1,52 +0,0 @@
-import { Extension } from '@tiptap/core';
-
-interface TextAlignOptions {
-    /**
-     * The types where the text align attribute can be applied.
-     * @default []
-     * @example ['heading', 'paragraph']
-     */
-    types: string[];
-    /**
-     * The alignments which are allowed.
-     * @default ['left', 'center', 'right', 'justify']
-     * @example ['left', 'right']
-     */
-    alignments: string[];
-    /**
-     * The default alignment.
-     * @default null
-     * @example 'center'
-     */
-    defaultAlignment: string | null;
-}
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        textAlign: {
-            /**
-             * Set the text align attribute
-             * @param alignment The alignment
-             * @example editor.commands.setTextAlign('left')
-             */
-            setTextAlign: (alignment: string) => ReturnType;
-            /**
-             * Unset the text align attribute
-             * @example editor.commands.unsetTextAlign()
-             */
-            unsetTextAlign: () => ReturnType;
-            /**
-             * Toggle the text align attribute
-             * @param alignment The alignment
-             * @example editor.commands.toggleTextAlign('right')
-             */
-            toggleTextAlign: (alignment: string) => ReturnType;
-        };
-    }
-}
-/**
- * This extension allows you to align text.
- * @see https://www.tiptap.dev/api/extensions/text-align
- */
-declare const TextAlign: Extension<TextAlignOptions, any>;
-
-export { TextAlign, type TextAlignOptions, TextAlign as default };

package/dist/index.d.ts

@@ -1,52 +0,0 @@
-import { Extension } from '@tiptap/core';
-
-interface TextAlignOptions {
-    /**
-     * The types where the text align attribute can be applied.
-     * @default []
-     * @example ['heading', 'paragraph']
-     */
-    types: string[];
-    /**
-     * The alignments which are allowed.
-     * @default ['left', 'center', 'right', 'justify']
-     * @example ['left', 'right']
-     */
-    alignments: string[];
-    /**
-     * The default alignment.
-     * @default null
-     * @example 'center'
-     */
-    defaultAlignment: string | null;
-}
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        textAlign: {
-            /**
-             * Set the text align attribute
-             * @param alignment The alignment
-             * @example editor.commands.setTextAlign('left')
-             */
-            setTextAlign: (alignment: string) => ReturnType;
-            /**
-             * Unset the text align attribute
-             * @example editor.commands.unsetTextAlign()
-             */
-            unsetTextAlign: () => ReturnType;
-            /**
-             * Toggle the text align attribute
-             * @param alignment The alignment
-             * @example editor.commands.toggleTextAlign('right')
-             */
-            toggleTextAlign: (alignment: string) => ReturnType;
-        };
-    }
-}
-/**
- * This extension allows you to align text.
- * @see https://www.tiptap.dev/api/extensions/text-align
- */
-declare const TextAlign: Extension<TextAlignOptions, any>;
-
-export { TextAlign, type TextAlignOptions, TextAlign as default };

package/dist/index.js

@@ -1,72 +0,0 @@
-// src/text-align.ts
-import { Extension } from "@tiptap/core";
-var TextAlign = Extension.create({
-  name: "textAlign",
-  addOptions() {
-    return {
-      types: [],
-      alignments: ["left", "center", "right", "justify"],
-      defaultAlignment: null
-    };
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          textAlign: {
-            default: this.options.defaultAlignment,
-            parseHTML: (element) => {
-              const alignment = element.style.textAlign;
-              return this.options.alignments.includes(alignment) ? alignment : this.options.defaultAlignment;
-            },
-            renderHTML: (attributes) => {
-              if (!attributes.textAlign) {
-                return {};
-              }
-              return { style: `text-align: ${attributes.textAlign}` };
-            }
-          }
-        }
-      }
-    ];
-  },
-  addCommands() {
-    return {
-      setTextAlign: (alignment) => ({ commands }) => {
-        if (!this.options.alignments.includes(alignment)) {
-          return false;
-        }
-        return this.options.types.map((type) => commands.updateAttributes(type, { textAlign: alignment })).some((response) => response);
-      },
-      unsetTextAlign: () => ({ commands }) => {
-        return this.options.types.map((type) => commands.resetAttributes(type, "textAlign")).some((response) => response);
-      },
-      toggleTextAlign: (alignment) => ({ editor, commands }) => {
-        if (!this.options.alignments.includes(alignment)) {
-          return false;
-        }
-        if (editor.isActive({ textAlign: alignment })) {
-          return commands.unsetTextAlign();
-        }
-        return commands.setTextAlign(alignment);
-      }
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      "Mod-Shift-l": () => this.editor.commands.setTextAlign("left"),
-      "Mod-Shift-e": () => this.editor.commands.setTextAlign("center"),
-      "Mod-Shift-r": () => this.editor.commands.setTextAlign("right"),
-      "Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
-    };
-  }
-});
-
-// src/index.ts
-var index_default = TextAlign;
-export {
-  TextAlign,
-  index_default as default
-};
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/text-align.ts","../src/index.ts"],"sourcesContent":["import { Extension } from '@tiptap/core'\n\nexport interface TextAlignOptions {\n  /**\n   * The types where the text align attribute can be applied.\n   * @default []\n   * @example ['heading', 'paragraph']\n   */\n  types: string[]\n\n  /**\n   * The alignments which are allowed.\n   * @default ['left', 'center', 'right', 'justify']\n   * @example ['left', 'right']\n   */\n  alignments: string[]\n\n  /**\n   * The default alignment.\n   * @default null\n   * @example 'center'\n   */\n  defaultAlignment: string | null\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    textAlign: {\n      /**\n       * Set the text align attribute\n       * @param alignment The alignment\n       * @example editor.commands.setTextAlign('left')\n       */\n      setTextAlign: (alignment: string) => ReturnType\n      /**\n       * Unset the text align attribute\n       * @example editor.commands.unsetTextAlign()\n       */\n      unsetTextAlign: () => ReturnType\n      /**\n       * Toggle the text align attribute\n       * @param alignment The alignment\n       * @example editor.commands.toggleTextAlign('right')\n       */\n      toggleTextAlign: (alignment: string) => ReturnType\n    }\n  }\n}\n\n/**\n * This extension allows you to align text.\n * @see https://www.tiptap.dev/api/extensions/text-align\n */\nexport const TextAlign = Extension.create<TextAlignOptions>({\n  name: 'textAlign',\n\n  addOptions() {\n    return {\n      types: [],\n      alignments: ['left', 'center', 'right', 'justify'],\n      defaultAlignment: null,\n    }\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          textAlign: {\n            default: this.options.defaultAlignment,\n            parseHTML: element => {\n              const alignment = element.style.textAlign\n\n              return this.options.alignments.includes(alignment) ? alignment : this.options.defaultAlignment\n            },\n            renderHTML: attributes => {\n              if (!attributes.textAlign) {\n                return {}\n              }\n\n              return { style: `text-align: ${attributes.textAlign}` }\n            },\n          },\n        },\n      },\n    ]\n  },\n\n  addCommands() {\n    return {\n      setTextAlign:\n        (alignment: string) =>\n        ({ commands }) => {\n          if (!this.options.alignments.includes(alignment)) {\n            return false\n          }\n\n          return this.options.types\n            .map(type => commands.updateAttributes(type, { textAlign: alignment }))\n            .some(response => response)\n        },\n\n      unsetTextAlign:\n        () =>\n        ({ commands }) => {\n          return this.options.types.map(type => commands.resetAttributes(type, 'textAlign')).some(response => response)\n        },\n\n      toggleTextAlign:\n        alignment =>\n        ({ editor, commands }) => {\n          if (!this.options.alignments.includes(alignment)) {\n            return false\n          }\n\n          if (editor.isActive({ textAlign: alignment })) {\n            return commands.unsetTextAlign()\n          }\n          return commands.setTextAlign(alignment)\n        },\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      'Mod-Shift-l': () => this.editor.commands.setTextAlign('left'),\n      'Mod-Shift-e': () => this.editor.commands.setTextAlign('center'),\n      'Mod-Shift-r': () => this.editor.commands.setTextAlign('right'),\n      'Mod-Shift-j': () => this.editor.commands.setTextAlign('justify'),\n    }\n  },\n})\n","import { TextAlign } from './text-align.js'\n\nexport * from './text-align.js'\n\nexport default TextAlign\n"],"mappings":";AAAA,SAAS,iBAAiB;AAqDnB,IAAM,YAAY,UAAU,OAAyB;AAAA,EAC1D,MAAM;AAAA,EAEN,aAAa;AACX,WAAO;AAAA,MACL,OAAO,CAAC;AAAA,MACR,YAAY,CAAC,QAAQ,UAAU,SAAS,SAAS;AAAA,MACjD,kBAAkB;AAAA,IACpB;AAAA,EACF;AAAA,EAEA,sBAAsB;AACpB,WAAO;AAAA,MACL;AAAA,QACE,OAAO,KAAK,QAAQ;AAAA,QACpB,YAAY;AAAA,UACV,WAAW;AAAA,YACT,SAAS,KAAK,QAAQ;AAAA,YACtB,WAAW,aAAW;AACpB,oBAAM,YAAY,QAAQ,MAAM;AAEhC,qBAAO,KAAK,QAAQ,WAAW,SAAS,SAAS,IAAI,YAAY,KAAK,QAAQ;AAAA,YAChF;AAAA,YACA,YAAY,gBAAc;AACxB,kBAAI,CAAC,WAAW,WAAW;AACzB,uBAAO,CAAC;AAAA,cACV;AAEA,qBAAO,EAAE,OAAO,eAAe,WAAW,SAAS,GAAG;AAAA,YACxD;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,cAAc;AACZ,WAAO;AAAA,MACL,cACE,CAAC,cACD,CAAC,EAAE,SAAS,MAAM;AAChB,YAAI,CAAC,KAAK,QAAQ,WAAW,SAAS,SAAS,GAAG;AAChD,iBAAO;AAAA,QACT;AAEA,eAAO,KAAK,QAAQ,MACjB,IAAI,UAAQ,SAAS,iBAAiB,MAAM,EAAE,WAAW,UAAU,CAAC,CAAC,EACrE,KAAK,cAAY,QAAQ;AAAA,MAC9B;AAAA,MAEF,gBACE,MACA,CAAC,EAAE,SAAS,MAAM;AAChB,eAAO,KAAK,QAAQ,MAAM,IAAI,UAAQ,SAAS,gBAAgB,MAAM,WAAW,CAAC,EAAE,KAAK,cAAY,QAAQ;AAAA,MAC9G;AAAA,MAEF,iBACE,eACA,CAAC,EAAE,QAAQ,SAAS,MAAM;AACxB,YAAI,CAAC,KAAK,QAAQ,WAAW,SAAS,SAAS,GAAG;AAChD,iBAAO;AAAA,QACT;AAEA,YAAI,OAAO,SAAS,EAAE,WAAW,UAAU,CAAC,GAAG;AAC7C,iBAAO,SAAS,eAAe;AAAA,QACjC;AACA,eAAO,SAAS,aAAa,SAAS;AAAA,MACxC;AAAA,IACJ;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,WAAO;AAAA,MACL,eAAe,MAAM,KAAK,OAAO,SAAS,aAAa,MAAM;AAAA,MAC7D,eAAe,MAAM,KAAK,OAAO,SAAS,aAAa,QAAQ;AAAA,MAC/D,eAAe,MAAM,KAAK,OAAO,SAAS,aAAa,OAAO;AAAA,MAC9D,eAAe,MAAM,KAAK,OAAO,SAAS,aAAa,SAAS;AAAA,IAClE;AAAA,EACF;AACF,CAAC;;;AChID,IAAO,gBAAQ;","names":[]}