mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-07 18:26:17 +00:00
feat(cli): make cloud archives size-aware
This commit is contained in:
@@ -18,6 +18,7 @@ import { c } from "../ui/colors.js";
|
||||
export const examples: Example[] = [
|
||||
["Render the current directory in the cloud", "hyperframes cloud render"],
|
||||
["Render a specific project", "hyperframes cloud render ./my-video"],
|
||||
["Inspect the project zip without uploading", "hyperframes cloud render --dry-run"],
|
||||
[
|
||||
"Render at 60fps + high quality, save to a path",
|
||||
"hyperframes cloud render ./my-video --fps 60 --quality high -o ./out.mp4",
|
||||
|
||||
@@ -1,14 +1,19 @@
|
||||
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
||||
import { mkdtempSync, writeFileSync } from "node:fs";
|
||||
import { join } from "node:path";
|
||||
import { spawnSync } from "node:child_process";
|
||||
import { mkdtempSync, rmSync, writeFileSync } from "node:fs";
|
||||
import { join, resolve } from "node:path";
|
||||
import { tmpdir } from "node:os";
|
||||
import { fileURLToPath } from "node:url";
|
||||
|
||||
import {
|
||||
resolveAspectRatioForSubmit,
|
||||
validateDryRunSource,
|
||||
validateResolutionFormatCombo,
|
||||
type ProjectInputSource,
|
||||
} from "./render.js";
|
||||
|
||||
const cliEntry = resolve(fileURLToPath(import.meta.url), "..", "..", "..", "cli.ts");
|
||||
|
||||
// errorBox writes to console; silence it so test output stays clean.
|
||||
beforeEach(() => {
|
||||
vi.spyOn(console, "log").mockImplementation(() => undefined);
|
||||
@@ -51,6 +56,76 @@ describe("validateResolutionFormatCombo", () => {
|
||||
});
|
||||
});
|
||||
|
||||
describe("validateDryRunSource", () => {
|
||||
it("accepts a local directory and rejects already-uploaded sources", () => {
|
||||
const exit = trapExit();
|
||||
expect(() => validateDryRunSource({ kind: "dir", dir: "." }, true)).not.toThrow();
|
||||
expect(() => validateDryRunSource({ kind: "asset_id", assetId: "asst_123" }, true)).toThrow(
|
||||
"process.exit:1",
|
||||
);
|
||||
expect(() =>
|
||||
validateDryRunSource({ kind: "url", url: "https://example.com/project.zip" }, true),
|
||||
).toThrow("process.exit:1");
|
||||
expect(exit).toHaveBeenCalledTimes(2);
|
||||
});
|
||||
});
|
||||
|
||||
describe("cloud render --dry-run", () => {
|
||||
it("reports the real archive without contacting the cloud", () => {
|
||||
const dir = writeComposition(1920, 1080);
|
||||
try {
|
||||
writeFileSync(
|
||||
join(dir, "index.html"),
|
||||
`<!doctype html><html data-composition-variables='[{"id":"title","type":"string","label":"Title","default":"x"}]'><body><div data-composition-id="main" data-width="1920" data-height="1080"></div></body></html>`,
|
||||
"utf-8",
|
||||
);
|
||||
writeFileSync(join(dir, "asset.bin"), "archive-input", "utf-8");
|
||||
const result = spawnSync(
|
||||
"bun",
|
||||
[
|
||||
"run",
|
||||
cliEntry,
|
||||
"cloud",
|
||||
"render",
|
||||
dir,
|
||||
"--dry-run",
|
||||
"--json",
|
||||
"--variables",
|
||||
'{"extra":1}',
|
||||
],
|
||||
{
|
||||
encoding: "utf-8",
|
||||
timeout: 30_000,
|
||||
env: {
|
||||
...process.env,
|
||||
CI: "1",
|
||||
HEYGEN_API_URL: "http://127.0.0.1:1",
|
||||
HYPERFRAMES_NO_UPDATE_CHECK: "1",
|
||||
},
|
||||
},
|
||||
);
|
||||
|
||||
expect(result.status).toBe(0);
|
||||
const payload = JSON.parse(result.stdout) as {
|
||||
archive: {
|
||||
file_count: number;
|
||||
size_bytes: number;
|
||||
upload_limit_bytes: number;
|
||||
exceeds_upload_limit: boolean;
|
||||
largest_files: Array<{ path: string }>;
|
||||
};
|
||||
};
|
||||
expect(payload.archive.file_count).toBe(2);
|
||||
expect(payload.archive.size_bytes).toBeGreaterThan(0);
|
||||
expect(payload.archive.upload_limit_bytes).toBe(200 * 1024 * 1024);
|
||||
expect(payload.archive.exceeds_upload_limit).toBe(false);
|
||||
expect(payload.archive.largest_files.map((file) => file.path)).toContain("asset.bin");
|
||||
} finally {
|
||||
rmSync(dir, { recursive: true, force: true });
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
describe("resolveAspectRatioForSubmit — non-local sources", () => {
|
||||
it("trusts an explicit flag for asset_id / url", () => {
|
||||
trapExit();
|
||||
|
||||
@@ -35,9 +35,13 @@ import {
|
||||
} from "../../cloud/detectAspectRatio.js";
|
||||
import { c } from "../../ui/colors.js";
|
||||
import { errorBox, formatBytes, formatDuration } from "../../ui/format.js";
|
||||
import { resolveProject } from "../../utils/project.js";
|
||||
import { resolveProject, type ProjectDir } from "../../utils/project.js";
|
||||
import { normalizeErrorMessage } from "../../utils/errorMessage.js";
|
||||
import { createPublishArchive } from "../../utils/publishProject.js";
|
||||
import {
|
||||
buildPublishFileMap,
|
||||
type PublishArchiveResult,
|
||||
zipPublishFileMap,
|
||||
} from "../../utils/publishProject.js";
|
||||
import {
|
||||
reportVariableIssues,
|
||||
resolveVariablesArg,
|
||||
@@ -63,18 +67,23 @@ import type {
|
||||
HyperframesCloudClient,
|
||||
HyperframesRenderDetail,
|
||||
} from "../../cloud/index.js";
|
||||
import { isAbsolute, resolve as resolvePath } from "node:path";
|
||||
import { isAbsolute, relative, resolve as resolvePath } from "node:path";
|
||||
import { existsSync } from "node:fs";
|
||||
|
||||
const VALID_QUALITY = ["draft", "standard", "high"] as const;
|
||||
const VALID_FORMAT = ["mp4", "webm", "mov"] as const;
|
||||
const VALID_RESOLUTION = ["1080p", "4k"] as const;
|
||||
const VALID_ASPECT_RATIO = ["16:9", "9:16", "1:1"] as const;
|
||||
// Mirrors the binary-byte max_bytes contract used by direct asset uploads.
|
||||
const DIRECT_UPLOAD_LIMIT_BYTES = 200 * 1024 * 1024;
|
||||
const ARCHIVE_DIAGNOSTIC_THRESHOLD_BYTES = 150 * 1024 * 1024;
|
||||
const LARGEST_FILE_COUNT = 10;
|
||||
|
||||
const FORMAT_EXT: Record<string, string> = { mp4: ".mp4", webm: ".webm", mov: ".mov" };
|
||||
|
||||
export const examples: Example[] = [
|
||||
["Render the current directory in the cloud", "hyperframes cloud render"],
|
||||
["Inspect archive size without uploading", "hyperframes cloud render --dry-run"],
|
||||
[
|
||||
"Pick a specific composition + output path",
|
||||
"hyperframes cloud render . --composition compositions/intro.html -o ./renders/intro.mp4",
|
||||
@@ -178,6 +187,11 @@ export default defineCommand({
|
||||
description: "Emit machine-readable JSON instead of human-friendly progress",
|
||||
default: false,
|
||||
},
|
||||
"dry-run": {
|
||||
type: "boolean",
|
||||
description: "Build and inspect the project zip without authenticating or uploading",
|
||||
default: false,
|
||||
},
|
||||
"idempotency-key": {
|
||||
type: "string",
|
||||
description: "Optional Idempotency-Key for safe retries (1-255 chars from [A-Za-z0-9_:.-])",
|
||||
@@ -207,6 +221,7 @@ export default defineCommand({
|
||||
assetId: args["asset-id"],
|
||||
url: args.url,
|
||||
});
|
||||
validateDryRunSource(project, args["dry-run"] ?? false);
|
||||
|
||||
// 4k supersampling runs through the alpha-incompatible screenshot path;
|
||||
// reject the combination client-side instead of failing mid-render.
|
||||
@@ -226,6 +241,12 @@ export default defineCommand({
|
||||
asJson,
|
||||
);
|
||||
|
||||
if (args["dry-run"]) {
|
||||
if (project.kind !== "dir") throw new Error("Dry-run project must be a local directory");
|
||||
reportDryRun(prepareLocalArchive(project, args.composition, asJson), asJson);
|
||||
return;
|
||||
}
|
||||
|
||||
const variables = resolveVariablesAndValidateIfLocal(
|
||||
args.variables,
|
||||
args["variables-file"],
|
||||
@@ -234,8 +255,16 @@ export default defineCommand({
|
||||
);
|
||||
|
||||
const client = await createCloudClient();
|
||||
const preparedArchive =
|
||||
project.kind === "dir" ? prepareLocalArchive(project, args.composition, asJson) : undefined;
|
||||
|
||||
const upload = await maybeUploadProject(client, project, asJson, args["idempotency-key"]);
|
||||
const upload = await maybeUploadProject(
|
||||
client,
|
||||
project,
|
||||
preparedArchive,
|
||||
asJson,
|
||||
args["idempotency-key"],
|
||||
);
|
||||
const submitted = await submitRender(client, {
|
||||
projectInput: upload.projectInput,
|
||||
fps,
|
||||
@@ -334,6 +363,15 @@ function validateIdempotencyKey(key: string | undefined): void {
|
||||
}
|
||||
}
|
||||
|
||||
export function validateDryRunSource(source: ProjectInputSource, dryRun: boolean): void {
|
||||
if (!dryRun || source.kind === "dir") return;
|
||||
errorBox(
|
||||
"Invalid --dry-run input",
|
||||
"--dry-run inspects a local project directory and cannot be combined with --asset-id or --url.",
|
||||
);
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// Project resolution (dir | asset-id | url) — exactly one source
|
||||
// ---------------------------------------------------------------------------
|
||||
@@ -523,10 +561,107 @@ interface UploadResult {
|
||||
projectInput: CreateHyperframesRenderRequest["project"];
|
||||
}
|
||||
|
||||
interface ArchiveFileSummary {
|
||||
path: string;
|
||||
size_bytes: number;
|
||||
}
|
||||
|
||||
interface PreparedLocalArchive {
|
||||
project: ProjectDir;
|
||||
archive: PublishArchiveResult;
|
||||
largestFiles: ArchiveFileSummary[];
|
||||
}
|
||||
|
||||
function summarizeLargestFiles(fileMap: Map<string, Buffer>): ArchiveFileSummary[] {
|
||||
return [...fileMap.entries()]
|
||||
.map(([path, content]) => ({ path, size_bytes: content.byteLength }))
|
||||
.sort((a, b) => b.size_bytes - a.size_bytes || a.path.localeCompare(b.path))
|
||||
.slice(0, LARGEST_FILE_COUNT);
|
||||
}
|
||||
|
||||
function prepareLocalArchive(
|
||||
source: ProjectInputSource,
|
||||
composition: string | undefined,
|
||||
asJson: boolean,
|
||||
): PreparedLocalArchive {
|
||||
const project = resolveProject(source.dir);
|
||||
if (!asJson) {
|
||||
console.log("");
|
||||
console.log(`${c.accent("◆")} Zipping ${c.accent(project.name)}`);
|
||||
}
|
||||
|
||||
try {
|
||||
const fileMap = buildPublishFileMap(project.dir);
|
||||
const entryPath = relative(
|
||||
project.dir,
|
||||
resolvePath(project.dir, composition ?? "index.html"),
|
||||
).replaceAll("\\", "/");
|
||||
if (!fileMap.has(entryPath)) {
|
||||
throw new Error(
|
||||
`Composition "${composition ?? "index.html"}" is excluded from the archive. Check .hyperframesignore.`,
|
||||
);
|
||||
}
|
||||
const archive = zipPublishFileMap(fileMap);
|
||||
if (!asJson) {
|
||||
console.log(
|
||||
c.dim(` ${archive.fileCount} files · ${formatBytes(archive.buffer.byteLength)}`),
|
||||
);
|
||||
}
|
||||
const prepared = { project, archive, largestFiles: summarizeLargestFiles(fileMap) };
|
||||
if (!asJson && archive.buffer.byteLength >= ARCHIVE_DIAGNOSTIC_THRESHOLD_BYTES) {
|
||||
reportLargestFiles(prepared);
|
||||
}
|
||||
return prepared;
|
||||
} catch (err) {
|
||||
const msg = normalizeErrorMessage(err);
|
||||
errorBox("Zip failed", msg, "Check the project and .hyperframesignore for missing files.");
|
||||
process.exit(1);
|
||||
}
|
||||
}
|
||||
|
||||
function reportLargestFiles(prepared: PreparedLocalArchive): void {
|
||||
console.log(c.dim(" Largest included files:"));
|
||||
for (const file of prepared.largestFiles) {
|
||||
console.log(c.dim(` ${formatBytes(file.size_bytes).padStart(9)} ${file.path}`));
|
||||
}
|
||||
console.log(c.dim(" Exclude verified-unneeded files with .hyperframesignore."));
|
||||
}
|
||||
|
||||
function reportDryRun(prepared: PreparedLocalArchive, asJson: boolean): void {
|
||||
const sizeBytes = prepared.archive.buffer.byteLength;
|
||||
if (asJson) {
|
||||
console.log(
|
||||
JSON.stringify(
|
||||
withMeta({
|
||||
archive: {
|
||||
project: prepared.project.name,
|
||||
file_count: prepared.archive.fileCount,
|
||||
size_bytes: sizeBytes,
|
||||
upload_limit_bytes: DIRECT_UPLOAD_LIMIT_BYTES,
|
||||
exceeds_upload_limit: sizeBytes > DIRECT_UPLOAD_LIMIT_BYTES,
|
||||
largest_files: prepared.largestFiles,
|
||||
},
|
||||
}),
|
||||
null,
|
||||
2,
|
||||
),
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
if (sizeBytes < ARCHIVE_DIAGNOSTIC_THRESHOLD_BYTES) reportLargestFiles(prepared);
|
||||
console.log("");
|
||||
console.log(`${c.success("✓")} Dry run complete — nothing uploaded`);
|
||||
if (sizeBytes > DIRECT_UPLOAD_LIMIT_BYTES) {
|
||||
console.log(c.warn(` Archive exceeds the 200 MB direct-upload limit.`));
|
||||
}
|
||||
}
|
||||
|
||||
// fallow-ignore-next-line complexity
|
||||
async function maybeUploadProject(
|
||||
client: HyperframesCloudClient,
|
||||
source: ProjectInputSource,
|
||||
preparedArchive: PreparedLocalArchive | undefined,
|
||||
asJson: boolean,
|
||||
idempotencyKey: string | undefined,
|
||||
): Promise<UploadResult> {
|
||||
@@ -537,22 +672,8 @@ async function maybeUploadProject(
|
||||
return { projectInput: { type: "url", url: source.url! } };
|
||||
}
|
||||
|
||||
const project = resolveProject(source.dir);
|
||||
if (!asJson) {
|
||||
console.log("");
|
||||
console.log(`${c.accent("◆")} Zipping ${c.accent(project.name)}`);
|
||||
}
|
||||
let archive;
|
||||
try {
|
||||
archive = createPublishArchive(project.dir);
|
||||
} catch (err) {
|
||||
const msg = normalizeErrorMessage(err);
|
||||
errorBox("Zip failed", msg, "Check the project for missing files or unreadable permissions.");
|
||||
process.exit(1);
|
||||
}
|
||||
if (!asJson) {
|
||||
console.log(c.dim(` ${archive.fileCount} files · ${formatBytes(archive.buffer.byteLength)}`));
|
||||
}
|
||||
if (!preparedArchive) throw new Error("Local project archive was not prepared");
|
||||
const { project, archive } = preparedArchive;
|
||||
|
||||
if (!asJson) {
|
||||
console.log("");
|
||||
|
||||
@@ -49,6 +49,17 @@ describe("hyperframes-core contract docs", () => {
|
||||
expect(renderReference).toContain("timeline:");
|
||||
expect(renderReference).toContain("buildCompositionCensus");
|
||||
});
|
||||
|
||||
it("teaches safe cloud archive size remediation", () => {
|
||||
const skill = read("skills", "hyperframes-cli", "SKILL.md");
|
||||
const cloudReference = read("skills", "hyperframes-cli", "references", "cloud.md");
|
||||
|
||||
expect(skill).toContain("cloud render --dry-run --json");
|
||||
expect(skill).toContain("Never ignore an asset merely because it is large");
|
||||
expect(cloudReference).toContain(".hyperframesignore");
|
||||
expect(cloudReference).toContain("Never ignore all of `assets/`");
|
||||
expect(cloudReference).toContain("dynamically computed asset path");
|
||||
});
|
||||
});
|
||||
|
||||
describe("media-use TTS documentation", () => {
|
||||
|
||||
Reference in New Issue
Block a user