添加GitHub Actions自动部署到GitHub Pages

- 创建.github/workflows/deploy.yml工作流文件
- 配置自动构建和部署流程
- 更新vite.config.ts适配GitHub Pages路径
- 修复TypeScript编译错误
- 添加部署说明文档DEPLOYMENT.md

Author: CC11001100

.github/workflows/deploy.yml

@@ -0,0 +1,61 @@
+name: 部署到 GitHub Pages
+
+on:
+  # 在推送到 main 分支时触发
+  push:
+    branches: [ "main" ]
+  
+  # 允许手动触发工作流
+  workflow_dispatch:
+
+# 设置 GITHUB_TOKEN 的权限以允许部署到 GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# 只允许一个并发部署，跳过正在运行和最新排队之间的运行
+# 但是，不要取消正在进行的运行，因为我们希望让这些生产部署完成
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # 构建作业
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: 检出代码
+        uses: actions/checkout@v4
+        
+      - name: 设置 Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+          
+      - name: 安装依赖
+        run: npm ci
+        
+      - name: 构建项目
+        run: npm run build
+        
+      - name: 设置 Pages
+        uses: actions/configure-pages@v5
+        
+      - name: 上传构建产物
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: './dist'
+
+  # 部署作业
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: 部署到 GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

DEPLOYMENT.md

@@ -0,0 +1,74 @@
+# GitHub Pages 自动部署配置
+
+本项目已配置为使用 GitHub Actions 自动部署到 GitHub Pages。
+
+## 配置说明
+
+### 1. GitHub Actions 工作流
+
+工作流文件位于 `.github/workflows/deploy.yml`，包含以下功能：
+
+- **触发条件**：
+  - 推送到 `main` 分支时自动触发
+  - 支持手动触发（workflow_dispatch）
+
+- **构建过程**：
+  - 使用 Node.js 20
+  - 安装依赖：`npm ci`
+  - 构建项目：`npm run build`
+  - 上传构建产物到 GitHub Pages
+
+- **部署过程**：
+  - 自动部署到 GitHub Pages
+  - 使用 GitHub 提供的官方 Actions
+
+### 2. Vite 配置
+
+`vite.config.ts` 已配置为适配 GitHub Pages：
+
+- **base 路径**：设置为 `/coze-plugin-curl-filter/` 以匹配仓库名
+- **构建输出**：输出到 `dist` 目录
+- **源映射**：启用源映射文件用于调试
+
+### 3. GitHub Pages 设置
+
+需要在 GitHub 仓库中进行以下设置：
+
+1. 进入仓库的 **Settings** 页面
+2. 找到 **Pages** 部分
+3. 在 **Source** 中选择 **GitHub Actions**
+4. 保存设置
+
+### 4. 部署流程
+
+1. 将代码推送到 `main` 分支
+2. GitHub Actions 自动触发构建
+3. 构建成功后自动部署到 GitHub Pages
+4. 网站将在 `https://open-api-hub.github.io/coze-plugin-curl-filter/` 可访问
+
+### 5. 本地测试
+
+在推送前可以本地测试构建：
+
+```bash
+# 安装依赖
+npm install
+
+# 构建项目
+npm run build
+
+# 预览构建结果
+npm run preview
+```
+
+### 6. 故障排除
+
+- **构建失败**：检查 Actions 页面的构建日志
+- **页面无法访问**：确认 GitHub Pages 设置正确
+- **资源加载失败**：检查 `base` 路径配置是否正确
+
+## 注意事项
+
+- 确保所有代码更改都推送到 `main` 分支
+- 构建过程中的任何 TypeScript 错误都会导致部署失败
+- 首次部署可能需要几分钟时间生效

src/components/HistoryManager/HistoryManager.tsx

@@ -37,10 +37,8 @@ import {
   ContentCopy,
   Visibility,
   Edit,
-  FilterList,
   History as HistoryIcon,
-  Star,
-  StarBorder
+  Star
 } from '@mui/icons-material';
 import type { HistoryEntry, HistoryQueryOptions, HistoryStats } from '../../types/filterRules';
 import { indexedDBStorageManager } from '../../utils/indexedDBStorage';

