react-native-skia 0.0.1 → 3.0.0

package/lib/module/views/SkiaWebRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLayoutEffect","useRef","JsiSkSurface","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","frame","getCanvas","clear","TRANSPARENT","draw","flush","_this$surface2","window","devicePixelRatio","clientWidth","clientHeight","MakeOnScreenGLSurface","ColorSpace","SRGB","Float32Array","of","save","scale","picture","drawPicture","restore","dispose","removeEventListener","clearTimeout","queueMicrotask","isConnected","_entry$loseContext","StaticWebGLRenderer","cachedImage","renderFrameToSurface","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","useSkiaWebRenderer","canvasRef","isStatic","host","rendererRef","hostRef","current","renderer","paint","lastWidth","lastHeight","lastPixelDensity","resizeIfNeeded","pixelDensity","observer","ResizeObserver","entries","layoutHandler","onLayout","left","top","contentRect","observe","media","onPixelDensityChange","watchPixelDensity","_media","matchMedia","query","_media2","disconnect"],"sources":["SkiaWebRenderer.ts"],"sourcesContent":["/* global HTMLCanvasElement, ResizeObserver, MediaQueryList */\nimport type { RefObject } from \"react\";\nimport { useLayoutEffect, useRef } 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\";\n\n// The WebGL renderers behind the web views (SkiaPictureView, SkiaGraphiteView):\n// a <canvas> element, its WebGL context and the CanvasKit surface built on\n// it, with the context-loss handling and the \"destroy the context after each\n// draw\" mode that keeps a page under the browser's live-context limit.\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\n/**\n * What a view paints: pictures in points, replayed in order onto a cleared\n * surface.\n */\nexport type WebFrame = SkPicture[];\n\nexport interface Renderer {\n  onResize(): void;\n  /**\n   * Paints the frame. Returns false when there is nothing to paint on yet\n   * (the canvas is unmeasured, the context is lost): the caller keeps the\n   * frame for the next opportunity.\n   */\n  draw(frame: WebFrame): boolean;\n  makeImageSnapshot(frame: WebFrame, 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\nexport class 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    // frame 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(frame: WebFrame, 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(frame);\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(frame: WebFrame) {\n    if (!this.surface || this.isContextLost()) {\n      return false;\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    for (const picture of frame) {\n      canvas.drawPicture(picture);\n    }\n    canvas.restore();\n    this.surface.ref.flush();\n    return true;\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\nexport class 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 renderFrameToSurface(frame: WebFrame): 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      for (const picture of frame) {\n        skiaCanvas.drawPicture(picture);\n      }\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(frame: WebFrame) {\n    const renderResult = this.renderFrameToSurface(frame);\n    if (!renderResult) {\n      return false;\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    return true;\n  }\n\n  makeImageSnapshot(frame: WebFrame, rect?: SkRect): SkImage | null {\n    if (!this.cachedImage) {\n      const renderResult = this.renderFrameToSurface(frame);\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.\nexport const 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 WebRendererHost {\n  /**\n   * Paints the view's current content, if any, on a renderer that just got\n   * (or got back) a surface: after a resize, a density change or a restored\n   * context.\n   */\n  paint: (renderer: Renderer) => void;\n  onLayout?: (event: LayoutChangeEvent) => void;\n}\n\n/**\n * Owns a renderer for the given <canvas> element for as long as the view is\n * mounted, and keeps its surface in step with the element's size and the\n * display's pixel density.\n *\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 * - 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 */\nexport const useSkiaWebRenderer = (\n  canvasRef: RefObject<HTMLCanvasElement | null>,\n  isStatic: boolean,\n  host: WebRendererHost\n): RefObject<Renderer | null> => {\n  const rendererRef = useRef<Renderer | null>(null);\n  const hostRef = useRef(host);\n  useLayoutEffect(() => {\n    hostRef.current = host;\n  }, [host]);\n\n  useLayoutEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) {\n      return undefined;\n    }\n    const renderer: Renderer = isStatic\n      ? new StaticWebGLRenderer(canvas)\n      : new WebGLRenderer(canvas, () => hostRef.current.paint(renderer));\n    rendererRef.current = renderer;\n\n    const paint = () => hostRef.current.paint(renderer);\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      paint();\n    };\n\n    const observer = new ResizeObserver((entries) => {\n      resizeIfNeeded();\n      const layoutHandler = hostRef.current.onLayout;\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 content that was dispatched before the renderer existed.\n    paint();\n\n    return () => {\n      observer.disconnect();\n      media?.removeEventListener(\"change\", onPixelDensityChange);\n      rendererRef.current = null;\n      renderer.dispose();\n    };\n  }, [canvasRef, isStatic]);\n\n  return rendererRef;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/views/api.d.ts

