@shopify/react-native-skia 2.12.0-next.1 → 2.12.0

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","canvasWebGL","WeakMap","deleteContextHandle","handle","CanvasKit","deleteContext","MakeWebGLContext","WebGLRenderer","constructor","canvas","requestRedraw","_defineProperty","release","restoreWanted","restoreRequest","setTimeout","_canvasWebGL$get","get","loseContext","restoreContext","acquire","entry","owner","addEventListener","onContextLost","onContextRestored","known","gl","isContextLost","lossAnnounced","_known$loseContext","GetWebGLContext","Error","trackContext","grContext","contextHandle","drawingBufferColorSpace","onResize","_canvas$getContext","getContext","getExtension","set","event","preventDefault","_this$surface","surface","ref","delete","releaseResourcesAndAbandonContext","_canvasWebGL$get$gl$i","_canvasWebGL$get2","makeImageSnapshot","picture","getCanvas","clear","TRANSPARENT","draw","flush","_this$surface2","window","devicePixelRatio","clientWidth","clientHeight","MakeOnScreenGLSurface","ColorSpace","SRGB","Float32Array","of","save","scale","drawPicture","restore","dispose","removeEventListener","clearTimeout","queueMicrotask","isConnected","_entry$loseContext","StaticWebGLRenderer","cachedImage","renderPictureToSurface","tempCanvas","OffscreenCanvas","ctx","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","stopPropagation","isTrusted","type","SkiaPictureView","props","onLayout","canvasRef","rendererRef","pictureRef","redrawPendingRef","flushScheduledRef","onLayoutRef","current","flushRedraw","redraw","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","observe","media","onPixelDensityChange","watchPixelDensity","_media","matchMedia","query","_media2","disconnect","_props$nativeID","nativeID","api","global","SkiaViewApi","registerView","unregisterView","debug","_debug","_ref","_onLayout","_picture","_isStatic","viewProps","createElement","View","key","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\n// A <canvas> element owns at most one WebGL context for its whole lifetime.\n// A renderer, on the other hand, lives as long as the layout effect that\n// creates it, which is shorter: React re-runs layout effects on a *preserved*\n// host node under StrictMode's DEV double-invoke and when an Activity/offscreen\n// subtree is hidden and revealed (#3976). What belongs to the element rather\n// than to a renderer is tracked here, per element:\n// - the context, so that a new renderer can tell whether the element already\n//   has one (and whether it is lost) without calling getContext() itself,\n//   which on a fresh element would create a context with the wrong attributes\n//   (CanvasKit.GetWebGLContext requests its own);\n// - the WEBGL_lose_context extension, captured while the context is healthy:\n//   getExtension() returns null on a lost context, and this object is the only\n//   way to lose a context on purpose or to ask the browser to restore one;\n// - whether the browser has announced the loss of the context yet: a lost\n//   context can only be restored once its webglcontextlost event has been\n//   dispatched, and that event is asynchronous;\n// - the renderer currently attached to the element, if any.\ninterface CanvasWebGL {\n  gl: WebGLRenderingContext | WebGL2RenderingContext;\n  // The WEBGL_lose_context extension.\n  loseContext: { loseContext(): void; restoreContext(): void } | null;\n  lossAnnounced: boolean;\n  owner: WebGLRenderer | null;\n}\nconst canvasWebGL = new WeakMap<HTMLCanvasElement, CanvasWebGL>();\n\n// Unregisters a context from CanvasKit's registry, which otherwise retains the\n// canvas element (and its detached DOM tree) forever (#3924).\nconst deleteContextHandle = (handle: WebGLContextHandle) => {\n  CanvasKit.deleteContext(handle);\n  // Making the now-deleted handle current clears CanvasKit's current-context\n  // globals (GLctx/Module.ctx), which would otherwise keep referencing the\n  // context (and the canvas) until another surface becomes current. With a\n  // deleted handle this is a no-op that returns null without creating\n  // anything.\n  CanvasKit.MakeWebGLContext(handle);\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  // Set while the renderer is waiting for a lost context to be restored.\n  private restoreWanted = false;\n  private restoreRequest: ReturnType<typeof setTimeout> | null = null;\n\n  constructor(\n    private canvas: HTMLCanvasElement,\n    // Called when the renderer becomes able to paint again and the current\n    // picture should be drawn.\n    private requestRedraw: () => void\n  ) {\n    const entry = canvasWebGL.get(canvas);\n    if (entry) {\n      entry.owner = this;\n    }\n    canvas.addEventListener(\"webglcontextlost\", this.onContextLost);\n    canvas.addEventListener(\"webglcontextrestored\", this.onContextRestored);\n    this.acquire();\n  }\n\n  // Builds the GrDirectContext and the surface on the element's WebGL\n  // context, creating the context first if the element has none.\n  private acquire() {\n    const { canvas } = this;\n    const known = canvasWebGL.get(canvas);\n    if (known?.gl.isContextLost()) {\n      // Nothing can be built on a lost context: CanvasKit.GetWebGLContext\n      // happily registers it, and MakeWebGLContext then faults inside wasm\n      // (#3976). Ask the browser for it back and finish in onContextRestored;\n      // if the loss hasn't been announced yet, onContextLost asks.\n      this.restoreWanted = true;\n      if (known.lossAnnounced) {\n        known.loseContext?.restoreContext();\n      }\n      return;\n    }\n    const handle = CanvasKit.GetWebGLContext(canvas);\n    if (!handle) {\n      throw new Error(\"Could not create a WebGL context\");\n    }\n    const entry = known ?? this.trackContext();\n    let grContext: GrDirectContext | null = null;\n    try {\n      grContext = CanvasKit.MakeWebGLContext(handle);\n    } finally {\n      if (!grContext) {\n        // Whether it returned null or threw, don't leave the registry\n        // holding on to the canvas.\n        deleteContextHandle(handle);\n      }\n    }\n    if (!grContext) {\n      throw new Error(\"Could not create a graphics context\");\n    }\n    this.restoreWanted = false;\n    this.contextHandle = handle;\n    this.grContext = grContext;\n    if (entry) {\n      entry.gl.drawingBufferColorSpace = \"display-p3\";\n    }\n    this.onResize();\n  }\n\n  // CanvasKit just created the element's context; asking for it again hands\n  // back the same object (the attributes are only honored the first time).\n  private trackContext(): CanvasWebGL | null {\n    const { canvas } = this;\n    const gl = canvas.getContext(\"webgl2\") ?? canvas.getContext(\"webgl\");\n    if (!gl) {\n      return null;\n    }\n    const entry: CanvasWebGL = {\n      gl,\n      loseContext: gl.getExtension(\"WEBGL_lose_context\"),\n      lossAnnounced: false,\n      owner: this,\n    };\n    canvasWebGL.set(canvas, entry);\n    // Browsers restore a lost context (evicted as the oldest one when the\n    // page exceeds the active-context limit, or lost to a GPU reset) only if\n    // the page called preventDefault() on the webglcontextlost event. A\n    // renderer isn't necessarily attached when that happens (the canvas may\n    // be in a hidden Activity), so these listeners live as long as the\n    // element does. They are registered ahead of any renderer's, and the\n    // loss can't be announced before they exist since the event is\n    // asynchronous.\n    canvas.addEventListener(\"webglcontextlost\", (event) => {\n      event.preventDefault();\n      entry.lossAnnounced = true;\n    });\n    canvas.addEventListener(\"webglcontextrestored\", () => {\n      entry.lossAnnounced = false;\n    });\n    return entry;\n  }\n\n  // Frees everything built on the context. The context itself belongs to the\n  // element, see dispose().\n  private release() {\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    if (this.contextHandle) {\n      deleteContextHandle(this.contextHandle);\n      this.contextHandle = 0;\n    }\n  }\n\n  private isContextLost() {\n    return canvasWebGL.get(this.canvas)?.gl.isContextLost() ?? false;\n  }\n\n  private onContextLost = () => {\n    // The browser already dropped every GL object; drop our references to\n    // them. Restoration is left to the browser (it restores an evicted\n    // context as soon as a slot frees up), except when this renderer was\n    // built on an already-lost context and is waiting to paint for the first\n    // time: chasing an eviction from here would evict the next-oldest context\n    // in turn, and with more live canvases than the browser allows the\n    // canvases would endlessly evict each other.\n    this.release();\n    if (this.restoreWanted) {\n      // The permission granted by preventDefault() is only recorded by the\n      // browser once the event dispatch is over: a restoreContext() call\n      // from inside the handler is refused, so ask from a later task.\n      this.restoreRequest = setTimeout(() => {\n        this.restoreRequest = null;\n        canvasWebGL.get(this.canvas)?.loseContext?.restoreContext();\n      }, 0);\n    }\n  };\n\n  private onContextRestored = () => {\n    this.acquire();\n    this.requestRedraw();\n  };\n\n  makeImageSnapshot(picture: SkPicture, rect?: SkRect): SkImage | null {\n    if (!this.surface || this.isContextLost()) {\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 || this.isContextLost()) {\n      // Waiting for the context to be restored (the restore path resizes),\n      // or the loss hasn't been announced yet and onContextLost is about to\n      // release everything: either way there is nothing to build on.\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 || this.isContextLost()) {\n      return;\n    }\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  dispose(): void {\n    const { canvas } = this;\n    canvas.removeEventListener(\"webglcontextlost\", this.onContextLost);\n    canvas.removeEventListener(\"webglcontextrestored\", this.onContextRestored);\n    if (this.restoreRequest !== null) {\n      clearTimeout(this.restoreRequest);\n      this.restoreRequest = null;\n    }\n    this.restoreWanted = false;\n    this.release();\n    // Free the drawing buffer, which CanvasKit requests with depth and stencil\n    // attachments (about 8 bytes per pixel): a canvas that stays in the\n    // document without a renderer, hidden in an Activity say, would otherwise\n    // keep a full-size buffer around. The next renderer's onResize() sizes it\n    // again.\n    canvas.width = 0;\n    canvas.height = 0;\n    const entry = canvasWebGL.get(canvas);\n    if (!entry) {\n      return;\n    }\n    entry.owner = null;\n    // Whether the element is going away is only known once the commit is\n    // over: on a real unmount React runs this cleanup *before* removing the\n    // node from the document, while StrictMode's double-invoke and an\n    // Activity hide keep the node in place (and the former builds the next\n    // renderer on it right away). Losing the context of a detached element\n    // matters: it would otherwise stay alive until the element is garbage\n    // collected, and browsers cap the number of live contexts per page\n    // (16 in Chrome, which then evicts the oldest one, visible or not).\n    queueMicrotask(() => {\n      if (\n        entry.owner === null &&\n        !canvas.isConnected &&\n        !entry.gl.isContextLost()\n      ) {\n        entry.loseContext?.loseContext();\n      }\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  // - The renderer belongs to the layout effect, the WebGL context to the\n  //   <canvas> element, whose lifetime is longer; see WebGLRenderer for how\n  //   the two are reconciled.\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, redraw);\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, redraw]);\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        // A canvas element is bound to one context kind for life (WebGL for\n        // the live renderer, 2D for the static one), so switching renderers\n        // needs a fresh element.\n        key={isStatic ? \"static\" : \"webgl\"}\n        ref={canvasRef}\n        style={{ display: \"block\", width: \"100%\", height: \"100%\" }}\n      />\n    </Platform.View>\n  );\n};\n"],"mappings":";;;AAAA;AACA,OAAOA,KAAK,IACVC,MAAM,EACNC,SAAS,EACTC,WAAW,EACXC,mBAAmB,EACnBC,eAAe,QACV,OAAO;AAKd,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,QAAQ,QAAQ,aAAa;AAItC,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,MAAMC,QAAQ,GAAGA,CAACC,EAAU,EAAEC,IAAa,KAAK;EAC9C,IAAI,CAACA,IAAI,EAAE;IACT,OAAOC,SAAS;EAClB;EACA,OAAO;IACLC,CAAC,EAAEF,IAAI,CAACE,CAAC,GAAGH,EAAE;IACdI,CAAC,EAAEH,IAAI,CAACG,CAAC,GAAGJ,EAAE;IACdK,KAAK,EAAEJ,IAAI,CAACI,KAAK,GAAGL,EAAE;IACtBM,MAAM,EAAEL,IAAI,CAACK,MAAM,GAAGN;EACxB,CAAC;AACH,CAAC;;AASD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA,MAAMO,WAAW,GAAG,IAAIC,OAAO,CAAiC,CAAC;;AAEjE;AACA;AACA,MAAMC,mBAAmB,GAAIC,MAA0B,IAAK;EAC1DC,SAAS,CAACC,aAAa,CAACF,MAAM,CAAC;EAC/B;EACA;EACA;EACA;EACA;EACAC,SAAS,CAACE,gBAAgB,CAACH,MAAM,CAAC;AACpC,CAAC;AAED,MAAMI,aAAa,CAAqB;EAStCC,WAAWA,CACDC,MAAyB;EACjC;EACA;EACQC,aAAyB,EACjC;IAAA,KAJQD,MAAyB,GAAzBA,MAAyB;IAAA,KAGzBC,aAAyB,GAAzBA,aAAyB;IAAAC,eAAA,kBAZI,IAAI;IAAAA,eAAA,oBACC,IAAI;IAAAA,eAAA,wBACJ,CAAC;IAAAA,eAAA,aAChC,CAAC;IACd;IAAAA,eAAA,wBACwB,KAAK;IAAAA,eAAA,yBACkC,IAAI;IAAAA,eAAA,wBAiH3C,MAAM;MAC5B;MACA;MACA;MACA;MACA;MACA;MACA;MACA,IAAI,CAACC,OAAO,CAAC,CAAC;MACd,IAAI,IAAI,CAACC,aAAa,EAAE;QACtB;QACA;QACA;QACA,IAAI,CAACC,cAAc,GAAGC,UAAU,CAAC,MAAM;UAAA,IAAAC,gBAAA;UACrC,IAAI,CAACF,cAAc,GAAG,IAAI;UAC1B,CAAAE,gBAAA,GAAAhB,WAAW,CAACiB,GAAG,CAAC,IAAI,CAACR,MAAM,CAAC,cAAAO,gBAAA,gBAAAA,gBAAA,GAA5BA,gBAAA,CAA8BE,WAAW,cAAAF,gBAAA,eAAzCA,gBAAA,CAA2CG,cAAc,CAAC,CAAC;QAC7D,CAAC,EAAE,CAAC,CAAC;MACP;IACF,CAAC;IAAAR,eAAA,4BAE2B,MAAM;MAChC,IAAI,CAACS,OAAO,CAAC,CAAC;MACd,IAAI,CAACV,aAAa,CAAC,CAAC;IACtB,CAAC;IAhIC,MAAMW,KAAK,GAAGrB,WAAW,CAACiB,GAAG,CAACR,MAAM,CAAC;IACrC,IAAIY,KAAK,EAAE;MACTA,KAAK,CAACC,KAAK,GAAG,IAAI;IACpB;IACAb,MAAM,CAACc,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAACC,aAAa,CAAC;IAC/Df,MAAM,CAACc,gBAAgB,CAAC,sBAAsB,EAAE,IAAI,CAACE,iBAAiB,CAAC;IACvE,IAAI,CAACL,OAAO,CAAC,CAAC;EAChB;;EAEA;EACA;EACQA,OAAOA,CAAA,EAAG;IAChB,MAAM;MAAEX;IAAO,CAAC,GAAG,IAAI;IACvB,MAAMiB,KAAK,GAAG1B,WAAW,CAACiB,GAAG,CAACR,MAAM,CAAC;IACrC,IAAIiB,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEC,EAAE,CAACC,aAAa,CAAC,CAAC,EAAE;MAC7B;MACA;MACA;MACA;MACA,IAAI,CAACf,aAAa,GAAG,IAAI;MACzB,IAAIa,KAAK,CAACG,aAAa,EAAE;QAAA,IAAAC,kBAAA;QACvB,CAAAA,kBAAA,GAAAJ,KAAK,CAACR,WAAW,cAAAY,kBAAA,eAAjBA,kBAAA,CAAmBX,cAAc,CAAC,CAAC;MACrC;MACA;IACF;IACA,MAAMhB,MAAM,GAAGC,SAAS,CAAC2B,eAAe,CAACtB,MAAM,CAAC;IAChD,IAAI,CAACN,MAAM,EAAE;MACX,MAAM,IAAI6B,KAAK,CAAC,kCAAkC,CAAC;IACrD;IACA,MAAMX,KAAK,GAAGK,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,IAAI,CAACO,YAAY,CAAC,CAAC;IAC1C,IAAIC,SAAiC,GAAG,IAAI;IAC5C,IAAI;MACFA,SAAS,GAAG9B,SAAS,CAACE,gBAAgB,CAACH,MAAM,CAAC;IAChD,CAAC,SAAS;MACR,IAAI,CAAC+B,SAAS,EAAE;QACd;QACA;QACAhC,mBAAmB,CAACC,MAAM,CAAC;MAC7B;IACF;IACA,IAAI,CAAC+B,SAAS,EAAE;MACd,MAAM,IAAIF,KAAK,CAAC,qCAAqC,CAAC;IACxD;IACA,IAAI,CAACnB,aAAa,GAAG,KAAK;IAC1B,IAAI,CAACsB,aAAa,GAAGhC,MAAM;IAC3B,IAAI,CAAC+B,SAAS,GAAGA,SAAS;IAC1B,IAAIb,KAAK,EAAE;MACTA,KAAK,CAACM,EAAE,CAACS,uBAAuB,GAAG,YAAY;IACjD;IACA,IAAI,CAACC,QAAQ,CAAC,CAAC;EACjB;;EAEA;EACA;EACQJ,YAAYA,CAAA,EAAuB;IAAA,IAAAK,kBAAA;IACzC,MAAM;MAAE7B;IAAO,CAAC,GAAG,IAAI;IACvB,MAAMkB,EAAE,IAAAW,kBAAA,GAAG7B,MAAM,CAAC8B,UAAU,CAAC,QAAQ,CAAC,cAAAD,kBAAA,cAAAA,kBAAA,GAAI7B,MAAM,CAAC8B,UAAU,CAAC,OAAO,CAAC;IACpE,IAAI,CAACZ,EAAE,EAAE;MACP,OAAO,IAAI;IACb;IACA,MAAMN,KAAkB,GAAG;MACzBM,EAAE;MACFT,WAAW,EAAES,EAAE,CAACa,YAAY,CAAC,oBAAoB,CAAC;MAClDX,aAAa,EAAE,KAAK;MACpBP,KAAK,EAAE;IACT,CAAC;IACDtB,WAAW,CAACyC,GAAG,CAAChC,MAAM,EAAEY,KAAK,CAAC;IAC9B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAZ,MAAM,CAACc,gBAAgB,CAAC,kBAAkB,EAAGmB,KAAK,IAAK;MACrDA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBtB,KAAK,CAACQ,aAAa,GAAG,IAAI;IAC5B,CAAC,CAAC;IACFpB,MAAM,CAACc,gBAAgB,CAAC,sBAAsB,EAAE,MAAM;MACpDF,KAAK,CAACQ,aAAa,GAAG,KAAK;IAC7B,CAAC,CAAC;IACF,OAAOR,KAAK;EACd;;EAEA;EACA;EACQT,OAAOA,CAAA,EAAG;IAAA,IAAAgC,aAAA;IAChB,CAAAA,aAAA,OAAI,CAACC,OAAO,cAAAD,aAAA,eAAZA,aAAA,CAAcE,GAAG,CAACC,MAAM,CAAC,CAAC;IAC1B,IAAI,CAACF,OAAO,GAAG,IAAI;IACnB,IAAI,IAAI,CAACX,SAAS,EAAE;MAClB,IAAI,CAACA,SAAS,CAACc,iCAAiC,CAAC,CAAC;MAClD,IAAI,CAACd,SAAS,CAACa,MAAM,CAAC,CAAC;MACvB,IAAI,CAACb,SAAS,GAAG,IAAI;IACvB;IACA,IAAI,IAAI,CAACC,aAAa,EAAE;MACtBjC,mBAAmB,CAAC,IAAI,CAACiC,aAAa,CAAC;MACvC,IAAI,CAACA,aAAa,GAAG,CAAC;IACxB;EACF;EAEQP,aAAaA,CAAA,EAAG;IAAA,IAAAqB,qBAAA,EAAAC,iBAAA;IACtB,QAAAD,qBAAA,IAAAC,iBAAA,GAAOlD,WAAW,CAACiB,GAAG,CAAC,IAAI,CAACR,MAAM,CAAC,cAAAyC,iBAAA,uBAA5BA,iBAAA,CAA8BvB,EAAE,CAACC,aAAa,CAAC,CAAC,cAAAqB,qBAAA,cAAAA,qBAAA,GAAI,KAAK;EAClE;EA2BAE,iBAAiBA,CAACC,OAAkB,EAAE1D,IAAa,EAAkB;IACnE,IAAI,CAAC,IAAI,CAACmD,OAAO,IAAI,IAAI,CAACjB,aAAa,CAAC,CAAC,EAAE;MACzC,OAAO,IAAI;IACb;IACA,MAAMnB,MAAM,GAAG,IAAI,CAACoC,OAAO,CAACQ,SAAS,CAAC,CAAC;IACvC5C,MAAM,CAAE6C,KAAK,CAAClD,SAAS,CAACmD,WAAW,CAAC;IACpC,IAAI,CAACC,IAAI,CAACJ,OAAO,CAAC;IAClB,IAAI,CAACP,OAAO,CAACC,GAAG,CAACW,KAAK,CAAC,CAAC;IACxB,OAAO,IAAI,CAACZ,OAAO,CAACM,iBAAiB,CAAC3D,QAAQ,CAAC,IAAI,CAACC,EAAE,EAAEC,IAAI,CAAC,CAAC;EAChE;EAEA2C,QAAQA,CAAA,EAAG;IAAA,IAAAqB,cAAA;IACT,MAAM;MAAEjD;IAAO,CAAC,GAAG,IAAI;IACvB,IAAI,CAAC,IAAI,CAACyB,SAAS,IAAI,IAAI,CAACN,aAAa,CAAC,CAAC,EAAE;MAC3C;MACA;MACA;MACA;IACF;IACA,IAAI,CAACnC,EAAE,GAAGkE,MAAM,CAACC,gBAAgB;IACjCnD,MAAM,CAACX,KAAK,GAAGW,MAAM,CAACoD,WAAW,GAAG,IAAI,CAACpE,EAAE;IAC3CgB,MAAM,CAACV,MAAM,GAAGU,MAAM,CAACqD,YAAY,GAAG,IAAI,CAACrE,EAAE;IAC7C,CAAAiE,cAAA,OAAI,CAACb,OAAO,cAAAa,cAAA,eAAZA,cAAA,CAAcZ,GAAG,CAACC,MAAM,CAAC,CAAC;IAC1B,IAAI,CAACF,OAAO,GAAG,IAAI;IACnB,IAAIpC,MAAM,CAACX,KAAK,KAAK,CAAC,IAAIW,MAAM,CAACV,MAAM,KAAK,CAAC,EAAE;MAC7C;MACA;MACA;IACF;IACA;IACA;IACA,MAAM8C,OAAO,GAAGzC,SAAS,CAAC2D,qBAAqB,CAC7C,IAAI,CAAC7B,SAAS,EACdzB,MAAM,CAACX,KAAK,EACZW,MAAM,CAACV,MAAM,EACbK,SAAS,CAAC4D,UAAU,CAACC,IACvB,CAAC;IACD,IAAI,CAACpB,OAAO,EAAE;MACZ,MAAM,IAAIb,KAAK,CAAC,0BAA0B,CAAC;IAC7C;IACA,IAAI,CAACa,OAAO,GAAG,IAAIxD,YAAY,CAACe,SAAS,EAAEyC,OAAO,CAAC;EACrD;EAEAW,IAAIA,CAACJ,OAAkB,EAAE;IACvB,IAAI,CAAC,IAAI,CAACP,OAAO,IAAI,IAAI,CAACjB,aAAa,CAAC,CAAC,EAAE;MACzC;IACF;IACA,MAAMnB,MAAM,GAAG,IAAI,CAACoC,OAAO,CAACQ,SAAS,CAAC,CAAC;IACvC5C,MAAM,CAAC6C,KAAK,CAACY,YAAY,CAACC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACzC1D,MAAM,CAAC2D,IAAI,CAAC,CAAC;IACb3D,MAAM,CAAC4D,KAAK,CAAC,IAAI,CAAC5E,EAAE,EAAE,IAAI,CAACA,EAAE,CAAC;IAC9BgB,MAAM,CAAC6D,WAAW,CAAClB,OAAO,CAAC;IAC3B3C,MAAM,CAAC8D,OAAO,CAAC,CAAC;IAChB,IAAI,CAAC1B,OAAO,CAACC,GAAG,CAACW,KAAK,CAAC,CAAC;EAC1B;EAEAe,OAAOA,CAAA,EAAS;IACd,MAAM;MAAE/D;IAAO,CAAC,GAAG,IAAI;IACvBA,MAAM,CAACgE,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAACjD,aAAa,CAAC;IAClEf,MAAM,CAACgE,mBAAmB,CAAC,sBAAsB,EAAE,IAAI,CAAChD,iBAAiB,CAAC;IAC1E,IAAI,IAAI,CAACX,cAAc,KAAK,IAAI,EAAE;MAChC4D,YAAY,CAAC,IAAI,CAAC5D,cAAc,CAAC;MACjC,IAAI,CAACA,cAAc,GAAG,IAAI;IAC5B;IACA,IAAI,CAACD,aAAa,GAAG,KAAK;IAC1B,IAAI,CAACD,OAAO,CAAC,CAAC;IACd;IACA;IACA;IACA;IACA;IACAH,MAAM,CAACX,KAAK,GAAG,CAAC;IAChBW,MAAM,CAACV,MAAM,GAAG,CAAC;IACjB,MAAMsB,KAAK,GAAGrB,WAAW,CAACiB,GAAG,CAACR,MAAM,CAAC;IACrC,IAAI,CAACY,KAAK,EAAE;MACV;IACF;IACAA,KAAK,CAACC,KAAK,GAAG,IAAI;IAClB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAqD,cAAc,CAAC,MAAM;MACnB,IACEtD,KAAK,CAACC,KAAK,KAAK,IAAI,IACpB,CAACb,MAAM,CAACmE,WAAW,IACnB,CAACvD,KAAK,CAACM,EAAE,CAACC,aAAa,CAAC,CAAC,EACzB;QAAA,IAAAiD,kBAAA;QACA,CAAAA,kBAAA,GAAAxD,KAAK,CAACH,WAAW,cAAA2D,kBAAA,eAAjBA,kBAAA,CAAmB3D,WAAW,CAAC,CAAC;MAClC;IACF,CAAC,CAAC;EACJ;AACF;AASA,MAAM4D,mBAAmB,CAAqB;EAI5CtE,WAAWA,CAASC,MAAyB,EAAE;IAAA,KAA3BA,MAAyB,GAAzBA,MAAyB;IAAAE,eAAA,sBAHP,IAAI;IAAAA,eAAA,aAC7B,CAAC;EAEkC;EAEhD0B,QAAQA,CAAA,EAAS;IACf,IAAI,CAAC0C,WAAW,GAAG,IAAI;EACzB;EAEQC,sBAAsBA,CAAC5B,OAAkB,EAA2B;IAC1E,IAAI,CAAC3D,EAAE,GAAGkE,MAAM,CAACC,gBAAgB;IACjC,IAAI,IAAI,CAACnD,MAAM,CAACoD,WAAW,KAAK,CAAC,IAAI,IAAI,CAACpD,MAAM,CAACqD,YAAY,KAAK,CAAC,EAAE;MACnE,OAAO,IAAI;IACb;IACA,MAAMmB,UAAU,GAAG,IAAIC,eAAe,CACpC,IAAI,CAACzE,MAAM,CAACoD,WAAW,GAAG,IAAI,CAACpE,EAAE,EACjC,IAAI,CAACgB,MAAM,CAACqD,YAAY,GAAG,IAAI,CAACrE,EAClC,CAAC;IAED,IAAIoD,OAA4B,GAAG,IAAI;IACvC,IAAIX,SAAiC,GAAG,IAAI;IAC5C,IAAIC,aAAiC,GAAG,CAAC;IAEzC,IAAI;MACFA,aAAa,GAAG/B,SAAS,CAAC2B,eAAe,CAACkD,UAAU,CAAC;MACrD,IAAI,CAAC9C,aAAa,EAAE;QAClB,MAAM,IAAIH,KAAK,CAAC,kCAAkC,CAAC;MACrD;MACAE,SAAS,GAAG9B,SAAS,CAACE,gBAAgB,CAAC6B,aAAa,CAAC;MACrD,IAAI,CAACD,SAAS,EAAE;QACd,MAAM,IAAIF,KAAK,CAAC,qCAAqC,CAAC;MACxD;MACA,MAAMmD,GAAG,GAAGF,UAAU,CAAC1C,UAAU,CAAC,QAAQ,CAAC;MAC3C,IAAI4C,GAAG,EAAE;QACPA,GAAG,CAAC/C,uBAAuB,GAAG,YAAY;MAC5C;MACA,MAAMgD,YAAY,GAAGhF,SAAS,CAAC2D,qBAAqB,CAClD7B,SAAS,EACT+C,UAAU,CAACnF,KAAK,EAChBmF,UAAU,CAAClF,MAAM,EACjBK,SAAS,CAAC4D,UAAU,CAACC,IACvB,CAAC;MAED,IAAI,CAACmB,YAAY,EAAE;QACjB,MAAM,IAAIpD,KAAK,CAAC,gCAAgC,CAAC;MACnD;MAEAa,OAAO,GAAG,IAAIxD,YAAY,CAACe,SAAS,EAAEgF,YAAY,CAAC;MAEnD,MAAMC,UAAU,GAAGxC,OAAO,CAACQ,SAAS,CAAC,CAAC;MACtCgC,UAAU,CAAC/B,KAAK,CAACY,YAAY,CAACC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;MAC7CkB,UAAU,CAACjB,IAAI,CAAC,CAAC;MACjBiB,UAAU,CAAChB,KAAK,CAAC,IAAI,CAAC5E,EAAE,EAAE,IAAI,CAACA,EAAE,CAAC;MAClC4F,UAAU,CAACf,WAAW,CAAClB,OAAO,CAAC;MAC/BiC,UAAU,CAACd,OAAO,CAAC,CAAC;MACpB1B,OAAO,CAACC,GAAG,CAACW,KAAK,CAAC,CAAC;MAEnB,OAAO;QAAEZ,OAAO;QAAEoC,UAAU;QAAE/C,SAAS;QAAEC;MAAc,CAAC;IAC1D,CAAC,CAAC,OAAOmD,KAAK,EAAE;MACd,IAAI,CAACC,mBAAmB,CAAC;QACvB1C,OAAO;QACPoC,UAAU;QACV/C,SAAS;QACTC;MACF,CAAC,CAAC;MACF,OAAO,IAAI;IACb;EACF;EAEQoD,mBAAmBA,CAACC,MAK3B,EAAQ;IAAA,IAAAC,eAAA,EAAAC,qBAAA;IACP,CAAAD,eAAA,GAAAD,MAAM,CAAC3C,OAAO,cAAA4C,eAAA,eAAdA,eAAA,CAAgB3C,GAAG,CAACC,MAAM,CAAC,CAAC;IAC5B,IAAIyC,MAAM,CAACtD,SAAS,EAAE;MACpBsD,MAAM,CAACtD,SAAS,CAACc,iCAAiC,CAAC,CAAC;MACpDwC,MAAM,CAACtD,SAAS,CAACa,MAAM,CAAC,CAAC;IAC3B;IACA,CAAA2C,qBAAA,GAAAF,MAAM,CAACP,UAAU,CACd1C,UAAU,CAAC,QAAQ,CAAC,cAAAmD,qBAAA,gBAAAA,qBAAA,GADvBA,qBAAA,CAEIlD,YAAY,CAAC,oBAAoB,CAAC,cAAAkD,qBAAA,eAFtCA,qBAAA,CAGIxE,WAAW,CAAC,CAAC;IACjB,IAAIsE,MAAM,CAACrD,aAAa,EAAE;MACxB;MACA;MACA/B,SAAS,CAACC,aAAa,CAACmF,MAAM,CAACrD,aAAa,CAAC;MAC7C;MACA/B,SAAS,CAACE,gBAAgB,CAACkF,MAAM,CAACrD,aAAa,CAAC;IAClD;EACF;EAEAqB,IAAIA,CAACJ,OAAkB,EAAQ;IAC7B,MAAMuC,YAAY,GAAG,IAAI,CAACX,sBAAsB,CAAC5B,OAAO,CAAC;IACzD,IAAI,CAACuC,YAAY,EAAE;MACjB;IACF;IACA,MAAM;MAAEV;IAAW,CAAC,GAAGU,YAAY;IACnC,MAAMC,KAAK,GAAG,IAAI,CAACnF,MAAM,CAAC8B,UAAU,CAAC,IAAI,CAAC;IAC1C,IAAI,CAACqD,KAAK,EAAE;MACV,IAAI,CAACL,mBAAmB,CAACI,YAAY,CAAC;MACtC,MAAM,IAAI3D,KAAK,CAAC,0BAA0B,CAAC;IAC7C;;IAEA;IACA,IAAI,CAACvB,MAAM,CAACX,KAAK,GAAG,IAAI,CAACW,MAAM,CAACoD,WAAW,GAAG,IAAI,CAACpE,EAAE;IACrD,IAAI,CAACgB,MAAM,CAACV,MAAM,GAAG,IAAI,CAACU,MAAM,CAACqD,YAAY,GAAG,IAAI,CAACrE,EAAE;;IAEvD;IACAmG,KAAK,CAACC,SAAS,CACbZ,UAAU,EACV,CAAC,EACD,CAAC,EACDA,UAAU,CAACnF,KAAK,EAChBmF,UAAU,CAAClF,MAAM,EACjB,CAAC,EACD,CAAC,EACD,IAAI,CAACU,MAAM,CAACoD,WAAW,GAAG,IAAI,CAACpE,EAAE,EACjC,IAAI,CAACgB,MAAM,CAACqD,YAAY,GAAG,IAAI,CAACrE,EAClC,CAAC;IAED,IAAI,CAAC8F,mBAAmB,CAACI,YAAY,CAAC;EACxC;EAEAxC,iBAAiBA,CAACC,OAAkB,EAAE1D,IAAa,EAAkB;IACnE,IAAI,CAAC,IAAI,CAACqF,WAAW,EAAE;MACrB,MAAMY,YAAY,GAAG,IAAI,CAACX,sBAAsB,CAAC5B,OAAO,CAAC;MACzD,IAAI,CAACuC,YAAY,EAAE;QACjB,OAAO,IAAI;MACb;MAEA,IAAI;QACF,IAAI,CAACZ,WAAW,GAAGY,YAAY,CAAC9C,OAAO,CAACM,iBAAiB,CACvD3D,QAAQ,CAAC,IAAI,CAACC,EAAE,EAAEC,IAAI,CACxB,CAAC;MACH,CAAC,CAAC,OAAO4F,KAAK,EAAE;QACdQ,OAAO,CAACR,KAAK,CAAC,gCAAgC,EAAEA,KAAK,CAAC;MACxD,CAAC,SAAS;QACR,IAAI,CAACC,mBAAmB,CAACI,YAAY,CAAC;MACxC;IACF;IAEA,OAAO,IAAI,CAACZ,WAAW;EACzB;EAEAP,OAAOA,CAAA,EAAS;IAAA,IAAAuB,iBAAA;IACd,CAAAA,iBAAA,OAAI,CAAChB,WAAW,cAAAgB,iBAAA,eAAhBA,iBAAA,CAAkBvB,OAAO,CAAC,CAAC;IAC3B,IAAI,CAACO,WAAW,GAAG,IAAI;EACzB;AACF;;AAEA;AACA,MAAMiB,eAAe,GAAGA,CACtBpG,CAAS,EACTC,CAAS,EACTC,KAAa,EACbC,MAAc,MACS;EACvBkG,SAAS,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC;EACrBC,WAAW,EAAE;IAAEC,MAAM,EAAE;MAAEzG,CAAC;MAAEC,CAAC;MAAEC,KAAK;MAAEC;IAAO;EAAE,CAAC;EAChD;EACA;EACAuG,aAAa,EAAE,CAAC;EAChB;EACA;EACAC,MAAM,EAAE,CAAC;EACTC,OAAO,EAAE,KAAK;EACdC,UAAU,EAAE,KAAK;EACjBC,gBAAgB,EAAE,KAAK;EACvBC,UAAU,EAAE,CAAC;EACbC,kBAAkBA,CAAA,EAAG;IACnB,MAAM,IAAI5E,KAAK,CAAC,8BAA8B,CAAC;EACjD,CAAC;EACD6E,oBAAoBA,CAAA,EAAG;IACrB,MAAM,IAAI7E,KAAK,CAAC,8BAA8B,CAAC;EACjD,CAAC;EACD8E,OAAOA,CAAA,EAAG;IACR,MAAM,IAAI9E,KAAK,CAAC,8BAA8B,CAAC;EACjD,CAAC;EACDW,cAAcA,CAAA,EAAG;IACf,MAAM,IAAIX,KAAK,CAAC,8BAA8B,CAAC;EACjD,CAAC;EACD+E,eAAeA,CAAA,EAAG;IAChB,MAAM,IAAI/E,KAAK,CAAC,8BAA8B,CAAC;EACjD,CAAC;EACDgF,SAAS,EAAE,IAAI;EACfC,IAAI,EAAE;AACR,CAAC,CAAC;AA0BF,OAAO,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EAC9D,MAAM;IAAErE,GAAG;IAAEM,OAAO;IAAEgE;EAAS,CAAC,GAAGD,KAAK;EACxC,MAAME,SAAS,GAAGrI,MAAM,CAA2B,IAAI,CAAC;EACxD,MAAMsI,WAAW,GAAGtI,MAAM,CAAkB,IAAI,CAAC;EACjD,MAAMuI,UAAU,GAAGvI,MAAM,CAAmB,IAAI,CAAC;EACjD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAMwI,gBAAgB,GAAGxI,MAAM,CAAC,KAAK,CAAC;EACtC,MAAMyI,iBAAiB,GAAGzI,MAAM,CAAC,KAAK,CAAC;EACvC,MAAM0I,WAAW,GAAG1I,MAAM,CAACoI,QAAQ,CAAC;EACpChI,eAAe,CAAC,MAAM;IACpBsI,WAAW,CAACC,OAAO,GAAGP,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMQ,WAAW,GAAG1I,WAAW,CAAC,MAAM;IACpCuI,iBAAiB,CAACE,OAAO,GAAG,KAAK;IACjC,IAAIH,gBAAgB,CAACG,OAAO,IAAIL,WAAW,CAACK,OAAO,IAAIJ,UAAU,CAACI,OAAO,EAAE;MACzEH,gBAAgB,CAACG,OAAO,GAAG,KAAK;MAChCL,WAAW,CAACK,OAAO,CAACnE,IAAI,CAAC+D,UAAU,CAACI,OAAO,CAAC;IAC9C;IACA;IACA;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,MAAM,GAAG3I,WAAW,CAAC,MAAM;IAC/BsI,gBAAgB,CAACG,OAAO,GAAG,IAAI;IAC/B,IAAI,CAACF,iBAAiB,CAACE,OAAO,EAAE;MAC9BF,iBAAiB,CAACE,OAAO,GAAG,IAAI;MAChChD,cAAc,CAACiD,WAAW,CAAC;IAC7B;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAME,OAAO,GAAG5I,WAAW,CAAC,MAAM;IAAA,IAAA6I,kBAAA,EAAAC,mBAAA;IAChC,OAAO;MACLlI,KAAK,EAAE,EAAAiI,kBAAA,GAAAV,SAAS,CAACM,OAAO,cAAAI,kBAAA,uBAAjBA,kBAAA,CAAmBlE,WAAW,KAAI,CAAC;MAC1C9D,MAAM,EAAE,EAAAiI,mBAAA,GAAAX,SAAS,CAACM,OAAO,cAAAK,mBAAA,uBAAjBA,mBAAA,CAAmBlE,YAAY,KAAI;IAC7C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMmE,UAAU,GAAG/I,WAAW,CAC3BgJ,UAAqB,IAAK;IACzBX,UAAU,CAACI,OAAO,GAAGO,UAAU;IAC/BL,MAAM,CAAC,CAAC;EACV,CAAC,EACD,CAACA,MAAM,CACT,CAAC;EAED,MAAM1E,iBAAiB,GAAGjE,WAAW,CAAEQ,IAAa,IAAK;IACvD,IAAI4H,WAAW,CAACK,OAAO,IAAIJ,UAAU,CAACI,OAAO,EAAE;MAC7C,OAAOL,WAAW,CAACK,OAAO,CAACxE,iBAAiB,CAACoE,UAAU,CAACI,OAAO,EAAEjI,IAAI,CAAC;IACxE;IACA,OAAO,IAAI;EACb,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMyI,OAAO,GAAGjJ,WAAW,CAEvBkJ,QAOS,IACN;IACH,IAAIf,SAAS,CAACM,OAAO,EAAE;MACrB,MAAMjI,IAAI,GAAG2H,SAAS,CAACM,OAAO,CAACU,qBAAqB,CAAC,CAAC;MACtD,MAAMC,aAAa,GAAGjB,SAAS,CAACM,OAAO,CAACY,YAA2B;MACnE,MAAMC,UAAU,GAAG,CAAAF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAED,qBAAqB,CAAC,CAAC,KAAI;QAC3DI,IAAI,EAAE,CAAC;QACPC,GAAG,EAAE;MACP,CAAC;;MAED;MACA,MAAM9I,CAAC,GAAGF,IAAI,CAAC+I,IAAI,GAAGD,UAAU,CAACC,IAAI;MACrC,MAAM5I,CAAC,GAAGH,IAAI,CAACgJ,GAAG,GAAGF,UAAU,CAACE,GAAG;;MAEnC;MACA,MAAMC,KAAK,GAAGjJ,IAAI,CAAC+I,IAAI,GAAG9E,MAAM,CAACiF,OAAO;MACxC,MAAMC,KAAK,GAAGnJ,IAAI,CAACgJ,GAAG,GAAG/E,MAAM,CAACmF,OAAO;MAEvCV,QAAQ,CAACxI,CAAC,EAAEC,CAAC,EAAEH,IAAI,CAACI,KAAK,EAAEJ,IAAI,CAACK,MAAM,EAAE4I,KAAK,EAAEE,KAAK,CAAC;IACvD;EACF,CAAC,EACD,EACF,CAAC;EAED,MAAME,eAAe,GAAG7J,WAAW,CAE/BkJ,QAAuE,IACpE;IACH,IAAIf,SAAS,CAACM,OAAO,EAAE;MACrB,MAAMjI,IAAI,GAAG2H,SAAS,CAACM,OAAO,CAACU,qBAAqB,CAAC,CAAC;;MAEtD;MACA,MAAMzI,CAAC,GAAGF,IAAI,CAAC+I,IAAI;MACnB,MAAM5I,CAAC,GAAGH,IAAI,CAACgJ,GAAG;MAElBN,QAAQ,CAACxI,CAAC,EAAEC,CAAC,EAAEH,IAAI,CAACI,KAAK,EAAEJ,IAAI,CAACK,MAAM,CAAC;IACzC;EACF,CAAC,EACD,EACF,CAAC;EAED,MAAMiJ,QAAQ,GAAG7B,KAAK,CAAC8B,gCAAgC,KAAK,IAAI;EAEhE7J,eAAe,CAAC,MAAM;IACpB,MAAMqB,MAAM,GAAG4G,SAAS,CAACM,OAAO;IAChC,IAAI,CAAClH,MAAM,EAAE;MACX,OAAOd,SAAS;IAClB;IACA,MAAMuJ,QAAQ,GAAGF,QAAQ,GACrB,IAAIlE,mBAAmB,CAACrE,MAAM,CAAC,GAC/B,IAAIF,aAAa,CAACE,MAAM,EAAEoH,MAAM,CAAC;IACrCP,WAAW,CAACK,OAAO,GAAGuB,QAAQ;IAE9B,MAAM5E,WAAW,GAAGA,CAAA,KAAM;MACxB,IAAIiD,UAAU,CAACI,OAAO,EAAE;QACtBH,gBAAgB,CAACG,OAAO,GAAG,KAAK;QAChCuB,QAAQ,CAAC1F,IAAI,CAAC+D,UAAU,CAACI,OAAO,CAAC;MACnC;IACF,CAAC;;IAED;IACA;IACA;IACA,IAAIwB,SAAS,GAAG1I,MAAM,CAACoD,WAAW;IAClC,IAAIuF,UAAU,GAAG3I,MAAM,CAACqD,YAAY;IACpC,IAAIuF,gBAAgB,GAAG1F,MAAM,CAACC,gBAAgB;IAC9C,MAAM0F,cAAc,GAAGA,CAAA,KAAM;MAC3B,MAAMxJ,KAAK,GAAGW,MAAM,CAACoD,WAAW;MAChC,MAAM9D,MAAM,GAAGU,MAAM,CAACqD,YAAY;MAClC,MAAMyF,YAAY,GAAG5F,MAAM,CAACC,gBAAgB;MAC5C,IACE9D,KAAK,KAAKqJ,SAAS,IACnBpJ,MAAM,KAAKqJ,UAAU,IACrBG,YAAY,KAAKF,gBAAgB,EACjC;QACA;MACF;MACAF,SAAS,GAAGrJ,KAAK;MACjBsJ,UAAU,GAAGrJ,MAAM;MACnBsJ,gBAAgB,GAAGE,YAAY;MAC/BL,QAAQ,CAAC7G,QAAQ,CAAC,CAAC;MACnBiC,WAAW,CAAC,CAAC;IACf,CAAC;IAED,MAAMkF,QAAQ,GAAG,IAAIC,cAAc,CAAEC,OAAO,IAAK;MAC/CJ,cAAc,CAAC,CAAC;MAChB,MAAMK,aAAa,GAAGjC,WAAW,CAACC,OAAO;MACzC,IAAIgC,aAAa,EAAE;QACjB,MAAM;UAAElB,IAAI;UAAEC,GAAG;UAAE5I,KAAK;UAAEC;QAAO,CAAC,GAAG2J,OAAO,CAAC,CAAC,CAAC,CAACE,WAAW;QAC3D;QACA7I,UAAU,CACR,MAAM4I,aAAa,CAAC3D,eAAe,CAACyC,IAAI,EAAEC,GAAG,EAAE5I,KAAK,EAAEC,MAAM,CAAC,CAAC,EAC9D,CACF,CAAC;MACH;IACF,CAAC,CAAC;IACFyJ,QAAQ,CAACK,OAAO,CAACpJ,MAAM,CAAC;;IAExB;IACA;IACA;IACA;IACA;IACA;IACA;IACA,IAAIqJ,KAA4B,GAAG,IAAI;IACvC,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;MACjCT,cAAc,CAAC,CAAC;MAChBU,iBAAiB,CAAC,CAAC;IACrB,CAAC;IACD,MAAMA,iBAAiB,GAAGA,CAAA,KAAM;MAAA,IAAAC,MAAA;MAC9B,CAAAA,MAAA,GAAAH,KAAK,cAAAG,MAAA,eAALA,MAAA,CAAOxF,mBAAmB,CAAC,QAAQ,EAAEsF,oBAAoB,CAAC;MAC1DD,KAAK,GAAG,IAAI;MACZ,IAAI,OAAOnG,MAAM,CAACuG,UAAU,KAAK,UAAU,EAAE;QAC3C,MAAMC,KAAK,GAAGxG,MAAM,CAACuG,UAAU,CAC7B,gBAAgBvG,MAAM,CAACC,gBAAgB,OACzC,CAAC;QACD,IAAI,OAAOuG,KAAK,CAAC5I,gBAAgB,KAAK,UAAU,EAAE;UAChDuI,KAAK,GAAGK,KAAK;UACbL,KAAK,CAACvI,gBAAgB,CAAC,QAAQ,EAAEwI,oBAAoB,CAAC;QACxD;MACF;IACF,CAAC;IACDC,iBAAiB,CAAC,CAAC;;IAEnB;IACA1F,WAAW,CAAC,CAAC;IAEb,OAAO,MAAM;MAAA,IAAA8F,OAAA;MACXZ,QAAQ,CAACa,UAAU,CAAC,CAAC;MACrB,CAAAD,OAAA,GAAAN,KAAK,cAAAM,OAAA,eAALA,OAAA,CAAO3F,mBAAmB,CAAC,QAAQ,EAAEsF,oBAAoB,CAAC;MAC1DzC,WAAW,CAACK,OAAO,GAAG,IAAI;MAC1BuB,QAAQ,CAAC1E,OAAO,CAAC,CAAC;IACpB,CAAC;EACH,CAAC,EAAE,CAACwE,QAAQ,EAAEnB,MAAM,CAAC,CAAC;;EAEtB;EACA;EACA;;EAEA1I,mBAAmB,CACjB2D,GAAG,EACH,OAAO;IACLmF,UAAU;IACVH,OAAO;IACPD,MAAM;IACN1E,iBAAiB;IACjBgF,OAAO;IACPY,eAAe;IACf,IAAI1B,SAASA,CAAA,EAAG;MACd,OAAO,MAAMA,SAAS,CAACM,OAAO;IAChC;EACF,CAAC,CAAC,EACF,CAACM,UAAU,EAAEH,OAAO,EAAED,MAAM,EAAE1E,iBAAiB,EAAEgF,OAAO,EAAEY,eAAe,CAC3E,CAAC;EAED9J,SAAS,CAAC,MAAM;IAAA,IAAAqL,eAAA;IACd,MAAMC,QAAQ,IAAAD,eAAA,GAAGnD,KAAK,CAACoD,QAAQ,cAAAD,eAAA,cAAAA,eAAA,GAAI,GAAG/K,gBAAgB,CAACoI,OAAO,EAAE,EAAE;IAClE,MAAM6C,GAAG,GAAGC,MAAM,CAACC,WAA8B;IACjDF,GAAG,CAACG,YAAY,CAACJ,QAAQ,EAAE;MACzBtC,UAAU;MACVH,OAAO;MACPD,MAAM;MACN1E,iBAAiB;MACjBgF,OAAO;MACPY;IACF,CAA0B,CAAC;IAC3B,OAAO,MAAM;MACXyB,GAAG,CAACI,cAAc,CAACL,QAAQ,CAAC;IAC9B,CAAC;EACH,CAAC,EAAE,CACDtC,UAAU,EACVH,OAAO,EACPD,MAAM,EACN1E,iBAAiB,EACjBgF,OAAO,EACPY,eAAe,EACf5B,KAAK,CAACoD,QAAQ,CACf,CAAC;EAEFtL,SAAS,CAAC,MAAM;IACd,IAAImE,OAAO,EAAE;MACX6E,UAAU,CAAC7E,OAAO,CAAC;IACrB;EACF,CAAC,EAAE,CAAC6E,UAAU,EAAE7E,OAAO,CAAC,CAAC;EAEzB,MAAM;IACJyH,KAAK,EAAEC,MAAM;IACbhI,GAAG,EAAEiI,IAAI;IACT3D,QAAQ,EAAE4D,SAAS;IACnB5H,OAAO,EAAE6H,QAAQ;IACjBhC,gCAAgC,EAAEiC,SAAS;IAC3C,GAAGC;EACL,CAAC,GAAGhE,KAAK;EACT,oBACEpI,KAAA,CAAAqM,aAAA,CAAC9L,QAAQ,CAAC+L,IAAI,EAAKF,SAAS,eAC1BpM,KAAA,CAAAqM,aAAA;IACE;IACA;IACA;IACAE,GAAG,EAAEtC,QAAQ,GAAG,QAAQ,GAAG,OAAQ;IACnClG,GAAG,EAAEuE,SAAU;IACfkE,KAAK,EAAE;MAAEC,OAAO,EAAE,OAAO;MAAE1L,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAO;EAAE,CAC5D,CACY,CAAC;AAEpB,CAAC","ignoreList":[]}

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

