@zipify/wysiwyg 3.1.0-0 → 3.1.0

package/.eslintrc.js

@@ -1,254 +1,36 @@
-const JS_PARSER = '@babel/eslint-parser';
+const appPackage = require('./package.json');
+
+const jestVersion = appPackage.devDependencies.jest.replace('^', '');
+const jestMajorVersion = Number(jestVersion.split('.')[0]);
 
 module.exports = {
-    extends: ['eslint:recommended'],
-    plugins: ['import'],
-    parser: JS_PARSER,
-    parserOptions: {
-        ecmaVersion: 8,
-        sourceType: 'module',
-        allowImportExportEverywhere: true
-    },
     settings: {
         'import/resolver': {
             node: {
                 extensions: ['.js', '.css', '.vue', '.html']
             }
+        },
+        jest: {
+            version: jestMajorVersion
         }
     },
-    env: {
-        browser: true,
-        es6: true,
-        jquery: true,
-        node: true,
-        jest: true
-    },
     globals: {
-        noty: false,
-        Buffer: false,
-        gapi: true,
+        jest: true,
         globalThis: true,
         ZW_UPDATED_AT: true
     },
-    rules: {
-        // enable additional rules
-        'no-unused-vars': ['warn', { vars: 'local', args: 'after-used' }],
-        'no-extra-bind': 'error',
-
-        // override default options for rules from base configurations
-        'no-cond-assign': ['error', 'always'],
-        eqeqeq: ['warn', 'smart'],
-
-        // disable rules from base configurations
-        'block-scoped-var': 'error',
-        'guard-for-in': 'off',
-        'no-loop-func': 'error',
-        'no-self-compare': 'error',
-        'no-use-before-define': 'error',
-        'no-unneeded-ternary': 'error',
-        'no-prototype-builtins': 'off',
-        'no-extend-native': 'error',
-        'padding-line-between-statements': [
-            'error',
-            // offset after variables
-            { blankLine: 'always', prev: ['const', 'let', 'var'], next: '*' },
-            { blankLine: 'any', prev: ['const', 'let', 'var'], next: ['const', 'let', 'var'] },
-
-            // offset after imports
-            { blankLine: 'always', prev: 'import', next: '*' },
-            { blankLine: 'any', prev: 'import', next: 'import' },
-
-            // offset after oneline if statements
-            { blankLine: 'always', prev: 'if', next: '*' },
-            { blankLine: 'any', prev: 'if', next: 'if' },
-            { blankLine: 'any', prev: 'multiline-block-like', next: '*' }
-        ],
-        'no-console': 'error',
-        'comma-dangle': ['error', 'never'],
-        quotes: ['error', 'single'],
-        semi: ['error', 'always'],
-        curly: ['error', 'multi-line'],
-        'lines-between-class-members': ['error', 'always', { exceptAfterSingleLine: true }],
-        'padded-blocks': ['error', 'never'],
-        'object-curly-spacing': ['error', 'always'],
-        'array-bracket-spacing': ['error', 'never'],
-        'comma-spacing': [
-            'error',
-            {
-                before: false,
-                after: true
-            }
-        ],
-        'space-infix-ops': 'error',
-        'keyword-spacing': 'off',
-        'comma-style': ['error', 'last'],
-        'space-before-blocks': 'error',
-        'arrow-spacing': [
-            'error',
-            {
-                before: true,
-                after: true
-            }
-        ],
-        'brace-style': ['error', '1tbs', { allowSingleLine: true }],
-        'template-curly-spacing': ['error', 'never'],
-        'prefer-template': 'error',
-        'no-useless-concat': 'error',
-        'no-duplicate-imports': 'error',
-        'no-param-reassign': ['error', { props: false }],
-        'new-parens': ['error', 'always'],
-        'default-param-last': 'error',
-        'max-params': ['error', 4],
-        'no-useless-computed-key': ['error', { enforceForClassMembers: true }],
-        'dot-notation': 'error',
-        'import/named': 'error',
-        'import/default': 'error',
-        'import/namespace': 'error',
-        'import/no-absolute-path': 'error',
-        'import/no-self-import': 'error',
-        'import/no-useless-path-segments': 'error',
-        'import/export': 'error',
-        'import/no-deprecated': 'warn',
-        'import/first': 'error',
-        'import/no-namespace': 'error',
-        'import/extensions': [
-            'error',
-            'never',
-            { html: 'always' }
-        ],
-        'import/order': [
-            'error',
-            {
-                groups: [
-                    'builtin',
-                    'external',
-                    'internal',
-                    'parent',
-                    'sibling'
-                ]
-            }
-        ],
-        'import/newline-after-import': 'error',
-        'max-len': ['error', {
-            code: 120,
-            ignoreUrls: true,
-            ignoreStrings: true,
-            ignoreTemplateLiterals: true,
-            ignoreRegExpLiterals: true,
-            ignoreComments: true
-        }],
-        indent: ['error', 4, { SwitchCase: 1 }],
-        'linebreak-style': ['error', 'unix'],
-        'arrow-parens': ['warn', 'always']
-    },
     overrides: [
+        {
+            files: '*.js',
+            extends: ['@zipify/eslint-config/preset-js']
+        },
+        {
+            files: '*.test.js',
+            extends: ['@zipify/eslint-config/preset-jest']
+        },
         {
             files: '*.vue',
-            extends: ['plugin:vue/essential'],
-            parser: 'vue-eslint-parser',
-            parserOptions: {
-                parser: JS_PARSER
-            },
-            plugins: ['vue'],
-            rules: {
-                'vue/script-indent': ['error', 4, { switchCase: 1 }],
-                'vue/html-indent': ['error', 4],
-                'vue/prop-name-casing': ['error', 'camelCase'],
-                'vue/attribute-hyphenation': 'off', // Breaks slot props
-                'vue/component-definition-name-casing': 'error',
-                'vue/component-name-in-template-casing': 'error',
-                'vue/require-prop-types': 'error',
-                'vue/require-default-prop': 'error',
-                'vue/mustache-interpolation-spacing': ['error', 'always'],
-                'vue/html-self-closing': 'error',
-                'vue/html-closing-bracket-spacing': [
-                    'error',
-                    {
-                        startTag: 'never',
-                        endTag: 'never',
-                        selfClosingTag: 'always'
-                    }
-                ],
-                'vue/html-closing-bracket-newline': [
-                    'error',
-                    {
-                        singleline: 'never',
-                        multiline: 'always'
-                    }
-                ],
-                'vue/no-spaces-around-equal-signs-in-attribute': 'error',
-                'vue/singleline-html-element-content-newline': 'error',
-                'vue/v-bind-style': 'error',
-                'vue/v-on-style': 'error',
-                'vue/component-tags-order': [
-                    'error',
-                    {
-                        order: ['template', 'script', 'style']
-                    }
-                ],
-                'vue/order-in-components': [
-                    'error',
-                    {
-                        order: [
-                            'el',
-                            'name',
-                            'functional',
-                            'components',
-                            'directives',
-                            'mixins',
-                            'inheritAttrs',
-                            'model',
-                            'props',
-                            'propsData',
-                            'data',
-                            'computed',
-                            'watch',
-                            'LIFECYCLE_HOOKS',
-                            'methods',
-                            ['template', 'render']
-                        ]
-                    }
-                ],
-                'vue/this-in-template': 'error',
-                'vue/block-tag-newline': [
-                    'error',
-                    {
-                        singleline: 'always',
-                        multiline: 'always'
-                    }
-                ],
-                'vue/match-component-file-name': ['error', { extensions: ['vue'] }],
-                'vue/no-empty-component-block': 'error',
-                'vue/no-static-inline-styles': 'error',
-                'vue/no-useless-mustaches': 'error',
-                'vue/no-useless-v-bind': 'error',
-                'vue/padding-line-between-blocks': ['error', 'always'],
-                'vue/require-name-property': 'error',
-                'vue/html-button-has-type': ['error'],
-                'vue/no-unused-refs': 'error',
-                'vue/no-deprecated-slot-attribute': 'error',
-                'vue/no-deprecated-slot-scope-attribute': 'error',
-                'vue/no-use-computed-property-like-method': 'error',
-                'vue/no-v-text': 'error',
-                'object-shorthand': ['error', 'always', { avoidQuotes: true }],
-                'max-len': 'off',
-                'vue/max-len': [
-                    'error',
-                    {
-                        code: 120,
-                        template: 120,
-                        ignoreComments: true,
-                        ignoreUrls: true,
-                        ignoreStrings: true,
-                        ignoreTemplateLiterals: true,
-                        ignoreRegExpLiterals: true,
-                        ignoreHTMLAttributeValues: true,
-                        ignoreHTMLTextContents: true
-                    }
-                ],
-                'vue/multi-word-component-names': 'off',
-                'vue/no-reserved-component-names': 'off' // Conflicts with base components
-            }
+            extends: ['@zipify/eslint-config/preset-vue']
         }
     ]
 };

