@zipify/wysiwyg 1.0.0-dev.5 → 1.0.0-dev.8

package/.eslintignore

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

package/.stylelintignore

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

package/config/jest/setupTests.js

@@ -32,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,44 @@
+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: 'module' },
+        module: true
+    },
+
+    resolve: {
+        extensions: ['*', '.js', '.vue', '.json']
+    },
+
+    module: {
+        rules: [
+            loaders.style,
+            loaders.js,
+            loaders.svg,
+            loaders.vue
+        ]
+    },
+
+    externals: {
+        '@vue/composition-api': { module: '@vue/composition-api' },
+        'zipify-colorpicker': { module: 'zipify-colorpicker' }
+    },
+
+    experiments: {
+        outputModule: true
+    },
+
+    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'
 };