@@ -23,7 +23,7 @@ export class JsiSkPathBuilder extends _Host.HostObject {
     addOval(oval: any, isCCW: any, startIndex: any): this;
     addArc(oval: any, startAngleInDegrees: any, sweepAngleInDegrees: any): this;
     addRRect(rrect: any, isCCW: any): this;
-    addCircle(x: any, y: any, r: any, _isCCW: any): this;
+    addCircle(x: any, y: any, r: any, isCCW: any): this;
     addPoly(points: any, close: any): this;
     addPath(src: any, matrix: any, extend?: boolean): this;
     setFillType(fill: any): this;

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/JsiSkPathBuilder.d.ts

@@ -22,7 +22,7 @@ export class JsiSkPathBuilder extends HostObject {
     addOval(oval: any, isCCW: any, startIndex: any): this;
     addArc(oval: any, startAngleInDegrees: any, sweepAngleInDegrees: any): this;
     addRRect(rrect: any, isCCW: any): this;
-    addCircle(x: any, y: any, r: any, _isCCW: any): this;
+    addCircle(x: any, y: any, r: any, isCCW: any): this;
     addPoly(points: any, close: any): this;
     addPath(src: any, matrix: any, extend?: boolean): this;
     setFillType(fill: any): this;

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/react-native.config.d.ts

@@ -0,0 +1,3 @@
+export namespace spm {
+    let name: string;
+}

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/skia/web/JsiSkPathBuilder.d.ts

@@ -25,7 +25,7 @@ export declare class JsiSkPathBuilder extends HostObject<CKPathBuilder, "PathBui
     addOval(oval: SkRect, isCCW?: boolean, startIndex?: number): this;
     addArc(oval: SkRect, startAngleInDegrees: number, sweepAngleInDegrees: number): this;
     addRRect(rrect: InputRRect, isCCW?: boolean): this;
-    addCircle(x: number, y: number, r: number, _isCCW?: boolean): this;
+    addCircle(x: number, y: number, r: number, isCCW?: boolean): this;
     addPoly(points: SkPoint[], close: boolean): this;
     addPath(src: SkPath, matrix?: SkMatrix, extend?: boolean): this;
     setFillType(fill: FillType): this;

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/package.json

@@ -8,7 +8,7 @@
     "setup-skia-web": "scripts/setup-canvaskit.js"
   },
   "title": "React Native Skia",
-  "version": "2.12.0-next.1",
+  "version": "2.12.0",
   "description": "High-performance React Native Graphics using Skia",
   "main": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -32,6 +32,9 @@
     "cpp/**/*.{h,cpp}",
     "apple/**",
     "react-native-skia.podspec",
+    "Package.swift",
+    "include/**",
+    "react-native.config.js",
     "dist/**",
     "libs/.graphite"
   ],