@@ -0,0 +1,5 @@
+import type { ISkiaViewApi } from "./types";
+declare global {
+    var SkiaViewApi: ISkiaViewApi;
+}
+export declare const SkiaViewApi: ISkiaViewApi;

package/lib/module/views/api.js

@@ -0,0 +1,4 @@
+export const {
+  SkiaViewApi
+} = global;
+//# sourceMappingURL=api.js.map

package/lib/module/views/api.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SkiaViewApi","global"],"sources":["api.ts"],"sourcesContent":["import type { ISkiaViewApi } from \"./types\";\n\ndeclare global {\n  var SkiaViewApi: ISkiaViewApi;\n}\n\nexport const { SkiaViewApi } = global;\n"],"mappings":"AAMA,OAAO,MAAM;EAAEA;AAAY,CAAC,GAAGC,MAAM","ignoreList":[]}

package/lib/module/views/formats.d.ts

@@ -0,0 +1 @@
+export declare const getPreferredHighBitDepthCanvasFormat: () => GPUTextureFormat;

package/lib/module/views/formats.js

@@ -0,0 +1,22 @@
+import { Platform } from "react-native";
+
+// Non-spec helper: the canvas texture format most likely to reach the display
+// with more than 8 bits per channel on the current platform. The returned
+// format keeps standard (SDR) sRGB semantics: values are encoded exactly like
+// on an 8-bit canvas, only with more precision, so colors match across
+// formats. This is about bit depth, not HDR (no extended range).
+//
+// - Apple platforms: "rgba16float" (16-bit float per channel). The library
+//   tags the CAMetalLayer with the extended sRGB colorspace automatically so
+//   the values display identically to an 8-bit canvas.
+// - Android: "rgb10a2unorm". A float16 swapchain works but is tagged as an
+//   SDR sRGB layer, and SurfaceFlinger quantizes SDR layers to the display
+//   pipeline depth during composition, discarding the extra precision.
+//   RGBA_1010102 buffers keep SDR semantics and can pass through composition,
+//   including direct scanout on 10-bit panels. Requires the Vulkan surface to
+//   expose the 10-bit format (common on modern devices).
+// - Web: "rgba16float", the float canvas format supported by browsers.
+export const getPreferredHighBitDepthCanvasFormat = () => {
+  return Platform.OS === "android" ? "rgb10a2unorm" : "rgba16float";
+};
+//# sourceMappingURL=formats.js.map

