ea34058fa7
* chore(vite): use vite * fix(vite): alias lib directory * chore(vite): set type: module * chore: update vite and MUI * fix(vite): make MUI components load * fix: use node path resolution * chore(vite): add svg support * fix(vite): polyfill global * fix(vite): use import.meta * fix(vite): use correct svg module resolution * chore(vite): migrate to vitest * fix(vite): remove PUBLIC_URL * fix(tests): mock audio service * chore(deps): upgrade to react test library 14 * refactor(tests): simplify room test setup * refactor(tests): make Date.now() mockable * refactor(vite): remove bootstrap shim * chore(deps): drop react-scripts * chore(deps): remove source-map-explorer Source maps do not currently work with MUI and Vite: https://github.com/vitejs/vite/issues/15012 Because of this, source map utilities are currently removed. * refactor(vite): use TypeScript for Vite config * chore(actions): update actions config for new paths * fix(service-worker): use VITE_HOMEPAGE for service worker resolution * fix(vercel): use quotes for build command * fix(vite): use import.meta.env.MODE * fix(service-worker): use correct definition for publicUrl * feat(vite): use vite-plugin-pwa * fix(pwa): make update prompt work * fix(types): use vite/client types * docs(readme): update building instructions * refactor(vite): simplify theme loading workaround * refactor(vite): use manifest object * docs(readme): update tool references * chore(deps): run `npm audit fix` * fix(vite): make syntax highlighter work consistently See: https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/513 * fix(pwa): remove manifest.json references * refactor(deps): remove jest references * refactor(types): remove react-scripts reference * chore(deps): use TypeScript 5 * refactor(tests): improve persisted storage mocking
88 lines
1.9 KiB
TypeScript
88 lines
1.9 KiB
TypeScript
/// <reference types="vitest" />
|
|
import path from 'path'
|
|
|
|
import { fileURLToPath } from 'url'
|
|
|
|
import { defineConfig } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
import svgr from 'vite-plugin-svgr'
|
|
import { nodePolyfills } from 'vite-plugin-node-polyfills'
|
|
import macrosPlugin from 'vite-plugin-babel-macros'
|
|
import { VitePWA } from 'vite-plugin-pwa'
|
|
|
|
import { manifest } from './manifest'
|
|
|
|
const srcPaths = [
|
|
'components',
|
|
'config',
|
|
'contexts',
|
|
'lib',
|
|
'models',
|
|
'pages',
|
|
'services',
|
|
'img',
|
|
'utils',
|
|
'test-utils',
|
|
]
|
|
|
|
const srcPathAliases = srcPaths.reduce((acc, dir) => {
|
|
acc[dir] = path.resolve(__dirname, `./src/${dir}`)
|
|
return acc
|
|
}, {})
|
|
|
|
const config = () => {
|
|
return defineConfig({
|
|
build: {
|
|
// NOTE: This isn't really working. At the very least, it's still useful
|
|
// for exposing source code to users.
|
|
// See: https://github.com/vitejs/vite/issues/15012#issuecomment-1956429165
|
|
sourcemap: true,
|
|
},
|
|
plugins: [
|
|
svgr({
|
|
include: '**/*.svg?react',
|
|
}),
|
|
react(),
|
|
macrosPlugin(),
|
|
nodePolyfills({
|
|
globals: {
|
|
Buffer: true,
|
|
global: true,
|
|
process: true,
|
|
},
|
|
protocolImports: true,
|
|
}),
|
|
VitePWA({
|
|
registerType: 'prompt',
|
|
devOptions: {
|
|
enabled: false,
|
|
},
|
|
injectRegister: 'auto',
|
|
manifest,
|
|
}),
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
webtorrent: fileURLToPath(
|
|
new URL(
|
|
'./node_modules/webtorrent/webtorrent.min.js',
|
|
import.meta.url
|
|
)
|
|
),
|
|
...srcPathAliases,
|
|
},
|
|
},
|
|
test: {
|
|
globals: true,
|
|
environment: 'jsdom',
|
|
setupFiles: './src/setupTests.ts',
|
|
coverage: {
|
|
reporter: ['text', 'html'],
|
|
exclude: ['node_modules/', 'src/setupTests.ts'],
|
|
},
|
|
},
|
|
})
|
|
}
|
|
|
|
export default config
|