@zipify/wysiwyg 1.0.0-dev.4 → 1.0.0-dev.7

package/.eslintignore

@@ -0,0 +1 @@
+dist/**

package/.release-it.json

@@ -1,7 +1,6 @@
 {
   "npm": {
     "publish": true,
-    "tag": "dev",
     "publishArgs": ["--access public"]
   },
   "git": {

package/.stylelintignore

@@ -0,0 +1 @@
+dist/**

package/README.md

@@ -56,6 +56,7 @@ export default {
 |        value         |   true    |       -       |                                                                |
 |       presets        |   true    |       -       | Array of [Style-Presets](#Style-Preset)                        |
 |  default-preset-id   |   true    |       -       | Id of any preset                                               |
+|  base-preset-class   |   true    |       -       | Base class of preset                                           |
 | make-preset-variable |   true    |       -       | [Generates](#Generate-Preset-Variable) name of preset variable |
 |        fonts         |   true    |       -       | Array of [fonts](#Font)                                        |
 |        device        |   false   |  `'desktop'`  | Active device type. can be 'mobile', 'tablet' or 'desktop'     |
@@ -72,6 +73,7 @@ interface StylePreset {
   name: string;
   hidden: boolean;
   node?: PresetNode;
+  fallbackClass?: string;
   common: CommonSettings;
   desktop: DeviceSettings;
   tablet: DeviceSettings;
@@ -88,7 +90,7 @@ interface CommonSettings {
   font_weight: string;
   color: string;
   font_style: 'italic' | 'normal';
-  text_decoration: 'none' | 'underscore';
+  text_decoration: 'none' | 'underline';
 }
 
 interface DeviceSettings {

package/config/jest/setupTests.js

@@ -1,8 +1,10 @@
+/* eslint-disable no-console */
+
 import Vue from 'vue';
 import CompositionAPI from '@vue/composition-api';
 
-// eslint-disable-next-line no-console
 console.warn = jest.fn();
+console.error = jest.fn();
 
 Vue.use(CompositionAPI);
 
@@ -30,3 +32,7 @@ Range.prototype.getClientRects = () => ({
     length: 0,
     [Symbol.iterator]: jest.fn()
 });
+
+jest.mock('../../lib/utils/importIcon', () => ({
+    importIcon: () => ''
+}));

package/config/webpack/example.config.js

@@ -2,6 +2,7 @@ const path = require('path');
 const { DefinePlugin } = require('webpack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const { VueLoaderPlugin } = require('vue-loader');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 const { resolvePath, isDevelopment } = require('./settings');
 const loaders = require('./loaders');
@@ -74,6 +75,7 @@ module.exports = {
 
     plugins: [
         new VueLoaderPlugin(),
+        new MiniCssExtractPlugin(),
         new HtmlWebpackPlugin({
             title: 'ZipifyWysiwyg',
             template: resolvePath('./example/example.html')

package/config/webpack/lib.config.js

@@ -0,0 +1,40 @@
+const { VueLoaderPlugin } = require('vue-loader');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const { resolvePath } = require('./settings');
+const loaders = require('./loaders');
+
+module.exports = {
+    mode: 'production',
+    entry: resolvePath('./lib/index.js'),
+
+    output: {
+        clean: true,
+        path: resolvePath('./dist'),
+        filename: 'wysiwyg.js',
+        library: { type: 'commonjs2' }
+    },
+
+    resolve: {
+        extensions: ['*', '.js', '.vue', '.json']
+    },
+
+    module: {
+        rules: [
+            loaders.style,
+            loaders.js,
+            loaders.svg,
+            loaders.vue
+        ]
+    },
+
+    externals: {
+        vue: { commonjs2: 'vue' },
+        '@vue/composition-api': { commonjs2: '@vue/composition-api' },
+        'zipify-colorpicker': { commonjs2: 'zipify-colorpicker' }
+    },
+
+    plugins: [
+        new VueLoaderPlugin(),
+        new MiniCssExtractPlugin({ filename: 'wysiwyg.css' })
+    ]
+};

package/config/webpack/loaders/style-loader.js

@@ -1,7 +1,9 @@
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
 module.exports = {
     test: /\.s?css$/,
     use: [
-        'vue-style-loader',
+        MiniCssExtractPlugin.loader,
         'css-loader'
     ]
 };

package/config/webpack/loaders/svg-loader.js

@@ -1,4 +1,4 @@
 module.exports = {
     test: /\.svg$/,
-    type: 'asset/resource'
+    type: 'asset/source'
 };