package/lib/module/views/formats.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","getPreferredHighBitDepthCanvasFormat","OS"],"sources":["formats.ts"],"sourcesContent":["import { Platform } from \"react-native\";\n\n// Non-spec helper: the canvas texture format most likely to reach the display\n// with more than 8 bits per channel on the current platform. The returned\n// format keeps standard (SDR) sRGB semantics: values are encoded exactly like\n// on an 8-bit canvas, only with more precision, so colors match across\n// formats. This is about bit depth, not HDR (no extended range).\n//\n// - Apple platforms: \"rgba16float\" (16-bit float per channel). The library\n//   tags the CAMetalLayer with the extended sRGB colorspace automatically so\n//   the values display identically to an 8-bit canvas.\n// - Android: \"rgb10a2unorm\". A float16 swapchain works but is tagged as an\n//   SDR sRGB layer, and SurfaceFlinger quantizes SDR layers to the display\n//   pipeline depth during composition, discarding the extra precision.\n//   RGBA_1010102 buffers keep SDR semantics and can pass through composition,\n//   including direct scanout on 10-bit panels. Requires the Vulkan surface to\n//   expose the 10-bit format (common on modern devices).\n// - Web: \"rgba16float\", the float canvas format supported by browsers.\nexport const getPreferredHighBitDepthCanvasFormat = (): GPUTextureFormat => {\n  return Platform.OS === \"android\" ? \"rgb10a2unorm\" : \"rgba16float\";\n};\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oCAAoC,GAAGA,CAAA,KAAwB;EAC1E,OAAOD,QAAQ,CAACE,EAAE,KAAK,SAAS,GAAG,cAAc,GAAG,aAAa;AACnE,CAAC","ignoreList":[]}

package/lib/module/views/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./SkiaPictureView";
+export * from "./SkiaGraphiteView";
+export * from "./types";
+export * from "./formats";

package/lib/module/views/index.js

@@ -0,0 +1,5 @@
+export * from "./SkiaPictureView";
+export * from "./SkiaGraphiteView";
+export * from "./types";
+export * from "./formats";
+//# sourceMappingURL=index.js.map

package/lib/module/views/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SkiaPictureView\";\nexport * from \"./SkiaGraphiteView\";\nexport * from \"./types\";\nexport * from \"./formats\";\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,WAAW","ignoreList":[]}

package/lib/module/views/types.d.ts

@@ -0,0 +1,69 @@
+import type { ViewProps } from "react-native";
+import type { SharedValue } from "react-native-reanimated";
+import type { SkGraphiteContext, SkImage, SkPicture, SkRect, SkSize } from "../skia/types";
+export type NativeSkiaViewProps = ViewProps & {
+    debug?: boolean;
+    opaque?: boolean;
+};
+export type AndroidSurfaceType = "SurfaceView" | "TextureView";
+export interface AndroidCanvasProps {
+    /**
+     * Backing view. Defaults to `SurfaceView` when the canvas is `opaque` and to
+     * `TextureView` otherwise; both composite correctly in React Native stacking
+     * order without further flags.
+     */
+    surfaceType?: AndroidSurfaceType;
+    /**
+     * SurfaceView only: composite above every React Native view in the window,
+     * ignoring `zIndex`. Ignored for TextureView. Defaults to false.
+     */
+    zOrderOnTop?: boolean;
+}
+export interface ISkiaViewApi {
+    web?: boolean;
+    setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;
+    requestRedraw: (nativeId: number) => void;
+    /**
+     * Reads the shared values into the recording held for the view and
+     * schedules a redraw. Native only; called from a worklet on every frame.
+     * Until the view registers, the recording is queued for it and kept
+     * current all the same. Ignored when the recording `recorderId` is neither
+     * held by the view nor queued for it.
+     */
+    applyUpdates: (nativeId: number, recorderId: number, values: SharedValue<unknown>[]) => void;
+    makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;
+    makeImageSnapshotAsync: (nativeId: number, rect?: SkRect) => Promise<SkImage>;
+    size: (nativeId: number) => SkSize;
+    /**
+     * The recording side of a SkiaGraphiteView: its native id, the layout size
+     * in points, and the props its surface format follows from. Graphite only.
+     */
+    makeGraphiteContext: (nativeId: number, width: number, height: number, opaque: boolean, highBitDepth: boolean) => SkGraphiteContext;
+}
+export interface SkiaBaseViewProps extends ViewProps {
+    /**
+     * When set to true the view will display information about the
+     * average time it takes to render.
+     */
+    debug?: boolean;
+    /**
+     * Declares that the canvas covers every pixel of its bounds. On Android an
+     * opaque canvas is backed by a `SurfaceView` by default, the cheapest path
+     * (see `android.surfaceType`). Defaults to false.
+     */
+    opaque?: boolean;
+    /**
+     * Renders into a surface with more than 8 bits per channel (16-bit float on
+     * iOS, 10-bit on Android) to avoid banding in subtle gradients. On Android
+     * the extra precision survives composition only when combined with `opaque`.
+     */
+    highBitDepth?: boolean;
+    /** Android-only rendering options. Ignored on iOS and web. */
+    android?: AndroidCanvasProps;
+    __destroyWebGLContextAfterRender?: boolean;
+}
+export interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {
+    picture?: SkPicture;
+    androidWarmup?: boolean;
+}
+export type SkiaGraphiteViewNativeProps = SkiaBaseViewProps;

