framewebworker 0.1.0

package/dist/react/index.cjs

@@ -0,0 +1,120 @@
+'use strict';
+
+var react = require('react');
+
+// src/react/useRender.ts
+function useRender(frameWorker) {
+  const [state, setState] = react.useState({
+    progress: 0,
+    isRendering: false,
+    error: null,
+    blob: null,
+    url: null
+  });
+  const abortRef = react.useRef(null);
+  const urlRef = react.useRef(null);
+  const cancel = react.useCallback(() => {
+    abortRef.current?.abort();
+  }, []);
+  const reset = react.useCallback(() => {
+    if (urlRef.current) {
+      URL.revokeObjectURL(urlRef.current);
+      urlRef.current = null;
+    }
+    setState({ progress: 0, isRendering: false, error: null, blob: null, url: null });
+  }, []);
+  const render = react.useCallback(
+    async (clip, options) => {
+      if (urlRef.current) {
+        URL.revokeObjectURL(urlRef.current);
+        urlRef.current = null;
+      }
+      const controller = new AbortController();
+      abortRef.current = controller;
+      setState({ progress: 0, isRendering: true, error: null, blob: null, url: null });
+      try {
+        const blob = await frameWorker.render(clip, {
+          ...options,
+          signal: controller.signal,
+          onProgress: (p) => {
+            setState((prev) => ({ ...prev, progress: p }));
+          }
+        });
+        const url = URL.createObjectURL(blob);
+        urlRef.current = url;
+        setState({ progress: 1, isRendering: false, error: null, blob, url });
+        return blob;
+      } catch (err) {
+        if (err instanceof DOMException && err.name === "AbortError") {
+          setState((prev) => ({ ...prev, isRendering: false, error: null }));
+          return null;
+        }
+        const error = err instanceof Error ? err : new Error(String(err));
+        setState((prev) => ({ ...prev, isRendering: false, error }));
+        return null;
+      }
+    },
+    [frameWorker]
+  );
+  return { ...state, render, cancel, reset };
+}
+function useStitch(frameWorker) {
+  const [state, setState] = react.useState({
+    progress: 0,
+    isRendering: false,
+    error: null,
+    blob: null,
+    url: null
+  });
+  const abortRef = react.useRef(null);
+  const urlRef = react.useRef(null);
+  const cancel = react.useCallback(() => {
+    abortRef.current?.abort();
+  }, []);
+  const reset = react.useCallback(() => {
+    if (urlRef.current) {
+      URL.revokeObjectURL(urlRef.current);
+      urlRef.current = null;
+    }
+    setState({ progress: 0, isRendering: false, error: null, blob: null, url: null });
+  }, []);
+  const stitch = react.useCallback(
+    async (clips, options) => {
+      if (urlRef.current) {
+        URL.revokeObjectURL(urlRef.current);
+        urlRef.current = null;
+      }
+      const controller = new AbortController();
+      abortRef.current = controller;
+      setState({ progress: 0, isRendering: true, error: null, blob: null, url: null });
+      try {
+        const blob = await frameWorker.stitch(clips, {
+          ...options,
+          signal: controller.signal,
+          onProgress: (p) => {
+            setState((prev) => ({ ...prev, progress: p }));
+          }
+        });
+        const url = URL.createObjectURL(blob);
+        urlRef.current = url;
+        setState({ progress: 1, isRendering: false, error: null, blob, url });
+        return blob;
+      } catch (err) {
+        if (err instanceof DOMException && err.name === "AbortError") {
+          setState((prev) => ({ ...prev, isRendering: false, error: null }));
+          return null;
+        }
+        const error = err instanceof Error ? err : new Error(String(err));
+        setState((prev) => ({ ...prev, isRendering: false, error }));
+        return null;
+      }
+    },
+    [frameWorker]
+  );
+  return { ...state, stitch, cancel, reset };
+}
+
+exports.useRender = useRender;
+exports.useStitch = useStitch;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/useRender.ts","../../src/react/useStitch.ts"],"names":["useState","useRef","useCallback"],"mappings":"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","file":"index.cjs","sourcesContent":["'use client';\n\nimport { useState, useCallback, useRef } from 'react';\nimport type { ClipInput, RenderOptions, FrameWorker } from '../types.js';\n\nexport interface UseRenderState {\n  progress: number;\n  isRendering: boolean;\n  error: Error | null;\n  blob: Blob | null;\n  url: string | null;\n}\n\nexport interface UseRenderActions {\n  render: (clip: ClipInput, options?: Omit<RenderOptions, 'onProgress' | 'signal'>) => Promise<Blob | null>;\n  cancel: () => void;\n  reset: () => void;\n}\n\nexport type UseRenderResult = UseRenderState & UseRenderActions;\n\nexport function useRender(frameWorker: FrameWorker): UseRenderResult {\n  const [state, setState] = useState<UseRenderState>({\n    progress: 0,\n    isRendering: false,\n    error: null,\n    blob: null,\n    url: null,\n  });\n\n  const abortRef = useRef<AbortController | null>(null);\n  const urlRef = useRef<string | null>(null);\n\n  const cancel = useCallback(() => {\n    abortRef.current?.abort();\n  }, []);\n\n  const reset = useCallback(() => {\n    if (urlRef.current) {\n      URL.revokeObjectURL(urlRef.current);\n      urlRef.current = null;\n    }\n    setState({ progress: 0, isRendering: false, error: null, blob: null, url: null });\n  }, []);\n\n  const render = useCallback(\n    async (\n      clip: ClipInput,\n      options?: Omit<RenderOptions, 'onProgress' | 'signal'>\n    ): Promise<Blob | null> => {\n      if (urlRef.current) {\n        URL.revokeObjectURL(urlRef.current);\n        urlRef.current = null;\n      }\n\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      setState({ progress: 0, isRendering: true, error: null, blob: null, url: null });\n\n      try {\n        const blob = await frameWorker.render(clip, {\n          ...options,\n          signal: controller.signal,\n          onProgress: (p) => {\n            setState((prev) => ({ ...prev, progress: p }));\n          },\n        });\n\n        const url = URL.createObjectURL(blob);\n        urlRef.current = url;\n        setState({ progress: 1, isRendering: false, error: null, blob, url });\n        return blob;\n      } catch (err) {\n        if (err instanceof DOMException && err.name === 'AbortError') {\n          setState((prev) => ({ ...prev, isRendering: false, error: null }));\n          return null;\n        }\n        const error = err instanceof Error ? err : new Error(String(err));\n        setState((prev) => ({ ...prev, isRendering: false, error }));\n        return null;\n      }\n    },\n    [frameWorker]\n  );\n\n  return { ...state, render, cancel, reset };\n}\n","'use client';\n\nimport { useState, useCallback, useRef } from 'react';\nimport type { ClipInput, RenderOptions, FrameWorker } from '../types.js';\n\nexport interface UseStitchState {\n  progress: number;\n  isRendering: boolean;\n  error: Error | null;\n  blob: Blob | null;\n  url: string | null;\n}\n\nexport interface UseStitchActions {\n  stitch: (clips: ClipInput[], options?: Omit<RenderOptions, 'onProgress' | 'signal'>) => Promise<Blob | null>;\n  cancel: () => void;\n  reset: () => void;\n}\n\nexport type UseStitchResult = UseStitchState & UseStitchActions;\n\nexport function useStitch(frameWorker: FrameWorker): UseStitchResult {\n  const [state, setState] = useState<UseStitchState>({\n    progress: 0,\n    isRendering: false,\n    error: null,\n    blob: null,\n    url: null,\n  });\n\n  const abortRef = useRef<AbortController | null>(null);\n  const urlRef = useRef<string | null>(null);\n\n  const cancel = useCallback(() => {\n    abortRef.current?.abort();\n  }, []);\n\n  const reset = useCallback(() => {\n    if (urlRef.current) {\n      URL.revokeObjectURL(urlRef.current);\n      urlRef.current = null;\n    }\n    setState({ progress: 0, isRendering: false, error: null, blob: null, url: null });\n  }, []);\n\n  const stitch = useCallback(\n    async (\n      clips: ClipInput[],\n      options?: Omit<RenderOptions, 'onProgress' | 'signal'>\n    ): Promise<Blob | null> => {\n      if (urlRef.current) {\n        URL.revokeObjectURL(urlRef.current);\n        urlRef.current = null;\n      }\n\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      setState({ progress: 0, isRendering: true, error: null, blob: null, url: null });\n\n      try {\n        const blob = await frameWorker.stitch(clips, {\n          ...options,\n          signal: controller.signal,\n          onProgress: (p) => {\n            setState((prev) => ({ ...prev, progress: p }));\n          },\n        });\n\n        const url = URL.createObjectURL(blob);\n        urlRef.current = url;\n        setState({ progress: 1, isRendering: false, error: null, blob, url });\n        return blob;\n      } catch (err) {\n        if (err instanceof DOMException && err.name === 'AbortError') {\n          setState((prev) => ({ ...prev, isRendering: false, error: null }));\n          return null;\n        }\n        const error = err instanceof Error ? err : new Error(String(err));\n        setState((prev) => ({ ...prev, isRendering: false, error }));\n        return null;\n      }\n    },\n    [frameWorker]\n  );\n\n  return { ...state, stitch, cancel, reset };\n}\n"]}

