@twick/browser-render 0.15.6 → 0.15.7

package/dist/index.mjs

@@ -0,0 +1,546 @@
+// src/browser-renderer.ts
+import { Renderer, Vector2 } from "@twick/core";
+import defaultProject from "@twick/visualizer/dist/project.js";
+
+// src/audio/audio-processor.ts
+function getAssetPlacement(frames) {
+  const assets = [];
+  const assetTimeMap = /* @__PURE__ */ new Map();
+  for (let frame = 0; frame < frames.length; frame++) {
+    for (const asset of frames[frame]) {
+      if (!assetTimeMap.has(asset.key)) {
+        assetTimeMap.set(asset.key, {
+          start: asset.currentTime,
+          end: asset.currentTime
+        });
+        assets.push({
+          key: asset.key,
+          src: asset.src,
+          type: asset.type,
+          startInVideo: frame,
+          endInVideo: frame,
+          duration: 0,
+          durationInSeconds: 0,
+          playbackRate: asset.playbackRate,
+          volume: asset.volume,
+          trimLeftInSeconds: asset.currentTime
+        });
+      } else {
+        const timeInfo = assetTimeMap.get(asset.key);
+        if (timeInfo) {
+          timeInfo.end = asset.currentTime;
+        }
+        const existingAsset = assets.find((a) => a.key === asset.key);
+        if (existingAsset) {
+          existingAsset.endInVideo = frame;
+        }
+      }
+    }
+  }
+  assets.forEach((asset) => {
+    const timeInfo = assetTimeMap.get(asset.key);
+    if (timeInfo) {
+      asset.durationInSeconds = (timeInfo.end - timeInfo.start) / asset.playbackRate;
+    }
+    asset.duration = asset.endInVideo - asset.startInVideo + 1;
+  });
+  return assets;
+}
+var BrowserAudioProcessor = class {
+  constructor(sampleRate = 48e3) {
+    this.sampleRate = sampleRate;
+    this.audioContext = new AudioContext({ sampleRate });
+  }
+  audioContext;
+  /**
+   * Fetch and decode audio from a media source
+   */
+  async fetchAndDecodeAudio(src) {
+    const response = await fetch(src);
+    const arrayBuffer = await response.arrayBuffer();
+    return await this.audioContext.decodeAudioData(arrayBuffer);
+  }
+  /**
+   * Process audio asset with playback rate, volume, and timing
+   */
+  async processAudioAsset(asset, fps, totalFrames) {
+    const audioBuffer = await this.fetchAndDecodeAudio(asset.src);
+    const duration = totalFrames / fps;
+    const outputLength = Math.ceil(duration * this.sampleRate);
+    const outputBuffer = this.audioContext.createBuffer(
+      2,
+      // stereo
+      outputLength,
+      this.sampleRate
+    );
+    const startTime = asset.startInVideo / fps;
+    const trimLeft = asset.trimLeftInSeconds / asset.playbackRate;
+    const trimRight = trimLeft + asset.durationInSeconds;
+    for (let channel = 0; channel < 2; channel++) {
+      const inputData = audioBuffer.getChannelData(Math.min(channel, audioBuffer.numberOfChannels - 1));
+      const outputData = outputBuffer.getChannelData(channel);
+      const startSample = Math.floor(startTime * this.sampleRate);
+      const trimLeftSample = Math.floor(trimLeft * this.sampleRate);
+      const trimRightSample = Math.floor(trimRight * this.sampleRate);
+      for (let i = 0; i < outputData.length; i++) {
+        const outputTime = i / this.sampleRate;
+        const assetTime = outputTime - startTime;
+        if (assetTime < 0 || assetTime >= asset.durationInSeconds) {
+          outputData[i] = 0;
+        } else {
+          const inputSample = Math.floor(trimLeftSample + assetTime * asset.playbackRate * this.sampleRate);
+          if (inputSample >= 0 && inputSample < inputData.length) {
+            outputData[i] = inputData[inputSample] * asset.volume;
+          } else {
+            outputData[i] = 0;
+          }
+        }
+      }
+    }
+    return outputBuffer;
+  }
+  /**
+   * Mix multiple audio buffers
+   */
+  mixAudioBuffers(buffers) {
+    if (buffers.length === 0) {
+      return this.audioContext.createBuffer(2, 1, this.sampleRate);
+    }
+    const maxLength = Math.max(...buffers.map((b) => b.length));
+    const mixedBuffer = this.audioContext.createBuffer(2, maxLength, this.sampleRate);
+    for (let channel = 0; channel < 2; channel++) {
+      const mixedData = mixedBuffer.getChannelData(channel);
+      buffers.forEach((buffer) => {
+        const channelData = buffer.getChannelData(Math.min(channel, buffer.numberOfChannels - 1));
+        for (let i = 0; i < channelData.length; i++) {
+          mixedData[i] = (mixedData[i] || 0) + channelData[i] / buffers.length;
+        }
+      });
+    }
+    return mixedBuffer;
+  }
+  /**
+   * Convert AudioBuffer to WAV format
+   */
+  audioBufferToWav(buffer) {
+    const numberOfChannels = buffer.numberOfChannels;
+    const sampleRate = buffer.sampleRate;
+    const format = 1;
+    const bitDepth = 16;
+    const bytesPerSample = bitDepth / 8;
+    const blockAlign = numberOfChannels * bytesPerSample;
+    const data = new Float32Array(buffer.length * numberOfChannels);
+    for (let channel = 0; channel < numberOfChannels; channel++) {
+      const channelData = buffer.getChannelData(channel);
+      for (let i = 0; i < buffer.length; i++) {
+        data[i * numberOfChannels + channel] = channelData[i];
+      }
+    }
+    const dataLength = data.length * bytesPerSample;
+    const headerLength = 44;
+    const wav = new ArrayBuffer(headerLength + dataLength);
+    const view = new DataView(wav);
+    const writeString = (offset2, string) => {
+      for (let i = 0; i < string.length; i++) {
+        view.setUint8(offset2 + i, string.charCodeAt(i));
+      }
+    };
+    writeString(0, "RIFF");
+    view.setUint32(4, 36 + dataLength, true);
+    writeString(8, "WAVE");
+    writeString(12, "fmt ");
+    view.setUint32(16, 16, true);
+    view.setUint16(20, format, true);
+    view.setUint16(22, numberOfChannels, true);
+    view.setUint32(24, sampleRate, true);
+    view.setUint32(28, sampleRate * blockAlign, true);
+    view.setUint16(32, blockAlign, true);
+    view.setUint16(34, bitDepth, true);
+    writeString(36, "data");
+    view.setUint32(40, dataLength, true);
+    const volume = 0.8;
+    let offset = 44;
+    for (let i = 0; i < data.length; i++) {
+      const sample = Math.max(-1, Math.min(1, data[i]));
+      view.setInt16(offset, sample < 0 ? sample * 32768 : sample * 32767, true);
+      offset += 2;
+    }
+    return wav;
+  }
+  async close() {
+    await this.audioContext.close();
+  }
+};
+
+// src/browser-renderer.ts
+var BrowserWasmExporter = class _BrowserWasmExporter {
+  constructor(settings) {
+    this.settings = settings;
+    this.fps = settings.fps || 30;
+  }
+  static id = "@twick/core/wasm";
+  static displayName = "Browser Video (Wasm)";
+  encoder;
+  videoBlob = null;
+  onProgressCallback;
+  currentFrame = 0;
+  fps = 30;
+  static async create(settings) {
+    return new _BrowserWasmExporter(settings);
+  }
+  async start() {
+    try {
+      const loadMp4Module = (await import("mp4-wasm")).default;
+      const possiblePaths = [
+        // Vite dev server virtual path
+        "/@mp4-wasm",
+        // Common bundled asset paths (Vite uses hashed names)
+        "/assets/mp4-wasm.wasm",
+        "/assets/mp4-YBRi_559.wasm",
+        // Known Vite hash
+        "/mp4-wasm.wasm",
+        // Node modules path (for dev)
+        "/node_modules/mp4-wasm/dist/mp4-wasm.wasm"
+      ];
+      let buffer = null;
+      let successPath = "";
+      for (const path of possiblePaths) {
+        try {
+          const resp = await fetch(path);
+          if (resp.ok) {
+            const contentType = resp.headers.get("content-type");
+            if (contentType && contentType.includes("html")) {
+              continue;
+            }
+            buffer = await resp.arrayBuffer();
+            successPath = path;
+            break;
+          }
+        } catch (e) {
+          continue;
+        }
+      }
+      if (!buffer) {
+        throw new Error(
+          "Could not load WASM file from any location. Please copy mp4-wasm.wasm to your public directory or configure Vite to serve it."
+        );
+      }
+      const mp4 = await loadMp4Module({ wasmBinary: buffer });
+      this.encoder = mp4.createWebCodecsEncoder({
+        width: this.settings.size.x,
+        height: this.settings.size.y,
+        fps: this.fps
+      });
+    } catch (error) {
+      console.error("WASM loading error:", error);
+      throw error;
+    }
+  }
+  async handleFrame(canvas, frameNumber) {
+    const frameIndex = frameNumber !== void 0 ? frameNumber : this.currentFrame;
+    const timestampMicroseconds = Math.round(frameIndex / this.fps * 1e6);
+    const frame = new VideoFrame(canvas, {
+      timestamp: timestampMicroseconds,
+      duration: Math.round(1 / this.fps * 1e6)
+    });
+    await this.encoder.addFrame(frame);
+    frame.close();
+    if (frameNumber === void 0) {
+      this.currentFrame++;
+    }
+  }
+  async stop() {
+    const buf = await this.encoder.end();
+    this.videoBlob = new Blob([buf], { type: "video/mp4" });
+  }
+  async generateAudio(assets, startFrame, endFrame) {
+    try {
+      console.log("\u{1F50A} Starting audio processing...", {
+        frames: assets.length,
+        startFrame,
+        endFrame
+      });
+      const processor = new BrowserAudioProcessor();
+      const assetPlacements = getAssetPlacement(assets);
+      console.log(`\u{1F4CA} Found ${assetPlacements.length} audio assets to process`);
+      if (assetPlacements.length === 0) {
+        console.log("\u26A0\uFE0F No audio assets found");
+        return null;
+      }
+      const processedBuffers = [];
+      for (const asset of assetPlacements) {
+        if (asset.volume > 0 && asset.playbackRate > 0) {
+          console.log(`\u{1F3B5} Processing audio: ${asset.key}`);
+          const buffer = await processor.processAudioAsset(
+            asset,
+            this.settings.fps || 30,
+            endFrame - startFrame
+          );
+          processedBuffers.push(buffer);
+        }
+      }
+      if (processedBuffers.length === 0) {
+        console.log("\u26A0\uFE0F No audio buffers to mix");
+        return null;
+      }
+      console.log(`\u{1F39B}\uFE0F Mixing ${processedBuffers.length} audio track(s)...`);
+      const mixedBuffer = processor.mixAudioBuffers(processedBuffers);
+      const wavData = processor.audioBufferToWav(mixedBuffer);
+      await processor.close();
+      console.log(`\u2705 Audio processed: ${(wavData.byteLength / 1024 / 1024).toFixed(2)} MB`);
+      return wavData;
+    } catch (error) {
+      console.error("\u274C Audio processing failed:", error);
+      return null;
+    }
+  }
+  async mergeMedia() {
+  }
+  async downloadVideos(assets) {
+  }
+  getVideoBlob() {
+    return this.videoBlob;
+  }
+  setProgressCallback(callback) {
+    this.onProgressCallback = callback;
+  }
+};
+var renderTwickVideoInBrowser = async (config) => {
+  const originalVideoPlay = HTMLVideoElement.prototype.play;
+  const originalAudioPlay = HTMLAudioElement.prototype.play;
+  const originalCreateElement = document.createElement.bind(document);
+  HTMLVideoElement.prototype.play = function() {
+    this.muted = true;
+    this.volume = 0;
+    return originalVideoPlay.call(this);
+  };
+  HTMLAudioElement.prototype.play = function() {
+    this.muted = true;
+    this.volume = 0;
+    return originalAudioPlay.call(this);
+  };
+  document.createElement = function(tagName, options) {
+    const element = originalCreateElement(tagName, options);
+    if (tagName.toLowerCase() === "video" || tagName.toLowerCase() === "audio") {
+      element.muted = true;
+      element.volume = 0;
+    }
+    return element;
+  };
+  try {
+    const { projectFile, variables, settings = {} } = config;
+    if (!variables || !variables.input) {
+      throw new Error('Invalid configuration. "variables.input" is required.');
+    }
+    const width = settings.width || variables.input.properties?.width || 1920;
+    const height = settings.height || variables.input.properties?.height || 1080;
+    const fps = settings.fps || variables.input.properties?.fps || 30;
+    let project;
+    if (!projectFile) {
+      project = defaultProject;
+    } else {
+      project = projectFile;
+    }
+    project.variables = variables;
+    const renderSettings = {
+      name: "browser-render",
+      exporter: {
+        name: "@twick/core/wasm"
+      },
+      size: new Vector2(width, height),
+      resolutionScale: 1,
+      colorSpace: "srgb",
+      fps,
+      range: settings.range || [0, Infinity],
+      background: variables.input.backgroundColor || "#000000",
+      ...settings.quality && {
+        quality: settings.quality
+      }
+    };
+    const renderer = new Renderer(project);
+    const exporter = await BrowserWasmExporter.create(renderSettings);
+    await exporter.start();
+    if (settings.onProgress) {
+      exporter.setProgressCallback(settings.onProgress);
+    }
+    await renderer["reloadScenes"](renderSettings);
+    renderer.stage.configure(renderSettings);
+    renderer.playback.fps = renderSettings.fps;
+    renderer.playback.state = 1;
+    const totalFrames = await renderer.getNumberOfFrames(renderSettings);
+    await renderer.playback.recalculate();
+    await renderer.playback.reset();
+    await renderer.playback.seek(0);
+    const mediaAssets = [];
+    for (let frame = 0; frame < totalFrames; frame++) {
+      if (frame > 0) {
+        await renderer.playback.progress();
+      }
+      await renderer.stage.render(
+        renderer.playback.currentScene,
+        renderer.playback.previousScene
+      );
+      const currentAssets = renderer.playback.currentScene.getMediaAssets?.() || [];
+      mediaAssets.push(currentAssets);
+      const canvas = renderer.stage.finalBuffer;
+      await exporter.handleFrame(canvas, frame);
+      if (settings.onProgress) {
+        settings.onProgress(frame / totalFrames);
+      }
+    }
+    await exporter.stop();
+    let audioData = null;
+    if (settings.includeAudio && mediaAssets.length > 0) {
+      console.log("\u{1F3B5} Generating audio track...");
+      audioData = await exporter.generateAudio(mediaAssets, 0, totalFrames);
+    }
+    let finalBlob = exporter.getVideoBlob();
+    if (!finalBlob) {
+      throw new Error("Failed to create video blob");
+    }
+    if (audioData && settings.includeAudio) {
+      console.log("\u2705 Audio extracted and processed successfully");
+      console.log("\u{1F4CA} Audio data size:", (audioData.byteLength / 1024 / 1024).toFixed(2), "MB");
+      if (settings.downloadAudioSeparately) {
+        const audioBlob = new Blob([audioData], { type: "audio/wav" });
+        const audioUrl = URL.createObjectURL(audioBlob);
+        const a = document.createElement("a");
+        a.href = audioUrl;
+        a.download = "audio.wav";
+        a.click();
+        URL.revokeObjectURL(audioUrl);
+        console.log("\u2705 Audio downloaded separately as audio.wav");
+      }
+      if (settings.onAudioReady) {
+        const audioBlob = new Blob([audioData], { type: "audio/wav" });
+        settings.onAudioReady(audioBlob);
+      }
+      console.log("\u{1F4A1} Note: Client-side audio muxing is complex.");
+      console.log("\u{1F4A1} For full audio support, use server-side rendering: @twick/render-server");
+      console.log("\u{1F4A1} Or mux manually with: ffmpeg -i video.mp4 -i audio.wav -c:v copy -c:a aac output.mp4");
+    }
+    if (settings.onComplete) {
+      settings.onComplete(finalBlob);
+    }
+    return finalBlob;
+  } catch (error) {
+    if (config.settings?.onError) {
+      config.settings.onError(error);
+    }
+    throw error;
+  } finally {
+    HTMLVideoElement.prototype.play = originalVideoPlay;
+    HTMLAudioElement.prototype.play = originalAudioPlay;
+    document.createElement = originalCreateElement;
+  }
+};
+var downloadVideoBlob = (videoBlob, filename = "video.mp4") => {
+  const url = URL.createObjectURL(videoBlob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = filename;
+  a.style.display = "none";
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+  setTimeout(() => URL.revokeObjectURL(url), 1e3);
+};
+
+// src/hooks/use-browser-renderer.ts
+import { useState, useCallback } from "react";
+var useBrowserRenderer = (options = {}) => {
+  const [progress, setProgress] = useState(0);
+  const [isRendering, setIsRendering] = useState(false);
+  const [error, setError] = useState(null);
+  const [videoBlob, setVideoBlob] = useState(null);
+  const reset = useCallback(() => {
+    setProgress(0);
+    setIsRendering(false);
+    setError(null);
+    setVideoBlob(null);
+  }, []);
+  const download = useCallback((filename) => {
+    if (!videoBlob) {
+      const downloadError = new Error("No video available to download. Please render the video first.");
+      setError(downloadError);
+      console.error(downloadError.message);
+      return;
+    }
+    try {
+      downloadVideoBlob(videoBlob, filename || options.downloadFilename || "video.mp4");
+    } catch (err) {
+      const downloadError = err instanceof Error ? err : new Error("Failed to download video");
+      setError(downloadError);
+      console.error("Download error:", downloadError);
+    }
+  }, [videoBlob, options.downloadFilename]);
+  const render = useCallback(async (variables) => {
+    reset();
+    setIsRendering(true);
+    try {
+      const { projectFile, width, height, fps, quality, range, includeAudio, downloadAudioSeparately, onAudioReady, autoDownload, downloadFilename, ...restOptions } = options;
+      const blob = await renderTwickVideoInBrowser({
+        projectFile,
+        variables,
+        settings: {
+          width,
+          height,
+          includeAudio,
+          downloadAudioSeparately,
+          onAudioReady,
+          fps,
+          quality,
+          range,
+          ...restOptions,
+          onProgress: (p) => {
+            setProgress(p);
+          },
+          onComplete: (blob2) => {
+            setVideoBlob(blob2);
+            if (autoDownload) {
+              try {
+                downloadVideoBlob(blob2, downloadFilename || "video.mp4");
+              } catch (downloadErr) {
+                const error2 = downloadErr instanceof Error ? downloadErr : new Error("Failed to auto-download video");
+                setError(error2);
+                console.error("Auto-download error:", error2);
+              }
+            }
+          },
+          onError: (err) => {
+            setError(err);
+          }
+        }
+      });
+      if (!blob) {
+        throw new Error("Rendering failed: No video blob was generated");
+      }
+      setVideoBlob(blob);
+      setProgress(1);
+      return blob;
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error(String(err));
+      setError(error2);
+      console.error("Render error:", error2);
+      return null;
+    } finally {
+      setIsRendering(false);
+    }
+  }, [options, reset]);
+  return {
+    render,
+    progress,
+    isRendering,
+    error,
+    videoBlob,
+    download,
+    reset
+  };
+};
+export {
+  renderTwickVideoInBrowser as default,
+  downloadVideoBlob,
+  renderTwickVideoInBrowser,
+  useBrowserRenderer
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/browser-renderer.ts","../src/audio/audio-processor.ts","../src/hooks/use-browser-renderer.ts"],"sourcesContent":["import { Renderer, Vector2 } from \"@twick/core\";\nimport type { Project, RendererSettings } from \"@twick/core\";\nimport defaultProject from \"@twick/visualizer/dist/project.js\";\nimport { BrowserAudioProcessor, getAssetPlacement, type AssetInfo } from './audio/audio-processor';\n\n/**\n * Browser-native video exporter using WebCodecs API\n * This exporter downloads the video directly in the browser without any server interaction\n */\nclass BrowserWasmExporter {\n  public static readonly id = '@twick/core/wasm';\n  public static readonly displayName = 'Browser Video (Wasm)';\n\n  private encoder: any;\n  private videoBlob: Blob | null = null;\n  private onProgressCallback?: (progress: number) => void;\n  private currentFrame: number = 0;\n  private fps: number = 30;\n\n  public static async create(settings: RendererSettings) {\n    return new BrowserWasmExporter(settings);\n  }\n\n  public constructor(\n    private readonly settings: RendererSettings,\n  ) {\n    this.fps = settings.fps || 30;\n  }\n\n  public async start(): Promise<void> {\n    try {\n      // Import mp4-wasm\n      const loadMp4Module = (await import('mp4-wasm')).default;\n      \n      // Try multiple locations to fetch the WASM file\n      const possiblePaths = [\n        // Vite dev server virtual path\n        '/@mp4-wasm',\n        // Common bundled asset paths (Vite uses hashed names)\n        '/assets/mp4-wasm.wasm',\n        '/assets/mp4-YBRi_559.wasm', // Known Vite hash\n        '/mp4-wasm.wasm',\n        // Node modules path (for dev)\n        '/node_modules/mp4-wasm/dist/mp4-wasm.wasm',\n      ];\n      \n      let buffer: ArrayBuffer | null = null;\n      let successPath = '';\n      \n      for (const path of possiblePaths) {\n        try {\n          const resp = await fetch(path);\n          if (resp.ok) {\n            const contentType = resp.headers.get('content-type');\n            // Make sure we got a WASM file, not HTML\n            if (contentType && contentType.includes('html')) {\n              continue;\n            }\n            buffer = await resp.arrayBuffer();\n            successPath = path;\n            break;\n          }\n        } catch (e) {\n          continue;\n        }\n      }\n      \n      if (!buffer) {\n        throw new Error(\n          'Could not load WASM file from any location. ' +\n          'Please copy mp4-wasm.wasm to your public directory or configure Vite to serve it.'\n        );\n      }\n      \n      const mp4 = await loadMp4Module({ wasmBinary: buffer });\n\n      this.encoder = mp4.createWebCodecsEncoder({\n        width: this.settings.size.x,\n        height: this.settings.size.y,\n        fps: this.fps,\n      });\n    } catch (error) {\n      console.error('WASM loading error:', error);\n      throw error;\n    }\n  }\n\n  public async handleFrame(canvas: HTMLCanvasElement, frameNumber?: number): Promise<void> {\n    const frameIndex = frameNumber !== undefined ? frameNumber : this.currentFrame;\n    const timestampMicroseconds = Math.round((frameIndex / this.fps) * 1_000_000);\n    \n    const frame = new VideoFrame(canvas, { \n      timestamp: timestampMicroseconds,\n      duration: Math.round((1 / this.fps) * 1_000_000)\n    });\n    \n    await this.encoder.addFrame(frame);\n    frame.close();\n    \n    if (frameNumber === undefined) {\n      this.currentFrame++;\n    }\n  }\n\n  public async stop(): Promise<void> {\n    const buf = await this.encoder.end();\n    this.videoBlob = new Blob([buf], { type: 'video/mp4' });\n  }\n\n  public async generateAudio(\n    assets: AssetInfo[][],\n    startFrame: number,\n    endFrame: number,\n  ): Promise<ArrayBuffer | null> {\n    try {\n      console.log('🔊 Starting audio processing...', { \n        frames: assets.length, \n        startFrame, \n        endFrame \n      });\n\n      const processor = new BrowserAudioProcessor();\n      const assetPlacements = getAssetPlacement(assets);\n      \n      console.log(`📊 Found ${assetPlacements.length} audio assets to process`);\n      \n      if (assetPlacements.length === 0) {\n        console.log('⚠️ No audio assets found');\n        return null;\n      }\n      \n      const processedBuffers: AudioBuffer[] = [];\n      for (const asset of assetPlacements) {\n        if (asset.volume > 0 && asset.playbackRate > 0) {\n          console.log(`🎵 Processing audio: ${asset.key}`);\n          const buffer = await processor.processAudioAsset(\n            asset,\n            this.settings.fps || 30,\n            endFrame - startFrame\n          );\n          processedBuffers.push(buffer);\n        }\n      }\n      \n      if (processedBuffers.length === 0) {\n        console.log('⚠️ No audio buffers to mix');\n        return null;\n      }\n      \n      console.log(`🎛️ Mixing ${processedBuffers.length} audio track(s)...`);\n      const mixedBuffer = processor.mixAudioBuffers(processedBuffers);\n      const wavData = processor.audioBufferToWav(mixedBuffer);\n      \n      await processor.close();\n      console.log(`✅ Audio processed: ${(wavData.byteLength / 1024 / 1024).toFixed(2)} MB`);\n      \n      return wavData;\n    } catch (error) {\n      console.error('❌ Audio processing failed:', error);\n      return null;\n    }\n  }\n\n  public async mergeMedia(): Promise<void> {\n    // In browser, we don't need to merge separately\n    // The video is already created with audio in the encoder\n  }\n\n  public async downloadVideos(assets: any[][]): Promise<void> {\n    // Browser doesn't need to download source videos\n    // They're already accessible via URLs\n  }\n\n  public getVideoBlob(): Blob | null {\n    return this.videoBlob;\n  }\n\n  public setProgressCallback(callback: (progress: number) => void): void {\n    this.onProgressCallback = callback;\n  }\n}\n\n/**\n * Browser rendering configuration\n */\nexport interface BrowserRenderConfig {\n  /** \n   * Custom Project object\n   * If not provided, defaults to @twick/visualizer project\n   * \n   * Note: Must be an imported Project object, not a string path.\n   * String paths only work in Node.js environments (server renderer).\n   * \n   * Example:\n   * ```typescript\n   * import myProject from './my-custom-project';\n   * \n   * await renderTwickVideoInBrowser({\n   *   projectFile: myProject,\n   *   variables: { input: {...} }\n   * });\n   * ```\n   */\n  projectFile?: Project;\n  /** Input variables containing project configuration */\n  variables: {\n    input: any;\n    playerId?: string;\n    [key: string]: any;\n  };\n  /** Render settings */\n  settings?: {\n    width?: number;\n    height?: number;\n    fps?: number;\n    quality?: 'low' | 'medium' | 'high';\n    range?: [number, number]; // [start, end] in seconds\n    includeAudio?: boolean; // Enable audio processing\n    downloadAudioSeparately?: boolean; // Download audio.wav separately\n    onAudioReady?: (audioBlob: Blob) => void; // Callback when audio is ready\n    onProgress?: (progress: number) => void;\n    onComplete?: (videoBlob: Blob) => void;\n    onError?: (error: Error) => void;\n  };\n}\n\n/**\n * Renders a Twick video directly in the browser without requiring a server.\n * Uses WebCodecs API for encoding video frames into MP4 format.\n * \n * This function uses the same signature as the server renderer for consistency.\n *\n * @param config - Configuration object containing variables and settings\n * @param config.projectFile - Optional project file path or Project object (defaults to visualizer project)\n * @param config.variables - Variables containing input configuration (tracks, elements, etc.)\n * @param config.settings - Optional render settings (width, height, fps, etc.)\n * @returns Promise resolving to a Blob containing the rendered video\n * \n * @example\n * ```js\n * import { renderTwickVideoInBrowser } from '@twick/browser-render';\n * \n * // Using default visualizer project\n * const videoBlob = await renderTwickVideoInBrowser({\n *   variables: {\n *     input: {\n *       properties: { width: 1920, height: 1080, fps: 30 },\n *       tracks: [\n *         // Your tracks configuration\n *       ]\n *     }\n *   },\n *   settings: {\n *     width: 1920,\n *     height: 1080,\n *     fps: 30,\n *     quality: 'high',\n *     onProgress: (progress) => console.log(`Rendering: ${progress * 100}%`),\n *   }\n * });\n * \n * // Using custom project\n * import myProject from './my-custom-project';\n * const videoBlob = await renderTwickVideoInBrowser({\n *   projectFile: myProject, // Must be an imported Project object\n *   variables: { input: {...} },\n *   settings: {...}\n * });\n * \n * // Download the video\n * const url = URL.createObjectURL(videoBlob);\n * const a = document.createElement('a');\n * a.href = url;\n * a.download = 'video.mp4';\n * a.click();\n * URL.revokeObjectURL(url);\n * ```\n */\nexport const renderTwickVideoInBrowser = async (\n  config: BrowserRenderConfig\n): Promise<Blob> => {\n  // Save original methods to restore later\n  const originalVideoPlay = HTMLVideoElement.prototype.play;\n  const originalAudioPlay = HTMLAudioElement.prototype.play;\n  const originalCreateElement = document.createElement.bind(document);\n  \n  // Override play methods to force muting\n  HTMLVideoElement.prototype.play = function() {\n    this.muted = true;\n    this.volume = 0;\n    return originalVideoPlay.call(this);\n  };\n  \n  HTMLAudioElement.prototype.play = function() {\n    this.muted = true;\n    this.volume = 0;\n    return originalAudioPlay.call(this);\n  };\n  \n  // Override createElement to mute video/audio on creation\n  document.createElement = function(tagName: string, options?: any) {\n    const element = originalCreateElement(tagName, options);\n    if (tagName.toLowerCase() === 'video' || tagName.toLowerCase() === 'audio') {\n      (element as any).muted = true;\n      (element as any).volume = 0;\n    }\n    return element;\n  } as any;\n\n  try {\n    const { projectFile, variables, settings = {} } = config;\n\n    // Validate input\n    if (!variables || !variables.input) {\n      throw new Error('Invalid configuration. \"variables.input\" is required.');\n    }\n\n    // Get dimensions from input properties or use settings\n    const width = settings.width || variables.input.properties?.width || 1920;\n    const height = settings.height || variables.input.properties?.height || 1080;\n    const fps = settings.fps || variables.input.properties?.fps || 30;\n\n    // Load the project\n    let project: Project;\n    \n    if (!projectFile) {\n      // Use default visualizer project\n      project = defaultProject;\n    } else {\n      // Use provided project object\n      project = projectFile as Project;\n    }\n\n    // Set variables on the project (same as server renderer)\n    // The renderer expects variables to be assigned directly to the project\n    project.variables = variables as any;\n\n    // Create renderer settings\n    const renderSettings: RendererSettings = {\n      name: 'browser-render',\n      exporter: {\n        name: '@twick/core/wasm',\n      },\n      size: new Vector2(width, height),\n      resolutionScale: 1,\n      colorSpace: 'srgb',\n      fps: fps,\n      range: settings.range || [0, Infinity],\n      background: variables.input.backgroundColor || '#000000',\n      ...(settings.quality && {\n        quality: settings.quality,\n      }),\n    };\n\n    // Create the renderer\n    const renderer = new Renderer(project);\n    \n    // Create and initialize the browser exporter\n    const exporter = await BrowserWasmExporter.create(renderSettings);\n    await exporter.start();\n    \n    if (settings.onProgress) {\n      exporter.setProgressCallback(settings.onProgress);\n    }\n\n    // Configure renderer\n    await renderer['reloadScenes'](renderSettings);\n    (renderer as any).stage.configure(renderSettings);\n    (renderer as any).playback.fps = renderSettings.fps;\n    \n    // Set playback state to Rendering (critical for video elements)\n    // PlaybackState: Playing = 0, Rendering = 1, Paused = 2, Presenting = 3\n    (renderer as any).playback.state = 1;\n    \n    // Calculate total frames from scenes\n    const totalFrames = await renderer.getNumberOfFrames(renderSettings);\n    \n    // Initialize playback\n    await (renderer as any).playback.recalculate();\n    await (renderer as any).playback.reset();\n    await (renderer as any).playback.seek(0);\n    \n    // Track media assets for audio processing\n    const mediaAssets: AssetInfo[][] = [];\n    \n    // Render frames\n    for (let frame = 0; frame < totalFrames; frame++) {\n      if (frame > 0) {\n        await (renderer as any).playback.progress();\n      }\n      \n      await (renderer as any).stage.render(\n        (renderer as any).playback.currentScene,\n        (renderer as any).playback.previousScene,\n      );\n      \n      // Collect media assets from current scene for audio\n      const currentAssets = (renderer as any).playback.currentScene.getMediaAssets?.() || [];\n      mediaAssets.push(currentAssets);\n      \n      const canvas = (renderer as any).stage.finalBuffer;\n      await exporter.handleFrame(canvas, frame);\n      \n      if (settings.onProgress) {\n        settings.onProgress(frame / totalFrames);\n      }\n    }\n    \n    await exporter.stop();\n    \n    // Generate audio if requested\n    let audioData: ArrayBuffer | null = null;\n    if (settings.includeAudio && mediaAssets.length > 0) {\n      console.log('🎵 Generating audio track...');\n      audioData = await exporter.generateAudio(mediaAssets, 0, totalFrames);\n    }\n\n    let finalBlob = exporter.getVideoBlob();\n    if (!finalBlob) {\n      throw new Error('Failed to create video blob');\n    }\n\n    // Handle audio if it was generated\n    if (audioData && settings.includeAudio) {\n      console.log('✅ Audio extracted and processed successfully');\n      console.log('📊 Audio data size:', (audioData.byteLength / 1024 / 1024).toFixed(2), 'MB');\n      \n      // Option 1: Download audio separately (most reliable)\n      if ((settings as any).downloadAudioSeparately) {\n        const audioBlob = new Blob([audioData], { type: 'audio/wav' });\n        const audioUrl = URL.createObjectURL(audioBlob);\n        const a = document.createElement('a');\n        a.href = audioUrl;\n        a.download = 'audio.wav';\n        a.click();\n        URL.revokeObjectURL(audioUrl);\n        console.log('✅ Audio downloaded separately as audio.wav');\n      }\n      \n      // Option 2: Return audio via callback\n      if ((settings as any).onAudioReady) {\n        const audioBlob = new Blob([audioData], { type: 'audio/wav' });\n        (settings as any).onAudioReady(audioBlob);\n      }\n      \n      console.log('💡 Note: Client-side audio muxing is complex.');\n      console.log('💡 For full audio support, use server-side rendering: @twick/render-server');\n      console.log('💡 Or mux manually with: ffmpeg -i video.mp4 -i audio.wav -c:v copy -c:a aac output.mp4');\n    }\n\n    if (settings.onComplete) {\n      settings.onComplete(finalBlob);\n    }\n\n    return finalBlob;\n  } catch (error) {\n    if (config.settings?.onError) {\n      config.settings.onError(error as Error);\n    }\n    throw error;\n  } finally {\n    // Restore original methods\n    HTMLVideoElement.prototype.play = originalVideoPlay;\n    HTMLAudioElement.prototype.play = originalAudioPlay;\n    document.createElement = originalCreateElement as any;\n  }\n};\n\n/**\n * Helper function to download a video blob as a file\n * \n * @param videoBlob - The video blob to download\n * @param filename - The desired filename (default: 'video.mp4')\n * \n * @example\n * ```js\n * const blob = await renderTwickVideoInBrowser(projectData);\n * downloadVideoBlob(blob, 'my-video.mp4');\n * ```\n */\nexport const downloadVideoBlob = (videoBlob: Blob, filename: string = 'video.mp4'): void => {\n  const url = URL.createObjectURL(videoBlob);\n  const a = document.createElement('a');\n  a.href = url;\n  a.download = filename;\n  a.style.display = 'none';\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n  \n  // Clean up the object URL after a delay\n  setTimeout(() => URL.revokeObjectURL(url), 1000);\n};\n\nexport default renderTwickVideoInBrowser;\n","/**\n * Browser-based audio processing using Web Audio API\n * Mirrors the server's FFmpeg audio generation logic\n */\n\nexport interface MediaAsset {\n  key: string;\n  src: string;\n  type: 'video' | 'audio';\n  startInVideo: number;\n  endInVideo: number;\n  duration: number;\n  playbackRate: number;\n  volume: number;\n  trimLeftInSeconds: number;\n  durationInSeconds: number;\n}\n\nexport interface AssetInfo {\n  key: string;\n  src: string;\n  type: 'video' | 'audio';\n  currentTime: number;\n  playbackRate: number;\n  volume: number;\n}\n\n/**\n * Get asset placement from frames (similar to server's getAssetPlacement)\n */\nexport function getAssetPlacement(frames: AssetInfo[][]): MediaAsset[] {\n  const assets: MediaAsset[] = [];\n  const assetTimeMap = new Map<string, { start: number; end: number }>();\n\n  for (let frame = 0; frame < frames.length; frame++) {\n    for (const asset of frames[frame]) {\n      if (!assetTimeMap.has(asset.key)) {\n        assetTimeMap.set(asset.key, {\n          start: asset.currentTime,\n          end: asset.currentTime,\n        });\n        assets.push({\n          key: asset.key,\n          src: asset.src,\n          type: asset.type,\n          startInVideo: frame,\n          endInVideo: frame,\n          duration: 0,\n          durationInSeconds: 0,\n          playbackRate: asset.playbackRate,\n          volume: asset.volume,\n          trimLeftInSeconds: asset.currentTime,\n        });\n      } else {\n        const timeInfo = assetTimeMap.get(asset.key);\n        if (timeInfo) {\n          timeInfo.end = asset.currentTime;\n        }\n        const existingAsset = assets.find(a => a.key === asset.key);\n        if (existingAsset) {\n          existingAsset.endInVideo = frame;\n        }\n      }\n    }\n  }\n\n  // Calculate durations\n  assets.forEach(asset => {\n    const timeInfo = assetTimeMap.get(asset.key);\n    if (timeInfo) {\n      asset.durationInSeconds = (timeInfo.end - timeInfo.start) / asset.playbackRate;\n    }\n    asset.duration = asset.endInVideo - asset.startInVideo + 1;\n  });\n\n  return assets;\n}\n\n/**\n * Audio processor using Web Audio API\n */\nexport class BrowserAudioProcessor {\n  private audioContext: AudioContext;\n\n  constructor(private sampleRate: number = 48000) {\n    this.audioContext = new AudioContext({ sampleRate });\n  }\n\n  /**\n   * Fetch and decode audio from a media source\n   */\n  async fetchAndDecodeAudio(src: string): Promise<AudioBuffer> {\n    const response = await fetch(src);\n    const arrayBuffer = await response.arrayBuffer();\n    return await this.audioContext.decodeAudioData(arrayBuffer);\n  }\n\n  /**\n   * Process audio asset with playback rate, volume, and timing\n   */\n  async processAudioAsset(\n    asset: MediaAsset,\n    fps: number,\n    totalFrames: number\n  ): Promise<AudioBuffer> {\n    const audioBuffer = await this.fetchAndDecodeAudio(asset.src);\n    \n    const duration = totalFrames / fps;\n    const outputLength = Math.ceil(duration * this.sampleRate);\n    const outputBuffer = this.audioContext.createBuffer(\n      2, // stereo\n      outputLength,\n      this.sampleRate\n    );\n\n    // Calculate timing\n    const startTime = asset.startInVideo / fps;\n    const trimLeft = asset.trimLeftInSeconds / asset.playbackRate;\n    const trimRight = trimLeft + asset.durationInSeconds;\n\n    // Process each channel\n    for (let channel = 0; channel < 2; channel++) {\n      const inputData = audioBuffer.getChannelData(Math.min(channel, audioBuffer.numberOfChannels - 1));\n      const outputData = outputBuffer.getChannelData(channel);\n\n      // Calculate sample positions\n      const startSample = Math.floor(startTime * this.sampleRate);\n      const trimLeftSample = Math.floor(trimLeft * this.sampleRate);\n      const trimRightSample = Math.floor(trimRight * this.sampleRate);\n\n      // Copy and process samples\n      for (let i = 0; i < outputData.length; i++) {\n        const outputTime = i / this.sampleRate;\n        const assetTime = outputTime - startTime;\n        \n        if (assetTime < 0 || assetTime >= asset.durationInSeconds) {\n          outputData[i] = 0; // Silence\n        } else {\n          // Apply playback rate\n          const inputSample = Math.floor((trimLeftSample + assetTime * asset.playbackRate * this.sampleRate));\n          if (inputSample >= 0 && inputSample < inputData.length) {\n            outputData[i] = inputData[inputSample] * asset.volume;\n          } else {\n            outputData[i] = 0;\n          }\n        }\n      }\n    }\n\n    return outputBuffer;\n  }\n\n  /**\n   * Mix multiple audio buffers\n   */\n  mixAudioBuffers(buffers: AudioBuffer[]): AudioBuffer {\n    if (buffers.length === 0) {\n      return this.audioContext.createBuffer(2, 1, this.sampleRate);\n    }\n\n    const maxLength = Math.max(...buffers.map(b => b.length));\n    const mixedBuffer = this.audioContext.createBuffer(2, maxLength, this.sampleRate);\n\n    for (let channel = 0; channel < 2; channel++) {\n      const mixedData = mixedBuffer.getChannelData(channel);\n      \n      buffers.forEach(buffer => {\n        const channelData = buffer.getChannelData(Math.min(channel, buffer.numberOfChannels - 1));\n        for (let i = 0; i < channelData.length; i++) {\n          mixedData[i] = (mixedData[i] || 0) + channelData[i] / buffers.length;\n        }\n      });\n    }\n\n    return mixedBuffer;\n  }\n\n  /**\n   * Convert AudioBuffer to WAV format\n   */\n  audioBufferToWav(buffer: AudioBuffer): ArrayBuffer {\n    const numberOfChannels = buffer.numberOfChannels;\n    const sampleRate = buffer.sampleRate;\n    const format = 1; // PCM\n    const bitDepth = 16;\n\n    const bytesPerSample = bitDepth / 8;\n    const blockAlign = numberOfChannels * bytesPerSample;\n\n    const data = new Float32Array(buffer.length * numberOfChannels);\n    for (let channel = 0; channel < numberOfChannels; channel++) {\n      const channelData = buffer.getChannelData(channel);\n      for (let i = 0; i < buffer.length; i++) {\n        data[i * numberOfChannels + channel] = channelData[i];\n      }\n    }\n\n    const dataLength = data.length * bytesPerSample;\n    const headerLength = 44;\n    const wav = new ArrayBuffer(headerLength + dataLength);\n    const view = new DataView(wav);\n\n    // Write WAV header\n    const writeString = (offset: number, string: string) => {\n      for (let i = 0; i < string.length; i++) {\n        view.setUint8(offset + i, string.charCodeAt(i));\n      }\n    };\n\n    writeString(0, 'RIFF');\n    view.setUint32(4, 36 + dataLength, true);\n    writeString(8, 'WAVE');\n    writeString(12, 'fmt ');\n    view.setUint32(16, 16, true); // fmt chunk size\n    view.setUint16(20, format, true);\n    view.setUint16(22, numberOfChannels, true);\n    view.setUint32(24, sampleRate, true);\n    view.setUint32(28, sampleRate * blockAlign, true);\n    view.setUint16(32, blockAlign, true);\n    view.setUint16(34, bitDepth, true);\n    writeString(36, 'data');\n    view.setUint32(40, dataLength, true);\n\n    // Write audio data\n    const volume = 0.8;\n    let offset = 44;\n    for (let i = 0; i < data.length; i++) {\n      const sample = Math.max(-1, Math.min(1, data[i]));\n      view.setInt16(offset, sample < 0 ? sample * 0x8000 : sample * 0x7FFF, true);\n      offset += 2;\n    }\n\n    return wav;\n  }\n\n  async close() {\n    await this.audioContext.close();\n  }\n}\n","import { useState, useCallback } from 'react';\nimport { renderTwickVideoInBrowser, downloadVideoBlob } from '../browser-renderer';\nimport type { BrowserRenderConfig } from '../browser-renderer';\n\nexport interface UseBrowserRendererOptions {\n  /** \n   * Custom Project object\n   * If not provided, defaults to @twick/visualizer project\n   * \n   * Note: Must be an imported Project object, not a string path.\n   * String paths only work in Node.js (server renderer).\n   * \n   * Example:\n   * ```typescript\n   * import myProject from './my-custom-project';\n   * useBrowserRenderer({ projectFile: myProject })\n   * ```\n   */\n  projectFile?: any;\n  /** Video width in pixels */\n  width?: number;\n  /** Video height in pixels */\n  height?: number;\n  /** Frames per second */\n  fps?: number;\n  /** Render quality */\n  quality?: 'low' | 'medium' | 'high';\n  /** Time range to render [start, end] in seconds */\n  range?: [number, number];\n  /** Include audio in rendered video (experimental) */\n  includeAudio?: boolean;\n  /** Download audio separately as WAV file */\n  downloadAudioSeparately?: boolean;\n  /** Callback when audio is ready */\n  onAudioReady?: (audioBlob: Blob) => void;\n  /** Automatically download the video when rendering completes */\n  autoDownload?: boolean;\n  /** Default filename for downloads */\n  downloadFilename?: string;\n}\n\nexport interface UseBrowserRendererReturn {\n  /** Start rendering the video */\n  render: (variables: BrowserRenderConfig['variables']) => Promise<Blob | null>;\n  /** Current rendering progress (0-1) */\n  progress: number;\n  /** Whether rendering is in progress */\n  isRendering: boolean;\n  /** Error if rendering failed */\n  error: Error | null;\n  /** The rendered video blob (available after rendering completes) */\n  videoBlob: Blob | null;\n  /** Download the rendered video */\n  download: (filename?: string) => void;\n  /** Reset the renderer state */\n  reset: () => void;\n}\n\n/**\n * React hook for rendering Twick videos in the browser\n * \n * Uses the same pattern as the server renderer for consistency.\n * \n * @param options - Rendering options\n * @returns Renderer state and control functions\n * \n * @example\n * ```tsx\n * import { useBrowserRenderer } from '@twick/browser-render';\n * \n * // Using default visualizer project\n * function MyComponent() {\n *   const { render, progress, isRendering, videoBlob, download } = useBrowserRenderer({\n *     width: 1920,\n *     height: 1080,\n *     fps: 30,\n *     autoDownload: true,\n *   });\n * \n *   const handleRender = async () => {\n *     await render({\n *       input: {\n *         properties: { width: 1920, height: 1080, fps: 30 },\n *         tracks: [\n *           // Your tracks configuration\n *         ]\n *       }\n *     });\n *   };\n * \n *   return (\n *     <div>\n *       <button onClick={handleRender} disabled={isRendering}>\n *         {isRendering ? `Rendering... ${(progress * 100).toFixed(0)}%` : 'Render Video'}\n *       </button>\n *       {videoBlob && !autoDownload && (\n *         <button onClick={() => download('my-video.mp4')}>Download</button>\n *       )}\n *     </div>\n *   );\n * }\n * \n * // Using custom project (must import it first)\n * import myProject from './my-project';\n * \n * function CustomProjectComponent() {\n *   const { render } = useBrowserRenderer({\n *     projectFile: myProject, // Pass the imported project object\n *     width: 1920,\n *     height: 1080,\n *   });\n *   \n *   // ... rest of component\n * }\n * ```\n */\nexport const useBrowserRenderer = (options: UseBrowserRendererOptions = {}): UseBrowserRendererReturn => {\n  const [progress, setProgress] = useState(0);\n  const [isRendering, setIsRendering] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const [videoBlob, setVideoBlob] = useState<Blob | null>(null);\n\n  const reset = useCallback(() => {\n    setProgress(0);\n    setIsRendering(false);\n    setError(null);\n    setVideoBlob(null);\n  }, []);\n\n  const download = useCallback((filename?: string) => {\n    if (!videoBlob) {\n      const downloadError = new Error('No video available to download. Please render the video first.');\n      setError(downloadError);\n      console.error(downloadError.message);\n      return;\n    }\n    \n    try {\n      downloadVideoBlob(videoBlob, filename || options.downloadFilename || 'video.mp4');\n    } catch (err) {\n      const downloadError = err instanceof Error ? err : new Error('Failed to download video');\n      setError(downloadError);\n      console.error('Download error:', downloadError);\n    }\n  }, [videoBlob, options.downloadFilename]);\n\n  const render = useCallback(async (variables: BrowserRenderConfig['variables']): Promise<Blob | null> => {\n    reset();\n    setIsRendering(true);\n\n    try {\n      const { projectFile, width, height, fps, quality, range, includeAudio, downloadAudioSeparately, onAudioReady, autoDownload, downloadFilename, ...restOptions } = options;\n      \n      const blob = await renderTwickVideoInBrowser({\n        projectFile,\n        variables,\n        settings: {\n          width,\n          height,\n          includeAudio,\n          downloadAudioSeparately,\n          onAudioReady,\n          fps,\n          quality,\n          range,\n          ...restOptions,\n          onProgress: (p) => {\n            setProgress(p);\n          },\n          onComplete: (blob) => {\n            setVideoBlob(blob);\n            if (autoDownload) {\n              try {\n                downloadVideoBlob(blob, downloadFilename || 'video.mp4');\n              } catch (downloadErr) {\n                const error = downloadErr instanceof Error \n                  ? downloadErr \n                  : new Error('Failed to auto-download video');\n                setError(error);\n                console.error('Auto-download error:', error);\n              }\n            }\n          },\n          onError: (err) => {\n            setError(err);\n          },\n        },\n      });\n\n      if (!blob) {\n        throw new Error('Rendering failed: No video blob was generated');\n      }\n\n      setVideoBlob(blob);\n      setProgress(1);\n      return blob;\n    } catch (err) {\n      const error = err instanceof Error ? err : new Error(String(err));\n      setError(error);\n      console.error('Render error:', error);\n      return null;\n    } finally {\n      setIsRendering(false);\n    }\n  }, [options, reset]);\n\n  return {\n    render,\n    progress,\n    isRendering,\n    error,\n    videoBlob,\n    download,\n    reset,\n  };\n};\n\nexport default useBrowserRenderer;\n"],"mappings":"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","names":["offset","blob","error"]}