package/lib/module/views/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/views/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nimport type {\n  SkGraphiteContext,\n  SkImage,\n  SkPicture,\n  SkRect,\n  SkSize,\n} from \"../skia/types\";\n\nexport type NativeSkiaViewProps = ViewProps & {\n  debug?: boolean;\n  opaque?: boolean;\n};\n\nexport type AndroidSurfaceType = \"SurfaceView\" | \"TextureView\";\n\nexport interface AndroidCanvasProps {\n  /**\n   * Backing view. Defaults to `SurfaceView` when the canvas is `opaque` and to\n   * `TextureView` otherwise; both composite correctly in React Native stacking\n   * order without further flags.\n   */\n  surfaceType?: AndroidSurfaceType;\n  /**\n   * SurfaceView only: composite above every React Native view in the window,\n   * ignoring `zIndex`. Ignored for TextureView. Defaults to false.\n   */\n  zOrderOnTop?: boolean;\n}\n\nexport interface ISkiaViewApi {\n  web?: boolean;\n  setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;\n  requestRedraw: (nativeId: number) => void;\n  /**\n   * Reads the shared values into the recording held for the view and\n   * schedules a redraw. Native only; called from a worklet on every frame.\n   * Until the view registers, the recording is queued for it and kept\n   * current all the same. Ignored when the recording `recorderId` is neither\n   * held by the view nor queued for it.\n   */\n  applyUpdates: (\n    nativeId: number,\n    recorderId: number,\n    values: SharedValue<unknown>[]\n  ) => void;\n  makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n  makeImageSnapshotAsync: (nativeId: number, rect?: SkRect) => Promise<SkImage>;\n  size: (nativeId: number) => SkSize;\n  /**\n   * The recording side of a SkiaGraphiteView: its native id, the layout size\n   * in points, and the props its surface format follows from. Graphite only.\n   */\n  makeGraphiteContext: (\n    nativeId: number,\n    width: number,\n    height: number,\n    opaque: boolean,\n    highBitDepth: boolean\n  ) => SkGraphiteContext;\n}\n\nexport interface SkiaBaseViewProps extends ViewProps {\n  /**\n   * When set to true the view will display information about the\n   * average time it takes to render.\n   */\n  debug?: boolean;\n\n  /**\n   * Declares that the canvas covers every pixel of its bounds. On Android an\n   * opaque canvas is backed by a `SurfaceView` by default, the cheapest path\n   * (see `android.surfaceType`). Defaults to false.\n   */\n  opaque?: boolean;\n\n  /**\n   * Renders into a surface with more than 8 bits per channel (16-bit float on\n   * iOS, 10-bit on Android) to avoid banding in subtle gradients. On Android\n   * the extra precision survives composition only when combined with `opaque`.\n   */\n  highBitDepth?: boolean;\n\n  /** Android-only rendering options. Ignored on iOS and web. */\n  android?: AndroidCanvasProps;\n\n  // On web, only 16 WebGL contextes are allowed. If the drawing is non-animated, set\n  // __destroyWebGLContextAfterRender to true to release the context after each draw.\n  __destroyWebGLContextAfterRender?: boolean;\n}\n\nexport interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {\n  picture?: SkPicture;\n  androidWarmup?: boolean;\n}\n\nexport type SkiaGraphiteViewNativeProps = SkiaBaseViewProps;\n"],"mappings":"","ignoreList":[]}