@@ -51,7 +54,6 @@
     "clang-format-ios": "find apple/ -iname '*.h' -o -iname '*.mm' -o -iname '*.cpp' | xargs clang-format -i",
     "clang-format-android": "find android/cpp/ -iname '*.h' -o -iname '*.m' -o -iname '*.cpp' | xargs clang-format -i",
     "clang-format-common": "find cpp/ \\( -path 'cpp//skia' -prune \\) -o \\( -iname '*.h' -o -iname '*.m' -o -iname '*.cpp' \\) -print | xargs clang-format -i",
-    "workflow-copy-libs": "tsx ./scripts/workflow-copy-libs.ts",
     "cpplint": "cpplint --linelength=230 --filter=-legal/copyright,-whitespace/indent,-whitespace/comments,-whitespace/ending_newline,-build/include_order,-runtime/references,-readability/todo,-whitespace/blank_line,-whitespace/todo,-runtime/int,-build/c++11,-whitespace/parens --exclude=package/cpp/skia --exclude=package/ios --exclude=package/android/build --exclude=package/node_modules --recursive package"
   },
   "repository": {
@@ -116,6 +118,7 @@
     "eslint-config-react-native-wcandillon": "4.0.1",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-react-hooks": "^5.2.0",
+    "extract-zip": "^2.0.1",
     "jest": "30.0.0",
     "jest-diff": "29.7.0",
     "jest-environment-jsdom": "30.0.0",
@@ -139,15 +142,16 @@
   },
   "dependencies": {
     "canvaskit-wasm": "0.41.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-native-skia-android": "154.0.0",
+    "react-native-skia-apple-ios": "154.0.0",
+    "react-native-skia-apple-macos": "154.0.0",
+    "react-native-skia-apple-tvos": "154.0.0",
     "react-reconciler": "0.31.0"
   },
   "graphiteDependencies": {
-    "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-native-skia-graphite-android": "154.0.0",
+    "react-native-skia-graphite-apple-ios": "154.0.0",
+    "react-native-skia-graphite-apple-macos": "154.0.0"
   },
   "eslintIgnore": [
     "node_modules/",
@@ -184,6 +188,5 @@
         }
       ]
     ]
