- {/* GitHub Repository Link */}
-
-
{t('上次同步:', 'Last sync:')} {formatLastSync(lastSync)}
diff --git a/src/components/SettingsPanel.tsx b/src/components/SettingsPanel.tsx
index 4a2aa71..9789a05 100644
--- a/src/components/SettingsPanel.tsx
+++ b/src/components/SettingsPanel.tsx
@@ -14,12 +14,18 @@ import {
Upload,
RefreshCw,
Globe,
- MessageSquare
+ MessageSquare,
+ Package,
+ ExternalLink,
+ Mail,
+ Github,
+ Twitter
} from 'lucide-react';
import { AIConfig, WebDAVConfig } from '../types';
import { useAppStore } from '../store/useAppStore';
import { AIService } from '../services/aiService';
import { WebDAVService } from '../services/webdavService';
+import { UpdateChecker } from './UpdateChecker';
export const SettingsPanel: React.FC = () => {
const {
@@ -351,6 +357,28 @@ Focus on practicality and accurate categorization to help users quickly understa
return (
+ {/* Update Check */}
+
+ {/* Contact Information */}
+
+
+
{/* Language Settings */}
+
+
+ + {t('检查更新', 'Check for Updates')} +
+
+
+
+
+ + {t('当前版本: v0.1.3', 'Current Version: v0.1.3')} +
++ {t('检查是否有新版本可用', 'Check if a new version is available')} +
+
@@ -390,6 +418,42 @@ Focus on practicality and accurate categorization to help users quickly understa
+
+
{/* AI Configuration */}
+
+
+ + {t('联系方式', 'Contact Information')} +
+
+
+ + {t('如果您在使用过程中遇到任何问题或有建议，欢迎通过以下方式联系我：', 'If you encounter any issues or have suggestions while using the app, feel free to contact me through:')} +
+ +
+
+
+
+
+
diff --git a/src/components/UpdateChecker.tsx b/src/components/UpdateChecker.tsx
new file mode 100644
index 0000000..4ff8a6e
--- /dev/null
+++ b/src/components/UpdateChecker.tsx
@@ -0,0 +1,194 @@
+import React, { useState } from 'react';
+import { Download, RefreshCw, ExternalLink, Calendar, Package } from 'lucide-react';
+import { UpdateService, VersionInfo } from '../services/updateService';
+import { useAppStore } from '../store/useAppStore';
+
+interface UpdateCheckerProps {
+ onUpdateAvailable?: (version: VersionInfo) => void;
+}
+
+export const UpdateChecker: React.FC = ({ onUpdateAvailable }) => {
+ const { language, setUpdateNotification } = useAppStore();
+ const [isChecking, setIsChecking] = useState(false);
+ const [updateInfo, setUpdateInfo] = useState(null);
+ const [showUpdateDialog, setShowUpdateDialog] = useState(false);
+ const [error, setError] = useState(null);
+
+ const t = (zh: string, en: string) => language === 'zh' ? zh : en;
+
+ const checkForUpdates = async (silent = false) => {
+ setIsChecking(true);
+ setError(null);
+
+ try {
+ const result = await UpdateService.checkForUpdates();
+
+ if (result.hasUpdate && result.latestVersion) {
+ setUpdateInfo(result.latestVersion);
+ setShowUpdateDialog(true);
+ onUpdateAvailable?.(result.latestVersion);
+
+ // 设置全局更新通知
+ setUpdateNotification({
+ version: result.latestVersion.number,
+ releaseDate: result.latestVersion.releaseDate,
+ changelog: result.latestVersion.changelog,
+ downloadUrl: result.latestVersion.downloadUrl,
+ dismissed: false
+ });
+ } else if (!silent) {
+ // 只在手动检查时显示"已是最新版本"的消息
+ alert(t('当前已是最新版本！', 'You are already using the latest version!'));
+ }
+ } catch (error) {
+ const errorMessage = t('检查更新失败，请检查网络连接', 'Failed to check for updates. Please check your network connection.');
+ setError(errorMessage);
+ if (!silent) {
+ alert(errorMessage);
+ }
+ console.error('Update check failed:', error);
+ } finally {
+ setIsChecking(false);
+ }
+ };
+
+ const handleDownload = () => {
+ if (updateInfo?.downloadUrl) {
+ UpdateService.openDownloadUrl(updateInfo.downloadUrl);
+ setShowUpdateDialog(false);
+ }
+ };
+
+ const formatDate = (dateString: string) => {
+ try {
+ return new Date(dateString).toLocaleDateString(language === 'zh' ? 'zh-CN' : 'en-US');
+ } catch {
+ return dateString;
+ }
+ };
+
+ return (
+ <>
+ {/* 检查更新按钮 */}
+
+
+ {/* 错误提示 */}
+ {error && (
+ {
+ const currentVersion = this.getCurrentVersion();
+
+ try {
+ const response = await fetch(this.REPO_URL);
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+
+ const xmlText = await response.text();
+ const versions = this.parseVersionXML(xmlText);
+
+ if (versions.length === 0) {
+ return {
+ hasUpdate: false,
+ currentVersion
+ };
+ }
+
+ // 获取最新版本（假设XML中版本按时间排序，最后一个是最新的）
+ const latestVersion = versions[versions.length - 1];
+ const hasUpdate = this.compareVersions(currentVersion, latestVersion.number) < 0;
+
+ return {
+ hasUpdate,
+ currentVersion,
+ latestVersion: hasUpdate ? latestVersion : undefined
+ };
+ } catch (error) {
+ console.error('检查更新失败:', error);
+ throw error;
+ }
+ }
+
+ private static parseVersionXML(xmlText: string): VersionInfo[] {
+ const parser = new DOMParser();
+ const xmlDoc = parser.parseFromString(xmlText, 'text/xml');
+
+ // 检查解析错误
+ const parseError = xmlDoc.querySelector('parsererror');
+ if (parseError) {
+ throw new Error('XML解析失败');
+ }
+
+ const versions: VersionInfo[] = [];
+ const versionNodes = xmlDoc.querySelectorAll('version');
+
+ versionNodes.forEach(versionNode => {
+ const number = versionNode.querySelector('number')?.textContent?.trim();
+ const releaseDate = versionNode.querySelector('releaseDate')?.textContent?.trim();
+ const downloadUrl = versionNode.querySelector('downloadUrl')?.textContent?.trim();
+
+ if (!number || !releaseDate || !downloadUrl) {
+ return; // 跳过不完整的版本信息
+ }
+
+ const changelog: string[] = [];
+ const changelogItems = versionNode.querySelectorAll('changelog item');
+ changelogItems.forEach(item => {
+ const text = item.textContent?.trim();
+ if (text) {
+ changelog.push(text);
+ }
+ });
+
+ versions.push({
+ number,
+ releaseDate,
+ changelog,
+ downloadUrl
+ });
+ });
+
+ return versions;
+ }
+
+ private static compareVersions(version1: string, version2: string): number {
+ const v1Parts = version1.split('.').map(Number);
+ const v2Parts = version2.split('.').map(Number);
+
+ const maxLength = Math.max(v1Parts.length, v2Parts.length);
+
+ for (let i = 0; i < maxLength; i++) {
+ const v1Part = v1Parts[i] || 0;
+ const v2Part = v2Parts[i] || 0;
+
+ if (v1Part < v2Part) return -1;
+ if (v1Part > v2Part) return 1;
+ }
+
+ return 0;
+ }
+
+ static openDownloadUrl(url: string): void {
+ window.open(url, '_blank');
+ }
+}
\ No newline at end of file
diff --git a/src/store/useAppStore.ts b/src/store/useAppStore.ts
index 3e21cdf..f1da0c7 100644
--- a/src/store/useAppStore.ts
+++ b/src/store/useAppStore.ts
@@ -1,6 +1,6 @@
import { create } from 'zustand';
import { persist } from 'zustand/middleware';
-import { AppState, Repository, Release, AIConfig, WebDAVConfig, SearchFilters, GitHubUser, Category, AssetFilter } from '../types';
+import { AppState, Repository, Release, AIConfig, WebDAVConfig, SearchFilters, GitHubUser, Category, AssetFilter, UpdateNotification } from '../types';
interface AppActions {
// Auth actions
@@ -52,6 +52,10 @@ interface AppActions {
setTheme: (theme: 'light' | 'dark') => void;
setCurrentView: (view: 'repositories' | 'releases' | 'settings') => void;
setLanguage: (language: 'zh' | 'en') => void;
+
+ // Update actions
+ setUpdateNotification: (notification: UpdateNotification | null) => void;
+ dismissUpdateNotification: () => void;
}
const initialSearchFilters: SearchFilters = {
@@ -177,6 +181,7 @@ export const useAppStore = create()(
theme: 'light',
currentView: 'repositories',
language: 'zh',
+ updateNotification: null,
// Auth actions
setUser: (user) => {
@@ -307,6 +312,10 @@ export const useAppStore = create()(
setTheme: (theme) => set({ theme }),
setCurrentView: (currentView) => set({ currentView }),
setLanguage: (language) => set({ language }),
+
+ // Update actions
+ setUpdateNotification: (notification) => set({ updateNotification: notification }),
+ dismissUpdateNotification: () => set({ updateNotification: null }),
}),
{
name: 'github-stars-manager',
diff --git a/src/types/index.ts b/src/types/index.ts
index 14266dc..3f68439 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -152,4 +152,15 @@ export interface AppState {
theme: 'light' | 'dark';
currentView: 'repositories' | 'releases' | 'settings';
language: 'zh' | 'en';
+
+ // Update
+ updateNotification: UpdateNotification | null;
+}
+
+export interface UpdateNotification {
+ version: string;
+ releaseDate: string;
+ changelog: string[];
+ downloadUrl: string;
+ dismissed: boolean;
}
\ No newline at end of file
diff --git a/test-update.html b/test-update.html
new file mode 100644
index 0000000..6dbe311
--- /dev/null
+++ b/test-update.html
@@ -0,0 +1,216 @@
+
+
+
+
+
+ 更新功能测试
+
+
+
+
+
+ 0.1.3
+ 2025-01-03
+
+ - 修复搜索功能bug
+ - 添加新的过滤选项
+ - 优化界面响应速度
+
+ https://github.com/AmintaCCCP/GithubStarsManager/releases/download/v0.1.3/github-stars-manager-0.1.3.dmg
+
+
+```
+
+### 3. 发布流程
+
+1. 使用 `npm run update-version` 更新版本信息
+2. 提交更改到 Git 仓库：
+ ```bash
+ git add .
+ git commit -m "chore: bump version to v0.1.3"
+ git push origin main
+ ```
+3. 在 GitHub 上创建对应的 Release，并上传构建好的安装包
+4. 确保下载链接与 XML 中的 `downloadUrl` 一致
+
+## XML 文件格式说明
+
+- `number`: 版本号，格式为 x.y.z
+- `releaseDate`: 发布日期，格式为 YYYY-MM-DD
+- `changelog`: 更新日志，每个 `- ` 代表一条更新内容
+- `downloadUrl`: 对应版本的下载链接
+
+## 注意事项
+
+1. 版本号必须遵循语义化版本规范（Semantic Versioning）
+2. 每次发布新版本时，确保 GitHub Release 中的下载链接可用
+3. XML 文件会被应用程序通过网络请求读取，确保文件格式正确
+4. 建议在发布前先在本地测试更新检查功能
\ No newline at end of file
+
+ )}
+
+ {/* 更新对话框 */}
+ {showUpdateDialog && updateInfo && (
+ {error}
+
+
+ )}
+
+ );
+};
+
+// 用于应用启动时自动检查更新的Hook
+export const useAutoUpdateCheck = () => {
+ const { setUpdateNotification } = useAppStore();
+
+ React.useEffect(() => {
+ const checkUpdatesOnStartup = async () => {
+ try {
+ const result = await UpdateService.checkForUpdates();
+ if (result.hasUpdate && result.latestVersion) {
+ console.log('New version available:', result.latestVersion.number);
+
+ // 设置全局更新通知
+ setUpdateNotification({
+ version: result.latestVersion.number,
+ releaseDate: result.latestVersion.releaseDate,
+ changelog: result.latestVersion.changelog,
+ downloadUrl: result.latestVersion.downloadUrl,
+ dismissed: false
+ });
+ }
+ } catch (error) {
+ console.error('Startup update check failed:', error);
+ }
+ };
+
+ // 延迟3秒后检查更新，避免影响应用启动速度
+ const timer = setTimeout(checkUpdatesOnStartup, 3000);
+ return () => clearTimeout(timer);
+ }, [setUpdateNotification]);
+};
\ No newline at end of file
diff --git a/src/components/UpdateNotificationBanner.tsx b/src/components/UpdateNotificationBanner.tsx
new file mode 100644
index 0000000..bd85569
--- /dev/null
+++ b/src/components/UpdateNotificationBanner.tsx
@@ -0,0 +1,73 @@
+import React from 'react';
+import { X, Download, Calendar, Package } from 'lucide-react';
+import { useAppStore } from '../store/useAppStore';
+import { UpdateService } from '../services/updateService';
+
+export const UpdateNotificationBanner: React.FC = () => {
+ const { updateNotification, dismissUpdateNotification, language } = useAppStore();
+
+ const t = (zh: string, en: string) => language === 'zh' ? zh : en;
+
+ if (!updateNotification || updateNotification.dismissed) {
+ return null;
+ }
+
+ const handleDownload = () => {
+ UpdateService.openDownloadUrl(updateNotification.downloadUrl);
+ dismissUpdateNotification();
+ };
+
+ const formatDate = (dateString: string) => {
+ try {
+ return new Date(dateString).toLocaleDateString(language === 'zh' ? 'zh-CN' : 'en-US');
+ } catch {
+ return dateString;
+ }
+ };
+
+ return (
+
+
+
+ {/* 标题 */}
+
+
+
+
+ {/* 版本信息 */}
+
+
+
+
+ + {t('发现新版本', 'New Version Available')} +
++ v{updateInfo.number} +
+
+
+
+ {/* 按钮 */}
+
+
+
+ {/* 更新日志 */}
+
+
+ + {t('更新内容:', 'What\'s New:')} +
+-
+ {updateInfo.changelog.map((item, index) => (
+
- + + {item} + + ))} +
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/services/updateService.ts b/src/services/updateService.ts
new file mode 100644
index 0000000..69179f7
--- /dev/null
+++ b/src/services/updateService.ts
@@ -0,0 +1,119 @@
+export interface VersionInfo {
+ number: string;
+ releaseDate: string;
+ changelog: string[];
+ downloadUrl: string;
+}
+
+export interface UpdateCheckResult {
+ hasUpdate: boolean;
+ currentVersion: string;
+ latestVersion?: VersionInfo;
+}
+
+export class UpdateService {
+ private static readonly REPO_URL = 'https://raw.githubusercontent.com/AmintaCCCP/GithubStarsManager/main/versions/version-info.xml';
+
+ private static getCurrentVersion(): string {
+ // 在实际应用中，这个版本号应该在构建时注入
+ // 这里暂时硬编码，你可以通过构建脚本或环境变量来动态设置
+ return '0.1.3';
+ }
+
+ static async checkForUpdates(): Promise
+
+
+
+
+
+
+
+
+
+
+
+
+ + {t('发现新版本', 'New Version Available')} v{updateNotification.version} +
+
+
+ + {updateNotification.changelog.slice(0, 2).join(' • ')} + {updateNotification.changelog.length > 2 && '...'} +
+
+
+
+
+ GitHub Stars Manager - 更新功能测试
+ +
+
+
+
+
+
\ No newline at end of file
diff --git a/versions/README.md b/versions/README.md
new file mode 100644
index 0000000..fd8f99c
--- /dev/null
+++ b/versions/README.md
@@ -0,0 +1,67 @@
+# 版本管理说明
+
+## 目录结构
+
+- `version-info.xml` - 存储所有版本信息的XML文件
+- `README.md` - 本说明文件
+
+## 版本更新流程
+
+### 1. 更新版本信息
+
+使用脚本自动更新版本：
+
+```bash
+npm run update-version 0.1.3 "修复搜索功能bug" "添加新的过滤选项" "优化界面响应速度"
+```
+
+这个命令会：
+- 更新 `package.json` 中的版本号
+- 在 `version-info.xml` 中添加新版本记录
+- 更新 `src/services/updateService.ts` 中的当前版本号
+
+### 2. 手动更新（不推荐）
+
+如果需要手动更新 `version-info.xml`，请按照以下格式：
+
+```xml
+
+