package/.github/actions/setup/action.yaml

@@ -6,7 +6,7 @@ runs:
   steps:
     - uses: actions/setup-node@v2
       with:
-        node-version: 14.18.1
+        node-version: 18.12.1
 
     - id: npm-cache
       uses: actions/cache@v3

package/README.md

@@ -1,4 +1,6 @@
 # ZipifyWysiwyg
+[![npm](https://img.shields.io/npm/v/@zipify/wysiwyg.svg?sanitize=true)](https://www.npmjs.com/package/@zipify/colorpicker)
+[![Downloads](https://img.shields.io/npm/dm/@zipify/wysiwyg.svg?sanitize=true)](https://www.npmjs.com/package/@zipify/colorpicker)
 
 Zipify modification of TipTap text editor
 

package/config/build/cli.config.js

@@ -1,17 +1,17 @@
 import { nodeResolve } from '@rollup/plugin-node-resolve';
 import { getBabelOutputPlugin } from '@rollup/plugin-babel';
-import { terser } from 'rollup-plugin-terser';
+import terser from '@rollup/plugin-terser';
 import commonjs from '@rollup/plugin-commonjs';
 import replace from '@rollup/plugin-replace';
 import json from '@rollup/plugin-json';
 import { resolvePath, isDevelopment } from './settings';
 
 const productionPlugins = isDevelopment ? [] : [
-    terser()
+    terser({ toplevel: true })
 ];
 
 export default {
-    input: resolvePath('./lib/entry-cli.js'),
+    input: resolvePath('./lib/entryCli.js'),
 
     output: {
         file: resolvePath('./dist/cli.js'),
@@ -21,7 +21,8 @@ export default {
                 presets: [
                     ['@babel/preset-env', { targets: { node: 18 } }]
                 ]
-            })
+            }),
+            ...productionPlugins
         ]
     },
 
@@ -31,12 +32,11 @@ export default {
             values: { 'import.meta.glob': '(() => ({}))' }
         }),
         nodeResolve({
-            extensions: ['*', '.js', '.vue', '.json'],
+            extensions: ['*', '.js', '.json'],
             preferBuiltins: true
         }),
         commonjs({ ignore: ['canvas'] }),
