Update dependencies

Inject version

package.json

@@ -19,25 +19,25 @@
         "test:ts": "tsc --target ES6 --noImplicitAny --noEmit spec/ts/index.ts"
     },
     "devDependencies": {
-        "@babel/core": "^7.11.6",
-        "@babel/plugin-proposal-class-properties": "^7.10.4",
-        "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
-        "@babel/plugin-transform-parameters": "^7.10.5",
-        "@babel/preset-env": "^7.11.5",
+        "@babel/core": "^7.12.9",
+        "@babel/plugin-proposal-class-properties": "^7.12.1",
+        "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
+        "@babel/plugin-transform-parameters": "^7.12.1",
+        "@babel/preset-env": "^7.12.7",
         "autoprefixer": "^9.8.6",
         "babel-eslint": "^10.1.0",
-        "babel-loader": "^8.1.0",
-        "css-loader": "^4.2.2",
-        "eslint": "^7.8.1",
+        "babel-loader": "^8.2.2",
+        "css-loader": "^5.0.1",
+        "eslint": "^7.15.0",
         "eslint-config-simon": "^2.1.0",
         "eslint-loader": "^4.0.2",
-        "mini-css-extract-plugin": "^0.11.0",
-        "node-sass": "^4.14.1",
+        "mini-css-extract-plugin": "^1.3.2",
+        "node-sass": "^5.0.0",
         "optimize-css-assets-webpack-plugin": "^5.0.4",
-        "postcss-loader": "^3.0.0",
-        "sass-loader": "^10.0.2",
-        "typescript": "^4.0.2",
-        "webpack": "^4.44.1",
+        "postcss-loader": "^4.1.0",
+        "sass-loader": "^10.1.0",
+        "typescript": "^4.1.2",
+        "webpack": "^4.44.2",
         "webpack-cleanup-plugin": "^0.5.1",
         "webpack-cli": "^3.3.12",
         "webpack-dev-server": "^3.11.0",
@@ -53,6 +53,6 @@
     },
     "dependencies": {
         "nanopop": "^2.1.0",
-        "core-js": "^3.6.5"
+        "core-js": "^3.8.0"
     }
 }

scripts/build.js

@@ -90,6 +90,9 @@ const path = require('path');
                 banner,
                 new webpack.SourceMapDevToolPlugin({
                     filename: `${filename}.map`
+                }),
+                new webpack.DefinePlugin({
+                    VERSION: JSON.stringify(version)
                 })
             ]
         }).catch(console.error);

src/js/pickr.js

@@ -1,5 +1,4 @@
 import * as _ from './utils/utils';
-import {version} from '../../package';
 import {parseToHSVA} from './utils/color';
 import {HSVaColor} from './utils/hsvacolor';
 import Moveable from './libs/moveable';
@@ -13,7 +12,7 @@ class Pickr {
     static utils = _;
 
     // Assign version and export
-    static version = version;
+    static version = VERSION;
 
     // Default strings
     static I18N_DEFAULTS = {

webpack.config.js

@@ -1,4 +1,6 @@
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const {version} = require('./package.json');
+const webpack = require('webpack');
 
 module.exports = {
     entry: {
@@ -32,13 +34,7 @@ module.exports = {
             {
                 test: /\.scss$/,
                 use: [
-                    {
-                        loader: MiniCssExtractPlugin.loader,
-                        options: {
-                            hmr: true,
-                            reloadAll: true
-                        },
-                    },
+                    MiniCssExtractPlugin.loader,
                     'css-loader',
                     'sass-loader'
                 ]
@@ -49,6 +45,9 @@ module.exports = {
     plugins: [
         new MiniCssExtractPlugin({
             filename: '[name].css'
+        }),
+        new webpack.DefinePlugin({
+            VERSION: JSON.stringify(version)
         })
     ]
 };