Jean
b615339ae1
You had to reload the tab by hand to pick up a new build, and when the service worker did reload it was an abrupt white flash. Now the build stamps version.json with the commit and the running app (which already knows its own __GIT_COMMIT__) polls it whenever the tab regains focus. When a newer build is live it cross-fades a themed curtain (the theme's own --bg + accent spinner) and reloads, then holds that curtain over the fresh load until the app mounts and fades it out - so it reads as an in-place refresh, no flash, no manual reload. If you're mid-message it waits until the composer is empty (or the tab is hidden) before reloading, and a loop guard stops it re-reloading for a commit it already tried. sw.js serves version.json network-only so the probe always sees the live id; index.html restores the themed bg pre-paint so dark themes don't flash light. Existing open tabs need one manual reload to pick up this machinery; after that it's automatic.
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import { defineConfig, type Plugin } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
import { execSync } from 'node:child_process'
|
|
import { readFileSync } from 'node:fs'
|
|
|
|
const pkg = JSON.parse(readFileSync('./package.json', 'utf8'))
|
|
let commit = ''
|
|
try { commit = execSync('git rev-parse --short HEAD').toString().trim() } catch { /* not a git checkout */ }
|
|
|
|
// Stamp the built app with its commit so the running client can poll for a newer
|
|
// deploy (src/ui/appUpdate.ts) and refresh itself in place, no manual reload.
|
|
const emitVersion: Plugin = {
|
|
name: 'emit-version',
|
|
apply: 'build',
|
|
generateBundle() {
|
|
this.emitFile({
|
|
type: 'asset',
|
|
fileName: 'version.json',
|
|
source: JSON.stringify({ commit, builtAt: new Date().toISOString() }),
|
|
})
|
|
},
|
|
}
|
|
|
|
// Served from https://tchatou.fr/app/ (must be an allowed websocket origin).
|
|
// https://vite.dev/config/
|
|
export default defineConfig({
|
|
base: '/app/',
|
|
plugins: [react(), emitVersion],
|
|
define: {
|
|
__APP_VERSION__: JSON.stringify(pkg.version),
|
|
__BUILD_TIME__: JSON.stringify(new Date().toISOString()),
|
|
__GIT_COMMIT__: JSON.stringify(commit),
|
|
},
|
|
})
|