DanielWalnut 459dd78707
perf(frontend): bound delivery, bundles, and long-running UI work (#4622)
* docs: design frontend performance remediation

* docs: plan frontend performance remediation

* test(frontend): add route asset performance budgets

* perf(nginx): compress textual responses safely

* perf(frontend): lazy load case study media

* perf(frontend): bound static demo file tracing

* perf(frontend): restore static locale boundaries

* perf(frontend): defer closed workspace panels

* perf(frontend): split editors and deduplicate highlighting

* perf(frontend): index incremental message derivation

* perf(frontend): stabilize paged history cache policy

* perf(frontend): bound streaming markdown renders

* perf(frontend): virtualize message history

* perf(frontend): bound and virtualize chat lists

* perf(frontend): suspend inactive decorative animation

* perf(browser): stream latest frames as binary

* perf(artifacts): stream bounded text previews

* docs: finalize performance runtime boundaries

* style(backend): apply test formatting

* fix(frontend): keep translation functions client-side

* perf(frontend): defer decorative animation bundles

* test(frontend): lock optimized route budgets

* fix: harden frontend performance boundaries

* test(frontend): update i18n provider fixture

* fix(frontend): preserve sidebar pagination position

* style(backend): format artifact range test
2026-08-01 22:19:59 +08:00

41 lines
1.4 KiB
TypeScript

import { readFileSync } from "node:fs";
import path from "node:path";
import { describe, expect, it } from "@rstest/core";
const FRONTEND_ROOT = path.resolve(__dirname, "../../../..");
const read = (relativePath: string) =>
readFileSync(path.join(FRONTEND_ROOT, relativePath), "utf8");
describe("interaction-only bundle boundaries", () => {
it("does not import the settings dialog until its store is open", () => {
const host = read(
"src/components/workspace/settings/settings-dialog-host.tsx",
);
expect(host).toContain("dynamic(");
expect(host).toContain("if (!open)");
expect(host).not.toContain(
'import { SettingsDialog } from "./settings-dialog"',
);
});
it("loads each settings page from its active section", () => {
const dialog = read(
"src/components/workspace/settings/settings-dialog.tsx",
);
expect(dialog.match(/dynamic\(/g)).toHaveLength(9);
expect(dialog).not.toMatch(
/import \{ \w+SettingsPage \} from "@\/components\/workspace\/settings\//,
);
});
it("keeps right-panel implementations behind dynamic imports", () => {
const chatBox = read("src/components/workspace/chats/chat-box.tsx");
expect(chatBox).toContain('import dynamic from "next/dynamic"');
expect(chatBox).not.toMatch(
/import \{ (?:ArtifactFileDetail|ArtifactFileList|BrowserViewPanel|SidecarPanel)/,
);
expect(chatBox.match(/dynamic\(/g)?.length).toBeGreaterThanOrEqual(4);
});
});