create-principles-disciple 1.73.0 → 1.74.0

package/console/dist/ui/pages/UpdatePage.js

@@ -0,0 +1,142 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { PageHeader } from "../components/page-header.js";
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "../components/ui/card.js";
+import { Button } from "../components/ui/button.js";
+import { Badge } from "../components/ui/badge.js";
+import { Separator } from "../components/ui/separator.js";
+import { UpdateProgressDialog } from "../components/UpdateProgressDialog.js";
+import { RefreshCw, Download, Shield, CheckCircle2 } from "lucide-react";
+function isValidUpdateInfo(data) {
+    if (typeof data !== "object" || data === null)
+        return false;
+    const obj = data;
+    return typeof obj.hasUpdate === "boolean" && typeof obj.currentVersion === "string";
+}
+function isApiResponse(value) {
+    if (typeof value !== "object" || value === null)
+        return false;
+    const obj = value;
+    return typeof obj.success === "boolean";
+}
+const MERGE_STRATEGY_DESCRIPTIONS = {
+    smart: "生成 .update 文件供手动合并",
+    overwrite: "直接覆盖用户文件",
+    keep: "保留用户文件不变",
+};
+export function UpdatePage() {
+    const { t } = useTranslation();
+    const [updateInfo, setUpdateInfo] = useState(null);
+    const [checking, setChecking] = useState(false);
+    const [mergeStrategy, setMergeStrategy] = useState("smart");
+    const [createBackup, setCreateBackup] = useState(true);
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const [dialogStatus, setDialogStatus] = useState("checking");
+    const [dialogError, setDialogError] = useState();
+    const [updateCompleted, setUpdateCompleted] = useState(false);
+    const [lastBackupPath, setLastBackupPath] = useState();
+    useEffect(() => {
+        checkForUpdates();
+    }, []);
+    async function checkForUpdates() {
+        setChecking(true);
+        try {
+            const response = await fetch("/api/update/check");
+            const result = await response.json();
+            if (!isApiResponse(result)) {
+                console.error("[UpdatePage] Invalid response shape from /api/update/check:", result);
+                return;
+            }
+            if (result.success && isValidUpdateInfo(result.data)) {
+                setUpdateInfo(result.data);
+            }
+        }
+        catch (err) {
+            console.error("[UpdatePage] Failed to check for updates:", err);
+        }
+        finally {
+            setChecking(false);
+        }
+    }
+    async function handleUpdate() {
+        setDialogError(undefined);
+        setUpdateCompleted(false);
+        setDialogOpen(true);
+        setDialogStatus("checking");
+        // Brief checking phase
+        await new Promise((r) => setTimeout(r, 800));
+        setDialogStatus("downloading");
+        try {
+            const response = await fetch("/api/update/apply", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    mergeStrategy,
+                    createBackup,
+                }),
+            });
+            const result = await response.json();
+            if (!isApiResponse(result)) {
+                setDialogStatus("failed");
+                setDialogError("Invalid response from server");
+                return;
+            }
+            const data = result.data;
+            if (result.success && data && data.success === true) {
+                if (typeof data.backupPath === "string") {
+                    setLastBackupPath(data.backupPath);
+                }
+                setDialogStatus("applying");
+                await new Promise((r) => setTimeout(r, 600));
+                setDialogStatus("completed");
+                setUpdateCompleted(true);
+            }
+            else {
+                setDialogStatus("failed");
+                const message = (data && typeof data.message === "string") ? data.message
+                    : (typeof result.error === "string" ? result.error : "Unknown error");
+                setDialogError(message);
+            }
+        }
+        catch (err) {
+            setDialogStatus("failed");
+            setDialogError(err instanceof Error ? err.message : "Network error");
+        }
+    }
+    async function handleRollback() {
+        try {
+            const response = await fetch("/api/update/rollback", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    backupDir: lastBackupPath || "",
+                }),
+            });
+            const result = await response.json();
+            if (isApiResponse(result) && result.success) {
+                setDialogOpen(false);
+                setUpdateCompleted(false);
+                checkForUpdates();
+            }
+            else {
+                const msg = (result && typeof result === "object" && Object.hasOwn(result, "error"))
+                    ? result.error : "Rollback failed";
+                setDialogError(typeof msg === "string" ? msg : "Rollback failed");
+                setDialogStatus("failed");
+            }
+        }
+        catch (err) {
+            console.error("[UpdatePage] Rollback failed:", err);
+            setDialogError(err instanceof Error ? err.message : "Rollback network error");
+            setDialogStatus("failed");
+        }
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(PageHeader, { title: t("pages:update.title", { defaultValue: "更新" }) }), updateCompleted && (_jsx(Card, { className: "mb-6 border-green-200 bg-green-50", children: _jsxs(CardContent, { className: "flex items-center gap-3 pt-6", children: [_jsx(CheckCircle2, { className: "h-5 w-5 text-green-600" }), _jsx("span", { className: "text-sm text-green-800", children: t("pages:update.success", { defaultValue: "更新已成功应用！请重启 Gateway 以使更改生效。" }) })] }) })), _jsxs("div", { className: "grid gap-6 max-w-2xl", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(RefreshCw, { className: "h-4 w-4" }), t("pages:update.versionInfo", { defaultValue: "版本信息" })] }) }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: t("pages:update.currentVersion", { defaultValue: "当前版本" }) }), _jsx(Badge, { variant: "outline", children: updateInfo?.currentVersion ?? "—" })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: t("pages:update.latestVersion", { defaultValue: "最新版本" }) }), _jsx(Badge, { variant: updateInfo?.hasUpdate ? "default" : "outline", children: updateInfo?.latestVersion ?? "—" })] }), updateInfo?.hasUpdate && (_jsx("div", { className: "rounded-md bg-primary/5 p-3 text-sm text-primary", children: t("pages:update.updateAvailable", { defaultValue: "有新版本可用！" }) })), _jsxs(Button, { variant: "outline", size: "sm", onClick: checkForUpdates, disabled: checking, children: [_jsx(RefreshCw, { className: `mr-2 h-3 w-3 ${checking ? "animate-spin" : ""}` }), checking
+                                                ? t("pages:update.checking", { defaultValue: "检查中..." })
+                                                : t("pages:update.checkForUpdates", { defaultValue: "检查更新" })] })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Shield, { className: "h-4 w-4" }), t("pages:update.settings", { defaultValue: "更新设置" })] }), _jsx(CardDescription, { children: t("pages:update.settingsDescription", { defaultValue: "配置更新行为和文件处理策略" }) })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("label", { className: "flex items-center gap-3 cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: createBackup, onChange: (e) => setCreateBackup(e.target.checked), className: "h-4 w-4 rounded border-input" }), _jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium", children: t("pages:update.createBackup", { defaultValue: "更新前创建备份" }) }), _jsx("p", { className: "text-xs text-muted-foreground", children: t("pages:update.createBackupHint", { defaultValue: "允许在更新失败时回滚" }) })] })] }), _jsx(Separator, {}), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium mb-3", children: t("pages:update.workspaceFileHandling", { defaultValue: "工作区文件处理" }) }), _jsx("div", { className: "space-y-2", children: Object.entries(MERGE_STRATEGY_DESCRIPTIONS).map(([strategy, description]) => (_jsxs("label", { className: `flex items-start gap-3 p-3 rounded-md border cursor-pointer transition-colors ${mergeStrategy === strategy
+                                                        ? "border-primary bg-primary/5"
+                                                        : "border-border hover:bg-muted/50"}`, children: [_jsx("input", { type: "radio", name: "mergeStrategy", value: strategy, checked: mergeStrategy === strategy, onChange: () => setMergeStrategy(strategy), className: "mt-0.5" }), _jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium capitalize", children: strategy }), _jsx("p", { className: "text-xs text-muted-foreground", children: t(`pages:update.merge.${strategy}`, { defaultValue: description }) })] })] }, strategy))) })] })] })] }), _jsx(Card, { children: _jsx(CardContent, { className: "pt-6", children: _jsxs(Button, { className: "w-full", size: "lg", disabled: !updateInfo?.hasUpdate || checking, onClick: handleUpdate, children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), updateInfo?.hasUpdate
+                                        ? t("pages:update.updateTo", { version: updateInfo.latestVersion, defaultValue: `更新到 v${updateInfo.latestVersion}` })
+                                        : t("pages:update.upToDate", { defaultValue: "已是最新版本" })] }) }) })] }), _jsx(UpdateProgressDialog, { open: dialogOpen, onOpenChange: setDialogOpen, status: dialogStatus, currentVersion: updateInfo?.currentVersion ?? "", targetVersion: updateInfo?.latestVersion ?? "", errorMessage: dialogError, onRollback: handleRollback })] }));
+}

package/console/dist/web/assets/app.css

@@ -40,6 +40,7 @@
     --color-yellow-950: oklch(28.6% 0.066 53.813);
     --color-green-50: oklch(98.2% 0.018 155.826);
     --color-green-100: oklch(96.2% 0.044 156.743);
+    --color-green-200: oklch(92.5% 0.084 155.995);
     --color-green-300: oklch(87.1% 0.15 154.449);
     --color-green-400: oklch(79.2% 0.209 151.711);
     --color-green-500: oklch(72.3% 0.219 149.579);
@@ -1021,6 +1022,9 @@
       border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
     }
   }
+  .border-green-200 {
+    border-color: var(--color-green-200);
+  }
   .border-green-300 {
     border-color: var(--color-green-300);
   }
@@ -1374,6 +1378,9 @@
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
+  .pt-6 {
+    padding-top: calc(var(--spacing) * 6);
+  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }