@bendyline/squisq-video-react 1.0.0 → 1.0.2

package/dist/workers/encode.worker.js

@@ -0,0 +1,318 @@
+/**
+ * Video Encoding Web Worker
+ *
+ * Encodes video frames to MP4 using one of two backends:
+ * - **WebCodecs** (preferred): Streaming H.264 encoding via VideoEncoder + mp4-muxer.
+ *   Each frame is encoded as it arrives — minimal memory footprint.
+ * - **ffmpeg.wasm** (fallback): Batch encoding in ~10-second segments.
+ *   Used when WebCodecs is unavailable (older browsers).
+ *
+ * Frames arrive as ImageBitmap (zero-copy transfer from main thread).
+ */
+import { createMp4Muxer } from '../mp4Mux.js';
+// ── State ──────────────────────────────────────────────────────────
+let backend = null;
+let cancelled = false;
+// WebCodecs state
+let videoEncoder = null;
+let muxer = null;
+// ffmpeg.wasm state
+let ffmpegInstance = null;
+let ffmpegFrames = [];
+let ffmpegConfig = null;
+// Frame tracking
+let totalFramesReceived = 0;
+let _totalFramesEncoded = 0;
+// ── Helpers ────────────────────────────────────────────────────────
+function post(msg, transfer) {
+    self.postMessage(msg, { transfer: transfer ?? [] });
+}
+function postProgress(percent, phase) {
+    post({ type: 'progress', percent, phase });
+}
+function postError(message) {
+    post({ type: 'error', message });
+}
+// ── Feature Detection ──────────────────────────────────────────────
+function hasWebCodecs() {
+    return typeof VideoEncoder !== 'undefined' && typeof VideoFrame !== 'undefined';
+}
+function hasSharedArrayBuffer() {
+    return typeof SharedArrayBuffer !== 'undefined';
+}
+// ── WebCodecs Backend ──────────────────────────────────────────────
+function initWebCodecs(config) {
+    muxer = createMp4Muxer({
+        width: config.width,
+        height: config.height,
+        fps: config.fps,
+    });
+    videoEncoder = new VideoEncoder({
+        output(chunk, meta) {
+            if (cancelled)
+                return;
+            muxer.addVideoChunk(chunk, meta ?? undefined);
+            _totalFramesEncoded++;
+        },
+        error(err) {
+            postError(`WebCodecs encoder error: ${err.message}`);
+        },
+    });
+    // Use H.264 Baseline for maximum compatibility
+    videoEncoder.configure({
+        codec: 'avc1.42001f',
+        width: config.width,
+        height: config.height,
+        bitrate: bitrateForQuality(config.quality, config.width, config.height),
+        framerate: config.fps,
+    });
+}
+function bitrateForQuality(quality, width, height) {
+    const pixels = width * height;
+    const baseBitrate = pixels * 4; // ~4 bits per pixel baseline
+    switch (quality) {
+        case 'draft':
+            return Math.round(baseBitrate * 0.5);
+        case 'high':
+            return Math.round(baseBitrate * 2);
+        default: // normal
+            return baseBitrate;
+    }
+}
+async function encodeFrameWebCodecs(msg) {
+    if (!videoEncoder || cancelled) {
+        msg.bitmap.close();
+        return;
+    }
+    const frame = new VideoFrame(msg.bitmap, { timestamp: msg.timestamp });
+    const keyFrame = msg.frameIndex % 30 === 0; // Key frame every 30 frames
+    videoEncoder.encode(frame, { keyFrame });
+    frame.close();
+    msg.bitmap.close();
+    totalFramesReceived++;
+    postProgress(Math.round((totalFramesReceived / (totalFramesReceived + 1)) * 50), `Encoding frame ${totalFramesReceived}`);
+}
+async function finalizeWebCodecs() {
+    if (!videoEncoder || !muxer || cancelled)
+        return;
+    postProgress(50, 'Flushing encoder…');
+    await videoEncoder.flush();
+    videoEncoder.close();
+    videoEncoder = null;
+    postProgress(90, 'Finalizing MP4…');
+    const buffer = muxer.finalize();
+    muxer = null;
+    post({ type: 'complete', data: buffer, size: buffer.byteLength }, [buffer]);
+}
+// ── ffmpeg.wasm Backend ────────────────────────────────────────────
+async function initFfmpegWasm(config) {
+    ffmpegConfig = config;
+    ffmpegFrames = [];
+    totalFramesReceived = 0;
+    // Lazy-load ffmpeg.wasm
+    try {
+        const { FFmpeg } = await import('@ffmpeg/ffmpeg');
+        const ffmpeg = new FFmpeg();
+        await ffmpeg.load();
+        ffmpegInstance = ffmpeg;
+    }
+    catch (err) {
+        const message = err instanceof Error ? err.message : String(err);
+        postError(`Failed to load ffmpeg.wasm: ${message}. ` +
+            'Ensure @ffmpeg/ffmpeg and @ffmpeg/util are installed and ' +
+            'Cross-Origin-Isolation headers (COOP/COEP) are set.');
+    }
+}
+async function encodeFrameFfmpeg(msg) {
+    if (cancelled) {
+        msg.bitmap.close();
+        return;
+    }
+    // Convert ImageBitmap to PNG bytes via OffscreenCanvas
+    const canvas = new OffscreenCanvas(msg.bitmap.width, msg.bitmap.height);
+    const ctx = canvas.getContext('2d');
+    if (!ctx) {
+        msg.bitmap.close();
+        postError('Failed to create OffscreenCanvas 2D context');
+        return;
+    }
+    ctx.drawImage(msg.bitmap, 0, 0);
+    msg.bitmap.close();
+    const blob = await canvas.convertToBlob({ type: 'image/png' });
+    const arrayBuffer = await blob.arrayBuffer();
+    ffmpegFrames.push({ data: new Uint8Array(arrayBuffer), index: msg.frameIndex });
+    totalFramesReceived++;
+    postProgress(Math.round((totalFramesReceived / (totalFramesReceived + 1)) * 40), `Collecting frame ${totalFramesReceived}`);
+    // Batch encode every ~10 seconds worth of frames
+    const batchSize = (ffmpegConfig?.fps ?? 30) * 10;
+    if (ffmpegFrames.length >= batchSize) {
+        await encodeFfmpegBatch();
+    }
+}
+/** Segments already encoded as MP4 data. */
+const ffmpegSegments = [];
+async function encodeFfmpegBatch() {
+    if (!ffmpegInstance || ffmpegFrames.length === 0 || cancelled)
+        return;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const ffmpeg = ffmpegInstance;
+    const config = ffmpegConfig;
+    const batchIndex = ffmpegSegments.length;
+    postProgress(40 + batchIndex * 5, `Encoding batch ${batchIndex + 1}…`);
+    // Write frames to virtual filesystem
+    for (const frame of ffmpegFrames) {
+        const paddedIndex = String(frame.index).padStart(6, '0');
+        await ffmpeg.writeFile(`frame_${paddedIndex}.png`, frame.data);
+    }
+    const firstIndex = ffmpegFrames[0].index;
+    const segmentName = `segment_${batchIndex}.mp4`;
+    // Encode batch to MP4 segment
+    await ffmpeg.exec([
+        '-framerate',
+        String(config.fps),
+        '-start_number',
+        String(firstIndex),
+        '-i',
+        `frame_%06d.png`,
+        '-frames:v',
+        String(ffmpegFrames.length),
+        '-c:v',
+        'libx264',
+        '-pix_fmt',
+        'yuv420p',
+        '-preset',
+        config.quality === 'draft' ? 'ultrafast' : config.quality === 'high' ? 'slow' : 'medium',
+        '-crf',
+        config.quality === 'draft' ? '28' : config.quality === 'high' ? '18' : '23',
+        segmentName,
+    ]);
+    // Read segment and clean up frames
+    const segmentData = await ffmpeg.readFile(segmentName);
+    ffmpegSegments.push(segmentData);
+    // Clean up frame files
+    for (const frame of ffmpegFrames) {
+        const paddedIndex = String(frame.index).padStart(6, '0');
+        await ffmpeg.deleteFile(`frame_${paddedIndex}.png`);
+    }
+    await ffmpeg.deleteFile(segmentName);
+    // Free batch memory
+    ffmpegFrames = [];
+}
+async function finalizeFfmpeg() {
+    if (!ffmpegInstance || cancelled)
+        return;
+    // Encode any remaining frames
+    await encodeFfmpegBatch();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const ffmpeg = ffmpegInstance;
+    postProgress(85, 'Concatenating segments…');
+    let finalData;
+    if (ffmpegSegments.length === 1) {
+        // Single segment — no concat needed
+        finalData = ffmpegSegments[0];
+    }
+    else if (ffmpegSegments.length > 1) {
+        // Write segments and concat list
+        const concatList = [];
+        for (let i = 0; i < ffmpegSegments.length; i++) {
+            const name = `seg_${i}.mp4`;
+            await ffmpeg.writeFile(name, ffmpegSegments[i]);
+            concatList.push(`file '${name}'`);
+        }
+        await ffmpeg.writeFile('concat.txt', new TextEncoder().encode(concatList.join('\n')));
+        await ffmpeg.exec([
+            '-f',
+            'concat',
+            '-safe',
+            '0',
+            '-i',
+            'concat.txt',
+            '-c',
+            'copy',
+            'output.mp4',
+        ]);
+        finalData = await ffmpeg.readFile('output.mp4');
+        // Clean up
+        for (let i = 0; i < ffmpegSegments.length; i++) {
+            await ffmpeg.deleteFile(`seg_${i}.mp4`);
+        }
+        await ffmpeg.deleteFile('concat.txt');
+        await ffmpeg.deleteFile('output.mp4');
+    }
+    else {
+        postError('No frames were encoded');
+        return;
+    }
+    postProgress(95, 'Preparing download…');
+    // Convert Uint8Array to a transferable ArrayBuffer
+    const sliced = new Uint8Array(finalData).buffer;
+    post({ type: 'complete', data: sliced, size: sliced.byteLength }, [sliced]);
+    // Clean up
+    ffmpegInstance = null;
+    ffmpegSegments.length = 0;
+}
+// ── Message Handler ────────────────────────────────────────────────
+self.onmessage = async (event) => {
+    const msg = event.data;
+    try {
+        switch (msg.type) {
+            case 'init': {
+                cancelled = false;
+                totalFramesReceived = 0;
+                _totalFramesEncoded = 0;
+                if (hasWebCodecs()) {
+                    backend = 'webcodecs';
+                    initWebCodecs(msg);
+                }
+                else if (hasSharedArrayBuffer()) {
+                    backend = 'ffmpeg-wasm';
+                    await initFfmpegWasm(msg);
+                }
+                else {
+                    postError('No video encoding support available. ' +
+                        'WebCodecs requires Chrome 94+ or Edge 94+. ' +
+                        'ffmpeg.wasm requires SharedArrayBuffer (Cross-Origin-Isolation headers).');
+                    return;
+                }
+                post({ type: 'capabilities', backend });
+                postProgress(0, 'Encoder ready');
+                break;
+            }
+            case 'frame': {
+                if (backend === 'webcodecs') {
+                    await encodeFrameWebCodecs(msg);
+                }
+                else if (backend === 'ffmpeg-wasm') {
+                    await encodeFrameFfmpeg(msg);
+                }
+                break;
+            }
+            case 'finalize': {
+                if (backend === 'webcodecs') {
+                    await finalizeWebCodecs();
+                }
+                else if (backend === 'ffmpeg-wasm') {
+                    await finalizeFfmpeg();
+                }
+                break;
+            }
+            case 'cancel': {
+                cancelled = true;
+                if (videoEncoder && videoEncoder.state !== 'closed') {
+                    videoEncoder.close();
+                    videoEncoder = null;
+                }
+                muxer = null;
+                ffmpegInstance = null;
+                ffmpegFrames = [];
+                ffmpegSegments.length = 0;
+                break;
+            }
+        }
+    }
+    catch (err) {
+        const message = err instanceof Error ? err.message : String(err);
+        postError(message);
+    }
+};
+//# sourceMappingURL=encode.worker.js.map

