Start working on developer console

website/.eslintrc.js

@@ -15,23 +15,23 @@ module.exports = {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'import/prefer-default-export': ['warn'],
-    "prefer-destructuring": ["error", {
+    'prefer-destructuring': ['error', {
-      "array": false,
+      array: false,
-      "object": true
+      object: true,
-    }]
+    }],
   },
   overrides: [
     {
       files: './src/graphql/generated.ts',
       rules: {
-        'max-len': ['off']
+        'max-len': ['off'],
       },
     },
     {
       files: '**/*.vue',
       rules: {
-        'class-methods-use-this': ['off']
+        'class-methods-use-this': ['off'],
-      }
+      },
-    }
+    },
   ],
 };

website/package-lock.json

@@ -3870,12 +3870,55 @@
       }
     },
     "@vue/cli-plugin-router": {
-      "version": "4.5.10",
+      "version": "4.5.11",
-      "resolved": "https://registry.npmjs.org/@vue/cli-plugin-router/-/cli-plugin-router-4.5.10.tgz",
+      "resolved": "https://registry.npmjs.org/@vue/cli-plugin-router/-/cli-plugin-router-4.5.11.tgz",
-      "integrity": "sha512-roiZTx2W59kTRaqNzHEnjnakP89MS+pVf3zWBlwsNXZpQuvqwFvoNfH/nBSJjqGRgZTRtCUe6vGgVPUEFYi/cg==",
+      "integrity": "sha512-09tzw3faOs48IUPwLutYaNC7eoyyL140fKruTwdFdXuBLDdSQVida57Brx0zj2UKXc5qF8hk4GoGrOshN0KfNg==",
       "dev": true,
       "requires": {
-        "@vue/cli-shared-utils": "^4.5.10"
+        "@vue/cli-shared-utils": "^4.5.11"
+      },
+      "dependencies": {
+        "@vue/cli-shared-utils": {
+          "version": "4.5.11",
+          "resolved": "https://registry.npmjs.org/@vue/cli-shared-utils/-/cli-shared-utils-4.5.11.tgz",
+          "integrity": "sha512-+aaQ+ThQG3+WMexfSWNl0y6f43edqVqRNbguE53F3TIH81I7saS5S750ayqXhZs2r6STJJyqorQnKtAWfHo29A==",
+          "dev": true,
+          "requires": {
+            "@hapi/joi": "^15.0.1",
+            "chalk": "^2.4.2",
+            "execa": "^1.0.0",
+            "launch-editor": "^2.2.1",
+            "lru-cache": "^5.1.1",
+            "node-ipc": "^9.1.1",
+            "open": "^6.3.0",
+            "ora": "^3.4.0",
+            "read-pkg": "^5.1.1",
+            "request": "^2.88.2",
+            "semver": "^6.1.0",
+            "strip-ansi": "^6.0.0"
+          }
+        },
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "dev": true,
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true
+        }
       }
     },
     "@vue/cli-plugin-typescript": {
@@ -16095,6 +16138,11 @@
       "resolved": "https://registry.npmjs.org/vue-recaptcha/-/vue-recaptcha-1.3.0.tgz",
       "integrity": "sha512-9Qf1niyHq4QbEUhsvdUkS8BoOyhYwpp8v+imUSj67ffDo9RQ6h8Ekq8EGnw/GKViXCwWalp7EEY/n/fOtU0FyA=="
     },
+    "vue-router": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.1.tgz",
+      "integrity": "sha512-RRQNLT8Mzr8z7eL4p7BtKvRaTSGdCbTy2+Mm5HTJvLGYSSeG9gDzNasJPP/yOYKLy+/cLG/ftrqq5fvkFwBJEw=="
+    },
     "vue-style-loader": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz",

website/package.json

@@ -18,6 +18,7 @@
     "vue-class-component": "^7.2.3",
     "vue-property-decorator": "^9.1.2",
     "vue-recaptcha": "^1.3.0",
+    "vue-router": "^3.2.0",
     "vuetify": "^2.2.11"
   },
   "devDependencies": {
@@ -29,6 +30,7 @@
     "@typescript-eslint/parser": "^2.33.0",
     "@vue/cli-plugin-babel": "~4.5.0",
     "@vue/cli-plugin-eslint": "~4.5.0",
+    "@vue/cli-plugin-router": "^4.5.11",
     "@vue/cli-plugin-typescript": "~4.5.0",
     "@vue/cli-service": "~4.5.0",
     "@vue/eslint-config-airbnb": "^5.0.2",

website/src/pages/developer/app.vue

@@ -0,0 +1,23 @@
+<template>
+  <v-app>
+    <v-app-bar app color="primary" dark>
+      <v-app-bar-title>Developer</v-app-bar-title>
+      <v-spacer />
+      <v-btn icon>
+        <v-icon>mdi-account</v-icon>
+      </v-btn>
+    </v-app-bar>
+    <router-view />
+  </v-app>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator';
+
+@Component({
+  name: 'DeveloperApp',
+})
+export default class DeveloperApp extends Vue {
+
+}
+</script>

website/src/pages/developer/main.ts

@@ -0,0 +1,12 @@
+import Vue from 'vue';
+import vuetify from '@/plugins/vuetify';
+import DeveloperApp from './app.vue';
+import router from './router';
+
+Vue.config.productionTip = false;
+
+new Vue({
+  vuetify,
+  router,
+  render: (h) => h(DeveloperApp),
+}).$mount('#app');

website/src/pages/developer/router.ts

@@ -0,0 +1,20 @@
+import Vue from 'vue';
+import VueRouter, { RouteConfig } from 'vue-router';
+
+Vue.use(VueRouter);
+
+const routes: Array<RouteConfig> = [
+  {
+    path: '/',
+    name: 'Home',
+    component: () => import(/* webpackChunkName: "developer-home" */ './views/home.vue'),
+  },
+];
+
+const router = new VueRouter({
+  mode: 'history',
+  base: `${process.env.BASE_URL}developer`,
+  routes,
+});
+
+export default router;

website/src/pages/developer/views/home.vue

@@ -0,0 +1,16 @@
+<template>
+  <v-main>
+    This is just a test
+  </v-main>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator';
+
+@Component({
+  name: 'DeveloperHome',
+})
+export default class DeveloperHome extends Vue {
+
+}
+</script>

website/vue.config.js

@@ -15,5 +15,11 @@ module.exports = {
       filename: 'prompt-error.html',
       title: 'Błąd autoryzacji | Wulkanowy Bridge',
     },
+    developer: {
+      entry: 'src/pages/developer/main.ts',
+      template: '/public/index.html',
+      filename: 'developer.html',
+      title: 'Konsola dewelopera | Wulkanowy Bridge',
+    },
   },
 };