import { afterEach, describe, expect, it } from "vitest"; import { Hono } from "hono"; import { mkdirSync, mkdtempSync, rmSync, writeFileSync } from "node:fs"; import { tmpdir } from "node:os"; import { join } from "node:path"; import { registerProjectRoutes } from "./projects"; import type { StudioApiAdapter } from "../types"; const tempDirs: string[] = []; afterEach(() => { for (const dir of tempDirs.splice(0)) { rmSync(dir, { recursive: true, force: true }); } }); const COMPOSITION_HTML = '

'; // Project layout for #1384: real compositions at the root and under // compositions/, plus dot-directory content that exercises discovery gating // and the file tree's backup-only hiding (#1366): // - .cache/examples/ a vendored dot-dir. walkDir does NOT special-case // it, so it stays listed in the file tree, but it is // gated out of composition discovery (isInHiddenOrVendorDir). // - .hyperframes/examples/ vendored under Studio's dir — also listed in the // file tree, also gated out of discovery. // - .hyperframes/backup/ Studio's internal snapshots — the only thing hidden // from the file tree (walkDir's shouldIgnoreDir). function createProjectDir(): string { const projectDir = mkdtempSync(join(tmpdir(), "hf-projects-test-")); tempDirs.push(projectDir); writeFileSync(join(projectDir, "index.html"), COMPOSITION_HTML); mkdirSync(join(projectDir, "compositions")); writeFileSync(join(projectDir, "compositions", "scene.html"), COMPOSITION_HTML); mkdirSync(join(projectDir, ".cache", "examples"), { recursive: true }); writeFileSync(join(projectDir, ".cache", "examples", "preset.html"), COMPOSITION_HTML); mkdirSync(join(projectDir, ".hyperframes", "examples"), { recursive: true }); writeFileSync(join(projectDir, ".hyperframes", "examples", "preset.html"), COMPOSITION_HTML); mkdirSync(join(projectDir, ".hyperframes", "backup"), { recursive: true }); writeFileSync(join(projectDir, ".hyperframes", "backup", "snapshot.html"), COMPOSITION_HTML); return projectDir; } function createAdapter(projectDir: string): StudioApiAdapter { return { listProjects: () => [], resolveProject: async (id: string) => ({ id, dir: projectDir }), bundle: async () => null, lint: async () => ({ findings: [] }), runtimeUrl: "/api/runtime.js", rendersDir: () => "/tmp/renders", startRender: () => ({ id: "job-1", status: "rendering", progress: 0, outputPath: "/tmp/out.mp4", }), }; } describe("registerProjectRoutes — composition discovery (#1384)", () => { it("excludes HTML inside dot-directories from compositions", async () => { const projectDir = createProjectDir(); const app = new Hono(); registerProjectRoutes(app, createAdapter(projectDir)); const response = await app.request("http://localhost/projects/demo"); const payload = (await response.json()) as { compositions?: string[] }; expect(response.status).toBe(200); expect(payload.compositions).toContain("index.html"); expect(payload.compositions).toContain("compositions/scene.html"); expect(payload.compositions).not.toContain(".cache/examples/preset.html"); expect(payload.compositions).not.toContain(".hyperframes/examples/preset.html"); }); it("lists vendored dot-directory files in the file tree but hides Studio backups", async () => { const projectDir = createProjectDir(); const app = new Hono(); registerProjectRoutes(app, createAdapter(projectDir)); const response = await app.request("http://localhost/projects/demo"); const payload = (await response.json()) as { files?: string[] }; // Vendored dot-dirs stay browsable — discovery is gated, the file tree is not. expect(payload.files).toContain(".cache/examples/preset.html"); expect(payload.files).toContain(".hyperframes/examples/preset.html"); // Only Studio's own backup snapshots are hidden from the tree (#1366). expect(payload.files).not.toContain(".hyperframes/backup/snapshot.html"); }); });