@zipify/wysiwyg 2.5.2 → 2.5.3

package/lib/cli/ContentSerializer.js

@@ -1,14 +1,15 @@
 import { ref } from 'vue';
 import { getSchema } from '@tiptap/core';
 import { DOMParser } from 'prosemirror-model';
-import { JSDOM } from 'jsdom';
 import { buildExtensions } from '../extensions';
 import { Devices } from '../enums';
-import { ContentNormalizer } from '../services';
+import { ContentNormalizer, ContextWindow } from '../services';
 import { NodeDomParser } from './NodeDomParser';
 
 export class ContentSerializer {
     static build(options) {
+        ContextWindow.use(NodeDomParser.createWindow());
+
         const extensions = buildExtensions({
             fonts: options.fonts,
             minFontSize: 0,
@@ -21,7 +22,7 @@ export class ContentSerializer {
             baseListClass: options.baseListClass,
             deviceRef: ref(Devices.DESKTOP),
             pageBlocksRef: ref([]),
-            wrapperRef: JSDOM.fragment('<p></p>').firstElementChild
+            wrapperRef: ContextWindow.document.createElement('p')
         });
         const schema = getSchema(extensions);
 

package/lib/cli/NodeDomParser.js

@@ -1,6 +1,10 @@
 import { JSDOM } from 'jsdom';
 
 export class NodeDomParser {
+    static createWindow() {
+        return new JSDOM().window;
+    }
+
     types;
 
     parse(html) {

package/lib/extensions/LineHeight.js

@@ -36,7 +36,7 @@ export const LineHeight = Extension.create({
                             const wrapperEl = unref(this.options.wrapperRef);
                             const converted = convertLineHeight(value, element, wrapperEl);
 
-                            return { desktop: converted, tablet: converted, mobile: null };
+                            return converted ? { desktop: converted, tablet: converted, mobile: null } : null;
                         },
 
                         renderHTML(attrs) {

package/lib/utils/convertFontSize.js

@@ -1,7 +1,9 @@
+import { ContextWindow } from '../services';
+
 export function convertFontSize(value, wrapperEl) {
     if (!value.includes('em')) return parseInt(value);
 
-    const containerValue = window.getComputedStyle(wrapperEl).fontSize;
+    const containerValue = ContextWindow.getComputedStyle(wrapperEl).fontSize;
     const size = parseFloat(value) * parseFloat(containerValue);
 
     return Math.round(size);

package/lib/utils/convertLineHeight.js

@@ -1,10 +1,11 @@
+import { ContextWindow } from '../services';
 import { convertFontSize } from './convertFontSize';
 
 function getFontSize(sourceEl, wrapperEl) {
     const source = sourceEl.firstElementChild || sourceEl;
     const fontSize = source.style.fontSize;
 
-    return fontSize || window.getComputedStyle(wrapperEl).fontSize;
+    return fontSize || ContextWindow.getComputedStyle(wrapperEl).fontSize;
 }
 
 export function convertLineHeight(value, sourceEl, wrapperEl) {
@@ -13,5 +14,5 @@ export function convertLineHeight(value, sourceEl, wrapperEl) {
     const rawFontSize = getFontSize(sourceEl, wrapperEl);
     const fontSize = convertFontSize(rawFontSize, wrapperEl);
 
-    return (parseInt(value) / fontSize).toFixed(2);
+    return fontSize ? (parseInt(value) / fontSize).toFixed(2) : null;
 }

package/package.json

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