framewebworker 0.1.0 → 0.1.2

package/dist/react/index.cjs

@@ -92,7 +92,7 @@ function useStitch(frameWorker) {
           ...options,
           signal: controller.signal,
           onProgress: (p) => {
-            setState((prev) => ({ ...prev, progress: p }));
+            setState((prev) => ({ ...prev, progress: p.overall }));
           }
         });
         const url = URL.createObjectURL(blob);

package/dist/react/index.cjs.map

@@ -1 +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"]}
+{"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, StitchOptions, 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<StitchOptions, '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<StitchOptions, '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.overall }));\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

@@ -75,15 +75,28 @@ interface RenderOptions {
     /** AbortSignal to cancel rendering */
     signal?: AbortSignal;
 }
+type ClipStatus = 'queued' | 'rendering' | 'done' | 'failed';
+interface ClipProgress {
+    index: number;
+    status: ClipStatus;
+    progress: number;
+}
+interface RichProgress {
+    overall: number;
+    clips: ClipProgress[];
+}
+interface StitchOptions extends Omit<RenderOptions, 'onProgress'> {
+    onProgress?: (progress: RichProgress) => void;
+}
 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(clips: ClipInput[], options?: StitchOptions): Promise<Blob>;
     /** Stitch multiple clips and return an object URL */
-    stitchToUrl(clips: ClipInput[], options?: RenderOptions): Promise<string>;
+    stitchToUrl(clips: ClipInput[], options?: StitchOptions): Promise<string>;
 }
 
 interface UseRenderState {
@@ -109,7 +122,7 @@ interface UseStitchState {
     url: string | null;
 }
 interface UseStitchActions {
-    stitch: (clips: ClipInput[], options?: Omit<RenderOptions, 'onProgress' | 'signal'>) => Promise<Blob | null>;
+    stitch: (clips: ClipInput[], options?: Omit<StitchOptions, 'onProgress' | 'signal'>) => Promise<Blob | null>;
     cancel: () => void;
     reset: () => void;
 }

package/dist/react/index.d.ts

@@ -75,15 +75,28 @@ interface RenderOptions {
     /** AbortSignal to cancel rendering */
     signal?: AbortSignal;
 }
+type ClipStatus = 'queued' | 'rendering' | 'done' | 'failed';
+interface ClipProgress {
+    index: number;
+    status: ClipStatus;
+    progress: number;
+}
+interface RichProgress {
+    overall: number;
+    clips: ClipProgress[];
+}
+interface StitchOptions extends Omit<RenderOptions, 'onProgress'> {
+    onProgress?: (progress: RichProgress) => void;
+}
 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(clips: ClipInput[], options?: StitchOptions): Promise<Blob>;
     /** Stitch multiple clips and return an object URL */
-    stitchToUrl(clips: ClipInput[], options?: RenderOptions): Promise<string>;
+    stitchToUrl(clips: ClipInput[], options?: StitchOptions): Promise<string>;
 }
 
 interface UseRenderState {
@@ -109,7 +122,7 @@ interface UseStitchState {
     url: string | null;
 }
 interface UseStitchActions {
-    stitch: (clips: ClipInput[], options?: Omit<RenderOptions, 'onProgress' | 'signal'>) => Promise<Blob | null>;
+    stitch: (clips: ClipInput[], options?: Omit<StitchOptions, 'onProgress' | 'signal'>) => Promise<Blob | null>;
     cancel: () => void;
     reset: () => void;
 }

package/dist/react/index.js

@@ -90,7 +90,7 @@ function useStitch(frameWorker) {
           ...options,
           signal: controller.signal,
           onProgress: (p) => {
-            setState((prev) => ({ ...prev, progress: p }));
+            setState((prev) => ({ ...prev, progress: p.overall }));
           }
         });
         const url = URL.createObjectURL(blob);

package/dist/react/index.js.map

