@zipify/wysiwyg 1.0.0-dev.77 → 1.0.0-dev.78

package/dist/wysiwyg.mjs

@@ -14394,6 +14394,9 @@ function importIcon(name) {
 function isWysiwygContent(content) {
   return typeof content === "object" && content.__wswg__;
 }
+function unmarkWysiwygContent({ __wswg__, ...content }) {
+  return content;
+}
 function markWysiwygContent(content) {
   return { ...content, __wswg__: true };
 }
@@ -22784,16 +22787,17 @@ const Toolbar = /* @__PURE__ */ function() {
 function useEditor({ content, onChange, extensions: extensions2, isReadonlyRef }) {
   const editor = reactive(new Editor({
     content: ContentNormalizer.normalize(content.value),
-    onUpdate: () => onChange(editor.getJSON()),
+    onUpdate: () => onChange(markWysiwygContent(editor.getJSON())),
     extensions: extensions2,
     injectCSS: false
   }));
   onUnmounted(() => editor.destroy());
   watch(content, (value) => {
-    const isChanged = JSON.stringify(editor.getJSON()) !== JSON.stringify(value);
+    const content2 = unmarkWysiwygContent(value);
+    const isChanged = JSON.stringify(editor.getJSON()) !== JSON.stringify(content2);
     if (isChanged) {
-      const content2 = ContentNormalizer.normalize(value);
-      editor.commands.setContent(content2, false);
+      const content3 = ContentNormalizer.normalize(value);
+      editor.commands.setContent(content3, false);
     }
   });
   watch(isReadonlyRef, (isReadonly) => editor.setEditable(!isReadonly), { immediate: true });
@@ -25961,7 +25965,7 @@ const __vue2_script = {
     });
     const updateToolbar = () => toolbar.update();
     function onChange(content) {
-      emit("input", markWysiwygContent(content));
+      emit("input", content);
       updateToolbar();
     }
     const pageBlocks = toRef(props, "pageBlocks");

package/lib/Wysiwyg.vue

@@ -21,7 +21,6 @@ import { ContextWindow, FavoriteColors, Storage } from './services';
 import { Devices } from './enums';
 import { outClick } from './directives';
 import { Font } from './models';
-import { markWysiwygContent } from './utils';
 
 const MIN_FONT_SIZE = 5;
 const MAX_FONT_SIZE = 112;
@@ -151,7 +150,7 @@ export default {
         const updateToolbar = () => toolbar.update();
 
         function onChange(content) {
-            emit('input', markWysiwygContent(content));
+            emit('input', content);
             updateToolbar();
         }
 

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

@@ -4,6 +4,7 @@ exports[`life cycle should emit changes 1`] = `
 Array [
   Array [
     Object {
+      "__wswg__": true,
       "content": Array [
         Object {
           "content": Array [

package/lib/composables/useEditor.js

@@ -1,11 +1,12 @@
 import { Editor } from '@tiptap/vue-2';
 import { onUnmounted, watch, reactive } from 'vue';
 import { ContentNormalizer } from '../services';
+import { markWysiwygContent, unmarkWysiwygContent } from '../utils';
 
 export function useEditor({ content, onChange, extensions, isReadonlyRef }) {
     const editor = reactive(new Editor({
         content: ContentNormalizer.normalize(content.value),
-        onUpdate: () => onChange(editor.getJSON()),
+        onUpdate: () => onChange(markWysiwygContent(editor.getJSON())),
         extensions,
         injectCSS: false
     }));
@@ -13,7 +14,8 @@ export function useEditor({ content, onChange, extensions, isReadonlyRef }) {
     onUnmounted(() => editor.destroy());
 
     watch(content, (value) => {
-        const isChanged = JSON.stringify(editor.getJSON()) !== JSON.stringify(value);
+        const content = unmarkWysiwygContent(value);
+        const isChanged = JSON.stringify(editor.getJSON()) !== JSON.stringify(content);
 
         if (isChanged) {
             const content = ContentNormalizer.normalize(value);

package/lib/utils/index.js

@@ -7,4 +7,4 @@ export { convertLineHeight } from './convertLineHeight';
 export { convertFontSize } from './convertFontSize';
 export { convertAlignment } from './convertAlignment';
 export { importIcon } from './importIcon';
-export { isWysiwygContent, markWysiwygContent } from './isWysiwygContent';
+export { isWysiwygContent, markWysiwygContent, unmarkWysiwygContent } from './isWysiwygContent';

package/lib/utils/isWysiwygContent.js

@@ -2,6 +2,11 @@ export function isWysiwygContent(content) {
     return typeof content === 'object' && content.__wswg__;
 }
 
+// eslint-disable-next-line no-unused-vars
+export function unmarkWysiwygContent({ __wswg__, ...content }) {
+    return content;
+}
+
 export function markWysiwygContent(content) {
     return { ...content, __wswg__: true };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zipify/wysiwyg",
-  "version": "1.0.0-dev.77",
+  "version": "1.0.0-dev.78",
   "description": "Zipify modification of TipTap text editor",
   "main": "dist/wysiwyg.mjs",
   "repository": {