mirror of
https://github.com/suitenumerique/meet.git
synced 2026-08-16 13:38:35 +00:00
lebaudantoine
f3626a2dc6
The MediaPipe assets were served under /assets, where the cache behavior differs between wasm and js files. As a result, clients could end up with a fresh js loader paired with a stale wasm binary (or vice versa), leaving MediaPipe out of sync. Copy the assets under a versioned route so the URL changes whenever the dependency version bumps. Clients then reload both the js and the wasm together, keeping them in sync.
88 lines
2.3 KiB
TypeScript
88 lines
2.3 KiB
TypeScript
import { readFileSync } from 'node:fs'
|
|
import { defineConfig, loadEnv } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
import { visualizer } from 'rollup-plugin-visualizer'
|
|
import svgr from 'vite-plugin-svgr'
|
|
import { viteStaticCopy } from 'vite-plugin-static-copy'
|
|
|
|
const mediapipeVersion: string = JSON.parse(
|
|
readFileSync(
|
|
new URL(
|
|
'./node_modules/@mediapipe/tasks-vision/package.json',
|
|
import.meta.url
|
|
),
|
|
'utf-8'
|
|
)
|
|
).version
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig(({ mode }) => {
|
|
const env = loadEnv(mode, process.cwd())
|
|
return {
|
|
define: {
|
|
__MEDIAPIPE_VERSION__: JSON.stringify(mediapipeVersion),
|
|
},
|
|
plugins: [
|
|
react(),
|
|
svgr({
|
|
svgrOptions: {
|
|
replaceAttrValues: {
|
|
'#000': 'currentColor',
|
|
'#000000': 'currentColor',
|
|
'#1f1f1f': 'currentColor',
|
|
},
|
|
},
|
|
}),
|
|
viteStaticCopy({
|
|
targets: [
|
|
{
|
|
src: 'node_modules/@mediapipe/tasks-vision/wasm/*',
|
|
dest: `assets/mediapipe/wasm/${mediapipeVersion}`,
|
|
rename: { stripBase: 4 },
|
|
},
|
|
{
|
|
// Kept out of public/ so the instance title reaches the manifest,
|
|
// the way index.html gets it through %VITE_APP_TITLE%.
|
|
src: 'site.webmanifest',
|
|
dest: '.',
|
|
transform: (content) => {
|
|
const title = env.VITE_APP_TITLE
|
|
return JSON.stringify({
|
|
...JSON.parse(content),
|
|
name: title,
|
|
short_name: title,
|
|
})
|
|
},
|
|
},
|
|
],
|
|
}),
|
|
env.VITE_ANALYZE === 'true' &&
|
|
visualizer({
|
|
open: true,
|
|
filename: 'rollup-plugin-visualizer/stats.html',
|
|
gzipSize: true,
|
|
brotliSize: true,
|
|
}),
|
|
],
|
|
resolve: {
|
|
tsconfigPaths: true,
|
|
},
|
|
build: {
|
|
sourcemap: env.VITE_BUILD_SOURCEMAP === 'true',
|
|
},
|
|
server: {
|
|
port: parseInt(env.VITE_PORT) || 3000,
|
|
host: env.VITE_HOST ?? 'localhost',
|
|
allowedHosts: ['.nip.io'],
|
|
// In a local dev setup, we proxy the media server ourselves to avoid CORS issues
|
|
proxy: {
|
|
'/media': {
|
|
target: 'http://localhost:8083',
|
|
changeOrigin: true,
|
|
secure: false,
|
|
},
|
|
},
|
|
},
|
|
}
|
|
})
|