@rendiv/studio 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { startStudio, type StudioOptions, type StudioResult } from './start-studio.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { startStudio } from './start-studio.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyC,MAAM,mBAAmB,CAAC"}

package/dist/start-studio.d.ts

@@ -0,0 +1,11 @@
+export interface StudioOptions {
+    entryPoint: string;
+    port?: number;
+    publicDir?: string;
+}
+export interface StudioResult {
+    url: string;
+    close: () => Promise<void>;
+}
+export declare function startStudio(options: StudioOptions): Promise<StudioResult>;
+//# sourceMappingURL=start-studio.d.ts.map

package/dist/start-studio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"start-studio.d.ts","sourceRoot":"","sources":["../src/start-studio.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5B;AAOD,wBAAsB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,CAwE/E"}

package/dist/start-studio.js

@@ -0,0 +1,74 @@
+import { createServer } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'node:path';
+import fs from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import { generateStudioEntryCode, generateStudioHtml, FAVICON_SVG } from './studio-entry-code.js';
+import { rendivStudioPlugin } from './vite-plugin-studio.js';
+const STUDIO_DIR = '.studio';
+const ENTRY_FILE = 'entry.tsx';
+const HTML_FILE = 'studio.html';
+const FAVICON_FILE = 'favicon.svg';
+export async function startStudio(options) {
+    const { entryPoint, port = 3000, publicDir = 'public' } = options;
+    const cwd = process.cwd();
+    const absoluteEntry = path.isAbsolute(entryPoint)
+        ? entryPoint
+        : path.resolve(cwd, entryPoint);
+    // Locate the ui/ directory shipped with this package
+    const thisDir = path.dirname(fileURLToPath(import.meta.url));
+    const studioUiDir = path.resolve(thisDir, '..', 'ui');
+    // Generate and write temp entry files under .studio/
+    const studioDir = path.join(cwd, STUDIO_DIR);
+    fs.mkdirSync(studioDir, { recursive: true });
+    const studioEntryFile = `${STUDIO_DIR}/${ENTRY_FILE}`;
+    const studioHtmlFile = `${STUDIO_DIR}/${HTML_FILE}`;
+    const studioFaviconFile = `${STUDIO_DIR}/${FAVICON_FILE}`;
+    const entryCode = generateStudioEntryCode(absoluteEntry, studioUiDir, entryPoint);
+    const htmlCode = generateStudioHtml(studioEntryFile, studioFaviconFile);
+    fs.writeFileSync(path.join(studioDir, ENTRY_FILE), entryCode);
+    fs.writeFileSync(path.join(studioDir, HTML_FILE), htmlCode);
+    fs.writeFileSync(path.join(studioDir, FAVICON_FILE), FAVICON_SVG);
+    // configFile: false prevents Vite from loading the user's vite.config.ts,
+    // which may already include @vitejs/plugin-react. Adding it twice causes
+    // React Refresh to inject duplicate preamble declarations.
+    const server = await createServer({
+        configFile: false,
+        root: cwd,
+        publicDir: path.resolve(cwd, publicDir),
+        plugins: [
+            react(),
+            rendivStudioPlugin({ studioHtmlFileName: studioHtmlFile, entryPoint: absoluteEntry }),
+        ],
+        resolve: {
+            // Force Vite to resolve these packages from the user's project root,
+            // not from the studio UI files' location (which is outside the project).
+            dedupe: ['react', 'react-dom', '@rendiv/core', '@rendiv/player'],
+        },
+        server: {
+            port,
+            open: true,
+        },
+        optimizeDeps: {
+            entries: [studioEntryFile],
+            exclude: ['@rendiv/core', '@rendiv/player'],
+        },
+        logLevel: 'info',
+    });
+    await server.listen();
+    const resolvedPort = server.config.server.port ?? port;
+    const url = `http://localhost:${resolvedPort}`;
+    const cleanup = () => {
+        if (fs.existsSync(studioDir)) {
+            fs.rmSync(studioDir, { recursive: true, force: true });
+        }
+    };
+    return {
+        url,
+        close: async () => {
+            await server.close();
+            cleanup();
+        },
+    };
+}
+//# sourceMappingURL=start-studio.js.map

