framewebworker 0.1.2 → 0.1.3

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, 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"]}
+{"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, StitchOptions, RichProgress, RenderMetrics, FrameWorker } from '../types.js';\n\nexport interface UseStitchState {\n  progress: RichProgress;\n  isRendering: boolean;\n  error: Error | null;\n  blob: Blob | null;\n  url: string | null;\n  metrics: RenderMetrics | null;\n}\n\nexport interface UseStitchActions {\n  stitch: (clips: ClipInput[], options?: Omit<StitchOptions, 'onProgress' | 'onComplete' | 'signal'>) => Promise<Blob | null>;\n  cancel: () => void;\n  reset: () => void;\n}\n\nexport type UseStitchResult = UseStitchState & UseStitchActions;\n\nconst INITIAL_PROGRESS: RichProgress = { overall: 0, clips: [] };\n\nexport function useStitch(frameWorker: FrameWorker): UseStitchResult {\n  const [state, setState] = useState<UseStitchState>({\n    progress: INITIAL_PROGRESS,\n    isRendering: false,\n    error: null,\n    blob: null,\n    url: null,\n    metrics: 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: INITIAL_PROGRESS, isRendering: false, error: null, blob: null, url: null, metrics: null });\n  }, []);\n\n  const stitch = useCallback(\n    async (\n      clips: ClipInput[],\n      options?: Omit<StitchOptions, 'onProgress' | 'onComplete' | '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: INITIAL_PROGRESS, isRendering: true, error: null, blob: null, url: null, metrics: null });\n\n      try {\n        const { blob, metrics } = await frameWorker.stitch(clips, {\n          ...options,\n          signal: controller.signal,\n          onProgress: (p) => {\n            setState((prev) => ({ ...prev, progress: p }));\n          },\n          onComplete: (m) => {\n            setState((prev) => ({ ...prev, metrics: m }));\n          },\n        });\n\n        const url = URL.createObjectURL(blob);\n        urlRef.current = url;\n        const doneProgress: RichProgress = {\n          overall: 1,\n          clips: clips.map((_, i) => ({ index: i, status: 'done', progress: 1 })),\n        };\n        setState((prev) => ({ ...prev, progress: doneProgress, isRendering: false, 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/worker/render-worker.js

@@ -0,0 +1,256 @@
+// src/captions.ts
+var STYLE_PRESETS = {
+  hormozi: {
+    preset: "hormozi",
+    fontFamily: 'Impact, "Arial Black", sans-serif',
+    fontSize: 64,
+    fontWeight: "900",
+    color: "#FFFFFF",
+    strokeColor: "#000000",
+    strokeWidth: 4,
+    backgroundColor: "transparent",
+    backgroundPadding: 0,
+    backgroundRadius: 0,
+    position: "bottom",
+    textAlign: "center",
+    lineHeight: 1.1,
+    maxWidth: 0.9,
+    shadow: true,
+    shadowColor: "rgba(0,0,0,0.9)",
+    shadowBlur: 6,
+    shadowOffsetX: 2,
+    shadowOffsetY: 2,
+    uppercase: true,
+    wordHighlight: true,
+    wordHighlightColor: "#FFD700",
+    wordHighlightTextColor: "#000000"
+  },
+  modern: {
+    preset: "modern",
+    fontFamily: '"Inter", "Helvetica Neue", Arial, sans-serif',
+    fontSize: 42,
+    fontWeight: "700",
+    color: "#FFFFFF",
+    strokeColor: "transparent",
+    strokeWidth: 0,
+    backgroundColor: "rgba(0,0,0,0.65)",
+    backgroundPadding: 12,
+    backgroundRadius: 8,
+    position: "bottom",
+    textAlign: "center",
+    lineHeight: 1.3,
+    maxWidth: 0.85,
+    shadow: false,
+    shadowColor: "transparent",
+    shadowBlur: 0,
+    shadowOffsetX: 0,
+    shadowOffsetY: 0,
+    uppercase: false,
+    wordHighlight: false,
+    wordHighlightColor: "#3B82F6",
+    wordHighlightTextColor: "#FFFFFF"
+  },
+  minimal: {
+    preset: "minimal",
+    fontFamily: '"Helvetica Neue", Arial, sans-serif',
+    fontSize: 36,
+    fontWeight: "400",
+    color: "#FFFFFF",
+    strokeColor: "transparent",
+    strokeWidth: 0,
+    backgroundColor: "transparent",
+    backgroundPadding: 0,
+    backgroundRadius: 0,
+    position: "bottom",
+    textAlign: "center",
+    lineHeight: 1.4,
+    maxWidth: 0.8,
+    shadow: true,
+    shadowColor: "rgba(0,0,0,0.8)",
+    shadowBlur: 8,
+    shadowOffsetX: 0,
+    shadowOffsetY: 2,
+    uppercase: false,
+    wordHighlight: false,
+    wordHighlightColor: "#FFFFFF",
+    wordHighlightTextColor: "#000000"
+  },
+  bold: {
+    preset: "bold",
+    fontFamily: '"Arial Black", "Helvetica Neue", Arial, sans-serif',
+    fontSize: 56,
+    fontWeight: "900",
+    color: "#FFFF00",
+    strokeColor: "#000000",
+    strokeWidth: 5,
+    backgroundColor: "transparent",
+    backgroundPadding: 0,
+    backgroundRadius: 0,
+    position: "center",
+    textAlign: "center",
+    lineHeight: 1.2,
+    maxWidth: 0.88,
+    shadow: true,
+    shadowColor: "rgba(0,0,0,1)",
+    shadowBlur: 4,
+    shadowOffsetX: 3,
+    shadowOffsetY: 3,
+    uppercase: true,
+    wordHighlight: false,
+    wordHighlightColor: "#FF0000",
+    wordHighlightTextColor: "#FFFFFF"
+  }
+};
+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 meta = null;
+var canvas = null;
+var ctx = null;
+var collected = [];
+self.onmessage = (event) => {
+  const msg = event.data;
+  switch (msg.type) {
+    case "init": {
+      meta = msg.meta;
+      canvas = new OffscreenCanvas(meta.width, meta.height);
+      ctx = canvas.getContext("2d");
+      collected.length = 0;
+      break;
+    }
+    case "frame": {
+      if (!meta || !ctx) return;
+      const { bitmap, timestamp, index } = msg;
+      ctx.clearRect(0, 0, meta.width, meta.height);
+      ctx.drawImage(bitmap, 0, 0, meta.width, meta.height);
+      bitmap.close();
+      if (meta.captions?.segments?.length) {
+        const baseStylePreset = meta.captions.style?.preset ?? "modern";
+        const baseStyle = mergeStyle(STYLE_PRESETS[baseStylePreset], meta.captions.style);
+        const active = getActiveCaptions(meta.captions.segments, timestamp);
+        for (const seg of active) {
+          const segStyle = mergeStyle(baseStyle, seg.style);
+          renderCaption(
+            ctx,
+            seg,
+            segStyle,
+            meta.width,
+            meta.height
+          );
+        }
+      }
+      const imageData = ctx.getImageData(0, 0, meta.width, meta.height);
+      const buffer = imageData.data.buffer.slice(
+        imageData.data.byteOffset,
+        imageData.data.byteOffset + imageData.data.byteLength
+      );
+      collected.push({ buffer, timestamp, width: meta.width, height: meta.height });
+      const progress = { type: "progress", value: (index + 1) / meta.totalFrames };
+      self.postMessage(progress);
+      break;
+    }
+    case "end": {
+      const frames = collected.slice();
+      const transferables = frames.map((f) => f.buffer);
+      const done = { type: "done", frames };
+      self.postMessage(done, transferables);
+      collected.length = 0;
+      break;
+    }
+    case "abort": {
+      collected.length = 0;
+      break;
+    }
+  }
+};

package/package.json

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

package/dist/render-worker.js

@@ -1,177 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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"]}