@meframe/core 0.5.4 → 0.5.6

package/dist/stages/compose/text-renderers/caption-stagger-entrance-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"caption-stagger-entrance-renderer.js","sources":["../../../../src/stages/compose/text-renderers/caption-stagger-entrance-renderer.ts"],"sourcesContent":["import type { TextLayer } from '../types';\nimport { wrapText, formEvenLinesWithWords } from '../text-utils/text-wrapper';\nimport { getLetterCaseText, measureTextWidth } from '../text-utils/text-metrics';\nimport { needsSpaceBetweenWords } from '../text-utils/locale-detector';\n\n/** Matches medeo-web caption preview (`caption-anime-effects` + anime.js defaults). */\nconst DEFAULT_DURATION_MS = 800;\nconst DEFAULT_STAGGER_MS = 50;\nconst SLIDE_BASE_PX = 50;\nconst LETTER_SPREAD_BASE_PX = 20;\nconst BLUR_START_PX = 10;\nconst FONT_REF_PX = 40;\n\nfunction easeOutExpo(t: number): number {\n  if (t <= 0) return 0;\n  if (t >= 1) return 1;\n  return 1 - Math.pow(2, -10 * t);\n}\n\nfunction calculateYPosition(\n  canvasHeight: number,\n  totalHeight: number,\n  globalPosition?: {\n    position?: 'absolute';\n    top?: string;\n    bottom?: string;\n    left?: string;\n    right?: string;\n    display?: string;\n    alignItems?: string;\n    justifyContent?: string;\n  }\n): number {\n  if (!globalPosition) {\n    return canvasHeight / 2 - totalHeight / 2;\n  }\n  if (globalPosition.top) {\n    const topPercent = parseFloat(globalPosition.top) / 100;\n    return canvasHeight * topPercent;\n  }\n  if (globalPosition.bottom) {\n    const bottomPercent = parseFloat(globalPosition.bottom) / 100;\n    return canvasHeight * (1 - bottomPercent) - totalHeight;\n  }\n  if (globalPosition.justifyContent === 'center' || globalPosition.alignItems === 'center') {\n    return canvasHeight / 2 - totalHeight / 2;\n  }\n  return canvasHeight / 2 - totalHeight / 2;\n}\n\nexport function charProgress(\n  relativeFrame: number,\n  fps: number,\n  charIndex: number,\n  staggerMs: number,\n  durationMs: number\n): number {\n  const tMs = (relativeFrame / fps) * 1000;\n  const startMs = charIndex * staggerMs;\n  if (tMs <= startMs) return 0;\n  const raw = (tMs - startMs) / durationMs;\n  return easeOutExpo(Math.min(1, raw));\n}\n\nexport type CaptionStaggerPreset =\n  | 'fade'\n  | 'slideUp'\n  | 'scale'\n  | 'rotateScale'\n  | 'blur'\n  | 'flip3d'\n  | 'typewriter'\n  | 'letterSpread';\n\ninterface CharSlot {\n  ch: string;\n  x: number;\n  y: number;\n  globalIndex: number;\n}\n\nfunction buildCharSlots(\n  ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D,\n  layer: TextLayer,\n  canvasWidth: number,\n  canvasHeight: number\n): { slots: CharSlot[]; fontSize: number; lineHeight: number } | null {\n  const fontConfig = layer.fontConfig?.textStyle;\n  if (!fontConfig) return null;\n\n  const fontSize = fontConfig.fontSize;\n  const fontFamily = fontConfig.fontFamily;\n  const fontWeight = fontConfig.fontWeight;\n  const lineHeight = fontConfig.lineHeight || 1.2;\n  const maxWidth = canvasWidth * 0.64;\n  const text = getLetterCaseText(layer.text, layer.letterCase);\n\n  let lines: string[];\n  if (layer.wordTimings && layer.wordTimings.length > 0) {\n    const needsSpace = needsSpaceBetweenWords(layer.localeCode || 'en-US', text);\n    const words = text.split(needsSpace ? /\\s+/ : '');\n    lines = formEvenLinesWithWords(\n      ctx,\n      words,\n      maxWidth,\n      fontSize,\n      needsSpace,\n      fontFamily,\n      fontWeight\n    );\n  } else {\n    lines = wrapText(ctx, text, maxWidth, fontSize, fontFamily, fontWeight);\n  }\n\n  const totalHeight = lines.length * fontSize * lineHeight;\n  const startY = calculateYPosition(canvasHeight, totalHeight, layer.fontConfig?.globalPosition);\n\n  ctx.save();\n  ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;\n\n  const slots: CharSlot[] = [];\n  let globalIndex = 0;\n\n  for (let lineIndex = 0; lineIndex < lines.length; lineIndex++) {\n    const line = lines[lineIndex]!;\n    const y = startY + lineIndex * fontSize * lineHeight + fontSize / 2;\n    const lineWidth = measureTextWidth(ctx, line, fontSize, fontFamily, fontWeight);\n    let cx = canvasWidth / 2 - lineWidth / 2;\n\n    for (const ch of Array.from(line)) {\n      const cw = measureTextWidth(ctx, ch, fontSize, fontFamily, fontWeight);\n      slots.push({\n        ch,\n        x: cx + cw / 2,\n        y,\n        globalIndex,\n      });\n      globalIndex++;\n      cx += cw;\n    }\n  }\n\n  ctx.restore();\n  return { slots, fontSize, lineHeight };\n}\n\n/**\n * Per-character stagger entrance aligned with medeo-web preview (anime.js easeOutExpo, 800ms, 50ms stagger).\n */\nexport function renderCaptionStaggerEntrance(\n  ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D,\n  layer: TextLayer,\n  canvasWidth: number,\n  canvasHeight: number,\n  relativeFrame: number,\n  fps: number,\n  preset: CaptionStaggerPreset\n): void {\n  const built = buildCharSlots(ctx, layer, canvasWidth, canvasHeight);\n  if (!built) return;\n\n  const { slots, fontSize } = built;\n  const fontConfig = layer.fontConfig!.textStyle!;\n  const fontFamily = fontConfig.fontFamily;\n  const fontWeight = fontConfig.fontWeight;\n  const fill = fontConfig.fill;\n  const stroke = fontConfig.stroke;\n  const strokeWidth = fontConfig.strokeWidth || 0;\n\n  const scalePx = fontSize / FONT_REF_PX;\n  const staggerMs = DEFAULT_STAGGER_MS;\n\n  ctx.save();\n  ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;\n  ctx.textAlign = 'center';\n  ctx.textBaseline = 'middle';\n  ctx.lineJoin = 'round';\n  ctx.lineCap = 'round';\n\n  const tMsGlobal = (relativeFrame / fps) * 1000;\n\n  for (const slot of slots) {\n    let p: number;\n    if (preset === 'typewriter') {\n      const startMs = slot.globalIndex * staggerMs;\n      p = tMsGlobal >= startMs ? 1 : 0;\n    } else {\n      p = charProgress(relativeFrame, fps, slot.globalIndex, staggerMs, DEFAULT_DURATION_MS);\n    }\n    if (p <= 0 && preset !== 'blur') continue;\n\n    const slidePx = SLIDE_BASE_PX * scalePx;\n    const spreadPx = LETTER_SPREAD_BASE_PX * scalePx;\n\n    ctx.save();\n\n    let opacity = p;\n    let tx = 0;\n    let ty = 0;\n    let rot = 0;\n    let sc = 1;\n    let sy = 1;\n    let blurPx = 0;\n\n    switch (preset) {\n      case 'fade':\n        opacity = p;\n        break;\n      case 'slideUp':\n        opacity = p;\n        ty = (1 - p) * slidePx;\n        break;\n      case 'scale':\n        opacity = p;\n        sc = Math.max(0.04, p);\n        break;\n      case 'rotateScale':\n        opacity = p;\n        rot = ((1 - p) * 45 * Math.PI) / 180;\n        sc = 0.5 + p * 0.5;\n        break;\n      case 'blur':\n        opacity = p;\n        blurPx = (1 - p) * BLUR_START_PX;\n        break;\n      case 'flip3d':\n        opacity = p;\n        sy = Math.max(0.04, p);\n        sc = 1;\n        break;\n      case 'typewriter':\n        opacity = p >= 1 ? 1 : p;\n        break;\n      case 'letterSpread':\n        opacity = p;\n        tx = (1 - p) * spreadPx * slot.globalIndex;\n        break;\n      default:\n        break;\n    }\n\n    ctx.globalAlpha = opacity;\n    if (blurPx > 0.01) {\n      ctx.filter = `blur(${blurPx}px)`;\n    }\n\n    ctx.translate(slot.x + tx, slot.y + ty);\n    ctx.rotate(rot);\n    if (preset === 'flip3d') {\n      ctx.scale(1, sy);\n    } else {\n      ctx.scale(sc, sc);\n    }\n\n    if (stroke && strokeWidth > 0) {\n      ctx.strokeStyle = stroke;\n      ctx.lineWidth = strokeWidth;\n      ctx.strokeText(slot.ch, 0, 0);\n    }\n    ctx.fillStyle = fill;\n    ctx.fillText(slot.ch, 0, 0);\n\n    ctx.restore();\n  }\n\n  ctx.restore();\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"caption-stagger-entrance-renderer.js","sources":["../../../../src/stages/compose/text-renderers/caption-stagger-entrance-renderer.ts"],"sourcesContent":["import type { TextLayer } from '../types';\nimport { getCachedEvenLinesWithWords, getCachedWrapText } from '../text-utils/text-layout-cache';\nimport { getLetterCaseText, measureTextWidth } from '../text-utils/text-metrics';\nimport { needsSpaceBetweenWords } from '../text-utils/locale-detector';\n\n/** Matches medeo-web caption preview (`caption-anime-effects` + anime.js defaults). */\nconst DEFAULT_DURATION_MS = 800;\nconst DEFAULT_STAGGER_MS = 50;\nconst SLIDE_BASE_PX = 50;\nconst LETTER_SPREAD_BASE_PX = 20;\nconst BLUR_START_PX = 10;\nconst FONT_REF_PX = 40;\n\nfunction easeOutExpo(t: number): number {\n  if (t <= 0) return 0;\n  if (t >= 1) return 1;\n  return 1 - Math.pow(2, -10 * t);\n}\n\nfunction calculateYPosition(\n  canvasHeight: number,\n  totalHeight: number,\n  globalPosition?: {\n    position?: 'absolute';\n    top?: string;\n    bottom?: string;\n    left?: string;\n    right?: string;\n    display?: string;\n    alignItems?: string;\n    justifyContent?: string;\n  }\n): number {\n  if (!globalPosition) {\n    return canvasHeight / 2 - totalHeight / 2;\n  }\n  if (globalPosition.top) {\n    const topPercent = parseFloat(globalPosition.top) / 100;\n    return canvasHeight * topPercent;\n  }\n  if (globalPosition.bottom) {\n    const bottomPercent = parseFloat(globalPosition.bottom) / 100;\n    return canvasHeight * (1 - bottomPercent) - totalHeight;\n  }\n  if (globalPosition.justifyContent === 'center' || globalPosition.alignItems === 'center') {\n    return canvasHeight / 2 - totalHeight / 2;\n  }\n  return canvasHeight / 2 - totalHeight / 2;\n}\n\nexport function charProgress(\n  relativeFrame: number,\n  fps: number,\n  charIndex: number,\n  staggerMs: number,\n  durationMs: number\n): number {\n  const tMs = (relativeFrame / fps) * 1000;\n  const startMs = charIndex * staggerMs;\n  if (tMs <= startMs) return 0;\n  const raw = (tMs - startMs) / durationMs;\n  return easeOutExpo(Math.min(1, raw));\n}\n\nexport type CaptionStaggerPreset =\n  | 'fade'\n  | 'slideUp'\n  | 'scale'\n  | 'rotateScale'\n  | 'blur'\n  | 'flip3d'\n  | 'typewriter'\n  | 'letterSpread';\n\ninterface CharSlot {\n  ch: string;\n  x: number;\n  y: number;\n  globalIndex: number;\n}\n\ninterface CharSlotsLayout {\n  slots: CharSlot[];\n  fontSize: number;\n  lineHeight: number;\n}\n\nconst charSlotsCache = new Map<string, CharSlotsLayout>();\nconst staggerFinalRasterCache = new Map<string, ImageBitmap>();\n\nfunction layoutCacheKey(layer: TextLayer, canvasWidth: number, canvasHeight: number): string {\n  const ts = layer.fontConfig?.textStyle;\n  return [\n    layer.id,\n    layer.text,\n    layer.letterCase ?? '',\n    canvasWidth,\n    canvasHeight,\n    ts?.fontSize,\n    ts?.fontFamily,\n    ts?.fontWeight,\n    ts?.lineHeight,\n    JSON.stringify(layer.fontConfig?.globalPosition ?? null),\n  ].join('\\x1f');\n}\n\nfunction staggerRasterKey(\n  layer: TextLayer,\n  canvasWidth: number,\n  canvasHeight: number,\n  preset: CaptionStaggerPreset\n): string {\n  return `${layoutCacheKey(layer, canvasWidth, canvasHeight)}\\x1f${preset}`;\n}\n\nexport function staggerEntranceEndMs(slotCount: number, preset: CaptionStaggerPreset): number {\n  if (slotCount <= 0) return 0;\n  const lastIndex = slotCount - 1;\n  if (preset === 'typewriter') {\n    return lastIndex * DEFAULT_STAGGER_MS + DEFAULT_STAGGER_MS;\n  }\n  return lastIndex * DEFAULT_STAGGER_MS + DEFAULT_DURATION_MS;\n}\n\nfunction buildCharSlots(\n  ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D,\n  layer: TextLayer,\n  canvasWidth: number,\n  canvasHeight: number\n): CharSlotsLayout | null {\n  const fontConfig = layer.fontConfig?.textStyle;\n  if (!fontConfig) return null;\n\n  const fontSize = fontConfig.fontSize;\n  const fontFamily = fontConfig.fontFamily;\n  const fontWeight = fontConfig.fontWeight;\n  const lineHeight = fontConfig.lineHeight || 1.2;\n  const maxWidth = canvasWidth * 0.64;\n  const text = getLetterCaseText(layer.text, layer.letterCase);\n\n  let lines: string[];\n  if (layer.wordTimings && layer.wordTimings.length > 0) {\n    const needsSpace = needsSpaceBetweenWords(layer.localeCode || 'en-US', text);\n    const words = needsSpace ? text.split(/\\s+/) : Array.from(text);\n    lines = getCachedEvenLinesWithWords(\n      ctx,\n      words,\n      maxWidth,\n      fontSize,\n      needsSpace,\n      fontFamily,\n      fontWeight\n    );\n  } else {\n    lines = getCachedWrapText(ctx, text, maxWidth, fontSize, fontFamily, fontWeight);\n  }\n\n  const totalHeight = lines.length * fontSize * lineHeight;\n  const startY = calculateYPosition(canvasHeight, totalHeight, layer.fontConfig?.globalPosition);\n\n  ctx.save();\n  ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;\n\n  const slots: CharSlot[] = [];\n  let globalIndex = 0;\n\n  for (let lineIndex = 0; lineIndex < lines.length; lineIndex++) {\n    const line = lines[lineIndex]!;\n    const y = startY + lineIndex * fontSize * lineHeight + fontSize / 2;\n    const lineWidth = measureTextWidth(ctx, line, fontSize, fontFamily, fontWeight);\n    let cx = canvasWidth / 2 - lineWidth / 2;\n\n    for (const ch of Array.from(line)) {\n      const cw = measureTextWidth(ctx, ch, fontSize, fontFamily, fontWeight);\n      slots.push({\n        ch,\n        x: cx + cw / 2,\n        y,\n        globalIndex,\n      });\n      globalIndex++;\n      cx += cw;\n    }\n  }\n\n  ctx.restore();\n  return { slots, fontSize, lineHeight };\n}\n\nfunction getCachedCharSlots(\n  ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D,\n  layer: TextLayer,\n  canvasWidth: number,\n  canvasHeight: number\n): CharSlotsLayout | null {\n  const key = layoutCacheKey(layer, canvasWidth, canvasHeight);\n  const cached = charSlotsCache.get(key);\n  if (cached) {\n    return cached;\n  }\n  const built = buildCharSlots(ctx, layer, canvasWidth, canvasHeight);\n  if (built) {\n    charSlotsCache.set(key, built);\n  }\n  return built;\n}\n\nfunction drawStaggerEntranceFrame(\n  ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D,\n  layer: TextLayer,\n  built: CharSlotsLayout,\n  relativeFrame: number,\n  fps: number,\n  preset: CaptionStaggerPreset\n): void {\n  const { slots, fontSize } = built;\n  const fontConfig = layer.fontConfig!.textStyle!;\n  const fontFamily = fontConfig.fontFamily;\n  const fontWeight = fontConfig.fontWeight;\n  const fill = fontConfig.fill;\n  const stroke = fontConfig.stroke;\n  const strokeWidth = fontConfig.strokeWidth || 0;\n\n  const scalePx = fontSize / FONT_REF_PX;\n  const staggerMs = DEFAULT_STAGGER_MS;\n\n  ctx.save();\n  ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;\n  ctx.textAlign = 'center';\n  ctx.textBaseline = 'middle';\n  ctx.lineJoin = 'round';\n  ctx.lineCap = 'round';\n\n  const tMsGlobal = (relativeFrame / fps) * 1000;\n\n  for (const slot of slots) {\n    let p: number;\n    if (preset === 'typewriter') {\n      const startMs = slot.globalIndex * staggerMs;\n      p = tMsGlobal >= startMs ? 1 : 0;\n    } else {\n      p = charProgress(relativeFrame, fps, slot.globalIndex, staggerMs, DEFAULT_DURATION_MS);\n    }\n    if (p <= 0 && preset !== 'blur') continue;\n\n    const slidePx = SLIDE_BASE_PX * scalePx;\n    const spreadPx = LETTER_SPREAD_BASE_PX * scalePx;\n\n    ctx.save();\n\n    let opacity = p;\n    let tx = 0;\n    let ty = 0;\n    let rot = 0;\n    let sc = 1;\n    let sy = 1;\n    let blurPx = 0;\n\n    switch (preset) {\n      case 'fade':\n        opacity = p;\n        break;\n      case 'slideUp':\n        opacity = p;\n        ty = (1 - p) * slidePx;\n        break;\n      case 'scale':\n        opacity = p;\n        sc = Math.max(0.04, p);\n        break;\n      case 'rotateScale':\n        opacity = p;\n        rot = ((1 - p) * 45 * Math.PI) / 180;\n        sc = 0.5 + p * 0.5;\n        break;\n      case 'blur':\n        opacity = p;\n        blurPx = (1 - p) * BLUR_START_PX;\n        break;\n      case 'flip3d':\n        opacity = p;\n        sy = Math.max(0.04, p);\n        sc = 1;\n        break;\n      case 'typewriter':\n        opacity = p >= 1 ? 1 : p;\n        break;\n      case 'letterSpread':\n        opacity = p;\n        tx = (1 - p) * spreadPx * slot.globalIndex;\n        break;\n      default:\n        break;\n    }\n\n    ctx.globalAlpha = opacity;\n    if (blurPx > 0.01) {\n      ctx.filter = `blur(${blurPx}px)`;\n    }\n\n    ctx.translate(slot.x + tx, slot.y + ty);\n    ctx.rotate(rot);\n    if (preset === 'flip3d') {\n      ctx.scale(1, sy);\n    } else {\n      ctx.scale(sc, sc);\n    }\n\n    if (stroke && strokeWidth > 0) {\n      ctx.strokeStyle = stroke;\n      ctx.lineWidth = strokeWidth;\n      ctx.strokeText(slot.ch, 0, 0);\n    }\n    ctx.fillStyle = fill;\n    ctx.fillText(slot.ch, 0, 0);\n\n    ctx.restore();\n  }\n\n  ctx.restore();\n}\n\nexport function clearCaptionStaggerCache(): void {\n  charSlotsCache.clear();\n  for (const bitmap of staggerFinalRasterCache.values()) {\n    bitmap.close();\n  }\n  staggerFinalRasterCache.clear();\n}\n\n/**\n * Per-character stagger entrance aligned with medeo-web preview (anime.js easeOutExpo, 800ms, 50ms stagger).\n */\nexport function renderCaptionStaggerEntrance(\n  ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D,\n  layer: TextLayer,\n  canvasWidth: number,\n  canvasHeight: number,\n  relativeFrame: number,\n  fps: number,\n  preset: CaptionStaggerPreset\n): void {\n  const built = getCachedCharSlots(ctx, layer, canvasWidth, canvasHeight);\n  if (!built) return;\n\n  const endMs = staggerEntranceEndMs(built.slots.length, preset);\n  const endFrame = Math.ceil((endMs / 1000) * fps);\n\n  if (relativeFrame >= endFrame) {\n    const rasterKey = staggerRasterKey(layer, canvasWidth, canvasHeight, preset);\n    let bitmap = staggerFinalRasterCache.get(rasterKey);\n    if (!bitmap) {\n      const offscreen = new OffscreenCanvas(canvasWidth, canvasHeight);\n      const offCtx = offscreen.getContext('2d');\n      if (!offCtx) {\n        drawStaggerEntranceFrame(ctx, layer, built, endFrame, fps, preset);\n        return;\n      }\n      drawStaggerEntranceFrame(offCtx, layer, built, endFrame, fps, preset);\n      bitmap = offscreen.transferToImageBitmap();\n      staggerFinalRasterCache.set(rasterKey, bitmap);\n    }\n    ctx.drawImage(bitmap, 0, 0);\n    return;\n  }\n\n  drawStaggerEntranceFrame(ctx, layer, built, relativeFrame, fps, preset);\n}\n"],"names":[],"mappings":"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"}

package/dist/stages/compose/text-utils/text-layout-cache.d.ts

@@ -0,0 +1,7 @@
+import { TextLayer } from '../types';
+
+export declare function getCachedWrapText(ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D, text: string, maxWidth: number, fontSize: number, fontFamily: string, fontWeight?: string | number): string[];
+export declare function getCachedEvenLinesWithWords(ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D, words: string[], maxWidth: number, fontSize: number, needsSpace: boolean, fontFamily: string, fontWeight?: string | number): string[];
+export declare function getCachedBasicTextRaster(layer: TextLayer, canvasWidth: number, canvasHeight: number, draw: (ctx: OffscreenCanvasRenderingContext2D) => void): ImageBitmap | null;
+export declare function clearTextLayoutCache(): void;
+//# sourceMappingURL=text-layout-cache.d.ts.map

package/dist/stages/compose/text-utils/text-layout-cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-layout-cache.d.ts","sourceRoot":"","sources":["../../../../src/stages/compose/text-utils/text-layout-cache.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAU1C,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,iCAAiC,GAAG,wBAAwB,EACjE,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,EAClB,UAAU,GAAE,MAAM,GAAG,MAAY,GAChC,MAAM,EAAE,CAQV;AAED,wBAAgB,2BAA2B,CACzC,GAAG,EAAE,iCAAiC,GAAG,wBAAwB,EACjE,KAAK,EAAE,MAAM,EAAE,EACf,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,OAAO,EACnB,UAAU,EAAE,MAAM,EAClB,UAAU,GAAE,MAAM,GAAG,MAAY,GAChC,MAAM,EAAE,CAuBV;AAuBD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,CAAC,GAAG,EAAE,iCAAiC,KAAK,IAAI,GACrD,WAAW,GAAG,IAAI,CAiBpB;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAO3C"}

package/dist/stages/compose/text-utils/text-layout-cache.js

@@ -0,0 +1,89 @@
+import { formEvenLinesWithWords, wrapText } from "./text-wrapper.js";
+const wrapTextCache = /* @__PURE__ */ new Map();
+const evenLinesCache = /* @__PURE__ */ new Map();
+function cacheKey(parts) {
+  return parts.join("");
+}
+function getCachedWrapText(ctx, text, maxWidth, fontSize, fontFamily, fontWeight = 400) {
+  const key = cacheKey([text, maxWidth, fontSize, fontFamily, fontWeight]);
+  let lines = wrapTextCache.get(key);
+  if (!lines) {
+    lines = wrapText(ctx, text, maxWidth, fontSize, fontFamily, fontWeight);
+    wrapTextCache.set(key, lines);
+  }
+  return lines;
+}
+function getCachedEvenLinesWithWords(ctx, words, maxWidth, fontSize, needsSpace, fontFamily, fontWeight = 400) {
+  const key = cacheKey([
+    words.join(""),
+    maxWidth,
+    fontSize,
+    needsSpace,
+    fontFamily,
+    fontWeight
+  ]);
+  let lines = evenLinesCache.get(key);
+  if (!lines) {
+    lines = formEvenLinesWithWords(
+      ctx,
+      words,
+      maxWidth,
+      fontSize,
+      needsSpace,
+      fontFamily,
+      fontWeight
+    );
+    evenLinesCache.set(key, lines);
+  }
+  return lines;
+}
+const basicTextRasterCache = /* @__PURE__ */ new Map();
+function basicTextRasterKey(layer, canvasWidth, canvasHeight) {
+  const ts = layer.fontConfig?.textStyle;
+  return [
+    layer.id,
+    layer.text,
+    layer.letterCase ?? "",
+    canvasWidth,
+    canvasHeight,
+    ts?.fontSize,
+    ts?.fontFamily,
+    ts?.fontWeight,
+    ts?.fill,
+    ts?.stroke,
+    ts?.strokeWidth,
+    ts?.lineHeight,
+    JSON.stringify(layer.fontConfig?.globalPosition ?? null)
+  ].join("");
+}
+function getCachedBasicTextRaster(layer, canvasWidth, canvasHeight, draw) {
+  const key = basicTextRasterKey(layer, canvasWidth, canvasHeight);
+  const cached = basicTextRasterCache.get(key);
+  if (cached) {
+    return cached;
+  }
+  const offscreen = new OffscreenCanvas(canvasWidth, canvasHeight);
+  const offCtx = offscreen.getContext("2d");
+  if (!offCtx) {
+    return null;
+  }
+  draw(offCtx);
+  const bitmap = offscreen.transferToImageBitmap();
+  basicTextRasterCache.set(key, bitmap);
+  return bitmap;
+}
+function clearTextLayoutCache() {
+  wrapTextCache.clear();
+  evenLinesCache.clear();
+  for (const bitmap of basicTextRasterCache.values()) {
+    bitmap.close();
+  }
+  basicTextRasterCache.clear();
+}
+export {
+  clearTextLayoutCache,
+  getCachedBasicTextRaster,
+  getCachedEvenLinesWithWords,
+  getCachedWrapText
+};
+//# sourceMappingURL=text-layout-cache.js.map

package/dist/stages/compose/text-utils/text-layout-cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-layout-cache.js","sources":["../../../../src/stages/compose/text-utils/text-layout-cache.ts"],"sourcesContent":["import type { TextLayer } from '../types';\nimport { formEvenLinesWithWords, wrapText } from './text-wrapper';\n\nconst wrapTextCache = new Map<string, string[]>();\nconst evenLinesCache = new Map<string, string[]>();\n\nfunction cacheKey(parts: (string | number | boolean)[]): string {\n  return parts.join('\\x1f');\n}\n\nexport function getCachedWrapText(\n  ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D,\n  text: string,\n  maxWidth: number,\n  fontSize: number,\n  fontFamily: string,\n  fontWeight: string | number = 400\n): string[] {\n  const key = cacheKey([text, maxWidth, fontSize, fontFamily, fontWeight]);\n  let lines = wrapTextCache.get(key);\n  if (!lines) {\n    lines = wrapText(ctx, text, maxWidth, fontSize, fontFamily, fontWeight);\n    wrapTextCache.set(key, lines);\n  }\n  return lines;\n}\n\nexport function getCachedEvenLinesWithWords(\n  ctx: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D,\n  words: string[],\n  maxWidth: number,\n  fontSize: number,\n  needsSpace: boolean,\n  fontFamily: string,\n  fontWeight: string | number = 400\n): string[] {\n  const key = cacheKey([\n    words.join('\\x1e'),\n    maxWidth,\n    fontSize,\n    needsSpace,\n    fontFamily,\n    fontWeight,\n  ]);\n  let lines = evenLinesCache.get(key);\n  if (!lines) {\n    lines = formEvenLinesWithWords(\n      ctx,\n      words,\n      maxWidth,\n      fontSize,\n      needsSpace,\n      fontFamily,\n      fontWeight\n    );\n    evenLinesCache.set(key, lines);\n  }\n  return lines;\n}\n\nconst basicTextRasterCache = new Map<string, ImageBitmap>();\n\nfunction basicTextRasterKey(layer: TextLayer, canvasWidth: number, canvasHeight: number): string {\n  const ts = layer.fontConfig?.textStyle;\n  return [\n    layer.id,\n    layer.text,\n    layer.letterCase ?? '',\n    canvasWidth,\n    canvasHeight,\n    ts?.fontSize,\n    ts?.fontFamily,\n    ts?.fontWeight,\n    ts?.fill,\n    ts?.stroke,\n    ts?.strokeWidth,\n    ts?.lineHeight,\n    JSON.stringify(layer.fontConfig?.globalPosition ?? null),\n  ].join('\\x1f');\n}\n\nexport function getCachedBasicTextRaster(\n  layer: TextLayer,\n  canvasWidth: number,\n  canvasHeight: number,\n  draw: (ctx: OffscreenCanvasRenderingContext2D) => void\n): ImageBitmap | null {\n  const key = basicTextRasterKey(layer, canvasWidth, canvasHeight);\n  const cached = basicTextRasterCache.get(key);\n  if (cached) {\n    return cached;\n  }\n\n  const offscreen = new OffscreenCanvas(canvasWidth, canvasHeight);\n  const offCtx = offscreen.getContext('2d');\n  if (!offCtx) {\n    return null;\n  }\n\n  draw(offCtx);\n  const bitmap = offscreen.transferToImageBitmap();\n  basicTextRasterCache.set(key, bitmap);\n  return bitmap;\n}\n\nexport function clearTextLayoutCache(): void {\n  wrapTextCache.clear();\n  evenLinesCache.clear();\n  for (const bitmap of basicTextRasterCache.values()) {\n    bitmap.close();\n  }\n  basicTextRasterCache.clear();\n}\n"],"names":[],"mappings":";AAGA,MAAM,oCAAoB,IAAA;AAC1B,MAAM,qCAAqB,IAAA;AAE3B,SAAS,SAAS,OAA8C;AAC9D,SAAO,MAAM,KAAK,GAAM;AAC1B;AAEO,SAAS,kBACd,KACA,MACA,UACA,UACA,YACA,aAA8B,KACpB;AACV,QAAM,MAAM,SAAS,CAAC,MAAM,UAAU,UAAU,YAAY,UAAU,CAAC;AACvE,MAAI,QAAQ,cAAc,IAAI,GAAG;AACjC,MAAI,CAAC,OAAO;AACV,YAAQ,SAAS,KAAK,MAAM,UAAU,UAAU,YAAY,UAAU;AACtE,kBAAc,IAAI,KAAK,KAAK;AAAA,EAC9B;AACA,SAAO;AACT;AAEO,SAAS,4BACd,KACA,OACA,UACA,UACA,YACA,YACA,aAA8B,KACpB;AACV,QAAM,MAAM,SAAS;AAAA,IACnB,MAAM,KAAK,GAAM;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,MAAI,QAAQ,eAAe,IAAI,GAAG;AAClC,MAAI,CAAC,OAAO;AACV,YAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAEF,mBAAe,IAAI,KAAK,KAAK;AAAA,EAC/B;AACA,SAAO;AACT;AAEA,MAAM,2CAA2B,IAAA;AAEjC,SAAS,mBAAmB,OAAkB,aAAqB,cAA8B;AAC/F,QAAM,KAAK,MAAM,YAAY;AAC7B,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM,cAAc;AAAA,IACpB;AAAA,IACA;AAAA,IACA,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,KAAK,UAAU,MAAM,YAAY,kBAAkB,IAAI;AAAA,EAAA,EACvD,KAAK,GAAM;AACf;AAEO,SAAS,yBACd,OACA,aACA,cACA,MACoB;AACpB,QAAM,MAAM,mBAAmB,OAAO,aAAa,YAAY;AAC/D,QAAM,SAAS,qBAAqB,IAAI,GAAG;AAC3C,MAAI,QAAQ;AACV,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,IAAI,gBAAgB,aAAa,YAAY;AAC/D,QAAM,SAAS,UAAU,WAAW,IAAI;AACxC,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,OAAK,MAAM;AACX,QAAM,SAAS,UAAU,sBAAA;AACzB,uBAAqB,IAAI,KAAK,MAAM;AACpC,SAAO;AACT;AAEO,SAAS,uBAA6B;AAC3C,gBAAc,MAAA;AACd,iBAAe,MAAA;AACf,aAAW,UAAU,qBAAqB,UAAU;AAClD,WAAO,MAAA;AAAA,EACT;AACA,uBAAqB,MAAA;AACvB;"}

package/dist/utils/time-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-utils.d.ts","sourceRoot":"","sources":["../../src/utils/time-utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAC5D,KAAK,MAAM,GAAG,MAAM,CAAC;AACrB,eAAO,MAAM,uBAAuB,UAAY,CAAC;AAIjD,eAAO,MAAM,0BAA0B,EAAE,MAAe,CAAC;AAEzD,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAKnD;AAED,wBAAgB,oBAAoB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAIzD;AAED,wBAAgB,uBAAuB,CACrC,eAAe,EAAE,MAAM,EACvB,WAAW,EAAE,MAAM,EACnB,GAAG,CAAC,EAAE,MAAM,EACZ,QAAQ,GAAE,gBAA4B,GACrC,MAAM,CAqBR;AAED,wBAAgB,wBAAwB,CACtC,WAAW,EAAE,MAAM,EACnB,eAAe,EAAE,MAAM,EACvB,GAAG,CAAC,EAAE,MAAM,EACZ,QAAQ,GAAE,gBAA4B,GACrC,MAAM,CAIR;AAED,wBAAgB,sBAAsB,CACpC,YAAY,EAAE,MAAM,EACpB,gBAAgB,EAAE,MAAM,EACxB,eAAe,EAAE,MAAM,EACvB,WAAW,GAAE,MAAmC,GAC/C,OAAO,CAeT;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,SAAS;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,EAAE,EAC5C,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,MAAM,GACpB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CAwBtC;AAED,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM,EACjB,gBAAgB,EAAE,MAAM,GACvB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CAMtC"}
+{"version":3,"file":"time-utils.d.ts","sourceRoot":"","sources":["../../src/utils/time-utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAC5D,KAAK,MAAM,GAAG,MAAM,CAAC;AACrB,eAAO,MAAM,uBAAuB,UAAY,CAAC;AAIjD,eAAO,MAAM,0BAA0B,EAAE,MAAe,CAAC;AAEzD,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAKnD;AAED,wBAAgB,oBAAoB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAIzD;AAED,wBAAgB,uBAAuB,CACrC,eAAe,EAAE,MAAM,EACvB,WAAW,EAAE,MAAM,EACnB,GAAG,CAAC,EAAE,MAAM,EACZ,QAAQ,GAAE,gBAA4B,GACrC,MAAM,CAqBR;AAED,wBAAgB,wBAAwB,CACtC,WAAW,EAAE,MAAM,EACnB,eAAe,EAAE,MAAM,EACvB,GAAG,CAAC,EAAE,MAAM,EACZ,QAAQ,GAAE,gBAA4B,GACrC,MAAM,CAIR;AAED,wBAAgB,sBAAsB,CACpC,YAAY,EAAE,MAAM,EACpB,gBAAgB,EAAE,MAAM,EACxB,eAAe,EAAE,MAAM,EACvB,WAAW,GAAE,MAAmC,GAC/C,OAAO,CAeT;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,SAAS;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,EAAE,EAC5C,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,MAAM,GACpB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CA2BtC;AAED,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM,EACjB,gBAAgB,EAAE,MAAM,GACvB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CAMtC"}

package/dist/utils/time-utils.js

@@ -9,14 +9,18 @@ function computeGOPAlignedWindows(gopIndex, trimStartUs, trimEndUs, maxDurationU
   gopBoundaries.push(trimEndUs);
   let windowStart = trimStartUs;
   for (const boundary of gopBoundaries) {
-    if (boundary - windowStart >= maxDurationUs) {
-      windows.push({ startUs: windowStart, endUs: boundary });
-      windowStart = boundary;
+    while (windowStart < boundary) {
+      const spanToBoundary = boundary - windowStart;
+      if (spanToBoundary <= maxDurationUs) {
+        windows.push({ startUs: windowStart, endUs: boundary });
+        windowStart = boundary;
+        break;
+      }
+      const endUs = windowStart + maxDurationUs;
+      windows.push({ startUs: windowStart, endUs });
+      windowStart = endUs;
     }
   }
-  if (windowStart < trimEndUs) {
-    windows.push({ startUs: windowStart, endUs: trimEndUs });
-  }
   return windows;
 }
 function computeFixedWindows(trimStartUs, trimEndUs, windowDurationUs) {

package/dist/utils/time-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-utils.js","sources":["../../src/utils/time-utils.ts"],"sourcesContent":["export type QuantizeStrategy = 'nearest' | 'floor' | 'ceil';\ntype TimeUs = number;\nexport const MICROSECONDS_PER_SECOND = 1_000_000;\n\nconst DEFAULT_FPS = 30;\n\nexport const DEFAULT_FRAME_TOLERANCE_US: TimeUs = 33_333;\n\nexport function normalizeFps(value?: number): number {\n  if (!Number.isFinite(value) || (value as number) <= 0) {\n    return DEFAULT_FPS;\n  }\n  return value as number;\n}\n\nexport function frameDurationFromFps(fps?: number): TimeUs {\n  const normalized = normalizeFps(fps);\n  const duration = MICROSECONDS_PER_SECOND / normalized;\n  return Math.max(Math.round(duration), 1);\n}\n\nexport function frameIndexFromTimestamp(\n  baseTimestampUs: TimeUs,\n  timestampUs: TimeUs,\n  fps?: number,\n  strategy: QuantizeStrategy = 'nearest'\n): number {\n  const frameDurationUs = frameDurationFromFps(fps);\n  if (frameDurationUs <= 0) {\n    return 0;\n  }\n\n  const delta = timestampUs - baseTimestampUs;\n  const rawIndex = delta / frameDurationUs;\n\n  if (!Number.isFinite(rawIndex)) {\n    return 0;\n  }\n\n  switch (strategy) {\n    case 'floor':\n      return Math.floor(rawIndex);\n    case 'ceil':\n      return Math.ceil(rawIndex);\n    default:\n      return Math.round(rawIndex);\n  }\n}\n\nexport function quantizeTimestampToFrame(\n  timestampUs: TimeUs,\n  baseTimestampUs: TimeUs,\n  fps?: number,\n  strategy: QuantizeStrategy = 'nearest'\n): TimeUs {\n  const frameDurationUs = frameDurationFromFps(fps);\n  const index = frameIndexFromTimestamp(baseTimestampUs, timestampUs, fps, strategy);\n  return baseTimestampUs + index * frameDurationUs;\n}\n\nexport function isTimestampWithinFrame(\n  targetTimeUs: TimeUs,\n  frameTimestampUs: TimeUs,\n  frameDurationUs: TimeUs,\n  toleranceUs: TimeUs = DEFAULT_FRAME_TOLERANCE_US\n): boolean {\n  if (!Number.isFinite(frameTimestampUs)) {\n    return false;\n  }\n\n  const delta = Math.abs(targetTimeUs - frameTimestampUs);\n  if (delta <= toleranceUs) {\n    return true;\n  }\n\n  if (frameDurationUs > 0 && frameTimestampUs <= targetTimeUs) {\n    return targetTimeUs < frameTimestampUs + frameDurationUs;\n  }\n\n  return false;\n}\n\n/**\n * Group consecutive GOPs into windows that respect maxDurationUs.\n * First window starts at trimStartUs (may not align with GOP);\n * subsequent windows start at GOP boundaries (zero leading-GOP overhead).\n */\nexport function computeGOPAlignedWindows(\n  gopIndex: readonly { startTimeUs: number }[],\n  trimStartUs: TimeUs,\n  trimEndUs: TimeUs,\n  maxDurationUs: TimeUs\n): { startUs: TimeUs; endUs: TimeUs }[] {\n  const windows: { startUs: TimeUs; endUs: TimeUs }[] = [];\n\n  const gopBoundaries: TimeUs[] = [];\n  for (const gop of gopIndex) {\n    if (gop.startTimeUs > trimStartUs && gop.startTimeUs < trimEndUs) {\n      gopBoundaries.push(gop.startTimeUs);\n    }\n  }\n  gopBoundaries.push(trimEndUs);\n\n  let windowStart = trimStartUs;\n  for (const boundary of gopBoundaries) {\n    if (boundary - windowStart >= maxDurationUs) {\n      windows.push({ startUs: windowStart, endUs: boundary });\n      windowStart = boundary;\n    }\n  }\n\n  if (windowStart < trimEndUs) {\n    windows.push({ startUs: windowStart, endUs: trimEndUs });\n  }\n\n  return windows;\n}\n\nexport function computeFixedWindows(\n  trimStartUs: TimeUs,\n  trimEndUs: TimeUs,\n  windowDurationUs: TimeUs\n): { startUs: TimeUs; endUs: TimeUs }[] {\n  const windows: { startUs: TimeUs; endUs: TimeUs }[] = [];\n  for (let ws = trimStartUs; ws < trimEndUs; ws += windowDurationUs) {\n    windows.push({ startUs: ws, endUs: Math.min(ws + windowDurationUs, trimEndUs) });\n  }\n  return windows;\n}\n"],"names":[],"mappings":"AAuFO,SAAS,yBACd,UACA,aACA,WACA,eACsC;AACtC,QAAM,UAAgD,CAAA;AAEtD,QAAM,gBAA0B,CAAA;AAChC,aAAW,OAAO,UAAU;AAC1B,QAAI,IAAI,cAAc,eAAe,IAAI,cAAc,WAAW;AAChE,oBAAc,KAAK,IAAI,WAAW;AAAA,IACpC;AAAA,EACF;AACA,gBAAc,KAAK,SAAS;AAE5B,MAAI,cAAc;AAClB,aAAW,YAAY,eAAe;AACpC,QAAI,WAAW,eAAe,eAAe;AAC3C,cAAQ,KAAK,EAAE,SAAS,aAAa,OAAO,UAAU;AACtD,oBAAc;AAAA,IAChB;AAAA,EACF;AAEA,MAAI,cAAc,WAAW;AAC3B,YAAQ,KAAK,EAAE,SAAS,aAAa,OAAO,WAAW;AAAA,EACzD;AAEA,SAAO;AACT;AAEO,SAAS,oBACd,aACA,WACA,kBACsC;AACtC,QAAM,UAAgD,CAAA;AACtD,WAAS,KAAK,aAAa,KAAK,WAAW,MAAM,kBAAkB;AACjE,YAAQ,KAAK,EAAE,SAAS,IAAI,OAAO,KAAK,IAAI,KAAK,kBAAkB,SAAS,EAAA,CAAG;AAAA,EACjF;AACA,SAAO;AACT;"}
+{"version":3,"file":"time-utils.js","sources":["../../src/utils/time-utils.ts"],"sourcesContent":["export type QuantizeStrategy = 'nearest' | 'floor' | 'ceil';\ntype TimeUs = number;\nexport const MICROSECONDS_PER_SECOND = 1_000_000;\n\nconst DEFAULT_FPS = 30;\n\nexport const DEFAULT_FRAME_TOLERANCE_US: TimeUs = 33_333;\n\nexport function normalizeFps(value?: number): number {\n  if (!Number.isFinite(value) || (value as number) <= 0) {\n    return DEFAULT_FPS;\n  }\n  return value as number;\n}\n\nexport function frameDurationFromFps(fps?: number): TimeUs {\n  const normalized = normalizeFps(fps);\n  const duration = MICROSECONDS_PER_SECOND / normalized;\n  return Math.max(Math.round(duration), 1);\n}\n\nexport function frameIndexFromTimestamp(\n  baseTimestampUs: TimeUs,\n  timestampUs: TimeUs,\n  fps?: number,\n  strategy: QuantizeStrategy = 'nearest'\n): number {\n  const frameDurationUs = frameDurationFromFps(fps);\n  if (frameDurationUs <= 0) {\n    return 0;\n  }\n\n  const delta = timestampUs - baseTimestampUs;\n  const rawIndex = delta / frameDurationUs;\n\n  if (!Number.isFinite(rawIndex)) {\n    return 0;\n  }\n\n  switch (strategy) {\n    case 'floor':\n      return Math.floor(rawIndex);\n    case 'ceil':\n      return Math.ceil(rawIndex);\n    default:\n      return Math.round(rawIndex);\n  }\n}\n\nexport function quantizeTimestampToFrame(\n  timestampUs: TimeUs,\n  baseTimestampUs: TimeUs,\n  fps?: number,\n  strategy: QuantizeStrategy = 'nearest'\n): TimeUs {\n  const frameDurationUs = frameDurationFromFps(fps);\n  const index = frameIndexFromTimestamp(baseTimestampUs, timestampUs, fps, strategy);\n  return baseTimestampUs + index * frameDurationUs;\n}\n\nexport function isTimestampWithinFrame(\n  targetTimeUs: TimeUs,\n  frameTimestampUs: TimeUs,\n  frameDurationUs: TimeUs,\n  toleranceUs: TimeUs = DEFAULT_FRAME_TOLERANCE_US\n): boolean {\n  if (!Number.isFinite(frameTimestampUs)) {\n    return false;\n  }\n\n  const delta = Math.abs(targetTimeUs - frameTimestampUs);\n  if (delta <= toleranceUs) {\n    return true;\n  }\n\n  if (frameDurationUs > 0 && frameTimestampUs <= targetTimeUs) {\n    return targetTimeUs < frameTimestampUs + frameDurationUs;\n  }\n\n  return false;\n}\n\n/**\n * Group consecutive GOPs into windows that respect maxDurationUs.\n * First window starts at trimStartUs (may not align with GOP);\n * subsequent windows start at GOP boundaries (zero leading-GOP overhead).\n */\nexport function computeGOPAlignedWindows(\n  gopIndex: readonly { startTimeUs: number }[],\n  trimStartUs: TimeUs,\n  trimEndUs: TimeUs,\n  maxDurationUs: TimeUs\n): { startUs: TimeUs; endUs: TimeUs }[] {\n  const windows: { startUs: TimeUs; endUs: TimeUs }[] = [];\n\n  const gopBoundaries: TimeUs[] = [];\n  for (const gop of gopIndex) {\n    if (gop.startTimeUs > trimStartUs && gop.startTimeUs < trimEndUs) {\n      gopBoundaries.push(gop.startTimeUs);\n    }\n  }\n  gopBoundaries.push(trimEndUs);\n\n  let windowStart = trimStartUs;\n  for (const boundary of gopBoundaries) {\n    while (windowStart < boundary) {\n      const spanToBoundary = boundary - windowStart;\n      if (spanToBoundary <= maxDurationUs) {\n        windows.push({ startUs: windowStart, endUs: boundary });\n        windowStart = boundary;\n        break;\n      }\n      const endUs = windowStart + maxDurationUs;\n      windows.push({ startUs: windowStart, endUs: endUs });\n      windowStart = endUs;\n    }\n  }\n\n  return windows;\n}\n\nexport function computeFixedWindows(\n  trimStartUs: TimeUs,\n  trimEndUs: TimeUs,\n  windowDurationUs: TimeUs\n): { startUs: TimeUs; endUs: TimeUs }[] {\n  const windows: { startUs: TimeUs; endUs: TimeUs }[] = [];\n  for (let ws = trimStartUs; ws < trimEndUs; ws += windowDurationUs) {\n    windows.push({ startUs: ws, endUs: Math.min(ws + windowDurationUs, trimEndUs) });\n  }\n  return windows;\n}\n"],"names":[],"mappings":"AAuFO,SAAS,yBACd,UACA,aACA,WACA,eACsC;AACtC,QAAM,UAAgD,CAAA;AAEtD,QAAM,gBAA0B,CAAA;AAChC,aAAW,OAAO,UAAU;AAC1B,QAAI,IAAI,cAAc,eAAe,IAAI,cAAc,WAAW;AAChE,oBAAc,KAAK,IAAI,WAAW;AAAA,IACpC;AAAA,EACF;AACA,gBAAc,KAAK,SAAS;AAE5B,MAAI,cAAc;AAClB,aAAW,YAAY,eAAe;AACpC,WAAO,cAAc,UAAU;AAC7B,YAAM,iBAAiB,WAAW;AAClC,UAAI,kBAAkB,eAAe;AACnC,gBAAQ,KAAK,EAAE,SAAS,aAAa,OAAO,UAAU;AACtD,sBAAc;AACd;AAAA,MACF;AACA,YAAM,QAAQ,cAAc;AAC5B,cAAQ,KAAK,EAAE,SAAS,aAAa,OAAc;AACnD,oBAAc;AAAA,IAChB;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,oBACd,aACA,WACA,kBACsC;AACtC,QAAM,UAAgD,CAAA;AACtD,WAAS,KAAK,aAAa,KAAK,WAAW,MAAM,kBAAkB;AACjE,YAAQ,KAAK,EAAE,SAAS,IAAI,OAAO,KAAK,IAAI,KAAK,kBAAkB,SAAS,EAAA,CAAG;AAAA,EACjF;AACA,SAAO;AACT;"}

package/dist/workers/stages/export/{export.worker.Dztm6GuN.js → export.worker.CPqXBEVe.js}

@@ -759,6 +759,87 @@ function formEvenLinesWithWords(ctx, words, maxWidth, fontSize, needsSpace, font
   }
   return formLinesWithWords(ctx, words, bestWidth, fontSize, needsSpace, fontFamily, fontWeight);
 }
+const wrapTextCache = /* @__PURE__ */ new Map();
+const evenLinesCache = /* @__PURE__ */ new Map();
+function cacheKey(parts) {
+  return parts.join("");
+}
+function getCachedWrapText(ctx, text, maxWidth, fontSize, fontFamily, fontWeight = 400) {
+  const key = cacheKey([text, maxWidth, fontSize, fontFamily, fontWeight]);
+  let lines = wrapTextCache.get(key);
+  if (!lines) {
+    lines = wrapText(ctx, text, maxWidth, fontSize, fontFamily, fontWeight);
+    wrapTextCache.set(key, lines);
+  }
+  return lines;
+}
+function getCachedEvenLinesWithWords(ctx, words, maxWidth, fontSize, needsSpace, fontFamily, fontWeight = 400) {
+  const key = cacheKey([
+    words.join(""),
+    maxWidth,
+    fontSize,
+    needsSpace,
+    fontFamily,
+    fontWeight
+  ]);
+  let lines = evenLinesCache.get(key);
+  if (!lines) {
+    lines = formEvenLinesWithWords(
+      ctx,
+      words,
+      maxWidth,
+      fontSize,
+      needsSpace,
+      fontFamily,
+      fontWeight
+    );
+    evenLinesCache.set(key, lines);
+  }
+  return lines;
+}
+const basicTextRasterCache = /* @__PURE__ */ new Map();
+function basicTextRasterKey(layer, canvasWidth, canvasHeight) {
+  const ts = layer.fontConfig?.textStyle;
+  return [
+    layer.id,
+    layer.text,
+    layer.letterCase ?? "",
+    canvasWidth,
+    canvasHeight,
+    ts?.fontSize,
+    ts?.fontFamily,
+    ts?.fontWeight,
+    ts?.fill,
+    ts?.stroke,
+    ts?.strokeWidth,
+    ts?.lineHeight,
+    JSON.stringify(layer.fontConfig?.globalPosition ?? null)
+  ].join("");
+}
+function getCachedBasicTextRaster(layer, canvasWidth, canvasHeight, draw) {
+  const key = basicTextRasterKey(layer, canvasWidth, canvasHeight);
+  const cached = basicTextRasterCache.get(key);
+  if (cached) {
+    return cached;
+  }
+  const offscreen = new OffscreenCanvas(canvasWidth, canvasHeight);
+  const offCtx = offscreen.getContext("2d");
+  if (!offCtx) {
+    return null;
+  }
+  draw(offCtx);
+  const bitmap = offscreen.transferToImageBitmap();
+  basicTextRasterCache.set(key, bitmap);
+  return bitmap;
+}
+function clearTextLayoutCache() {
+  wrapTextCache.clear();
+  evenLinesCache.clear();
+  for (const bitmap of basicTextRasterCache.values()) {
+    bitmap.close();
+  }
+  basicTextRasterCache.clear();
+}
 function springEasing(frame, config) {
   const { damping, mass, stiffness, overshootClamping = false } = config;
   if (frame <= 0) return 0;
@@ -858,7 +939,7 @@ function calculateYPosition$4(canvasHeight, totalHeight, globalPosition) {
   }
   return canvasHeight / 2 - totalHeight / 2;
 }
-function renderBasicText(ctx, layer, canvasWidth, canvasHeight, _relativeFrame) {
+function drawBasicTextLines(ctx, layer, canvasWidth, canvasHeight, lines) {
   const fontConfig = layer.fontConfig?.textStyle;
   if (!fontConfig) return;
   const fontSize = fontConfig.fontSize;
@@ -868,24 +949,6 @@ function renderBasicText(ctx, layer, canvasWidth, canvasHeight, _relativeFrame)
   const stroke = fontConfig.stroke;
   const strokeWidth = fontConfig.strokeWidth || 0;
   const lineHeight = fontConfig.lineHeight || 1.2;
-  const maxWidth = canvasWidth * 0.64;
-  const text = getLetterCaseText(layer.text, layer.letterCase);
-  let lines;
-  if (layer.wordTimings && layer.wordTimings.length > 0) {
-    const needsSpace = needsSpaceBetweenWords(layer.localeCode || "en-US", text);
-    const words = text.split(needsSpace ? /\s+/ : "");
-    lines = formEvenLinesWithWords(
-      ctx,
-      words,
-      maxWidth,
-      fontSize,
-      needsSpace,
-      fontFamily,
-      fontWeight
-    );
-  } else {
-    lines = wrapText(ctx, text, maxWidth, fontSize, fontFamily, fontWeight);
-  }
   ctx.save();
   ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;
   ctx.textAlign = "center";
@@ -907,6 +970,49 @@ function renderBasicText(ctx, layer, canvasWidth, canvasHeight, _relativeFrame)
   }
   ctx.restore();
 }
+function resolveBasicTextLines(ctx, layer, canvasWidth) {
+  const fontConfig = layer.fontConfig?.textStyle;
+  if (!fontConfig) return [];
+  const maxWidth = canvasWidth * 0.64;
+  const text = getLetterCaseText(layer.text, layer.letterCase);
+  if (layer.wordTimings && layer.wordTimings.length > 0) {
+    const needsSpace = needsSpaceBetweenWords(layer.localeCode || "en-US", text);
+    const words = needsSpace ? text.split(/\s+/) : Array.from(text);
+    return getCachedEvenLinesWithWords(
+      ctx,
+      words,
+      maxWidth,
+      fontConfig.fontSize,
+      needsSpace,
+      fontConfig.fontFamily,
+      fontConfig.fontWeight
+    );
+  }
+  return getCachedWrapText(
+    ctx,
+    text,
+    maxWidth,
+    fontConfig.fontSize,
+    fontConfig.fontFamily,
+    fontConfig.fontWeight
+  );
+}
+function renderBasicText(ctx, layer, canvasWidth, canvasHeight, _relativeFrame) {
+  const fontConfig = layer.fontConfig?.textStyle;
+  if (!fontConfig) return;
+  const raster = getCachedBasicTextRaster(layer, canvasWidth, canvasHeight, (offCtx) => {
+    const lines2 = resolveBasicTextLines(offCtx, layer, canvasWidth);
+    if (lines2.length === 0) return;
+    drawBasicTextLines(offCtx, layer, canvasWidth, canvasHeight, lines2);
+  });
+  if (raster) {
+    ctx.drawImage(raster, 0, 0);
+    return;
+  }
+  const lines = resolveBasicTextLines(ctx, layer, canvasWidth);
+  if (lines.length === 0) return;
+  drawBasicTextLines(ctx, layer, canvasWidth, canvasHeight, lines);
+}
 const DEFAULT_DURATION_MS = 800;
 const DEFAULT_STAGGER_MS = 50;
 const SLIDE_BASE_PX = 50;
@@ -942,6 +1048,34 @@ function charProgress(relativeFrame, fps, charIndex, staggerMs, durationMs) {
   const raw = (tMs - startMs) / durationMs;
   return easeOutExpo(Math.min(1, raw));
 }
+const charSlotsCache = /* @__PURE__ */ new Map();
+const staggerFinalRasterCache = /* @__PURE__ */ new Map();
+function layoutCacheKey(layer, canvasWidth, canvasHeight) {
+  const ts = layer.fontConfig?.textStyle;
+  return [
+    layer.id,
+    layer.text,
+    layer.letterCase ?? "",
+    canvasWidth,
+    canvasHeight,
+    ts?.fontSize,
+    ts?.fontFamily,
+    ts?.fontWeight,
+    ts?.lineHeight,
+    JSON.stringify(layer.fontConfig?.globalPosition ?? null)
+  ].join("");
+}
+function staggerRasterKey(layer, canvasWidth, canvasHeight, preset) {
+  return `${layoutCacheKey(layer, canvasWidth, canvasHeight)}${preset}`;
+}
+function staggerEntranceEndMs(slotCount, preset) {
+  if (slotCount <= 0) return 0;
+  const lastIndex = slotCount - 1;
+  if (preset === "typewriter") {
+    return lastIndex * DEFAULT_STAGGER_MS + DEFAULT_STAGGER_MS;
+  }
+  return lastIndex * DEFAULT_STAGGER_MS + DEFAULT_DURATION_MS;
+}
 function buildCharSlots(ctx, layer, canvasWidth, canvasHeight) {
   const fontConfig = layer.fontConfig?.textStyle;
   if (!fontConfig) return null;
@@ -954,8 +1088,8 @@ function buildCharSlots(ctx, layer, canvasWidth, canvasHeight) {
   let lines;
   if (layer.wordTimings && layer.wordTimings.length > 0) {
     const needsSpace = needsSpaceBetweenWords(layer.localeCode || "en-US", text);
-    const words = text.split(needsSpace ? /\s+/ : "");
-    lines = formEvenLinesWithWords(
+    const words = needsSpace ? text.split(/\s+/) : Array.from(text);
+    lines = getCachedEvenLinesWithWords(
       ctx,
       words,
       maxWidth,
@@ -965,7 +1099,7 @@ function buildCharSlots(ctx, layer, canvasWidth, canvasHeight) {
       fontWeight
     );
   } else {
-    lines = wrapText(ctx, text, maxWidth, fontSize, fontFamily, fontWeight);
+    lines = getCachedWrapText(ctx, text, maxWidth, fontSize, fontFamily, fontWeight);
   }
   const totalHeight = lines.length * fontSize * lineHeight;
   const startY = calculateYPosition$3(canvasHeight, totalHeight, layer.fontConfig?.globalPosition);
@@ -993,9 +1127,19 @@ function buildCharSlots(ctx, layer, canvasWidth, canvasHeight) {
   ctx.restore();
   return { slots, fontSize, lineHeight };
 }
-function renderCaptionStaggerEntrance(ctx, layer, canvasWidth, canvasHeight, relativeFrame, fps, preset) {
+function getCachedCharSlots(ctx, layer, canvasWidth, canvasHeight) {
+  const key = layoutCacheKey(layer, canvasWidth, canvasHeight);
+  const cached = charSlotsCache.get(key);
+  if (cached) {
+    return cached;
+  }
   const built = buildCharSlots(ctx, layer, canvasWidth, canvasHeight);
-  if (!built) return;
+  if (built) {
+    charSlotsCache.set(key, built);
+  }
+  return built;
+}
+function drawStaggerEntranceFrame(ctx, layer, built, relativeFrame, fps, preset) {
   const { slots, fontSize } = built;
   const fontConfig = layer.fontConfig.textStyle;
   const fontFamily = fontConfig.fontFamily;
@@ -1087,6 +1231,37 @@ function renderCaptionStaggerEntrance(ctx, layer, canvasWidth, canvasHeight, rel
   }
   ctx.restore();
 }
+function clearCaptionStaggerCache() {
+  charSlotsCache.clear();
+  for (const bitmap of staggerFinalRasterCache.values()) {
+    bitmap.close();
+  }
+  staggerFinalRasterCache.clear();
+}
+function renderCaptionStaggerEntrance(ctx, layer, canvasWidth, canvasHeight, relativeFrame, fps, preset) {
+  const built = getCachedCharSlots(ctx, layer, canvasWidth, canvasHeight);
+  if (!built) return;
+  const endMs = staggerEntranceEndMs(built.slots.length, preset);
+  const endFrame = Math.ceil(endMs / 1e3 * fps);
+  if (relativeFrame >= endFrame) {
+    const rasterKey = staggerRasterKey(layer, canvasWidth, canvasHeight, preset);
+    let bitmap = staggerFinalRasterCache.get(rasterKey);
+    if (!bitmap) {
+      const offscreen = new OffscreenCanvas(canvasWidth, canvasHeight);
+      const offCtx = offscreen.getContext("2d");
+      if (!offCtx) {
+        drawStaggerEntranceFrame(ctx, layer, built, endFrame, fps, preset);
+        return;
+      }
+      drawStaggerEntranceFrame(offCtx, layer, built, endFrame, fps, preset);
+      bitmap = offscreen.transferToImageBitmap();
+      staggerFinalRasterCache.set(rasterKey, bitmap);
+    }
+    ctx.drawImage(bitmap, 0, 0);
+    return;
+  }
+  drawStaggerEntranceFrame(ctx, layer, built, relativeFrame, fps, preset);
+}
 function usToFrame$2(us, fps) {
   return Math.floor(us / (1e6 / fps));
 }
@@ -1979,11 +2154,11 @@ class FilterProcessor {
       ctx.filter = "none";
       return;
     }
-    const cacheKey = this.generateCacheKey(filters);
-    let filterString = this.filterCache.get(cacheKey);
+    const cacheKey2 = this.generateCacheKey(filters);
+    let filterString = this.filterCache.get(cacheKey2);
     if (!filterString) {
       filterString = this.buildFilterString(filters);
-      this.filterCache.set(cacheKey, filterString);
+      this.filterCache.set(cacheKey2, filterString);
     }
     ctx.filter = filterString;
   }
@@ -2287,6 +2462,8 @@ class VideoComposer {
         },
         flush: async () => {
           this.filterProcessor.clearCache();
+          clearTextLayoutCache();
+          clearCaptionStaggerCache();
         }
       },
       {
@@ -3443,4 +3620,4 @@ const export_worker = null;
 export {
   export_worker as default
 };
-//# sourceMappingURL=export.worker.Dztm6GuN.js.map
+//# sourceMappingURL=export.worker.CPqXBEVe.js.map