bump js libs, adjust to new eslint config

Signed-off-by: Julien Veyssier <eneiluj@posteo.net>

Author: Julien Veyssier

appinfo/info.xml

@@ -16,7 +16,7 @@
     <bugs>https://github.com/eneiluj/integration_dropbox/issues</bugs>
     <screenshot>https://github.com/eneiluj/integration_dropbox/raw/master/img/screenshot1.jpg</screenshot>
     <dependencies>
-        <nextcloud min-version="22" max-version="24"/>
+        <nextcloud min-version="22" max-version="25"/>
     </dependencies>
     <settings>
         <admin>OCA\Dropbox\Settings\Admin</admin>

package-lock.json

@@ -32,21 +32,23 @@
 		"extends @nextcloud/browserslist-config"
 	],
 	"dependencies": {
-		"@nextcloud/auth": "^1.3.0",
-		"@nextcloud/axios": "^1.6.0",
+		"@nextcloud/auth": "^2.0.0",
+		"@nextcloud/axios": "^2.0.0",
 		"@nextcloud/dialogs": "^3.1.2",
-		"@nextcloud/initial-state": "^1.2.0",
+		"@nextcloud/initial-state": "^2.0.0",
 		"@nextcloud/l10n": "^1.4.1",
 		"@nextcloud/moment": "^1.1.1",
 		"@nextcloud/router": "^2.0.0",
-		"@nextcloud/vue": "^4.2.0",
+		"@nextcloud/vue": "^5.4.0",
 		"vue": "^2.6.11"
 	},
 	"devDependencies": {
 		"@nextcloud/babel-config": "^1.0.0",
 		"@nextcloud/browserslist-config": "^2.2.0",
-		"@nextcloud/eslint-config": "^6.1.0",
-		"@nextcloud/stylelint-config": "^1.0.0-beta.0",
-		"@nextcloud/webpack-vue-config": "^4.1.0"
+		"@nextcloud/eslint-config": "^8.1.2",
+		"@nextcloud/stylelint-config": "^2.2.0",
+		"@nextcloud/webpack-vue-config": "^5.3.0",
+		"eslint-webpack-plugin": "^3.2.0",
+		"stylelint-webpack-plugin": "^3.3.0"
 	}
 }

package.json

@@ -12,8 +12,8 @@
  */
 
 import Vue from 'vue'
-import './bootstrap'
-import AdminSettings from './components/AdminSettings'
+import './bootstrap.js'
+import AdminSettings from './components/AdminSettings.vue'
 
 // eslint-disable-next-line
 'use strict'

src/adminSettings.js

@@ -51,7 +51,7 @@
 import { loadState } from '@nextcloud/initial-state'
 import { generateUrl } from '@nextcloud/router'
 import axios from '@nextcloud/axios'
-import { delay } from '../utils'
+import { delay } from '../utils.js'
 import { showSuccess, showError } from '@nextcloud/dialogs'
 import '@nextcloud/dialogs/styles/toast.scss'
 

src/components/AdminSettings.vue

@@ -102,7 +102,7 @@
 import { loadState } from '@nextcloud/initial-state'
 import { generateUrl } from '@nextcloud/router'
 import axios from '@nextcloud/axios'
-import { delay, humanFileSize } from '../utils'
+import { delay, humanFileSize } from '../utils.js'
 import { showSuccess, showError } from '@nextcloud/dialogs'
 import '@nextcloud/dialogs/styles/toast.scss'
 import moment from '@nextcloud/moment'

src/components/PersonalSettings.vue

@@ -12,8 +12,8 @@
  */
 
 import Vue from 'vue'
-import './bootstrap'
-import PersonalSettings from './components/PersonalSettings'
+import './bootstrap.js'
+import PersonalSettings from './components/PersonalSettings.vue'
 
 // eslint-disable-next-line
 'use strict'

src/personalSettings.js

@@ -1,5 +1,5 @@
 module.exports = {
-	extends: 'stylelint-config-recommended-scss',
+	extends: 'stylelint-config-recommended-vue',
 	rules: {
 		indentation: 'tab',
 		'selector-type-no-unknown': null,

stylelint.config.js

@@ -1,5 +1,7 @@
 const path = require('path')
 const webpackConfig = require('@nextcloud/webpack-vue-config')
+const ESLintPlugin = require('eslint-webpack-plugin')
+const StyleLintPlugin = require('stylelint-webpack-plugin')
 
 const buildMode = process.env.NODE_ENV
 const isDev = buildMode === 'development'
@@ -10,9 +12,24 @@ webpackConfig.stats = {
     modules: false,
 }
 
+const appId = 'integration_dropbox'
 webpackConfig.entry = {
-    personalSettings: { import: path.join(__dirname, 'src', 'personalSettings.js'), filename: 'integration_dropbox-personalSettings.js' },
-    adminSettings: { import: path.join(__dirname, 'src', 'adminSettings.js'), filename: 'integration_dropbox-adminSettings.js' },
+    personalSettings: { import: path.join(__dirname, 'src', 'personalSettings.js'), filename: appId + '-personalSettings.js' },
+    adminSettings: { import: path.join(__dirname, 'src', 'adminSettings.js'), filename: appId + '-adminSettings.js' },
 }
 
+webpackConfig.plugins.push(
+	new ESLintPlugin({
+		extensions: ['js', 'vue'],
+		files: 'src',
+		failOnError: !isDev,
+	})
+)
+webpackConfig.plugins.push(
+	new StyleLintPlugin({
+		files: 'src/**/*.{css,scss,vue}',
+		failOnError: !isDev,
+	}),
+)
+
 module.exports = webpackConfig