test version (#368)

.env.example

@@ -1,2 +1,2 @@
 PUBLIC_BASE_URL=
-PUBLIC_GOOGLE_ANALYTICS=
+PUBLIC_GOOGLE_ANALYTICS=

package.json

@@ -5,13 +5,14 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "dev": "vite dev",
-    "build": "vite build",
-    "preview": "vite preview",
+    "dev": "pnpm run generate:version && vite dev",
+    "build": "pnpm run generate:version && vite build",
+    "preview": "pnpm run generate:version && vite preview",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "prettier --plugin-search-dir . --check . && eslint .",
-    "format": "prettier --plugin-search-dir . --write ."
+    "format": "prettier --plugin-search-dir . --write .",
+    "generate:version": "echo \"export const version = '$(git describe --exact-match --tags 2> /dev/null || echo $(git rev-parse --abbrev-ref HEAD)-$(git rev-parse --short HEAD))'\" > ./src/version.ts"
   },
   "dependencies": {
     "svelte-icons": "^2.1.0"

src/lib/components/HelperButton.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { scale } from "svelte/transition"
+  import { version } from "../../version"
 
   let helperActive = false
 
@@ -27,6 +28,7 @@
     >
     <a class="py-2 hover:underline" href="/support">Support</a>
     <a class="py-2 hover:underline" href="https://blog.mrmiss.dev">Blog</a>
+    <span class="text-xs">{version}</span>
   </div>
 {/if}
 <button

src/version.ts

@@ -0,0 +1 @@
+export const version = 'test-version-1949820'