108 lines
2.9 KiB
TypeScript
108 lines
2.9 KiB
TypeScript
import cp from 'node:child_process';
|
|
import url from 'node:url';
|
|
import path from 'node:path';
|
|
import fs from 'node:fs';
|
|
|
|
import { defineConfig } from 'vite';
|
|
import react from '@vitejs/plugin-react';
|
|
import wasm from 'vite-plugin-wasm';
|
|
import replace from '@rollup/plugin-replace';
|
|
import topLevelAwait from 'vite-plugin-top-level-await';
|
|
import { VitePWA } from 'vite-plugin-pwa';
|
|
|
|
const gitRoot = url.fileURLToPath(new URL('.', import.meta.url));
|
|
const pkg = JSON.parse(fs.readFileSync(gitRoot + '/package.json', 'utf-8'));
|
|
|
|
function command(cmd, dir = '') {
|
|
return cp.execSync(cmd, { cwd: path.join(gitRoot, dir), encoding: 'utf-8' }).trim();
|
|
}
|
|
|
|
const COMMAND_GIT_VERSION = 'git describe --long --dirty --tags --always';
|
|
const shortCommit = command(COMMAND_GIT_VERSION);
|
|
const version = `${pkg.version}-${shortCommit}`;
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
worker: {
|
|
format: 'es',
|
|
},
|
|
server: {
|
|
fs: {
|
|
// Note:
|
|
// This is _insecure_, but is required to get pnpm link to work.
|
|
// strict: false,
|
|
|
|
allow: [
|
|
'src',
|
|
'node_modules',
|
|
|
|
// Allow pnpm to link.
|
|
process.env.LIB_PARAKEET_JS_DIR || '../libparakeet-js',
|
|
],
|
|
},
|
|
},
|
|
base: './',
|
|
optimizeDeps: {
|
|
exclude: ['@jixun/libparakeet', 'sql.js'],
|
|
},
|
|
plugins: [
|
|
replace({
|
|
preventAssignment: true,
|
|
values: {
|
|
__APP_VERSION_SHORT__: pkg.version,
|
|
__APP_VERSION__: version,
|
|
},
|
|
}),
|
|
react(),
|
|
wasm(),
|
|
topLevelAwait(),
|
|
VitePWA({
|
|
registerType: 'prompt',
|
|
workbox: {
|
|
// Cache everything from dist
|
|
globPatterns: ['**/*.{js,css,html,ico,png,svg,wasm}'],
|
|
},
|
|
manifest: {
|
|
display: 'standalone',
|
|
name: '音乐解锁 (Unlock Music)',
|
|
short_name: '音乐解锁',
|
|
lang: 'zh-cmn-Hans-CN',
|
|
description: '在现代浏览器解锁已购的加密音乐！',
|
|
theme_color: '#ffffff',
|
|
icons: [
|
|
{
|
|
src: 'pwa-192x192.png',
|
|
sizes: '192x192',
|
|
type: 'image/png',
|
|
purpose: 'maskable',
|
|
},
|
|
{
|
|
src: 'pwa-512x512.png',
|
|
sizes: '512x512',
|
|
type: 'image/png',
|
|
},
|
|
],
|
|
},
|
|
}),
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
'~': path.resolve(__dirname, 'src'),
|
|
'@nm': path.resolve(__dirname, 'node_modules'),
|
|
module: path.resolve(__dirname, 'src', 'dummy.mjs'),
|
|
},
|
|
},
|
|
build: {
|
|
rollupOptions: {
|
|
output: {
|
|
manualChunks: {
|
|
reacts: ['react', 'react-dom', 'react-dropzone', 'react-promise-suspense', 'react-redux', '@reduxjs/toolkit'],
|
|
chakra: ['@chakra-ui/react', '@emotion/react', '@emotion/styled', 'framer-motion'],
|
|
icons: ['react-icons', '@chakra-ui/icons'],
|
|
utility: ['radash', 'nanoid', 'immer', 'react-syntax-highlighter'],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
});
|