package/lib/module/web/LoadSkiaWeb.d.ts

@@ -0,0 +1,6 @@
+import type { CanvasKit as CanvasKitType, CanvasKitInitOptions } from "canvaskit-wasm";
+declare global {
+    var CanvasKit: CanvasKitType;
+}
+export declare const LoadSkiaWeb: (opts?: CanvasKitInitOptions) => Promise<void>;
+export declare const LoadSkia: (opts?: CanvasKitInitOptions) => Promise<void>;

package/lib/module/web/LoadSkiaWeb.js

@@ -0,0 +1,18 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import CanvasKitInit from "canvaskit-wasm/bin/full/canvaskit";
+let ckSharedPromise;
+export const LoadSkiaWeb = async opts => {
+  if (global.CanvasKit !== undefined) {
+    return;
+  }
+  ckSharedPromise = ckSharedPromise !== null && ckSharedPromise !== void 0 ? ckSharedPromise : CanvasKitInit(opts);
+  const CanvasKit = await ckSharedPromise;
+  // The CanvasKit API is stored on the global object and used
+  // to create the JsiSKApi in the Skia.web.ts file.
+  global.CanvasKit = CanvasKit;
+};
+
+// We keep this function for backward compatibility
+export const LoadSkia = LoadSkiaWeb;
+//# sourceMappingURL=LoadSkiaWeb.js.map

package/lib/module/web/LoadSkiaWeb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CanvasKitInit","ckSharedPromise","LoadSkiaWeb","opts","global","CanvasKit","undefined","LoadSkia"],"sources":["LoadSkiaWeb.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport CanvasKitInit from \"canvaskit-wasm/bin/full/canvaskit\";\nimport type {\n  CanvasKit as CanvasKitType,\n  CanvasKitInitOptions,\n} from \"canvaskit-wasm\";\n\ndeclare global {\n  var CanvasKit: CanvasKitType;\n}\n\nlet ckSharedPromise: Promise<CanvasKitType>;\n\nexport const LoadSkiaWeb = async (opts?: CanvasKitInitOptions) => {\n  if (global.CanvasKit !== undefined) {\n    return;\n  }\n  ckSharedPromise = ckSharedPromise ?? CanvasKitInit(opts);\n  const CanvasKit = await ckSharedPromise;\n  // The CanvasKit API is stored on the global object and used\n  // to create the JsiSKApi in the Skia.web.ts file.\n  global.CanvasKit = CanvasKit;\n};\n\n// We keep this function for backward compatibility\nexport const LoadSkia = LoadSkiaWeb;\n"],"mappings":"AAAA;AACA;AACA,OAAOA,aAAa,MAAM,mCAAmC;AAU7D,IAAIC,eAAuC;AAE3C,OAAO,MAAMC,WAAW,GAAG,MAAOC,IAA2B,IAAK;EAChE,IAAIC,MAAM,CAACC,SAAS,KAAKC,SAAS,EAAE;IAClC;EACF;EACAL,eAAe,GAAGA,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAID,aAAa,CAACG,IAAI,CAAC;EACxD,MAAME,SAAS,GAAG,MAAMJ,eAAe;EACvC;EACA;EACAG,MAAM,CAACC,SAAS,GAAGA,SAAS;AAC9B,CAAC;;AAED;AACA,OAAO,MAAME,QAAQ,GAAGL,WAAW","ignoreList":[]}

