@shopify/react-native-skia 2.13.0 → 2.14.0

package/lib/module/sksg/Container.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Rea","HAS_REANIMATED_3","HAS_REANIMATED_4","REANIMATED_VERSION_MAJOR","ReanimatedRecorder","Container","StaticContainer","visit","SkiaViewApi","globalThis","nativeDrawOnscreen","nativeId","recorder","picture","play","setJsiProperty","NativeReanimatedContainer","constructor","Skia","_defineProperty","Picture","MakePicture","unmount","mapperId","stopMapper","redraw","unmounted","root","sharedValues","getSharedValues","sharedRecorder","getRecorder","runOnUI","length","startMapper","applyUpdates","hasWarnedAboutReanimatedSupport","reanimatedSupportError","createContainer","message","__DEV__","Error","console","error"],"sources":["Container.native.ts"],"sourcesContent":["import Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia, SkPicture } from \"../skia/types\";\nimport {\n  HAS_REANIMATED_3,\n  HAS_REANIMATED_4,\n  REANIMATED_VERSION_MAJOR,\n} from \"../external/reanimated/renderHelpers\";\nimport type { JsiRecorder } from \"../skia/types/Recorder\";\n\nimport { ReanimatedRecorder } from \"./Recorder/ReanimatedRecorder\";\nimport { Container, StaticContainer } from \"./StaticContainer\";\nimport { visit } from \"./Recorder/Visitor\";\n\nimport \"../skia/NativeSetup\";\nimport \"../views/api\";\n\n// create local reference for `strictGlobal` option in Worklets\nconst { SkiaViewApi } = globalThis;\n\nconst nativeDrawOnscreen = (\n  nativeId: number,\n  recorder: JsiRecorder,\n  picture: SkPicture\n) => {\n  \"worklet\";\n\n  //const start = performance.now();\n  recorder.play(picture);\n  //const end = performance.now();\n  //console.log(\"Recording time: \", end - start);\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n};\n\nclass NativeReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n  private picture: SkPicture;\n\n  constructor(\n    Skia: Skia,\n    private nativeId: number\n  ) {\n    super(Skia);\n    this.picture = Skia.Picture.MakePicture(null)!;\n  }\n\n  unmount() {\n    super.unmount();\n    if (this.mapperId !== null) {\n      // The mapper closure retains the recorder and its resources (e.g.\n      // images) on the UI runtime and keeps updating the picture of an\n      // unmounted view — stop it or it leaks for the lifetime of the app.\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n  }\n\n  redraw() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n    if (this.unmounted) {\n      return;\n    }\n    const recorder = new ReanimatedRecorder(this.Skia);\n    const { nativeId, picture } = this;\n    visit(recorder, this.root);\n    const sharedValues = recorder.getSharedValues();\n    const sharedRecorder = recorder.getRecorder();\n    // Draw first frame\n    Rea.runOnUI(() => {\n      \"worklet\";\n      nativeDrawOnscreen(nativeId, sharedRecorder, picture);\n    })();\n    // Animate\n    if (sharedValues.length > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        sharedRecorder.applyUpdates(sharedValues);\n        nativeDrawOnscreen(nativeId, sharedRecorder, picture);\n      }, sharedValues);\n    }\n  }\n}\n\nlet hasWarnedAboutReanimatedSupport = false;\n\nconst reanimatedSupportError = () => {\n  if (REANIMATED_VERSION_MAJOR !== null && REANIMATED_VERSION_MAJOR >= 4) {\n    return (\n      \"React Native Skia requires react-native-worklets >= 0.7.0 for its \" +\n      \"Reanimated integration on native platforms. Reanimated 4 is \" +\n      \"installed, but react-native-worklets is missing or too old. \" +\n      \"Please install or upgrade react-native-worklets.\"\n    );\n  }\n  return (\n    \"React Native Skia requires Reanimated 4 (react-native-worklets >= \" +\n    \"0.7.0) for its Reanimated integration on native platforms. \" +\n    \"Reanimated 3 is not supported anymore: Skia objects cannot be used \" +\n    \"inside worklets or shared values with it. \" +\n    \"Please upgrade to react-native-reanimated >= 4.0.0.\"\n  );\n};\n\nexport const createContainer = (Skia: Skia, nativeId: number) => {\n  if (HAS_REANIMATED_4 && nativeId !== -1) {\n    return new NativeReanimatedContainer(Skia, nativeId);\n  } else {\n    if (HAS_REANIMATED_3 && !HAS_REANIMATED_4) {\n      const message = reanimatedSupportError();\n      if (__DEV__) {\n        // Fail loudly in development — a silent fallback to static rendering\n        // would only be noticed as frozen animations.\n        throw new Error(message);\n      }\n      if (!hasWarnedAboutReanimatedSupport) {\n        hasWarnedAboutReanimatedSupport = true;\n        console.error(\n          `${message} Falling back to static rendering (animations will not run).`\n        );\n      }\n    }\n    return new StaticContainer(Skia, nativeId);\n  }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Rea","HAS_REANIMATED_3","HAS_REANIMATED_4","REANIMATED_VERSION_MAJOR","ReanimatedRecorder","Container","StaticContainer","visit","SkiaViewApi","globalThis","NativeReanimatedContainer","constructor","Skia","nativeId","_defineProperty","stopMapper","mapperId","unmount","redraw","unmounted","recorder","root","sharedValues","getSharedValues","nativeRecorder","getRecorder","recorderId","getId","setJsiProperty","dispose","length","startMapper","applyUpdates","hasWarnedAboutReanimatedSupport","reanimatedSupportError","createContainer","message","__DEV__","Error","console","error"],"sources":["Container.native.ts"],"sourcesContent":["import Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia } from \"../skia/types\";\nimport {\n  HAS_REANIMATED_3,\n  HAS_REANIMATED_4,\n  REANIMATED_VERSION_MAJOR,\n} from \"../external/reanimated/renderHelpers\";\n\nimport { ReanimatedRecorder } from \"./Recorder/ReanimatedRecorder\";\nimport { Container, StaticContainer } from \"./StaticContainer\";\nimport { visit } from \"./Recorder/Visitor\";\n\nimport \"../skia/NativeSetup\";\nimport \"../views/api\";\n\n// create local reference for `strictGlobal` option in Worklets\nconst { SkiaViewApi } = globalThis;\n\n/**\n * Records the scene graph on the JS thread and hands the native recorder to\n * the view, which owns it and replays it on every draw. The Reanimated mapper\n * only pushes the shared values into that recorder through the view id: no\n * Skia object is captured by a worklet, so nothing on the UI runtime holds\n * native memory. The JS wrapper is disposed right after the handoff, so the\n * view is the sole owner and the resources referenced by the recording\n * (images, pictures) are released when the view replaces it or is torn down,\n * not when a garbage collector gets around to a wrapper.\n *\n * Unmounting does not clear the view: the native view can outlive the React\n * tree (exit animations, screen transitions) and keeps showing its last frame\n * until it is torn down, which is when the recording is released.\n */\nclass NativeReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n\n  constructor(\n    Skia: Skia,\n    private nativeId: number\n  ) {\n    super(Skia);\n  }\n\n  private stopMapper() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n  }\n\n  unmount() {\n    super.unmount();\n    this.stopMapper();\n  }\n\n  redraw() {\n    this.stopMapper();\n    if (this.unmounted) {\n      return;\n    }\n    const recorder = new ReanimatedRecorder(this.Skia);\n    visit(recorder, this.root);\n    const sharedValues = recorder.getSharedValues();\n    const { nativeId } = this;\n    const nativeRecorder = recorder.getRecorder();\n    // stopMapper() only takes effect on the UI thread later, so the previous\n    // mapper can still fire after the new recording is installed. Tagging the\n    // updates with the recording id lets the view ignore them.\n    const recorderId = nativeRecorder.getId();\n    // The view takes ownership of the recorder and draws the first frame. The\n    // wrapper is disposed right away: it would otherwise co-own the recording\n    // until the JS garbage collector finalizes it.\n    SkiaViewApi.setJsiProperty(nativeId, \"recorder\", nativeRecorder);\n    nativeRecorder.dispose();\n    if (sharedValues.length > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        SkiaViewApi.applyUpdates(nativeId, recorderId, sharedValues);\n      }, sharedValues);\n    }\n  }\n}\n\nlet hasWarnedAboutReanimatedSupport = false;\n\nconst reanimatedSupportError = () => {\n  if (REANIMATED_VERSION_MAJOR !== null && REANIMATED_VERSION_MAJOR >= 4) {\n    return (\n      \"React Native Skia requires react-native-worklets >= 0.7.0 for its \" +\n      \"Reanimated integration on native platforms. Reanimated 4 is \" +\n      \"installed, but react-native-worklets is missing or too old. \" +\n      \"Please install or upgrade react-native-worklets.\"\n    );\n  }\n  return (\n    \"React Native Skia requires Reanimated 4 (react-native-worklets >= \" +\n    \"0.7.0) for its Reanimated integration on native platforms. \" +\n    \"Reanimated 3 is not supported anymore: Skia objects cannot be used \" +\n    \"inside worklets or shared values with it. \" +\n    \"Please upgrade to react-native-reanimated >= 4.0.0.\"\n  );\n};\n\nexport const createContainer = (Skia: Skia, nativeId: number) => {\n  if (HAS_REANIMATED_4 && nativeId !== -1) {\n    return new NativeReanimatedContainer(Skia, nativeId);\n  } else {\n    if (HAS_REANIMATED_3 && !HAS_REANIMATED_4) {\n      const message = reanimatedSupportError();\n      if (__DEV__) {\n        // Fail loudly in development — a silent fallback to static rendering\n        // would only be noticed as frozen animations.\n        throw new Error(message);\n      }\n      if (!hasWarnedAboutReanimatedSupport) {\n        hasWarnedAboutReanimatedSupport = true;\n        console.error(\n          `${message} Falling back to static rendering (animations will not run).`\n        );\n      }\n    }\n    return new StaticContainer(Skia, nativeId);\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/specs/NativeSkiaModule.web.js

@@ -51,6 +51,10 @@ global.SkiaViewApi = {
     // The view may already have unmounted (e.g. a trailing animation frame).
     (_this$views = this.views[`${nativeId}`]) === null || _this$views === void 0 || _this$views.redraw();
   },
+  applyUpdates() {
+    // Web canvases are driven from JS (see Container.web.ts); there is no
+    // view-owned recorder to update.
+  },
   makeImageSnapshot(nativeId, rect) {
     const view = this.views[`${nativeId}`];
     if (!view) {

package/lib/module/specs/NativeSkiaModule.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["global","SkiaViewApi","views","deferedPictures","unregisteredViews","Set","deferedOnSize","web","registerView","nativeId","view","delete","setPicture","unregisterView","add","setJsiProperty","name","value","id","has","size","getSize","width","height","requestRedraw","_this$views","redraw","makeImageSnapshot","rect","Error","makeImageSnapshotAsync","Promise","resolve","reject","result"],"sources":["NativeSkiaModule.web.ts"],"sourcesContent":["/* eslint-disable import/no-anonymous-default-export */\nimport type { SkPicture, SkRect } from \"../skia/types\";\nimport type { ISkiaViewApi } from \"../views/types\";\nimport type { SkiaPictureViewHandle } from \"../views/SkiaPictureView.web\";\n\nexport type ISkiaViewApiWeb = ISkiaViewApi & {\n  views: Record<string, SkiaPictureViewHandle>;\n  deferedPictures: Record<string, SkPicture>;\n  unregisteredViews: Set<string>;\n  registerView(nativeId: string, view: SkiaPictureViewHandle): void;\n  unregisterView(nativeId: string): void;\n};\n\nglobal.SkiaViewApi = {\n  views: {},\n  deferedPictures: {},\n  unregisteredViews: new Set<string>(),\n  deferedOnSize: {},\n  web: true,\n  registerView(nativeId: string, view: SkiaPictureViewHandle) {\n    this.unregisteredViews.delete(nativeId);\n    // Maybe a picture for this view was already set\n    if (this.deferedPictures[nativeId]) {\n      view.setPicture(this.deferedPictures[nativeId] as SkPicture);\n      delete this.deferedPictures[nativeId];\n    }\n    this.views[nativeId] = view;\n  },\n  unregisterView(nativeId: string) {\n    // Views must be removed on unmount: the handle's closures capture the\n    // canvas element, so a stale entry retains the whole detached DOM tree.\n    this.unregisteredViews.add(nativeId);\n    delete this.views[nativeId];\n    delete this.deferedPictures[nativeId];\n  },\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  setJsiProperty(nativeId: number, name: string, value: any) {\n    if (name === \"picture\") {\n      const id = `${nativeId}`;\n      if (this.views[id]) {\n        this.views[id].setPicture(value);\n      } else if (!this.unregisteredViews.has(id)) {\n        this.deferedPictures[id] = value;\n      }\n      // Otherwise the view has unmounted (e.g. a trailing animation frame):\n      // drop the picture instead of deferring it for an id that will never\n      // register again, which would retain it forever.\n    }\n  },\n  size(nativeId: number) {\n    if (this.views[`${nativeId}`]) {\n      return this.views[`${nativeId}`].getSize();\n    } else {\n      return { width: 0, height: 0 };\n    }\n  },\n  requestRedraw(nativeId: number) {\n    // The view may already have unmounted (e.g. a trailing animation frame).\n    this.views[`${nativeId}`]?.redraw();\n  },\n  makeImageSnapshot(nativeId: number, rect?: SkRect) {\n    const view = this.views[`${nativeId}`];\n    if (!view) {\n      throw new Error(\n        `Cannot make image snapshot: view with nativeID ${nativeId} is not registered (it may have unmounted)`\n      );\n    }\n    return view.makeImageSnapshot(rect);\n  },\n  makeImageSnapshotAsync(nativeId: number, rect?: SkRect) {\n    return new Promise((resolve, reject) => {\n      const view = this.views[`${nativeId}`];\n      if (!view) {\n        reject(\n          new Error(\n            `Cannot make image snapshot: view with nativeID ${nativeId} is not registered (it may have unmounted)`\n          )\n        );\n        return;\n      }\n      const result = view.makeImageSnapshot(rect);\n      if (result) {\n        resolve(result);\n      } else {\n        reject(new Error(\"Failed to make image snapshot\"));\n      }\n    });\n  },\n} as ISkiaViewApiWeb;\n\n// eslint-disable-next-line import/no-default-export\nexport default {};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["global","SkiaViewApi","views","deferedPictures","unregisteredViews","Set","deferedOnSize","web","registerView","nativeId","view","delete","setPicture","unregisterView","add","setJsiProperty","name","value","id","has","size","getSize","width","height","requestRedraw","_this$views","redraw","applyUpdates","makeImageSnapshot","rect","Error","makeImageSnapshotAsync","Promise","resolve","reject","result"],"sources":["NativeSkiaModule.web.ts"],"sourcesContent":["/* eslint-disable import/no-anonymous-default-export */\nimport type { SkPicture, SkRect } from \"../skia/types\";\nimport type { ISkiaViewApi } from \"../views/types\";\nimport type { SkiaPictureViewHandle } from \"../views/SkiaPictureView.web\";\n\nexport type ISkiaViewApiWeb = ISkiaViewApi & {\n  views: Record<string, SkiaPictureViewHandle>;\n  deferedPictures: Record<string, SkPicture>;\n  unregisteredViews: Set<string>;\n  registerView(nativeId: string, view: SkiaPictureViewHandle): void;\n  unregisterView(nativeId: string): void;\n};\n\nglobal.SkiaViewApi = {\n  views: {},\n  deferedPictures: {},\n  unregisteredViews: new Set<string>(),\n  deferedOnSize: {},\n  web: true,\n  registerView(nativeId: string, view: SkiaPictureViewHandle) {\n    this.unregisteredViews.delete(nativeId);\n    // Maybe a picture for this view was already set\n    if (this.deferedPictures[nativeId]) {\n      view.setPicture(this.deferedPictures[nativeId] as SkPicture);\n      delete this.deferedPictures[nativeId];\n    }\n    this.views[nativeId] = view;\n  },\n  unregisterView(nativeId: string) {\n    // Views must be removed on unmount: the handle's closures capture the\n    // canvas element, so a stale entry retains the whole detached DOM tree.\n    this.unregisteredViews.add(nativeId);\n    delete this.views[nativeId];\n    delete this.deferedPictures[nativeId];\n  },\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  setJsiProperty(nativeId: number, name: string, value: any) {\n    if (name === \"picture\") {\n      const id = `${nativeId}`;\n      if (this.views[id]) {\n        this.views[id].setPicture(value);\n      } else if (!this.unregisteredViews.has(id)) {\n        this.deferedPictures[id] = value;\n      }\n      // Otherwise the view has unmounted (e.g. a trailing animation frame):\n      // drop the picture instead of deferring it for an id that will never\n      // register again, which would retain it forever.\n    }\n  },\n  size(nativeId: number) {\n    if (this.views[`${nativeId}`]) {\n      return this.views[`${nativeId}`].getSize();\n    } else {\n      return { width: 0, height: 0 };\n    }\n  },\n  requestRedraw(nativeId: number) {\n    // The view may already have unmounted (e.g. a trailing animation frame).\n    this.views[`${nativeId}`]?.redraw();\n  },\n  applyUpdates() {\n    // Web canvases are driven from JS (see Container.web.ts); there is no\n    // view-owned recorder to update.\n  },\n  makeImageSnapshot(nativeId: number, rect?: SkRect) {\n    const view = this.views[`${nativeId}`];\n    if (!view) {\n      throw new Error(\n        `Cannot make image snapshot: view with nativeID ${nativeId} is not registered (it may have unmounted)`\n      );\n    }\n    return view.makeImageSnapshot(rect);\n  },\n  makeImageSnapshotAsync(nativeId: number, rect?: SkRect) {\n    return new Promise((resolve, reject) => {\n      const view = this.views[`${nativeId}`];\n      if (!view) {\n        reject(\n          new Error(\n            `Cannot make image snapshot: view with nativeID ${nativeId} is not registered (it may have unmounted)`\n          )\n        );\n        return;\n      }\n      const result = view.makeImageSnapshot(rect);\n      if (result) {\n        resolve(result);\n      } else {\n        reject(new Error(\"Failed to make image snapshot\"));\n      }\n    });\n  },\n} as ISkiaViewApiWeb;\n\n// eslint-disable-next-line import/no-default-export\nexport default {};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,5 @@
 import type { ViewProps } from "react-native";
+import type { SharedValue } from "react-native-reanimated";
 import type { SkImage, SkPicture, SkRect, SkSize } from "../skia/types";
 export type NativeSkiaViewProps = ViewProps & {
     debug?: boolean;
@@ -22,6 +23,14 @@ 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;

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\n\nimport type { SkImage, SkPicture, SkRect, SkSize } 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  makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n  makeImageSnapshotAsync: (nativeId: number, rect?: SkRect) => Promise<SkImage>;\n  size: (nativeId: number) => SkSize;\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"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nimport type { SkImage, SkPicture, SkRect, SkSize } 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\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"],"mappings":"","ignoreList":[]}

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

@@ -6,40 +6,6 @@ export class JsiSkPath extends _Host.HostObject {
     constructor(CanvasKit: any, ref: any);
     /** Returns an immutable CK Path snapshot for read-only operations. */
     asPath(): any;
-    addPath(src: any, matrix: any, extend?: boolean): this;
-    addArc(oval: any, startAngleInDegrees: any, sweepAngleInDegrees: any): this;
-    addOval(oval: any, isCCW: any, startIndex: any): this;
-    addPoly(points: any, close: any): this;
-    addRect(rect: any, isCCW: any): this;
-    addRRect(rrect: any, isCCW: any): this;
-    addCircle(x: any, y: any, r: any): this;
-    moveTo(x: any, y: any): this;
-    rMoveTo(x: any, y: any): this;
-    lineTo(x: any, y: any): this;
-    rLineTo(x: any, y: any): this;
-    quadTo(x1: any, y1: any, x2: any, y2: any): this;
-    rQuadTo(x1: any, y1: any, x2: any, y2: any): this;
-    conicTo(x1: any, y1: any, x2: any, y2: any, w: any): this;
-    rConicTo(x1: any, y1: any, x2: any, y2: any, w: any): this;
-    cubicTo(cpx1: any, cpy1: any, cpx2: any, cpy2: any, x: any, y: any): this;
-    rCubicTo(cpx1: any, cpy1: any, cpx2: any, cpy2: any, x: any, y: any): this;
-    close(): this;
-    reset(): this;
-    rewind(): this;
-    arcToOval(oval: any, startAngleInDegrees: any, sweepAngleInDegrees: any, forceMoveTo: any): this;
-    arcToRotated(rx: any, ry: any, xAxisRotateInDegrees: any, useSmallArc: any, isCCW: any, x: any, y: any): this;
-    rArcTo(rx: any, ry: any, xAxisRotateInDegrees: any, useSmallArc: any, isCCW: any, dx: any, dy: any): this;
-    arcToTangent(x1: any, y1: any, x2: any, y2: any, radius: any): this;
-    setFillType(fill: any): this;
-    setIsVolatile(_volatile: any): this;
-    offset(dx: any, dy: any): this;
-    transform(m: any): this;
-    makeAsWinding(): this | null;
-    simplify(): boolean;
-    op(path: any, op: any): boolean;
-    dash(on: any, off: any, phase: any): boolean;
-    stroke(opts: any): this | null;
-    trim(start: any, stop: any, isComplement: any): this | null;
     countPoints(): any;
     computeTightBounds(): _JsiSkRect.JsiSkRect;
     contains(x: any, y: any): any;
@@ -56,7 +22,7 @@ export class JsiSkPath extends _Host.HostObject {
     };
     toSVGString(): any;
     isInterpolatable(path2: any): any;
-    interpolate(end: any, weight: any, output: any): any;
+    interpolate(end: any, weight: any): JsiSkPath | null;
     toCmds(): any;
 }
 import _Host = require("./Host");

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

@@ -2,6 +2,7 @@ export const __esModule: boolean;
 export class JsiSkSurfaceFactory extends _Host.Host {
     Make(width: any, height: any): _JsiSkSurface.JsiSkSurface;
     MakeOffscreen(width: any, height: any): _JsiSkSurface.JsiSkSurface | null;
+    MakeFromNativeTexture(_pointer: any): jest.Mock<any, any, any>;
 }
 import _Host = require("./Host");
 import _JsiSkSurface = require("./JsiSkSurface");

package/lib/typescript/lib/commonjs/sksg/Container.native.d.ts

@@ -1,10 +1,24 @@
 export const __esModule: boolean;
 export function createContainer(Skia: any, nativeId: any): _StaticContainer.StaticContainer | NativeReanimatedContainer;
 import _StaticContainer = require("./StaticContainer");
+/**
+ * Records the scene graph on the JS thread and hands the native recorder to
+ * the view, which owns it and replays it on every draw. The Reanimated mapper
+ * only pushes the shared values into that recorder through the view id: no
+ * Skia object is captured by a worklet, so nothing on the UI runtime holds
+ * native memory. The JS wrapper is disposed right after the handoff, so the
+ * view is the sole owner and the resources referenced by the recording
+ * (images, pictures) are released when the view replaces it or is torn down,
+ * not when a garbage collector gets around to a wrapper.
+ *
+ * Unmounting does not clear the view: the native view can outlive the React
+ * tree (exit animations, screen transitions) and keeps showing its last frame
+ * until it is torn down, which is when the recording is released.
+ */
 declare class NativeReanimatedContainer extends _StaticContainer.Container {
     constructor(Skia: any, nativeId: any);
     nativeId: any;
-    picture: any;
+    stopMapper(): void;
     mapperId: any;
     redraw(): void;
 }

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

@@ -1,7 +1,7 @@
 export function toMatrix3x3(m: any): any;
 /**
- * SkPath wraps a CK PathBuilder internally, providing both mutable building
- * methods and immutable query methods. Use snapshot() internally to get
+ * SkPath wraps a CK PathBuilder internally, providing immutable query
+ * methods. Use snapshot() internally to get
  * an immutable CK Path for read-only operations.
  */
 export class JsiSkPath extends HostObject {
@@ -10,40 +10,6 @@ export class JsiSkPath extends HostObject {
     constructor(CanvasKit: any, ref: any);
     /** Returns an immutable CK Path snapshot for read-only operations. */
     asPath(): any;
-    addPath(src: any, matrix: any, extend?: boolean): this;
-    addArc(oval: any, startAngleInDegrees: any, sweepAngleInDegrees: any): this;
-    addOval(oval: any, isCCW: any, startIndex: any): this;
-    addPoly(points: any, close: any): this;
-    addRect(rect: any, isCCW: any): this;
-    addRRect(rrect: any, isCCW: any): this;
-    addCircle(x: any, y: any, r: any): this;
-    moveTo(x: any, y: any): this;
-    rMoveTo(x: any, y: any): this;
-    lineTo(x: any, y: any): this;
-    rLineTo(x: any, y: any): this;
-    quadTo(x1: any, y1: any, x2: any, y2: any): this;
-    rQuadTo(x1: any, y1: any, x2: any, y2: any): this;
-    conicTo(x1: any, y1: any, x2: any, y2: any, w: any): this;
-    rConicTo(x1: any, y1: any, x2: any, y2: any, w: any): this;
-    cubicTo(cpx1: any, cpy1: any, cpx2: any, cpy2: any, x: any, y: any): this;
-    rCubicTo(cpx1: any, cpy1: any, cpx2: any, cpy2: any, x: any, y: any): this;
-    close(): this;
-    reset(): this;
-    rewind(): this;
-    arcToOval(oval: any, startAngleInDegrees: any, sweepAngleInDegrees: any, forceMoveTo: any): this;
-    arcToRotated(rx: any, ry: any, xAxisRotateInDegrees: any, useSmallArc: any, isCCW: any, x: any, y: any): this;
-    rArcTo(rx: any, ry: any, xAxisRotateInDegrees: any, useSmallArc: any, isCCW: any, dx: any, dy: any): this;
-    arcToTangent(x1: any, y1: any, x2: any, y2: any, radius: any): this;
-    setFillType(fill: any): this;
-    setIsVolatile(_volatile: any): this;
-    offset(dx: any, dy: any): this;
-    transform(m: any): this;
-    makeAsWinding(): this | null;
-    simplify(): boolean;
-    op(path: any, op: any): boolean;
-    dash(on: any, off: any, phase: any): boolean;
-    stroke(opts: any): this | null;
-    trim(start: any, stop: any, isComplement: any): this | null;
     countPoints(): any;
     computeTightBounds(): JsiSkRect;
     contains(x: any, y: any): any;
@@ -60,7 +26,7 @@ export class JsiSkPath extends HostObject {
     };
     toSVGString(): any;
     isInterpolatable(path2: any): any;
-    interpolate(end: any, weight: any, output: any): any;
+    interpolate(end: any, weight: any): JsiSkPath | null;
     toCmds(): any;
 }
 import { HostObject } from "./Host";

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

@@ -1,6 +1,7 @@
 export class JsiSkSurfaceFactory extends Host {
     Make(width: any, height: any): JsiSkSurface;
     MakeOffscreen(width: any, height: any): JsiSkSurface | null;
+    MakeFromNativeTexture(_pointer: any): jest.Mock<any, any, any>;
 }
 import { Host } from "./Host";
 import { JsiSkSurface } from "./JsiSkSurface";

package/lib/typescript/lib/module/sksg/Container.native.d.ts

@@ -1,9 +1,23 @@
 export function createContainer(Skia: any, nativeId: any): StaticContainer | NativeReanimatedContainer;
 import { StaticContainer } from "./StaticContainer";
+/**
+ * Records the scene graph on the JS thread and hands the native recorder to
+ * the view, which owns it and replays it on every draw. The Reanimated mapper
+ * only pushes the shared values into that recorder through the view id: no
+ * Skia object is captured by a worklet, so nothing on the UI runtime holds
+ * native memory. The JS wrapper is disposed right after the handoff, so the
+ * view is the sole owner and the resources referenced by the recording
+ * (images, pictures) are released when the view replaces it or is torn down,
+ * not when a garbage collector gets around to a wrapper.
+ *
+ * Unmounting does not clear the view: the native view can outlive the React
+ * tree (exit animations, screen transitions) and keeps showing its last frame
+ * until it is torn down, which is when the recording is released.
+ */
 declare class NativeReanimatedContainer extends Container {
     constructor(Skia: any, nativeId: any);
     nativeId: any;
-    picture: any;
+    stopMapper(): void;
     mapperId: any;
     redraw(): void;
 }