CI/CD tasks and initial setup

.github/workflows/web.yaml

@@ -1,4 +1,4 @@
-name: WEB - Deploy to GH Pages
+name: WEB - Build Application
 
 on:
   push:
@@ -8,12 +8,12 @@ on:
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     strategy:
       matrix:
-        node-version: [8.x, 10.x, 12.x]
+        # Don't want to deploy multiple times for multiple versions
+        node-version: [12.x]
 
     steps:
     - uses: actions/checkout@v2
@@ -29,10 +29,32 @@ jobs:
     # - run: npm run test:unit
     #   working-directory: ./web
     #   env:
-    #     CI: true
-    - name: Deploy
-      uses: JamesIves/github-pages-deploy-action@releases/v3
-      with:
-        SSH: true
-        BRANCH: gh-pages
-        FOLDER: dist
+    # #     CI: true
+    # - name: Deploy
+    #   uses: JamesIves/github-pages-deploy-action@releases/v3
+    #   with:
+    #     ACCESS_TOKEN: ${{ secrets.timemachineDeploy}}
+    #     BRANCH: gh-pages
+    #     FOLDER: web/dist
+
+    # NOT WORKING BUT SHOULD BE CLOSE?
+    # - name: Deploy to Dev server
+    #   uses: easingthemes/[email protected]
+    #   env:
+    #     SSH_PRIVATE_KEY: ${{ secrets.timemachine_dev_ssh_public_key }}
+    #     ARGS: "-rltgoDzvO"
+    #     SOURCE: "dist/"
+    #     REMOTE_HOST: ${{ secrets.timemachine_dev_ip }}
+    #     REMOTE_USER: ${{ secrets.timemachine_dev_user }}
+    #     TARGET: ${{ secrets.timemachine_dev_path }}
+    # - name: copy file via ssh key
+    #   uses: appleboy/scp-action@master
+    #   env:
+    #     HOST: ${{ secrets.timemachine_dev_ip }}
+    #     USERNAME: ${{ secrets.timemachine_dev_user }}
+    #     PORT: ${{ secrets.PORT }}
+    #     KEY: ${{ secrets.timemachine_dev_ssh_public_key }}
+    #   with:
+    #     source: "dist/*"
+    #     target: "${{ secrets.timemachine_dev_path }}"
+

.gitignore

@@ -1 +1,3 @@
-db/
+db/
+deploy.sh
+deploy-api.sh

web/.env.local

@@ -1,2 +1,3 @@
-VUE_APP_API_URI=http://localhost:3000
-VUE_APP_KEYCLOAK_JSON_FILENAME=keycloak-local
+VUE_APP_API_URI=http://207.216.46.85:3000
+# TODO - Change this URL above once we have the API setup.  Maybe same URL but diff port?
+VUE_APP_KEYCLOAK_JSON_FILENAME=statics/keycloak-local

web/src/App.vue

@@ -73,7 +73,7 @@
       <v-toolbar-title class="App-toolbar-title">
         <img src="./images/logo.svg" alt="avatar" class="app-logo"/>
       </v-toolbar-title>
-      <div class="app-title">Time Machine</div>
+      <div class="app-title">Time Machine - dev</div>
       <v-spacer></v-spacer>
        <div class="user-name" v-if="userName">Hi, {{userName}}</div>
     </v-toolbar>

web/src/modules/security/init.js

@@ -3,7 +3,8 @@ import Keycloak from 'keycloak-js';
 import store from '@/store';
 
 const keycloakFileName = (process.env.VUE_APP_KEYCLOAK_JSON_FILENAME) ? process.env.VUE_APP_KEYCLOAK_JSON_FILENAME : 'keycloak-local';
-const keycloakAuth = new Keycloak(`/statics/${keycloakFileName}.json`);
+// const keycloakAuth = new Keycloak(`/statics/${keycloakFileName}.json`);
+const keycloakAuth = new Keycloak(`/${keycloakFileName}.json`);
 
 const pageBasedOnRole = (role) => {
   let page = 'Unauthorized';

web/vue.config.js

@@ -2,4 +2,9 @@ module.exports = {
   configureWebpack: {
     devtool: 'source-map',
   },
+
+  // NOTE - ONLY FOR GitHub Pages! Any way to easily configure, maybe env var
+  // Using ./ for GH pages - need to verify but turns paths relative
+  // https://github.com/vuejs/vue-cli/issues/1623
+  baseUrl: './'
 };