@zipify/wysiwyg 1.0.0-dev.65 → 1.0.0-dev.68

package/lib/__tests__/utils/index.js

@@ -1,4 +1,3 @@
 export { waitAsyncOperation } from './waitAsyncOperation';
-export { NodeFactory } from './NodeFactory';
 export { withComponentContext } from './withComponentContext';
 export { setReadonlyProperty } from './setReadonlyProperty';

package/lib/components/base/colorPicker/ColorPicker.vue

@@ -3,6 +3,7 @@
         ref="pickerRef"
         placement="bottom-end"
         :favorite-colors="favoriteColors"
+        :window="window"
         @changeFavoriteColors="updateFavoriteColors"
         v-model="editingColor"
         v-out-click="{ onOutClick: close, isDisabled: !isOpened }"
@@ -24,6 +25,7 @@ import { ZipifyColorPicker } from '@zipify/colorpicker';
 import { inject, ref, toRef } from 'vue';
 import { outClick } from '../../../directives';
 import { InjectionTokens } from '../../../injectionTokens';
+import { ContextWindow } from '../../../services';
 import { useDeselectionLock } from '../composables';
 import { usePickerApi, usePickerHotkeys } from './composables';
 
@@ -86,7 +88,8 @@ export default {
             close: api.close,
             toggle: api.toggle,
             favoriteColors: favoriteColors.listRef,
-            updateFavoriteColors
+            updateFavoriteColors,
+            window: ContextWindow.window
         };
     }
 };

package/lib/components/toolbar/Toolbar.vue

@@ -60,6 +60,7 @@ export default {
     background-color: rgb(var(--zw-color-n15));
     color: rgb(var(--zw-color-n70));
     z-index: 999999;
+    text-align: left;
 }
 
 .zw-toolbar::before,

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

@@ -2,7 +2,7 @@ import { h, ref, toRef } from 'vue';
 import { EditorContent } from '@tiptap/vue-2';
 import { shallowMount } from '@vue/test-utils';
 import { useEditor } from '../useEditor';