package/dist/start-studio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"start-studio.js","sourceRoot":"","sources":["../src/start-studio.ts"],"names":[],"mappings":"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"}

package/dist/studio-entry-code.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Generates the JSX entry code for the Studio.
+ * This code imports the user's entry (which calls setRootComponent),
+ * then mounts the Studio React UI shell.
+ */
+export declare function generateStudioEntryCode(userEntryPoint: string, studioUiDir: string, relativeEntryPoint: string): string;
+/** Favicon SVG content (icon-only version of the Rendiv logo). */
+export declare const FAVICON_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" fill=\"none\">\n  <rect x=\"6\" y=\"8\" width=\"26\" height=\"20\" rx=\"3\" stroke=\"#58a6ff\" stroke-width=\"2\" opacity=\"0.35\"/>\n  <rect x=\"12\" y=\"14\" width=\"26\" height=\"20\" rx=\"3\" stroke=\"#58a6ff\" stroke-width=\"2\"/>\n  <clipPath id=\"ic\"><rect x=\"12\" y=\"14\" width=\"26\" height=\"20\" rx=\"3\"/></clipPath>\n  <g clip-path=\"url(#ic)\"><polygon points=\"12,34 30,14 38,14 38,34\" fill=\"#58a6ff\" opacity=\"0.25\"/></g>\n  <path d=\"M22 20L30 24L22 28Z\" fill=\"#58a6ff\"/>\n</svg>";
+/**
+ * Generates the HTML template for the Studio shell.
+ */
+export declare function generateStudioHtml(entryFileName: string, faviconPath: string): string;
+//# sourceMappingURL=studio-entry-code.d.ts.map

package/dist/studio-entry-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"studio-entry-code.d.ts","sourceRoot":"","sources":["../src/studio-entry-code.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,cAAc,EAAE,MAAM,EACtB,WAAW,EAAE,MAAM,EACnB,kBAAkB,EAAE,MAAM,GACzB,MAAM,CAYR;AAED,kEAAkE;AAClE,eAAO,MAAM,WAAW,+jBAMjB,CAAC;AAER;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAkBrF"}

package/dist/studio-entry-code.js

