tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf(*): 创作工作台 - 优化首页按需加载与画布交互并修复历史迁移冲突

Browse Source
This commit is contained in:
ddCat
2026-09-05 13:24:10 +08:00
parent 165b4443ab
commit 58f01d1eb6
107 changed files with 3025 additions and 1089 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
web/test/workspace-route-loading.test.ts
View File

@@ -24,6 +24,8 @@ describe("workspace route loading", () => {
for (const route of ["projects", "canvas", "assets", "wallet", "create"]) {
expect(modules).toContain(`${route}: () => import`);
}
expect(modules).toContain('projectDetail: () => import("@/pages/projects/detail")');
expect(modules).toContain('slug === "projects" && segments.length > 1');
expect(navigation).toContain("onPointerEnter={() => preloadWorkspaceRoute(linkTo)}");
expect(navigation).toContain("onPointerDown={() => preloadWorkspaceRoute(linkTo)}");
expect(navigation).toContain("onFocus={() => preloadWorkspaceRoute(linkTo)}");
@@ -56,6 +58,41 @@ describe("workspace route loading", () => {
expect(canvasCard).toContain("正在打开");
});
test("loads only the active project detail view and keeps canvas-only state out of the global layout", () => {
const detail = source("../src/pages/projects/detail.tsx");
const layout = source("../src/layouts/user-layout.tsx");
const canvas = source("../src/pages/canvas/index.tsx");
for (const view of ["assets", "canvases", "chapters", "overview", "settings", "workflow", "editor"]) {
expect(detail).toContain(`lazy(() => import("./detail/${view}"))`);
}
expect(layout).not.toContain("useCanvasUiStore");
expect(layout).not.toContain("CanvasDeleteProjectsDialog");
expect(canvas).toContain("deleteDialogOpen ? <Suspense");
});
test("does not poll wallet balance from permanent workspace chrome", () => {
const wallet = source("../src/hooks/use-wallet-balance.ts");
expect(wallet).not.toContain("refetchInterval:");
expect(wallet).toContain("wallet:updated");
expect(wallet).toContain("WALLET_STALE_TIME_MS");
});
test("defers modal-only markdown and canvas creation runtimes until interaction", () => {
const changelogButton = source("../src/components/layout/app-changelog-modal.tsx");
const announcements = source("../src/components/layout/system-announcement-center.tsx");
const projectDetail = source("../src/pages/projects/detail.tsx");
const workflow = source("../src/pages/projects/detail/workflow-production-workbench.tsx");
expect(changelogButton).toContain('lazy(() => import("@/components/layout/app-changelog-dialog")');
expect(changelogButton).not.toContain('from "react-markdown"');
expect(announcements).toContain('lazy(() => import("@/components/ui/aceternity/announcement-timeline-modal")');
expect(projectDetail).toContain('import("@/services/user-data-sync")');
expect(projectDetail).not.toContain('import { createCanvasProjectWithRemoteSync } from "@/services/user-data-sync"');
expect(workflow).not.toContain('from "@/lib/video-poster"');
expect(workflow).toContain('if (playing) return <video');
});
test("uses a quiet workspace skeleton for initial hydration", () => {
const loader = source("../src/components/ui/aceternity/full-screen-loader.tsx");
const css = source("../src/styles/globals.css");