Files
familysync/apps/pwa/vite.config.ts
T
Lucas BergerandClaude Opus 4.8 cc875de0eb
CI / changes (pull_request) Successful in 1s
CI / fast-checks (pull_request) Successful in 1m26s
CI / api (pull_request) Successful in 1m5s
CI / harness (pull_request) Successful in 4m16s
CI / security (pull_request) Successful in 39s
CI / gate (pull_request) Successful in 1s
chore(dev): allow tunnel host + all interfaces in Vite dev server
Reaching the dev PWA through the Pangolin/newt tunnel failed: Vite's default
host check 403s any non-localhost Host header ('Blocked request'), which the
tunnel health checks on / and /health read as unhealthy. Add allowedHosts:true
and host:true so the dev server accepts the tunnel hostname and listens on all
interfaces. Dev-only config; the production image serves the built PWA itself.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-14 19:03:38 -04:00

61 lines
2.3 KiB
TypeScript

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { VitePWA } from 'vite-plugin-pwa';
export default defineConfig({
plugins: [
react(),
VitePWA({
registerType: 'autoUpdate',
// ⚠️ CRITICAL (T-03-20): generateSW migrated to injectManifest so the custom
// sw.ts can add push + notificationclick handlers while preserving the /callback
// denylist. The denylist is re-implemented explicitly in src/sw.ts.
strategies: 'injectManifest',
srcDir: 'src',
filename: 'sw.ts',
// rolldownOptions: force the SW output to IIFE so the output file is sw.js
// (not sw.mjs). Vite 8 + vite-plugin-pwa 1.3.x defaults to ES module SW format
// when the source is .ts, producing sw.mjs. The registerSW.js generated by
// the plugin registers '/sw.js', so the filenames must match.
rolldownOptions: {
output: {
format: 'iife',
},
},
injectManifest: {
// Prevent /callback-related URLs from appearing in the precache manifest.
globIgnores: ['**/node_modules/**', '**/callback**'],
},
manifest: {
name: 'FamilySync',
short_name: 'FamilySync',
description: 'Family calendar and lists',
theme_color: '#4A90D9',
background_color: '#ffffff',
display: 'standalone',
scope: '/',
start_url: '/',
icons: [
{ src: '/icon-192.png', sizes: '192x192', type: 'image/png' },
{ src: '/icon-512.png', sizes: '512x512', type: 'image/png' },
{ src: '/icon-512.png', sizes: '512x512', type: 'image/png', purpose: 'maskable' },
],
},
}),
],
server: {
// Dev box reached through the Pangolin/newt tunnel: Vite's default host check
// 403s any non-localhost Host header ("Blocked request"), which the tunnel
// health check reads as unhealthy. `true` accepts any host (fine for a private
// throwaway dev tunnel); replace with e.g. ['familysync.example.com'] to scope it.
allowedHosts: true,
// Listen on all interfaces so newt can reach Vite via the box IP, not just localhost.
host: true,
proxy: {
'/health': 'http://localhost:3000',
'/api': 'http://localhost:3000',
'/callback': 'http://localhost:3000',
},
},
});