@@ -1 +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"]}
+{"version":3,"sources":["../../src/react/useRender.ts","../../src/react/useStitch.ts"],"names":["useState","useRef","useCallback"],"mappings":";;;AAqBO,SAAS,UAAU,WAAA,EAA2C;AACnE,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,CAAyB;AAAA,IACjD,QAAA,EAAU,CAAA;AAAA,IACV,WAAA,EAAa,KAAA;AAAA,IACb,KAAA,EAAO,IAAA;AAAA,IACP,IAAA,EAAM,IAAA;AAAA,IACN,GAAA,EAAK;AAAA,GACN,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,OAA+B,IAAI,CAAA;AACpD,EAAA,MAAM,MAAA,GAAS,OAAsB,IAAI,CAAA;AAEzC,EAAA,MAAM,MAAA,GAAS,YAAY,MAAM;AAC/B,IAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AAAA,EAC1B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,IAAI,OAAO,OAAA,EAAS;AAClB,MAAA,GAAA,CAAI,eAAA,CAAgB,OAAO,OAAO,CAAA;AAClC,MAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AAAA,IACnB;AACA,IAAA,QAAA,CAAS,EAAE,QAAA,EAAU,CAAA,EAAG,WAAA,EAAa,KAAA,EAAO,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,IAAA,EAAM,CAAA;AAAA,EAClF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,MAAA,GAAS,WAAA;AAAA,IACb,OACE,MACA,OAAA,KACyB;AACzB,MAAA,IAAI,OAAO,OAAA,EAAS;AAClB,QAAA,GAAA,CAAI,eAAA,CAAgB,OAAO,OAAO,CAAA;AAClC,QAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AAAA,MACnB;AAEA,MAAA,MAAM,UAAA,GAAa,IAAI,eAAA,EAAgB;AACvC,MAAA,QAAA,CAAS,OAAA,GAAU,UAAA;AAEnB,MAAA,QAAA,CAAS,EAAE,QAAA,EAAU,CAAA,EAAG,WAAA,EAAa,IAAA,EAAM,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,IAAA,EAAM,CAAA;AAE/E,MAAA,IAAI;AACF,QAAA,MAAM,IAAA,GAAO,MAAM,WAAA,CAAY,MAAA,CAAO,IAAA,EAAM;AAAA,UAC1C,GAAG,OAAA;AAAA,UACH,QAAQ,UAAA,CAAW,MAAA;AAAA,UACnB,UAAA,EAAY,CAAC,CAAA,KAAM;AACjB,YAAA,QAAA,CAAS,CAAC,IAAA,MAAU,EAAE,GAAG,IAAA,EAAM,QAAA,EAAU,GAAE,CAAE,CAAA;AAAA,UAC/C;AAAA,SACD,CAAA;AAED,QAAA,MAAM,GAAA,GAAM,GAAA,CAAI,eAAA,CAAgB,IAAI,CAAA;AACpC,QAAA,MAAA,CAAO,OAAA,GAAU,GAAA;AACjB,QAAA,QAAA,CAAS,EAAE,UAAU,CAAA,EAAG,WAAA,EAAa,OAAO,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,CAAA;AACpE,QAAA,OAAO,IAAA;AAAA,MACT,SAAS,GAAA,EAAK;AACZ,QAAA,IAAI,GAAA,YAAe,YAAA,IAAgB,GAAA,CAAI,IAAA,KAAS,YAAA,EAAc;AAC5D,UAAA,QAAA,CAAS,CAAC,UAAU,EAAE,GAAG,MAAM,WAAA,EAAa,KAAA,EAAO,KAAA,EAAO,IAAA,EAAK,CAAE,CAAA;AACjE,UAAA,OAAO,IAAA;AAAA,QACT;AACA,QAAA,MAAM,KAAA,GAAQ,eAAe,KAAA,GAAQ,GAAA,GAAM,IAAI,KAAA,CAAM,MAAA,CAAO,GAAG,CAAC,CAAA;AAChE,QAAA,QAAA,CAAS,CAAC,UAAU,EAAE,GAAG,MAAM,WAAA,EAAa,KAAA,EAAO,OAAM,CAAE,CAAA;AAC3D,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,OAAO,EAAE,GAAG,KAAA,EAAO,MAAA,EAAQ,QAAQ,KAAA,EAAM;AAC3C;AClEO,SAAS,UAAU,WAAA,EAA2C;AACnE,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,QAAAA,CAAyB;AAAA,IACjD,QAAA,EAAU,CAAA;AAAA,IACV,WAAA,EAAa,KAAA;AAAA,IACb,KAAA,EAAO,IAAA;AAAA,IACP,IAAA,EAAM,IAAA;AAAA,IACN,GAAA,EAAK;AAAA,GACN,CAAA;AAED,EAAA,MAAM,QAAA,GAAWC,OAA+B,IAAI,CAAA;AACpD,EAAA,MAAM,MAAA,GAASA,OAAsB,IAAI,CAAA;AAEzC,EAAA,MAAM,MAAA,GAASC,YAAY,MAAM;AAC/B,IAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AAAA,EAC1B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,KAAA,GAAQA,YAAY,MAAM;AAC9B,IAAA,IAAI,OAAO,OAAA,EAAS;AAClB,MAAA,GAAA,CAAI,eAAA,CAAgB,OAAO,OAAO,CAAA;AAClC,MAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AAAA,IACnB;AACA,IAAA,QAAA,CAAS,EAAE,QAAA,EAAU,CAAA,EAAG,WAAA,EAAa,KAAA,EAAO,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,IAAA,EAAM,CAAA;AAAA,EAClF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,MAAA,GAASA,WAAAA;AAAA,IACb,OACE,OACA,OAAA,KACyB;AACzB,MAAA,IAAI,OAAO,OAAA,EAAS;AAClB,QAAA,GAAA,CAAI,eAAA,CAAgB,OAAO,OAAO,CAAA;AAClC,QAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AAAA,MACnB;AAEA,MAAA,MAAM,UAAA,GAAa,IAAI,eAAA,EAAgB;AACvC,MAAA,QAAA,CAAS,OAAA,GAAU,UAAA;AAEnB,MAAA,QAAA,CAAS,EAAE,QAAA,EAAU,CAAA,EAAG,WAAA,EAAa,IAAA,EAAM,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,IAAA,EAAM,CAAA;AAE/E,MAAA,IAAI;AACF,QAAA,MAAM,IAAA,GAAO,MAAM,WAAA,CAAY,MAAA,CAAO,KAAA,EAAO;AAAA,UAC3C,GAAG,OAAA;AAAA,UACH,QAAQ,UAAA,CAAW,MAAA;AAAA,UACnB,UAAA,EAAY,CAAC,CAAA,KAAM;AACjB,YAAA,QAAA,CAAS,CAAC,UAAU,EAAE,GAAG,MAAM,QAAA,EAAU,CAAA,CAAE,SAAQ,CAAE,CAAA;AAAA,UACvD;AAAA,SACD,CAAA;AAED,QAAA,MAAM,GAAA,GAAM,GAAA,CAAI,eAAA,CAAgB,IAAI,CAAA;AACpC,QAAA,MAAA,CAAO,OAAA,GAAU,GAAA;AACjB,QAAA,QAAA,CAAS,EAAE,UAAU,CAAA,EAAG,WAAA,EAAa,OAAO,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,CAAA;AACpE,QAAA,OAAO,IAAA;AAAA,MACT,SAAS,GAAA,EAAK;AACZ,QAAA,IAAI,GAAA,YAAe,YAAA,IAAgB,GAAA,CAAI,IAAA,KAAS,YAAA,EAAc;AAC5D,UAAA,QAAA,CAAS,CAAC,UAAU,EAAE,GAAG,MAAM,WAAA,EAAa,KAAA,EAAO,KAAA,EAAO,IAAA,EAAK,CAAE,CAAA;AACjE,UAAA,OAAO,IAAA;AAAA,QACT;AACA,QAAA,MAAM,KAAA,GAAQ,eAAe,KAAA,GAAQ,GAAA,GAAM,IAAI,KAAA,CAAM,MAAA,CAAO,GAAG,CAAC,CAAA;AAChE,QAAA,QAAA,CAAS,CAAC,UAAU,EAAE,GAAG,MAAM,WAAA,EAAa,KAAA,EAAO,OAAM,CAAE,CAAA;AAC3D,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,OAAO,EAAE,GAAG,KAAA,EAAO,MAAA,EAAQ,QAAQ,KAAA,EAAM;AAC3C","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, StitchOptions, 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<StitchOptions, '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<StitchOptions, '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.overall }));\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/render-worker.js

@@ -0,0 +1,177 @@
+// src/captions.ts
+function mergeStyle(base, overrides) {
+  return overrides ? { ...base, ...overrides } : base;
+}
+function getActiveCaptions(segments, currentTime) {
+  return segments.filter(
+    (seg) => currentTime >= seg.startTime && currentTime < seg.endTime
+  );
+}
+function wrapText(ctx2, text, maxWidth) {
+  const words = text.split(" ");
+  const lines = [];
+  let current = "";
+  for (const word of words) {
+    const test = current ? `${current} ${word}` : word;
+    if (ctx2.measureText(test).width > maxWidth && current) {
+      lines.push(current);
+      current = word;
+    } else {
+      current = test;
+    }
+  }
+  if (current) lines.push(current);
+  return lines;
+}
+function renderCaption(ctx2, segment, resolvedStyle, canvasWidth, canvasHeight) {
+  const style = resolvedStyle;
+  const text = style.uppercase ? segment.text.toUpperCase() : segment.text;
+  ctx2.save();
+  const scaledFontSize = style.fontSize / 1080 * canvasHeight;
+  ctx2.font = `${style.fontWeight} ${scaledFontSize}px ${style.fontFamily}`;
+  ctx2.textAlign = style.textAlign;
+  ctx2.textBaseline = "bottom";
+  const maxPx = style.maxWidth * canvasWidth;
+  const lines = wrapText(ctx2, text, maxPx);
+  const lineH = scaledFontSize * style.lineHeight;
+  const totalH = lines.length * lineH;
+  let baseY;
+  if (style.position === "top") {
+    baseY = scaledFontSize * 1.5;
+  } else if (style.position === "center") {
+    baseY = canvasHeight / 2 - totalH / 2 + lineH;
+  } else {
+    baseY = canvasHeight - scaledFontSize * 1.2;
+  }
+  const cx = canvasWidth / 2;
+  lines.forEach((line, i) => {
+    const y = baseY + i * lineH;
+    if (style.backgroundColor && style.backgroundColor !== "transparent") {
+      const metrics = ctx2.measureText(line);
+      const bw = metrics.width + style.backgroundPadding * 2;
+      const bh = lineH + style.backgroundPadding;
+      const bx = cx - bw / 2;
+      const by = y - lineH;
+      ctx2.fillStyle = style.backgroundColor;
+      if (style.backgroundRadius > 0) {
+        roundRect(ctx2, bx, by, bw, bh, style.backgroundRadius);
+        ctx2.fill();
+      } else {
+        ctx2.fillRect(bx, by, bw, bh);
+      }
+    }
+    if (style.shadow) {
+      ctx2.shadowColor = style.shadowColor;
+      ctx2.shadowBlur = style.shadowBlur;
+      ctx2.shadowOffsetX = style.shadowOffsetX;
+      ctx2.shadowOffsetY = style.shadowOffsetY;
+    }
+    if (style.strokeWidth > 0 && style.strokeColor !== "transparent") {
+      ctx2.lineWidth = style.strokeWidth;
+      ctx2.strokeStyle = style.strokeColor;
+      ctx2.strokeText(line, cx, y);
+    }
+    ctx2.shadowColor = "transparent";
+    ctx2.shadowBlur = 0;
+    ctx2.fillStyle = style.color;
+    ctx2.fillText(line, cx, y);
+  });
+  ctx2.restore();
+}
+function roundRect(ctx2, x, y, w, h, r) {
+  ctx2.beginPath();
+  ctx2.moveTo(x + r, y);
+  ctx2.lineTo(x + w - r, y);
+  ctx2.quadraticCurveTo(x + w, y, x + w, y + r);
+  ctx2.lineTo(x + w, y + h - r);
+  ctx2.quadraticCurveTo(x + w, y + h, x + w - r, y + h);
+  ctx2.lineTo(x + r, y + h);
+  ctx2.quadraticCurveTo(x, y + h, x, y + h - r);
+  ctx2.lineTo(x, y + r);
+  ctx2.quadraticCurveTo(x, y, x + r, y);
+  ctx2.closePath();
+}
+
+// src/worker/render-worker.ts
+var workerSelf = self;
+var ctx = null;
+var meta = null;
+var frames = [];
+var currentJobId = null;
+workerSelf.onmessage = (event) => {
+  const msg = event.data;
+  try {
+    switch (msg.type) {
+      case "init": {
+        currentJobId = msg.jobId;
+        ctx = msg.canvas.getContext("2d");
+        meta = msg.meta;
+        frames = [];
+        break;
+      }
+      case "frame": {
+        if (!ctx || !meta || msg.jobId !== currentJobId) {
+          msg.bitmap.close();
+          break;
+        }
+        const { width, height, captions, captionStyle } = meta;
+        ctx.drawImage(msg.bitmap, 0, 0, width, height);
+        msg.bitmap.close();
+        if (captions.length > 0) {
+          const active = getActiveCaptions(captions, msg.timestamp);
+          for (const seg of active) {
+            const segStyle = mergeStyle(captionStyle, seg.style);
+            renderCaption(ctx, seg, segStyle, width, height);
+          }
+        }
+        const imageData = ctx.getImageData(0, 0, width, height);
+        frames.push({
+          buffer: imageData.data.buffer,
+          timestamp: msg.timestamp,
+          width,
+          height
+        });
+        const progress = {
+          type: "progress",
+          jobId: msg.jobId,
+          currentFrame: msg.frameIndex + 1,
+          totalFrames: meta.totalFrames
+        };
+        workerSelf.postMessage(progress);
+        break;
+      }
+      case "end": {
+        if (msg.jobId !== currentJobId) break;
+        const transferBuffers = frames.map((f) => f.buffer);
+        const done = {
+          type: "done",
+          jobId: msg.jobId,
+          frames: [...frames]
+        };
+        workerSelf.postMessage(done, transferBuffers);
+        ctx = null;
+        meta = null;
+        frames = [];
+        currentJobId = null;
+        break;
+      }
+      case "abort": {
+        if (msg.jobId !== currentJobId) break;
+        ctx = null;
+        meta = null;
+        frames = [];
+        currentJobId = null;
+        break;
+      }
+    }
+  } catch (err) {
+    const error = {
+      type: "error",
+      jobId: msg.jobId,
+      message: err instanceof Error ? err.message : String(err)
+    };
+    workerSelf.postMessage(error);
+  }
+};
+//# sourceMappingURL=render-worker.js.map
+//# sourceMappingURL=render-worker.js.map

package/dist/render-worker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/captions.ts","../src/worker/render-worker.ts"],"names":["ctx"],"mappings":"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","file":"render-worker.js","sourcesContent":["import type { CaptionSegment, CaptionStyle, CaptionStylePreset } from './types.js';\n\nexport const STYLE_PRESETS: Record<CaptionStylePreset, CaptionStyle> = {\n  hormozi: {\n    preset: 'hormozi',\n    fontFamily: 'Impact, \"Arial Black\", sans-serif',\n    fontSize: 64,\n    fontWeight: '900',\n    color: '#FFFFFF',\n    strokeColor: '#000000',\n    strokeWidth: 4,\n    backgroundColor: 'transparent',\n    backgroundPadding: 0,\n    backgroundRadius: 0,\n    position: 'bottom',\n    textAlign: 'center',\n    lineHeight: 1.1,\n    maxWidth: 0.9,\n    shadow: true,\n    shadowColor: 'rgba(0,0,0,0.9)',\n    shadowBlur: 6,\n    shadowOffsetX: 2,\n    shadowOffsetY: 2,\n    uppercase: true,\n    wordHighlight: true,\n    wordHighlightColor: '#FFD700',\n    wordHighlightTextColor: '#000000',\n  },\n  modern: {\n    preset: 'modern',\n    fontFamily: '\"Inter\", \"Helvetica Neue\", Arial, sans-serif',\n    fontSize: 42,\n    fontWeight: '700',\n    color: '#FFFFFF',\n    strokeColor: 'transparent',\n    strokeWidth: 0,\n    backgroundColor: 'rgba(0,0,0,0.65)',\n    backgroundPadding: 12,\n    backgroundRadius: 8,\n    position: 'bottom',\n    textAlign: 'center',\n    lineHeight: 1.3,\n    maxWidth: 0.85,\n    shadow: false,\n    shadowColor: 'transparent',\n    shadowBlur: 0,\n    shadowOffsetX: 0,\n    shadowOffsetY: 0,\n    uppercase: false,\n    wordHighlight: false,\n    wordHighlightColor: '#3B82F6',\n    wordHighlightTextColor: '#FFFFFF',\n  },\n  minimal: {\n    preset: 'minimal',\n    fontFamily: '\"Helvetica Neue\", Arial, sans-serif',\n    fontSize: 36,\n    fontWeight: '400',\n    color: '#FFFFFF',\n    strokeColor: 'transparent',\n    strokeWidth: 0,\n    backgroundColor: 'transparent',\n    backgroundPadding: 0,\n    backgroundRadius: 0,\n    position: 'bottom',\n    textAlign: 'center',\n    lineHeight: 1.4,\n    maxWidth: 0.8,\n    shadow: true,\n    shadowColor: 'rgba(0,0,0,0.8)',\n    shadowBlur: 8,\n    shadowOffsetX: 0,\n    shadowOffsetY: 2,\n    uppercase: false,\n    wordHighlight: false,\n    wordHighlightColor: '#FFFFFF',\n    wordHighlightTextColor: '#000000',\n  },\n  bold: {\n    preset: 'bold',\n    fontFamily: '\"Arial Black\", \"Helvetica Neue\", Arial, sans-serif',\n    fontSize: 56,\n    fontWeight: '900',\n    color: '#FFFF00',\n    strokeColor: '#000000',\n    strokeWidth: 5,\n    backgroundColor: 'transparent',\n    backgroundPadding: 0,\n    backgroundRadius: 0,\n    position: 'center',\n    textAlign: 'center',\n    lineHeight: 1.2,\n    maxWidth: 0.88,\n    shadow: true,\n    shadowColor: 'rgba(0,0,0,1)',\n    shadowBlur: 4,\n    shadowOffsetX: 3,\n    shadowOffsetY: 3,\n    uppercase: true,\n    wordHighlight: false,\n    wordHighlightColor: '#FF0000',\n    wordHighlightTextColor: '#FFFFFF',\n  },\n};\n\nexport function mergeStyle(\n  base: CaptionStyle,\n  overrides?: Partial<CaptionStyle>\n): CaptionStyle {\n  return overrides ? { ...base, ...overrides } : base;\n}\n\nexport function getActiveCaptions(\n  segments: CaptionSegment[],\n  currentTime: number\n): CaptionSegment[] {\n  return segments.filter(\n    (seg) => currentTime >= seg.startTime && currentTime < seg.endTime\n  );\n}\n\nfunction wrapText(\n  ctx: CanvasRenderingContext2D,\n  text: string,\n  maxWidth: number\n): string[] {\n  const words = text.split(' ');\n  const lines: string[] = [];\n  let current = '';\n\n  for (const word of words) {\n    const test = current ? `${current} ${word}` : word;\n    if (ctx.measureText(test).width > maxWidth && current) {\n      lines.push(current);\n      current = word;\n    } else {\n      current = test;\n    }\n  }\n  if (current) lines.push(current);\n  return lines;\n}\n\nexport function renderCaption(\n  ctx: CanvasRenderingContext2D,\n  segment: CaptionSegment,\n  resolvedStyle: CaptionStyle,\n  canvasWidth: number,\n  canvasHeight: number\n): void {\n  const style = resolvedStyle;\n  const text = style.uppercase ? segment.text.toUpperCase() : segment.text;\n\n  ctx.save();\n\n  const scaledFontSize = (style.fontSize / 1080) * canvasHeight;\n  ctx.font = `${style.fontWeight} ${scaledFontSize}px ${style.fontFamily}`;\n  ctx.textAlign = style.textAlign;\n  ctx.textBaseline = 'bottom';\n\n  const maxPx = style.maxWidth * canvasWidth;\n  const lines = wrapText(ctx, text, maxPx);\n  const lineH = scaledFontSize * style.lineHeight;\n  const totalH = lines.length * lineH;\n\n  let baseY: number;\n  if (style.position === 'top') {\n    baseY = scaledFontSize * 1.5;\n  } else if (style.position === 'center') {\n    baseY = canvasHeight / 2 - totalH / 2 + lineH;\n  } else {\n    baseY = canvasHeight - scaledFontSize * 1.2;\n  }\n\n  const cx = canvasWidth / 2;\n\n  lines.forEach((line, i) => {\n    const y = baseY + i * lineH;\n\n    // Background box\n    if (style.backgroundColor && style.backgroundColor !== 'transparent') {\n      const metrics = ctx.measureText(line);\n      const bw = metrics.width + style.backgroundPadding * 2;\n      const bh = lineH + style.backgroundPadding;\n      const bx = cx - bw / 2;\n      const by = y - lineH;\n\n      ctx.fillStyle = style.backgroundColor;\n      if (style.backgroundRadius > 0) {\n        roundRect(ctx, bx, by, bw, bh, style.backgroundRadius);\n        ctx.fill();\n      } else {\n        ctx.fillRect(bx, by, bw, bh);\n      }\n    }\n\n    // Shadow\n    if (style.shadow) {\n      ctx.shadowColor = style.shadowColor;\n      ctx.shadowBlur = style.shadowBlur;\n      ctx.shadowOffsetX = style.shadowOffsetX;\n      ctx.shadowOffsetY = style.shadowOffsetY;\n    }\n\n    // Stroke\n    if (style.strokeWidth > 0 && style.strokeColor !== 'transparent') {\n      ctx.lineWidth = style.strokeWidth;\n      ctx.strokeStyle = style.strokeColor;\n      ctx.strokeText(line, cx, y);\n    }\n\n    // Fill\n    ctx.shadowColor = 'transparent';\n    ctx.shadowBlur = 0;\n    ctx.fillStyle = style.color;\n    ctx.fillText(line, cx, y);\n  });\n\n  ctx.restore();\n}\n\nfunction roundRect(\n  ctx: CanvasRenderingContext2D,\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  r: number\n): void {\n  ctx.beginPath();\n  ctx.moveTo(x + r, y);\n  ctx.lineTo(x + w - r, y);\n  ctx.quadraticCurveTo(x + w, y, x + w, y + r);\n  ctx.lineTo(x + w, y + h - r);\n  ctx.quadraticCurveTo(x + w, y + h, x + w - r, y + h);\n  ctx.lineTo(x + r, y + h);\n  ctx.quadraticCurveTo(x, y + h, x, y + h - r);\n  ctx.lineTo(x, y + r);\n  ctx.quadraticCurveTo(x, y, x + r, y);\n  ctx.closePath();\n}\n","import type { WorkerInbound, WorkerOutbound, WorkerClipMeta, TransferableFrame } from './protocol.js';\nimport { getActiveCaptions, renderCaption, STYLE_PRESETS, mergeStyle } from '../captions.js';\n\n// Cast self to the worker global type to get the correct postMessage signature\nconst workerSelf = self as unknown as DedicatedWorkerGlobalScope;\n\nlet ctx: OffscreenCanvasRenderingContext2D | null = null;\nlet meta: WorkerClipMeta | null = null;\nlet frames: TransferableFrame[] = [];\nlet currentJobId: string | null = null;\n\nworkerSelf.onmessage = (event: MessageEvent<WorkerInbound>) => {\n  const msg = event.data;\n\n  try {\n    switch (msg.type) {\n      case 'init': {\n        currentJobId = msg.jobId;\n        ctx = msg.canvas.getContext('2d') as OffscreenCanvasRenderingContext2D;\n        meta = msg.meta;\n        frames = [];\n        break;\n      }\n\n      case 'frame': {\n        if (!ctx || !meta || msg.jobId !== currentJobId) {\n          msg.bitmap.close();\n          break;\n        }\n\n        const { width, height, captions, captionStyle } = meta;\n\n        ctx.drawImage(msg.bitmap, 0, 0, width, height);\n        msg.bitmap.close(); // release GPU memory\n\n        if (captions.length > 0) {\n          const active = getActiveCaptions(captions, msg.timestamp);\n          for (const seg of active) {\n            const segStyle = mergeStyle(captionStyle, seg.style);\n            // OffscreenCanvasRenderingContext2D shares the same canvas 2D API\n            renderCaption(ctx as unknown as CanvasRenderingContext2D, seg, segStyle, width, height);\n          }\n        }\n\n        const imageData = ctx.getImageData(0, 0, width, height);\n        frames.push({\n          buffer: imageData.data.buffer,\n          timestamp: msg.timestamp,\n          width,\n          height,\n        });\n\n        const progress: WorkerOutbound = {\n          type: 'progress',\n          jobId: msg.jobId,\n          currentFrame: msg.frameIndex + 1,\n          totalFrames: meta.totalFrames,\n        };\n        workerSelf.postMessage(progress);\n        break;\n      }\n\n      case 'end': {\n        if (msg.jobId !== currentJobId) break;\n\n        const transferBuffers = frames.map((f) => f.buffer);\n        const done: WorkerOutbound = {\n          type: 'done',\n          jobId: msg.jobId,\n          frames: [...frames],\n        };\n        workerSelf.postMessage(done, transferBuffers);\n\n        ctx = null;\n        meta = null;\n        frames = [];\n        currentJobId = null;\n        break;\n      }\n\n      case 'abort': {\n        if (msg.jobId !== currentJobId) break;\n        ctx = null;\n        meta = null;\n        frames = [];\n        currentJobId = null;\n        break;\n      }\n    }\n  } catch (err) {\n    const error: WorkerOutbound = {\n      type: 'error',\n      jobId: msg.jobId,\n      message: err instanceof Error ? err.message : String(err),\n    };\n    workerSelf.postMessage(error);\n  }\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framewebworker",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Browser-native video rendering and clip export library. Trim, caption, and export MP4 Blobs in the browser — no server needed.",
   "keywords": [
     "video",