-  },
-  "stableVersion": "0.0.0"
+  }
 }

package/react-native.config.js

@@ -0,0 +1,5 @@
+// Pins the SwiftPM target name. Without it the name is derived — today from the
+// npm name (ReactNativeSkia), but an in-flight React Native change derives it
+// from the podspec instead (react-native-skia). The name is also the header
+// import prefix, so it must not move.
+module.exports = {spm: {name: 'ReactNativeSkia'}};

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);
   }

package/src/renderer/components/Mask.tsx

@@ -20,17 +20,24 @@ export const Mask = ({
 }: MaskProps) => {
   return (
     <Group layer>
+      {children}
+      {/* The children composite against each other in the layer above; the
+          mask is then applied once, when its own layer is restored. A blend
+          mode attached to a <Group> without a layer would instead be applied
+          per draw call, compositing every child after the first against the
+          previous child rather than against the mask (issue #3254).
+          dstIn keeps the children where the mask is opaque and erases them
+          where it is transparent. Without clip, dstATop additionally keeps
+          the mask artwork itself wherever the children leave it uncovered. */}
       <Group
         layer={
-          <Paint blendMode="src">
+          <Paint blendMode={clip ? "dstIn" : "dstATop"}>
             {mode === "luminance" && <LumaColorFilter />}
           </Paint>
         }
       >
         {mask}
-        {clip && <Group layer={<Paint blendMode="dstIn" />}>{children}</Group>}
       </Group>
-      <Group blendMode="srcIn">{children}</Group>
     </Group>
   );
 };

