@zipify/wysiwyg 3.3.0-0 → 3.3.0-2

package/dist/wysiwyg.mjs

@@ -16352,8 +16352,8 @@ const TextSettings = Object.freeze({
   get attributes() {
     return [this.ALIGNMENT, this.LINE_HEIGHT, this.MARGIN];
   },
-  get resetAttributes() {
-    return [this.LINE_HEIGHT, this.MARGIN];
+  get presetAttributes() {
+    return [this.LINE_HEIGHT];
   },
   get inlineMarks() {
     return [this.TEXT_DECORATION, this.LINK, this.SUPERSCRIPT, this.BACKGROUND_COLOR];
@@ -18785,7 +18785,7 @@ const StylePreset = Extension.create({
       }),
       isSettingCustomized: createCommand(({ commands: commands2 }, name) => {
         const customization = commands2.getPresetCustomization();
-        const group = TextSettings.resetAttributes.includes(name) ? "attributes" : "marks";
+        const group = TextSettings.presetAttributes.includes(name) ? "attributes" : "marks";
         return computed(() => {
           var _a;
           return ((_a = unref(customization)[group]) == null ? void 0 : _a.includes(name)) ?? false;
@@ -18803,7 +18803,7 @@ const StylePreset = Extension.create({
         const attributes = /* @__PURE__ */ new Set();
         doc2.nodesBetween(from2, to, (node) => {
           for (const [name, value] of Object.entries(node.attrs)) {
-            const isSetting = TextSettings.resetAttributes.includes(name);
+            const isSetting = TextSettings.presetAttributes.includes(name);
             if (isSetting && value)
               attributes.add(name);
           }
@@ -18819,7 +18819,7 @@ const StylePreset = Extension.create({
         };
       }),
       removePresetCustomization: createCommand(({ chain }) => {
-        chain().storeSelection().expandSelectionToBlock().removeMarks(TextSettings.marks).resetAttributes(NodeTypes.PARAGRAPH, TextSettings.resetAttributes).resetAttributes(NodeTypes.HEADING, TextSettings.resetAttributes).restoreSelection().run();
+        chain().storeSelection().expandSelectionToBlock().removeMarks(TextSettings.marks).resetAttributes(NodeTypes.PARAGRAPH, TextSettings.presetAttributes).resetAttributes(NodeTypes.HEADING, TextSettings.presetAttributes).restoreSelection().run();
       }),
       removeFormat: createCommand(({ chain }) => {
         chain().storeSelection().expandSelectionToBlock().removeAllMarks().applyDefaultPreset().restoreSelection().run();
@@ -19329,9 +19329,7 @@ const Alignment = Extension.create({
   addCommands() {
     return {
       toggleAlignment: createCommand(({ commands: commands2 }, value) => {
-        const currentValue = commands2.getAlignment();
-        const isCurrentValue = unref(currentValue) === value;
-        !isCurrentValue ? commands2.applyAlignment(value) : commands2.removeAlignment();
+        commands2.applyAlignment(value);
       }),
       applyAlignment: createCommand(({ commands: commands2 }, value) => {
         const device = unref(commands2.getDevice());
@@ -25363,7 +25361,7 @@ const __vue2_script$d = {
   setup(_, { emit }) {
     const editor = inject(InjectionTokens$1.EDITOR);
     const alignment = editor.commands.getAlignment();
-    const currentValue = computed(() => unref(alignment) ?? "none");
+    const currentValue = computed(() => unref(alignment) ?? "left");
     function toggle(value) {
       editor.chain().focus().toggleAlignment(value).run();
       emit("applied");

package/lib/components/toolbar/controls/AlignmentControl.vue

@@ -57,7 +57,7 @@ export default {
     setup(_, { emit }) {
         const editor = inject(InjectionTokens.EDITOR);
         const alignment = editor.commands.getAlignment();
-        const currentValue = computed(() => unref(alignment) ?? 'none');
+        const currentValue = computed(() => unref(alignment) ?? 'left');
 
         function toggle(value) {
             editor.chain().focus().toggleAlignment(value).run();

package/lib/enums/TextSettings.js

@@ -17,8 +17,8 @@ export const TextSettings = Object.freeze({
         return [this.ALIGNMENT, this.LINE_HEIGHT, this.MARGIN];
     },
 
-    get resetAttributes() {
-        return [this.LINE_HEIGHT, this.MARGIN];
+    get presetAttributes() {
+        return [this.LINE_HEIGHT];
     },
 
     get inlineMarks() {

package/lib/extensions/Alignment.js

@@ -52,10 +52,7 @@ export const Alignment = Extension.create({
     addCommands() {
         return {
             toggleAlignment: createCommand(({ commands }, value) => {
-                const currentValue = commands.getAlignment();
-                const isCurrentValue = unref(currentValue) === value;
-
-                !isCurrentValue ? commands.applyAlignment(value) : commands.removeAlignment();
+                commands.applyAlignment(value);
             }),
 
             applyAlignment: createCommand(({ commands }, value) => {

package/lib/extensions/StylePreset.js

@@ -135,7 +135,7 @@ export const StylePreset = Extension.create({
 
             isSettingCustomized: createCommand(({ commands }, name) => {
                 const customization = commands.getPresetCustomization();
-                const group = TextSettings.resetAttributes.includes(name) ? 'attributes' : 'marks';
+                const group = TextSettings.presetAttributes.includes(name) ? 'attributes' : 'marks';
 
                 return computed(() => unref(customization)[group]?.includes(name) ?? false);
             }),
@@ -156,7 +156,7 @@ export const StylePreset = Extension.create({
 
                 doc.nodesBetween(from, to, (node) => {
                     for (const [name, value] of Object.entries(node.attrs)) {
-                        const isSetting = TextSettings.resetAttributes.includes(name);
+                        const isSetting = TextSettings.presetAttributes.includes(name);
 
                         if (isSetting && value) attributes.add(name);
                     }
@@ -179,8 +179,8 @@ export const StylePreset = Extension.create({
                     .storeSelection()
                     .expandSelectionToBlock()
                     .removeMarks(TextSettings.marks)
-                    .resetAttributes(NodeTypes.PARAGRAPH, TextSettings.resetAttributes)
-                    .resetAttributes(NodeTypes.HEADING, TextSettings.resetAttributes)
+                    .resetAttributes(NodeTypes.PARAGRAPH, TextSettings.presetAttributes)
+                    .resetAttributes(NodeTypes.HEADING, TextSettings.presetAttributes)
                     .restoreSelection()
                     .run();
             }),

package/lib/extensions/__tests__/StylePreset.test.js

@@ -26,22 +26,6 @@ const MockFontWeight = Mark.create({
     renderHTML: () => ['span', {}, 0]
 });
 
-const MockAlignment = Extension.create({
-    name: TextSettings.ALIGNMENT,
-
-    addGlobalAttributes: () => [
-        {
-            types: [NodeTypes.PARAGRAPH, NodeTypes.HEADING],
-            attributes: {
-                [TextSettings.ALIGNMENT]: {
-                    default: null,
-                    renderHTML: () => ({})
-                }
-            }
-        }
-    ]
-});
-
 const MockBackgroundColor = Mark.create({
     name: TextSettings.BACKGROUND_COLOR,
 
@@ -128,9 +112,6 @@ const MockLineHeight = Extension.create({
                 line_height: {
                     isRequired: false,
                     renderHTML: (attrs) => ({ style: `line-height: ${attrs.line_height}` })
-                },
-                alignment: {
-                    isRequired: false
                 }
             }
         }
@@ -158,7 +139,6 @@ function createEditor({ content, presets, defaultId, link }) {
                 }),
                 MockFontSize,
                 MockFontWeight,
-                MockAlignment,
                 MockBackgroundColor,
                 MockFontColor,
                 MockFontFamily,
@@ -367,7 +347,7 @@ describe('apply preset', () => {
             content: NodeFactory.doc([
                 NodeFactory.paragraph({
                     preset: { id: 'regular-1' },
-                    alignment: { value: 'center' }
+                    line_height: { value: '1.1' }
                 }, 'test')
             ]),
             presets: [
@@ -405,10 +385,8 @@ describe('get preset customization', () => {
         });
 
         const isFontSizeCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_SIZE);
-        const isAlignmentCustomized = editor.commands.isSettingCustomized(TextSettings.ALIGNMENT);
 
         expect(isFontSizeCustomized.value).toBe(false);
-        expect(isAlignmentCustomized.value).toBe(false);
     });
 
     test('should find marks', () => {
@@ -455,7 +433,7 @@ describe('get preset customization', () => {
             content: NodeFactory.doc([
                 NodeFactory.paragraph({
                     preset: { id: 'regular-1' },
-                    alignment: { value: 'center' }
+                    line_height: { value: '1.1' }
                 }, 'test')
             ]),
             presets: [createPreset({ id: 'regular-1' })]
@@ -522,7 +500,7 @@ describe('get content customization', () => {
             content: NodeFactory.doc([
                 NodeFactory.paragraph({
                     preset: { id: 'regular-2' },
-                    alignment: { value: 'right' }
+                    line_height: { value: '1.1' }
                 }, 'test')
             ]),
             presets: [createPreset({ id: 'regular-2' })]
@@ -562,12 +540,12 @@ describe('remove preset customization', () => {
             content: NodeFactory.doc([
                 NodeFactory.heading(1, {
                     preset: { id: 'regular-1' },
-                    alignment: { value: 'center' }
+                    line_height: { value: '1.1' }
                 }, 'heading'),
 
                 NodeFactory.paragraph({
                     preset: { id: 'regular-1' },
-                    alignment: { value: 'center' }
+                    line_height: { value: '1.1' }
                 }, 'paragraph')
             ]),
 

package/lib/extensions/__tests__/__snapshots__/StylePreset.test.js.snap

@@ -5,7 +5,6 @@ Object {
   "content": Array [
     Object {
       "attrs": Object {
-        "alignment": null,
         "line_height": null,
         "preset": Object {
           "id": "regular-1",
@@ -29,7 +28,6 @@ Object {
   "content": Array [
     Object {
       "attrs": Object {
-        "alignment": null,
         "level": 1,
         "preset": Object {
           "id": "h1",
@@ -45,7 +43,6 @@ Object {
     },
     Object {
       "attrs": Object {
-        "alignment": null,
         "level": 1,
         "preset": Object {
           "id": "h1",
@@ -69,7 +66,6 @@ Object {
   "content": Array [
     Object {
       "attrs": Object {
-        "alignment": null,
         "level": 1,
         "preset": Object {
           "id": "h1",
@@ -93,7 +89,6 @@ Object {
   "content": Array [
     Object {
       "attrs": Object {
-        "alignment": null,
         "line_height": null,
         "preset": Object {
           "id": "regular-1",
@@ -117,7 +112,6 @@ Object {
   "content": Array [
     Object {
       "attrs": Object {
-        "alignment": null,
         "line_height": null,
         "preset": Object {
           "id": "regular-1",
@@ -133,7 +127,6 @@ Object {
     },
     Object {
       "attrs": Object {
-        "alignment": null,
         "line_height": null,
         "preset": Object {
           "id": "regular-1",
@@ -157,7 +150,6 @@ Object {
   "content": Array [
     Object {
       "attrs": Object {
-        "alignment": null,
         "level": 1,
         "preset": Object {
           "id": "h1",
@@ -181,10 +173,9 @@ Object {
   "content": Array [
     Object {
       "attrs": Object {
-        "alignment": Object {
-          "value": "center",
+        "line_height": Object {
+          "value": "1.1",
         },
-        "line_height": null,
         "preset": Object {
           "id": "regular-2",
         },
@@ -204,7 +195,9 @@ Object {
 
 exports[`get content customization should find attributes 1`] = `
 Object {
-  "attributes": Array [],
+  "attributes": Array [
+    "line_height",
+  ],
   "marks": Array [],
 }
 `;
@@ -228,7 +221,9 @@ Object {
 
 exports[`get preset customization should find attributes 1`] = `
 Object {
-  "attributes": Array [],
+  "attributes": Array [
+    "line_height",
+  ],
   "marks": Array [],
 }
 `;
@@ -293,7 +288,6 @@ Object {
   "content": Array [
     Object {
       "attrs": Object {
-        "alignment": null,
         "line_height": null,
         "preset": Object {
           "id": "regular-2",
@@ -317,7 +311,6 @@ Object {
   "content": Array [
     Object {
       "attrs": Object {
-        "alignment": null,
         "level": 3,
         "preset": Object {
           "id": "h3",
@@ -341,7 +334,6 @@ Object {
   "content": Array [
     Object {
       "attrs": Object {
-        "alignment": null,
         "line_height": null,
         "preset": Object {
           "id": "regular-2",
@@ -365,7 +357,6 @@ Object {
   "content": Array [
     Object {
       "attrs": Object {
-        "alignment": null,
         "line_height": null,
         "preset": Object {
           "id": "regular-1",
@@ -398,7 +389,6 @@ Object {
           "content": Array [
             Object {
               "attrs": Object {
-                "alignment": null,
                 "line_height": null,
                 "preset": Object {
                   "id": "regular-1",
@@ -437,7 +427,6 @@ Object {
           "content": Array [
             Object {
               "attrs": Object {
-                "alignment": null,
                 "line_height": null,
                 "preset": Object {
                   "id": "regular-1",
@@ -467,9 +456,6 @@ Object {
   "content": Array [
     Object {
       "attrs": Object {
-        "alignment": Object {
-          "value": "center",
-        },
         "level": 1,
         "preset": Object {
           "id": "regular-1",
@@ -485,9 +471,6 @@ Object {
     },
     Object {
       "attrs": Object {
-        "alignment": Object {
-          "value": "center",
-        },
         "line_height": null,
         "preset": Object {
           "id": "regular-1",
@@ -511,7 +494,6 @@ Object {
   "content": Array [
     Object {
       "attrs": Object {
-        "alignment": null,
         "line_height": null,
         "preset": Object {
           "id": "regular-1",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zipify/wysiwyg",
-  "version": "3.3.0-0",
+  "version": "3.3.0-2",
   "description": "Zipify modification of TipTap text editor",
   "main": "dist/wysiwyg.mjs",
   "bin": {