@thinkable-labs/lower-third-generator 1.0.0 → 1.0.1

package/dist/prebundle.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=prebundle.d.ts.map

package/dist/prebundle.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const bundler_1 = require("@remotion/bundler");
+const path_1 = __importDefault(require("path"));
+async function prebundle() {
+    const entry = path_1.default.resolve(__dirname, "..", "remotion", "index.ts");
+    const outDir = path_1.default.resolve(__dirname, "..", "remotion-bundle");
+    console.log("Pre-bundling Remotion composition...");
+    console.log("Entry:", entry);
+    console.log("Output:", outDir);
+    await (0, bundler_1.bundle)({
+        entryPoint: entry,
+        outDir,
+        publicDir: path_1.default.resolve(__dirname, "..", "public"),
+        enableCaching: true,
+    });
+    console.log("Bundle saved to:", outDir);
+}
+if (require.main === module) {
+    prebundle().catch((err) => {
+        console.error("Prebundle failed:", err);
+        process.exit(1);
+    });
+}
+//# sourceMappingURL=prebundle.js.map

package/dist/renderer.d.ts

@@ -6,6 +6,8 @@ export interface RenderOptions {
     durationInFrames?: number;
     width?: number;
     height?: number;
+    serveUrl?: string;
+    binariesDirectory?: string;
 }
 export interface RenderResult {
     text: string;
@@ -19,6 +21,8 @@ export interface BatchOptions {
     durationInFrames?: number;
     width?: number;
     height?: number;
+    serveUrl?: string;
+    binariesDirectory?: string;
 }
 export interface BatchResult {
     results: RenderResult[];

package/dist/renderer.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderLowerThird = renderLowerThird;
 exports.renderBatch = renderBatch;
 const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require("fs"));
 const bundler_1 = require("@remotion/bundler");
 const renderer_1 = require("@remotion/renderer");
 // ─── Sanitize filename ──────────────────────────────────────────────────────
@@ -15,15 +16,38 @@ function sanitizeFileName(text) {
         .replace(/\s+/g, "_")
         .substring(0, 60);
 }
-// ─── Bundle cache ───────────────────────────────────────────────────────────
+// ─── Serve URL resolution ───────────────────────────────────────────────────
+// Check for pre-built bundle shipped with the package
+function getDefaultBundlePath() {
+    const bundlePath = path_1.default.resolve(__dirname, "..", "remotion-bundle");
+    if (fs_1.default.existsSync(bundlePath)) {
+        return bundlePath;
+    }
+    return null;
+}
+// Fallback: runtime bundling (works in dev, fails in ASAR)
 let bundlePromise = null;
 async function getBundled() {
     if (!bundlePromise) {
         const remotionEntry = path_1.default.resolve(__dirname, "..", "remotion", "index.ts");
-        bundlePromise = (0, bundler_1.bundle)({ entryPoint: remotionEntry });
+        bundlePromise = (0, bundler_1.bundle)({
+            entryPoint: remotionEntry,
+            publicDir: path_1.default.resolve(__dirname, "..", "public"),
+        });
     }
     return bundlePromise;
 }
+async function resolveServeUrl(serveUrl) {
+    // 1. Explicit serveUrl passed by caller (e.g., Electron app with ASAR-fixed path)
+    if (serveUrl)
+        return serveUrl;
+    // 2. Pre-built bundle shipped with the package
+    const defaultBundle = getDefaultBundlePath();
+    if (defaultBundle)
+        return defaultBundle;
+    // 3. Fallback: runtime bundling (dev mode only)
+    return getBundled();
+}
 // ─── Render a single lower third ────────────────────────────────────────────
 async function renderLowerThird(options) {
     const fps = options.fps ?? 60;
@@ -32,11 +56,12 @@ async function renderLowerThird(options) {
     const height = options.height ?? 2160;
     const fileName = options.fileName ?? `${sanitizeFileName(options.text)}.mov`;
     const outputPath = path_1.default.join(options.outputDir, fileName);
-    const bundled = await getBundled();
+    const serveUrl = await resolveServeUrl(options.serveUrl);
     const composition = await (0, renderer_1.selectComposition)({
-        serveUrl: bundled,
+        serveUrl,
         id: "LowerThird",
         inputProps: { text: options.text },
+        ...(options.binariesDirectory ? { binariesDirectory: options.binariesDirectory } : {}),
     });
     // Override composition settings
     composition.fps = fps;
@@ -45,13 +70,14 @@ async function renderLowerThird(options) {
     composition.height = height;
     await (0, renderer_1.renderMedia)({
         composition,
-        serveUrl: bundled,
+        serveUrl,
         codec: "prores",
         proResProfile: "4444",
         pixelFormat: "yuva444p10le",
         imageFormat: "png",
         outputLocation: outputPath,
         inputProps: { text: options.text },
+        ...(options.binariesDirectory ? { binariesDirectory: options.binariesDirectory } : {}),
     });
     return {
         text: options.text,
@@ -64,8 +90,11 @@ async function renderBatch(options, onProgress) {
     const results = [];
     const errors = [];
     let successCount = 0;
-    // Pre-bundle once for all renders
-    await getBundled();
+    // Resolve bundle once for all renders
+    const serveUrl = await resolveServeUrl(options.serveUrl);
+    if (!fs_1.default.existsSync(options.outputDir)) {
+        fs_1.default.mkdirSync(options.outputDir, { recursive: true });
+    }
     for (let i = 0; i < options.texts.length; i++) {
         const text = options.texts[i];
         onProgress?.({
@@ -82,6 +111,8 @@ async function renderBatch(options, onProgress) {
                 durationInFrames: options.durationInFrames,
                 width: options.width,
                 height: options.height,
+                serveUrl,
+                binariesDirectory: options.binariesDirectory,
             });
             results.push(result);
             successCount++;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thinkable-labs/lower-third-generator",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Generate lower third videos with alpha channel using Remotion",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -8,14 +8,16 @@
     "dist/**/*.js",
     "dist/**/*.d.ts",
     "remotion/**/*",
+    "remotion-bundle/**/*",
     "public/**/*",
     "assets/**/*"
   ],
   "scripts": {
     "build": "tsc",
-    "prepublishOnly": "tsc",
+    "prebundle": "node dist/prebundle.js",
+    "prepublishOnly": "npm run build && npm run prebundle",
     "preview": "remotion preview remotion/index.ts",
-    "test-render": "remotion render remotion/index.ts LowerThird --output test-output.mov --codec prores --prores-profile 4444 --scale 2"
+    "test-render": "remotion render remotion/index.ts LowerThird --output test-output.mov --codec prores --prores-profile 4444 --pixel-format yuva444p10le --image-format png"
   },
   "license": "UNLICENSED",
   "dependencies": {

package/remotion-bundle/108.bundle.js

@@ -0,0 +1,11 @@
+(self["webpackChunk_thinkable_labs_lower_third_generator"] = self["webpackChunk_thinkable_labs_lower_third_generator"] || []).push([[108],{
+
+/***/ 6108
+() {
+
+/* (ignored) */
+
+/***/ }
+
+}]);
+//# sourceMappingURL=108.bundle.js.map

package/remotion-bundle/108.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"108.bundle.js","mappings":";;;;;AAAA","sources":["ignored|/Users/lee.marreros/Documents/Freelance/audio-qc-tool/node_modules/@mediabunny/aac-encoder/dist/bundles|worker_threads"],"sourcesContent":["/* (ignored) */"],"names":[],"sourceRoot":""}

package/remotion-bundle/242.bundle.js

@@ -0,0 +1,11 @@
+(self["webpackChunk_thinkable_labs_lower_third_generator"] = self["webpackChunk_thinkable_labs_lower_third_generator"] || []).push([[242],{
+
+/***/ 5242
+() {
+
+/* (ignored) */
+
+/***/ }
+
+}]);
+//# sourceMappingURL=242.bundle.js.map

package/remotion-bundle/242.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"242.bundle.js","mappings":";;;;;AAAA","sources":["ignored|/Users/lee.marreros/Documents/Freelance/audio-qc-tool/node_modules/mediabunny/dist/modules/src|./node.js"],"sourcesContent":["/* (ignored) */"],"names":[],"sourceRoot":""}