@zipify/wysiwyg 4.12.0-beta.2 → 4.12.0-beta.3

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

@@ -1,117 +0,0 @@
-import { Editor, Extension } from '@tiptap/vue-3';
-import { ref } from 'vue';
-import { buildTestExtensions } from '../../__tests__/utils';
-import { createCommand } from '../../utils';
-import { DeviceManager } from '../DeviceManager';
-import { LetterSpacing } from '../LetterSpacing';
-import { ContentNormalizer, NodeFactory } from '../../services';
-import { TextSetting } from '../../enums';
-
-const MockStylePreset = Extension.create({
-    name: TextSetting.STYLE_PRESET,
-
-    addCommands() {
-        return {
-            getPreset: createCommand(() => ref({
-                mobile: { letter_spacing: null },
-                tablet: { letter_spacing: null },
-                desktop: { letter_spacing: null }
-            }))
-        };
-    }
-});
-
-function createEditor({ content, wrapperEl } = {}) {
-    return new Editor({
-        content: ContentNormalizer.normalize(content),
-        extensions: buildTestExtensions({
-            include: [
-                MockStylePreset,
-                DeviceManager.configure({
-                    device: ref('desktop')
-                }),
-                LetterSpacing.configure({ wrapperRef: ref(wrapperEl ?? document.createElement('div')) })
-            ]
-        })
-    });
-}
-
-const createContent = (attrs) => NodeFactory.doc([
-    NodeFactory.paragraph(attrs, [
-        NodeFactory.text('hello world')
-    ])
-]);
-
-describe('LetterSpacing extension', () => {
-    describe('get value', () => {
-        test('should get from selection', () => {
-            const editor = createEditor({
-                content: NodeFactory.doc([
-                    NodeFactory.paragraph({}, [
-                        NodeFactory.text('hello world', [
-                            NodeFactory.mark(TextSetting.LETTER_SPACING, {
-                                mobile: '',
-                                tablet: '',
-                                desktop: '-0.7px'
-                            })
-                        ])
-                    ])
-                ])
-            });
-
-            editor.commands.selectAll();
-
-            expect(editor.commands.getLetterSpacing().value).toBe('-0.7px');
-        });
-
-        test('should get default value from preset when null', () => {
-            const editor = createEditor({
-                content: createContent({ letter_spacing: null })
-            });
-
-            expect(editor.commands.getDefaultLetterSpacing().value).toBe(null);
-        });
-    });
-
-    describe('apply value', () => {
-        test('should change value', () => {
-            const editor = createEditor({
-                content: createContent({ letter_spacing: null })
-            });
-
-            editor.commands.selectAll();
-            editor.commands.applyLetterSpacing('-1');
-
-            expect(editor.getJSON()).toMatchSnapshot();
-        });
-
-        test('should apply value 0', () => {
-            const editor = createEditor({
-                content: createContent({ letter_spacing: 2 })
-            });
-
-            editor.commands.selectAll();
-            editor.commands.applyLetterSpacing(0);
-
-            expect(editor.getJSON()).toMatchSnapshot();
-        });
-    });
-
-    describe('parsing html', () => {
-        test('should parse inline letter-spacing px to value with px preserved', () => {
-            const editor = createEditor({
-                content: '<p style="letter-spacing: -0.7px">test</p>'
-            });
-
-            expect(editor.getJSON()).toMatchSnapshot();
-        });
-
-        test('should parse custom var style', () => {
-            const editor = createEditor({
-                content: '<p style="--zw-letter-spacing-desktop: -0.7px;--zw-letter-spacing-tablet: 0px;--zw-letter-spacing-mobile: 3.6px">test</p>'
-            });
-
-            expect(editor.getJSON()).toMatchSnapshot();
-        });
-    });
-});

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

@@ -1,121 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`LetterSpacing extension apply value should apply value 0 1`] = `
-Object {
-  "attrs": Object {
-    "meta": Object {},
-  },
-  "content": Array [
-    Object {
-      "content": Array [
-        Object {
-          "text": "hello world",
-          "type": "text",
-        },
-      ],
-      "marks": Array [
-        Object {
-          "attrs": Object {
-            "desktop": 0,
-            "mobile": null,
-            "tablet": null,
-          },
-          "type": "letter_spacing",
-        },
-      ],
-      "type": "paragraph",
-    },
-  ],
-  "type": "doc",
-}
-`;
-
-exports[`LetterSpacing extension apply value should change value 1`] = `
-Object {
-  "attrs": Object {
-    "meta": Object {},
-  },
-  "content": Array [
-    Object {
-      "content": Array [
-        Object {
-          "text": "hello world",
-          "type": "text",
-        },
-      ],
-      "marks": Array [
-        Object {
-          "attrs": Object {
-            "desktop": "-1",
-            "mobile": null,
-            "tablet": null,
-          },
-          "type": "letter_spacing",
-        },
-      ],
-      "type": "paragraph",
-    },
-  ],
-  "type": "doc",
-}
-`;
-
-exports[`LetterSpacing extension parsing html should parse custom var style 1`] = `
-Object {
-  "attrs": Object {
-    "meta": Object {},
-  },
-  "content": Array [
-    Object {
-      "content": Array [
-        Object {
-          "text": "test",
-          "type": "text",
-        },
-      ],
-      "marks": Array [
-        Object {
-          "attrs": Object {
-            "desktop": "-0.7px",
-            "mobile": "3.6px",
-            "tablet": "0px",
-          },
-          "type": "letter_spacing",
-        },
-      ],
-      "type": "paragraph",
-    },
-  ],
-  "type": "doc",
-}
-`;
-
-exports[`LetterSpacing extension parsing html should parse inline letter-spacing px to value with px preserved 1`] = `
-Object {
-  "attrs": Object {
-    "meta": Object {},
-  },
-  "content": Array [
-    Object {
-      "content": Array [
-        Object {
-          "text": "test",
-          "type": "text",
-        },
-      ],
-      "marks": Array [
-        Object {
-          "attrs": Object {
-            "desktop": "-0.7px",
-            "mobile": "-0.7px",
-            "tablet": "-0.7px",
-          },
-          "type": "letter_spacing",
-        },
-      ],
-      "type": "paragraph",
-    },
-  ],
-  "type": "doc",
-}
-`;

package/lib/utils/convertEmToPx.ts

@@ -1,8 +0,0 @@
-import { ContextWindow } from '../services';
-
-export function convertEmToPx(value: string, wrapperEl: HTMLElement): number {
-    const containerValue = ContextWindow.getComputedStyle(wrapperEl).fontSize;
-    const size = parseFloat(value) * parseFloat(containerValue);
-
-    return Math.round(size * 10) / 10;
-}

package/lib/utils/convertLetterSpacing.ts

@@ -1,5 +0,0 @@
-import { convertEmToPx } from './convertEmToPx';
-
-export function convertLetterSpacing(value: string, wrapperEl: HTMLElement): number {
-    return String(value).includes('em') ? convertEmToPx(value, wrapperEl) : parseFloat(value);
-}