L'électron rare
aa81b39600
Add playwright.config.ts with webServer configured to run build and preview on port 4173. Add e2e/smoke.spec.ts with 4 smoke tests: rel=me anchor presence, all identity links in HTML, canvas and HUD visibility, and reduced motion fallback rendering. Restructure App.tsx to render Scroller outside #demo div to fix selector ambiguity in e2e tests. Add test.exclude to vite.config.ts to prevent vitest from running playwright tests.
54 lines
2.0 KiB
TypeScript
54 lines
2.0 KiB
TypeScript
import { copyFileSync, existsSync } from 'node:fs'
|
|
import { resolve } from 'node:path'
|
|
import { defineConfig, type Plugin } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
import { renderFallbackHtml } from './src/fallback/inject'
|
|
|
|
function fallbackPlugin(): Plugin {
|
|
return {
|
|
name: 'inject-fallback',
|
|
transformIndexHtml: (html) => renderFallbackHtml(html),
|
|
}
|
|
}
|
|
|
|
// chiptune3's chiptune3.worklet.js does `import libopenmptPromise from
|
|
// './libopenmpt.worklet.js'` — a plain relative import. Vite's `new URL(...,
|
|
// import.meta.url)` handling (used internally by chiptune3.js to load the
|
|
// worklet) copies chiptune3.worklet.js into the build output verbatim but
|
|
// does not follow that nested relative import, so libopenmpt.worklet.js is
|
|
// missing from `dist/` and AudioWorklet.addModule() fails at runtime
|
|
// ("Unable to load a worklet's module."). Copy the sibling file next to the
|
|
// emitted worklet chunk so the relative import resolves in prod too.
|
|
function chiptuneWorkletFix(): Plugin {
|
|
let outDir = 'dist'
|
|
let assetsDir = 'assets'
|
|
return {
|
|
name: 'chiptune3-worklet-fix',
|
|
configResolved(config) {
|
|
outDir = config.build.outDir
|
|
assetsDir = config.build.assetsDir
|
|
},
|
|
closeBundle() {
|
|
const src = resolve('node_modules/chiptune3/libopenmpt.worklet.js')
|
|
if (!existsSync(src)) return
|
|
const dest = resolve(outDir, assetsDir, 'libopenmpt.worklet.js')
|
|
copyFileSync(src, dest)
|
|
},
|
|
}
|
|
}
|
|
|
|
export default defineConfig({
|
|
plugins: [react(), fallbackPlugin(), chiptuneWorkletFix()],
|
|
optimizeDeps: {
|
|
// In dev, esbuild's dep pre-bundling copies chiptune3.js into
|
|
// node_modules/.vite/deps/, which breaks its internal
|
|
// `new URL('./chiptune3.worklet.js', import.meta.url)` (the worklet
|
|
// sibling file isn't copied along). Excluding it keeps chiptune3
|
|
// served straight from node_modules, where the relative lookup works.
|
|
exclude: ['chiptune3'],
|
|
},
|
|
test: {
|
|
exclude: ['node_modules', 'dist', 'e2e'],
|
|
},
|
|
})
|