Independent dashboard layer for HyperFrames-based video operations.
+ +正在读取最新文章…
; + if (error) return读取失败: {error}
; + + return ( +Short summary
" }, + link: "https://example.com/post/1", + }, + ]; + + const result = summarizePosts(posts as any); + + expect(result[0].title).toBe("Hello Media OS"); + expect(result[0].excerpt).toContain("Short summary"); + expect(result[0].link).toBe("https://example.com/post/1"); + }); +}); diff --git a/packages/media-os/tests/dashboard.test.ts b/packages/media-os/tests/dashboard.test.ts new file mode 100644 index 000000000..d52230fc6 --- /dev/null +++ b/packages/media-os/tests/dashboard.test.ts @@ -0,0 +1,99 @@ +import { describe, expect, it } from "vitest"; +import { + buildDashboardSummary, + buildActionPlan, + deriveAiStatus, + deriveRenderStatus, + generateVideo, +} from "../src/lib/content"; + +function fakeFetch(body: unknown, status = 200): typeof fetch { + return (async () => new Response(JSON.stringify(body), { status })) as unknown as typeof fetch; +} + +describe("dashboard helpers", () => { + it("builds a dashboard summary from posts and generation counts", () => { + const summary = buildDashboardSummary( + [{ id: 1, date: new Date().toISOString() }] as any, + 3, + "Online", + "Ready", + ); + + expect(summary.todayPosts).toBe(1); + expect(summary.todayVideos).toBe(3); + expect(summary.aiStatus).toBe("Online"); + expect(summary.gpuStatus).toBe("Ready"); + }); + + it("creates action cards for a selected article", () => { + const plan = buildActionPlan("东南亚快曝光 2026 主题"); + + expect(plan).toHaveLength(4); + expect(plan[0].label).toBe("AI生成脚本"); + expect(plan[0].preview).toContain("东南亚快曝光 2026 主题"); + }); +}); + +describe("video system status derivation", () => { + it("reports unknown/offline when the status endpoint could not be reached", () => { + expect(deriveRenderStatus(null)).toBe("未知"); + expect(deriveAiStatus(null)).toBe("离线"); + }); + + it("reports rendering vs idle based on currently_rendering", () => { + expect(deriveRenderStatus({ currently_rendering: { task_id: 1, post_id: 2 } })).toBe("渲染中"); + expect(deriveRenderStatus({ currently_rendering: null })).toBe("空闲"); + }); + + it("reports degraded when the last-hour success rate drops below 50%", () => { + expect( + deriveAiStatus({ currently_rendering: null, last_hour: { total: 4, success_rate_pct: 25 } }), + ).toBe("降级"); + expect( + deriveAiStatus({ currently_rendering: null, last_hour: { total: 4, success_rate_pct: 75 } }), + ).toBe("在线"); + expect( + deriveAiStatus({ + currently_rendering: null, + last_hour: { total: 0, success_rate_pct: null }, + }), + ).toBe("在线"); + }); +}); + +describe("generateVideo", () => { + it("reports success when the render completes", async () => { + const result = await generateVideo(123, fakeFetch({ ok: true, task_id: 1, video_id: "v1" })); + expect(result.ok).toBe(true); + expect(result.message).toContain("待审核"); + }); + + it("reports the existing-task reason when the server skips generation", async () => { + const result = await generateVideo( + 123, + fakeFetch({ ok: true, skipped: true, reason: "already has a processing task" }), + ); + expect(result.ok).toBe(true); + expect(result.message).toContain("already has a processing task"); + }); + + it("surfaces the server error message on failure", async () => { + const result = await generateVideo( + 123, + fakeFetch({ ok: false, error: "content generation failed" }, 500), + ); + expect(result.ok).toBe(false); + expect(result.message).toBe("content generation failed"); + }); + + it("reports failure when the request itself throws", async () => { + const throwingFetch = (async () => { + throw new Error("network down"); + }) as unknown as typeof fetch; + + const result = await generateVideo(123, throwingFetch); + expect(result.ok).toBe(false); + expect(result.message).toBe("network down"); + }); +}); diff --git a/packages/media-os/tsconfig.json b/packages/media-os/tsconfig.json new file mode 100644 index 000000000..53d970a6d --- /dev/null +++ b/packages/media-os/tsconfig.json @@ -0,0 +1,21 @@ +{ + "compilerOptions": { + "target": "ES2020", + "useDefineForClassFields": true, + "lib": ["ES2020", "DOM", "DOM.Iterable"], + "allowJs": false, + "skipLibCheck": true, + "esModuleInterop": true, + "allowSyntheticDefaultImports": true, + "strict": true, + "forceConsistentCasingInFileNames": true, + "module": "ESNext", + "moduleResolution": "Node", + "resolveJsonModule": true, + "isolatedModules": true, + "noEmit": true, + "jsx": "react-jsx" + }, + "include": ["src"], + "references": [] +} diff --git a/packages/media-os/vite.config.ts b/packages/media-os/vite.config.ts new file mode 100644 index 000000000..10c36fe0d --- /dev/null +++ b/packages/media-os/vite.config.ts @@ -0,0 +1,34 @@ +import { defineConfig, loadEnv } from "vite"; +import react from "@vitejs/plugin-react"; + +// video.kuaibaoguang.cn's api/video-dashboard.php is shared-secret gated +// (?token=...) and sends no CORS headers, so the browser can't call it +// directly from this dev server's origin without baking the token into the +// client bundle. Proxying through Vite keeps VIDEO_API_TOKEN server-side — +// see .env.example over there for where that token comes from. +export default defineConfig(({ mode }) => { + const env = loadEnv(mode, process.cwd(), ""); + const videoApiBase = env.VIDEO_API_BASE || "https://video.kuaibaoguang.cn"; + const videoApiToken = env.VIDEO_API_TOKEN || ""; + + return { + plugins: [react()], + server: { + host: "0.0.0.0", + port: 5191, + proxy: { + "/video-api": { + target: videoApiBase, + changeOrigin: true, + secure: true, + rewrite: (path: string) => { + const [, query = ""] = path.split("?"); + const params = new URLSearchParams(query); + params.set("token", videoApiToken); + return `/api/video-dashboard.php?${params.toString()}`; + }, + }, + }, + }, + }; +});