@zipify/wysiwyg 1.2.1-2 → 1.2.1

package/dist/wysiwyg.mjs

@@ -22926,8 +22926,7 @@ function useToolbar({ wrapperRef, offsets, isActiveRef, placementRef }) {
 const FontFamily = Mark.create({
   name: TextSettings.FONT_FAMILY,
   addOptions: () => ({
-    fonts: [],
-    defaultFont: ""
+    fonts: []
   }),
   addAttributes: () => ({
     value: { required: true }
@@ -22970,7 +22969,7 @@ const FontFamily = Mark.create({
     const getAttrs = (input) => {
       const parsed = input.replace(/"/g, "");
       const isExists = this.options.fonts.some((font) => font.name === parsed);
-      const value = isExists ? parsed : this.options.defaultFont;
+      const value = isExists ? parsed : unref(this.options.defaultPreset).common.font_family;
       return { value };
     };
     return [
@@ -25855,8 +25854,11 @@ const Margin = Extension.create({
 });
 function buildExtensions(options) {
   const getPresetById = (id2) => options.presetsRef.value.find((preset) => preset.id === id2);
-  const defaultPreset = getPresetById(options.defaultPresetId);
-  const linkPreset = getPresetById(options.linkPresetId);
+  const presetsMap = reactive({ default: null, link: null });
+  watch(options.presetsRef, () => {
+    presetsMap.default = getPresetById(options.defaultPresetId);
+    presetsMap.link = getPresetById(options.linkPresetId);
+  }, { immediate: true });
   return buildCoreExtensions().concat([
     StylePreset.configure({
       presets: options.presetsRef,
@@ -25877,7 +25879,7 @@ function buildExtensions(options) {
     }),
     FontFamily.configure({
       fonts: options.fonts,
-      defaultFont: defaultPreset.common.font_family
+      defaultPreset: toRef(presetsMap, "default")
     }),
     FontWeight,
     FontColor,
@@ -25891,7 +25893,7 @@ function buildExtensions(options) {
       wrapperRef: options.wrapperRef
     }),
     Link.configure({
-      preset: linkPreset,
+      preset: toRef(presetsMap, "link"),
       basePresetClass: options.basePresetClass,
       pageBlocks: options.pageBlocksRef
     }),

package/lib/extensions/FontFamily.js

@@ -7,8 +7,7 @@ export const FontFamily = Mark.create({
     name: TextSettings.FONT_FAMILY,
 
     addOptions: () => ({
-        fonts: [],
-        defaultFont: ''
+        fonts: []
     }),
 
     addAttributes: () => ({
@@ -61,7 +60,7 @@ export const FontFamily = Mark.create({
         const getAttrs = (input) => {
             const parsed = input.replace(/"/g, '');
             const isExists = this.options.fonts.some((font) => font.name === parsed);
-            const value = isExists ? parsed : this.options.defaultFont;
+            const value = isExists ? parsed : unref(this.options.defaultPreset).common.font_family;
 
             return { value };
         };

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

@@ -36,7 +36,9 @@ function createEditor({ content }) {
                     new Font({ name: 'Roboto', styles: ['400', '400i'] }),
                     new Font({ name: 'Josefin Slab', styles: ['400', '400i'] })
                 ],
-                defaultFont: 'Lato'
+                defaultPreset: ref({
+                    common: { font_family: 'Lato' }
+                })
             }),
             FontWeight,
             FontStyle

package/lib/extensions/index.js

@@ -1,3 +1,4 @@
+import { reactive, toRef, watch } from 'vue';
 import { FontFamily } from './FontFamily';
 import { StylePreset } from './StylePreset';
 import { FontWeight } from './FontWeight';
@@ -18,8 +19,12 @@ import { Margin } from './Margin';
 
 export function buildExtensions(options) {
     const getPresetById = (id) => options.presetsRef.value.find((preset) => preset.id === id);
-    const defaultPreset = getPresetById(options.defaultPresetId);
-    const linkPreset = getPresetById(options.linkPresetId);
+    const presetsMap = reactive({ default: null, link: null });
+
+    watch(options.presetsRef, () => {
+        presetsMap.default = getPresetById(options.defaultPresetId);
+        presetsMap.link = getPresetById(options.linkPresetId);
+    }, { immediate: true });
 
     return buildCoreExtensions(options).concat([
         StylePreset.configure({
@@ -42,7 +47,7 @@ export function buildExtensions(options) {
         }),
         FontFamily.configure({
             fonts: options.fonts,
-            defaultFont: defaultPreset.common.font_family
+            defaultPreset: toRef(presetsMap, 'default')
         }),
         FontWeight,
         FontColor,
@@ -56,7 +61,7 @@ export function buildExtensions(options) {
             wrapperRef: options.wrapperRef
         }),
         Link.configure({
-            preset: linkPreset,
+            preset: toRef(presetsMap, 'link'),
             basePresetClass: options.basePresetClass,
             pageBlocks: options.pageBlocksRef
         }),

package/package.json

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