Upgrade of all frontend components and dependency libraries (#186)

* Upgrade of all frontend components

* Growing

* Almost working. Need to fix modals

* Fixed small issues

* Refactored to vuejs CLI

* Working

* Fix

* Updated readme with new npm run serve command

* Upgrade node to 12.6.0

* Added frontend dev server port

Author: michelvocks

.circleci/config.yml

@@ -80,7 +80,7 @@ jobs:
           name: Compile frontend and final binary
           command: |
             cd frontend
-            nvm install v10.5.0
+            nvm install v12.6.0
             npm cache clean --force
             cd ..
             make download

README.rst

@@ -349,7 +349,7 @@ If you think you found a good first issue, please consider this list as a short
 
 * If the issue is clear and you have no questions, please leave a short comment that you started working on this. The issue will be usually blocked for two weeks for you to solve it.
 * If something is not clear or you are unsure what to do, please leave a comment so we can add more detailed description.
-* Make sure your development environment is configured and set up. You need `Go installed`_ on your machine and also `nodeJS`_ for the frontend. Clone this repository and run the **make** command inside the cloned folder. This will start the backend. To start the frontend you have to open a new terminal window and go into the frontend folder. There you run **npm install** and then **npm run dev**. This should automatically open a new browser window.
+* Make sure your development environment is configured and set up. You need `Go installed`_ on your machine and also `nodeJS`_ for the frontend. Clone this repository and run the **make** command inside the cloned folder. This will start the backend. To start the frontend you have to open a new terminal window and go into the frontend folder. There you run **npm install** and then **npm run serve**. This should automatically open a new browser window.
 * Before you start your work, you should fork this repository and push changes to your fork. Afterwards, send a merge request back to upstream.
 
 Contact

docker/Dockerfile.nodejs

@@ -27,4 +27,4 @@ EXPOSE ${GAIA_PORT}
 COPY docker/docker-entrypoint.sh /usr/local/bin/
 
 # Start gaia
-ENTRYPOINT [ "docker-entrypoint.sh" ]
+ENTRYPOINT [ "docker-entrypoint.sh" ]

frontend/.babelrc

@@ -0,0 +1,2 @@
+> 1%
+last 2 versions

frontend/.browserslistrc

@@ -1,9 +1,5 @@
-root = true
-
-[*]
-charset = utf-8
+[*.{js,jsx,ts,tsx,vue}]
 indent_style = space
 indent_size = 2
-end_of_line = lf
-insert_final_newline = true
 trim_trailing_whitespace = true
+insert_final_newline = true

frontend/.editorconfig

@@ -1,22 +1,17 @@
 module.exports = {
   root: true,
-  parser: 'babel-eslint',
-  parserOptions: {
-    sourceType: 'module'
+  env: {
+    node: true
   },
-  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
-  extends: 'standard',
-  // required to lint *.vue files
-  plugins: [
-    'html'
+  'extends': [
+    'plugin:vue/essential',
+    '@vue/standard'
   ],
-  // add your custom rules here
-  'rules': {
-    // allow paren-less arrow functions
-    'arrow-parens': 0,
-    // allow async-await
-    'generator-star-spacing': 0,
-    // allow debugger during development
-    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
   }
 }

frontend/.eslintignore

@@ -0,0 +1,8 @@
+module.exports = {
+  presets: [
+    '@vue/app'
+  ],
+  plugins: [
+    '@babel/plugin-proposal-export-default-from'
+  ]
+}