npm udpate (upgrade to latest versions)

.babelrc

@@ -0,0 +1,8 @@
+{
+	"presets": ["@babel/preset-env"],
+	"plugins": [
+		["@babel/plugin-transform-runtime", {
+			"regenerator": true
+		}]
+	]
+}

package.json

@@ -11,7 +11,7 @@
     "effects"
   ],
   "scripts": {
-    "server": "webpack-dev-server --mode development --open",
+    "server": "webpack serve --mode development --env development --open",
     "dev": "webpack --mode development",
     "build": "webpack --mode production"
   },
@@ -22,27 +22,27 @@
   "homepage": "https://github.com/viliusle/miniPaint",
   "license": "MIT",
   "devDependencies": {
-    "babel-core": "^6.26.3",
-    "babel-loader": "^7.1.5",
-    "babel-preset-env": "^1.7.0",
-    "css-loader": "^3.6.0",
-    "source-map-loader": "^0.2.4",
+    "@babel/core": "^7.14.5",
+    "@babel/plugin-transform-runtime": "^7.14.5",
+    "@babel/preset-env": "^7.14.5",
+    "babel-loader": "^8.2.2",
+    "css-loader": "^5.2.6",
+    "source-map-loader": "^3.0.0",
     "style-loader": "^2.0.0",
-    "webpack": "^4.44.2",
-    "webpack-cli": "^3.3.12",
+    "webpack": "^5.38.1",
+    "webpack-cli": "^4.7.2",
     "webpack-dev-server": "^3.11.2"
   },
   "dependencies": {
+    "@babel/runtime": "^7.14.5",
     "alertifyjs": "^1.13.1",
-    "babel-polyfill": "^6.26.0",
     "blueimp-canvas-to-blob": "^3.28.0",
     "exif-js": "^2.3.0",
-    "file-saver": "^1.3.3",
+    "file-saver": "^2.0.5",
     "gif.js.optimized": "^1.0.1",
     "hermite-resize": "git+https://github.com/viliusle/Hermite-resize.git",
     "jquery": "^3.5.1",
-    "pica": "^5.3.0",
-    "terser": "^3.17.0",
+    "pica": "^7.0.0",
     "uuid": "^8.3.2",
     "webfontloader": "^1.6.28"
   }

src/js/modules/file/save.js

@@ -5,8 +5,8 @@ import Helper_class from './../../libs/helpers.js';
 import Dialog_class from './../../libs/popup.js';
 import alertify from './../../../../node_modules/alertifyjs/build/alertify.min.js';
 import canvasToBlob from './../../../../node_modules/blueimp-canvas-to-blob/js/canvas-to-blob.min.js';
-import filesaver from './../../../../node_modules/file-saver/FileSaver.min.js';
-import GIF from './../../libs/gifjs/gif.js';
+import filesaver from './../../../../node_modules/file-saver/dist/FileSaver.min.js';
+import GIF from './../../../../node_modules/gif.js.optimized/';
 import CanvasToTIFF from './../../libs/canvastotiff.js';
 
 var instance = null;
@@ -307,7 +307,7 @@ class File_save_class {
 			return;
 		}
 
-		if (type != 'JSON' && type != 'GIF') {
+		if (type != 'JSON') {
 			//create temp canvas
 			var canvas = document.createElement('canvas');
 			var ctx = canvas.getContext("2d");
@@ -593,7 +593,7 @@ class File_save_class {
 				width: config.WIDTH,
 				height: config.HEIGHT,
 				dither: 'FloydSteinberg-serpentine',
-				workerScript: './src/js/libs/gifjs/gif.worker.js',
+				workerScript: './../../../../node_modules/gif.js.optimized/dist/gif.worker.js',
 			};
 			if (config.TRANSPARENCY == true) {
 				gif_settings.transparent = 'rgba(0,0,0,0)';

webpack.config.js

@@ -3,7 +3,6 @@ var path = require('path');
 
 module.exports = {
 	entry: [
-		'babel-polyfill',
 		'./src/js/main.js',
 	],
 	output: {
@@ -32,12 +31,7 @@ module.exports = {
 			{
 				test: /\.js$/,
 				exclude: /(node_modules|bower_components)/,
-				use: {
-				loader: 'babel-loader',
-					options: {
-					presets: ['env']
-					}
-				}
+				use: ['babel-loader']
 			},
 		]
 	},