Move to webpack vue global config & bump deps

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

Author: skjnldsv

.gitignore

@@ -19,3 +19,4 @@ coverage/
 
 cypress/screenshots
 cypress/snapshots
+vendor

js/viewer.js js/viewer-main.jsjs/viewer.js renamed to js/viewer-main.js

@@ -37,6 +37,6 @@ public function handle(Event $event): void {
 			return;
 		}
 
-		Util::addScript(Application::APP_ID, 'viewer');
+		Util::addScript(Application::APP_ID, 'viewer-main');
 	}
 }

js/viewer-main.js.map

@@ -25,9 +25,9 @@
   "license": "agpl",
   "private": true,
   "scripts": {
-    "dev": "NODE_ENV=development webpack --config webpack.dev.js",
-    "watch": "NODE_ENV=development webpack --progress --watch --config webpack.dev.js",
-    "build": "NODE_ENV=production webpack --progress --hide-modules --config webpack.prod.js",
+    "build": "NODE_ENV=production webpack --progress --hide-modules --config webpack.js",
+    "dev": "NODE_ENV=development webpack --progress --config webpack.js",
+    "watch": "NODE_ENV=development webpack --progress --watch --config webpack.js",
     "lint": "eslint --ext .js,.vue src",
     "lint:fix": "eslint --ext .js,.vue src --fix",
     "stylelint": "stylelint src",
@@ -37,9 +37,9 @@
     "wait-on": "wait-on -i 500 -t 300000"
   },
   "dependencies": {
-    "@nextcloud/auth": "^1.2.3",
+    "@nextcloud/auth": "^1.3.0",
     "@nextcloud/axios": "^1.3.2",
-    "@nextcloud/router": "^1.0.2",
+    "@nextcloud/router": "^1.1.0",
     "@nextcloud/vue": "^1.5.0",
     "camelcase": "^6.0.0",
     "core-js": "^3.6.5",
@@ -62,42 +62,43 @@
     "node": ">=10.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.6",
-    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/core": "^7.10.4",
+    "@babel/plugin-proposal-class-properties": "^7.10.4",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/preset-env": "^7.9.6",
+    "@babel/preset-env": "^7.10.4",
     "@nextcloud/browserslist-config": "^1.0.0",
-    "@nextcloud/eslint-config": "^1.0.0",
+    "@nextcloud/eslint-config": "^2.2.0",
     "@nextcloud/eslint-plugin": "^1.4.0",
+    "@nextcloud/webpack-vue-config": "^1.1.0",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.1.0",
+    "babel-loader-exclude-node-modules-except": "^1.0.3",
     "browserslist-config-nextcloud": "0.1.0",
-    "css-loader": "^3.5.3",
+    "css-loader": "^3.6.0",
     "cypress": "^3.8.3",
     "cypress-image-snapshot": "^3.1.1",
-    "eslint": "^5.16.0",
-    "eslint-config-standard": "^12.0.0",
-    "eslint-import-resolver-webpack": "^0.12.1",
-    "eslint-loader": "^3.0.4",
-    "eslint-plugin-import": "^2.20.2",
-    "eslint-plugin-node": "^10.0.0",
+    "eslint": "^6.8.0",
+    "eslint-config-standard": "^14.1.1",
+    "eslint-import-resolver-webpack": "^0.12.2",
+    "eslint-loader": "^4.0.2",
+    "eslint-plugin-import": "^2.21.2",
+    "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^4.0.1",
-    "eslint-plugin-vue": "^5.2.3",
+    "eslint-plugin-vue": "^6.2.2",
     "file-loader": "^6.0.0",
     "jest": "^24.9.0",
-    "node-sass": "^4.14.0",
+    "node-sass": "^4.14.1",
     "sass-loader": "^8.0.2",
-    "stylelint": "^8.4.0",
-    "stylelint-config-recommended-scss": "^3.3.0",
-    "stylelint-scss": "^3.17.1",
-    "stylelint-webpack-plugin": "^0.10.5",
+    "stylelint": "^13.6.1",
+    "stylelint-config-recommended-scss": "^4.2.0",
+    "stylelint-scss": "^3.18.0",
+    "stylelint-webpack-plugin": "^2.1.0",
     "url-loader": "^4.1.0",
-    "vue-loader": "^15.9.2",
+    "vue-loader": "^15.9.3",
     "vue-template-compiler": "^2.6.11",
     "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11",
-    "webpack-merge": "^4.2.2",
-    "webpack-node-externals": "^1.7.2"
+    "webpack-cli": "^3.3.12",
+    "webpack-merge": "^5.0.9"
   }
 }

js/viewer.js.map

@@ -100,7 +100,7 @@ export default {
 		},
 	},
 	watch: {
-		active: function(val, old) {
+		active(val, old) {
 			// the item was hidden before and is now the current view
 			if (val === true && old === false) {
 				this.resetZoom()

lib/Listener/LoadViewerScript.php

@@ -87,7 +87,7 @@ export default {
 	},
 
 	watch: {
-		active: function(val, old) {
+		active(val, old) {
 			// the item was hidden before and is now the current view
 			if (val === true && old === false) {
 				this.player.play()

package-lock.json

@@ -105,7 +105,7 @@ export default {
 	},
 
 	watch: {
-		active: function(val, old) {
+		active(val, old) {
 			// the item was hidden before and is now the current view
 			if (val === true && old === false) {
 				// just in case the file was preloaded, let's warn the viewer
@@ -115,7 +115,7 @@ export default {
 			}
 		},
 		// update image size on sidebar toggle
-		isSidebarShown: function() {
+		isSidebarShown() {
 			// wait for transition to complete (100ms)
 			setTimeout(this.updateHeightWidth, 200)
 		},