test: cover studio local render fallback

Author: miguel-heygen

packages/studio/vite.config.ts

@@ -1,6 +1,5 @@
 import { defineConfig, type Plugin, type ViteDevServer } from "vite";
 import react from "@vitejs/plugin-react";
-import { execFileSync } from "node:child_process";
 import {
   readFileSync,
   readdirSync,
@@ -15,6 +14,7 @@ import type {
   ResolvedProject,
   RenderJobState,
 } from "@hyperframes/core/studio-api";
+import { ensureProducerDist } from "./vite.producer";
 
 // ── Shared Puppeteer browser ─────────────────────────────────────────────────
 
@@ -81,16 +81,14 @@ function createViteAdapter(dataDir: string, server: ViteDevServer): StudioApiAda
   const getProducerModule = async () => {
     if (!_producerModulePromise) {
       _producerModulePromise = (async () => {
-        const producerDistEntry = resolve(__dirname, "../producer/dist/index.js");
-        if (!existsSync(producerDistEntry)) {
+        const { built } = ensureProducerDist({
+          studioDir: __dirname,
+          env: process.env,
+        });
+        if (built) {
           console.warn(
             "[Studio] @hyperframes/producer dist missing; building producer package for local renders...",
           );
-          execFileSync("bun", ["run", "--filter", "@hyperframes/producer", "build"], {
-            cwd: resolve(__dirname, "../.."),
-            stdio: "pipe",
-            env: process.env,
-          });
         }
         const producerPkg = "@hyperframes/producer";
         return await import(/* @vite-ignore */ producerPkg);

packages/studio/vite.producer.test.ts

@@ -0,0 +1,61 @@
+import { describe, expect, it, vi } from "vitest";
+import {
+  ensureProducerDist,
+  resolveProducerDistEntry,
+  resolveWorkspaceRoot,
+} from "./vite.producer";
+
+describe("ensureProducerDist", () => {
+  it("does nothing when the producer dist entry already exists", () => {
+    const exec = vi.fn();
+    const result = ensureProducerDist({
+      studioDir: "/repo/packages/studio",
+      existsSyncImpl: () => true,
+      execFileSyncImpl: exec as never,
+    });
+
+    expect(result).toEqual({
+      built: false,
+      producerDistEntry: "/repo/packages/producer/dist/index.js",
+    });
+    expect(exec).not.toHaveBeenCalled();
+  });
+
+  it("builds producer when the dist entry is missing", () => {
+    const exec = vi.fn();
+    const env = { TEST: "1" } as NodeJS.ProcessEnv;
+
+    const result = ensureProducerDist({
+      studioDir: "/repo/packages/studio",
+      existsSyncImpl: () => false,
+      execFileSyncImpl: exec as never,
+      env,
+    });
+
+    expect(result).toEqual({
+      built: true,
+      producerDistEntry: "/repo/packages/producer/dist/index.js",
+    });
+    expect(exec).toHaveBeenCalledWith(
+      "bun",
+      ["run", "--filter", "@hyperframes/producer", "build"],
+      {
+        cwd: "/repo",
+        stdio: "pipe",
+        env,
+      },
+    );
+  });
+});
+
+describe("producer path helpers", () => {
+  it("resolves the producer dist entry relative to studio", () => {
+    expect(resolveProducerDistEntry("/repo/packages/studio")).toBe(
+      "/repo/packages/producer/dist/index.js",
+    );
+  });
+
+  it("resolves the workspace root relative to studio", () => {
+    expect(resolveWorkspaceRoot("/repo/packages/studio")).toBe("/repo");
+  });
+});

packages/studio/vite.producer.ts

@@ -0,0 +1,33 @@
+import { execFileSync } from "node:child_process";
+import { existsSync } from "node:fs";
+import { resolve } from "node:path";
+
+export function resolveProducerDistEntry(studioDir: string): string {
+  return resolve(studioDir, "../producer/dist/index.js");
+}
+
+export function resolveWorkspaceRoot(studioDir: string): string {
+  return resolve(studioDir, "../..");
+}
+
+export function ensureProducerDist(opts: {
+  studioDir: string;
+  existsSyncImpl?: (path: string) => boolean;
+  execFileSyncImpl?: typeof execFileSync;
+  env?: NodeJS.ProcessEnv;
+}): { built: boolean; producerDistEntry: string } {
+  const producerDistEntry = resolveProducerDistEntry(opts.studioDir);
+  const exists = opts.existsSyncImpl ?? existsSync;
+  if (exists(producerDistEntry)) {
+    return { built: false, producerDistEntry };
+  }
+
+  const exec = opts.execFileSyncImpl ?? execFileSync;
+  exec("bun", ["run", "--filter", "@hyperframes/producer", "build"], {
+    cwd: resolveWorkspaceRoot(opts.studioDir),
+    stdio: "pipe",
+    env: opts.env,
+  });
+
+  return { built: true, producerDistEntry };
+}