@zipify/wysiwyg 1.3.0-0 → 1.4.0-0

package/dist/wysiwyg.mjs

@@ -23277,28 +23277,12 @@ const StylePreset = Extension.create({
       removePreset: createCommand(({ commands: commands2 }) => {
         commands2.setNode(NodeTypes.PARAGRAPH, { preset: null });
       }),
-      getPresetCustomization: createCommand(({ editor }) => {
+      getPresetCustomization: createCommand(({ editor, commands: commands2 }) => {
         const state = toRef(editor, "state");
         return computed(() => {
-          const attributes = /* @__PURE__ */ new Set();
-          const marks = /* @__PURE__ */ new Set();
-          const { from: from2, to } = state.value.selection;
-          state.value.doc.nodesBetween(from2, to, (node) => {
-            for (const [name, value] of Object.entries(node.attrs)) {
-              const isSetting = TextSettings.attributes.includes(name);
-              if (isSetting && value)
-                attributes.add(name);
-            }
-            for (const { type } of node.marks) {
-              if (TextSettings.marks.includes(type.name)) {
-                marks.add(type.name);
-              }
-            }
-          });
-          return {
-            attributes: Array.from(attributes),
-            marks: Array.from(marks)
-          };
+          const { selection, doc: doc2 } = unref(state);
+          const { from: from2, to } = selection;
+          return commands2._getSettingCustomization(doc2, from2, to);
         });
       }),
       isSettingCustomized: createCommand(({ commands: commands2 }, group, name) => {
@@ -23308,6 +23292,33 @@ const StylePreset = Extension.create({
           return (_b = (_a = unref(customization)[group]) == null ? void 0 : _a.includes(name)) != null ? _b : false;
         });
       }),
+      getContentCustomization: createCommand(({ editor, commands: commands2 }) => {
+        const state = toRef(editor, "state");
+        return computed(() => {
+          const { doc: doc2 } = unref(state);
+          return commands2._getSettingCustomization(doc2, 0, doc2.content.size);
+        });
+      }),
+      _getSettingCustomization: createCommand((_, doc2, from2, to) => {
+        const marks = /* @__PURE__ */ new Set();
+        const attributes = /* @__PURE__ */ new Set();
+        doc2.nodesBetween(from2, to, (node) => {
+          for (const [name, value] of Object.entries(node.attrs)) {
+            const isSetting = TextSettings.attributes.includes(name);
+            if (isSetting && value)
+              attributes.add(name);
+          }
+          for (const { type } of node.marks) {
+            if (TextSettings.marks.includes(type.name)) {
+              marks.add(type.name);
+            }
+          }
+        });
+        return {
+          attributes: Array.from(attributes),
+          marks: Array.from(marks)
+        };
+      }),
       removePresetCustomization: createCommand(({ chain }) => {
         chain().storeSelection().expandSelectionToBlock().unsetMarks(TextSettings.marks).resetAttributes(NodeTypes.PARAGRAPH, TextSettings.attributes).resetAttributes(NodeTypes.HEADING, TextSettings.attributes).restoreSelection().run();
       }),
@@ -26215,6 +26226,7 @@ const __vue2_script = {
       listRef: toRef(props, "favoriteColors"),
       triggerUpdate: (colors) => emit("update-favorite-colors", colors)
     });
+    const getContentCustomization = () => editor.commands.getContentCustomization();
     provide(InjectionTokens$1.EDITOR, editor);
     provide(InjectionTokens$1.FONTS, fonts);
     provide(InjectionTokens$1.FONT_SIZES, fontSizes);
@@ -26227,7 +26239,8 @@ const __vue2_script = {
       toolbarRef,
       wysiwygRef,
       toolbar,
-      updateToolbar
+      updateToolbar,
+      getContentCustomization
     };
   }
 };

package/lib/Wysiwyg.vue

@@ -193,6 +193,8 @@ export default {
             triggerUpdate: (colors) => emit('update-favorite-colors', colors)
         });
 
+        const getContentCustomization = () => editor.commands.getContentCustomization();
+
         provide(InjectionTokens.EDITOR, editor);
         provide(InjectionTokens.FONTS, fonts);
         provide(InjectionTokens.FONT_SIZES, fontSizes);
@@ -206,7 +208,8 @@ export default {
             toolbarRef,
             wysiwygRef,
             toolbar,
-            updateToolbar
+            updateToolbar,
+            getContentCustomization
         };
     }
 };

package/lib/extensions/StylePreset.js

@@ -140,32 +140,14 @@ export const StylePreset = Extension.create({
                 commands.setNode(NodeTypes.PARAGRAPH, { preset: null });
             }),
 
