Update live server

.gitlab-ci.yml

@@ -7,19 +7,21 @@ stages:
 cache:
   key: ${CI_COMMIT_REF_SLUG}
   paths:
-    - node_modules
+    - frontend/node_modules
 
 build:blobs:
   image: golang:1.17
   stage: build
   script:
-    - mkdir /blobs
+    - mkdir blobs/
     - make wasm
     - make build-cross-clis
-    - mv covergen.wasm dist /blobs
+    - mv covergen.wasm dist blobs/
+    # Grab the wasm shim from the docker image
+    - cp /usr/local/go/misc/wasm/wasm_exec.js blobs/wasm_exec.js
   artifacts:
     paths:
-      - /blobs
+      - blobs/
     expire_in: 30 days
 
 build:frontend:
@@ -28,14 +30,14 @@ build:frontend:
   needs:
     - build:blobs
   before_script:
+    - cd frontend/
     - corepack npm install --immutable
   script:
-    - cd frontend
+    - mv ../blobs/* public
-    - mv /blobs/* public
     - corepack npm run build
   artifacts:
     paths:
-      - dist/
+      - frontend/dist/
     expire_in: 30 days
 
 deploy:
@@ -46,7 +48,8 @@ deploy:
   before_script:
     - apk add lftp
   script:
-    - lftp "$DEPLOY_USER_PASS@vps0.miwebb.com:/" -e "mirror -R dist/ .; quit"
+    - cd frontend/
+    - lftp "$DEPLOY_USER_PASS@vps17.miwebb.com:/" -e "mirror -R dist/ .; quit"
   environment:
     name: live
-    url: https://covergen.miwebb.dev
+    url: https://covergen.miwebb.dev

frontend/public/.htaccess

@@ -0,0 +1,9 @@
+AddType application/wasm .wasm
+
+<IfModule mod_rewrite.c>
+  RewriteEngine On
+  RewriteBase /
+  RewriteCond %{REQUEST_FILENAME} !-f
+  RewriteCond %{REQUEST_FILENAME} !-d
+  RewriteRule (.*) /index.html [QSA,L]
+</IfModule>

frontend/src/components/Settings.vue

@@ -21,6 +21,17 @@ const possibleLabels = [
   'Rosebud',
   'You show that customer',
   'Do it for Berend',
+  'To the bad cave!',
+  'The more you earn, the more you learn',
+  'Fortune sides with him who dares',
+  'Up, Up, Down, Down, Left, Right, Left, Right, B, A.',
+  'Show me the money',
+  'Something for nothing',
+  'There is no cow level',
+  'WhatIsBestInLife',
+  'RealMenDrillDeep',
+  'WhySoSerious',
+  'IAmIronMan',
 ];
 const label = randomLabel(possibleLabels);
 
@@ -41,6 +52,11 @@ function doRender() {
     }
   }
 }
+
+function onClick() {
+  label.update();
+  doRender();
+}
 </script>
 
 <template>
@@ -62,9 +78,9 @@ function doRender() {
 
     <button
       class="px-4 py-2 bg-blue-500 rounded-lg hover:bg-blue-600 text-white border-2 active:border-blue-500 focus:outline focus:outline-2 focus:outline-blue-500"
-      @click="label.update() && doRender()"
+      @click="onClick"
     >
       {{ label.label.value }}
     </button>
   </div>
-</template>
+</template>

frontend/vite.config.ts

@@ -3,12 +3,12 @@ import vue from '@vitejs/plugin-vue';
 import { resolve } from 'path';
 
 // https://vitejs.dev/config/
-export default defineConfig(({ mode }) => ({
+export default defineConfig({
   plugins: [vue()],
-  base: mode === 'production' ? '/covergen/' : '/',
+  base: '/',
   resolve: {
     alias: {
       '@': resolve(__dirname, './src'),
     },
   },
-}));
+});