-        json(),
-        ...productionPlugins
+        json()
     ],
 
     external: ['jsdom']

package/config/build/lib.config.js

@@ -8,7 +8,7 @@ export default defineConfig({
         minify: false,
 
         lib: {
-            entry: resolvePath('./lib/entry-lib.js'),
+            entry: resolvePath('./lib/entryLib.js'),
             fileName: 'wysiwyg',
             formats: ['es']
         },
@@ -19,8 +19,7 @@ export default defineConfig({
                     return asset.name === 'style.css' ? 'wysiwyg.css' : asset.name;
                 }
             },
-            external: ['vue', '@zipify/colorpicker'],
-            plugins: [optimizeLodashImports()]
+            external: ['vue', '@zipify/colorpicker']
         }
     },
 
@@ -28,5 +27,8 @@ export default defineConfig({
         extensions: ['*', '.js', '.vue', '.json']
     },
 
-    plugins: [createVuePlugin()]
+    plugins: [
+        createVuePlugin(),
+        optimizeLodashImports()
+    ]
 });

package/config/svgo.js

@@ -1,16 +1,19 @@
 module.exports = {
     js2svg: {
-        indent: 4,
+        indent: 2,
         pretty: true
     },
     multipass: true,
     plugins: [
         {
             name: 'preset-default',
-            params: { removeViewBox: false }
+            params: {
+                overrides: {
+                    removeViewBox: false
+                }
+            }
         },
         'removeDimensions',
-        'sortAttrs',
         'convertStyleToAttrs',
         {
             name: 'removeAttrs',