mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-07 10:06:21 +00:00
Miguel Ángel
7a4853dfe6
* refactor: extract @hyperframes/studio-server package from core Moves all studio-api routes, helpers, and Hono server wiring from packages/core/src/studio-api/ into a new standalone packages/studio-server package (@hyperframes/studio-server). Core keeps thin re-export stubs at @hyperframes/core/studio-api and the subpath helpers (screenshot-clip, draft-markers, etc.) for backward compatibility. Consumer imports (cli studioServer, vite adapter/config, producer htmlCompiler, studio manualEditsTypes) are updated to import from @hyperframes/studio-server directly. Also exports rewriteInlineStyleAssetUrls from @hyperframes/core root (was in compiler/rewriteSubCompPaths.ts but not re-exported), required by @hyperframes/studio-server/helpers/subComposition. Removes postcss-selector-parser from @hyperframes/core dependencies (moved to @hyperframes/studio-server which owns the routes that used it). Depends on @hyperframes/parsers (PR #1755). * fix(ci): add parsers+studio-server to Dockerfile and build before preview tests * fix(ci): build @hyperframes/studio-server before Test and studio load smoke Studio's vite.config.ts imports @hyperframes/studio-server, which resolves via its "node" export condition to built dist. The Test and studio-load-smoke jobs only built parsers + core, so esbuild's config load failed to resolve the package entry. Build studio-server too. * fix(studio): repoint sdkCutoverParity test import to studio-server sourceMutation moved from core's studio-api to @hyperframes/studio-server; the test still imported the deleted core path. This was masked while studio's vite.config failed to load (couldn't resolve studio-server); now that the config loads, the test runs and the stale import surfaced.
92 lines
4.1 KiB
TypeScript
92 lines
4.1 KiB
TypeScript
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 = '<html><body><div data-composition-id="main"></div></body></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");
|
|
});
|
|
});
|