Update live server

.gitlab-ci.yml

@@ -0,0 +1,55 @@
+stages:
+  - build
+  - deploy
+
+# cache using branch name
+# https://gitlab.com/help/ci/caching/index.md
+cache:
+  key: ${CI_COMMIT_REF_SLUG}
+  paths:
+    - frontend/node_modules
+
+build:blobs:
+  image: golang:1.17
+  stage: build
+  script:
+    - mkdir blobs/
+    - make wasm
+    - make build-cross-clis
+    - 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/
+    expire_in: 30 days
+
+build:frontend:
+  image: node:16
+  stage: build
+  needs:
+    - build:blobs
+  before_script:
+    - cd frontend/
+    - corepack npm install --immutable
+  script:
+    - mv ../blobs/* public
+    - corepack npm run build
+  artifacts:
+    paths:
+      - frontend/dist/
+    expire_in: 30 days
+
+deploy:
+  stage: deploy
+  image: alpine
+  needs:
+    - build:frontend
+  before_script:
+    - apk add lftp
+  script:
+    - cd frontend/
+    - lftp "$DEPLOY_USER_PASS@vps17.miwebb.com:/" -e "mirror -R dist/ .; quit"
+  environment:
+    name: live
+    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'),
     },
   },
-}));
+});