@@ -0,0 +1,48 @@
+/**
+ * Generates the JSX entry code for the Studio.
+ * This code imports the user's entry (which calls setRootComponent),
+ * then mounts the Studio React UI shell.
+ */
+export function generateStudioEntryCode(userEntryPoint, studioUiDir, relativeEntryPoint) {
+    // Normalize backslashes to forward slashes for import paths
+    const normalizedEntry = userEntryPoint.replace(/\\/g, '/');
+    const normalizedUiDir = studioUiDir.replace(/\\/g, '/');
+    return `
+window.__RENDIV_STUDIO_ENTRY__ = ${JSON.stringify(relativeEntryPoint)};
+import '${normalizedEntry}';
+import { createStudioApp } from '${normalizedUiDir}/StudioApp.tsx';
+
+createStudioApp(document.getElementById('root'));
+`;
+}
+/** Favicon SVG content (icon-only version of the Rendiv logo). */
+export const FAVICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none">
+  <rect x="6" y="8" width="26" height="20" rx="3" stroke="#58a6ff" stroke-width="2" opacity="0.35"/>
+  <rect x="12" y="14" width="26" height="20" rx="3" stroke="#58a6ff" stroke-width="2"/>
+  <clipPath id="ic"><rect x="12" y="14" width="26" height="20" rx="3"/></clipPath>
+  <g clip-path="url(#ic)"><polygon points="12,34 30,14 38,14 38,34" fill="#58a6ff" opacity="0.25"/></g>
+  <path d="M22 20L30 24L22 28Z" fill="#58a6ff"/>
+</svg>`;
+/**
+ * Generates the HTML template for the Studio shell.
+ */
+export function generateStudioHtml(entryFileName, faviconPath) {
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="icon" type="image/svg+xml" href="/${faviconPath}" />
+  <title>Rendiv Studio</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    html, body, #root { width: 100%; height: 100vh; overflow: hidden; }
+  </style>
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="/${entryFileName}"></script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=studio-entry-code.js.map

package/dist/studio-entry-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"studio-entry-code.js","sourceRoot":"","sources":["../src/studio-entry-code.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CACrC,cAAsB,EACtB,WAAmB,EACnB,kBAA0B;IAE1B,4DAA4D;IAC5D,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC3D,MAAM,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAExD,OAAO;mCAC0B,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC;UAC3D,eAAe;mCACU,eAAe;;;CAGjD,CAAC;AACF,CAAC;AAED,kEAAkE;AAClE,MAAM,CAAC,MAAM,WAAW,GAAG;;;;;;OAMpB,CAAC;AAER;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,aAAqB,EAAE,WAAmB;IAC3E,OAAO;;;;;iDAKwC,WAAW;;;;;;;;;gCAS5B,aAAa;;QAErC,CAAC;AACT,CAAC"}

package/dist/vite-plugin-studio.d.ts

@@ -0,0 +1,7 @@
+import type { Plugin } from 'vite';
+export interface StudioPluginOptions {
+    studioHtmlFileName: string;
+    entryPoint: string;
+}
+export declare function rendivStudioPlugin(options: StudioPluginOptions): Plugin;
+//# sourceMappingURL=vite-plugin-studio.d.ts.map

package/dist/vite-plugin-studio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-plugin-studio.d.ts","sourceRoot":"","sources":["../src/vite-plugin-studio.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAGnC,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;CACpB;AA4HD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,CAmFvE"}

package/dist/vite-plugin-studio.js

@@ -0,0 +1,173 @@
+let renderJobs = [];
+let nextJobId = 1;
+let activeJobId = null;
+let activeAbortController = null;
+function readBody(req) {
+    return new Promise((resolve, reject) => {
+        const chunks = [];
+        req.on('data', (chunk) => chunks.push(chunk));
+        req.on('end', () => resolve(Buffer.concat(chunks).toString()));
+        req.on('error', reject);
+    });
+}
+function processQueue(entryPoint) {
+    if (activeJobId)
+        return;
+    const nextJob = renderJobs.find((j) => j.status === 'queued');
+    if (!nextJob)
+        return;
+    activeJobId = nextJob.id;
+    const abortController = new AbortController();
+    activeAbortController = abortController;
+    const updateJob = (updates) => {
+        const job = renderJobs.find((j) => j.id === activeJobId);
+        if (job)
+            Object.assign(job, updates);
+    };
+    (async () => {
+        updateJob({ status: 'bundling', progress: 0 });
+        try {
+            const { bundle } = await import('@rendiv/bundler');
+            const { selectComposition, renderMedia, closeBrowser } = await import('@rendiv/renderer');
+            // Step 1: Bundle
+            const bundlePath = await bundle({
+                entryPoint,
+                onProgress: (p) => {
+                    updateJob({ progress: p });
+                },
+            });
+            if (abortController.signal.aborted) {
+                updateJob({ status: 'cancelled' });
+                return;
+            }
+            // Step 2: Get composition metadata
+            const composition = await selectComposition(bundlePath, nextJob.compositionId, nextJob.inputProps);
+            if (abortController.signal.aborted) {
+                updateJob({ status: 'cancelled' });
+                return;
+            }
+            // Step 3: Render
+            updateJob({ status: 'rendering', renderedFrames: 0, totalFrames: composition.durationInFrames, progress: 0 });
+            await renderMedia({
+                composition,
+                serveUrl: bundlePath,
+                codec: nextJob.codec,
+                outputLocation: nextJob.outputPath,
+                inputProps: nextJob.inputProps,
+                onProgress: ({ progress, renderedFrames, totalFrames }) => {
+                    if (progress < 0.9) {
+                        updateJob({ status: 'rendering', renderedFrames, totalFrames, progress });
+                    }
+                    else if (progress < 1) {
+                        updateJob({ status: 'encoding' });
+                    }
+                },
+                cancelSignal: abortController.signal,
+            });
+            if (abortController.signal.aborted) {
+                updateJob({ status: 'cancelled' });
+            }
+            else {
+                updateJob({ status: 'done', progress: 1 });
+            }
+            await closeBrowser();
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            updateJob({ status: 'error', error: message });
+            try {
+                const { closeBrowser } = await import('@rendiv/renderer');
+                await closeBrowser();
+            }
+            catch {
+                // ignore cleanup errors
+            }
+        }
+        finally {
+            activeJobId = null;
+            activeAbortController = null;
+            processQueue(entryPoint);
+        }
+    })();
+}
+function jsonResponse(res, data, status = 200) {
+    res.writeHead(status, { 'Content-Type': 'application/json' });
+    res.end(JSON.stringify(data));
+}
+export function rendivStudioPlugin(options) {
+    const { studioHtmlFileName, entryPoint } = options;
+    return {
+        name: 'rendiv-studio',
+        configureServer(server) {
+            // Render queue API endpoints
+            server.middlewares.use((req, res, next) => {
+                // GET /queue — return all jobs
+                if (req.method === 'GET' && req.url === '/__rendiv_api__/render/queue') {
+                    jsonResponse(res, { jobs: renderJobs });
+                    return;
+                }
+                // POST /queue/clear — clear finished jobs (must be before :id/cancel match)
+                if (req.method === 'POST' && req.url === '/__rendiv_api__/render/queue/clear') {
+                    renderJobs = renderJobs.filter((j) => j.status !== 'done' && j.status !== 'error' && j.status !== 'cancelled');
+                    jsonResponse(res, { ok: true });
+                    return;
+                }
+                // POST /queue — add a new job
+                if (req.method === 'POST' && req.url === '/__rendiv_api__/render/queue') {
+                    readBody(req).then((raw) => {
+                        const body = JSON.parse(raw);
+                        const job = {
+                            id: String(nextJobId++),
+                            compositionId: body.compositionId,
+                            compositionName: body.compositionName ?? body.compositionId,
+                            codec: body.codec ?? 'mp4',
+                            outputPath: body.outputPath,
+                            inputProps: body.inputProps ?? {},
+                            status: 'queued',
+                            progress: 0,
+                            renderedFrames: 0,
+                            totalFrames: body.totalFrames ?? 0,
+                        };
+                        renderJobs.push(job);
+                        processQueue(entryPoint);
+                        jsonResponse(res, { job });
+                    });
+                    return;
+                }
+                // POST /queue/:id/cancel — cancel a specific job
+                const cancelMatch = req.url?.match(/^\/__rendiv_api__\/render\/queue\/([^/]+)\/cancel$/);
+                if (req.method === 'POST' && cancelMatch) {
+                    const jobId = cancelMatch[1];
+                    const job = renderJobs.find((j) => j.id === jobId);
+                    if (job) {
+                        if (job.status === 'queued') {
+                            job.status = 'cancelled';
+                        }
+                        else if (activeJobId === jobId && activeAbortController) {
+                            activeAbortController.abort();
+                        }
+                    }
+                    jsonResponse(res, { ok: true });
+                    return;
+                }
+                // DELETE /queue/:id — remove a finished job
+                const deleteMatch = req.url?.match(/^\/__rendiv_api__\/render\/queue\/([^/]+)$/);
+                if (req.method === 'DELETE' && deleteMatch) {
+                    const jobId = deleteMatch[1];
+                    renderJobs = renderJobs.filter((j) => j.id !== jobId);
+                    jsonResponse(res, { ok: true });
+                    return;
+                }
+                next();
+            });
+            // Rewrite root requests to serve the studio HTML instead of the user's index.html
+            server.middlewares.use((req, _res, next) => {
+                if (req.url === '/' || req.url === '/index.html') {
+                    req.url = `/${studioHtmlFileName}`;
+                }
+                next();
+            });
+        },
+    };
+}
+//# sourceMappingURL=vite-plugin-studio.js.map

package/dist/vite-plugin-studio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-plugin-studio.js","sourceRoot":"","sources":["../src/vite-plugin-studio.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@rendiv/studio",
+  "version": "0.1.0",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "ui"
+  ],
+  "dependencies": {
+    "@vitejs/plugin-react": "^4.3.0",
+    "vite": "^6.0.0",
+    "@rendiv/renderer": "0.1.0",
+    "@rendiv/bundler": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "typescript": "^5.7.0",
+    "@rendiv/tsconfig": "0.0.0"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  }
+}