@shopify/react-native-skia 2.11.0 → 2.11.2-next.1

package/lib/module/sksg/Recorder/commands/ImageFilters.js.map

@@ -1 +1 @@
-{"version":3,"names":["enumKey","processColor","processRadius","NodeType","BlendMode","BlurStyle","ColorChannel","processUniforms","TileMode","composeDeclarations","CommandType","MorphologyOperator","Black","Float32Array","of","MakeInnerShadow","Skia","shadowOnly","dx","dy","sigmaX","sigmaY","color","input","sourceGraphic","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","Dst","sourceAlpha","SrcIn","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","Decal","f4","MakeCompose","SrcOver","declareBlurImageFilter","ctx","props","mode","blur","sigma","imgf","x","y","imageFilters","push","declareMorphologyImageFilter","operator","r","radius","Erode","MakeErode","MakeDilate","declareOffsetImageFilter","declareDropShadowImageFilter","cl","inner","factory","bind","MakeDropShadowOnly","MakeDropShadow","declareBlendImageFilter","blend","splice","length","composer","declareDisplacementMapImageFilter","channelX","channelY","scale","shader","shaders","pop","Error","map","MakeShader","MakeDisplacementMap","declareRuntimeShaderImageFilter","source","uniforms","rtb","RuntimeShaderBuilder","MakeRuntimeShader","declareImageFilter","filter","composeImageFilters","outer","setBlurMaskFilter","style","respectCTM","mf","MaskFilter","paint","setMaskFilter","isPushImageFilter","command","type","PushImageFilter","isImageFilter","imageFilterType","pushImageFilter","BlurImageFilter","MorphologyImageFilter","BlendImageFilter","DisplacementMapImageFilter","DropShadowImageFilter","OffsetImageFilter","RuntimeShaderImageFilter"],"sources":["ImageFilters.ts"],"sourcesContent":["import { enumKey, processColor, processRadius } from \"../../../dom/nodes\";\nimport type {\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  BlurMaskFilterProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  ImageFilterProps,\n  MorphologyImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n} from \"../../../dom/types\";\nimport { NodeType } from \"../../../dom/types\";\nimport type { SkColor, SkImageFilter, Skia } from \"../../../skia/types\";\nimport {\n  BlendMode,\n  BlurStyle,\n  ColorChannel,\n  processUniforms,\n  TileMode,\n} from \"../../../skia/types\";\nimport { composeDeclarations } from \"../../utils\";\nimport type { Command } from \"../Core\";\nimport { CommandType } from \"../Core\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\nexport enum MorphologyOperator {\n  Erode,\n  Dilate,\n}\n\nconst Black = Float32Array.of(0, 0, 0, 1);\n\nconst MakeInnerShadow = (\n  Skia: Skia,\n  shadowOnly: boolean | undefined,\n  dx: number,\n  dy: number,\n  sigmaX: number,\n  sigmaY: number,\n  color: SkColor,\n  input: SkImageFilter | null\n) => {\n  \"worklet\";\n  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst),\n    null\n  );\n  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn),\n    null\n  );\n  const f1 = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut),\n    null\n  );\n  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);\n  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);\n  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);\n  if (shadowOnly) {\n    return f4;\n  }\n  return Skia.ImageFilter.MakeCompose(\n    input,\n    Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4)\n  );\n};\n\nconst declareBlurImageFilter = (\n  ctx: DrawingContext,\n  props: BlurImageFilterProps\n) => {\n  \"worklet\";\n  const { mode, blur } = props;\n  const sigma = processRadius(ctx.Skia, blur);\n  const imgf = ctx.Skia.ImageFilter.MakeBlur(\n    sigma.x,\n    sigma.y,\n    TileMode[enumKey(mode)],\n    null\n  );\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareMorphologyImageFilter = (\n  ctx: DrawingContext,\n  props: MorphologyImageFilterProps\n) => {\n  \"worklet\";\n  const { operator } = props;\n  const r = processRadius(ctx.Skia, props.radius);\n  let imgf;\n  if (MorphologyOperator[enumKey(operator)] === MorphologyOperator.Erode) {\n    imgf = ctx.Skia.ImageFilter.MakeErode(r.x, r.y, null);\n  } else {\n    imgf = ctx.Skia.ImageFilter.MakeDilate(r.x, r.y, null);\n  }\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareOffsetImageFilter = (\n  ctx: DrawingContext,\n  props: OffsetImageFilterProps\n) => {\n  \"worklet\";\n  const { x, y } = props;\n  const imgf = ctx.Skia.ImageFilter.MakeOffset(x, y, null);\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareDropShadowImageFilter = (\n  ctx: DrawingContext,\n  props: DropShadowImageFilterProps\n) => {\n  \"worklet\";\n  const { dx, dy, blur, shadowOnly, color: cl, inner } = props;\n  const color = processColor(ctx.Skia, cl);\n  let factory;\n  if (inner) {\n    factory = MakeInnerShadow.bind(null, ctx.Skia, shadowOnly);\n  } else {\n    factory = shadowOnly\n      ? ctx.Skia.ImageFilter.MakeDropShadowOnly.bind(ctx.Skia.ImageFilter)\n      : ctx.Skia.ImageFilter.MakeDropShadow.bind(ctx.Skia.ImageFilter);\n  }\n  const imgf = factory(dx, dy, blur, blur, color, null);\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareBlendImageFilter = (\n  ctx: DrawingContext,\n  props: BlendImageFilterProps\n) => {\n  \"worklet\";\n  const blend = BlendMode[enumKey(props.mode)];\n  // Blend ImageFilters\n  const imageFilters = ctx.imageFilters.splice(0, ctx.imageFilters.length);\n  const composer = ctx.Skia.ImageFilter.MakeBlend.bind(\n    ctx.Skia.ImageFilter,\n    blend\n  );\n  ctx.imageFilters.push(composeDeclarations(imageFilters, composer));\n};\n\nconst declareDisplacementMapImageFilter = (\n  ctx: DrawingContext,\n  props: DisplacementMapImageFilterProps\n) => {\n  \"worklet\";\n  const { channelX, channelY, scale } = props;\n  const shader = ctx.shaders.pop();\n  if (!shader) {\n    throw new Error(\"DisplacementMap expects a shader as child\");\n  }\n  const map = ctx.Skia.ImageFilter.MakeShader(shader);\n  const imgf = ctx.Skia.ImageFilter.MakeDisplacementMap(\n    ColorChannel[enumKey(channelX)],\n    ColorChannel[enumKey(channelY)],\n    scale,\n    map,\n    null\n  );\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareRuntimeShaderImageFilter = (\n  ctx: DrawingContext,\n  props: RuntimeShaderImageFilterProps\n) => {\n  \"worklet\";\n  const { source, uniforms } = props;\n  const rtb = ctx.Skia.RuntimeShaderBuilder(source);\n  if (uniforms) {\n    processUniforms(source, uniforms, rtb);\n  }\n  const imgf = ctx.Skia.ImageFilter.MakeRuntimeShader(rtb, null, null);\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareImageFilter = (ctx: DrawingContext, props: ImageFilterProps) => {\n  \"worklet\";\n  const { filter } = props;\n  ctx.imageFilters.push(filter);\n};\n\nexport const composeImageFilters = (ctx: DrawingContext) => {\n  \"worklet\";\n  if (ctx.imageFilters.length > 1) {\n    const outer = ctx.imageFilters.pop()!;\n    const inner = ctx.imageFilters.pop()!;\n    ctx.imageFilters.push(ctx.Skia.ImageFilter.MakeCompose(outer, inner));\n  }\n};\n\nexport const setBlurMaskFilter = (\n  ctx: DrawingContext,\n  props: BlurMaskFilterProps\n) => {\n  \"worklet\";\n  const { blur, style, respectCTM } = props;\n  const mf = ctx.Skia.MaskFilter.MakeBlur(\n    BlurStyle[enumKey(style)],\n    blur,\n    respectCTM\n  );\n  ctx.paint.setMaskFilter(mf);\n};\n\nexport const isPushImageFilter = (\n  command: Command\n): command is Command<CommandType.PushImageFilter> => {\n  \"worklet\";\n  return command.type === CommandType.PushImageFilter;\n};\n\ntype Props = {\n  [NodeType.ImageFilter]: ImageFilterProps;\n  [NodeType.OffsetImageFilter]: OffsetImageFilterProps;\n  [NodeType.DisplacementMapImageFilter]: DisplacementMapImageFilterProps;\n  [NodeType.BlurImageFilter]: BlurImageFilterProps;\n  [NodeType.DropShadowImageFilter]: DropShadowImageFilterProps;\n  [NodeType.MorphologyImageFilter]: MorphologyImageFilterProps;\n  [NodeType.BlendImageFilter]: BlendImageFilterProps;\n  [NodeType.RuntimeShaderImageFilter]: RuntimeShaderImageFilterProps;\n};\n\ninterface PushImageFilter<\n  T extends keyof Props,\n> extends Command<CommandType.PushImageFilter> {\n  imageFilterType: T;\n  props: Props[T];\n}\n\nconst isImageFilter = <T extends keyof Props>(\n  command: Command<CommandType.PushImageFilter>,\n  type: T\n): command is PushImageFilter<T> => {\n  \"worklet\";\n  return command.imageFilterType === type;\n};\n\nexport const pushImageFilter = (\n  ctx: DrawingContext,\n  command: Command<CommandType.PushImageFilter>\n) => {\n  \"worklet\";\n  if (isImageFilter(command, NodeType.ImageFilter)) {\n    declareImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.BlurImageFilter)) {\n    declareBlurImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.MorphologyImageFilter)) {\n    declareMorphologyImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.BlendImageFilter)) {\n    declareBlendImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.DisplacementMapImageFilter)) {\n    declareDisplacementMapImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.DropShadowImageFilter)) {\n    declareDropShadowImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.OffsetImageFilter)) {\n    declareOffsetImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.RuntimeShaderImageFilter)) {\n    declareRuntimeShaderImageFilter(ctx, command.props);\n  } else {\n    throw new Error(\"Invalid image filter type: \" + command.imageFilterType);\n  }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["enumKey","processColor","processRadius","NodeType","BlendMode","BlurStyle","ColorChannel","processUniforms","TileMode","composeDeclarations","CommandType","MorphologyOperator","Black","Float32Array","of","AlphaSaturate","MakeInnerShadow","Skia","shadowOnly","dx","dy","sigmaX","sigmaY","color","input","sourceGraphic","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","Dst","sourceAlpha","SrcIn","coverage","MakeMatrix","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","Decal","f4","MakeCompose","SrcOver","declareBlurImageFilter","ctx","props","mode","blur","sigma","imgf","x","y","imageFilters","push","declareMorphologyImageFilter","operator","r","radius","Erode","MakeErode","MakeDilate","declareOffsetImageFilter","declareDropShadowImageFilter","cl","inner","factory","bind","MakeDropShadowOnly","MakeDropShadow","declareBlendImageFilter","blend","splice","length","composer","declareDisplacementMapImageFilter","channelX","channelY","scale","shader","shaders","pop","Error","map","MakeShader","MakeDisplacementMap","declareRuntimeShaderImageFilter","source","uniforms","rtb","RuntimeShaderBuilder","MakeRuntimeShader","declareImageFilter","filter","composeImageFilters","outer","setBlurMaskFilter","style","respectCTM","mf","MaskFilter","paint","setMaskFilter","isPushImageFilter","command","type","PushImageFilter","isImageFilter","imageFilterType","pushImageFilter","BlurImageFilter","MorphologyImageFilter","BlendImageFilter","DisplacementMapImageFilter","DropShadowImageFilter","OffsetImageFilter","RuntimeShaderImageFilter"],"sources":["ImageFilters.ts"],"sourcesContent":["import { enumKey, processColor, processRadius } from \"../../../dom/nodes\";\nimport type {\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  BlurMaskFilterProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  ImageFilterProps,\n  MorphologyImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n} from \"../../../dom/types\";\nimport { NodeType } from \"../../../dom/types\";\nimport type { SkColor, SkImageFilter, Skia } from \"../../../skia/types\";\nimport {\n  BlendMode,\n  BlurStyle,\n  ColorChannel,\n  processUniforms,\n  TileMode,\n} from \"../../../skia/types\";\nimport { composeDeclarations } from \"../../utils\";\nimport type { Command } from \"../Core\";\nimport { CommandType } from \"../Core\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\nexport enum MorphologyOperator {\n  Erode,\n  Dilate,\n}\n\nconst Black = Float32Array.of(0, 0, 0, 1);\n\n// Turns the source graphic into a hard silhouette: alpha is multiplied by 255\n// and clamped, so any pixel the shape covers at all becomes fully opaque, and\n// the colour channels are dropped. 255 is the saturation point of an 8-bit\n// alpha channel, so one unit of coverage is enough to reach 1.\nconst AlphaSaturate = [\n  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 255, 0,\n];\n\nconst MakeInnerShadow = (\n  Skia: Skia,\n  shadowOnly: boolean | undefined,\n  dx: number,\n  dy: number,\n  sigmaX: number,\n  sigmaY: number,\n  color: SkColor,\n  input: SkImageFilter | null\n) => {\n  \"worklet\";\n  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst),\n    null\n  );\n  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn),\n    null\n  );\n  // The shadow is generated outside the shape and then clipped back into it, so\n  // \"outside\" has to be the complement of the shape's silhouette. Taking SrcOut\n  // against the source graphic itself makes it the complement of the source's\n  // *alpha*: inside a translucent shape 1 - alpha is non-zero, so the shadow is\n  // generated across the whole interior and tints it, no matter how small the\n  // blur and the offset are (issue #2990). Saturating alpha first keeps the\n  // shadow tied to the shape's outline instead of to its opacity.\n  const coverage = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeMatrix(AlphaSaturate),\n    null\n  );\n  const f1 = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut),\n    coverage\n  );\n  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);\n  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);\n  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);\n  if (shadowOnly) {\n    return f4;\n  }\n  return Skia.ImageFilter.MakeCompose(\n    input,\n    Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4)\n  );\n};\n\nconst declareBlurImageFilter = (\n  ctx: DrawingContext,\n  props: BlurImageFilterProps\n) => {\n  \"worklet\";\n  const { mode, blur } = props;\n  const sigma = processRadius(ctx.Skia, blur);\n  const imgf = ctx.Skia.ImageFilter.MakeBlur(\n    sigma.x,\n    sigma.y,\n    TileMode[enumKey(mode)],\n    null\n  );\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareMorphologyImageFilter = (\n  ctx: DrawingContext,\n  props: MorphologyImageFilterProps\n) => {\n  \"worklet\";\n  const { operator } = props;\n  const r = processRadius(ctx.Skia, props.radius);\n  let imgf;\n  if (MorphologyOperator[enumKey(operator)] === MorphologyOperator.Erode) {\n    imgf = ctx.Skia.ImageFilter.MakeErode(r.x, r.y, null);\n  } else {\n    imgf = ctx.Skia.ImageFilter.MakeDilate(r.x, r.y, null);\n  }\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareOffsetImageFilter = (\n  ctx: DrawingContext,\n  props: OffsetImageFilterProps\n) => {\n  \"worklet\";\n  const { x, y } = props;\n  const imgf = ctx.Skia.ImageFilter.MakeOffset(x, y, null);\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareDropShadowImageFilter = (\n  ctx: DrawingContext,\n  props: DropShadowImageFilterProps\n) => {\n  \"worklet\";\n  const { dx, dy, blur, shadowOnly, color: cl, inner } = props;\n  const color = processColor(ctx.Skia, cl);\n  let factory;\n  if (inner) {\n    factory = MakeInnerShadow.bind(null, ctx.Skia, shadowOnly);\n  } else {\n    factory = shadowOnly\n      ? ctx.Skia.ImageFilter.MakeDropShadowOnly.bind(ctx.Skia.ImageFilter)\n      : ctx.Skia.ImageFilter.MakeDropShadow.bind(ctx.Skia.ImageFilter);\n  }\n  const imgf = factory(dx, dy, blur, blur, color, null);\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareBlendImageFilter = (\n  ctx: DrawingContext,\n  props: BlendImageFilterProps\n) => {\n  \"worklet\";\n  const blend = BlendMode[enumKey(props.mode)];\n  // Blend ImageFilters\n  const imageFilters = ctx.imageFilters.splice(0, ctx.imageFilters.length);\n  const composer = ctx.Skia.ImageFilter.MakeBlend.bind(\n    ctx.Skia.ImageFilter,\n    blend\n  );\n  ctx.imageFilters.push(composeDeclarations(imageFilters, composer));\n};\n\nconst declareDisplacementMapImageFilter = (\n  ctx: DrawingContext,\n  props: DisplacementMapImageFilterProps\n) => {\n  \"worklet\";\n  const { channelX, channelY, scale } = props;\n  const shader = ctx.shaders.pop();\n  if (!shader) {\n    throw new Error(\"DisplacementMap expects a shader as child\");\n  }\n  const map = ctx.Skia.ImageFilter.MakeShader(shader);\n  const imgf = ctx.Skia.ImageFilter.MakeDisplacementMap(\n    ColorChannel[enumKey(channelX)],\n    ColorChannel[enumKey(channelY)],\n    scale,\n    map,\n    null\n  );\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareRuntimeShaderImageFilter = (\n  ctx: DrawingContext,\n  props: RuntimeShaderImageFilterProps\n) => {\n  \"worklet\";\n  const { source, uniforms } = props;\n  const rtb = ctx.Skia.RuntimeShaderBuilder(source);\n  if (uniforms) {\n    processUniforms(source, uniforms, rtb);\n  }\n  const imgf = ctx.Skia.ImageFilter.MakeRuntimeShader(rtb, null, null);\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareImageFilter = (ctx: DrawingContext, props: ImageFilterProps) => {\n  \"worklet\";\n  const { filter } = props;\n  ctx.imageFilters.push(filter);\n};\n\nexport const composeImageFilters = (ctx: DrawingContext) => {\n  \"worklet\";\n  if (ctx.imageFilters.length > 1) {\n    const outer = ctx.imageFilters.pop()!;\n    const inner = ctx.imageFilters.pop()!;\n    ctx.imageFilters.push(ctx.Skia.ImageFilter.MakeCompose(outer, inner));\n  }\n};\n\nexport const setBlurMaskFilter = (\n  ctx: DrawingContext,\n  props: BlurMaskFilterProps\n) => {\n  \"worklet\";\n  const { blur, style, respectCTM } = props;\n  const mf = ctx.Skia.MaskFilter.MakeBlur(\n    BlurStyle[enumKey(style)],\n    blur,\n    respectCTM\n  );\n  ctx.paint.setMaskFilter(mf);\n};\n\nexport const isPushImageFilter = (\n  command: Command\n): command is Command<CommandType.PushImageFilter> => {\n  \"worklet\";\n  return command.type === CommandType.PushImageFilter;\n};\n\ntype Props = {\n  [NodeType.ImageFilter]: ImageFilterProps;\n  [NodeType.OffsetImageFilter]: OffsetImageFilterProps;\n  [NodeType.DisplacementMapImageFilter]: DisplacementMapImageFilterProps;\n  [NodeType.BlurImageFilter]: BlurImageFilterProps;\n  [NodeType.DropShadowImageFilter]: DropShadowImageFilterProps;\n  [NodeType.MorphologyImageFilter]: MorphologyImageFilterProps;\n  [NodeType.BlendImageFilter]: BlendImageFilterProps;\n  [NodeType.RuntimeShaderImageFilter]: RuntimeShaderImageFilterProps;\n};\n\ninterface PushImageFilter<\n  T extends keyof Props,\n> extends Command<CommandType.PushImageFilter> {\n  imageFilterType: T;\n  props: Props[T];\n}\n\nconst isImageFilter = <T extends keyof Props>(\n  command: Command<CommandType.PushImageFilter>,\n  type: T\n): command is PushImageFilter<T> => {\n  \"worklet\";\n  return command.imageFilterType === type;\n};\n\nexport const pushImageFilter = (\n  ctx: DrawingContext,\n  command: Command<CommandType.PushImageFilter>\n) => {\n  \"worklet\";\n  if (isImageFilter(command, NodeType.ImageFilter)) {\n    declareImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.BlurImageFilter)) {\n    declareBlurImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.MorphologyImageFilter)) {\n    declareMorphologyImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.BlendImageFilter)) {\n    declareBlendImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.DisplacementMapImageFilter)) {\n    declareDisplacementMapImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.DropShadowImageFilter)) {\n    declareDropShadowImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.OffsetImageFilter)) {\n    declareOffsetImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.RuntimeShaderImageFilter)) {\n    declareRuntimeShaderImageFilter(ctx, command.props);\n  } else {\n    throw new Error(\"Invalid image filter type: \" + command.imageFilterType);\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/sksg/Recorder/commands/Shaders.js

@@ -159,7 +159,7 @@ const declareImageShader = (ctx, props) => {
     shader = ctx.track(image.makeShaderCubic(TileMode[enumKey(tx)], TileMode[enumKey(ty)], sampling.B, sampling.C, lm));
   } else {
     var _sampling$filter, _sampling$mipmap;
-    shader = ctx.track(image.makeShaderCubic(TileMode[enumKey(tx)], TileMode[enumKey(ty)], (_sampling$filter = sampling === null || sampling === void 0 ? void 0 : sampling.filter) !== null && _sampling$filter !== void 0 ? _sampling$filter : FilterMode.Linear, (_sampling$mipmap = sampling === null || sampling === void 0 ? void 0 : sampling.mipmap) !== null && _sampling$mipmap !== void 0 ? _sampling$mipmap : MipmapMode.None, lm));
+    shader = ctx.track(image.makeShaderOptions(TileMode[enumKey(tx)], TileMode[enumKey(ty)], (_sampling$filter = sampling === null || sampling === void 0 ? void 0 : sampling.filter) !== null && _sampling$filter !== void 0 ? _sampling$filter : FilterMode.Linear, (_sampling$mipmap = sampling === null || sampling === void 0 ? void 0 : sampling.mipmap) !== null && _sampling$mipmap !== void 0 ? _sampling$mipmap : MipmapMode.None, lm));
   }
   ctx.shaders.push(shader);
 };

package/lib/module/sksg/Recorder/commands/Shaders.js.map

@@ -1 +1 @@
-{"version":3,"names":["enumKey","fitRects","getRect","processColor","processGradientProps","processTransformProps","rect2rect","NodeType","BlendMode","FilterMode","isCubicSampling","MipmapMode","processUniforms","TileMode","composeDeclarations","CommandType","declareShader","ctx","props","children","source","uniforms","transform","m3","Skia","Matrix","shader","track","makeShaderWithChildren","shaders","splice","push","declareColorShader","color","Shader","MakeColor","declareFractalNoiseShader","freqX","freqY","octaves","seed","tileWidth","tileHeight","MakeFractalNoise","declareTwoPointConicalGradientShader","startR","endR","start","end","colors","positions","mode","localMatrix","flags","MakeTwoPointConicalGradient","declareRadialGradientShader","c","r","MakeRadialGradient","declareSweepGradientShader","MakeSweepGradient","x","y","declareLinearGradientShader","MakeLinearGradient","declareTurbulenceShader","MakeTurbulence","declareImageShader","fit","image","tx","ty","sampling","imageShaderProps","rct","rects","width","height","sx","sy","src","dst","translate","translateX","translateY","scale","scaleX","scaleY","lm","concat","makeShaderCubic","B","C","_sampling$filter","_sampling$mipmap","filter","Linear","mipmap","None","declareBlend","blend","length","composer","MakeBlend","bind","isPushShader","command","type","PushShader","isShader","shaderType","pushShader","ImageShader","ColorShader","Turbulence","FractalNoise","LinearGradient","RadialGradient","SweepGradient","TwoPointConicalGradient","Blend","Error"],"sources":["Shaders.ts"],"sourcesContent":["import {\n  enumKey,\n  fitRects,\n  getRect,\n  processColor,\n  processGradientProps,\n  processTransformProps,\n  rect2rect,\n} from \"../../../dom/nodes\";\nimport { NodeType } from \"../../../dom/types\";\nimport type {\n  BlendProps,\n  ColorProps,\n  FractalNoiseProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  RadialGradientProps,\n  ShaderProps,\n  SweepGradientProps,\n  TurbulenceProps,\n  TwoPointConicalGradientProps,\n} from \"../../../dom/types\";\nimport type { SkShader } from \"../../../skia/types\";\nimport {\n  BlendMode,\n  FilterMode,\n  isCubicSampling,\n  MipmapMode,\n  processUniforms,\n  TileMode,\n} from \"../../../skia/types\";\nimport { composeDeclarations } from \"../../utils\";\nimport type { Command } from \"../Core\";\nimport { CommandType } from \"../Core\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\nconst declareShader = (\n  ctx: DrawingContext,\n  props: ShaderProps,\n  children: number\n) => {\n  \"worklet\";\n  const { source, uniforms, ...transform } = props;\n  const m3 = ctx.Skia.Matrix();\n  processTransformProps(m3, transform);\n  const shader = ctx.track(\n    source.makeShaderWithChildren(\n      processUniforms(source, uniforms),\n      ctx.shaders.splice(0, children),\n      m3\n    )\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareColorShader = (ctx: DrawingContext, props: ColorProps) => {\n  \"worklet\";\n  const { color } = props;\n  const shader = ctx.Skia.Shader.MakeColor(processColor(ctx.Skia, color));\n  ctx.shaders.push(shader);\n};\n\nconst declareFractalNoiseShader = (\n  ctx: DrawingContext,\n  props: FractalNoiseProps\n) => {\n  \"worklet\";\n  const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = props;\n  const shader = ctx.Skia.Shader.MakeFractalNoise(\n    freqX,\n    freqY,\n    octaves,\n    seed,\n    tileWidth,\n    tileHeight\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareTwoPointConicalGradientShader = (\n  ctx: DrawingContext,\n  props: TwoPointConicalGradientProps\n) => {\n  \"worklet\";\n  const { startR, endR, start, end } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeTwoPointConicalGradient(\n    start,\n    startR,\n    end,\n    endR,\n    colors,\n    positions,\n    mode,\n    localMatrix,\n    flags\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareRadialGradientShader = (\n  ctx: DrawingContext,\n  props: RadialGradientProps\n) => {\n  \"worklet\";\n  const { c, r } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeRadialGradient(\n    c,\n    r,\n    colors,\n    positions,\n    mode,\n    localMatrix,\n    flags\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareSweepGradientShader = (\n  ctx: DrawingContext,\n  props: SweepGradientProps\n) => {\n  \"worklet\";\n  const { c, start, end } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeSweepGradient(\n    c.x,\n    c.y,\n    colors,\n    positions,\n    mode,\n    localMatrix,\n    flags,\n    start,\n    end\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareLinearGradientShader = (\n  ctx: DrawingContext,\n  props: LinearGradientProps\n) => {\n  \"worklet\";\n  const { start, end } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeLinearGradient(\n    start,\n    end,\n    colors,\n    positions ?? null,\n    mode,\n    localMatrix,\n    flags\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareTurbulenceShader = (\n  ctx: DrawingContext,\n  props: TurbulenceProps\n) => {\n  \"worklet\";\n  const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = props;\n  const shader = ctx.Skia.Shader.MakeTurbulence(\n    freqX,\n    freqY,\n    octaves,\n    seed,\n    tileWidth,\n    tileHeight\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareImageShader = (ctx: DrawingContext, props: ImageShaderProps) => {\n  \"worklet\";\n  const { fit, image, tx, ty, sampling, ...imageShaderProps } = props;\n  if (!image) {\n    return;\n  }\n\n  const rct = getRect(ctx.Skia, imageShaderProps);\n  const m3 = ctx.Skia.Matrix();\n  if (rct) {\n    const rects = fitRects(\n      fit,\n      { x: 0, y: 0, width: image.width(), height: image.height() },\n      rct\n    );\n    const [x, y, sx, sy] = rect2rect(rects.src, rects.dst);\n    m3.translate(x.translateX, y.translateY);\n    m3.scale(sx.scaleX, sy.scaleY);\n  }\n  const lm = ctx.Skia.Matrix();\n  lm.concat(m3);\n  processTransformProps(lm, imageShaderProps);\n  let shader: SkShader;\n  if (sampling && isCubicSampling(sampling)) {\n    shader = ctx.track(\n      image.makeShaderCubic(\n        TileMode[enumKey(tx)],\n        TileMode[enumKey(ty)],\n        sampling.B,\n        sampling.C,\n        lm\n      )\n    );\n  } else {\n    shader = ctx.track(\n      image.makeShaderCubic(\n        TileMode[enumKey(tx)],\n        TileMode[enumKey(ty)],\n        sampling?.filter ?? FilterMode.Linear,\n        sampling?.mipmap ?? MipmapMode.None,\n        lm\n      )\n    );\n  }\n  ctx.shaders.push(shader);\n};\n\nconst declareBlend = (ctx: DrawingContext, props: BlendProps) => {\n  \"worklet\";\n  const blend = BlendMode[enumKey(props.mode as BlendProps[\"mode\"])];\n  const shaders = ctx.shaders.splice(0, ctx.shaders.length);\n  if (shaders.length > 0) {\n    const composer = ctx.Skia.Shader.MakeBlend.bind(ctx.Skia.Shader, blend);\n    ctx.shaders.push(composeDeclarations(shaders, composer));\n  }\n};\n\nexport const isPushShader = (\n  command: Command\n): command is Command<CommandType.PushShader> => {\n  \"worklet\";\n  return command.type === CommandType.PushShader;\n};\n\ntype Props = {\n  [NodeType.Shader]: ShaderProps;\n  [NodeType.ImageShader]: ImageShaderProps;\n  [NodeType.ColorShader]: ColorProps;\n  [NodeType.Turbulence]: TurbulenceProps;\n  [NodeType.FractalNoise]: FractalNoiseProps;\n  [NodeType.LinearGradient]: LinearGradientProps;\n  [NodeType.RadialGradient]: RadialGradientProps;\n  [NodeType.SweepGradient]: SweepGradientProps;\n  [NodeType.TwoPointConicalGradient]: TwoPointConicalGradientProps;\n  [NodeType.Blend]: BlendProps;\n};\n\ninterface PushShader<\n  T extends keyof Props,\n> extends Command<CommandType.PushShader> {\n  shaderType: T;\n  props: Props[T];\n  children: number;\n}\n\nconst isShader = <T extends keyof Props>(\n  command: Command<CommandType.PushShader>,\n  type: T\n): command is PushShader<T> => {\n  \"worklet\";\n  return command.shaderType === type;\n};\n\nexport const pushShader = (\n  ctx: DrawingContext,\n  command: Command<CommandType.PushShader>\n) => {\n  \"worklet\";\n  if (isShader(command, NodeType.Shader)) {\n    declareShader(ctx, command.props, command.children);\n  } else if (isShader(command, NodeType.ImageShader)) {\n    declareImageShader(ctx, command.props);\n  } else if (isShader(command, NodeType.ColorShader)) {\n    declareColorShader(ctx, command.props);\n  } else if (isShader(command, NodeType.Turbulence)) {\n    declareTurbulenceShader(ctx, command.props);\n  } else if (isShader(command, NodeType.FractalNoise)) {\n    declareFractalNoiseShader(ctx, command.props);\n  } else if (isShader(command, NodeType.LinearGradient)) {\n    declareLinearGradientShader(ctx, command.props);\n  } else if (isShader(command, NodeType.RadialGradient)) {\n    declareRadialGradientShader(ctx, command.props);\n  } else if (isShader(command, NodeType.SweepGradient)) {\n    declareSweepGradientShader(ctx, command.props);\n  } else if (isShader(command, NodeType.TwoPointConicalGradient)) {\n    declareTwoPointConicalGradientShader(ctx, command.props);\n  } else if (isShader(command, NodeType.Blend)) {\n    declareBlend(ctx, command.props);\n  } else {\n    throw new Error(`Unknown shader type: ${command.shaderType}`);\n  }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["enumKey","fitRects","getRect","processColor","processGradientProps","processTransformProps","rect2rect","NodeType","BlendMode","FilterMode","isCubicSampling","MipmapMode","processUniforms","TileMode","composeDeclarations","CommandType","declareShader","ctx","props","children","source","uniforms","transform","m3","Skia","Matrix","shader","track","makeShaderWithChildren","shaders","splice","push","declareColorShader","color","Shader","MakeColor","declareFractalNoiseShader","freqX","freqY","octaves","seed","tileWidth","tileHeight","MakeFractalNoise","declareTwoPointConicalGradientShader","startR","endR","start","end","colors","positions","mode","localMatrix","flags","MakeTwoPointConicalGradient","declareRadialGradientShader","c","r","MakeRadialGradient","declareSweepGradientShader","MakeSweepGradient","x","y","declareLinearGradientShader","MakeLinearGradient","declareTurbulenceShader","MakeTurbulence","declareImageShader","fit","image","tx","ty","sampling","imageShaderProps","rct","rects","width","height","sx","sy","src","dst","translate","translateX","translateY","scale","scaleX","scaleY","lm","concat","makeShaderCubic","B","C","_sampling$filter","_sampling$mipmap","makeShaderOptions","filter","Linear","mipmap","None","declareBlend","blend","length","composer","MakeBlend","bind","isPushShader","command","type","PushShader","isShader","shaderType","pushShader","ImageShader","ColorShader","Turbulence","FractalNoise","LinearGradient","RadialGradient","SweepGradient","TwoPointConicalGradient","Blend","Error"],"sources":["Shaders.ts"],"sourcesContent":["import {\n  enumKey,\n  fitRects,\n  getRect,\n  processColor,\n  processGradientProps,\n  processTransformProps,\n  rect2rect,\n} from \"../../../dom/nodes\";\nimport { NodeType } from \"../../../dom/types\";\nimport type {\n  BlendProps,\n  ColorProps,\n  FractalNoiseProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  RadialGradientProps,\n  ShaderProps,\n  SweepGradientProps,\n  TurbulenceProps,\n  TwoPointConicalGradientProps,\n} from \"../../../dom/types\";\nimport type { SkShader } from \"../../../skia/types\";\nimport {\n  BlendMode,\n  FilterMode,\n  isCubicSampling,\n  MipmapMode,\n  processUniforms,\n  TileMode,\n} from \"../../../skia/types\";\nimport { composeDeclarations } from \"../../utils\";\nimport type { Command } from \"../Core\";\nimport { CommandType } from \"../Core\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\nconst declareShader = (\n  ctx: DrawingContext,\n  props: ShaderProps,\n  children: number\n) => {\n  \"worklet\";\n  const { source, uniforms, ...transform } = props;\n  const m3 = ctx.Skia.Matrix();\n  processTransformProps(m3, transform);\n  const shader = ctx.track(\n    source.makeShaderWithChildren(\n      processUniforms(source, uniforms),\n      ctx.shaders.splice(0, children),\n      m3\n    )\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareColorShader = (ctx: DrawingContext, props: ColorProps) => {\n  \"worklet\";\n  const { color } = props;\n  const shader = ctx.Skia.Shader.MakeColor(processColor(ctx.Skia, color));\n  ctx.shaders.push(shader);\n};\n\nconst declareFractalNoiseShader = (\n  ctx: DrawingContext,\n  props: FractalNoiseProps\n) => {\n  \"worklet\";\n  const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = props;\n  const shader = ctx.Skia.Shader.MakeFractalNoise(\n    freqX,\n    freqY,\n    octaves,\n    seed,\n    tileWidth,\n    tileHeight\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareTwoPointConicalGradientShader = (\n  ctx: DrawingContext,\n  props: TwoPointConicalGradientProps\n) => {\n  \"worklet\";\n  const { startR, endR, start, end } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeTwoPointConicalGradient(\n    start,\n    startR,\n    end,\n    endR,\n    colors,\n    positions,\n    mode,\n    localMatrix,\n    flags\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareRadialGradientShader = (\n  ctx: DrawingContext,\n  props: RadialGradientProps\n) => {\n  \"worklet\";\n  const { c, r } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeRadialGradient(\n    c,\n    r,\n    colors,\n    positions,\n    mode,\n    localMatrix,\n    flags\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareSweepGradientShader = (\n  ctx: DrawingContext,\n  props: SweepGradientProps\n) => {\n  \"worklet\";\n  const { c, start, end } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeSweepGradient(\n    c.x,\n    c.y,\n    colors,\n    positions,\n    mode,\n    localMatrix,\n    flags,\n    start,\n    end\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareLinearGradientShader = (\n  ctx: DrawingContext,\n  props: LinearGradientProps\n) => {\n  \"worklet\";\n  const { start, end } = props;\n  const { colors, positions, mode, localMatrix, flags } = processGradientProps(\n    ctx.Skia,\n    props\n  );\n  const shader = ctx.Skia.Shader.MakeLinearGradient(\n    start,\n    end,\n    colors,\n    positions ?? null,\n    mode,\n    localMatrix,\n    flags\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareTurbulenceShader = (\n  ctx: DrawingContext,\n  props: TurbulenceProps\n) => {\n  \"worklet\";\n  const { freqX, freqY, octaves, seed, tileWidth, tileHeight } = props;\n  const shader = ctx.Skia.Shader.MakeTurbulence(\n    freqX,\n    freqY,\n    octaves,\n    seed,\n    tileWidth,\n    tileHeight\n  );\n  ctx.shaders.push(shader);\n};\n\nconst declareImageShader = (ctx: DrawingContext, props: ImageShaderProps) => {\n  \"worklet\";\n  const { fit, image, tx, ty, sampling, ...imageShaderProps } = props;\n  if (!image) {\n    return;\n  }\n\n  const rct = getRect(ctx.Skia, imageShaderProps);\n  const m3 = ctx.Skia.Matrix();\n  if (rct) {\n    const rects = fitRects(\n      fit,\n      { x: 0, y: 0, width: image.width(), height: image.height() },\n      rct\n    );\n    const [x, y, sx, sy] = rect2rect(rects.src, rects.dst);\n    m3.translate(x.translateX, y.translateY);\n    m3.scale(sx.scaleX, sy.scaleY);\n  }\n  const lm = ctx.Skia.Matrix();\n  lm.concat(m3);\n  processTransformProps(lm, imageShaderProps);\n  let shader: SkShader;\n  if (sampling && isCubicSampling(sampling)) {\n    shader = ctx.track(\n      image.makeShaderCubic(\n        TileMode[enumKey(tx)],\n        TileMode[enumKey(ty)],\n        sampling.B,\n        sampling.C,\n        lm\n      )\n    );\n  } else {\n    shader = ctx.track(\n      image.makeShaderOptions(\n        TileMode[enumKey(tx)],\n        TileMode[enumKey(ty)],\n        sampling?.filter ?? FilterMode.Linear,\n        sampling?.mipmap ?? MipmapMode.None,\n        lm\n      )\n    );\n  }\n  ctx.shaders.push(shader);\n};\n\nconst declareBlend = (ctx: DrawingContext, props: BlendProps) => {\n  \"worklet\";\n  const blend = BlendMode[enumKey(props.mode as BlendProps[\"mode\"])];\n  const shaders = ctx.shaders.splice(0, ctx.shaders.length);\n  if (shaders.length > 0) {\n    const composer = ctx.Skia.Shader.MakeBlend.bind(ctx.Skia.Shader, blend);\n    ctx.shaders.push(composeDeclarations(shaders, composer));\n  }\n};\n\nexport const isPushShader = (\n  command: Command\n): command is Command<CommandType.PushShader> => {\n  \"worklet\";\n  return command.type === CommandType.PushShader;\n};\n\ntype Props = {\n  [NodeType.Shader]: ShaderProps;\n  [NodeType.ImageShader]: ImageShaderProps;\n  [NodeType.ColorShader]: ColorProps;\n  [NodeType.Turbulence]: TurbulenceProps;\n  [NodeType.FractalNoise]: FractalNoiseProps;\n  [NodeType.LinearGradient]: LinearGradientProps;\n  [NodeType.RadialGradient]: RadialGradientProps;\n  [NodeType.SweepGradient]: SweepGradientProps;\n  [NodeType.TwoPointConicalGradient]: TwoPointConicalGradientProps;\n  [NodeType.Blend]: BlendProps;\n};\n\ninterface PushShader<\n  T extends keyof Props,\n> extends Command<CommandType.PushShader> {\n  shaderType: T;\n  props: Props[T];\n  children: number;\n}\n\nconst isShader = <T extends keyof Props>(\n  command: Command<CommandType.PushShader>,\n  type: T\n): command is PushShader<T> => {\n  \"worklet\";\n  return command.shaderType === type;\n};\n\nexport const pushShader = (\n  ctx: DrawingContext,\n  command: Command<CommandType.PushShader>\n) => {\n  \"worklet\";\n  if (isShader(command, NodeType.Shader)) {\n    declareShader(ctx, command.props, command.children);\n  } else if (isShader(command, NodeType.ImageShader)) {\n    declareImageShader(ctx, command.props);\n  } else if (isShader(command, NodeType.ColorShader)) {\n    declareColorShader(ctx, command.props);\n  } else if (isShader(command, NodeType.Turbulence)) {\n    declareTurbulenceShader(ctx, command.props);\n  } else if (isShader(command, NodeType.FractalNoise)) {\n    declareFractalNoiseShader(ctx, command.props);\n  } else if (isShader(command, NodeType.LinearGradient)) {\n    declareLinearGradientShader(ctx, command.props);\n  } else if (isShader(command, NodeType.RadialGradient)) {\n    declareRadialGradientShader(ctx, command.props);\n  } else if (isShader(command, NodeType.SweepGradient)) {\n    declareSweepGradientShader(ctx, command.props);\n  } else if (isShader(command, NodeType.TwoPointConicalGradient)) {\n    declareTwoPointConicalGradientShader(ctx, command.props);\n  } else if (isShader(command, NodeType.Blend)) {\n    declareBlend(ctx, command.props);\n  } else {\n    throw new Error(`Unknown shader type: ${command.shaderType}`);\n  }\n};\n"],"mappings":"AAAA,SACEA,OAAO,EACPC,QAAQ,EACRC,OAAO,EACPC,YAAY,EACZC,oBAAoB,EACpBC,qBAAqB,EACrBC,SAAS,QACJ,oBAAoB;AAC3B,SAASC,QAAQ,QAAQ,oBAAoB;AAc7C,SACEC,SAAS,EACTC,UAAU,EACVC,eAAe,EACfC,UAAU,EACVC,eAAe,EACfC,QAAQ,QACH,qBAAqB;AAC5B,SAASC,mBAAmB,QAAQ,aAAa;AAEjD,SAASC,WAAW,QAAQ,SAAS;AAGrC,MAAMC,aAAa,GAAGA,CACpBC,GAAmB,EACnBC,KAAkB,EAClBC,QAAgB,KACb;EACH,SAAS;;EACT,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAChD,MAAMK,EAAE,GAAGN,GAAG,CAACO,IAAI,CAACC,MAAM,CAAC,CAAC;EAC5BpB,qBAAqB,CAACkB,EAAE,EAAED,SAAS,CAAC;EACpC,MAAMI,MAAM,GAAGT,GAAG,CAACU,KAAK,CACtBP,MAAM,CAACQ,sBAAsB,CAC3BhB,eAAe,CAACQ,MAAM,EAAEC,QAAQ,CAAC,EACjCJ,GAAG,CAACY,OAAO,CAACC,MAAM,CAAC,CAAC,EAAEX,QAAQ,CAAC,EAC/BI,EACF,CACF,CAAC;EACDN,GAAG,CAACY,OAAO,CAACE,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMM,kBAAkB,GAAGA,CAACf,GAAmB,EAAEC,KAAiB,KAAK;EACrE,SAAS;;EACT,MAAM;IAAEe;EAAM,CAAC,GAAGf,KAAK;EACvB,MAAMQ,MAAM,GAAGT,GAAG,CAACO,IAAI,CAACU,MAAM,CAACC,SAAS,CAAChC,YAAY,CAACc,GAAG,CAACO,IAAI,EAAES,KAAK,CAAC,CAAC;EACvEhB,GAAG,CAACY,OAAO,CAACE,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMU,yBAAyB,GAAGA,CAChCnB,GAAmB,EACnBC,KAAwB,KACrB;EACH,SAAS;;EACT,MAAM;IAAEmB,KAAK;IAAEC,KAAK;IAAEC,OAAO;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGxB,KAAK;EACpE,MAAMQ,MAAM,GAAGT,GAAG,CAACO,IAAI,CAACU,MAAM,CAACS,gBAAgB,CAC7CN,KAAK,EACLC,KAAK,EACLC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,UACF,CAAC;EACDzB,GAAG,CAACY,OAAO,CAACE,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMkB,oCAAoC,GAAGA,CAC3C3B,GAAmB,EACnBC,KAAmC,KAChC;EACH,SAAS;;EACT,MAAM;IAAE2B,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAG9B,KAAK;EAC1C,MAAM;IAAE+B,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAGjD,oBAAoB,CAC1Ea,GAAG,CAACO,IAAI,EACRN,KACF,CAAC;EACD,MAAMQ,MAAM,GAAGT,GAAG,CAACO,IAAI,CAACU,MAAM,CAACoB,2BAA2B,CACxDP,KAAK,EACLF,MAAM,EACNG,GAAG,EACHF,IAAI,EACJG,MAAM,EACNC,SAAS,EACTC,IAAI,EACJC,WAAW,EACXC,KACF,CAAC;EACDpC,GAAG,CAACY,OAAO,CAACE,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAM6B,2BAA2B,GAAGA,CAClCtC,GAAmB,EACnBC,KAA0B,KACvB;EACH,SAAS;;EACT,MAAM;IAAEsC,CAAC;IAAEC;EAAE,CAAC,GAAGvC,KAAK;EACtB,MAAM;IAAE+B,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAGjD,oBAAoB,CAC1Ea,GAAG,CAACO,IAAI,EACRN,KACF,CAAC;EACD,MAAMQ,MAAM,GAAGT,GAAG,CAACO,IAAI,CAACU,MAAM,CAACwB,kBAAkB,CAC/CF,CAAC,EACDC,CAAC,EACDR,MAAM,EACNC,SAAS,EACTC,IAAI,EACJC,WAAW,EACXC,KACF,CAAC;EACDpC,GAAG,CAACY,OAAO,CAACE,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMiC,0BAA0B,GAAGA,CACjC1C,GAAmB,EACnBC,KAAyB,KACtB;EACH,SAAS;;EACT,MAAM;IAAEsC,CAAC;IAAET,KAAK;IAAEC;EAAI,CAAC,GAAG9B,KAAK;EAC/B,MAAM;IAAE+B,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAGjD,oBAAoB,CAC1Ea,GAAG,CAACO,IAAI,EACRN,KACF,CAAC;EACD,MAAMQ,MAAM,GAAGT,GAAG,CAACO,IAAI,CAACU,MAAM,CAAC0B,iBAAiB,CAC9CJ,CAAC,CAACK,CAAC,EACHL,CAAC,CAACM,CAAC,EACHb,MAAM,EACNC,SAAS,EACTC,IAAI,EACJC,WAAW,EACXC,KAAK,EACLN,KAAK,EACLC,GACF,CAAC;EACD/B,GAAG,CAACY,OAAO,CAACE,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMqC,2BAA2B,GAAGA,CAClC9C,GAAmB,EACnBC,KAA0B,KACvB;EACH,SAAS;;EACT,MAAM;IAAE6B,KAAK;IAAEC;EAAI,CAAC,GAAG9B,KAAK;EAC5B,MAAM;IAAE+B,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAGjD,oBAAoB,CAC1Ea,GAAG,CAACO,IAAI,EACRN,KACF,CAAC;EACD,MAAMQ,MAAM,GAAGT,GAAG,CAACO,IAAI,CAACU,MAAM,CAAC8B,kBAAkB,CAC/CjB,KAAK,EACLC,GAAG,EACHC,MAAM,EACNC,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,IAAI,EACjBC,IAAI,EACJC,WAAW,EACXC,KACF,CAAC;EACDpC,GAAG,CAACY,OAAO,CAACE,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMuC,uBAAuB,GAAGA,CAC9BhD,GAAmB,EACnBC,KAAsB,KACnB;EACH,SAAS;;EACT,MAAM;IAAEmB,KAAK;IAAEC,KAAK;IAAEC,OAAO;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGxB,KAAK;EACpE,MAAMQ,MAAM,GAAGT,GAAG,CAACO,IAAI,CAACU,MAAM,CAACgC,cAAc,CAC3C7B,KAAK,EACLC,KAAK,EACLC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,UACF,CAAC;EACDzB,GAAG,CAACY,OAAO,CAACE,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAMyC,kBAAkB,GAAGA,CAAClD,GAAmB,EAAEC,KAAuB,KAAK;EAC3E,SAAS;;EACT,MAAM;IAAEkD,GAAG;IAAEC,KAAK;IAAEC,EAAE;IAAEC,EAAE;IAAEC,QAAQ;IAAE,GAAGC;EAAiB,CAAC,GAAGvD,KAAK;EACnE,IAAI,CAACmD,KAAK,EAAE;IACV;EACF;EAEA,MAAMK,GAAG,GAAGxE,OAAO,CAACe,GAAG,CAACO,IAAI,EAAEiD,gBAAgB,CAAC;EAC/C,MAAMlD,EAAE,GAAGN,GAAG,CAACO,IAAI,CAACC,MAAM,CAAC,CAAC;EAC5B,IAAIiD,GAAG,EAAE;IACP,MAAMC,KAAK,GAAG1E,QAAQ,CACpBmE,GAAG,EACH;MAAEP,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE,CAAC;MAAEc,KAAK,EAAEP,KAAK,CAACO,KAAK,CAAC,CAAC;MAAEC,MAAM,EAAER,KAAK,CAACQ,MAAM,CAAC;IAAE,CAAC,EAC5DH,GACF,CAAC;IACD,MAAM,CAACb,CAAC,EAAEC,CAAC,EAAEgB,EAAE,EAAEC,EAAE,CAAC,GAAGzE,SAAS,CAACqE,KAAK,CAACK,GAAG,EAAEL,KAAK,CAACM,GAAG,CAAC;IACtD1D,EAAE,CAAC2D,SAAS,CAACrB,CAAC,CAACsB,UAAU,EAAErB,CAAC,CAACsB,UAAU,CAAC;IACxC7D,EAAE,CAAC8D,KAAK,CAACP,EAAE,CAACQ,MAAM,EAAEP,EAAE,CAACQ,MAAM,CAAC;EAChC;EACA,MAAMC,EAAE,GAAGvE,GAAG,CAACO,IAAI,CAACC,MAAM,CAAC,CAAC;EAC5B+D,EAAE,CAACC,MAAM,CAAClE,EAAE,CAAC;EACblB,qBAAqB,CAACmF,EAAE,EAAEf,gBAAgB,CAAC;EAC3C,IAAI/C,MAAgB;EACpB,IAAI8C,QAAQ,IAAI9D,eAAe,CAAC8D,QAAQ,CAAC,EAAE;IACzC9C,MAAM,GAAGT,GAAG,CAACU,KAAK,CAChB0C,KAAK,CAACqB,eAAe,CACnB7E,QAAQ,CAACb,OAAO,CAACsE,EAAE,CAAC,CAAC,EACrBzD,QAAQ,CAACb,OAAO,CAACuE,EAAE,CAAC,CAAC,EACrBC,QAAQ,CAACmB,CAAC,EACVnB,QAAQ,CAACoB,CAAC,EACVJ,EACF,CACF,CAAC;EACH,CAAC,MAAM;IAAA,IAAAK,gBAAA,EAAAC,gBAAA;IACLpE,MAAM,GAAGT,GAAG,CAACU,KAAK,CAChB0C,KAAK,CAAC0B,iBAAiB,CACrBlF,QAAQ,CAACb,OAAO,CAACsE,EAAE,CAAC,CAAC,EACrBzD,QAAQ,CAACb,OAAO,CAACuE,EAAE,CAAC,CAAC,GAAAsB,gBAAA,GACrBrB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEwB,MAAM,cAAAH,gBAAA,cAAAA,gBAAA,GAAIpF,UAAU,CAACwF,MAAM,GAAAH,gBAAA,GACrCtB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAE0B,MAAM,cAAAJ,gBAAA,cAAAA,gBAAA,GAAInF,UAAU,CAACwF,IAAI,EACnCX,EACF,CACF,CAAC;EACH;EACAvE,GAAG,CAACY,OAAO,CAACE,IAAI,CAACL,MAAM,CAAC;AAC1B,CAAC;AAED,MAAM0E,YAAY,GAAGA,CAACnF,GAAmB,EAAEC,KAAiB,KAAK;EAC/D,SAAS;;EACT,MAAMmF,KAAK,GAAG7F,SAAS,CAACR,OAAO,CAACkB,KAAK,CAACiC,IAA0B,CAAC,CAAC;EAClE,MAAMtB,OAAO,GAAGZ,GAAG,CAACY,OAAO,CAACC,MAAM,CAAC,CAAC,EAAEb,GAAG,CAACY,OAAO,CAACyE,MAAM,CAAC;EACzD,IAAIzE,OAAO,CAACyE,MAAM,GAAG,CAAC,EAAE;IACtB,MAAMC,QAAQ,GAAGtF,GAAG,CAACO,IAAI,CAACU,MAAM,CAACsE,SAAS,CAACC,IAAI,CAACxF,GAAG,CAACO,IAAI,CAACU,MAAM,EAAEmE,KAAK,CAAC;IACvEpF,GAAG,CAACY,OAAO,CAACE,IAAI,CAACjB,mBAAmB,CAACe,OAAO,EAAE0E,QAAQ,CAAC,CAAC;EAC1D;AACF,CAAC;AAED,OAAO,MAAMG,YAAY,GACvBC,OAAgB,IAC+B;EAC/C,SAAS;;EACT,OAAOA,OAAO,CAACC,IAAI,KAAK7F,WAAW,CAAC8F,UAAU;AAChD,CAAC;AAuBD,MAAMC,QAAQ,GAAGA,CACfH,OAAwC,EACxCC,IAAO,KACsB;EAC7B,SAAS;;EACT,OAAOD,OAAO,CAACI,UAAU,KAAKH,IAAI;AACpC,CAAC;AAED,OAAO,MAAMI,UAAU,GAAGA,CACxB/F,GAAmB,EACnB0F,OAAwC,KACrC;EACH,SAAS;;EACT,IAAIG,QAAQ,CAACH,OAAO,EAAEpG,QAAQ,CAAC2B,MAAM,CAAC,EAAE;IACtClB,aAAa,CAACC,GAAG,EAAE0F,OAAO,CAACzF,KAAK,EAAEyF,OAAO,CAACxF,QAAQ,CAAC;EACrD,CAAC,MAAM,IAAI2F,QAAQ,CAACH,OAAO,EAAEpG,QAAQ,CAAC0G,WAAW,CAAC,EAAE;IAClD9C,kBAAkB,CAAClD,GAAG,EAAE0F,OAAO,CAACzF,KAAK,CAAC;EACxC,CAAC,MAAM,IAAI4F,QAAQ,CAACH,OAAO,EAAEpG,QAAQ,CAAC2G,WAAW,CAAC,EAAE;IAClDlF,kBAAkB,CAACf,GAAG,EAAE0F,OAAO,CAACzF,KAAK,CAAC;EACxC,CAAC,MAAM,IAAI4F,QAAQ,CAACH,OAAO,EAAEpG,QAAQ,CAAC4G,UAAU,CAAC,EAAE;IACjDlD,uBAAuB,CAAChD,GAAG,EAAE0F,OAAO,CAACzF,KAAK,CAAC;EAC7C,CAAC,MAAM,IAAI4F,QAAQ,CAACH,OAAO,EAAEpG,QAAQ,CAAC6G,YAAY,CAAC,EAAE;IACnDhF,yBAAyB,CAACnB,GAAG,EAAE0F,OAAO,CAACzF,KAAK,CAAC;EAC/C,CAAC,MAAM,IAAI4F,QAAQ,CAACH,OAAO,EAAEpG,QAAQ,CAAC8G,cAAc,CAAC,EAAE;IACrDtD,2BAA2B,CAAC9C,GAAG,EAAE0F,OAAO,CAACzF,KAAK,CAAC;EACjD,CAAC,MAAM,IAAI4F,QAAQ,CAACH,OAAO,EAAEpG,QAAQ,CAAC+G,cAAc,CAAC,EAAE;IACrD/D,2BAA2B,CAACtC,GAAG,EAAE0F,OAAO,CAACzF,KAAK,CAAC;EACjD,CAAC,MAAM,IAAI4F,QAAQ,CAACH,OAAO,EAAEpG,QAAQ,CAACgH,aAAa,CAAC,EAAE;IACpD5D,0BAA0B,CAAC1C,GAAG,EAAE0F,OAAO,CAACzF,KAAK,CAAC;EAChD,CAAC,MAAM,IAAI4F,QAAQ,CAACH,OAAO,EAAEpG,QAAQ,CAACiH,uBAAuB,CAAC,EAAE;IAC9D5E,oCAAoC,CAAC3B,GAAG,EAAE0F,OAAO,CAACzF,KAAK,CAAC;EAC1D,CAAC,MAAM,IAAI4F,QAAQ,CAACH,OAAO,EAAEpG,QAAQ,CAACkH,KAAK,CAAC,EAAE;IAC5CrB,YAAY,CAACnF,GAAG,EAAE0F,OAAO,CAACzF,KAAK,CAAC;EAClC,CAAC,MAAM;IACL,MAAM,IAAIwG,KAAK,CAAC,wBAAwBf,OAAO,CAACI,UAAU,EAAE,CAAC;EAC/D;AACF,CAAC","ignoreList":[]}

package/lib/module/views/SkiaPictureView.web.js

@@ -283,21 +283,26 @@ export const SkiaPictureView = props => {
   // - The renderer is created synchronously on mount (the canvas element is
   //   guaranteed to exist in useLayoutEffect; a zero size at that point is
   //   fine, the surface is created once the canvas is measurable).
-  // - Redraw requests coalesce into a single animation frame. A picture
-  //   dispatched before the canvas has a size stays in pictureRef (drawing
-  //   while unmeasured is a no-op) and is painted by the resize path below
-  //   once the canvas becomes measurable, so it is never lost.
+  // - Redraw requests coalesce into a single microtask. A microtask (not an
+  //   animation frame) so that a picture produced inside a rAF callback (the
+  //   Reanimated mapper) is drawn before the current frame paints: deferring
+  //   to the next rAF alternates between "flush pending in this frame" and
+  //   "flush scheduled for the next frame", drawing on every other frame
+  //   only and halving the effective frame rate. A picture dispatched before
+  //   the canvas has a size stays in pictureRef (drawing while unmeasured is
+  //   a no-op) and is painted by the resize path below once the canvas
+  //   becomes measurable, so it is never lost.
   // - A ResizeObserver on the canvas itself recreates the surface and repaints
   //   synchronously (its callbacks run after layout, before paint), and is
   //   also the source of the user-facing onLayout event.
   const redrawPendingRef = useRef(false);
-  const frameRef = useRef(0);
+  const flushScheduledRef = useRef(false);
   const onLayoutRef = useRef(onLayout);
   useLayoutEffect(() => {
     onLayoutRef.current = onLayout;
   }, [onLayout]);
   const flushRedraw = useCallback(() => {
-    frameRef.current = 0;
+    flushScheduledRef.current = false;
     if (redrawPendingRef.current && rendererRef.current && pictureRef.current) {
       redrawPendingRef.current = false;
       rendererRef.current.draw(pictureRef.current);
@@ -307,8 +312,9 @@ export const SkiaPictureView = props => {
   }, []);
   const redraw = useCallback(() => {
     redrawPendingRef.current = true;
-    if (frameRef.current === 0) {
-      frameRef.current = requestAnimationFrame(flushRedraw);
+    if (!flushScheduledRef.current) {
+      flushScheduledRef.current = true;
+      queueMicrotask(flushRedraw);
     }
   }, [flushRedraw]);
   const getSize = useCallback(() => {
@@ -443,12 +449,11 @@ export const SkiaPictureView = props => {
       renderer.dispose();
     };
   }, [isStatic]);
-  useEffect(() => {
-    return () => {
-      cancelAnimationFrame(frameRef.current);
-      frameRef.current = 0;
-    };
-  }, []);
+
+  // No flush cancellation is needed on unmount: a microtask queued before
+  // unmount runs within the same task, and flushRedraw no-ops once the
+  // layout-effect cleanup has nulled rendererRef.
+
   useImperativeHandle(ref, () => ({
     setPicture,
     getSize,

package/lib/module/views/SkiaPictureView.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useEffect","useCallback","useImperativeHandle","useLayoutEffect","JsiSkSurface","Platform","SkiaViewNativeId","dp2Pixel","pd","rect","undefined","x","y","width","height","WebGLRenderer","constructor","canvas","_defineProperty","contextHandle","CanvasKit","GetWebGLContext","Error","grContext","MakeWebGLContext","deleteContext","ctx","getContext","drawingBufferColorSpace","onResize","makeImageSnapshot","picture","surface","getCanvas","clear","TRANSPARENT","draw","ref","flush","_this$surface","window","devicePixelRatio","clientWidth","clientHeight","delete","MakeOnScreenGLSurface","ColorSpace","SRGB","Float32Array","of","save","scale","drawPicture","restore","dispose","_this$surface2","_this$canvas","releaseResourcesAndAbandonContext","getExtension","loseContext","StaticWebGLRenderer","cachedImage","renderPictureToSurface","tempCanvas","OffscreenCanvas","webglSurface","skiaCanvas","error","cleanupRenderResult","result","_result$surface","_result$tempCanvas$ge","renderResult","ctx2d","drawImage","console","_this$cachedImage","makeLayoutEvent","timeStamp","Date","now","nativeEvent","layout","currentTarget","target","bubbles","cancelable","defaultPrevented","eventPhase","isDefaultPrevented","isPropagationStopped","persist","preventDefault","stopPropagation","isTrusted","type","SkiaPictureView","props","onLayout","canvasRef","rendererRef","pictureRef","redrawPendingRef","frameRef","onLayoutRef","current","flushRedraw","redraw","requestAnimationFrame","getSize","_canvasRef$current","_canvasRef$current2","setPicture","newPicture","measure","callback","getBoundingClientRect","parentElement","offsetParent","parentRect","left","top","pageX","scrollX","pageY","scrollY","measureInWindow","isStatic","__destroyWebGLContextAfterRender","renderer","lastWidth","lastHeight","lastPixelDensity","resizeIfNeeded","pixelDensity","observer","ResizeObserver","entries","layoutHandler","contentRect","setTimeout","observe","media","onPixelDensityChange","watchPixelDensity","_media","removeEventListener","matchMedia","query","addEventListener","_media2","disconnect","cancelAnimationFrame","_props$nativeID","nativeID","api","global","SkiaViewApi","registerView","unregisterView","debug","_debug","_ref","_onLayout","_picture","_isStatic","viewProps","createElement","View","style","display"],"sources":["SkiaPictureView.web.tsx"],"sourcesContent":["/* global HTMLCanvasElement, ResizeObserver, MediaQueryList */\nimport React, {\n  useRef,\n  useEffect,\n  useCallback,\n  useImperativeHandle,\n  useLayoutEffect,\n} from \"react\";\nimport type { LayoutChangeEvent } from \"react-native\";\nimport type { GrDirectContext, WebGLContextHandle } from \"canvaskit-wasm\";\n\nimport type { SkRect, SkPicture, SkImage } from \"../skia/types\";\nimport { JsiSkSurface } from \"../skia/web/JsiSkSurface\";\nimport { Platform } from \"../Platform\";\nimport type { ISkiaViewApiWeb } from \"../specs/NativeSkiaModule.web\";\n\nimport type { SkiaPictureViewNativeProps } from \"./types\";\nimport { SkiaViewNativeId } from \"./SkiaViewNativeId\";\n\nconst dp2Pixel = (pd: number, rect?: SkRect) => {\n  if (!rect) {\n    return undefined;\n  }\n  return {\n    x: rect.x * pd,\n    y: rect.y * pd,\n    width: rect.width * pd,\n    height: rect.height * pd,\n  };\n};\n\ninterface Renderer {\n  onResize(): void;\n  draw(picture: SkPicture): void;\n  makeImageSnapshot(picture: SkPicture, rect?: SkRect): SkImage | null;\n  dispose(): void;\n}\n\nclass WebGLRenderer implements Renderer {\n  private surface: JsiSkSurface | null = null;\n  private grContext: GrDirectContext | null = null;\n  private contextHandle: WebGLContextHandle = 0;\n  private pd = 1;\n\n  constructor(private canvas: HTMLCanvasElement) {\n    this.contextHandle = CanvasKit.GetWebGLContext(canvas);\n    if (!this.contextHandle) {\n      throw new Error(\"Could not create a WebGL context\");\n    }\n    this.grContext = CanvasKit.MakeWebGLContext(this.contextHandle);\n    if (!this.grContext) {\n      CanvasKit.deleteContext(this.contextHandle);\n      this.contextHandle = 0;\n      throw new Error(\"Could not create a graphics context\");\n    }\n    const ctx = canvas.getContext(\"webgl2\");\n    if (ctx) {\n      ctx.drawingBufferColorSpace = \"display-p3\";\n    }\n    this.onResize();\n  }\n\n  makeImageSnapshot(picture: SkPicture, rect?: SkRect): SkImage | null {\n    if (!this.surface) {\n      return null;\n    }\n    const canvas = this.surface.getCanvas();\n    canvas!.clear(CanvasKit.TRANSPARENT);\n    this.draw(picture);\n    this.surface.ref.flush();\n    return this.surface.makeImageSnapshot(dp2Pixel(this.pd, rect));\n  }\n\n  onResize() {\n    const { canvas } = this;\n    if (!this.grContext) {\n      return;\n    }\n    this.pd = window.devicePixelRatio;\n    canvas.width = canvas.clientWidth * this.pd;\n    canvas.height = canvas.clientHeight * this.pd;\n    this.surface?.ref.delete();\n    this.surface = null;\n    if (canvas.width === 0 || canvas.height === 0) {\n      // The canvas hasn't been laid out yet (or is hidden). The view's\n      // ResizeObserver calls us again as soon as it has a size.\n      return;\n    }\n    // Reuse the existing WebGL context and GrDirectContext: only the surface\n    // needs to be recreated when the canvas is resized.\n    const surface = CanvasKit.MakeOnScreenGLSurface(\n      this.grContext,\n      canvas.width,\n      canvas.height,\n      CanvasKit.ColorSpace.SRGB\n    );\n    if (!surface) {\n      throw new Error(\"Could not create surface\");\n    }\n    this.surface = new JsiSkSurface(CanvasKit, surface);\n  }\n\n  draw(picture: SkPicture) {\n    if (this.surface) {\n      const canvas = this.surface.getCanvas();\n      canvas.clear(Float32Array.of(0, 0, 0, 0));\n      canvas.save();\n      canvas.scale(this.pd, this.pd);\n      canvas.drawPicture(picture);\n      canvas.restore();\n      this.surface.ref.flush();\n    }\n  }\n\n  dispose(): void {\n    this.surface?.ref.delete();\n    this.surface = null;\n    if (this.grContext) {\n      this.grContext.releaseResourcesAndAbandonContext();\n      this.grContext.delete();\n      this.grContext = null;\n    }\n    this.canvas\n      ?.getContext(\"webgl2\")\n      ?.getExtension(\"WEBGL_lose_context\")\n      ?.loseContext();\n    if (this.contextHandle) {\n      // Unregister the context from CanvasKit's internal registry, otherwise\n      // it retains the canvas element (and its detached DOM tree) forever.\n      CanvasKit.deleteContext(this.contextHandle);\n      // Making the now-deleted handle current clears CanvasKit's\n      // current-context globals (GLctx/Module.ctx), which would otherwise\n      // keep referencing the context (and the canvas) until another surface\n      // becomes current. With a deleted handle this is a no-op that returns\n      // null without creating anything.\n      CanvasKit.MakeWebGLContext(this.contextHandle);\n      this.contextHandle = 0;\n    }\n  }\n}\n\ninterface TempRenderResult {\n  surface: JsiSkSurface;\n  tempCanvas: OffscreenCanvas;\n  grContext: GrDirectContext;\n  contextHandle: WebGLContextHandle;\n}\n\nclass StaticWebGLRenderer implements Renderer {\n  private cachedImage: SkImage | null = null;\n  private pd = 1;\n\n  constructor(private canvas: HTMLCanvasElement) {}\n\n  onResize(): void {\n    this.cachedImage = null;\n  }\n\n  private renderPictureToSurface(picture: SkPicture): TempRenderResult | null {\n    this.pd = window.devicePixelRatio;\n    if (this.canvas.clientWidth === 0 || this.canvas.clientHeight === 0) {\n      return null;\n    }\n    const tempCanvas = new OffscreenCanvas(\n      this.canvas.clientWidth * this.pd,\n      this.canvas.clientHeight * this.pd\n    );\n\n    let surface: JsiSkSurface | null = null;\n    let grContext: GrDirectContext | null = null;\n    let contextHandle: WebGLContextHandle = 0;\n\n    try {\n      contextHandle = CanvasKit.GetWebGLContext(tempCanvas);\n      if (!contextHandle) {\n        throw new Error(\"Could not create a WebGL context\");\n      }\n      grContext = CanvasKit.MakeWebGLContext(contextHandle);\n      if (!grContext) {\n        throw new Error(\"Could not create a graphics context\");\n      }\n      const ctx = tempCanvas.getContext(\"webgl2\");\n      if (ctx) {\n        ctx.drawingBufferColorSpace = \"display-p3\";\n      }\n      const webglSurface = CanvasKit.MakeOnScreenGLSurface(\n        grContext,\n        tempCanvas.width,\n        tempCanvas.height,\n        CanvasKit.ColorSpace.SRGB\n      );\n\n      if (!webglSurface) {\n        throw new Error(\"Could not create WebGL surface\");\n      }\n\n      surface = new JsiSkSurface(CanvasKit, webglSurface);\n\n      const skiaCanvas = surface.getCanvas();\n      skiaCanvas.clear(Float32Array.of(0, 0, 0, 0));\n      skiaCanvas.save();\n      skiaCanvas.scale(this.pd, this.pd);\n      skiaCanvas.drawPicture(picture);\n      skiaCanvas.restore();\n      surface.ref.flush();\n\n      return { surface, tempCanvas, grContext, contextHandle };\n    } catch (error) {\n      this.cleanupRenderResult({\n        surface,\n        tempCanvas,\n        grContext,\n        contextHandle,\n      });\n      return null;\n    }\n  }\n\n  private cleanupRenderResult(result: {\n    surface: JsiSkSurface | null;\n    tempCanvas: OffscreenCanvas;\n    grContext: GrDirectContext | null;\n    contextHandle: WebGLContextHandle;\n  }): void {\n    result.surface?.ref.delete();\n    if (result.grContext) {\n      result.grContext.releaseResourcesAndAbandonContext();\n      result.grContext.delete();\n    }\n    result.tempCanvas\n      .getContext(\"webgl2\")\n      ?.getExtension(\"WEBGL_lose_context\")\n      ?.loseContext();\n    if (result.contextHandle) {\n      // Unregister the context from CanvasKit's internal registry, otherwise\n      // it retains the OffscreenCanvas forever.\n      CanvasKit.deleteContext(result.contextHandle);\n      // Clear CanvasKit's current-context globals (see WebGLRenderer.dispose).\n      CanvasKit.MakeWebGLContext(result.contextHandle);\n    }\n  }\n\n  draw(picture: SkPicture): void {\n    const renderResult = this.renderPictureToSurface(picture);\n    if (!renderResult) {\n      return;\n    }\n    const { tempCanvas } = renderResult;\n    const ctx2d = this.canvas.getContext(\"2d\");\n    if (!ctx2d) {\n      this.cleanupRenderResult(renderResult);\n      throw new Error(\"Could not get 2D context\");\n    }\n\n    // Set canvas dimensions to match pixel density\n    this.canvas.width = this.canvas.clientWidth * this.pd;\n    this.canvas.height = this.canvas.clientHeight * this.pd;\n\n    // Draw the tempCanvas scaled down to the display size\n    ctx2d.drawImage(\n      tempCanvas,\n      0,\n      0,\n      tempCanvas.width,\n      tempCanvas.height,\n      0,\n      0,\n      this.canvas.clientWidth * this.pd,\n      this.canvas.clientHeight * this.pd\n    );\n\n    this.cleanupRenderResult(renderResult);\n  }\n\n  makeImageSnapshot(picture: SkPicture, rect?: SkRect): SkImage | null {\n    if (!this.cachedImage) {\n      const renderResult = this.renderPictureToSurface(picture);\n      if (!renderResult) {\n        return null;\n      }\n\n      try {\n        this.cachedImage = renderResult.surface.makeImageSnapshot(\n          dp2Pixel(this.pd, rect)\n        );\n      } catch (error) {\n        console.error(\"Error creating image snapshot:\", error);\n      } finally {\n        this.cleanupRenderResult(renderResult);\n      }\n    }\n\n    return this.cachedImage;\n  }\n\n  dispose(): void {\n    this.cachedImage?.dispose();\n    this.cachedImage = null;\n  }\n}\n\n// Mirrors the event react-native-web synthesizes for onLayout.\nconst makeLayoutEvent = (\n  x: number,\n  y: number,\n  width: number,\n  height: number\n): LayoutChangeEvent => ({\n  timeStamp: Date.now(),\n  nativeEvent: { layout: { x, y, width, height } },\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-expect-error\n  currentTarget: 0,\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-expect-error\n  target: 0,\n  bubbles: false,\n  cancelable: false,\n  defaultPrevented: false,\n  eventPhase: 0,\n  isDefaultPrevented() {\n    throw new Error(\"Method not supported on web.\");\n  },\n  isPropagationStopped() {\n    throw new Error(\"Method not supported on web.\");\n  },\n  persist() {\n    throw new Error(\"Method not supported on web.\");\n  },\n  preventDefault() {\n    throw new Error(\"Method not supported on web.\");\n  },\n  stopPropagation() {\n    throw new Error(\"Method not supported on web.\");\n  },\n  isTrusted: true,\n  type: \"\",\n});\n\nexport interface SkiaPictureViewHandle {\n  setPicture(picture: SkPicture): void;\n  getSize(): { width: number; height: number };\n  redraw(): void;\n  makeImageSnapshot(rect?: SkRect): SkImage | null;\n  measure(\n    callback: (\n      x: number,\n      y: number,\n      width: number,\n      height: number,\n      pageX: number,\n      pageY: number\n    ) => void\n  ): void;\n  measureInWindow(\n    callback: (x: number, y: number, width: number, height: number) => void\n  ): void;\n}\n\nexport interface SkiaPictureViewProps extends SkiaPictureViewNativeProps {\n  ref?: React.Ref<SkiaPictureViewHandle>;\n}\n\nexport const SkiaPictureView = (props: SkiaPictureViewProps) => {\n  const { ref, picture, onLayout } = props;\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const rendererRef = useRef<Renderer | null>(null);\n  const pictureRef = useRef<SkPicture | null>(null);\n  // The rendering lifecycle deliberately does not depend on layout events:\n  // - The renderer is created synchronously on mount (the canvas element is\n  //   guaranteed to exist in useLayoutEffect; a zero size at that point is\n  //   fine, the surface is created once the canvas is measurable).\n  // - Redraw requests coalesce into a single animation frame. A picture\n  //   dispatched before the canvas has a size stays in pictureRef (drawing\n  //   while unmeasured is a no-op) and is painted by the resize path below\n  //   once the canvas becomes measurable, so it is never lost.\n  // - A ResizeObserver on the canvas itself recreates the surface and repaints\n  //   synchronously (its callbacks run after layout, before paint), and is\n  //   also the source of the user-facing onLayout event.\n  const redrawPendingRef = useRef(false);\n  const frameRef = useRef(0);\n  const onLayoutRef = useRef(onLayout);\n  useLayoutEffect(() => {\n    onLayoutRef.current = onLayout;\n  }, [onLayout]);\n\n  const flushRedraw = useCallback(() => {\n    frameRef.current = 0;\n    if (redrawPendingRef.current && rendererRef.current && pictureRef.current) {\n      redrawPendingRef.current = false;\n      rendererRef.current.draw(pictureRef.current);\n    }\n    // If the renderer or picture isn't available yet, the request stays\n    // pending and is flushed by whichever arrives last.\n  }, []);\n\n  const redraw = useCallback(() => {\n    redrawPendingRef.current = true;\n    if (frameRef.current === 0) {\n      frameRef.current = requestAnimationFrame(flushRedraw);\n    }\n  }, [flushRedraw]);\n\n  const getSize = useCallback(() => {\n    return {\n      width: canvasRef.current?.clientWidth || 0,\n      height: canvasRef.current?.clientHeight || 0,\n    };\n  }, []);\n\n  const setPicture = useCallback(\n    (newPicture: SkPicture) => {\n      pictureRef.current = newPicture;\n      redraw();\n    },\n    [redraw]\n  );\n\n  const makeImageSnapshot = useCallback((rect?: SkRect) => {\n    if (rendererRef.current && pictureRef.current) {\n      return rendererRef.current.makeImageSnapshot(pictureRef.current, rect);\n    }\n    return null;\n  }, []);\n\n  const measure = useCallback(\n    (\n      callback: (\n        x: number,\n        y: number,\n        width: number,\n        height: number,\n        pageX: number,\n        pageY: number\n      ) => void\n    ) => {\n      if (canvasRef.current) {\n        const rect = canvasRef.current.getBoundingClientRect();\n        const parentElement = canvasRef.current.offsetParent as HTMLElement;\n        const parentRect = parentElement?.getBoundingClientRect() || {\n          left: 0,\n          top: 0,\n        };\n\n        // x, y are relative to the parent\n        const x = rect.left - parentRect.left;\n        const y = rect.top - parentRect.top;\n\n        // pageX, pageY are absolute screen coordinates\n        const pageX = rect.left + window.scrollX;\n        const pageY = rect.top + window.scrollY;\n\n        callback(x, y, rect.width, rect.height, pageX, pageY);\n      }\n    },\n    []\n  );\n\n  const measureInWindow = useCallback(\n    (\n      callback: (x: number, y: number, width: number, height: number) => void\n    ) => {\n      if (canvasRef.current) {\n        const rect = canvasRef.current.getBoundingClientRect();\n\n        // x, y are the absolute coordinates in the window\n        const x = rect.left;\n        const y = rect.top;\n\n        callback(x, y, rect.width, rect.height);\n      }\n    },\n    []\n  );\n\n  const isStatic = props.__destroyWebGLContextAfterRender === true;\n\n  useLayoutEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) {\n      return undefined;\n    }\n    const renderer = isStatic\n      ? new StaticWebGLRenderer(canvas)\n      : new WebGLRenderer(canvas);\n    rendererRef.current = renderer;\n\n    const drawPicture = () => {\n      if (pictureRef.current) {\n        redrawPendingRef.current = false;\n        renderer.draw(pictureRef.current);\n      }\n    };\n\n    // The renderer constructor already sized the surface from the current\n    // layout, so the observer's initial delivery only repaints if the size\n    // changed in between.\n    let lastWidth = canvas.clientWidth;\n    let lastHeight = canvas.clientHeight;\n    let lastPixelDensity = window.devicePixelRatio;\n    const resizeIfNeeded = () => {\n      const width = canvas.clientWidth;\n      const height = canvas.clientHeight;\n      const pixelDensity = window.devicePixelRatio;\n      if (\n        width === lastWidth &&\n        height === lastHeight &&\n        pixelDensity === lastPixelDensity\n      ) {\n        return;\n      }\n      lastWidth = width;\n      lastHeight = height;\n      lastPixelDensity = pixelDensity;\n      renderer.onResize();\n      drawPicture();\n    };\n\n    const observer = new ResizeObserver((entries) => {\n      resizeIfNeeded();\n      const layoutHandler = onLayoutRef.current;\n      if (layoutHandler) {\n        const { left, top, width, height } = entries[0].contentRect;\n        // setTimeout 0 is taken from react-native-web (UIManager)\n        setTimeout(\n          () => layoutHandler(makeLayoutEvent(left, top, width, height)),\n          0\n        );\n      }\n    });\n    observer.observe(canvas);\n\n    // A pixel-density change with no CSS size change (browser zoom, moving\n    // the window to another display) doesn't trigger the ResizeObserver:\n    // watch it via matchMedia, re-arming the query for each new density.\n    // This degrades gracefully where unsupported: without matchMedia or\n    // MediaQueryList.addEventListener (older Safari), or where the query\n    // never matches because the resolution feature is unknown (Safari < 16),\n    // density-only changes simply don't repaint — everything else still does.\n    let media: MediaQueryList | null = null;\n    const onPixelDensityChange = () => {\n      resizeIfNeeded();\n      watchPixelDensity();\n    };\n    const watchPixelDensity = () => {\n      media?.removeEventListener(\"change\", onPixelDensityChange);\n      media = null;\n      if (typeof window.matchMedia === \"function\") {\n        const query = window.matchMedia(\n          `(resolution: ${window.devicePixelRatio}dppx)`\n        );\n        if (typeof query.addEventListener === \"function\") {\n          media = query;\n          media.addEventListener(\"change\", onPixelDensityChange);\n        }\n      }\n    };\n    watchPixelDensity();\n\n    // Paint any picture that was dispatched before the renderer existed.\n    drawPicture();\n\n    return () => {\n      observer.disconnect();\n      media?.removeEventListener(\"change\", onPixelDensityChange);\n      rendererRef.current = null;\n      renderer.dispose();\n    };\n  }, [isStatic]);\n\n  useEffect(() => {\n    return () => {\n      cancelAnimationFrame(frameRef.current);\n      frameRef.current = 0;\n    };\n  }, []);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      setPicture,\n      getSize,\n      redraw,\n      makeImageSnapshot,\n      measure,\n      measureInWindow,\n      get canvasRef() {\n        return () => canvasRef.current;\n      },\n    }),\n    [setPicture, getSize, redraw, makeImageSnapshot, measure, measureInWindow]\n  );\n\n  useEffect(() => {\n    const nativeID = props.nativeID ?? `${SkiaViewNativeId.current++}`;\n    const api = global.SkiaViewApi as ISkiaViewApiWeb;\n    api.registerView(nativeID, {\n      setPicture,\n      getSize,\n      redraw,\n      makeImageSnapshot,\n      measure,\n      measureInWindow,\n    } as SkiaPictureViewHandle);\n    return () => {\n      api.unregisterView(nativeID);\n    };\n  }, [\n    setPicture,\n    getSize,\n    redraw,\n    makeImageSnapshot,\n    measure,\n    measureInWindow,\n    props.nativeID,\n  ]);\n\n  useEffect(() => {\n    if (picture) {\n      setPicture(picture);\n    }\n  }, [setPicture, picture]);\n\n  const {\n    debug: _debug,\n    ref: _ref,\n    onLayout: _onLayout,\n    picture: _picture,\n    __destroyWebGLContextAfterRender: _isStatic,\n    ...viewProps\n  } = props;\n  return (\n    <Platform.View {...viewProps}>\n      <canvas\n        ref={canvasRef}\n        style={{ display: \"block\", width: \"100%\", height: \"100%\" }}\n      />\n    </Platform.View>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","useEffect","useCallback","useImperativeHandle","useLayoutEffect","JsiSkSurface","Platform","SkiaViewNativeId","dp2Pixel","pd","rect","undefined","x","y","width","height","WebGLRenderer","constructor","canvas","_defineProperty","contextHandle","CanvasKit","GetWebGLContext","Error","grContext","MakeWebGLContext","deleteContext","ctx","getContext","drawingBufferColorSpace","onResize","makeImageSnapshot","picture","surface","getCanvas","clear","TRANSPARENT","draw","ref","flush","_this$surface","window","devicePixelRatio","clientWidth","clientHeight","delete","MakeOnScreenGLSurface","ColorSpace","SRGB","Float32Array","of","save","scale","drawPicture","restore","dispose","_this$surface2","_this$canvas","releaseResourcesAndAbandonContext","getExtension","loseContext","StaticWebGLRenderer","cachedImage","renderPictureToSurface","tempCanvas","OffscreenCanvas","webglSurface","skiaCanvas","error","cleanupRenderResult","result","_result$surface","_result$tempCanvas$ge","renderResult","ctx2d","drawImage","console","_this$cachedImage","makeLayoutEvent","timeStamp","Date","now","nativeEvent","layout","currentTarget","target","bubbles","cancelable","defaultPrevented","eventPhase","isDefaultPrevented","isPropagationStopped","persist","preventDefault","stopPropagation","isTrusted","type","SkiaPictureView","props","onLayout","canvasRef","rendererRef","pictureRef","redrawPendingRef","flushScheduledRef","onLayoutRef","current","flushRedraw","redraw","queueMicrotask","getSize","_canvasRef$current","_canvasRef$current2","setPicture","newPicture","measure","callback","getBoundingClientRect","parentElement","offsetParent","parentRect","left","top","pageX","scrollX","pageY","scrollY","measureInWindow","isStatic","__destroyWebGLContextAfterRender","renderer","lastWidth","lastHeight","lastPixelDensity","resizeIfNeeded","pixelDensity","observer","ResizeObserver","entries","layoutHandler","contentRect","setTimeout","observe","media","onPixelDensityChange","watchPixelDensity","_media","removeEventListener","matchMedia","query","addEventListener","_media2","disconnect","_props$nativeID","nativeID","api","global","SkiaViewApi","registerView","unregisterView","debug","_debug","_ref","_onLayout","_picture","_isStatic","viewProps","createElement","View","style","display"],"sources":["SkiaPictureView.web.tsx"],"sourcesContent":["/* global HTMLCanvasElement, ResizeObserver, MediaQueryList */\nimport React, {\n  useRef,\n  useEffect,\n  useCallback,\n  useImperativeHandle,\n  useLayoutEffect,\n} from \"react\";\nimport type { LayoutChangeEvent } from \"react-native\";\nimport type { GrDirectContext, WebGLContextHandle } from \"canvaskit-wasm\";\n\nimport type { SkRect, SkPicture, SkImage } from \"../skia/types\";\nimport { JsiSkSurface } from \"../skia/web/JsiSkSurface\";\nimport { Platform } from \"../Platform\";\nimport type { ISkiaViewApiWeb } from \"../specs/NativeSkiaModule.web\";\n\nimport type { SkiaPictureViewNativeProps } from \"./types\";\nimport { SkiaViewNativeId } from \"./SkiaViewNativeId\";\n\nconst dp2Pixel = (pd: number, rect?: SkRect) => {\n  if (!rect) {\n    return undefined;\n  }\n  return {\n    x: rect.x * pd,\n    y: rect.y * pd,\n    width: rect.width * pd,\n    height: rect.height * pd,\n  };\n};\n\ninterface Renderer {\n  onResize(): void;\n  draw(picture: SkPicture): void;\n  makeImageSnapshot(picture: SkPicture, rect?: SkRect): SkImage | null;\n  dispose(): void;\n}\n\nclass WebGLRenderer implements Renderer {\n  private surface: JsiSkSurface | null = null;\n  private grContext: GrDirectContext | null = null;\n  private contextHandle: WebGLContextHandle = 0;\n  private pd = 1;\n\n  constructor(private canvas: HTMLCanvasElement) {\n    this.contextHandle = CanvasKit.GetWebGLContext(canvas);\n    if (!this.contextHandle) {\n      throw new Error(\"Could not create a WebGL context\");\n    }\n    this.grContext = CanvasKit.MakeWebGLContext(this.contextHandle);\n    if (!this.grContext) {\n      CanvasKit.deleteContext(this.contextHandle);\n      this.contextHandle = 0;\n      throw new Error(\"Could not create a graphics context\");\n    }\n    const ctx = canvas.getContext(\"webgl2\");\n    if (ctx) {\n      ctx.drawingBufferColorSpace = \"display-p3\";\n    }\n    this.onResize();\n  }\n\n  makeImageSnapshot(picture: SkPicture, rect?: SkRect): SkImage | null {\n    if (!this.surface) {\n      return null;\n    }\n    const canvas = this.surface.getCanvas();\n    canvas!.clear(CanvasKit.TRANSPARENT);\n    this.draw(picture);\n    this.surface.ref.flush();\n    return this.surface.makeImageSnapshot(dp2Pixel(this.pd, rect));\n  }\n\n  onResize() {\n    const { canvas } = this;\n    if (!this.grContext) {\n      return;\n    }\n    this.pd = window.devicePixelRatio;\n    canvas.width = canvas.clientWidth * this.pd;\n    canvas.height = canvas.clientHeight * this.pd;\n    this.surface?.ref.delete();\n    this.surface = null;\n    if (canvas.width === 0 || canvas.height === 0) {\n      // The canvas hasn't been laid out yet (or is hidden). The view's\n      // ResizeObserver calls us again as soon as it has a size.\n      return;\n    }\n    // Reuse the existing WebGL context and GrDirectContext: only the surface\n    // needs to be recreated when the canvas is resized.\n    const surface = CanvasKit.MakeOnScreenGLSurface(\n      this.grContext,\n      canvas.width,\n      canvas.height,\n      CanvasKit.ColorSpace.SRGB\n    );\n    if (!surface) {\n      throw new Error(\"Could not create surface\");\n    }\n    this.surface = new JsiSkSurface(CanvasKit, surface);\n  }\n\n  draw(picture: SkPicture) {\n    if (this.surface) {\n      const canvas = this.surface.getCanvas();\n      canvas.clear(Float32Array.of(0, 0, 0, 0));\n      canvas.save();\n      canvas.scale(this.pd, this.pd);\n      canvas.drawPicture(picture);\n      canvas.restore();\n      this.surface.ref.flush();\n    }\n  }\n\n  dispose(): void {\n    this.surface?.ref.delete();\n    this.surface = null;\n    if (this.grContext) {\n      this.grContext.releaseResourcesAndAbandonContext();\n      this.grContext.delete();\n      this.grContext = null;\n    }\n    this.canvas\n      ?.getContext(\"webgl2\")\n      ?.getExtension(\"WEBGL_lose_context\")\n      ?.loseContext();\n    if (this.contextHandle) {\n      // Unregister the context from CanvasKit's internal registry, otherwise\n      // it retains the canvas element (and its detached DOM tree) forever.\n      CanvasKit.deleteContext(this.contextHandle);\n      // Making the now-deleted handle current clears CanvasKit's\n      // current-context globals (GLctx/Module.ctx), which would otherwise\n      // keep referencing the context (and the canvas) until another surface\n      // becomes current. With a deleted handle this is a no-op that returns\n      // null without creating anything.\n      CanvasKit.MakeWebGLContext(this.contextHandle);\n      this.contextHandle = 0;\n    }\n  }\n}\n\ninterface TempRenderResult {\n  surface: JsiSkSurface;\n  tempCanvas: OffscreenCanvas;\n  grContext: GrDirectContext;\n  contextHandle: WebGLContextHandle;\n}\n\nclass StaticWebGLRenderer implements Renderer {\n  private cachedImage: SkImage | null = null;\n  private pd = 1;\n\n  constructor(private canvas: HTMLCanvasElement) {}\n\n  onResize(): void {\n    this.cachedImage = null;\n  }\n\n  private renderPictureToSurface(picture: SkPicture): TempRenderResult | null {\n    this.pd = window.devicePixelRatio;\n    if (this.canvas.clientWidth === 0 || this.canvas.clientHeight === 0) {\n      return null;\n    }\n    const tempCanvas = new OffscreenCanvas(\n      this.canvas.clientWidth * this.pd,\n      this.canvas.clientHeight * this.pd\n    );\n\n    let surface: JsiSkSurface | null = null;\n    let grContext: GrDirectContext | null = null;\n    let contextHandle: WebGLContextHandle = 0;\n\n    try {\n      contextHandle = CanvasKit.GetWebGLContext(tempCanvas);\n      if (!contextHandle) {\n        throw new Error(\"Could not create a WebGL context\");\n      }\n      grContext = CanvasKit.MakeWebGLContext(contextHandle);\n      if (!grContext) {\n        throw new Error(\"Could not create a graphics context\");\n      }\n      const ctx = tempCanvas.getContext(\"webgl2\");\n      if (ctx) {\n        ctx.drawingBufferColorSpace = \"display-p3\";\n      }\n      const webglSurface = CanvasKit.MakeOnScreenGLSurface(\n        grContext,\n        tempCanvas.width,\n        tempCanvas.height,\n        CanvasKit.ColorSpace.SRGB\n      );\n\n      if (!webglSurface) {\n        throw new Error(\"Could not create WebGL surface\");\n      }\n\n      surface = new JsiSkSurface(CanvasKit, webglSurface);\n\n      const skiaCanvas = surface.getCanvas();\n      skiaCanvas.clear(Float32Array.of(0, 0, 0, 0));\n      skiaCanvas.save();\n      skiaCanvas.scale(this.pd, this.pd);\n      skiaCanvas.drawPicture(picture);\n      skiaCanvas.restore();\n      surface.ref.flush();\n\n      return { surface, tempCanvas, grContext, contextHandle };\n    } catch (error) {\n      this.cleanupRenderResult({\n        surface,\n        tempCanvas,\n        grContext,\n        contextHandle,\n      });\n      return null;\n    }\n  }\n\n  private cleanupRenderResult(result: {\n    surface: JsiSkSurface | null;\n    tempCanvas: OffscreenCanvas;\n    grContext: GrDirectContext | null;\n    contextHandle: WebGLContextHandle;\n  }): void {\n    result.surface?.ref.delete();\n    if (result.grContext) {\n      result.grContext.releaseResourcesAndAbandonContext();\n      result.grContext.delete();\n    }\n    result.tempCanvas\n      .getContext(\"webgl2\")\n      ?.getExtension(\"WEBGL_lose_context\")\n      ?.loseContext();\n    if (result.contextHandle) {\n      // Unregister the context from CanvasKit's internal registry, otherwise\n      // it retains the OffscreenCanvas forever.\n      CanvasKit.deleteContext(result.contextHandle);\n      // Clear CanvasKit's current-context globals (see WebGLRenderer.dispose).\n      CanvasKit.MakeWebGLContext(result.contextHandle);\n    }\n  }\n\n  draw(picture: SkPicture): void {\n    const renderResult = this.renderPictureToSurface(picture);\n    if (!renderResult) {\n      return;\n    }\n    const { tempCanvas } = renderResult;\n    const ctx2d = this.canvas.getContext(\"2d\");\n    if (!ctx2d) {\n      this.cleanupRenderResult(renderResult);\n      throw new Error(\"Could not get 2D context\");\n    }\n\n    // Set canvas dimensions to match pixel density\n    this.canvas.width = this.canvas.clientWidth * this.pd;\n    this.canvas.height = this.canvas.clientHeight * this.pd;\n\n    // Draw the tempCanvas scaled down to the display size\n    ctx2d.drawImage(\n      tempCanvas,\n      0,\n      0,\n      tempCanvas.width,\n      tempCanvas.height,\n      0,\n      0,\n      this.canvas.clientWidth * this.pd,\n      this.canvas.clientHeight * this.pd\n    );\n\n    this.cleanupRenderResult(renderResult);\n  }\n\n  makeImageSnapshot(picture: SkPicture, rect?: SkRect): SkImage | null {\n    if (!this.cachedImage) {\n      const renderResult = this.renderPictureToSurface(picture);\n      if (!renderResult) {\n        return null;\n      }\n\n      try {\n        this.cachedImage = renderResult.surface.makeImageSnapshot(\n          dp2Pixel(this.pd, rect)\n        );\n      } catch (error) {\n        console.error(\"Error creating image snapshot:\", error);\n      } finally {\n        this.cleanupRenderResult(renderResult);\n      }\n    }\n\n    return this.cachedImage;\n  }\n\n  dispose(): void {\n    this.cachedImage?.dispose();\n    this.cachedImage = null;\n  }\n}\n\n// Mirrors the event react-native-web synthesizes for onLayout.\nconst makeLayoutEvent = (\n  x: number,\n  y: number,\n  width: number,\n  height: number\n): LayoutChangeEvent => ({\n  timeStamp: Date.now(),\n  nativeEvent: { layout: { x, y, width, height } },\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-expect-error\n  currentTarget: 0,\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-expect-error\n  target: 0,\n  bubbles: false,\n  cancelable: false,\n  defaultPrevented: false,\n  eventPhase: 0,\n  isDefaultPrevented() {\n    throw new Error(\"Method not supported on web.\");\n  },\n  isPropagationStopped() {\n    throw new Error(\"Method not supported on web.\");\n  },\n  persist() {\n    throw new Error(\"Method not supported on web.\");\n  },\n  preventDefault() {\n    throw new Error(\"Method not supported on web.\");\n  },\n  stopPropagation() {\n    throw new Error(\"Method not supported on web.\");\n  },\n  isTrusted: true,\n  type: \"\",\n});\n\nexport interface SkiaPictureViewHandle {\n  setPicture(picture: SkPicture): void;\n  getSize(): { width: number; height: number };\n  redraw(): void;\n  makeImageSnapshot(rect?: SkRect): SkImage | null;\n  measure(\n    callback: (\n      x: number,\n      y: number,\n      width: number,\n      height: number,\n      pageX: number,\n      pageY: number\n    ) => void\n  ): void;\n  measureInWindow(\n    callback: (x: number, y: number, width: number, height: number) => void\n  ): void;\n}\n\nexport interface SkiaPictureViewProps extends SkiaPictureViewNativeProps {\n  ref?: React.Ref<SkiaPictureViewHandle>;\n}\n\nexport const SkiaPictureView = (props: SkiaPictureViewProps) => {\n  const { ref, picture, onLayout } = props;\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const rendererRef = useRef<Renderer | null>(null);\n  const pictureRef = useRef<SkPicture | null>(null);\n  // The rendering lifecycle deliberately does not depend on layout events:\n  // - The renderer is created synchronously on mount (the canvas element is\n  //   guaranteed to exist in useLayoutEffect; a zero size at that point is\n  //   fine, the surface is created once the canvas is measurable).\n  // - Redraw requests coalesce into a single microtask. A microtask (not an\n  //   animation frame) so that a picture produced inside a rAF callback (the\n  //   Reanimated mapper) is drawn before the current frame paints: deferring\n  //   to the next rAF alternates between \"flush pending in this frame\" and\n  //   \"flush scheduled for the next frame\", drawing on every other frame\n  //   only and halving the effective frame rate. A picture dispatched before\n  //   the canvas has a size stays in pictureRef (drawing while unmeasured is\n  //   a no-op) and is painted by the resize path below once the canvas\n  //   becomes measurable, so it is never lost.\n  // - A ResizeObserver on the canvas itself recreates the surface and repaints\n  //   synchronously (its callbacks run after layout, before paint), and is\n  //   also the source of the user-facing onLayout event.\n  const redrawPendingRef = useRef(false);\n  const flushScheduledRef = useRef(false);\n  const onLayoutRef = useRef(onLayout);\n  useLayoutEffect(() => {\n    onLayoutRef.current = onLayout;\n  }, [onLayout]);\n\n  const flushRedraw = useCallback(() => {\n    flushScheduledRef.current = false;\n    if (redrawPendingRef.current && rendererRef.current && pictureRef.current) {\n      redrawPendingRef.current = false;\n      rendererRef.current.draw(pictureRef.current);\n    }\n    // If the renderer or picture isn't available yet, the request stays\n    // pending and is flushed by whichever arrives last.\n  }, []);\n\n  const redraw = useCallback(() => {\n    redrawPendingRef.current = true;\n    if (!flushScheduledRef.current) {\n      flushScheduledRef.current = true;\n      queueMicrotask(flushRedraw);\n    }\n  }, [flushRedraw]);\n\n  const getSize = useCallback(() => {\n    return {\n      width: canvasRef.current?.clientWidth || 0,\n      height: canvasRef.current?.clientHeight || 0,\n    };\n  }, []);\n\n  const setPicture = useCallback(\n    (newPicture: SkPicture) => {\n      pictureRef.current = newPicture;\n      redraw();\n    },\n    [redraw]\n  );\n\n  const makeImageSnapshot = useCallback((rect?: SkRect) => {\n    if (rendererRef.current && pictureRef.current) {\n      return rendererRef.current.makeImageSnapshot(pictureRef.current, rect);\n    }\n    return null;\n  }, []);\n\n  const measure = useCallback(\n    (\n      callback: (\n        x: number,\n        y: number,\n        width: number,\n        height: number,\n        pageX: number,\n        pageY: number\n      ) => void\n    ) => {\n      if (canvasRef.current) {\n        const rect = canvasRef.current.getBoundingClientRect();\n        const parentElement = canvasRef.current.offsetParent as HTMLElement;\n        const parentRect = parentElement?.getBoundingClientRect() || {\n          left: 0,\n          top: 0,\n        };\n\n        // x, y are relative to the parent\n        const x = rect.left - parentRect.left;\n        const y = rect.top - parentRect.top;\n\n        // pageX, pageY are absolute screen coordinates\n        const pageX = rect.left + window.scrollX;\n        const pageY = rect.top + window.scrollY;\n\n        callback(x, y, rect.width, rect.height, pageX, pageY);\n      }\n    },\n    []\n  );\n\n  const measureInWindow = useCallback(\n    (\n      callback: (x: number, y: number, width: number, height: number) => void\n    ) => {\n      if (canvasRef.current) {\n        const rect = canvasRef.current.getBoundingClientRect();\n\n        // x, y are the absolute coordinates in the window\n        const x = rect.left;\n        const y = rect.top;\n\n        callback(x, y, rect.width, rect.height);\n      }\n    },\n    []\n  );\n\n  const isStatic = props.__destroyWebGLContextAfterRender === true;\n\n  useLayoutEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) {\n      return undefined;\n    }\n    const renderer = isStatic\n      ? new StaticWebGLRenderer(canvas)\n      : new WebGLRenderer(canvas);\n    rendererRef.current = renderer;\n\n    const drawPicture = () => {\n      if (pictureRef.current) {\n        redrawPendingRef.current = false;\n        renderer.draw(pictureRef.current);\n      }\n    };\n\n    // The renderer constructor already sized the surface from the current\n    // layout, so the observer's initial delivery only repaints if the size\n    // changed in between.\n    let lastWidth = canvas.clientWidth;\n    let lastHeight = canvas.clientHeight;\n    let lastPixelDensity = window.devicePixelRatio;\n    const resizeIfNeeded = () => {\n      const width = canvas.clientWidth;\n      const height = canvas.clientHeight;\n      const pixelDensity = window.devicePixelRatio;\n      if (\n        width === lastWidth &&\n        height === lastHeight &&\n        pixelDensity === lastPixelDensity\n      ) {\n        return;\n      }\n      lastWidth = width;\n      lastHeight = height;\n      lastPixelDensity = pixelDensity;\n      renderer.onResize();\n      drawPicture();\n    };\n\n    const observer = new ResizeObserver((entries) => {\n      resizeIfNeeded();\n      const layoutHandler = onLayoutRef.current;\n      if (layoutHandler) {\n        const { left, top, width, height } = entries[0].contentRect;\n        // setTimeout 0 is taken from react-native-web (UIManager)\n        setTimeout(\n          () => layoutHandler(makeLayoutEvent(left, top, width, height)),\n          0\n        );\n      }\n    });\n    observer.observe(canvas);\n\n    // A pixel-density change with no CSS size change (browser zoom, moving\n    // the window to another display) doesn't trigger the ResizeObserver:\n    // watch it via matchMedia, re-arming the query for each new density.\n    // This degrades gracefully where unsupported: without matchMedia or\n    // MediaQueryList.addEventListener (older Safari), or where the query\n    // never matches because the resolution feature is unknown (Safari < 16),\n    // density-only changes simply don't repaint — everything else still does.\n    let media: MediaQueryList | null = null;\n    const onPixelDensityChange = () => {\n      resizeIfNeeded();\n      watchPixelDensity();\n    };\n    const watchPixelDensity = () => {\n      media?.removeEventListener(\"change\", onPixelDensityChange);\n      media = null;\n      if (typeof window.matchMedia === \"function\") {\n        const query = window.matchMedia(\n          `(resolution: ${window.devicePixelRatio}dppx)`\n        );\n        if (typeof query.addEventListener === \"function\") {\n          media = query;\n          media.addEventListener(\"change\", onPixelDensityChange);\n        }\n      }\n    };\n    watchPixelDensity();\n\n    // Paint any picture that was dispatched before the renderer existed.\n    drawPicture();\n\n    return () => {\n      observer.disconnect();\n      media?.removeEventListener(\"change\", onPixelDensityChange);\n      rendererRef.current = null;\n      renderer.dispose();\n    };\n  }, [isStatic]);\n\n  // No flush cancellation is needed on unmount: a microtask queued before\n  // unmount runs within the same task, and flushRedraw no-ops once the\n  // layout-effect cleanup has nulled rendererRef.\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      setPicture,\n      getSize,\n      redraw,\n      makeImageSnapshot,\n      measure,\n      measureInWindow,\n      get canvasRef() {\n        return () => canvasRef.current;\n      },\n    }),\n    [setPicture, getSize, redraw, makeImageSnapshot, measure, measureInWindow]\n  );\n\n  useEffect(() => {\n    const nativeID = props.nativeID ?? `${SkiaViewNativeId.current++}`;\n    const api = global.SkiaViewApi as ISkiaViewApiWeb;\n    api.registerView(nativeID, {\n      setPicture,\n      getSize,\n      redraw,\n      makeImageSnapshot,\n      measure,\n      measureInWindow,\n    } as SkiaPictureViewHandle);\n    return () => {\n      api.unregisterView(nativeID);\n    };\n  }, [\n    setPicture,\n    getSize,\n    redraw,\n    makeImageSnapshot,\n    measure,\n    measureInWindow,\n    props.nativeID,\n  ]);\n\n  useEffect(() => {\n    if (picture) {\n      setPicture(picture);\n    }\n  }, [setPicture, picture]);\n\n  const {\n    debug: _debug,\n    ref: _ref,\n    onLayout: _onLayout,\n    picture: _picture,\n    __destroyWebGLContextAfterRender: _isStatic,\n    ...viewProps\n  } = props;\n  return (\n    <Platform.View {...viewProps}>\n      <canvas\n        ref={canvasRef}\n        style={{ display: \"block\", width: \"100%\", height: \"100%\" }}\n      />\n    </Platform.View>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/typescript/lib/commonjs/skia/web/JsiSkia.d.ts

@@ -35,7 +35,6 @@ export function JsiSkApi(CanvasKit: any): {
     NativeBuffer: _JsiSkNativeBufferFactory.JsiSkNativeBufferFactory;
     Skottie: _JsiSkottieFactory.JsiSkottieFactory;
     Video: (url?: any) => Promise<any>;
-    Context: (_surface: any, _width: any, _height: any) => jest.Mock<any, any, any>;
     Recorder: () => jest.Mock<any, any, any>;
     getNativeDevice: () => jest.Mock<any, any, any>;
 };

package/lib/typescript/lib/commonjs/sksg/Recorder/DrawingContext.d.ts

@@ -12,6 +12,7 @@ export function createDrawingContext(Skia: any, paintPool: any, canvas: any): {
     paintDeclarations: any[];
     paintPool: any;
     savePaint: () => void;
+    pushPaint: (paint: any) => void;
     saveBackdropFilter: () => void;
     readonly paint: any;
     restorePaint: () => any;

package/lib/typescript/lib/module/skia/Skia.web.d.ts

@@ -34,7 +34,6 @@ export const Skia: {
     NativeBuffer: import("./web/JsiSkNativeBufferFactory").JsiSkNativeBufferFactory;
     Skottie: import("./web/JsiSkottieFactory").JsiSkottieFactory;
     Video: (url?: any) => Promise<any>;
-    Context: (_surface: any, _width: any, _height: any) => jest.Mock<any, any, any>;
     Recorder: () => jest.Mock<any, any, any>;
     getNativeDevice: () => jest.Mock<any, any, any>;
 };

package/lib/typescript/lib/module/skia/web/JsiSkia.d.ts

@@ -34,7 +34,6 @@ export function JsiSkApi(CanvasKit: any): {
     NativeBuffer: JsiSkNativeBufferFactory;
     Skottie: JsiSkottieFactory;
     Video: (url?: any) => Promise<any>;
-    Context: (_surface: any, _width: any, _height: any) => jest.Mock<any, any, any>;
     Recorder: () => jest.Mock<any, any, any>;
     getNativeDevice: () => jest.Mock<any, any, any>;
 };

package/lib/typescript/lib/module/sksg/Recorder/DrawingContext.d.ts

@@ -11,6 +11,7 @@ export function createDrawingContext(Skia: any, paintPool: any, canvas: any): {
     paintDeclarations: any[];
     paintPool: any;
     savePaint: () => void;
+    pushPaint: (paint: any) => void;
     saveBackdropFilter: () => void;
     readonly paint: any;
     restorePaint: () => any;

package/lib/typescript/src/skia/types/JsiInstance.d.ts

@@ -1,3 +1,4 @@
+/// <reference lib="esnext.disposable" preserve="true" />
 export interface SkJSIInstance<T extends string> extends Disposable {
     __typename__: T;
     dispose(): void;

package/lib/typescript/src/skia/types/Skia.d.ts

@@ -17,7 +17,7 @@ import type { SkVertices, VertexMode } from "./Vertices/Vertices";
 import type { DataFactory } from "./Data";
 import type { SVGFactory } from "./SVG";
 import type { TextBlobFactory } from "./TextBlob";
-import type { SkSurface, SurfaceFactory } from "./Surface";
+import type { SurfaceFactory } from "./Surface";
 import type { SkRSXform } from "./RSXform";
 import type { SkPath } from "./Path/Path";
 import type { SkContourMeasureIter } from "./ContourMeasure";
@@ -30,10 +30,6 @@ import type { Video } from "./Video";
 import type { NativeBufferFactory } from "./NativeBuffer";
 import type { JsiRecorder } from "./Recorder";
 import type { SkottieFactory } from "./Skottie";
-export interface SkiaContext {
-    getSurface(): SkSurface;
-    present(): void;
-}
 /**
  * Declares the interface for the native Skia API
  */
@@ -82,7 +78,6 @@ export interface Skia {
     ParagraphBuilder: ParagraphBuilderFactory;
     Skottie: SkottieFactory;
     Video: (url: string) => Promise<Video> | Video;
-    Context(surface: bigint, width: number, height: number): SkiaContext;
     NativeBuffer: NativeBufferFactory;
     Recorder(): JsiRecorder;
     /**

package/lib/typescript/src/sksg/Recorder/DrawingContext.d.ts

@@ -12,6 +12,7 @@ export declare const createDrawingContext: (Skia: Skia, paintPool: SkPaint[], ca
     paintDeclarations: SkPaint[];
     paintPool: SkPaint[];
     savePaint: () => void;
+    pushPaint: (paint: SkPaint) => void;
     saveBackdropFilter: () => void;
     readonly paint: SkPaint;
     restorePaint: () => SkPaint | undefined;

package/libs/.graphite

@@ -0,0 +1 @@
+m152

package/package.json

@@ -8,7 +8,7 @@
     "setup-skia-web": "scripts/setup-canvaskit.js"
   },
   "title": "React Native Skia",
-  "version": "2.11.0",
+  "version": "2.11.2-next.1",
   "description": "High-performance React Native Graphics using Skia",
   "main": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -139,10 +139,9 @@
   },
   "dependencies": {
     "canvaskit-wasm": "0.41.0",
-    "react-native-skia-android": "152.0.0",
-    "react-native-skia-apple-ios": "152.0.0",
-    "react-native-skia-apple-macos": "152.0.0",
-    "react-native-skia-apple-tvos": "152.0.0",
+    "react-native-skia-graphite-android": "152.0.0",
+    "react-native-skia-graphite-apple-ios": "152.0.0",
+    "react-native-skia-graphite-apple-macos": "152.0.0",
     "react-reconciler": "0.31.0"
   },
   "graphiteDependencies": {
@@ -185,5 +184,6 @@
         }
       ]
     ]
-  }
+  },
+  "stableVersion": "0.0.0"
 }

package/src/dom/nodes/datatypes/Rect.ts

@@ -6,8 +6,13 @@ import { processRadius } from "./Radius";
 
 export const isEdge = (pos: Vector, b: SkRect) => {
   "worklet";
+  const right = b.x + b.width;
+  const bottom = b.y + b.height;
+  const withinX = pos.x >= b.x && pos.x <= right;
+  const withinY = pos.y >= b.y && pos.y <= bottom;
   return (
-    pos.x === b.x || pos.y === b.y || pos.x === b.width || pos.y === b.height
+    (withinY && (pos.x === b.x || pos.x === right)) ||
+    (withinX && (pos.y === b.y || pos.y === bottom))
   );
 };
 

package/src/external/reanimated/useVideo.ts

@@ -22,8 +22,12 @@ const copyFrameOnAndroid = (currentFrame: SharedValue<SkImage | null>) => {
   if (Platform.OS === "android") {
     const tex = currentFrame.value;
     if (tex) {
-      currentFrame.value = tex; //.makeNonTextureImage();
-      tex.dispose();
+      const copy = tex.makeNonTextureImage();
+      if (copy) {
+        currentFrame.value = copy;
+        tex.dispose();
+      }
+      // If copy fails, keep the original frame rather than showing black
     }
   }
 };
@@ -32,6 +36,7 @@ const setFrame = (video: Video, currentFrame: SharedValue<SkImage | null>) => {
   "worklet";
   const img = video.nextImage();
   if (img) {
+    currentFrame.value?.dispose();
     currentFrame.value = img;
     copyFrameOnAndroid(currentFrame);
   }