feat: enable PWA offline support with service worker

Add SvelteKitPWA plugin to generate a service worker that precaches
static assets and uses NetworkFirst for API routes, enabling the app
to load offline. Generate pretzel emoji PWA icons and remove the old
static manifest (now generated by the plugin).

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,6 @@ jobs:
         uses: softprops/action-gh-release@v2
         with:
           generate_release_notes: true
+
+      - 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.3",
   "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

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 }
+						}
+					}
+				]
+			}
+		})
+	]
 });