mirror of
https://github.com/navidrome/navidrome.git
synced 2025-04-01 19:47:37 +03:00
a28462a7ab
1. For some bizarre reason, importing inflection by itself is undefined. But you can import specific functions 2. Per https://github.com/vite-pwa/vite-plugin-pwa/issues/419, `type: 'module',` is only for non-chromium browsers
74 lines
1.6 KiB
JavaScript
74 lines
1.6 KiB
JavaScript
import { defineConfig } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
import { VitePWA } from 'vite-plugin-pwa'
|
|
|
|
const frontendPort = parseInt(process.env.PORT) || 4533
|
|
const backendPort = frontendPort + 100
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
plugins: [
|
|
react(),
|
|
VitePWA({
|
|
manifest: manifest(),
|
|
strategies: 'injectManifest',
|
|
srcDir: 'src',
|
|
filename: 'sw.js',
|
|
devOptions: {
|
|
enabled: true,
|
|
},
|
|
}),
|
|
],
|
|
server: {
|
|
host: true,
|
|
port: frontendPort,
|
|
proxy: {
|
|
'^/(auth|api|rest|backgrounds)/.*': 'http://localhost:' + backendPort,
|
|
},
|
|
},
|
|
base: './',
|
|
build: {
|
|
outDir: 'build',
|
|
sourcemap: true,
|
|
},
|
|
test: {
|
|
globals: true,
|
|
environment: 'jsdom',
|
|
setupFiles: './src/setupTests.js',
|
|
css: true,
|
|
reporters: ['verbose'],
|
|
// reporters: ['default', 'hanging-process'],
|
|
coverage: {
|
|
reporter: ['text', 'json', 'html'],
|
|
include: ['src/**/*'],
|
|
exclude: [],
|
|
},
|
|
},
|
|
})
|
|
|
|
// PWA manifest
|
|
function manifest() {
|
|
return {
|
|
name: 'Navidrome',
|
|
short_name: 'Navidrome',
|
|
description:
|
|
'Navidrome, an open source web-based music collection server and streamer',
|
|
categories: ['music', 'entertainment'],
|
|
display: 'standalone',
|
|
start_url: './',
|
|
background_color: 'white',
|
|
theme_color: 'blue',
|
|
icons: [
|
|
{
|
|
src: './android-chrome-192x192.png',
|
|
sizes: '192x192',
|
|
type: 'image/png',
|
|
},
|
|
{
|
|
src: './android-chrome-512x512.png',
|
|
sizes: '512x512',
|
|
type: 'image/png',
|
|
},
|
|
],
|
|
}
|
|
}
|