Move to vue

.babelrc.js

@@ -0,0 +1,12 @@
+module.exports = {
+	presets: [
+		[
+			'@babel/preset-env',
+			{
+				targets: {
+					browsers: ['last 2 versions', 'ie >= 11']
+				}
+			}
+		]
+	]
+}

.drone.yml

@@ -90,12 +90,30 @@ pipeline:
     when:
       matrix:
         TESTS: php7.3
+  eslint:
+    image: nextcloudci/jsunit:jsunit-5
+    commands:
+      - npm install
+      - npm run lint
+    when:
+      matrix:
+        TESTS: eslint
+  vue-build:
+    image: nextcloudci/jsunit:jsunit-5
+    commands:
+      - npm install
+      - npm run build
+    when:
+      matrix:
+        TESTS: vue-build
 matrix:
   include:
     - TESTS: signed-off-check
     - TESTS: check-app-compatbility
     - TESTS: php7.1
     - TESTS: php7.2
     - TESTS: php7.3
+    - TESTS: eslint
+    - TESTS: vue-build
 
 branches: [ master, stable* ]

.eslintrc.js

@@ -0,0 +1,66 @@
+module.exports = {
+	root: true,
+	env: {
+		browser: true,
+		es6: true,
+		node: true,
+		jest: true
+	},
+	globals: {
+		t: true,
+		n: true,
+		OC: true,
+		OCA: true,
+		Vue: true
+	},
+	parserOptions: {
+		parser: 'babel-eslint',
+		ecmaVersion: 6
+	},
+	extends: [
+		'eslint:recommended',
+		'plugin:node/recommended',
+		'plugin:vue/essential',
+		'plugin:vue/recommended',
+		'standard'
+	],
+	plugins: ['vue', 'node'],
+	rules: {
+		// space before function ()
+		'space-before-function-paren': ['error', 'never'],
+		// curly braces always space
+		'object-curly-spacing': ['error', 'always'],
+		// stay consistent with array brackets
+		'array-bracket-newline': ['error', 'consistent'],
+		// 1tbs brace style
+		'brace-style': 'error',
+		// tabs only
+		indent: ['error', 'tab'],
+		'no-tabs': 0,
+		'vue/html-indent': ['error', 'tab'],
+		// only debug console
+		'no-console': ['error', { allow: ['error', 'warn', 'debug'] }],
+		// classes blocks
+		'padded-blocks': ['error', { classes: 'always' }],
+		// always have the operator in front
+		'operator-linebreak': ['error', 'before'],
+		// ternary on multiline
+		'multiline-ternary': ['error', 'always-multiline'],
+		// es6 import/export and require
+		'node/no-unpublished-require': ['off'],
+		'node/no-unsupported-features/es-syntax': ['off'],
+		// space before self-closing elements
+		'vue/html-closing-bracket-spacing': 'error',
+		// code spacing with attributes
+		'vue/max-attributes-per-line': [
+			'error',
+			{
+				singleline: 3,
+				multiline: {
+					max: 3,
+					allowFirstLine: true
+				}
+			}
+		]
+	}
+}

.gitignore

@@ -1,3 +1,6 @@
 # test coverage
 /tests/coverage*
 /tests/clover.xml
+node_modules/
+js/firstrunwizard.js
+js/firstrunwizard.js.map

Makefile

@@ -0,0 +1,26 @@
+all: dev-setup build-js-production
+
+dev-setup: clean clean-dev npm-init
+
+npm-init:
+	npm install
+
+npm-update:
+	npm update
+
+build-js:
+	npm run dev
+
+build-js-production:
+	npm run build
+
+watch-js:
+	npm run watch
+
+clean:
+	rm -f js/firstrunwizard.js
+	rm -f js/firstrunwizard.js.map
+
+clean-dev:
+	rm -rf node_modules
+