package/lib/module/web/WithSkiaWeb.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentProps, ComponentType } from "react";
+import React, { Suspense } from "react";
+import { LoadSkiaWeb } from "./LoadSkiaWeb";
+type NonOptionalKeys<T> = {
+    [k in keyof T]-?: undefined extends T[k] ? never : k;
+}[keyof T];
+type WithSkiaProps<TProps> = {
+    fallback?: ComponentProps<typeof Suspense>["fallback"];
+    getComponent: () => Promise<{
+        default: ComponentType<TProps>;
+    }>;
+    opts?: Parameters<typeof LoadSkiaWeb>[0];
+} & (NonOptionalKeys<TProps> extends never ? {
+    componentProps?: TProps;
+} : {
+    componentProps: TProps;
+});
+export declare const WithSkiaWeb: <TProps extends object>({ getComponent, fallback, opts, componentProps, }: WithSkiaProps<TProps>) => React.JSX.Element;
+export {};

package/lib/module/web/WithSkiaWeb.js

@@ -0,0 +1,28 @@
+import React, { useMemo, lazy, Suspense } from "react";
+import { Platform } from "../Platform";
+import { LoadSkiaWeb } from "./LoadSkiaWeb";
+export const WithSkiaWeb = ({
+  getComponent,
+  fallback,
+  opts,
+  componentProps
+}) => {
+  const Inner = useMemo(
+  // TODO: investigate
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  () => /*#__PURE__*/lazy(async () => {
+    if (Platform.OS === "web") {
+      await LoadSkiaWeb(opts);
+    } else {
+      console.warn("<WithSkiaWeb /> is only necessary on web. Consider not using on native.");
+    }
+    return getComponent();
+  }),
+  // We we to run this only once.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: fallback !== null && fallback !== void 0 ? fallback : null
+  }, /*#__PURE__*/React.createElement(Inner, componentProps));
+};
+//# sourceMappingURL=WithSkiaWeb.js.map

package/lib/module/web/WithSkiaWeb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","lazy","Suspense","Platform","LoadSkiaWeb","WithSkiaWeb","getComponent","fallback","opts","componentProps","Inner","OS","console","warn","createElement"],"sources":["WithSkiaWeb.tsx"],"sourcesContent":["import type { ComponentProps, ComponentType } from \"react\";\nimport React, { useMemo, lazy, Suspense } from \"react\";\n\nimport { Platform } from \"../Platform\";\n\nimport { LoadSkiaWeb } from \"./LoadSkiaWeb\";\n\ntype NonOptionalKeys<T> = {\n  [k in keyof T]-?: undefined extends T[k] ? never : k;\n}[keyof T];\n\ntype WithSkiaProps<TProps> = {\n  fallback?: ComponentProps<typeof Suspense>[\"fallback\"];\n  getComponent: () => Promise<{ default: ComponentType<TProps> }>;\n  opts?: Parameters<typeof LoadSkiaWeb>[0];\n} & (NonOptionalKeys<TProps> extends never\n  ? {\n      componentProps?: TProps;\n    }\n  : {\n      componentProps: TProps;\n    });\n\nexport const WithSkiaWeb = <TProps extends object>({\n  getComponent,\n  fallback,\n  opts,\n  componentProps,\n}: WithSkiaProps<TProps>) => {\n  const Inner = useMemo(\n    // TODO: investigate\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (): any =>\n      lazy(async () => {\n        if (Platform.OS === \"web\") {\n          await LoadSkiaWeb(opts);\n        } else {\n          console.warn(\n            \"<WithSkiaWeb /> is only necessary on web. Consider not using on native.\"\n          );\n        }\n        return getComponent();\n      }),\n    // We we to run this only once.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  );\n  return (\n    <Suspense fallback={fallback ?? null}>\n      <Inner {...componentProps} />\n    </Suspense>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,OAAO;AAEtD,SAASC,QAAQ,QAAQ,aAAa;AAEtC,SAASC,WAAW,QAAQ,eAAe;AAkB3C,OAAO,MAAMC,WAAW,GAAGA,CAAwB;EACjDC,YAAY;EACZC,QAAQ;EACRC,IAAI;EACJC;AACqB,CAAC,KAAK;EAC3B,MAAMC,KAAK,GAAGV,OAAO;EACnB;EACA;EACA,mBACEC,IAAI,CAAC,YAAY;IACf,IAAIE,QAAQ,CAACQ,EAAE,KAAK,KAAK,EAAE;MACzB,MAAMP,WAAW,CAACI,IAAI,CAAC;IACzB,CAAC,MAAM;MACLI,OAAO,CAACC,IAAI,CACV,yEACF,CAAC;IACH;IACA,OAAOP,YAAY,CAAC,CAAC;EACvB,CAAC,CAAC;EACJ;EACA;EACA,EACF,CAAC;EACD,oBACEP,KAAA,CAAAe,aAAA,CAACZ,QAAQ;IAACK,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI;EAAK,gBACnCR,KAAA,CAAAe,aAAA,CAACJ,KAAK,EAAKD,cAAiB,CACpB,CAAC;AAEf,CAAC","ignoreList":[]}

