npm - @zipify/wysiwyg - Versions diffs - 4.0.1 → 4.0.3 - Mend

@zipify/wysiwyg 4.0.1 → 4.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/dist/wysiwyg.mjs CHANGED Viewed

@@ -21305,13 +21305,55 @@ const Document$1 = Node2.create({
   topNode: true,
   content: "block+"
 });
+class SetDocAttr extends Step {
+  constructor(key, value, schema, stepType = "SetDocAttr") {
+    super();
+    this.key = key;
+    this.value = value;
+    this.schema = schema;
+    this.stepType = stepType;
+  }
+  apply(doc2) {
+    this.prevValue = doc2.attrs.meta[this.key];
+    const newDoc = Node$1.fromJSON(this.schema, doc2.toJSON());
+    newDoc.attrs.meta[this.key] = this.value;
+    return StepResult.ok(newDoc);
+  }
+  invert() {
+    return new SetDocAttr(this.key, this.prevValue, this.schema, "revertSetDocAttr");
+  }
+  map() {
+    return null;
+  }
+  toJSON() {
+    return {
+      stepType: this.stepType,
+      key: this.key,
+      value: this.value
+    };
+  }
+  static fromJSON(json) {
+    return new SetDocAttr(json.key, json.value, json.stepType);
+  }
+}
+Step.jsonID("setDocAttr", SetDocAttr);
 const Document = Document$1.extend({
   marks: MarkGroups.SETTINGS,
+  addAttributes: () => ({
+    meta: { default: {} }
+  }),
   onCreate() {
     this.editor.view.dom.addEventListener("click", (event) => {
       if (event.target.closest("a"))
         event.preventDefault();
     });
+  },
+  addCommands() {
+    return {
+      setDocMetaAttributes: createCommand(({ state }, key, value) => {
+        state.tr.step(new SetDocAttr(key, value, state.schema));
+      })
+    };
   }
 });
 const Paragraph$1 = Node2.create({
@@ -26354,9 +26396,7 @@ const _sfc_main$k = {
     const editor = inject(InjectionTokens$1.EDITOR);
     const currentValue = editor.commands.isItalic();
     const isAvailable = editor.commands.isItalicAvailable();
-    const isCustomized = computed(() => {
-      return editor.commands.isSettingCustomized(TextSettings.FONT_STYLE).value;
-    });
+    const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_STYLE);
     const apply2 = () => editor.chain().focus().toggleItalic().run();
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(Button), {
@@ -26373,7 +26413,7 @@ const _sfc_main$k = {
             size: "28px",
             "auto-color": ""
           }),
-          isCustomized.value ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1$7, null, 512)), [
+          unref(isCustomized) ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1$7, null, 512)), [
             [
               unref(tooltip),
               "Style differs from Page Styles",

package/example/ai-component/AiComponent.vue CHANGED Viewed

@@ -7,6 +7,10 @@
         <Modal ref="modalRef" class="zw-ai-component__modal" :toggler="toggler" focus-first-control>
             <p>Modal content</p>
+            <Button skin="primary" @click="onInsert">
+                Insert Content
+            </Button>
         </Modal>
     </div>
 </template>
@@ -43,6 +47,15 @@ export default {
             modalRef
         });
+        const onInsert = () => {
+            editor.chain()
+                .focus()
+                .insertContent('Hello from AI component')
+                .setDocMeta('ai_generated', true)
+                .run();
+            toggler.close();
+        };
         const isActive = computed(() => unref(toggler.isOpened));
         return {
@@ -50,6 +63,7 @@ export default {
             wrapperRef,
             modalRef,
             toggler,
+            onInsert,
             isActive
         };
     }

package/lib/components/toolbar/controls/ItalicControl.vue CHANGED Viewed

@@ -20,7 +20,7 @@
 </template>
 <script setup>
-import { inject, computed } from 'vue';
+import { inject } from 'vue';
 import { Button, Icon } from '../../base';
 import { InjectionTokens } from '../../../injectionTokens';
 import { tooltip as vTooltip } from '../../../directives';
@@ -30,9 +30,7 @@ const editor = inject(InjectionTokens.EDITOR);
 const currentValue = editor.commands.isItalic();
 const isAvailable = editor.commands.isItalicAvailable();
-const isCustomized = computed(() => {
-    return editor.commands.isSettingCustomized(TextSettings.FONT_STYLE).value;
-});
+const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_STYLE);
 const apply = () => editor.chain().focus().toggleItalic().run();
 </script>

package/lib/composables/__tests__/__snapshots__/useEditor.test.js.snap CHANGED Viewed