package/src/skia/types/JsiInstance.ts

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

package/src/skia/types/Matrix4.ts

@@ -190,12 +190,16 @@ export const multiply4 = (a: Matrix4, b: Matrix4): Matrix4 => {
   return result as unknown as Matrix4;
 };
 
-const skewY = (angle: number): Matrix4 => {
+// These matrices are row-major, so the shear factor of skewX - which offsets x
+// in proportion to y - belongs in row 0, column 1, and skewY's in row 1,
+// column 0. React Native's MatrixMath stores the same transforms column-major,
+// and porting its indices verbatim is what swapped the two axes here.
+const skewX = (angle: number): Matrix4 => {
   "worklet";
   return [1, Math.tan(angle), 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
 };
 
-const skewX = (angle: number): Matrix4 => {
+const skewY = (angle: number): Matrix4 => {
   "worklet";
   return [1, 0, 0, 0, Math.tan(angle), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
 };

package/src/skia/types/Skia.ts

@@ -21,7 +21,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";
@@ -35,11 +35,6 @@ 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
  */
@@ -106,7 +101,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/src/skia/web/JsiSkCanvas.ts

@@ -209,7 +209,9 @@ export class JsiSkCanvas
       cubics.map(({ x, y }) => [x, y]).flat(),
       colors,
       texs ? texs.flatMap((p) => Array.from(JsiSkPoint.fromValue(p))) : texs,
-      mode ? getEnum(this.CanvasKit, "BlendMode", mode) : null,
+      mode !== undefined && mode !== null
+        ? getEnum(this.CanvasKit, "BlendMode", mode)
+        : null,
       paint ? JsiSkPaint.fromValue(paint) : undefined
     );
   }
@@ -362,7 +364,9 @@ export class JsiSkCanvas
   drawColor(color: SkColor, blendMode?: BlendMode) {
     this.ref.drawColor(
       color,
-      blendMode ? getEnum(this.CanvasKit, "BlendMode", blendMode) : undefined
+      blendMode !== undefined
+        ? getEnum(this.CanvasKit, "BlendMode", blendMode)
+        : undefined
     );
   }
 
@@ -430,9 +434,10 @@ export class JsiSkCanvas
     } else if (sampling) {
       ckSampling = {
         filter: getEnum(this.CanvasKit, "FilterMode", sampling.filter),
-        mipmap: sampling.mipmap
-          ? getEnum(this.CanvasKit, "MipmapMode", sampling.mipmap)
-          : this.CanvasKit.MipmapMode.None,
+        mipmap:
+          sampling.mipmap !== undefined
+            ? getEnum(this.CanvasKit, "MipmapMode", sampling.mipmap)
+            : this.CanvasKit.MipmapMode.None,
       };
     }
     this.ref.drawAtlas(
@@ -440,7 +445,7 @@ export class JsiSkCanvas
       src,
       dst,
       JsiSkPaint.fromValue(paint),
-      blendMode
+      blendMode !== undefined
         ? getEnum(this.CanvasKit, "BlendMode", blendMode)
         : this.CanvasKit.BlendMode.DstOver,
       cls,

package/src/skia/web/JsiSkImage.ts

@@ -107,12 +107,15 @@ export class JsiSkImage extends HostObject<Image, "Image"> implements SkImage {
 
   encodeToBytes(fmt?: ImageFormat, quality?: number) {
     let result: Uint8Array | null;
-    if (fmt && quality) {
+    if (fmt !== undefined && quality !== undefined) {
+      // CanvasKit's encodeToBytes() applies `quality || 100`, which would
+      // turn a valid quality of 0 into 100. The encoders clamp any quality
+      // below 1 up to 1 anyway, so pass 1 to get the same output as 0.
       result = this.ref.encodeToBytes(
         getEnum(this.CanvasKit, "ImageFormat", fmt),
-        quality
+        Math.max(quality, 1)
       );
-    } else if (fmt) {
+    } else if (fmt !== undefined) {
       result = this.ref.encodeToBytes(
         getEnum(this.CanvasKit, "ImageFormat", fmt)
       );

package/src/skia/web/JsiSkPathBuilder.ts

@@ -188,8 +188,8 @@ export class JsiSkPathBuilder
     return this;
   }
 
-  addCircle(x: number, y: number, r: number, _isCCW?: boolean) {
-    this.ref.addCircle(x, y, r);
+  addCircle(x: number, y: number, r: number, isCCW?: boolean) {
+    this.ref.addCircle(x, y, r, isCCW);
     return this;
   }