package/lib/module/web/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LoadSkiaWeb";
+export * from "./WithSkiaWeb";

package/lib/module/web/index.js

@@ -0,0 +1,3 @@
+export * from "./LoadSkiaWeb";
+export * from "./WithSkiaWeb";
+//# sourceMappingURL=index.js.map

package/lib/module/web/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./LoadSkiaWeb\";\nexport * from \"./WithSkiaWeb\";\n"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,eAAe","ignoreList":[]}

package/lib/typescript/eslint.config.d.mts

@@ -0,0 +1,2 @@
+declare const _default: any[];
+export default _default;

package/lib/typescript/index.d.ts

@@ -0,0 +1 @@
+export * from "./src";

package/lib/typescript/jestEnv.d.ts

@@ -0,0 +1,5 @@
+declare const SkiaEnvironment_base: typeof import("jest-environment-node").default;
+export default class SkiaEnvironment extends SkiaEnvironment_base {
+    constructor(config: any, context: any);
+}
+export {};

package/lib/typescript/jestSetup.d.mts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/jestSetup.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/react-native.config.d.ts

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

package/lib/typescript/src/Platform/IPlatform.d.ts

@@ -0,0 +1,9 @@
+import type { NodeHandle, ViewComponent } from "react-native";
+import type { DataModule } from "../skia/types";
+export interface IPlatform {
+    OS: string;
+    PixelRatio: number;
+    findNodeHandle: (componentOrHandle: null | number | React.Component<any, any> | React.ComponentClass<any>) => null | NodeHandle;
+    resolveAsset: (source: DataModule) => string;
+    View: typeof ViewComponent;
+}

package/lib/typescript/src/Platform/Platform.d.ts

@@ -0,0 +1,2 @@
+import type { IPlatform } from "./IPlatform";
+export declare const Platform: IPlatform;

package/lib/typescript/src/Platform/Platform.web.d.ts

@@ -0,0 +1,2 @@
+import type { IPlatform } from "./IPlatform";
+export declare const Platform: IPlatform;

package/lib/typescript/src/Platform/index.d.ts

@@ -0,0 +1 @@
+export * from "./Platform";

package/lib/typescript/src/animation/functions/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./interpolate";
+export * from "./interpolateColors";
+export * from "./interpolateVector";
+export * from "./interpolatePaths";

package/lib/typescript/src/animation/functions/interpolate.d.ts