@@ -5,6 +5,9 @@ Array [
   Array [
     Object {
       "__wswg__": true,
+      "attrs": Object {
+        "meta": Object {},
+      },
       "content": Array [
         Object {
           "content": Array [

package/lib/extensions/__tests__/__snapshots__/Alignment.test.js.snap CHANGED Viewed

@@ -2,6 +2,9 @@
 exports[`change value should apply value 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "attrs": Object {
@@ -26,6 +29,9 @@ Object {
 exports[`change value should remove value 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "attrs": Object {
@@ -46,6 +52,9 @@ Object {
 exports[`parsing html should get alignment from rendered view 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "attrs": Object {
@@ -70,6 +79,9 @@ Object {
 exports[`parsing html should get alignment from text 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "attrs": Object {
@@ -94,6 +106,9 @@ Object {
 exports[`parsing html should set null if no alignment 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "attrs": Object {

package/lib/extensions/__tests__/__snapshots__/BackgroundColor.test.js.snap CHANGED Viewed

@@ -2,6 +2,9 @@
 exports[`apply background color should change background color 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -27,6 +30,9 @@ Object {
 exports[`parsing html should get value from paragraph 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -52,6 +58,9 @@ Object {
 exports[`parsing html should get value from rendered view 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -81,6 +90,9 @@ Object {
 exports[`parsing html should get value from text 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -110,6 +122,9 @@ Object {
 exports[`parsing html should merge paragraph and text settings 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [

package/lib/extensions/__tests__/__snapshots__/CaseStyle.test.js.snap CHANGED Viewed

@@ -2,6 +2,9 @@
 exports[`apply case style should apply capitalize 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -19,6 +22,9 @@ Object {
 exports[`apply case style should apply case by type 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -36,6 +42,9 @@ Object {
 exports[`apply case style should apply lowercase 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -53,6 +62,9 @@ Object {
 exports[`apply case style should apply uppercase 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [

package/lib/extensions/__tests__/__snapshots__/FontColor.test.js.snap CHANGED Viewed

@@ -2,6 +2,9 @@
 exports[`apply font color should change font color 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -27,6 +30,9 @@ Object {
 exports[`parsing html should get value from paragraph 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -52,6 +58,9 @@ Object {
 exports[`parsing html should get value from parsed view 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -69,6 +78,9 @@ Object {
 exports[`parsing html should get value from text 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -98,6 +110,9 @@ Object {
 exports[`parsing html should merge paragraph and text settings 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [

package/lib/extensions/__tests__/__snapshots__/FontFamily.test.js.snap CHANGED Viewed

@@ -2,6 +2,9 @@
 exports[`apply font family should apply closest font weight if current is unavailable 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -39,6 +42,9 @@ Object {
 exports[`apply font family should change font family 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -70,6 +76,9 @@ Object {
 exports[`apply font family should not change current font weight if available 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -101,6 +110,9 @@ Object {
 exports[`apply font family should not change italic if available 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -138,6 +150,9 @@ Object {
 exports[`apply font family should remove italic if unavailable 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -175,6 +190,9 @@ Object {
 exports[`parsing html should get parse font name with quotes 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -204,6 +222,9 @@ Object {
 exports[`parsing html should get set default if undefined font 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -233,6 +254,9 @@ Object {
 exports[`parsing html should get value from paragraph 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -258,6 +282,9 @@ Object {
 exports[`parsing html should get value from rendered view 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -287,6 +314,9 @@ Object {
 exports[`parsing html should get value from text 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -316,6 +346,9 @@ Object {
 exports[`parsing html should merge paragraph and text settings 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [

package/lib/extensions/__tests__/__snapshots__/FontSize.test.js.snap CHANGED Viewed

@@ -2,6 +2,9 @@
 exports[`apply font size should change font size 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -29,6 +32,9 @@ Object {
 exports[`apply font size should decrease font size 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -56,6 +62,9 @@ Object {
 exports[`apply font size should increase font size 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -83,6 +92,9 @@ Object {
 exports[`apply font size should not decrease font size if reached limit 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -110,6 +122,9 @@ Object {
 exports[`apply font size should not increase font size if reached limit 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -137,6 +152,9 @@ Object {
 exports[`parsing html should get value from paragraph 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -164,6 +182,9 @@ Object {
 exports[`parsing html should get value from rendered view 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -195,6 +216,9 @@ Object {
 exports[`parsing html should get value from text 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -226,6 +250,9 @@ Object {
 exports[`parsing html should merge paragraph and text settings 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [

package/lib/extensions/__tests__/__snapshots__/FontStyle.test.js.snap CHANGED Viewed

@@ -2,6 +2,9 @@
 exports[`apply font style should make italic 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -27,6 +30,9 @@ Object {
 exports[`apply font style should remove italic 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -52,6 +58,9 @@ Object {
 exports[`apply font style should toggle italic to removed 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -77,6 +86,9 @@ Object {
 exports[`apply font style should toggle italic to used 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -102,6 +114,9 @@ Object {
 exports[`parsing html should get value from i tag 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -131,6 +146,9 @@ Object {
 exports[`parsing html should get value from paragraph 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -156,6 +174,9 @@ Object {
 exports[`parsing html should get value from rendered view 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -185,6 +206,9 @@ Object {
 exports[`parsing html should get value from text 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [
@@ -214,6 +238,9 @@ Object {
 exports[`parsing html should merge paragraph and text settings 1`] = `
 Object {
+  "attrs": Object {
+    "meta": Object {},
+  },
   "content": Array [
     Object {
       "content": Array [