\`。
- \`\`: 翻译后的游戏介绍，游戏介绍的每个段落用\`
\`分段，但禁止其他复杂HTML/样式标签。
- \`\`：包含翻译后的模板文本。模板如下:
- \`{book_length}, 平均游玩时长为 {play_hours}小时{length_minute}分钟, 共{length_votes}名玩家参与投票\`
- 其中的标签与代码严禁翻译或改动。
- 以中文为例, {book_length}应该被根据响应的值翻译为: "短篇", "中篇", "长篇", "超长篇"。
- 如果length_minute=0, 模板则无需输出游玩分钟。
-
-3.Tag列表：
- \`\`：包含\`\`~\`\`子元素。
- \`\`： 翻译用户输入的tags1里面的所有tag，tag之间必须使用\`, \`分隔。若tags1为空，则该标签为空标签。
- \`\`~\`\`：同上，翻译输入的tags2~tags4里面的所有tag。
-
-4.人物信息列表：
- \`\`：包含所有\`\`子元素。
- 每个\`\`包含以下子元素（严格按顺序）：
- \`\`：若有则包含URL，否则输出\`\`空标签。
- \`\`：人物翻译后的姓名。
- \`\`：原始值(main/primary/side/appears)，勿翻译。
- \`\`：原始姓名（优先中文/日文名）, 如无, 则输出未翻译的主姓名。
- \`\`：人物描述。结合游戏介绍与角色'tag'（'tag'本身勿输出），灵活撰写以突出特点，严禁输出不雅内容。
-
-5.总结与思考：
- \`\`：包含\`\`子元素。
- \`\`：基于翻译后的故事与人物，提出一个引人深思/好奇的问题。勿用总结性开场白（如“总体来说”）。
-
-最终输出约束：
- 纯XML内容，严格遵循XML标准及结构，所有标签正确嵌套/闭合。勿含任何额外文字/评论。使用\`\`\`xml \`\`\`的代码块来包裹。`,
- },
- {
- role: "user",
- content: `Game Description:\n${description}\n\nPlay Time:\nplay_hours: ${play_hours}\nlength_minute: ${length_minute}\nlength_votes: ${length_votes}\nlength_color: ${length_color}\nbook_length: ${book_length}\n\nGame Tags:\n${(
- vntags || []
- )
- .map((tags, index) => {
- const tagContent =
- tags && tags.length > 0 ? tags.join(", ") : "";
- return `Tag${index + 1}: ${tagContent}`;
- })
- .join("\n")}\n\nCharacter Details:\n${JSON.stringify(
- characters,
- null,
- 2
- )}`,
- },
- ];
-
- console.log("Sending AI request with messages:", messages);
-
- const response = await fetch(AI_TRANSLATE_API_URL, {
- method: "POST",
- headers: {
- "Content-Type": "application/json",
- Authorization: `Bearer ${AI_TRANSLATE_API_KEY}`,
- },
- body: JSON.stringify({
- model: AI_TRANSLATE_MODEL,
- messages: messages,
- stream: true,
- }),
- });
-
- if (response.ok) {
- const reader = response.body.getReader();
- const decoder = new TextDecoder("utf-8");
- let buffer = "";
- let isFirstChunk = true;
- vndbInfo.aiRawResponse = ""; // Reset before streaming
-
- while (true) {
- const { done, value } = await reader.read();
- if (done) {
- console.log("Stream finished.");
- console.log("AI响应原文:", vndbInfo.aiRawResponse);
- break;
- }
-
- buffer += decoder.decode(value, { stream: true });
- let boundary = buffer.indexOf("\n");
- while (boundary !== -1) {
- const line = buffer.substring(0, boundary).trim();
- buffer = buffer.substring(boundary + 1);
-
- if (line.startsWith("data: ")) {
- const jsonStr = line.substring(6);
- if (jsonStr !== "[DONE]") {
- try {
- const chunk = JSON.parse(jsonStr);
- if (
- chunk.choices &&
- chunk.choices[0].delta &&
- chunk.choices[0].delta.content
- ) {
- if (isFirstChunk) {
- if (lockViewBtn) lockViewBtn.disabled = false;
- isFirstChunk = false;
- }
- vndbInfo.aiRawResponse += chunk.choices[0].delta.content;
- renderAiView(vndbInfo.aiRawResponse);
-
- const startIndexDesc = vndbInfo.aiRawResponse.indexOf(
- ""
- );
- if (startIndexDesc !== -1) {
- const endIndexDesc = vndbInfo.aiRawResponse.indexOf(
- ""
- );
- let contentToRenderDesc =
- endIndexDesc !== -1
- ? vndbInfo.aiRawResponse.substring(
- startIndexDesc +
- "".length,
- endIndexDesc
- )
- : vndbInfo.aiRawResponse.substring(
- startIndexDesc +
- "".length
- );
- // Remove tag and its content from description
- const playTimeRegex = /[\s\S]*?<\/play_time>/;
- contentToRenderDesc = contentToRenderDesc.replace(playTimeRegex, "");
- contentToRenderDesc = contentToRenderDesc.replace(
- //g,
- "
"
- );
- vndbDescription.innerHTML = contentToRenderDesc;
- // Show the one-time toast notification here
- if (!hasShownViewToggleToast && !isMobileView) {
- const toastMessage = "按下空格键进入游戏详情视图";
- showToast(toastMessage);
- hasShownViewToggleToast = true;
- }
- }
- }
- } catch (e) {
- // Ignore JSON parsing errors
- }
- }
- }
- boundary = buffer.indexOf("\n");
- }
- }
- } else {
- // Fallback for non-200 responses
- throw new Error(`HTTP error! status: ${response.status}`);
- }
- } catch (error) {
- console.error("Error or fallback during AI translation:", error);
- vndbDescription.innerHTML = description.replace(/\n/g, "
");
-
- // Construct fallback XML for AI view
- let fallbackXml = "";
- fallbackXml += `${description.replace(
- /\n/g,
- "
"
- )}
`;
-
- // Construct fallback play_time content
- let fallbackBookLength = "Overlength";
- if (play_hours < 10) {
- fallbackBookLength = "Short";
- } else if (play_hours < 30) {
- fallbackBookLength = "Medium";
- } else if (play_hours < 40) {
- fallbackBookLength = "Long";
- }
-
- let fallbackPlayTimeContent = `${fallbackBookLength}, Average play time is ${play_hours} hours`;
- if (length_minute !== 0) {
- fallbackPlayTimeContent += ` ${length_minute} minutes`;
- }
- fallbackPlayTimeContent += `, with ${length_votes} players voting`;
-
- fallbackXml += `${fallbackPlayTimeContent}`;
- fallbackXml += ``;
-
- // Add tags to fallback XML
- if (vntags) {
- fallbackXml += "";
- const tagsXml = Object.entries(vntags)
- .map(([key, value]) => `<${key}>${value}`)
- .join("");
- fallbackXml += tagsXml;
- fallbackXml += "";
- }
-
- // Add tags to fallback XML
- if (vntags && vntags.length > 0) {
- fallbackXml += "";
- vntags.forEach((tagArray, index) => {
- if (index < 4) { // Only process up to tags4
- const tagName = `tags${index + 1}`;
- const tagValue = tagArray.join(", ");
- fallbackXml += `<${tagName}>${tagValue}`;
- }
- });
- fallbackXml += "";
- }
-
- if (characters && characters.length > 0) {
- fallbackXml += "";
- characters.forEach((c) => {
- fallbackXml += "";
- fallbackXml += `${c.image || ""}`;
- fallbackXml += `${c.name}`;
- fallbackXml += `${c.role}`;
- fallbackXml += `${
- c.originalName || c.name
- }`;
- fallbackXml += `${
- c.description || "无可用描述"
- }`;
- fallbackXml += "";
- });
- fallbackXml += "";
- }
- fallbackXml +=
- "AI翻译服务当前不可用，以上为原始信息。";
- fallbackXml += "";
-
- vndbInfo.aiRawResponse = fallbackXml;
- renderAiView(vndbInfo.aiRawResponse);
- if (lockViewBtn) lockViewBtn.disabled = false;
- }
-}
-
-async function checkLlmStatus() {
- const statusBtn = document.getElementById("llm-status-btn");
- const statusText = document.getElementById("llm-status-text");
-
- if (!statusBtn || !statusText) {
- return;
- }
-
- try {
- const response = await fetch(
- "https://api.pulsetic.com/public/status/status.searchgal.homes",
- {
- method: "POST",
- headers: {
- "Content-Type": "application/json",
- },
- body: JSON.stringify({ password: null }),
- }
- );
- if (!response.ok) {
- throw new Error(`HTTP error! status: ${response.status}`);
- }
- const data = await response.json();
- const llmMonitor = data.data.monitors.find(
- (monitor) => monitor.name === "后端搜索 API (无实际搜索)"
- );
-
- if (llmMonitor) {
- statusBtn.classList.remove("bg-white", "text-gray-500");
- statusBtn.classList.add("text-white");
- if (llmMonitor.status === "online") {
- statusBtn.classList.add("bg-green-500");
- statusText.textContent = "正常";
- } else {
- statusBtn.classList.add("bg-red-700");
- statusText.textContent = "异常";
- }
- } else {
- throw new Error("LLM monitor not found");
- }
- } catch (error) {
- console.error("Error fetching LLM status:", error);
- statusBtn.classList.remove("bg-white", "text-gray-500");
- statusBtn.classList.add("bg-gray-500", "text-white");
- statusText.textContent = "未知";
- }
-}
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..3527715
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,98 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import App from './App.vue'
+import router from './router'
+
+// GSAP 插件
+import gsap from 'gsap'
+import { ScrollToPlugin } from 'gsap/ScrollToPlugin'
+
+// 注册 GSAP 插件
+gsap.registerPlugin(ScrollToPlugin)
+
+// Font Awesome
+import '@fortawesome/fontawesome-free/css/all.min.css'
+
+// Material 3 Web Components
+import '@material/web/button/filled-button.js'
+import '@material/web/button/outlined-button.js'
+import '@material/web/button/text-button.js'
+import '@material/web/textfield/filled-text-field.js'
+import '@material/web/textfield/outlined-text-field.js'
+import '@material/web/fab/fab.js'
+import '@material/web/dialog/dialog.js'
+import '@material/web/list/list.js'
+import '@material/web/list/list-item.js'
+import '@material/web/chips/chip-set.js'
+import '@material/web/chips/assist-chip.js'
+import '@material/web/chips/filter-chip.js'
+import '@material/web/progress/linear-progress.js'
+import '@material/web/progress/circular-progress.js'
+import '@material/web/icon/icon.js'
+import '@material/web/iconbutton/icon-button.js'
+// Card 组件在 labs 目录（实验性功能）
+import '@material/web/labs/card/elevated-card.js'
+import '@material/web/labs/card/filled-card.js'
+import '@material/web/labs/card/outlined-card.js'
+import '@material/web/divider/divider.js'
+import '@material/web/ripple/ripple.js'
+
+// Pace.js 页面加载进度条
+import Pace from 'pace-js'
+import 'pace-js/themes/blue/pace-theme-flash.css'
+
+// 配置 Pace.js：禁用自动启动
+Pace.options = {
+ ajax: false, // 不监听 AJAX 请求
+ document: false, // 不监听文档加载
+ eventLag: false, // 不监听事件延迟
+ elements: false, // 不监听元素
+ restartOnPushState: false,
+ restartOnRequestAfter: false
+}
+
+// Artalk 评论系统
+import 'artalk/dist/Artalk.css'
+
+// LightGallery
+import 'lightgallery/css/lightgallery.css'
+
+// Fancybox
+import "@fancyapps/ui/dist/fancybox/fancybox.css"
+
+// Instant.page 预加载
+import 'instant.page'
+
+const app = createApp(App)
+const pinia = createPinia()
+
+app.use(pinia)
+app.use(router)
+
+app.mount('#app')
+
+// 注册 Service Worker (PWA)
+if ('serviceWorker' in navigator) {
+ window.addEventListener('load', () => {
+ navigator.serviceWorker.register('/sw.js', { scope: '/' })
+ .then(registration => {
+ console.log('[SW] Service Worker registered:', registration.scope)
+
+ // 检查更新
+ registration.addEventListener('updatefound', () => {
+ const newWorker = registration.installing
+ console.log('[SW] New Service Worker found, installing...')
+
+ newWorker?.addEventListener('statechange', () => {
+ if (newWorker.state === 'installed' && navigator.serviceWorker.controller) {
+ console.log('[SW] New content available, please refresh')
+ // 可以在这里显示更新提示
+ }
+ })
+ })
+ })
+ .catch(error => {
+ console.error('[SW] Service Worker registration failed:', error)
+ })
+ })
+}
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..0a5140f
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,16 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import HomeView from '@/views/HomeView.vue'
+
+const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ routes: [
+ {
+ path: '/',
+ name: 'home',
+ component: HomeView
+ }
+ ]
+})
+
+export default router
+
diff --git a/src/stores/search.ts b/src/stores/search.ts
new file mode 100644
index 0000000..3e39178
--- /dev/null
+++ b/src/stores/search.ts
@@ -0,0 +1,123 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+
+export interface VndbInfo {
+ names: string[]
+ mainName: string
+ originalTitle: string
+ mainImageUrl: string | null
+ screenshotUrl: string | null
+ description: string | null
+ va: any[]
+ vntags: any[]
+ play_hours: number
+ length_minute: number
+ length_votes: number
+ length_color: string
+ book_length: string
+}
+
+export interface SearchResult {
+ platform: string
+ title: string
+ url: string
+ tags?: string[]
+}
+
+export interface PlatformData {
+ name: string
+ color: 'lime' | 'white' | 'gold' | 'red'
+ items: SearchResult[]
+ error: string
+ currentPage: number
+ itemsPerPage: number
+}
+
+export const useSearchStore = defineStore('search', () => {
+ // 状态
+ const searchQuery = ref('')
+ const searchMode = ref<'game' | 'patch'>('game')
+ const customApi = ref('')
+ const platformResults = ref>(new Map())
+ const vndbInfo = ref(null)
+ const isSearching = ref(false)
+ const searchProgress = ref({ current: 0, total: 0 })
+ const errorMessage = ref('')
+ const isFirstSearch = ref(true)
+ const lastSearchTime = ref(0)
+ const isCommentsModalOpen = ref(false)
+
+ // 计算属性
+ const hasResults = computed(() => platformResults.value.size > 0)
+ const isVndbMode = computed(() => !!vndbInfo.value?.screenshotUrl)
+ const searchDisabled = computed(() => {
+ const now = Date.now()
+ const COOLDOWN_MS = 30 * 1000
+ return isSearching.value || (now - lastSearchTime.value < COOLDOWN_MS)
+ })
+
+ // 方法
+ function clearResults() {
+ platformResults.value.clear()
+ vndbInfo.value = null
+ errorMessage.value = ''
+ }
+
+ function setSearchQuery(query: string) {
+ searchQuery.value = query
+ }
+
+ function setSearchMode(mode: 'game' | 'patch') {
+ searchMode.value = mode
+ }
+
+ function setCustomApi(api: string) {
+ customApi.value = api
+ }
+
+ function setPlatformResult(name: string, data: PlatformData) {
+ // 确保有分页信息
+ if (!data.currentPage) data.currentPage = 1
+ if (!data.itemsPerPage) data.itemsPerPage = 10
+ platformResults.value.set(name, data)
+ }
+
+ function setPlatformPage(platformName: string, page: number) {
+ const platform = platformResults.value.get(platformName)
+ if (platform) {
+ platform.currentPage = page
+ platformResults.value.set(platformName, { ...platform })
+ }
+ }
+
+ function toggleCommentsModal() {
+ isCommentsModalOpen.value = !isCommentsModalOpen.value
+ }
+
+ return {
+ // 状态
+ searchQuery,
+ searchMode,
+ customApi,
+ platformResults,
+ vndbInfo,
+ isSearching,
+ searchProgress,
+ errorMessage,
+ isFirstSearch,
+ lastSearchTime,
+ isCommentsModalOpen,
+ // 计算属性
+ hasResults,
+ isVndbMode,
+ searchDisabled,
+ // 方法
+ clearResults,
+ setSearchQuery,
+ setSearchMode,
+ setCustomApi,
+ setPlatformResult,
+ setPlatformPage,
+ toggleCommentsModal
+ }
+})
diff --git a/src/types/pace.d.ts b/src/types/pace.d.ts
new file mode 100644
index 0000000..552e619
--- /dev/null
+++ b/src/types/pace.d.ts
@@ -0,0 +1,23 @@
+// Pace.js 类型声明
+interface PaceOptions {
+ ajax?: boolean
+ document?: boolean
+ eventLag?: boolean
+ elements?: boolean
+ restartOnPushState?: boolean
+ restartOnRequestAfter?: boolean
+}
+
+interface Pace {
+ start(): void
+ stop(): void
+ restart(): void
+ on(event: string, callback: () => void): void
+ off(event: string, callback?: () => void): void
+ options: PaceOptions
+}
+
+interface Window {
+ Pace?: Pace
+}
+
diff --git a/src/utils/sitemap.ts b/src/utils/sitemap.ts
new file mode 100644
index 0000000..1cb081f
--- /dev/null
+++ b/src/utils/sitemap.ts
@@ -0,0 +1,104 @@
+/**
+ * Sitemap 生成工具
+ * 用于生成动态的 sitemap.xml
+ */
+
+export interface SitemapUrl {
+ loc: string;
+ lastmod?: string;
+ changefreq?: 'always' | 'hourly' | 'daily' | 'weekly' | 'monthly' | 'yearly' | 'never';
+ priority?: number;
+}
+
+export function generateSitemap(urls: SitemapUrl[]): string {
+ const xmlHeader = '';
+ const urlsetOpen = '';
+ const urlsetClose = '';
+
+ const urlEntries = urls.map(url => {
+ let entry = ' \n';
+ entry += ` ${escapeXml(url.loc)}\n`;
+
+ if (url.lastmod) {
+ entry += ` ${url.lastmod}\n`;
+ }
+
+ if (url.changefreq) {
+ entry += ` ${url.changefreq}\n`;
+ }
+
+ if (url.priority !== undefined) {
+ entry += ` ${url.priority.toFixed(1)}\n`;
+ }
+
+ entry += ' ';
+ return entry;
+ }).join('\n');
+
+ return `${xmlHeader}\n${urlsetOpen}\n${urlEntries}\n${urlsetClose}`;
+}
+
+function escapeXml(unsafe: string): string {
+ return unsafe.replace(/[<>&'"]/g, (c) => {
+ switch (c) {
+ case '<': return '<';
+ case '>': return '>';
+ case '&': return '&';
+ case "'": return ''';
+ case '"': return '"';
+ default: return c;
+ }
+ });
+}
+
+/**
+ * 获取当前日期的 ISO 格式字符串（用于 lastmod）
+ */
+export function getCurrentDate(): string {
+ return new Date().toISOString().split('T')[0];
+}
+
+/**
+ * 默认的 sitemap URLs
+ */
+export function getDefaultSitemapUrls(): SitemapUrl[] {
+ const baseUrl = 'https://searchgal.homes';
+ const currentDate = getCurrentDate();
+
+ return [
+ {
+ loc: `${baseUrl}/`,
+ lastmod: currentDate,
+ changefreq: 'daily',
+ priority: 1.0
+ },
+ {
+ loc: `${baseUrl}/about`,
+ lastmod: currentDate,
+ changefreq: 'monthly',
+ priority: 0.8
+ },
+ {
+ loc: `${baseUrl}/rss.xml`,
+ lastmod: currentDate,
+ changefreq: 'weekly',
+ priority: 0.5
+ }
+ ];
+}
+
+/**
+ * 下载 sitemap.xml 文件
+ */
+export function downloadSitemap(content: string, filename: string = 'sitemap.xml'): void {
+ const blob = new Blob([content], { type: 'application/xml' });
+ const url = URL.createObjectURL(blob);
+ const link = document.createElement('a');
+ link.href = url;
+ link.download = filename;
+ document.body.appendChild(link);
+ link.click();
+ document.body.removeChild(link);
+ URL.revokeObjectURL(url);
+}
+
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
new file mode 100644
index 0000000..534dd01
--- /dev/null
+++ b/src/views/HomeView.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..37a1965
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,34 @@
+{
+ "compilerOptions": {
+ "target": "ES2020",
+ "useDefineForClassFields": true,
+ "module": "ESNext",
+ "lib": ["ES2020", "DOM", "DOM.Iterable"],
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowSyntheticDefaultImports": true,
+ "allowImportingTsExtensions": true,
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true,
+ "jsx": "preserve",
+
+ /* Linting */
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noFallthroughCasesInSwitch": true,
+
+ /* Vue */
+ "types": ["node"],
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ },
+ "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
+ "references": [{ "path": "./tsconfig.node.json" }]
+}
+
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..41cdb7d
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,12 @@
+{
+ "compilerOptions": {
+ "composite": true,
+ "skipLibCheck": true,
+ "module": "ESNext",
+ "moduleResolution": "bundler",
+ "allowSyntheticDefaultImports": true,
+ "strict": true
+ },
+ "include": ["vite.config.ts"]
+}
+
diff --git a/vite.config.ts b/vite.config.ts
index f77e08b..501d6c7 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,9 +1,238 @@
import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
import tailwindcss from "@tailwindcss/vite";
+import { VitePWA } from 'vite-plugin-pwa';
+import { fileURLToPath, URL } from 'node:url';
+
export default defineConfig({
server: {
- host: "0.0.0.0",
+ host: "localhost",
port: 5500,
},
- plugins: [tailwindcss()],
+ plugins: [
+ vue({
+ template: {
+ compilerOptions: {
+ // 将 Material Web 组件标签视为自定义元素
+ isCustomElement: (tag) => tag.startsWith('md-')
+ }
+ }
+ }),
+ tailwindcss(),
+ VitePWA({
+ registerType: 'autoUpdate',
+ includeAssets: ['favicon.ico', 'robots.txt', 'apple-touch-icon.png'],
+ manifest: {
+ name: 'SearchGal - Galgame 聚合搜索',
+ short_name: 'SearchGal',
+ description: 'Galgame 资源聚合搜索引擎，支持多站点搜索、游戏信息查询、补丁下载',
+ theme_color: '#ec4899',
+ background_color: '#fffbfe',
+ display: 'standalone',
+ orientation: 'portrait',
+ scope: '/',
+ start_url: '/',
+ icons: [
+ {
+ src: '/pwa-192x192.png',
+ sizes: '192x192',
+ type: 'image/png',
+ purpose: 'any'
+ },
+ {
+ src: '/pwa-512x512.png',
+ sizes: '512x512',
+ type: 'image/png',
+ purpose: 'any'
+ },
+ {
+ src: '/pwa-maskable-192x192.png',
+ sizes: '192x192',
+ type: 'image/png',
+ purpose: 'maskable'
+ },
+ {
+ src: '/pwa-maskable-512x512.png',
+ sizes: '512x512',
+ type: 'image/png',
+ purpose: 'maskable'
+ }
+ ],
+ categories: ['entertainment', 'utilities'],
+ screenshots: [
+ {
+ src: '/screenshot-wide.png',
+ sizes: '1280x720',
+ type: 'image/png',
+ form_factor: 'wide'
+ },
+ {
+ src: '/screenshot-narrow.png',
+ sizes: '750x1334',
+ type: 'image/png',
+ form_factor: 'narrow'
+ }
+ ]
+ },
+ workbox: {
+ // 自动缓存所有构建产物（包括所有 npm 依赖）
+ globPatterns: [
+ '**/*.{js,css,html,ico,png,svg,jpg,jpeg,gif,webp,woff,woff2,ttf,eot}'
+ ],
+ // 包含 node_modules 中的依赖
+ globDirectory: 'dist',
+ // 最大缓存大小（50MB）
+ maximumFileSizeToCacheInBytes: 50 * 1024 * 1024,
+ // 清理过期缓存
+ cleanupOutdatedCaches: true,
+ // 跳过等待，立即激活新的 Service Worker
+ skipWaiting: true,
+ clientsClaim: true,
+ // 运行时缓存策略
+ runtimeCaching: [
+ {
+ // npm 依赖包（从 node_modules 加载的资源）
+ urlPattern: /^https?:\/\/.*\/node_modules\/.*/i,
+ handler: 'CacheFirst',
+ options: {
+ cacheName: 'npm-dependencies-cache',
+ expiration: {
+ maxEntries: 100,
+ maxAgeSeconds: 60 * 60 * 24 * 365 // 1 year
+ },
+ cacheableResponse: {
+ statuses: [0, 200]
+ }
+ }
+ },
+ {
+ // Vite 开发服务器的模块
+ urlPattern: /\/@vite\/|\/node_modules\//,
+ handler: 'CacheFirst',
+ options: {
+ cacheName: 'vite-modules-cache',
+ expiration: {
+ maxEntries: 200,
+ maxAgeSeconds: 60 * 60 * 24 * 30 // 30 days
+ }
+ }
+ },
+ {
+ // 字体 CDN
+ urlPattern: /^https:\/\/(fonts\.loli\.net|fonts\.googleapis\.com|fonts\.gstatic\.com|gstatic\.loli\.net)\/.*/i,
+ handler: 'CacheFirst',
+ options: {
+ cacheName: 'fonts-cache',
+ expiration: {
+ maxEntries: 30,
+ maxAgeSeconds: 60 * 60 * 24 * 365 // 1 year
+ },
+ cacheableResponse: {
+ statuses: [0, 200]
+ }
+ }
+ },
+ {
+ // API 请求
+ urlPattern: /^https:\/\/api\.searchgal\.homes\/.*/i,
+ handler: 'NetworkFirst',
+ options: {
+ cacheName: 'api-cache',
+ expiration: {
+ maxEntries: 50,
+ maxAgeSeconds: 60 * 5 // 5 minutes
+ },
+ networkTimeoutSeconds: 10,
+ cacheableResponse: {
+ statuses: [0, 200]
+ }
+ }
+ },
+ {
+ // 随机图片 API
+ urlPattern: /^https:\/\/api\.illlights\.com\/.*/i,
+ handler: 'CacheFirst',
+ options: {
+ cacheName: 'random-images-cache',
+ expiration: {
+ maxEntries: 20,
+ maxAgeSeconds: 60 * 60 * 24 // 1 day
+ },
+ cacheableResponse: {
+ statuses: [0, 200]
+ }
+ }
+ },
+ {
+ // VNDB 图片
+ urlPattern: /^https:\/\/.*vndb\.org\/.*/i,
+ handler: 'CacheFirst',
+ options: {
+ cacheName: 'vndb-images-cache',
+ expiration: {
+ maxEntries: 50,
+ maxAgeSeconds: 60 * 60 * 24 * 7 // 7 days
+ },
+ cacheableResponse: {
+ statuses: [0, 200]
+ }
+ }
+ },
+ {
+ // CDN 资源（busuanzi 等）
+ urlPattern: /^https:\/\/(registry\.npmmirror\.com|cdn\.jsdelivr\.net|unpkg\.com)\/.*/i,
+ handler: 'CacheFirst',
+ options: {
+ cacheName: 'cdn-cache',
+ expiration: {
+ maxEntries: 50,
+ maxAgeSeconds: 60 * 60 * 24 * 30 // 30 days
+ },
+ cacheableResponse: {
+ statuses: [0, 200]
+ }
+ }
+ },
+ {
+ // 图片资源
+ urlPattern: /\.(?:png|jpg|jpeg|svg|gif|webp|ico)$/i,
+ handler: 'CacheFirst',
+ options: {
+ cacheName: 'images-cache',
+ expiration: {
+ maxEntries: 100,
+ maxAgeSeconds: 60 * 60 * 24 * 30 // 30 days
+ },
+ cacheableResponse: {
+ statuses: [0, 200]
+ }
+ }
+ },
+ {
+ // JS/CSS 资源
+ urlPattern: /\.(?:js|css)$/i,
+ handler: 'StaleWhileRevalidate',
+ options: {
+ cacheName: 'static-resources-cache',
+ expiration: {
+ maxEntries: 100,
+ maxAgeSeconds: 60 * 60 * 24 * 7 // 7 days
+ },
+ cacheableResponse: {
+ statuses: [0, 200]
+ }
+ }
+ }
+ ]
+ },
+ devOptions: {
+ enabled: true
+ }
+ })
+ ],
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url))
+ }
+ }
});
-