initial code (#2)

* feat: initial code port from hyperframes-internal Port all OSS-ready packages from the internal monorepo: - @hyperframes/core — shared types, HTML generation, GSAP utilities, runtime - @hyperframes/cli — CLI for creating, previewing, and rendering compositions - @hyperframes/engine — framework-agnostic rendering engine (BeginFrame + FFmpeg) - @hyperframes/producer — video rendering pipeline (Puppeteer + FFmpeg) - @hyperframes/ui-player — browser-based video player component - @hyperframes/studio — composition editor (React frontend + Hono backend) Includes regression test suite with Docker-based test harness. All HeyGen-internal references, deployment infrastructure, and proprietary assets have been removed. Package names migrated from @app/* to @hyperframes/*. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: scrub internal codenames and stale references from OSS port - Replace static.heygen.ai runtime URLs in test fixtures - Remove internal CDN publish script (publish-hyperframe-runtime.ts) - Replace sandbox-studio, sandbox-interceptor, __magicEditRuntime with neutral names (studio, hyperframe-runtime, __hyperframeRuntime) - Fix stale Vault API / localhost references in docs - Remove broken deprecated_studio link Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: remove remaining internal codenames and stale references - Delete stale producer README.md and PIPELINE.md (referenced nonexistent files) - Replace "Cerberus" codename with "HyperFrames" in test design reviews - Replace magic-edit postMessage identifiers with hf-preview/hf-parent - Rename debug-magic-edit-timeline.ts to debug-timeline.ts - Replace "Motion Cut" with "HyperFrames" in Timeline comments - Fix studio/CLI references to nonexistent archive package (use local data/projects/ dir, stub render proxy) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-09-11 06:30:03 +00:00 · 2026-03-21 22:43:56 -07:00
parent 10621e7903
commit 9f8e5ba5a1
401 changed files with 54545 additions and 2 deletions
@@ -0,0 +1,75 @@
+import { defineCommand } from "citty";
+import { readFileSync, readdirSync, statSync } from "node:fs";
+import { join } from "node:path";
+import { parseHtml } from "@hyperframes/core";
+import { c } from "../ui/colors.js";
+import { formatBytes, label } from "../ui/format.js";
+import { ensureDOMParser } from "../utils/dom.js";
+import { resolveProject } from "../utils/project.js";
+
+function totalSize(dir: string): number {
+  let total = 0;
+  for (const entry of readdirSync(dir, { withFileTypes: true })) {
+    const path = join(dir, entry.name);
+    if (entry.isDirectory()) {
+      total += totalSize(path);
+    } else {
+      total += statSync(path).size;
+    }
+  }
+  return total;
+}
+
+export default defineCommand({
+  meta: { name: "info", description: "Print project metadata" },
+  args: {
+    dir: { type: "positional", description: "Project directory", required: false },
+    json: { type: "boolean", description: "Output as JSON", default: false },
+  },
+  async run({ args }) {
+    const project = resolveProject(args.dir);
+    const html = readFileSync(project.indexPath, "utf-8");
+
+    ensureDOMParser();
+    const parsed = parseHtml(html);
+
+    const tracks = new Set(parsed.elements.map((el) => el.zIndex));
+    const maxEnd = parsed.elements.reduce(
+      (max, el) => Math.max(max, el.startTime + el.duration),
+      0,
+    );
+    const resolution =
+      parsed.resolution === "portrait" ? "1080x1920" : "1920x1080";
+    const size = totalSize(project.dir);
+
+    const typeCounts: Record<string, number> = {};
+    for (const el of parsed.elements) {
+      typeCounts[el.type] = (typeCounts[el.type] ?? 0) + 1;
+    }
+    const typeStr = Object.entries(typeCounts)
+      .map(([t, count]) => `${count} ${t}`)
+      .join(", ");
+
+    if (args.json) {
+      console.log(JSON.stringify({
+        name: project.name,
+        resolution: parsed.resolution,
+        width: parsed.resolution === "portrait" ? 1080 : 1920,
+        height: parsed.resolution === "portrait" ? 1920 : 1080,
+        duration: maxEnd,
+        elements: parsed.elements.length,
+        tracks: tracks.size,
+        types: typeCounts,
+        size,
+      }, null, 2));
+      return;
+    }
+
+    console.log(`${c.success("◇")}  ${c.accent(project.name)}`);
+    console.log(label("Resolution", resolution));
+    console.log(label("Duration", `${maxEnd.toFixed(1)}s`));
+    console.log(label("Elements", `${parsed.elements.length}${typeStr ? ` (${typeStr})` : ""}`));
+    console.log(label("Tracks", `${tracks.size}`));
+    console.log(label("Size", formatBytes(size)));
+  },
+});