package/dist/workers/encode.worker.js.map

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

package/dist/workers/workerTypes.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Worker Message Protocol
+ *
+ * Defines the message types exchanged between the main thread and
+ * the video encoding Web Worker.
+ */
+import type { VideoQuality } from '@bendyline/squisq-video';
+/** Initialize the encoder with video parameters. */
+export interface InitMessage {
+    type: 'init';
+    width: number;
+    height: number;
+    fps: number;
+    quality: VideoQuality;
+}
+/** Send a single video frame to the encoder. */
+export interface FrameMessage {
+    type: 'frame';
+    /** Frame bitmap — transferred (zero-copy) from main thread */
+    bitmap: ImageBitmap;
+    /** Frame index (0-based) */
+    frameIndex: number;
+    /** Timestamp in microseconds */
+    timestamp: number;
+}
+/** Signal that all frames have been sent; finalize the video. */
+export interface FinalizeMessage {
+    type: 'finalize';
+}
+/** Cancel the export and clean up resources. */
+export interface CancelMessage {
+    type: 'cancel';
+}
+export type MainToWorkerMessage = InitMessage | FrameMessage | FinalizeMessage | CancelMessage;
+/** Encoder backend detection result, sent after init. */
+export interface CapabilitiesMessage {
+    type: 'capabilities';
+    /** Which encoder backend the worker selected */
+    backend: 'webcodecs' | 'ffmpeg-wasm';
+}
+/** Progress update during encoding. */
+export interface ProgressMessage {
+    type: 'progress';
+    /** 0–100 completion percentage */
+    percent: number;
+    /** Human-readable phase description */
+    phase: string;
+}
+/** Encoding complete — MP4 data returned. */
+export interface CompleteMessage {
+    type: 'complete';
+    /** MP4 file data — transferred (zero-copy) back to main thread */
+    data: ArrayBuffer;
+    /** File size in bytes */
+    size: number;
+}
+/** An error occurred during encoding. */
+export interface ErrorMessage {
+    type: 'error';
+    message: string;
+}
+export type WorkerToMainMessage = CapabilitiesMessage | ProgressMessage | CompleteMessage | ErrorMessage;
+//# sourceMappingURL=workerTypes.d.ts.map