-            getPresetCustomization: createCommand(({ editor }) => {
+            getPresetCustomization: createCommand(({ editor, commands }) => {
                 const state = toRef(editor, 'state');
 
                 return computed(() => {
-                    const attributes = new Set();
-                    const marks = new Set();
-                    const { from, to } = state.value.selection;
+                    const { selection, doc } = unref(state);
+                    const { from, to } = selection;
 
-                    state.value.doc.nodesBetween(from, to, (node) => {
-                        for (const [name, value] of Object.entries(node.attrs)) {
-                            const isSetting = TextSettings.attributes.includes(name);
-
-                            if (isSetting && value) attributes.add(name);
-                        }
-
-                        for (const { type } of node.marks) {
-                            if (TextSettings.marks.includes(type.name)) {
-                                marks.add(type.name);
-                            }
-                        }
-                    });
-
-                    return {
-                        attributes: Array.from(attributes),
-                        marks: Array.from(marks)
-                    };
+                    return commands._getSettingCustomization(doc, from, to);
                 });
             }),
 
@@ -175,6 +157,40 @@ export const StylePreset = Extension.create({
                 return computed(() => unref(customization)[group]?.includes(name) ?? false);
             }),
 
+            getContentCustomization: createCommand(({ editor, commands }) => {
+                const state = toRef(editor, 'state');
+
+                return computed(() => {
+                    const { doc } = unref(state);
+
+                    return commands._getSettingCustomization(doc, 0, doc.content.size);
+                });
+            }),
+
+            _getSettingCustomization: createCommand((_, doc, from, to) => {
+                const marks = new Set();
+                const attributes = new Set();
+
+                doc.nodesBetween(from, to, (node) => {
+                    for (const [name, value] of Object.entries(node.attrs)) {
+                        const isSetting = TextSettings.attributes.includes(name);
+
+                        if (isSetting && value) attributes.add(name);
+                    }
+
+                    for (const { type } of node.marks) {
+                        if (TextSettings.marks.includes(type.name)) {
+                            marks.add(type.name);
+                        }
+                    }
+                });
+
+                return {
+                    attributes: Array.from(attributes),
+                    marks: Array.from(marks)
+                };
+            }),
+
             removePresetCustomization: createCommand(({ chain }) => {
                 chain()
                     .storeSelection()

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

@@ -486,6 +486,54 @@ describe('get preset customization', () => {
     });
 });
 
+describe('get content customization', () => {
+    test('should return empty content customization', async () => {
+        const editor = await createEditor({
+            content: NodeFactory.doc([
+                NodeFactory.paragraph({ preset: { id: 'regular-1' } }, 'test')
+            ]),
+            presets: [createPreset({ id: 'regular-1' })]
+        });
+        const customization = editor.commands.getContentCustomization();
+
+        expect(customization.value).toMatchSnapshot();
+    });
+
+    test('should find marks', async () => {
+        const editor = await createEditor({
+            content: NodeFactory.doc([
+                NodeFactory.paragraph({ preset: { id: 'regular-2' } }, [
+                    NodeFactory.text('test', [
+                        NodeFactory.mark(TextSettings.FONT_SIZE, { value: '44' }),
+                        NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '500' })
+                    ])
+                ])
+            ]),
+            presets: [createPreset({ id: 'regular-1' })]
+        });
+
+        const customization = editor.commands.getContentCustomization();
+
+        expect(customization.value).toMatchSnapshot();
+    });
+
+    test('should find attributes', async () => {
+        const editor = await createEditor({
+            content: NodeFactory.doc([
+                NodeFactory.paragraph({
+                    preset: { id: 'regular-2' },
+                    alignment: { value: 'right' }
+                }, 'test')
+            ]),
+            presets: [createPreset({ id: 'regular-2' })]
+        });
+
+        const customization = editor.commands.getContentCustomization();
+
+        expect(customization.value).toMatchSnapshot();
+    });
+});
+
 describe('remove preset customization', () => {
     test('should remove all marks in block', async () => {
         const editor = await createEditor({

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

@@ -197,6 +197,32 @@ Object {
 }
 `;
 
+exports[`get content customization should find attributes 1`] = `
+Object {
+  "attributes": Array [
+    "alignment",
+  ],
+  "marks": Array [],
+}
+`;
+
+exports[`get content customization should find marks 1`] = `
+Object {
+  "attributes": Array [],
+  "marks": Array [
+    "font_size",
+    "font_weight",
+  ],
+}
+`;
+
+exports[`get content customization should return empty content customization 1`] = `
+Object {
+  "attributes": Array [],
+  "marks": Array [],
+}
+`;
+
 exports[`get preset customization should find attributes 1`] = `
 Object {
   "attributes": Array [

package/package.json

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