fix: pass app version via server load instead of Vite define

The Svelte 5 SSR compiler was optimizing away the __APP_VERSION__
constant set via Vite's define, causing the version to be missing
from the production footer. Use a +layout.server.ts load function
to pass the version from package.json instead.

Also bumps version to 0.1.6.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

.dockerignore

@@ -0,0 +1,7 @@
+node_modules
+build
+.svelte-kit
+data
+*.db
+playwright-report
+test-results

.github/workflows/ci.yml

@@ -5,6 +5,7 @@ on:
     branches: [main, 'claude/**']
   pull_request:
     branches: [main]
+  workflow_call:
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}

.github/workflows/release.yml

@@ -54,3 +54,11 @@ jobs:
         uses: softprops/action-gh-release@v2
         with:
           generate_release_notes: true
+
+  deploy:
+    name: Deploy
+    runs-on: ubuntu-latest
+    needs: release
+    steps:
+      - name: Trigger Dokploy redeploy
+        run: curl -X POST "${{ secrets.DOKPLOY_WEBHOOK_URL }}"

package.json

@@ -1,7 +1,7 @@
 {
   "name": "crumbs",
   "private": true,
-  "version": "0.1.0",
+  "version": "0.1.6",
   "type": "module",
   "scripts": {
     "dev": "vite dev",

src/lib/components/TiptapEditor.svelte

@@ -34,7 +34,8 @@
 			],
 			content,
 			onUpdate: ({ editor: e }) => {
-				onUpdate(e.storage.markdown.getMarkdown());
+				// eslint-disable-next-line @typescript-eslint/no-explicit-any
+				onUpdate((e.storage as Record<string, any>).markdown.getMarkdown());
 			},
 			onTransaction: () => {
 				// Trigger Svelte reactivity for active state checks

src/routes/+layout.server.ts

@@ -0,0 +1,5 @@
+import { version } from '../../package.json';
+
+export function load() {
+	return { appVersion: version };
+}

src/routes/+layout.svelte

@@ -6,7 +6,7 @@
 	import { loadNotes } from '$lib/stores/notes.js';
 	import { onMount } from 'svelte';
 
-	let { children } = $props();
+	let { data, children } = $props();
 	let sidebarOpen = $state(false);
 
 	onMount(() => {
@@ -25,7 +25,7 @@
 	</main>
 
 	<footer class="pb-4 pt-8 text-center text-xs text-gray-400 lg:ml-64">
-		Crumbs by Bretzel &mdash; made with 🥨 in Strasbourg
+		Crumbs by Bretzel v{data.appVersion} &mdash; made with 🥨 in Strasbourg
 	</footer>
 
 	<Toast />

static/manifest.webmanifest

@@ -1,27 +0,0 @@
-{
-	"name": "Crumbs by Bretzel",
-	"short_name": "Crumbs",
-	"description": "A self-hostable, offline-first note-taking app by Bretzel",
-	"start_url": "/",
-	"display": "standalone",
-	"background_color": "#202124",
-	"theme_color": "#f59e0b",
-	"icons": [
-		{
-			"src": "/icons/icon-192.png",
-			"sizes": "192x192",
-			"type": "image/png"
-		},
-		{
-			"src": "/icons/icon-512.png",
-			"sizes": "512x512",
-			"type": "image/png"
-		},
-		{
-			"src": "/icons/icon-512.png",
-			"sizes": "512x512",
-			"type": "image/png",
-			"purpose": "maskable"
-		}
-	]
-}

vite.config.ts

@@ -1,7 +1,42 @@
 import { sveltekit } from '@sveltejs/kit/vite';
+import { SvelteKitPWA } from '@vite-pwa/sveltekit';
 import tailwindcss from '@tailwindcss/vite';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-	plugins: [tailwindcss(), sveltekit()]
+	plugins: [
+		tailwindcss(),
+		sveltekit(),
+		SvelteKitPWA({
+			registerType: 'autoUpdate',
+			manifest: {
+				name: 'Crumbs by Bretzel',
+				short_name: 'Crumbs',
+				description: 'A self-hostable, offline-first note-taking app by Bretzel',
+				start_url: '/',
+				display: 'standalone',
+				background_color: '#202124',
+				theme_color: '#f59e0b',
+				icons: [
+					{ src: 'pwa-192x192.png', sizes: '192x192', type: 'image/png' },
+					{ src: 'pwa-512x512.png', sizes: '512x512', type: 'image/png' },
+					{ src: 'pwa-512x512.png', sizes: '512x512', type: 'image/png', purpose: 'maskable' }
+				]
+			},
+			workbox: {
+				globPatterns: ['client/**/*.{js,css,ico,png,svg,webp,woff,woff2}'],
+				navigateFallback: '/',
+				runtimeCaching: [
+					{
+						urlPattern: /^https?:\/\/.*\/api\//,
+						handler: 'NetworkFirst',
+						options: {
+							cacheName: 'api-cache',
+							expiration: { maxEntries: 50, maxAgeSeconds: 300 }
+						}
+					}
+				]
+			}
+		})
+	]
 });