package/dist/react/index.d.cts

@@ -0,0 +1,119 @@
+interface CaptionSegment {
+    text: string;
+    startTime: number;
+    endTime: number;
+    style?: Partial<CaptionStyle>;
+}
+type CaptionStylePreset = 'hormozi' | 'modern' | 'minimal' | 'bold';
+interface CaptionStyle {
+    preset: CaptionStylePreset;
+    fontFamily: string;
+    fontSize: number;
+    fontWeight: string | number;
+    color: string;
+    strokeColor: string;
+    strokeWidth: number;
+    backgroundColor: string;
+    backgroundPadding: number;
+    backgroundRadius: number;
+    position: 'top' | 'center' | 'bottom';
+    textAlign: CanvasTextAlign;
+    lineHeight: number;
+    maxWidth: number;
+    shadow: boolean;
+    shadowColor: string;
+    shadowBlur: number;
+    shadowOffsetX: number;
+    shadowOffsetY: number;
+    uppercase: boolean;
+    wordHighlight: boolean;
+    wordHighlightColor: string;
+    wordHighlightTextColor: string;
+}
+type AspectRatio = '16:9' | '9:16' | '1:1' | '4:3' | '3:4' | 'original';
+interface CropOptions {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface CaptionOptions {
+    segments: CaptionSegment[];
+    style?: Partial<CaptionStyle>;
+}
+interface ClipInput {
+    /** Video source: URL string, File, Blob, or HTMLVideoElement */
+    source: string | File | Blob | HTMLVideoElement;
+    /** Trim start in seconds (default: 0) */
+    startTime?: number;
+    /** Trim end in seconds (default: video duration) */
+    endTime?: number;
+    /** Captions to overlay */
+    captions?: CaptionOptions;
+    /** Crop settings */
+    crop?: CropOptions;
+    /** Output aspect ratio */
+    aspectRatio?: AspectRatio;
+    /** Volume multiplier 0-2 (default: 1) */
+    volume?: number;
+}
+interface RenderOptions {
+    /** Output width in pixels (default: 1280) */
+    width?: number;
+    /** Output height in pixels (default: 720) */
+    height?: number;
+    /** Frames per second (default: 30) */
+    fps?: number;
+    /** Output MIME type (default: 'video/mp4') */
+    mimeType?: string;
+    /** Quality 0-1 for non-ffmpeg backends (default: 0.92) */
+    quality?: number;
+    /** Additional codec/format options passed to the backend */
+    encoderOptions?: Record<string, unknown>;
+    /** Progress callback (0-1) */
+    onProgress?: (progress: number) => void;
+    /** AbortSignal to cancel rendering */
+    signal?: AbortSignal;
+}
+interface FrameWorker {
+    /** Render a single clip to a Blob */
+    render(clip: ClipInput, options?: RenderOptions): Promise<Blob>;
+    /** Render a single clip and return an object URL */
+    renderToUrl(clip: ClipInput, options?: RenderOptions): Promise<string>;
+    /** Stitch multiple clips into one Blob */
+    stitch(clips: ClipInput[], options?: RenderOptions): Promise<Blob>;
+    /** Stitch multiple clips and return an object URL */
+    stitchToUrl(clips: ClipInput[], options?: RenderOptions): Promise<string>;
+}
+
+interface UseRenderState {
+    progress: number;
+    isRendering: boolean;
+    error: Error | null;
+    blob: Blob | null;
+    url: string | null;
+}
+interface UseRenderActions {
+    render: (clip: ClipInput, options?: Omit<RenderOptions, 'onProgress' | 'signal'>) => Promise<Blob | null>;
+    cancel: () => void;
+    reset: () => void;
+}
+type UseRenderResult = UseRenderState & UseRenderActions;
+declare function useRender(frameWorker: FrameWorker): UseRenderResult;
+
+interface UseStitchState {
+    progress: number;
+    isRendering: boolean;
+    error: Error | null;
+    blob: Blob | null;
+    url: string | null;
+}
+interface UseStitchActions {
+    stitch: (clips: ClipInput[], options?: Omit<RenderOptions, 'onProgress' | 'signal'>) => Promise<Blob | null>;
+    cancel: () => void;
+    reset: () => void;
+}
+type UseStitchResult = UseStitchState & UseStitchActions;
+declare function useStitch(frameWorker: FrameWorker): UseStitchResult;
+
+export { type UseRenderActions, type UseRenderResult, type UseRenderState, type UseStitchActions, type UseStitchResult, type UseStitchState, useRender, useStitch };

package/dist/react/index.d.ts

@@ -0,0 +1,119 @@
+interface CaptionSegment {
+    text: string;
+    startTime: number;
+    endTime: number;
+    style?: Partial<CaptionStyle>;
+}
+type CaptionStylePreset = 'hormozi' | 'modern' | 'minimal' | 'bold';
+interface CaptionStyle {
+    preset: CaptionStylePreset;
+    fontFamily: string;
+    fontSize: number;
+    fontWeight: string | number;
+    color: string;
+    strokeColor: string;
+    strokeWidth: number;
+    backgroundColor: string;
+    backgroundPadding: number;
+    backgroundRadius: number;
+    position: 'top' | 'center' | 'bottom';
+    textAlign: CanvasTextAlign;
+    lineHeight: number;
+    maxWidth: number;
+    shadow: boolean;
+    shadowColor: string;
+    shadowBlur: number;
+    shadowOffsetX: number;
+    shadowOffsetY: number;
+    uppercase: boolean;
+    wordHighlight: boolean;
+    wordHighlightColor: string;
+    wordHighlightTextColor: string;
+}
+type AspectRatio = '16:9' | '9:16' | '1:1' | '4:3' | '3:4' | 'original';
+interface CropOptions {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface CaptionOptions {
+    segments: CaptionSegment[];
+    style?: Partial<CaptionStyle>;
+}
+interface ClipInput {
+    /** Video source: URL string, File, Blob, or HTMLVideoElement */
+    source: string | File | Blob | HTMLVideoElement;
+    /** Trim start in seconds (default: 0) */
+    startTime?: number;
+    /** Trim end in seconds (default: video duration) */
+    endTime?: number;
+    /** Captions to overlay */
+    captions?: CaptionOptions;
+    /** Crop settings */
+    crop?: CropOptions;
+    /** Output aspect ratio */
+    aspectRatio?: AspectRatio;
+    /** Volume multiplier 0-2 (default: 1) */
+    volume?: number;
+}
+interface RenderOptions {
+    /** Output width in pixels (default: 1280) */
+    width?: number;
+    /** Output height in pixels (default: 720) */
+    height?: number;
+    /** Frames per second (default: 30) */
+    fps?: number;
+    /** Output MIME type (default: 'video/mp4') */
+    mimeType?: string;
+    /** Quality 0-1 for non-ffmpeg backends (default: 0.92) */
+    quality?: number;
+    /** Additional codec/format options passed to the backend */
+    encoderOptions?: Record<string, unknown>;
+    /** Progress callback (0-1) */
+    onProgress?: (progress: number) => void;
+    /** AbortSignal to cancel rendering */
+    signal?: AbortSignal;
+}
+interface FrameWorker {
+    /** Render a single clip to a Blob */
+    render(clip: ClipInput, options?: RenderOptions): Promise<Blob>;
+    /** Render a single clip and return an object URL */
+    renderToUrl(clip: ClipInput, options?: RenderOptions): Promise<string>;
+    /** Stitch multiple clips into one Blob */
+    stitch(clips: ClipInput[], options?: RenderOptions): Promise<Blob>;
+    /** Stitch multiple clips and return an object URL */
+    stitchToUrl(clips: ClipInput[], options?: RenderOptions): Promise<string>;
+}
+
+interface UseRenderState {
+    progress: number;
+    isRendering: boolean;
+    error: Error | null;
+    blob: Blob | null;
+    url: string | null;
+}
+interface UseRenderActions {
+    render: (clip: ClipInput, options?: Omit<RenderOptions, 'onProgress' | 'signal'>) => Promise<Blob | null>;
+    cancel: () => void;
+    reset: () => void;
+}
+type UseRenderResult = UseRenderState & UseRenderActions;
+declare function useRender(frameWorker: FrameWorker): UseRenderResult;
+
+interface UseStitchState {
+    progress: number;
+    isRendering: boolean;
+    error: Error | null;
+    blob: Blob | null;
+    url: string | null;
+}
+interface UseStitchActions {
+    stitch: (clips: ClipInput[], options?: Omit<RenderOptions, 'onProgress' | 'signal'>) => Promise<Blob | null>;
+    cancel: () => void;
+    reset: () => void;
+}
+type UseStitchResult = UseStitchState & UseStitchActions;
+declare function useStitch(frameWorker: FrameWorker): UseStitchResult;
+
+export { type UseRenderActions, type UseRenderResult, type UseRenderState, type UseStitchActions, type UseStitchResult, type UseStitchState, useRender, useStitch };

package/dist/react/index.js

@@ -0,0 +1,117 @@
+import { useState, useRef, useCallback } from 'react';
+
+// src/react/useRender.ts
+function useRender(frameWorker) {
+  const [state, setState] = useState({
+    progress: 0,
+    isRendering: false,
+    error: null,
+    blob: null,
+    url: null
+  });
+  const abortRef = useRef(null);
+  const urlRef = useRef(null);
+  const cancel = useCallback(() => {
+    abortRef.current?.abort();
+  }, []);
+  const reset = useCallback(() => {
+    if (urlRef.current) {
+      URL.revokeObjectURL(urlRef.current);
+      urlRef.current = null;
+    }
+    setState({ progress: 0, isRendering: false, error: null, blob: null, url: null });
+  }, []);
+  const render = useCallback(
+    async (clip, options) => {
+      if (urlRef.current) {
+        URL.revokeObjectURL(urlRef.current);
+        urlRef.current = null;
+      }
+      const controller = new AbortController();
+      abortRef.current = controller;
+      setState({ progress: 0, isRendering: true, error: null, blob: null, url: null });
+      try {
+        const blob = await frameWorker.render(clip, {
+          ...options,
+          signal: controller.signal,
+          onProgress: (p) => {
+            setState((prev) => ({ ...prev, progress: p }));
+          }
+        });
+        const url = URL.createObjectURL(blob);
+        urlRef.current = url;
+        setState({ progress: 1, isRendering: false, error: null, blob, url });
+        return blob;
+      } catch (err) {
+        if (err instanceof DOMException && err.name === "AbortError") {
+          setState((prev) => ({ ...prev, isRendering: false, error: null }));
+          return null;
+        }
+        const error = err instanceof Error ? err : new Error(String(err));
+        setState((prev) => ({ ...prev, isRendering: false, error }));
+        return null;
+      }
+    },
+    [frameWorker]
+  );
+  return { ...state, render, cancel, reset };
+}
+function useStitch(frameWorker) {
+  const [state, setState] = useState({
+    progress: 0,
+    isRendering: false,
+    error: null,
+    blob: null,
+    url: null
+  });
+  const abortRef = useRef(null);
+  const urlRef = useRef(null);
+  const cancel = useCallback(() => {
+    abortRef.current?.abort();
+  }, []);
+  const reset = useCallback(() => {
+    if (urlRef.current) {
+      URL.revokeObjectURL(urlRef.current);
+      urlRef.current = null;
+    }
+    setState({ progress: 0, isRendering: false, error: null, blob: null, url: null });
+  }, []);
+  const stitch = useCallback(
+    async (clips, options) => {
+      if (urlRef.current) {
+        URL.revokeObjectURL(urlRef.current);
+        urlRef.current = null;
+      }
+      const controller = new AbortController();
+      abortRef.current = controller;
+      setState({ progress: 0, isRendering: true, error: null, blob: null, url: null });
+      try {
+        const blob = await frameWorker.stitch(clips, {
+          ...options,
+          signal: controller.signal,
+          onProgress: (p) => {
+            setState((prev) => ({ ...prev, progress: p }));
+          }
+        });
+        const url = URL.createObjectURL(blob);
+        urlRef.current = url;
+        setState({ progress: 1, isRendering: false, error: null, blob, url });
+        return blob;
+      } catch (err) {
+        if (err instanceof DOMException && err.name === "AbortError") {
+          setState((prev) => ({ ...prev, isRendering: false, error: null }));
+          return null;
+        }
+        const error = err instanceof Error ? err : new Error(String(err));
+        setState((prev) => ({ ...prev, isRendering: false, error }));
+        return null;
+      }
+    },
+    [frameWorker]
+  );
+  return { ...state, stitch, cancel, reset };
+}
+
+export { useRender, useStitch };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/useRender.ts","../../src/react/useStitch.ts"],"names":["useState","useRef","useCallback"],"mappings":"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","file":"index.js","sourcesContent":["'use client';\n\nimport { useState, useCallback, useRef } from 'react';\nimport type { ClipInput, RenderOptions, FrameWorker } from '../types.js';\n\nexport interface UseRenderState {\n  progress: number;\n  isRendering: boolean;\n  error: Error | null;\n  blob: Blob | null;\n  url: string | null;\n}\n\nexport interface UseRenderActions {\n  render: (clip: ClipInput, options?: Omit<RenderOptions, 'onProgress' | 'signal'>) => Promise<Blob | null>;\n  cancel: () => void;\n  reset: () => void;\n}\n\nexport type UseRenderResult = UseRenderState & UseRenderActions;\n\nexport function useRender(frameWorker: FrameWorker): UseRenderResult {\n  const [state, setState] = useState<UseRenderState>({\n    progress: 0,\n    isRendering: false,\n    error: null,\n    blob: null,\n    url: null,\n  });\n\n  const abortRef = useRef<AbortController | null>(null);\n  const urlRef = useRef<string | null>(null);\n\n  const cancel = useCallback(() => {\n    abortRef.current?.abort();\n  }, []);\n\n  const reset = useCallback(() => {\n    if (urlRef.current) {\n      URL.revokeObjectURL(urlRef.current);\n      urlRef.current = null;\n    }\n    setState({ progress: 0, isRendering: false, error: null, blob: null, url: null });\n  }, []);\n\n  const render = useCallback(\n    async (\n      clip: ClipInput,\n      options?: Omit<RenderOptions, 'onProgress' | 'signal'>\n    ): Promise<Blob | null> => {\n      if (urlRef.current) {\n        URL.revokeObjectURL(urlRef.current);\n        urlRef.current = null;\n      }\n\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      setState({ progress: 0, isRendering: true, error: null, blob: null, url: null });\n\n      try {\n        const blob = await frameWorker.render(clip, {\n          ...options,\n          signal: controller.signal,\n          onProgress: (p) => {\n            setState((prev) => ({ ...prev, progress: p }));\n          },\n        });\n\n        const url = URL.createObjectURL(blob);\n        urlRef.current = url;\n        setState({ progress: 1, isRendering: false, error: null, blob, url });\n        return blob;\n      } catch (err) {\n        if (err instanceof DOMException && err.name === 'AbortError') {\n          setState((prev) => ({ ...prev, isRendering: false, error: null }));\n          return null;\n        }\n        const error = err instanceof Error ? err : new Error(String(err));\n        setState((prev) => ({ ...prev, isRendering: false, error }));\n        return null;\n      }\n    },\n    [frameWorker]\n  );\n\n  return { ...state, render, cancel, reset };\n}\n","'use client';\n\nimport { useState, useCallback, useRef } from 'react';\nimport type { ClipInput, RenderOptions, FrameWorker } from '../types.js';\n\nexport interface UseStitchState {\n  progress: number;\n  isRendering: boolean;\n  error: Error | null;\n  blob: Blob | null;\n  url: string | null;\n}\n\nexport interface UseStitchActions {\n  stitch: (clips: ClipInput[], options?: Omit<RenderOptions, 'onProgress' | 'signal'>) => Promise<Blob | null>;\n  cancel: () => void;\n  reset: () => void;\n}\n\nexport type UseStitchResult = UseStitchState & UseStitchActions;\n\nexport function useStitch(frameWorker: FrameWorker): UseStitchResult {\n  const [state, setState] = useState<UseStitchState>({\n    progress: 0,\n    isRendering: false,\n    error: null,\n    blob: null,\n    url: null,\n  });\n\n  const abortRef = useRef<AbortController | null>(null);\n  const urlRef = useRef<string | null>(null);\n\n  const cancel = useCallback(() => {\n    abortRef.current?.abort();\n  }, []);\n\n  const reset = useCallback(() => {\n    if (urlRef.current) {\n      URL.revokeObjectURL(urlRef.current);\n      urlRef.current = null;\n    }\n    setState({ progress: 0, isRendering: false, error: null, blob: null, url: null });\n  }, []);\n\n  const stitch = useCallback(\n    async (\n      clips: ClipInput[],\n      options?: Omit<RenderOptions, 'onProgress' | 'signal'>\n    ): Promise<Blob | null> => {\n      if (urlRef.current) {\n        URL.revokeObjectURL(urlRef.current);\n        urlRef.current = null;\n      }\n\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      setState({ progress: 0, isRendering: true, error: null, blob: null, url: null });\n\n      try {\n        const blob = await frameWorker.stitch(clips, {\n          ...options,\n          signal: controller.signal,\n          onProgress: (p) => {\n            setState((prev) => ({ ...prev, progress: p }));\n          },\n        });\n\n        const url = URL.createObjectURL(blob);\n        urlRef.current = url;\n        setState({ progress: 1, isRendering: false, error: null, blob, url });\n        return blob;\n      } catch (err) {\n        if (err instanceof DOMException && err.name === 'AbortError') {\n          setState((prev) => ({ ...prev, isRendering: false, error: null }));\n          return null;\n        }\n        const error = err instanceof Error ? err : new Error(String(err));\n        setState((prev) => ({ ...prev, isRendering: false, error }));\n        return null;\n      }\n    },\n    [frameWorker]\n  );\n\n  return { ...state, stitch, cancel, reset };\n}\n"]}

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "framewebworker",
+  "version": "0.1.0",
+  "description": "Browser-native video rendering and clip export library. Trim, caption, and export MP4 Blobs in the browser — no server needed.",
+  "keywords": [
+    "video",
+    "browser",
+    "mp4",
+    "ffmpeg",
+    "wasm",
+    "captions",
+    "subtitles",
+    "video-editing",
+    "clip",
+    "export",
+    "canvas",
+    "typescript"
+  ],
+  "homepage": "https://github.com/nareshipme/frameworker#readme",
+  "bugs": {
+    "url": "https://github.com/nareshipme/frameworker/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nareshipme/frameworker.git"
+  },
+  "license": "MIT",
+  "author": "nareshipme",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs",
+      "types": "./dist/react/index.d.ts"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "optionalDependencies": {
+    "@ffmpeg/ffmpeg": "^0.12.10",
+    "@ffmpeg/util": "^0.12.1"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.0.0",
+    "happy-dom": "^20.8.9",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0",
+    "vitest": "^1.6.0"
+  }
+}