@@ -0,0 +1,17 @@
+export declare enum Extrapolate {
+    IDENTITY = "identity",
+    CLAMP = "clamp",
+    EXTEND = "extend"
+}
+export interface ExtrapolationConfig {
+    extrapolateLeft?: Extrapolate | string;
+    extrapolateRight?: Extrapolate | string;
+}
+interface RequiredExtrapolationConfig {
+    extrapolateLeft: Extrapolate;
+    extrapolateRight: Extrapolate;
+}
+export type ExtrapolationType = ExtrapolationConfig | Extrapolate | string | undefined;
+export declare function validateInterpolationOptions(type: ExtrapolationType): RequiredExtrapolationConfig;
+export declare function interpolate(x: number, input: readonly number[], output: readonly number[], type?: ExtrapolationType): number;
+export {};

package/lib/typescript/src/animation/functions/interpolateColors.d.ts

@@ -0,0 +1,3 @@
+import type { Color } from "../../skia";
+export declare const interpolateColors: (value: number, inputRange: number[], _outputRange: Color[]) => number[];
+export declare const mixColors: (value: number, x: Color, y: Color) => Float32Array<ArrayBuffer>;

package/lib/typescript/src/animation/functions/interpolatePaths.d.ts

@@ -0,0 +1,19 @@
+import type { SkPath } from "../../skia/types";
+import type { ExtrapolationType } from "./interpolate";
+/**
+ * Maps an input value within a range to an output path within a path range.
+ * @param value - The input value.
+ * @param inputRange - The range of the input value.
+ * @param outputRange - The range of the output path.
+ * @param options - Extrapolation options
+ * @returns The output path.
+ * @example <caption>Map a value between 0 and 1 to a path between two paths.</caption>
+ * const path1 = new Path();
+ * path1.moveTo(0, 0);
+ * path1.lineTo(100, 0);
+ * const path2 = new Path();
+ * path2.moveTo(0, 0);
+ * path2.lineTo(0, 100);
+ * const path = interpolatePath(0.5, [0, 1], [path1, path2]);
+ */
+export declare const interpolatePaths: (value: number, input: number[], outputRange: SkPath[], options?: ExtrapolationType, _output?: SkPath) => SkPath;

package/lib/typescript/src/animation/functions/interpolateVector.d.ts

@@ -0,0 +1,10 @@
+import type { Vector } from "../../skia/types";
+import { interpolate } from "./interpolate";
+export declare const interpolateVector: (value: number, inputRange: readonly number[], outputRange: readonly Vector[], options?: Parameters<typeof interpolate>[3]) => {
+    x: number;
+    y: number;
+};
+export declare const mixVector: (value: number, from: Vector, to: Vector) => {
+    x: number;
+    y: number;
+};

package/lib/typescript/src/animation/index.d.ts

@@ -0,0 +1 @@
+export * from "./functions";

package/lib/typescript/src/dom/nodes/datatypes/Circle.d.ts

@@ -0,0 +1,6 @@
+import type { CircleDef, ScalarCircleDef } from "../../types";
+export declare const isCircleScalarDef: (def: CircleDef) => def is ScalarCircleDef;
+export declare const processCircle: (def: CircleDef) => {
+    c: import("../../..").SkPoint;
+    r: number;
+};

package/lib/typescript/src/dom/nodes/datatypes/Enum.d.ts

@@ -0,0 +1 @@
+export declare const enumKey: <K extends string>(k: K) => Capitalize<K>;

package/lib/typescript/src/dom/nodes/datatypes/Fitting.d.ts

@@ -0,0 +1,33 @@
+import type { SkRect } from "../../../skia/types";
+import type { Fit } from "../../types";
+export interface Size {
+    width: number;
+    height: number;
+}
+export declare const size: (width?: number, height?: number) => {
+    width: number;
+    height: number;
+};
+export declare const rect2rect: (src: SkRect, dst: SkRect) => [{
+    translateX: number;
+}, {
+    translateY: number;
+}, {
+    scaleX: number;
+}, {
+    scaleY: number;
+}];
+export declare const fitRects: (fit: Fit, rect: SkRect, { x, y, width, height }: SkRect) => {
+    src: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    dst: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+};