src/utils/indexedDBStorage.ts

@@ -95,7 +95,7 @@ export class IndexedDBStorageManager {
 
         // 创建备份存储
         if (!db.objectStoreNames.contains(STORES.BACKUP)) {
-          const backupStore = db.createObjectStore(STORES.BACKUP, { keyPath: 'timestamp' });
+          db.createObjectStore(STORES.BACKUP, { keyPath: 'timestamp' });
         }
       };
     });
@@ -502,7 +502,7 @@ export class IndexedDBStorageManager {
 
           if (favoriteOnly) {
             const index = historyStore.index('favorite');
-            request = index.getAll(true);
+            request = index.getAll(1);
           } else {
             request = historyStore.getAll();
           }
@@ -513,30 +513,30 @@ export class IndexedDBStorageManager {
             // 应用过滤条件
             if (searchText) {
               const searchLower = searchText.toLowerCase();
-              results = results.filter(entry =>
+              results = results.filter((entry: HistoryEntry) =>
                 entry.inputCurl.toLowerCase().includes(searchLower) ||
                 entry.outputCurl.toLowerCase().includes(searchLower) ||
                 (entry.title && entry.title.toLowerCase().includes(searchLower))
               );
             }
 
             if (tags && tags.length > 0) {
-              results = results.filter(entry =>
-                entry.tags && entry.tags.some(tag => tags.includes(tag))
+              results = results.filter((entry: HistoryEntry) =>
+                entry.tags && entry.tags.some((tag: string) => tags.includes(tag))
               );
             }
 
             if (dateRange) {
               const startTime = new Date(dateRange.start).getTime();
               const endTime = new Date(dateRange.end).getTime();
-              results = results.filter(entry => {
+              results = results.filter((entry: HistoryEntry) => {
                 const entryTime = new Date(entry.timestamp).getTime();
                 return entryTime >= startTime && entryTime <= endTime;
               });
             }
 
             // 排序
-            results.sort((a, b) => {
+            results.sort((a: HistoryEntry, b: HistoryEntry) => {
               let aValue: any, bValue: any;
               if (sortBy === 'timestamp') {
                 aValue = new Date(a.timestamp).getTime();
@@ -811,7 +811,7 @@ export class IndexedDBStorageManager {
    */
   async clearStorage(): Promise<void> {
     try {
-      const db = await this.ensureDB();
+      await this.ensureDB();
       const storeNames = [STORES.CONFIG, STORES.RULES, STORES.HISTORY, STORES.BACKUP];
 
       await this.executeTransaction(storeNames, 'readwrite', (stores) => {

src/utils/ruleStorage.ts

@@ -2,15 +2,8 @@
 
 import type {
   FilterRule,
-  StoredConfig,
-  ImportedConfig
+  StoredConfig
 } from '../types/filterRules';
-import {
-  DEFAULT_SETTINGS,
-  CONFIG_VERSION,
-  STORAGE_KEYS
-} from '../types/filterRules';
-import { validateRules } from './ruleValidation';
 import {
   indexedDBStorageManager,
   saveRules as saveRulesToIndexedDB,

src/utils/storageMigration.ts

@@ -1,5 +1,5 @@
 // 存储迁移工具
-import type { FilterRule, StoredConfig } from '../types/filterRules';
+import type { StoredConfig } from '../types/filterRules';
 import { STORAGE_KEYS, CONFIG_VERSION, DEFAULT_SETTINGS } from '../types/filterRules';
 import { indexedDBStorageManager } from './indexedDBStorage';
 import { validateRules } from './ruleValidation';

vite.config.ts

@@ -4,8 +4,18 @@ import react from '@vitejs/plugin-react'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  // 设置基础路径为仓库名，适配GitHub Pages
+  base: '/coze-plugin-curl-filter/',
   server: {
     port: 25519,
     host: true
+  },
+  build: {
+    // 确保构建输出目录为 dist
+    outDir: 'dist',
+    // 生成源映射文件用于调试
+    sourcemap: true,
+    // 清理输出目录
+    emptyOutDir: true
   }
 })