931 lines
36 KiB
TypeScript
931 lines
36 KiB
TypeScript
import wasm from 'vite-plugin-wasm'
|
||
import { fileURLToPath } from 'url'
|
||
|
||
// 解析自定义 SEO 和 PWA 配置
|
||
let customSeoConfig: { title?: string; shortName?: string; description?: string; logo?: string } =
|
||
{}
|
||
try {
|
||
if (process.env.NUXT_PUBLIC_SEO_CONFIG) {
|
||
customSeoConfig = JSON.parse(process.env.NUXT_PUBLIC_SEO_CONFIG)
|
||
}
|
||
} catch (e) {
|
||
console.warn('解析 NUXT_PUBLIC_SEO_CONFIG 失败，请检查 JSON 格式:', e)
|
||
}
|
||
|
||
const siteTitle =
|
||
customSeoConfig.title || process.env.NUXT_PUBLIC_SITE_TITLE || 'VoiceHub校园广播站点歌系统'
|
||
const siteShortName = customSeoConfig.shortName || '校园广播'
|
||
const siteDescription =
|
||
customSeoConfig.description ||
|
||
process.env.NUXT_PUBLIC_SITE_DESCRIPTION ||
|
||
'校园广播站点歌系统 - 让你的声音被听见'
|
||
const siteLogo = customSeoConfig.logo || process.env.NUXT_PUBLIC_SITE_LOGO || '/themes/ClassicDark/logo.svg'
|
||
|
||
const readNumberEnv = (value: string | undefined, fallback: number): number => {
|
||
if (!value) return fallback
|
||
const parsed = Number(value)
|
||
if (!Number.isFinite(parsed)) return fallback
|
||
|
||
// For unit-interval settings (for example, Sentry sample rates), reject
|
||
// out-of-range environment values and fall back to the safe default.
|
||
if (fallback >= 0 && fallback <= 1) {
|
||
return parsed >= 0 && parsed <= 1 ? parsed : fallback
|
||
}
|
||
|
||
return parsed
|
||
}
|
||
|
||
const ssrInlineLyricPackages = ['@applemusic-like-lyrics/lyric']
|
||
|
||
const backendSentryDsnDefault =
|
||
'https://2fca0c8a939c8909e02c082ec847e8e8@o4508946125619200.ingest.de.sentry.io/4511244961448016'
|
||
const frontendSentryDsnDefault =
|
||
'https://3c4fe5353816bcdce36e7cc28703c8fa@o4508946125619200.ingest.de.sentry.io/4511244934774864'
|
||
// Sentry 仅在生产环境启用；Vercel/Netlify 预览部署（测试环境）自动关闭，避免收集测试错误
|
||
// 可显式设置 SENTRY_ENABLED=true/false 强制覆盖，未设置时按 NODE_ENV 与部署环境判断
|
||
const isPreviewDeployment =
|
||
process.env.VERCEL_ENV === 'preview' ||
|
||
process.env.CONTEXT === 'deploy-preview' ||
|
||
process.env.CONTEXT === 'branch-deploy'
|
||
const sentryRuntimeEnabled =
|
||
process.env.SENTRY_ENABLED !== undefined
|
||
? process.env.SENTRY_ENABLED === 'true'
|
||
: process.env.NODE_ENV === 'production' && !isPreviewDeployment
|
||
const jwtSecret = process.env.JWT_SECRET || ''
|
||
|
||
// 构造绝对路径 Logo URL 用于 SEO 标签，如果没有 host，则回退为相对路径
|
||
const host = process.env.NUXT_PUBLIC_HOST
|
||
if (!host && !siteLogo.startsWith('http') && process.env.NODE_ENV === 'production') {
|
||
console.warn(
|
||
'警告: 在生产环境中未配置 NUXT_PUBLIC_HOST，且 siteLogo 使用了相对路径。这可能会导致网站无法正确抓取和显示预览图。'
|
||
)
|
||
}
|
||
const absoluteLogo =
|
||
siteLogo.startsWith('http') || siteLogo.startsWith('//') || !host
|
||
? siteLogo
|
||
: (host.startsWith('http') ? '' : 'https://') +
|
||
host.replace(/\/$/, '') +
|
||
'/' +
|
||
siteLogo.replace(/^\//, '')
|
||
|
||
// https://nuxt.com/docs/api/configuration/nuxt-config
|
||
export default defineNuxtConfig({
|
||
compatibilityDate: '2026-01-30',
|
||
future: {
|
||
compatibilityVersion: 4
|
||
},
|
||
srcDir: 'app',
|
||
serverDir: fileURLToPath(new URL('./server', import.meta.url)),
|
||
dir: {
|
||
public: fileURLToPath(new URL('./public', import.meta.url))
|
||
},
|
||
devtools: { enabled: process.env.NODE_ENV === 'development' },
|
||
devServer: {
|
||
host: '0.0.0.0', // 允许局域网访问
|
||
port: 3000
|
||
},
|
||
modules: [
|
||
'@unocss/nuxt',
|
||
'@vite-pwa/nuxt',
|
||
...(process.env.NODE_ENV === 'development' || process.env.npm_lifecycle_event?.includes('lint')
|
||
? ['@nuxt/eslint']
|
||
: [])
|
||
],
|
||
|
||
// UnoCSS 配置
|
||
unocss: {
|
||
presets: [
|
||
// Tailwind 3 / Windi CSS compact preset — 完全兼容 Tailwind 类名
|
||
() => import('@unocss/preset-wind3').then(m => m.presetWind3())
|
||
],
|
||
// 将 Tailwind 语义化颜色映射到 CSS 变量，实现主题自适应
|
||
theme: {
|
||
colors: {
|
||
// === 主色调 ===
|
||
primary: 'var(--primary)',
|
||
'primary-hover': 'var(--primary-hover)',
|
||
'primary-light': 'var(--primary-light)',
|
||
'primary-border': 'var(--primary-border)',
|
||
// === 语义色 ===
|
||
success: 'var(--success)',
|
||
'success-hover': 'var(--success-hover)',
|
||
'success-light': 'var(--success-light)',
|
||
'success-border': 'var(--success-border)',
|
||
warning: 'var(--warning)',
|
||
'warning-hover': 'var(--warning-hover)',
|
||
'warning-light': 'var(--warning-light)',
|
||
'warning-border': 'var(--warning-border)',
|
||
error: 'var(--error)',
|
||
'error-hover': 'var(--error-hover)',
|
||
'error-light': 'var(--error-light)',
|
||
'error-border': 'var(--error-border)',
|
||
// === 背景色 ===
|
||
'bg-primary': 'var(--bg-primary)',
|
||
'bg-secondary': 'var(--bg-secondary)',
|
||
'bg-tertiary': 'var(--bg-tertiary)',
|
||
'bg-quaternary': 'var(--bg-quaternary)',
|
||
'bg-hover': 'var(--bg-hover)',
|
||
// === 文字颜色 ===
|
||
'text-primary': 'var(--text-primary)',
|
||
'text-secondary': 'var(--text-secondary)',
|
||
'text-tertiary': 'var(--text-tertiary)',
|
||
'text-quaternary': 'var(--text-quaternary)',
|
||
'text-disabled': 'var(--text-disabled)',
|
||
// === 边框颜色 ===
|
||
'border-primary': 'var(--border-primary)',
|
||
'border-secondary': 'var(--border-secondary)',
|
||
'border-tertiary': 'var(--border-tertiary)',
|
||
'border-quaternary': 'var(--border-quaternary)',
|
||
// === Alpha 透明度变量 ===
|
||
'primary-5': 'var(--primary-5)',
|
||
'primary-10': 'var(--primary-10)',
|
||
'primary-20': 'var(--primary-20)',
|
||
'primary-30': 'var(--primary-30)',
|
||
'primary-40': 'var(--primary-40)',
|
||
'primary-50': 'var(--primary-50)',
|
||
'primary-60': 'var(--primary-60)',
|
||
'primary-80': 'var(--primary-80)',
|
||
'primary-hover-5': 'var(--primary-hover-5)',
|
||
'primary-hover-10': 'var(--primary-hover-10)',
|
||
'primary-hover-20': 'var(--primary-hover-20)',
|
||
'primary-hover-30': 'var(--primary-hover-30)',
|
||
'success-5': 'var(--success-5)',
|
||
'success-10': 'var(--success-10)',
|
||
'success-20': 'var(--success-20)',
|
||
'success-30': 'var(--success-30)',
|
||
'success-40': 'var(--success-40)',
|
||
'success-50': 'var(--success-50)',
|
||
'success-70': 'var(--success-70)',
|
||
'success-80': 'var(--success-80)',
|
||
'success-hover-5': 'var(--success-hover-5)',
|
||
'success-hover-10': 'var(--success-hover-10)',
|
||
'success-hover-20': 'var(--success-hover-20)',
|
||
'warning-5': 'var(--warning-5)',
|
||
'warning-10': 'var(--warning-10)',
|
||
'warning-15': 'var(--warning-15)',
|
||
'warning-20': 'var(--warning-20)',
|
||
'warning-25': 'var(--warning-25)',
|
||
'warning-30': 'var(--warning-30)',
|
||
'warning-40': 'var(--warning-40)',
|
||
'warning-50': 'var(--warning-50)',
|
||
'warning-80': 'var(--warning-80)',
|
||
'warning-200': 'var(--warning-200)',
|
||
'warning-300': 'var(--warning-300)',
|
||
'warning-hover-5': 'var(--warning-hover-5)',
|
||
'warning-hover-10': 'var(--warning-hover-10)',
|
||
'warning-hover-15': 'var(--warning-hover-15)',
|
||
'warning-hover-20': 'var(--warning-hover-20)',
|
||
'warning-hover-25': 'var(--warning-hover-25)',
|
||
'warning-hover-30': 'var(--warning-hover-30)',
|
||
'warning-hover-40': 'var(--warning-hover-40)',
|
||
'warning-hover-50': 'var(--warning-hover-50)',
|
||
'error-5': 'var(--error-5)',
|
||
'error-10': 'var(--error-10)',
|
||
'error-15': 'var(--error-15)',
|
||
'error-20': 'var(--error-20)',
|
||
'error-30': 'var(--error-30)',
|
||
'error-40': 'var(--error-40)',
|
||
'error-50': 'var(--error-50)',
|
||
'error-60': 'var(--error-60)',
|
||
'error-70': 'var(--error-70)',
|
||
'error-80': 'var(--error-80)',
|
||
'error-hover-5': 'var(--error-hover-5)',
|
||
'error-hover-10': 'var(--error-hover-10)',
|
||
'error-hover-15': 'var(--error-hover-15)',
|
||
'error-hover-20': 'var(--error-hover-20)',
|
||
'error-hover-30': 'var(--error-hover-30)',
|
||
'info-5': 'var(--info-5)',
|
||
'info-10': 'var(--info-10)',
|
||
'info-20': 'var(--info-20)',
|
||
'info-30': 'var(--info-30)',
|
||
'info-40': 'var(--info-40)',
|
||
'info-50': 'var(--info-50)',
|
||
'info-hover-5': 'var(--info-hover-5)',
|
||
'info-hover-10': 'var(--info-hover-10)',
|
||
'info-hover-20': 'var(--info-hover-20)',
|
||
'info-hover-30': 'var(--info-hover-30)',
|
||
'info-hover-40': 'var(--info-hover-40)',
|
||
'info-hover-50': 'var(--info-hover-50)',
|
||
'bg-primary-5': 'var(--bg-primary-5)',
|
||
'bg-primary-10': 'var(--bg-primary-10)',
|
||
'bg-primary-20': 'var(--bg-primary-20)',
|
||
'bg-primary-25': 'var(--bg-primary-25)',
|
||
'bg-primary-30': 'var(--bg-primary-30)',
|
||
'bg-primary-40': 'var(--bg-primary-40)',
|
||
'bg-primary-45': 'var(--bg-primary-45)',
|
||
'bg-primary-50': 'var(--bg-primary-50)',
|
||
'bg-primary-60': 'var(--bg-primary-60)',
|
||
'bg-primary-70': 'var(--bg-primary-70)',
|
||
'bg-primary-80': 'var(--bg-primary-80)',
|
||
'bg-primary-85': 'var(--bg-primary-85)',
|
||
'bg-primary-90': 'var(--bg-primary-90)',
|
||
'bg-primary-95': 'var(--bg-primary-95)',
|
||
'bg-secondary-5': 'var(--bg-secondary-5)',
|
||
'bg-secondary-10': 'var(--bg-secondary-10)',
|
||
'bg-secondary-15': 'var(--bg-secondary-15)',
|
||
'bg-secondary-20': 'var(--bg-secondary-20)',
|
||
'bg-secondary-30': 'var(--bg-secondary-30)',
|
||
'bg-secondary-40': 'var(--bg-secondary-40)',
|
||
'bg-secondary-50': 'var(--bg-secondary-50)',
|
||
'bg-secondary-60': 'var(--bg-secondary-60)',
|
||
'bg-secondary-70': 'var(--bg-secondary-70)',
|
||
'bg-secondary-80': 'var(--bg-secondary-80)',
|
||
'bg-secondary-90': 'var(--bg-secondary-90)',
|
||
'bg-secondary-95': 'var(--bg-secondary-95)',
|
||
'bg-tertiary-20': 'var(--bg-tertiary-20)',
|
||
'bg-tertiary-30': 'var(--bg-tertiary-30)',
|
||
'bg-tertiary-40': 'var(--bg-tertiary-40)',
|
||
'bg-tertiary-50': 'var(--bg-tertiary-50)',
|
||
'bg-tertiary-60': 'var(--bg-tertiary-60)',
|
||
'bg-tertiary-70': 'var(--bg-tertiary-70)',
|
||
'bg-tertiary-80': 'var(--bg-tertiary-80)',
|
||
'bg-quaternary-10': 'var(--bg-quaternary-10)',
|
||
'bg-quaternary-50': 'var(--bg-quaternary-50)',
|
||
'border-secondary-30': 'var(--border-secondary-30)',
|
||
'border-secondary-40': 'var(--border-secondary-40)',
|
||
'border-secondary-50': 'var(--border-secondary-50)',
|
||
'border-secondary-60': 'var(--border-secondary-60)',
|
||
'border-secondary-70': 'var(--border-secondary-70)',
|
||
'border-secondary-80': 'var(--border-secondary-80)',
|
||
'border-tertiary-20': 'var(--border-tertiary-20)',
|
||
'border-tertiary-30': 'var(--border-tertiary-30)',
|
||
'border-tertiary-50': 'var(--border-tertiary-50)',
|
||
'text-primary-10': 'var(--text-primary-10)',
|
||
'text-primary-20': 'var(--text-primary-20)',
|
||
'text-primary-60': 'var(--text-primary-60)',
|
||
'text-primary-80': 'var(--text-primary-80)',
|
||
'text-error-20': 'var(--text-error-20)',
|
||
'text-error-50': 'var(--text-error-50)',
|
||
'text-error-60': 'var(--text-error-60)',
|
||
'text-error-70': 'var(--text-error-70)',
|
||
'text-error-80': 'var(--text-error-80)',
|
||
'text-success-50': 'var(--text-success-50)',
|
||
'text-success-70': 'var(--text-success-70)',
|
||
'text-success-80': 'var(--text-success-80)',
|
||
'text-warning-80': 'var(--text-warning-80)',
|
||
|
||
// === 用途化变量 — 品牌色 ===
|
||
// brand-* 旧命名（向后兼容）
|
||
'brand-blue': 'var(--color-accent)',
|
||
'brand-blue-light': 'var(--color-accent-light)',
|
||
'brand-blue-hover': 'var(--color-accent-hover)',
|
||
'brand-blue-light-hover': 'var(--color-accent-light-hover)',
|
||
'brand-blue-glow': 'var(--color-accent-glow)',
|
||
'brand-red': 'var(--color-error)',
|
||
'brand-red-light': 'var(--color-error-light)',
|
||
'brand-red-hover': 'var(--color-error-hover)',
|
||
'brand-red-glow': 'var(--color-error-glow)',
|
||
'brand-green': 'var(--color-success)',
|
||
'brand-green-light': 'var(--color-success-light)',
|
||
'brand-green-hover': 'var(--color-success-hover)',
|
||
'brand-green-glow': 'var(--color-success-glow)',
|
||
'brand-yellow': 'var(--color-warning)',
|
||
'brand-yellow-light': 'var(--color-warning-light)',
|
||
'brand-yellow-hover': 'var(--color-warning-hover)',
|
||
'brand-yellow-glow': 'var(--color-warning-glow)',
|
||
'brand-orange': 'var(--color-orange)',
|
||
'brand-orange-light': 'var(--color-orange-light)',
|
||
'brand-orange-hover': 'var(--color-orange-hover)',
|
||
'brand-orange-glow': 'var(--color-orange-glow)',
|
||
'brand-purple': 'var(--color-collab)',
|
||
'brand-purple-hover': 'var(--color-collab-hover)',
|
||
'brand-purple-light': 'var(--color-collab-light)',
|
||
'brand-purple-lighter': 'var(--color-collab-lighter)',
|
||
'brand-purple-glow': 'var(--color-collab-glow)',
|
||
'brand-pink': 'var(--color-pink)',
|
||
'brand-cyan': 'var(--color-cyan)',
|
||
'brand-teal': 'var(--color-teal)',
|
||
'brand-indigo': 'var(--color-indigo)',
|
||
'brand-indigo-hover': 'var(--color-indigo-hover)',
|
||
|
||
// === 用途化变量 — 通用语义色（accent=强调色, error=错误, success=成功, warning=警告, collab=协作, orange=橙色） ===
|
||
'accent': 'var(--color-accent)',
|
||
'accent-light': 'var(--color-accent-light)',
|
||
'accent-hover': 'var(--color-accent-hover)',
|
||
'accent-light-hover': 'var(--color-accent-light-hover)',
|
||
'accent-glow': 'var(--color-accent-glow)',
|
||
'color-accent': 'var(--color-accent)',
|
||
'color-accent-light': 'var(--color-accent-light)',
|
||
'color-accent-hover': 'var(--color-accent-hover)',
|
||
'color-accent-light-hover': 'var(--color-accent-light-hover)',
|
||
'color-accent-glow': 'var(--color-accent-glow)',
|
||
'color-accent-alpha-10': 'var(--color-accent-alpha-10)',
|
||
'color-accent-alpha-12': 'var(--color-accent-alpha-12)',
|
||
'color-accent-alpha-15': 'var(--color-accent-alpha-15)',
|
||
'color-accent-alpha-18': 'var(--color-accent-alpha-18)',
|
||
'color-accent-alpha-20': 'var(--color-accent-alpha-20)',
|
||
'color-accent-alpha-25': 'var(--color-accent-alpha-25)',
|
||
'color-accent-alpha-30': 'var(--color-accent-alpha-30)',
|
||
'color-accent-alpha-40': 'var(--color-accent-alpha-40)',
|
||
'color-accent-alpha-50': 'var(--color-accent-alpha-50)',
|
||
'color-accent-alpha-60': 'var(--color-accent-alpha-60)',
|
||
'color-accent-alpha-80': 'var(--color-accent-alpha-80)',
|
||
'error': 'var(--color-error)',
|
||
'error-light': 'var(--color-error-light)',
|
||
'error-hover': 'var(--color-error-hover)',
|
||
'error-glow': 'var(--color-error-glow)',
|
||
'color-error': 'var(--color-error)',
|
||
'color-error-light': 'var(--color-error-light)',
|
||
'color-error-hover': 'var(--color-error-hover)',
|
||
'color-error-glow': 'var(--color-error-glow)',
|
||
'success': 'var(--color-success)',
|
||
'success-light': 'var(--color-success-light)',
|
||
'success-hover': 'var(--color-success-hover)',
|
||
'success-glow': 'var(--color-success-glow)',
|
||
'color-success': 'var(--color-success)',
|
||
'color-success-light': 'var(--color-success-light)',
|
||
'color-success-hover': 'var(--color-success-hover)',
|
||
'color-success-glow': 'var(--color-success-glow)',
|
||
'warning': 'var(--color-warning)',
|
||
'warning-light': 'var(--color-warning-light)',
|
||
'warning-hover': 'var(--color-warning-hover)',
|
||
'warning-glow': 'var(--color-warning-glow)',
|
||
'color-warning': 'var(--color-warning)',
|
||
'color-warning-light': 'var(--color-warning-light)',
|
||
'color-warning-hover': 'var(--color-warning-hover)',
|
||
'color-warning-glow': 'var(--color-warning-glow)',
|
||
'orange': 'var(--color-orange)',
|
||
'orange-light': 'var(--color-orange-light)',
|
||
'orange-hover': 'var(--color-orange-hover)',
|
||
'orange-glow': 'var(--color-orange-glow)',
|
||
'color-orange': 'var(--color-orange)',
|
||
'color-orange-light': 'var(--color-orange-light)',
|
||
'color-orange-hover': 'var(--color-orange-hover)',
|
||
'color-orange-glow': 'var(--color-orange-glow)',
|
||
'collab': 'var(--color-collab)',
|
||
'collab-hover': 'var(--color-collab-hover)',
|
||
'collab-light': 'var(--color-collab-light)',
|
||
'collab-lighter': 'var(--color-collab-lighter)',
|
||
'collab-glow': 'var(--color-collab-glow)',
|
||
'color-collab': 'var(--color-collab)',
|
||
'color-collab-hover': 'var(--color-collab-hover)',
|
||
'color-collab-light': 'var(--color-collab-light)',
|
||
'color-collab-lighter': 'var(--color-collab-lighter)',
|
||
'color-collab-glow': 'var(--color-collab-glow)',
|
||
'color-collab-10': 'var(--color-collab-10)',
|
||
'pink': 'var(--color-pink)',
|
||
'color-pink': 'var(--color-pink)',
|
||
'color-pink-alpha-10': 'var(--color-pink-alpha-10)',
|
||
'color-pink-alpha-20': 'var(--color-pink-alpha-20)',
|
||
'cyan': 'var(--color-cyan)',
|
||
'color-cyan': 'var(--color-cyan)',
|
||
'teal': 'var(--color-teal)',
|
||
'color-teal': 'var(--color-teal)',
|
||
'indigo': 'var(--color-indigo)',
|
||
'indigo-hover': 'var(--color-indigo-hover)',
|
||
'color-indigo': 'var(--color-indigo)',
|
||
'color-indigo-hover': 'var(--color-indigo-hover)',
|
||
|
||
// === 用途化变量 — OAuth 第三方平台独立品牌色（--oauth-*） ===
|
||
'oauth-qq': 'var(--oauth-qq)',
|
||
'oauth-wx': 'var(--oauth-wx)',
|
||
'oauth-alipay': 'var(--oauth-alipay)',
|
||
'oauth-sina': 'var(--oauth-sina)',
|
||
'oauth-baidu': 'var(--oauth-baidu)',
|
||
'oauth-douyin': 'var(--oauth-douyin)',
|
||
'oauth-huawei': 'var(--oauth-huawei)',
|
||
'oauth-xiaomi': 'var(--oauth-xiaomi)',
|
||
'oauth-gitee': 'var(--oauth-gitee)',
|
||
'oauth-bilibili': 'var(--oauth-bilibili)',
|
||
'oauth-kuaishou': 'var(--oauth-kuaishou)',
|
||
'oauth-casdoor': 'var(--oauth-casdoor)',
|
||
// Google 四色
|
||
'oauth-google-blue': 'var(--oauth-google-blue)',
|
||
'oauth-google-red': 'var(--oauth-google-red)',
|
||
'oauth-google-yellow': 'var(--oauth-google-yellow)',
|
||
'oauth-google-green': 'var(--oauth-google-green)',
|
||
// 旧命名向后兼容
|
||
'color-oauth-qq': 'var(--oauth-qq)',
|
||
'color-oauth-wx': 'var(--oauth-wx)',
|
||
'color-oauth-alipay': 'var(--oauth-alipay)',
|
||
'color-oauth-sina': 'var(--oauth-sina)',
|
||
'color-oauth-baidu': 'var(--oauth-baidu)',
|
||
'color-oauth-douyin': 'var(--oauth-douyin)',
|
||
'color-oauth-huawei': 'var(--oauth-huawei)',
|
||
'color-oauth-xiaomi': 'var(--oauth-xiaomi)',
|
||
'color-oauth-gitee': 'var(--oauth-gitee)',
|
||
'color-oauth-bilibili': 'var(--oauth-bilibili)',
|
||
'color-oauth-kuaishou': 'var(--oauth-kuaishou)',
|
||
|
||
// === 用途化变量 — 面板背景色 ===
|
||
'panel-bg': 'var(--panel-bg)',
|
||
'panel-bg-alt': 'var(--panel-bg-alt)',
|
||
'panel-bg-hover': 'var(--panel-bg-hover)',
|
||
'panel-bg-deep': 'var(--panel-bg-deep)',
|
||
'panel-bg-deepest': 'var(--panel-bg-deepest)',
|
||
'panel-bg-overlay': 'var(--panel-bg-overlay)',
|
||
'panel-bg-elevated': 'var(--panel-bg-elevated)',
|
||
'panel-bg-dialog': 'var(--panel-bg-dialog)',
|
||
'panel-bg-subtle': 'var(--panel-bg-subtle)',
|
||
'panel-bg-tertiary': 'var(--panel-bg-tertiary)',
|
||
'panel-bg-quaternary': 'var(--panel-bg-quaternary)',
|
||
'panel-bg-contrast': 'var(--panel-bg-contrast)',
|
||
'panel-bg-dark': 'var(--panel-bg-dark)',
|
||
'panel-bg-darker': 'var(--panel-bg-darker)',
|
||
'panel-bg-darkest': 'var(--panel-bg-darkest)',
|
||
'panel-bg-compact': 'var(--panel-bg-compact)',
|
||
'panel-bg-flat': 'var(--panel-bg-flat)',
|
||
'panel-bg-raised': 'var(--panel-bg-raised)',
|
||
'panel-bg-inset': 'var(--panel-bg-inset)',
|
||
'panel-bg-dark-40': 'var(--panel-bg-dark-40)',
|
||
'panel-bg-dark-50': 'var(--panel-bg-dark-50)',
|
||
'panel-bg-dark-80': 'var(--panel-bg-dark-80)',
|
||
'panel-bg-darkest-20': 'var(--panel-bg-darkest-20)',
|
||
'panel-bg-darkest-30': 'var(--panel-bg-darkest-30)',
|
||
'panel-bg-darkest-40': 'var(--panel-bg-darkest-40)',
|
||
'panel-bg-darkest-50': 'var(--panel-bg-darkest-50)',
|
||
'panel-bg-darkest-60': 'var(--panel-bg-darkest-60)',
|
||
'panel-bg-darkest-80': 'var(--panel-bg-darkest-80)',
|
||
'panel-bg-darkest-95': 'var(--panel-bg-darkest-95)',
|
||
'panel-bg-deepest-30': 'var(--panel-bg-deepest-30)',
|
||
'panel-bg-deepest-40': 'var(--panel-bg-deepest-40)',
|
||
'panel-bg-deepest-50': 'var(--panel-bg-deepest-50)',
|
||
'panel-bg-deepest-80': 'var(--panel-bg-deepest-80)',
|
||
'panel-bg-deepest-95': 'var(--panel-bg-deepest-95)',
|
||
'panel-bg-hover-50': 'var(--panel-bg-hover-50)',
|
||
|
||
// === 用途化变量 — 文字灰度 ===
|
||
'text-muted': 'var(--text-muted)',
|
||
'text-muted-light': 'var(--text-muted-light)',
|
||
'text-muted-dark': 'var(--text-muted-dark)',
|
||
'text-tertiary-hover': 'var(--text-tertiary-hover)',
|
||
'text-primary-light': 'var(--text-primary-light)',
|
||
'text-primary-lighter': 'var(--text-primary-lighter)',
|
||
'text-link': 'var(--text-link)',
|
||
'text-link-hover': 'var(--text-link-hover)',
|
||
'text-highlight': 'var(--text-highlight)',
|
||
|
||
// === 用途化变量 — 边框与分割线 ===
|
||
'panel-border': 'var(--panel-border)',
|
||
'panel-border-active': 'var(--panel-border-active)',
|
||
'panel-border-subtle': 'var(--panel-border-subtle)',
|
||
'panel-border-light': 'var(--panel-border-light)',
|
||
'panel-border-dark': 'var(--panel-border-dark)',
|
||
'panel-border-highlight': 'var(--panel-border-highlight)',
|
||
'panel-border-brand': 'var(--panel-border-brand)',
|
||
'panel-border-error': 'var(--panel-border-error)',
|
||
|
||
// === 用途化变量 — 状态色 ===
|
||
'status-info-bg': 'var(--status-info-bg)',
|
||
'status-info-border': 'var(--status-info-border)',
|
||
'status-info-glow': 'var(--status-info-glow)',
|
||
'status-info-icon': 'var(--status-info-icon)',
|
||
'status-success-icon': 'var(--status-success-icon)',
|
||
'status-warning-icon': 'var(--status-warning-icon)',
|
||
'status-error-icon': 'var(--status-error-icon)',
|
||
'status-error-deep': 'var(--status-error-deep)',
|
||
|
||
// === 卡片 ===
|
||
'card-bg': 'var(--card-bg)',
|
||
'card-border': 'var(--card-border)',
|
||
'card-hover-border': 'var(--card-hover-border)',
|
||
// === 输入框 ===
|
||
'input-bg': 'var(--input-bg)',
|
||
'input-border': 'var(--input-border)',
|
||
'input-text': 'var(--input-text)',
|
||
'input-placeholder': 'var(--input-placeholder)',
|
||
// === 模态框 ===
|
||
'modal-bg': 'var(--modal-bg)',
|
||
'modal-border': 'var(--modal-border)',
|
||
|
||
// === Overlay / 遮罩层半透明（深色=白半透明，浅色=黑半透明） ===
|
||
'overlay-1': 'var(--overlay-1)',
|
||
'overlay-2': 'var(--overlay-2)',
|
||
'overlay-3': 'var(--overlay-3)',
|
||
'overlay-4': 'var(--overlay-4)',
|
||
'overlay-5': 'var(--overlay-5)',
|
||
'overlay-6': 'var(--overlay-6)',
|
||
'overlay-7': 'var(--overlay-7)',
|
||
'overlay-8': 'var(--overlay-8)',
|
||
'overlay-10': 'var(--overlay-10)',
|
||
'overlay-12': 'var(--overlay-12)',
|
||
'overlay-14': 'var(--overlay-14)',
|
||
'overlay-15': 'var(--overlay-15)',
|
||
'overlay-16': 'var(--overlay-16)',
|
||
'overlay-18': 'var(--overlay-18)',
|
||
'overlay-20': 'var(--overlay-20)',
|
||
'overlay-22': 'var(--overlay-22)',
|
||
'overlay-25': 'var(--overlay-25)',
|
||
'overlay-30': 'var(--overlay-30)',
|
||
'overlay-40': 'var(--overlay-40)',
|
||
'overlay-42': 'var(--overlay-42)',
|
||
'overlay-45': 'var(--overlay-45)',
|
||
'overlay-50': 'var(--overlay-50)',
|
||
'overlay-52': 'var(--overlay-52)',
|
||
'overlay-55': 'var(--overlay-55)',
|
||
'overlay-58': 'var(--overlay-58)',
|
||
'overlay-60': 'var(--overlay-60)',
|
||
'overlay-62': 'var(--overlay-62)',
|
||
'overlay-70': 'var(--overlay-70)',
|
||
'overlay-78': 'var(--overlay-78)',
|
||
'overlay-80': 'var(--overlay-80)',
|
||
'overlay-85': 'var(--overlay-85)',
|
||
'overlay-86': 'var(--overlay-86)',
|
||
'overlay-88': 'var(--overlay-88)',
|
||
'overlay-90': 'var(--overlay-90)',
|
||
'overlay-92': 'var(--overlay-92)',
|
||
'overlay-95': 'var(--overlay-95)',
|
||
|
||
// === Mask / 暗色遮罩 ===
|
||
'mask-2': 'var(--mask-2)',
|
||
'mask-4': 'var(--mask-4)',
|
||
'mask-5': 'var(--mask-5)',
|
||
'mask-6': 'var(--mask-6)',
|
||
'mask-8': 'var(--mask-8)',
|
||
'mask-10': 'var(--mask-10)',
|
||
'mask-15': 'var(--mask-15)',
|
||
'mask-20': 'var(--mask-20)',
|
||
'mask-25': 'var(--mask-25)',
|
||
'mask-30': 'var(--mask-30)',
|
||
'mask-40': 'var(--mask-40)',
|
||
'mask-50': 'var(--mask-50)',
|
||
'mask-60': 'var(--mask-60)',
|
||
'mask-70': 'var(--mask-70)',
|
||
'mask-80': 'var(--mask-80)',
|
||
'mask-95': 'var(--mask-95)',
|
||
},
|
||
// 圆角映射
|
||
borderRadius: {
|
||
sm: 'var(--radius-sm)',
|
||
md: 'var(--radius-md)',
|
||
lg: 'var(--radius-lg)',
|
||
xl: 'var(--radius-xl)',
|
||
'2xl': 'var(--radius-2xl)',
|
||
},
|
||
// 间距映射
|
||
spacing: {
|
||
xs: 'var(--spacing-xs)',
|
||
sm: 'var(--spacing-sm)',
|
||
md: 'var(--spacing-md)',
|
||
lg: 'var(--spacing-lg)',
|
||
xl: 'var(--spacing-xl)',
|
||
'2xl': 'var(--spacing-2xl)',
|
||
'3xl': 'var(--spacing-3xl)',
|
||
},
|
||
},
|
||
},
|
||
|
||
// 引入全局CSS
|
||
css: [
|
||
'~/assets/css/variables.css',
|
||
'~/assets/css/components.css',
|
||
'~/assets/css/main.css',
|
||
'~/assets/css/transitions.css',
|
||
'~/assets/css/mobile-admin.css',
|
||
'~/assets/css/print-fix.css',
|
||
'~/assets/css/sf-pro-icons.css',
|
||
'~/assets/css/markdown.css'
|
||
],
|
||
|
||
// 配置运行时配置
|
||
runtimeConfig: {
|
||
// 服务器私有键（不会暴露到客户端）
|
||
jwtSecret,
|
||
// Redis配置（可选）
|
||
redisUrl: process.env.REDIS_URL || '',
|
||
sentry: {
|
||
dsn: process.env.SENTRY_DSN || backendSentryDsnDefault,
|
||
environment: process.env.SENTRY_ENVIRONMENT || process.env.NODE_ENV || 'development',
|
||
release:
|
||
process.env.SENTRY_RELEASE ||
|
||
process.env.VERCEL_GIT_COMMIT_SHA ||
|
||
process.env.COMMIT_REF ||
|
||
'',
|
||
tracesSampleRate: readNumberEnv(process.env.SENTRY_TRACES_SAMPLE_RATE, 0.1),
|
||
enabled: sentryRuntimeEnabled
|
||
},
|
||
// 公共键（会暴露到客户端）
|
||
public: {
|
||
// 配置后启用内部 API 的 CORS 来源校验；未配置时仅回环 Host 跳过，云平台公开 Host 仍校验
|
||
host: process.env.NUXT_PUBLIC_HOST || '',
|
||
apiBase: '/api',
|
||
oauth: {
|
||
github: !!process.env.GITHUB_CLIENT_ID,
|
||
casdoor: !!process.env.CASDOOR_CLIENT_ID,
|
||
google: !!process.env.GOOGLE_CLIENT_ID
|
||
},
|
||
siteTitle,
|
||
siteLogo,
|
||
siteDescription,
|
||
isNetlify: process.env.NETLIFY === 'true',
|
||
sentry: {
|
||
dsn: process.env.NUXT_PUBLIC_SENTRY_DSN || frontendSentryDsnDefault,
|
||
environment:
|
||
process.env.NUXT_PUBLIC_SENTRY_ENVIRONMENT ||
|
||
process.env.SENTRY_ENVIRONMENT ||
|
||
process.env.NODE_ENV ||
|
||
'development',
|
||
release:
|
||
process.env.NUXT_PUBLIC_SENTRY_RELEASE ||
|
||
process.env.SENTRY_RELEASE ||
|
||
process.env.VERCEL_GIT_COMMIT_SHA ||
|
||
process.env.COMMIT_REF ||
|
||
'',
|
||
tracesSampleRate: readNumberEnv(
|
||
process.env.NUXT_PUBLIC_SENTRY_TRACES_SAMPLE_RATE ||
|
||
process.env.SENTRY_TRACES_SAMPLE_RATE,
|
||
0.1
|
||
),
|
||
replaysSessionSampleRate: readNumberEnv(
|
||
process.env.NUXT_PUBLIC_SENTRY_REPLAYS_SESSION_SAMPLE_RATE,
|
||
0
|
||
),
|
||
replaysOnErrorSampleRate: readNumberEnv(
|
||
process.env.NUXT_PUBLIC_SENTRY_REPLAYS_ON_ERROR_SAMPLE_RATE,
|
||
0
|
||
),
|
||
enabled: sentryRuntimeEnabled
|
||
}
|
||
}
|
||
},
|
||
|
||
// 配置环境变量
|
||
app: {
|
||
head: {
|
||
// 首帧前同步恢复主题：SSR 输出的 HTML 无 data-theme，主题 CSS 变量未定义会导致加载页背景透明、主页内容透出
|
||
script: [
|
||
{
|
||
tagPriority: 'critical',
|
||
// 与 useTheme.ts 默认逻辑一致：无保存值或非法值时回退 ClassicDark；System 按系统配色偏好解析
|
||
innerHTML: "(function(){var t='ClassicDark';try{var s=localStorage.getItem('voicehub-theme');if(['ClassicDark','ClassicLight','ModernLight'].indexOf(s)>-1){t=s}else if(s==='System'){t=window.matchMedia('(prefers-color-scheme: dark)').matches?'ClassicDark':'ClassicLight'}}catch(e){}document.documentElement.setAttribute('data-theme',t)})()"
|
||
}
|
||
],
|
||
title: siteTitle,
|
||
meta: [
|
||
{ charset: 'utf-8' },
|
||
{ name: 'referrer', content: 'no-referrer' },
|
||
{
|
||
name: 'viewport',
|
||
content:
|
||
'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover'
|
||
},
|
||
{
|
||
name: 'description',
|
||
content: siteDescription
|
||
},
|
||
// Open Graph 标签
|
||
{ property: 'og:type', content: 'website' },
|
||
{ property: 'og:title', content: siteTitle },
|
||
{ property: 'og:description', content: siteDescription },
|
||
{ property: 'og:site_name', content: siteTitle },
|
||
{ property: 'og:image', content: absoluteLogo },
|
||
// Twitter 标签
|
||
{ name: 'twitter:card', content: 'summary' },
|
||
{ name: 'twitter:title', content: siteTitle },
|
||
{ name: 'twitter:description', content: siteDescription },
|
||
{ name: 'twitter:image', content: absoluteLogo },
|
||
// 移动端优化
|
||
{ name: 'theme-color', content: '#111111' },
|
||
{ name: 'apple-mobile-web-app-capable', content: 'yes' },
|
||
{ name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' },
|
||
{ name: 'apple-mobile-web-app-title', content: siteShortName },
|
||
{ name: 'mobile-web-app-capable', content: 'yes' },
|
||
{ name: 'format-detection', content: 'telephone=no' }
|
||
],
|
||
link: [
|
||
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
|
||
// 优先加载常规字体，确保页面快速显示
|
||
{
|
||
rel: 'preload',
|
||
as: 'style',
|
||
crossorigin: 'anonymous',
|
||
href: 'https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Normal/MiSans-Regular.min.css'
|
||
},
|
||
{
|
||
rel: 'stylesheet',
|
||
crossorigin: 'anonymous',
|
||
href: 'https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Normal/MiSans-Regular.min.css'
|
||
},
|
||
// 延迟加载其他字重，避免阻塞页面渲染
|
||
{
|
||
rel: 'preload',
|
||
as: 'style',
|
||
crossorigin: 'anonymous',
|
||
href: 'https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Normal/MiSans-Medium.min.css',
|
||
onload: "this.onload=null;this.rel='stylesheet'"
|
||
},
|
||
{
|
||
rel: 'preload',
|
||
as: 'style',
|
||
crossorigin: 'anonymous',
|
||
href: 'https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Normal/MiSans-Semibold.min.css',
|
||
onload: "this.onload=null;this.rel='stylesheet'"
|
||
},
|
||
{
|
||
rel: 'preload',
|
||
as: 'style',
|
||
crossorigin: 'anonymous',
|
||
href: 'https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Normal/MiSans-Bold.min.css',
|
||
onload: "this.onload=null;this.rel='stylesheet'"
|
||
}
|
||
]
|
||
}
|
||
},
|
||
|
||
features: {
|
||
inlineStyles: false
|
||
},
|
||
|
||
// TypeScript配置
|
||
typescript: {
|
||
strict: true
|
||
},
|
||
|
||
// 服务器端配置
|
||
nitro: {
|
||
preset: process.env.VERCEL
|
||
? 'vercel'
|
||
: process.env.NETLIFY
|
||
? 'netlify'
|
||
: process.env.NITRO_PRESET || 'node-server',
|
||
// 增强错误处理和稳定性
|
||
experimental: {
|
||
wasm: true,
|
||
asyncContext: true
|
||
},
|
||
// @applemusic-like-lyrics/lyric 的 WASM 模块含顶层 await，需保留现代 ESM 语法。
|
||
esbuild: {
|
||
options: {
|
||
target: 'esnext'
|
||
}
|
||
},
|
||
externals: {
|
||
inline: ssrInlineLyricPackages
|
||
},
|
||
timing: true,
|
||
// 增加请求超时时间
|
||
routeRules: {
|
||
// 完全禁用所有API路由的缓存，确保每次都请求数据库
|
||
'/api/**': {
|
||
headers: {
|
||
'Cache-Control': 'no-cache, no-store, must-revalidate',
|
||
Pragma: 'no-cache',
|
||
Expires: '0',
|
||
Connection: 'keep-alive'
|
||
}
|
||
},
|
||
// 静态资源文件缓存配置
|
||
'/_nuxt/**': {
|
||
headers: {
|
||
'Cache-Control': 'public, max-age=31536000, immutable'
|
||
}
|
||
},
|
||
'/assets/**': {
|
||
headers: {
|
||
'Cache-Control': 'public, max-age=31536000, immutable'
|
||
}
|
||
},
|
||
'/favicon.ico': {
|
||
headers: {
|
||
'Cache-Control': 'public, max-age=86400'
|
||
}
|
||
},
|
||
// 图片、CSS、JS等静态资源缓存
|
||
'/**/*.{png,jpg,jpeg,gif,webp,svg,ico}': {
|
||
headers: {
|
||
'Cache-Control': 'public, max-age=31536000, immutable'
|
||
}
|
||
},
|
||
'/**/*.{css,js}': {
|
||
headers: {
|
||
'Cache-Control': 'public, max-age=31536000, immutable'
|
||
}
|
||
},
|
||
// 认证相关页面不缓存
|
||
'/login': {
|
||
headers: {
|
||
'Cache-Control': 'no-cache, no-store, must-revalidate',
|
||
Pragma: 'no-cache',
|
||
Expires: '0'
|
||
}
|
||
},
|
||
'/dashboard': {
|
||
headers: {
|
||
'Cache-Control': 'no-cache, no-store, must-revalidate',
|
||
Pragma: 'no-cache',
|
||
Expires: '0'
|
||
}
|
||
},
|
||
'/change-password': {
|
||
headers: {
|
||
'Cache-Control': 'no-cache, no-store, must-revalidate',
|
||
Pragma: 'no-cache',
|
||
Expires: '0'
|
||
}
|
||
},
|
||
'/auth/**': {
|
||
headers: {
|
||
'Cache-Control': 'no-cache, no-store, must-revalidate',
|
||
Pragma: 'no-cache',
|
||
Expires: '0'
|
||
}
|
||
},
|
||
'/notification-settings': {
|
||
headers: {
|
||
'Cache-Control': 'no-cache, no-store, must-revalidate',
|
||
Pragma: 'no-cache',
|
||
Expires: '0'
|
||
}
|
||
}
|
||
},
|
||
// 根据部署环境调整配置
|
||
...(process.env.VERCEL
|
||
? {
|
||
vercel: {
|
||
functions: {
|
||
maxDuration: 60
|
||
}
|
||
}
|
||
}
|
||
: process.env.NETLIFY
|
||
? {
|
||
// Netlify 环境：确保 Drizzle 正确打包
|
||
experimental: {
|
||
wasm: true
|
||
}
|
||
}
|
||
: {
|
||
// 其他环境：使用标准配置
|
||
})
|
||
},
|
||
|
||
// Vite 配置
|
||
vite: {
|
||
plugins: [wasm()],
|
||
optimizeDeps: {
|
||
include: ['drizzle-orm'],
|
||
exclude: [
|
||
'@applemusic-like-lyrics/vue',
|
||
'@applemusic-like-lyrics/lyric',
|
||
'#app-manifest',
|
||
'nuxt'
|
||
]
|
||
},
|
||
build: {
|
||
target: 'esnext',
|
||
// Vite 8 默认使用 Lightning CSS，会把连续声明中的标准毛玻璃属性误判为重复项
|
||
cssMinify: 'esbuild',
|
||
sourcemap: false,
|
||
rollupOptions: {
|
||
output: {
|
||
manualChunks(id) {
|
||
if (!id.includes('node_modules')) return
|
||
if (id.includes('@lucide/vue')) return 'icons'
|
||
if (id.includes('@pixi')) return 'pixi'
|
||
if (id.includes('@applemusic-like-lyrics')) return 'lyric-engine'
|
||
if (id.includes('drizzle-orm') || id.includes('postgres')) return 'database'
|
||
if (id.includes('xlsx') || id.includes('jspdf') || id.includes('jszip')) return 'office'
|
||
}
|
||
}
|
||
}
|
||
},
|
||
// 添加 WASM 支持配置
|
||
assetsInclude: ['**/*.wasm'],
|
||
// SSR配置
|
||
ssr: {
|
||
noExternal: [
|
||
...(process.env.VERCEL ? [] : ['drizzle-orm', 'postgres']),
|
||
...ssrInlineLyricPackages
|
||
]
|
||
}
|
||
},
|
||
|
||
pwa: {
|
||
registerType: 'autoUpdate',
|
||
manifest: {
|
||
name: siteTitle,
|
||
short_name: siteShortName,
|
||
description: siteDescription,
|
||
theme_color: '#111111',
|
||
background_color: '#111111',
|
||
display: 'standalone',
|
||
orientation: 'portrait',
|
||
scope: '/',
|
||
start_url: '/',
|
||
icons: [
|
||
{
|
||
src: '/assets/logo.png',
|
||
sizes: '128x128',
|
||
type: 'image/png',
|
||
purpose: 'any'
|
||
},
|
||
{
|
||
src: '/assets/logo-144.png',
|
||
sizes: '144x144',
|
||
type: 'image/png',
|
||
purpose: 'any'
|
||
}
|
||
]
|
||
},
|
||
workbox: {
|
||
navigateFallback: null,
|
||
globPatterns: ['**/*.{js,css,html,png,svg,ico,woff2}']
|
||
},
|
||
devOptions: {
|
||
enabled: true,
|
||
type: 'module'
|
||
},
|
||
injectRegister: 'auto'
|
||
}
|
||
})
|