-import { NodeFactory } from '../../__tests__/utils';
+import { NodeFactory } from '../../services';
 import { buildCoreExtensions } from '../../extensions/core';
 
 const TestComponent = {

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

@@ -1,11 +1,10 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
-import { NodeFactory } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { Alignment } from '../Alignment';
 import { DeviceManager } from '../DeviceManager';
 import { Alignments } from '../../enums';
-import { ContentNormalizer } from '../../services';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({

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

@@ -1,9 +1,8 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
-import { NodeFactory } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { BackgroundColor } from '../BackgroundColor';
-import { ContentNormalizer } from '../../services';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({

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

@@ -1,8 +1,7 @@
 import { Editor } from '@tiptap/vue-2';
-import { NodeFactory } from '../../__tests__/utils';
 import { CaseStyles } from '../../enums';
 import { CaseStyle } from '../CaseStyle';
-import { ContentNormalizer } from '../../services';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { buildCoreExtensions } from '../core';
 
 function createEditor({ content }) {

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

@@ -1,9 +1,8 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
-import { NodeFactory } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { FontColor } from '../FontColor';
-import { ContentNormalizer } from '../../services';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({

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

@@ -1,12 +1,11 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
-import { NodeFactory } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { Font } from '../../models';
 import { FontFamily } from '../FontFamily';
 import { FontWeight } from '../FontWeight';
 import { FontStyle } from '../FontStyle';
-import { ContentNormalizer } from '../../services';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({

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

@@ -1,10 +1,9 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
-import { NodeFactory } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { FontSize } from '../FontSize';
 import { DeviceManager } from '../DeviceManager';
-import { ContentNormalizer } from '../../services';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({

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

@@ -1,12 +1,11 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
-import { NodeFactory } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { FontStyle } from '../FontStyle';
 import { FontFamily } from '../FontFamily';
 import { Font } from '../../models';
 import { FontWeight } from '../FontWeight';
-import { ContentNormalizer } from '../../services';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({

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

@@ -1,12 +1,11 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
-import { NodeFactory } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { Font } from '../../models';
 import { FontWeight } from '../FontWeight';
 import { FontFamily } from '../FontFamily';
 import { FontStyle } from '../FontStyle';
-import { ContentNormalizer } from '../../services';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({

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

@@ -1,10 +1,9 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
-import { NodeFactory } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { DeviceManager } from '../DeviceManager';
 import { LineHeight } from '../LineHeight';
-import { ContentNormalizer } from '../../services';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({

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

@@ -1,8 +1,7 @@
 import { ref } from 'vue';
 import { Editor } from '@tiptap/vue-2';
-import { ContentNormalizer } from '../../services';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { Link } from '../Link';
-import { NodeFactory } from '../../__tests__/utils';
 import { buildCoreExtensions } from '../core';
 
 function createEditor({ content }) {

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

@@ -1,9 +1,8 @@
 import { Editor, Extension, Mark } from '@tiptap/vue-2';
-import { NodeFactory } from '../../__tests__/utils';
 import { StylePreset } from '../StylePreset';
 import { List } from '../list';
 import { ListTypes, NodeTypes, TextSettings } from '../../enums';
-import { ContentNormalizer } from '../../services';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { buildCoreExtensions } from '../core';
 
 const MockFontSize = Mark.create({

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

@@ -1,9 +1,8 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { ref } from 'vue';
-import { NodeFactory } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { TextDecoration } from '../TextDecoration';
-import { ContentNormalizer } from '../../services';
+import { ContentNormalizer, NodeFactory } from '../../services';
 import { buildCoreExtensions } from '../core';
 
 const MockStylePreset = Extension.create({

package/lib/extensions/core/__tests__/NodeProcessor.test.js

@@ -1,7 +1,6 @@
 import { Editor, Extension } from '@tiptap/vue-2';
-import { NodeFactory } from '../../../__tests__/utils';
 import { NodeTypes } from '../../../enums';
-import { ContentNormalizer } from '../../../services';
+import { ContentNormalizer, NodeFactory } from '../../../services';
 import { buildCoreExtensions } from '../index';
 
 const LineHeight = Extension.create({

package/lib/extensions/core/__tests__/SelectionProcessor.test.js

@@ -1,6 +1,5 @@
 import { Editor } from '@tiptap/vue-2';
-import { NodeFactory } from '../../../__tests__/utils';
-import { ContentNormalizer } from '../../../services';
+import { ContentNormalizer, NodeFactory } from '../../../services';
 import { buildCoreExtensions } from '../index';
 
 function createEditor() {

package/lib/extensions/core/__tests__/TextProcessor.test.js

@@ -1,6 +1,5 @@
 import { Editor, Mark, Extension } from '@tiptap/vue-2';
-import { NodeFactory } from '../../../__tests__/utils';
-import { ContentNormalizer } from '../../../services';
+import { ContentNormalizer, NodeFactory } from '../../../services';
 import { NodeTypes, TextSettings } from '../../../enums';
 import { buildCoreExtensions } from '../index';
 

package/lib/extensions/list/__tests__/List.test.js

@@ -1,9 +1,8 @@
 import { Editor } from '@tiptap/vue-2';
-import { NodeFactory } from '../../../__tests__/utils';
 import { ListTypes } from '../../../enums';
 import { StylePreset } from '../../StylePreset';
 import { List } from '../List';
-import { ContentNormalizer } from '../../../services';
+import { ContentNormalizer, NodeFactory } from '../../../services';
 import { buildCoreExtensions } from '../../core';
 
 function createEditor({ content }) {

package/lib/index.js

@@ -1 +1,3 @@
 export { default as Wysiwyg } from './Wysiwyg';
+export { NodeFactory } from './services';
+export { NodeTypes, TextSettings, Alignments } from './enums';

package/lib/{__tests__/utils → services}/NodeFactory.js

@@ -1,4 +1,4 @@
-import { NodeTypes } from '../../enums';
+import { NodeTypes } from '../enums';
 
 export class NodeFactory {
     static doc(content) {
@@ -65,16 +65,7 @@ export class NodeFactory {
         return { type, attrs };
     }
 
-    static link(attrs) {
-        return {
-            type: 'text',
-            marks: [
-                {
-                    type: 'link',
-                    attrs: { ...attrs }
-                }
-            ],
-            text: attrs.text
-        };
+    static populateAllDevices(value) {
+        return { mobile: value, tablet: value, desktop: value };
     }
 }

package/lib/services/__tests__/ContentNormalizer.test.js

@@ -1,5 +1,5 @@
 import { ContentNormalizer } from '../ContentNormalizer';
-import { NodeFactory } from '../../__tests__/utils';
+import { NodeFactory } from '../NodeFactory';
 
 describe('normalize text content', () => {
     test('should ignore json content', () => {

package/lib/services/index.js

@@ -3,3 +3,4 @@ export { Storage } from './Storage';
 export { FavoriteColors } from './FavoriteColors';
 export { ContentNormalizer } from './ContentNormalizer';
 export { ContextWindow } from './ContextWidnow';
+export { NodeFactory } from './NodeFactory';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zipify/wysiwyg",
-  "version": "1.0.0-dev.65",
+  "version": "1.0.0-dev.68",
   "description": "Zipify modification of TipTap text editor",
   "main": "dist/wysiwyg.mjs",
   "repository": {
@@ -14,9 +14,9 @@
     "url": "https://github.com/ZipifyApps/ZipifyWysiwyg/issues"
   },
   "scripts": {
-    "lib:pre-build": "npm run lint:js && npm run lint:css && npm run test:unit",
-    "lib:build": "npm run lib:pre-build && vite build --config ./config/vite/lib.config.js",
-    "lib:release": "export $(cat ./.env | xargs) && npm run lib:build && release-it",
+    "lib:build": "vite build --config ./config/vite/lib.config.js",
+    "lib:pre-release": "npm run lint:js && npm run lint:css && npm run test:unit",
+    "lib:release": "export $(cat ./.env | xargs) && npm run lib:pre-release && npm run lib:build && release-it",
     "example:start": "NODE_ENV=development vite serve --config ./config/vite/example.config.js",
     "example:build": "NODE_ENV=production vite build --config ./config/vite/example.config.js",
     "test:unit": "jest .",
@@ -42,8 +42,8 @@
     "simplebar": "^5.3.8"
   },
   "peerDependencies": {
-    "@zipify/colorpicker": "2.*",
-    "vue": "2.7.*"
+    "@zipify/colorpicker": "^2.1",
+    "vue": "^2.7"
   },
   "devDependencies": {
     "@babel/core": "^7.18.9",