package/dist/workers/workerTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workerTypes.d.ts","sourceRoot":"","sources":["../../src/workers/workerTypes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAI5D,oDAAoD;AACpD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,gDAAgD;AAChD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,8DAA8D;IAC9D,MAAM,EAAE,WAAW,CAAC;IACpB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,iEAAiE;AACjE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,gDAAgD;AAChD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAI/F,yDAAyD;AACzD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,cAAc,CAAC;IACrB,gDAAgD;IAChD,OAAO,EAAE,WAAW,GAAG,aAAa,CAAC;CACtC;AAED,uCAAuC;AACvC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,6CAA6C;AAC7C,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,kEAAkE;IAClE,IAAI,EAAE,WAAW,CAAC;IAClB,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,yCAAyC;AACzC,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,mBAAmB,GAC3B,mBAAmB,GACnB,eAAe,GACf,eAAe,GACf,YAAY,CAAC"}

package/dist/workers/workerTypes.js

@@ -0,0 +1,8 @@
+/**
+ * Worker Message Protocol
+ *
+ * Defines the message types exchanged between the main thread and
+ * the video encoding Web Worker.
+ */
+export {};
+//# sourceMappingURL=workerTypes.js.map

package/dist/workers/workerTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workerTypes.js","sourceRoot":"","sources":["../../src/workers/workerTypes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-video-react",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "React components for browser-based video export of Squisq documents via WebCodecs",
   "license": "MIT",
   "author": "Bendyline",
@@ -44,9 +44,9 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@bendyline/squisq": "1.1.0",
-    "@bendyline/squisq-video": "1.0.0",
-    "@bendyline/squisq-react": "1.0.2",
+    "@bendyline/squisq": "1.2.0",
+    "@bendyline/squisq-video": "1.0.2",
+    "@bendyline/squisq-react": "1.1.0",
     "html2canvas": "^1.4.1",
     "mp4-muxer": "^5.1.3"
   },