react-native-skia 3.0.1 → 3.0.3

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

@@ -1 +1 @@
-{"version":3,"names":["hasPicture","view","hasContext","global","SkiaViewApi","views","deferedPictures","unregisteredViews","Set","deferedOnSize","web","registerView","nativeId","delete","setPicture","unregisterView","add","setJsiProperty","name","value","id","has","size","getSize","width","height","requestRedraw","_this$views","redraw","applyUpdates","makeImageSnapshot","rect","Error","makeGraphiteContext","getContext","makeImageSnapshotAsync","Promise","resolve","reject","result"],"sources":["NativeSkiaModule.web.ts"],"sourcesContent":["/* eslint-disable import/no-anonymous-default-export */\nimport type {\n  SkGraphiteContext,\n  SkImage,\n  SkPicture,\n  SkRect,\n} from \"../skia/types\";\nimport type { ISkiaViewApi } from \"../views/types\";\n\n/** What every web view registers under its native id. */\nexport interface SkiaWebViewHandle {\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 SkiaGraphiteViewHandle extends SkiaWebViewHandle {\n  getContext(): SkGraphiteContext;\n}\n\ninterface PictureHandle extends SkiaWebViewHandle {\n  setPicture(picture: SkPicture): void;\n}\n\nconst hasPicture = (view: SkiaWebViewHandle): view is PictureHandle =>\n  \"setPicture\" in view;\n\nconst hasContext = (view: SkiaWebViewHandle): view is SkiaGraphiteViewHandle =>\n  \"getContext\" in view;\n\nexport type ISkiaViewApiWeb = ISkiaViewApi & {\n  views: Record<string, SkiaWebViewHandle>;\n  deferedPictures: Record<string, SkPicture>;\n  unregisteredViews: Set<string>;\n  registerView(nativeId: string, view: SkiaWebViewHandle): 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: SkiaWebViewHandle) {\n    this.unregisteredViews.delete(nativeId);\n    // Maybe a picture for this view was already set\n    if (this.deferedPictures[nativeId] && hasPicture(view)) {\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      const view = this.views[id];\n      if (view) {\n        if (hasPicture(view)) {\n          view.setPicture(value);\n        }\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  makeGraphiteContext(nativeId: number) {\n    const view = this.views[`${nativeId}`];\n    if (!view || !hasContext(view)) {\n      throw new Error(\n        `Cannot make a Graphite context: no SkiaGraphiteView with nativeID ${nativeId} is mounted`\n      );\n    }\n    return view.getContext();\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":"AAAA;;AASA;;AA4BA,MAAMA,UAAU,GAAIC,IAAuB,IACzC,YAAY,IAAIA,IAAI;AAEtB,MAAMC,UAAU,GAAID,IAAuB,IACzC,YAAY,IAAIA,IAAI;AAUtBE,MAAM,CAACC,WAAW,GAAG;EACnBC,KAAK,EAAE,CAAC,CAAC;EACTC,eAAe,EAAE,CAAC,CAAC;EACnBC,iBAAiB,EAAE,IAAIC,GAAG,CAAS,CAAC;EACpCC,aAAa,EAAE,CAAC,CAAC;EACjBC,GAAG,EAAE,IAAI;EACTC,YAAYA,CAACC,QAAgB,EAAEX,IAAuB,EAAE;IACtD,IAAI,CAACM,iBAAiB,CAACM,MAAM,CAACD,QAAQ,CAAC;IACvC;IACA,IAAI,IAAI,CAACN,eAAe,CAACM,QAAQ,CAAC,IAAIZ,UAAU,CAACC,IAAI,CAAC,EAAE;MACtDA,IAAI,CAACa,UAAU,CAAC,IAAI,CAACR,eAAe,CAACM,QAAQ,CAAc,CAAC;MAC5D,OAAO,IAAI,CAACN,eAAe,CAACM,QAAQ,CAAC;IACvC;IACA,IAAI,CAACP,KAAK,CAACO,QAAQ,CAAC,GAAGX,IAAI;EAC7B,CAAC;EACDc,cAAcA,CAACH,QAAgB,EAAE;IAC/B;IACA;IACA,IAAI,CAACL,iBAAiB,CAACS,GAAG,CAACJ,QAAQ,CAAC;IACpC,OAAO,IAAI,CAACP,KAAK,CAACO,QAAQ,CAAC;IAC3B,OAAO,IAAI,CAACN,eAAe,CAACM,QAAQ,CAAC;EACvC,CAAC;EACD;EACAK,cAAcA,CAACL,QAAgB,EAAEM,IAAY,EAAEC,KAAU,EAAE;IACzD,IAAID,IAAI,KAAK,SAAS,EAAE;MACtB,MAAME,EAAE,GAAG,GAAGR,QAAQ,EAAE;MACxB,MAAMX,IAAI,GAAG,IAAI,CAACI,KAAK,CAACe,EAAE,CAAC;MAC3B,IAAInB,IAAI,EAAE;QACR,IAAID,UAAU,CAACC,IAAI,CAAC,EAAE;UACpBA,IAAI,CAACa,UAAU,CAACK,KAAK,CAAC;QACxB;MACF,CAAC,MAAM,IAAI,CAAC,IAAI,CAACZ,iBAAiB,CAACc,GAAG,CAACD,EAAE,CAAC,EAAE;QAC1C,IAAI,CAACd,eAAe,CAACc,EAAE,CAAC,GAAGD,KAAK;MAClC;MACA;MACA;MACA;IACF;EACF,CAAC;EACDG,IAAIA,CAACV,QAAgB,EAAE;IACrB,IAAI,IAAI,CAACP,KAAK,CAAC,GAAGO,QAAQ,EAAE,CAAC,EAAE;MAC7B,OAAO,IAAI,CAACP,KAAK,CAAC,GAAGO,QAAQ,EAAE,CAAC,CAACW,OAAO,CAAC,CAAC;IAC5C,CAAC,MAAM;MACL,OAAO;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;IAChC;EACF,CAAC;EACDC,aAAaA,CAACd,QAAgB,EAAE;IAAA,IAAAe,WAAA;IAC9B;IACA,CAAAA,WAAA,OAAI,CAACtB,KAAK,CAAC,GAAGO,QAAQ,EAAE,CAAC,cAAAe,WAAA,eAAzBA,WAAA,CAA2BC,MAAM,CAAC,CAAC;EACrC,CAAC;EACDC,YAAYA,CAAA,EAAG;IACb;IACA;EAAA,CACD;EACDC,iBAAiBA,CAAClB,QAAgB,EAAEmB,IAAa,EAAE;IACjD,MAAM9B,IAAI,GAAG,IAAI,CAACI,KAAK,CAAC,GAAGO,QAAQ,EAAE,CAAC;IACtC,IAAI,CAACX,IAAI,EAAE;MACT,MAAM,IAAI+B,KAAK,CACb,kDAAkDpB,QAAQ,4CAC5D,CAAC;IACH;IACA,OAAOX,IAAI,CAAC6B,iBAAiB,CAACC,IAAI,CAAC;EACrC,CAAC;EACDE,mBAAmBA,CAACrB,QAAgB,EAAE;IACpC,MAAMX,IAAI,GAAG,IAAI,CAACI,KAAK,CAAC,GAAGO,QAAQ,EAAE,CAAC;IACtC,IAAI,CAACX,IAAI,IAAI,CAACC,UAAU,CAACD,IAAI,CAAC,EAAE;MAC9B,MAAM,IAAI+B,KAAK,CACb,qEAAqEpB,QAAQ,aAC/E,CAAC;IACH;IACA,OAAOX,IAAI,CAACiC,UAAU,CAAC,CAAC;EAC1B,CAAC;EACDC,sBAAsBA,CAACvB,QAAgB,EAAEmB,IAAa,EAAE;IACtD,OAAO,IAAIK,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;MACtC,MAAMrC,IAAI,GAAG,IAAI,CAACI,KAAK,CAAC,GAAGO,QAAQ,EAAE,CAAC;MACtC,IAAI,CAACX,IAAI,EAAE;QACTqC,MAAM,CACJ,IAAIN,KAAK,CACP,kDAAkDpB,QAAQ,4CAC5D,CACF,CAAC;QACD;MACF;MACA,MAAM2B,MAAM,GAAGtC,IAAI,CAAC6B,iBAAiB,CAACC,IAAI,CAAC;MAC3C,IAAIQ,MAAM,EAAE;QACVF,OAAO,CAACE,MAAM,CAAC;MACjB,CAAC,MAAM;QACLD,MAAM,CAAC,IAAIN,KAAK,CAAC,+BAA+B,CAAC,CAAC;MACpD;IACF,CAAC,CAAC;EACJ;AACF,CAAoB;;AAEpB;AACA,eAAe,CAAC,CAAC","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","makeGraphiteContext","getContext","makeImageSnapshotAsync","Promise","resolve","reject","result"],"sources":["NativeSkiaModule.web.ts"],"sourcesContent":["/* eslint-disable import/no-anonymous-default-export */\nimport type {\n  SkGraphiteContext,\n  SkImage,\n  SkPicture,\n  SkRect,\n} from \"../skia/types\";\nimport type { ISkiaViewApi } from \"../views/types\";\n\n/** What the web view registers under its native id. */\nexport interface SkiaWebViewHandle {\n  /** Shows a picture: the frame of a <Canvas> or a <SkiaPictureView>. */\n  setPicture(picture: SkPicture): void;\n  /** The recording side of the view, see SkiaGraphiteView. */\n  getContext(): SkGraphiteContext;\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 type ISkiaViewApiWeb = ISkiaViewApi & {\n  views: Record<string, SkiaWebViewHandle>;\n  deferedPictures: Record<string, SkPicture>;\n  unregisteredViews: Set<string>;\n  registerView(nativeId: string, view: SkiaWebViewHandle): 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: SkiaWebViewHandle) {\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      const view = this.views[id];\n      if (view) {\n        view.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  makeGraphiteContext(nativeId: number) {\n    const view = this.views[`${nativeId}`];\n    if (!view) {\n      throw new Error(\n        `Cannot make a Graphite context: no view with nativeID ${nativeId} is mounted`\n      );\n    }\n    return view.getContext();\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/{commonjs/specs/SkiaPictureViewNativeComponent.d.ts → module/specs/SkiaViewNativeComponent.d.ts}

@@ -1,11 +1,8 @@
 import { type ViewProps } from "react-native";
 import type { WithDefault } from "react-native/Libraries/Types/CodegenTypes";
 export interface NativeProps extends ViewProps {
-    debug?: boolean;
     opaque?: boolean;
-    colorSpace?: string;
     highBitDepth?: boolean;
-    androidWarmup?: boolean;
     androidSurfaceType?: WithDefault<"auto" | "SurfaceView" | "TextureView", "auto">;
     androidZOrderOnTop?: WithDefault<boolean, false>;
     pointerEvents?: WithDefault<"auto" | "none" | "box-none" | "box-only", "auto">;

package/lib/module/specs/{SkiaPictureViewNativeComponent.js → SkiaViewNativeComponent.js}

@@ -4,5 +4,5 @@ import { codegenNativeComponent } from "react-native";
 // @ts-ignore - pointerEvents needs to be redeclared for codegen to generate native bindings
 
 // eslint-disable-next-line import/no-default-export
-export default codegenNativeComponent("SkiaPictureView");
-//# sourceMappingURL=SkiaPictureViewNativeComponent.js.map
+export default codegenNativeComponent("SkiaView");
+//# sourceMappingURL=SkiaViewNativeComponent.js.map

package/lib/module/specs/SkiaViewNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["codegenNativeComponent"],"sources":["SkiaViewNativeComponent.ts"],"sourcesContent":["import { codegenNativeComponent, type ViewProps } from \"react-native\";\nimport type { WithDefault } from \"react-native/Libraries/Types/CodegenTypes\";\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore - pointerEvents needs to be redeclared for codegen to generate native bindings\nexport interface NativeProps extends ViewProps {\n  opaque?: boolean;\n  highBitDepth?: boolean;\n  androidSurfaceType?: WithDefault<\n    \"auto\" | \"SurfaceView\" | \"TextureView\",\n    \"auto\"\n  >;\n  androidZOrderOnTop?: WithDefault<boolean, false>;\n  pointerEvents?: WithDefault<\n    \"auto\" | \"none\" | \"box-none\" | \"box-only\",\n    \"auto\"\n  >;\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default codegenNativeComponent<NativeProps>(\"SkiaView\");\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAwB,cAAc;;AAGrE;AACA;;AAeA;AACA,eAAeA,sBAAsB,CAAc,UAAU,CAAC","ignoreList":[]}

package/lib/module/specs/SkiaViewNativeComponent.web.d.ts

@@ -0,0 +1,10 @@
+import type { ViewProps } from "react-native";
+export interface NativeProps extends ViewProps {
+    opaque?: boolean;
+    highBitDepth?: boolean;
+    nativeID: string;
+    androidSurfaceType?: "auto" | "SurfaceView" | "TextureView";
+    androidZOrderOnTop?: boolean;
+}
+declare const SkiaViewNativeComponent: ({ nativeID, onLayout, opaque: _opaque, highBitDepth: _highBitDepth, androidSurfaceType: _androidSurfaceType, androidZOrderOnTop: _androidZOrderOnTop, ...viewProps }: NativeProps) => import("react").FunctionComponentElement<import("../views/SkiaView.web").SkiaViewProps>;
+export default SkiaViewNativeComponent;

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

@@ -0,0 +1,21 @@
+import { createElement } from "react";
+import { SkiaView } from "../views/SkiaView.web";
+const SkiaViewNativeComponent = ({
+  nativeID,
+  onLayout,
+  // Surface settings, never reach the DOM
+  opaque: _opaque,
+  highBitDepth: _highBitDepth,
+  androidSurfaceType: _androidSurfaceType,
+  androidZOrderOnTop: _androidZOrderOnTop,
+  ...viewProps
+}) => {
+  return /*#__PURE__*/createElement(SkiaView, {
+    nativeID,
+    onLayout,
+    ...viewProps
+  });
+};
+// eslint-disable-next-line import/no-default-export
+export default SkiaViewNativeComponent;
+//# sourceMappingURL=SkiaViewNativeComponent.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createElement","SkiaView","SkiaViewNativeComponent","nativeID","onLayout","opaque","_opaque","highBitDepth","_highBitDepth","androidSurfaceType","_androidSurfaceType","androidZOrderOnTop","_androidZOrderOnTop","viewProps"],"sources":["SkiaViewNativeComponent.web.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport { createElement } from \"react\";\n\nimport { SkiaView } from \"../views/SkiaView.web\";\n\nexport interface NativeProps extends ViewProps {\n  opaque?: boolean;\n  highBitDepth?: boolean;\n  nativeID: string;\n  androidSurfaceType?: \"auto\" | \"SurfaceView\" | \"TextureView\";\n  androidZOrderOnTop?: boolean;\n}\n\nconst SkiaViewNativeComponent = ({\n  nativeID,\n  onLayout,\n  // Surface settings, never reach the DOM\n  opaque: _opaque,\n  highBitDepth: _highBitDepth,\n  androidSurfaceType: _androidSurfaceType,\n  androidZOrderOnTop: _androidZOrderOnTop,\n  ...viewProps\n}: NativeProps) => {\n  return createElement(SkiaView, {\n    nativeID,\n    onLayout,\n    ...viewProps,\n  });\n};\n// eslint-disable-next-line import/no-default-export\nexport default SkiaViewNativeComponent;\n"],"mappings":"AACA,SAASA,aAAa,QAAQ,OAAO;AAErC,SAASC,QAAQ,QAAQ,uBAAuB;AAUhD,MAAMC,uBAAuB,GAAGA,CAAC;EAC/BC,QAAQ;EACRC,QAAQ;EACR;EACAC,MAAM,EAAEC,OAAO;EACfC,YAAY,EAAEC,aAAa;EAC3BC,kBAAkB,EAAEC,mBAAmB;EACvCC,kBAAkB,EAAEC,mBAAmB;EACvC,GAAGC;AACQ,CAAC,KAAK;EACjB,oBAAOb,aAAa,CAACC,QAAQ,EAAE;IAC7BE,QAAQ;IACRC,QAAQ;IACR,GAAGS;EACL,CAAC,CAAC;AACJ,CAAC;AACD;AACA,eAAeX,uBAAuB","ignoreList":[]}

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

@@ -13,8 +13,7 @@ export interface SkiaGraphiteViewProps extends SkiaGraphiteViewNativeProps {
     ref?: React.Ref<SkiaGraphiteViewRef>;
 }
 /**
- * A view presenting frames recorded with Skia Graphite. Requires the Graphite
- * backend (install-skia-graphite); with the default backend it renders
- * nothing. See {@link SkGraphiteContext}.
+ * A view whose frames are recorded from JavaScript, on any runtime, through
+ * the context of its ref. See {@link SkGraphiteContext}.
  */
-export declare const SkiaGraphiteView: ({ debug, opaque, highBitDepth, ref, ...viewProps }: SkiaGraphiteViewProps) => React.JSX.Element;
+export declare const SkiaGraphiteView: ({ opaque, highBitDepth, android, ref, ...viewProps }: SkiaGraphiteViewProps) => React.JSX.Element;

package/lib/module/views/SkiaGraphiteView.js

@@ -1,17 +1,32 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useImperativeHandle, useMemo, useRef } from "react";
-import SkiaGraphiteViewNativeComponent from "../specs/SkiaGraphiteViewNativeComponent";
+import SkiaViewNativeComponent from "../specs/SkiaViewNativeComponent";
+import { Platform } from "../Platform";
 import { SkiaViewApi } from "./api";
+import { androidNativeProps } from "./android";
 import { SkiaViewNativeId } from "./SkiaViewNativeId";
+// The layout is known synchronously on the new architecture;
+// getBoundingClientRect became stable in React Native 0.83. On the web the
+// view measures itself (see SkiaView.web).
+const measureLayout = view => {
+  if (Platform.OS === "web") {
+    return {
+      width: 0,
+      height: 0
+    };
+  }
+  const host = view;
+  return host.getBoundingClientRect ? host.getBoundingClientRect() : host.unstable_getBoundingClientRect();
+};
+
 /**
- * A view presenting frames recorded with Skia Graphite. Requires the Graphite
- * backend (install-skia-graphite); with the default backend it renders
- * nothing. See {@link SkGraphiteContext}.
+ * A view whose frames are recorded from JavaScript, on any runtime, through
+ * the context of its ref. See {@link SkGraphiteContext}.
  */
 export const SkiaGraphiteView = ({
-  debug = false,
   opaque = false,
   highBitDepth = false,
+  android,
   ref,
   ...viewProps
 }) => {
@@ -21,25 +36,21 @@ export const SkiaGraphiteView = ({
     getNativeId: () => nativeId,
     getContext: () => {
       assertSkiaViewApi();
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       const view = viewRef.current;
       if (!view) {
         throw new Error("SkiaGraphiteView: getContext() was called before the view was mounted.");
       }
-      // The layout is known synchronously on the new architecture;
-      // getBoundingClientRect became stable in React Native 0.83.
-      const size = "getBoundingClientRect" in view ? view.getBoundingClientRect() : view.unstable_getBoundingClientRect();
+      const size = measureLayout(view);
       return SkiaViewApi.makeGraphiteContext(nativeId, size.width, size.height, opaque, highBitDepth);
     }
   }), [nativeId, opaque, highBitDepth]);
-  return /*#__PURE__*/React.createElement(SkiaGraphiteViewNativeComponent, _extends({
+  return /*#__PURE__*/React.createElement(SkiaViewNativeComponent, _extends({
     ref: viewRef,
     collapsable: false,
     nativeID: `${nativeId}`,
-    debug: debug,
     opaque: opaque,
     highBitDepth: highBitDepth
-  }, viewProps));
+  }, androidNativeProps(android), viewProps));
 };
 const assertSkiaViewApi = () => {
   if (SkiaViewApi === null || SkiaViewApi.makeGraphiteContext === null) {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useImperativeHandle","useMemo","useRef","SkiaGraphiteViewNativeComponent","SkiaViewApi","SkiaViewNativeId","SkiaGraphiteView","debug","opaque","highBitDepth","ref","viewProps","nativeId","current","viewRef","getNativeId","getContext","assertSkiaViewApi","view","Error","size","getBoundingClientRect","unstable_getBoundingClientRect","makeGraphiteContext","width","height","createElement","_extends","collapsable","nativeID"],"sources":["SkiaGraphiteView.tsx"],"sourcesContent":["import React, { useImperativeHandle, useMemo, useRef } from \"react\";\n\nimport type { SkGraphiteContext } from \"../skia/types\";\nimport SkiaGraphiteViewNativeComponent from \"../specs/SkiaGraphiteViewNativeComponent\";\n\nimport { SkiaViewApi } from \"./api\";\nimport type { SkiaGraphiteViewNativeProps } from \"./types\";\nimport { SkiaViewNativeId } from \"./SkiaViewNativeId\";\n\nexport interface SkiaGraphiteViewRef {\n  /**\n   * The recording side of the view. Call it once the view is mounted. The\n   * returned context can be captured into worklets and used from any runtime.\n   */\n  getContext(): SkGraphiteContext;\n  getNativeId(): number;\n}\n\nexport interface SkiaGraphiteViewProps extends SkiaGraphiteViewNativeProps {\n  ref?: React.Ref<SkiaGraphiteViewRef>;\n}\n\n/**\n * A view presenting frames recorded with Skia Graphite. Requires the Graphite\n * backend (install-skia-graphite); with the default backend it renders\n * nothing. See {@link SkGraphiteContext}.\n */\nexport const SkiaGraphiteView = ({\n  debug = false,\n  opaque = false,\n  highBitDepth = false,\n  ref,\n  ...viewProps\n}: SkiaGraphiteViewProps) => {\n  const nativeId = useMemo(() => SkiaViewNativeId.current++, []);\n  const viewRef =\n    useRef<React.ComponentRef<typeof SkiaGraphiteViewNativeComponent>>(null);\n  useImperativeHandle(\n    ref,\n    () => ({\n      getNativeId: () => nativeId,\n      getContext: () => {\n        assertSkiaViewApi();\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const view = viewRef.current as any;\n        if (!view) {\n          throw new Error(\n            \"SkiaGraphiteView: getContext() was called before the view was mounted.\"\n          );\n        }\n        // The layout is known synchronously on the new architecture;\n        // getBoundingClientRect became stable in React Native 0.83.\n        const size =\n          \"getBoundingClientRect\" in view\n            ? view.getBoundingClientRect()\n            : view.unstable_getBoundingClientRect();\n        return SkiaViewApi.makeGraphiteContext(\n          nativeId,\n          size.width,\n          size.height,\n          opaque,\n          highBitDepth\n        );\n      },\n    }),\n    [nativeId, opaque, highBitDepth]\n  );\n  return (\n    <SkiaGraphiteViewNativeComponent\n      ref={viewRef}\n      collapsable={false}\n      nativeID={`${nativeId}`}\n      debug={debug}\n      opaque={opaque}\n      highBitDepth={highBitDepth}\n      {...viewProps}\n    />\n  );\n};\n\nconst assertSkiaViewApi = () => {\n  if (SkiaViewApi === null || SkiaViewApi.makeGraphiteContext === null) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,mBAAmB,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAGnE,OAAOC,+BAA+B,MAAM,0CAA0C;AAEtF,SAASC,WAAW,QAAQ,OAAO;AAEnC,SAASC,gBAAgB,QAAQ,oBAAoB;AAerD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,KAAK,GAAG,KAAK;EACbC,MAAM,GAAG,KAAK;EACdC,YAAY,GAAG,KAAK;EACpBC,GAAG;EACH,GAAGC;AACkB,CAAC,KAAK;EAC3B,MAAMC,QAAQ,GAAGX,OAAO,CAAC,MAAMI,gBAAgB,CAACQ,OAAO,EAAE,EAAE,EAAE,CAAC;EAC9D,MAAMC,OAAO,GACXZ,MAAM,CAA6D,IAAI,CAAC;EAC1EF,mBAAmB,CACjBU,GAAG,EACH,OAAO;IACLK,WAAW,EAAEA,CAAA,KAAMH,QAAQ;IAC3BI,UAAU,EAAEA,CAAA,KAAM;MAChBC,iBAAiB,CAAC,CAAC;MACnB;MACA,MAAMC,IAAI,GAAGJ,OAAO,CAACD,OAAc;MACnC,IAAI,CAACK,IAAI,EAAE;QACT,MAAM,IAAIC,KAAK,CACb,wEACF,CAAC;MACH;MACA;MACA;MACA,MAAMC,IAAI,GACR,uBAAuB,IAAIF,IAAI,GAC3BA,IAAI,CAACG,qBAAqB,CAAC,CAAC,GAC5BH,IAAI,CAACI,8BAA8B,CAAC,CAAC;MAC3C,OAAOlB,WAAW,CAACmB,mBAAmB,CACpCX,QAAQ,EACRQ,IAAI,CAACI,KAAK,EACVJ,IAAI,CAACK,MAAM,EACXjB,MAAM,EACNC,YACF,CAAC;IACH;EACF,CAAC,CAAC,EACF,CAACG,QAAQ,EAAEJ,MAAM,EAAEC,YAAY,CACjC,CAAC;EACD,oBACEV,KAAA,CAAA2B,aAAA,CAACvB,+BAA+B,EAAAwB,QAAA;IAC9BjB,GAAG,EAAEI,OAAQ;IACbc,WAAW,EAAE,KAAM;IACnBC,QAAQ,EAAE,GAAGjB,QAAQ,EAAG;IACxBL,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEA;EAAa,GACvBE,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMM,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,IAAIb,WAAW,KAAK,IAAI,IAAIA,WAAW,CAACmB,mBAAmB,KAAK,IAAI,EAAE;IACpE,MAAMJ,KAAK,CAAC,8BAA8B,CAAC;EAC7C;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useImperativeHandle","useMemo","useRef","SkiaViewNativeComponent","Platform","SkiaViewApi","androidNativeProps","SkiaViewNativeId","measureLayout","view","OS","width","height","host","getBoundingClientRect","unstable_getBoundingClientRect","SkiaGraphiteView","opaque","highBitDepth","android","ref","viewProps","nativeId","current","viewRef","getNativeId","getContext","assertSkiaViewApi","Error","size","makeGraphiteContext","createElement","_extends","collapsable","nativeID"],"sources":["SkiaGraphiteView.tsx"],"sourcesContent":["import React, { useImperativeHandle, useMemo, useRef } from \"react\";\n\nimport type { SkGraphiteContext } from \"../skia/types\";\nimport SkiaViewNativeComponent from \"../specs/SkiaViewNativeComponent\";\nimport { Platform } from \"../Platform\";\n\nimport { SkiaViewApi } from \"./api\";\nimport { androidNativeProps } from \"./android\";\nimport type { SkiaGraphiteViewNativeProps } from \"./types\";\nimport { SkiaViewNativeId } from \"./SkiaViewNativeId\";\n\nexport interface SkiaGraphiteViewRef {\n  /**\n   * The recording side of the view. Call it once the view is mounted. The\n   * returned context can be captured into worklets and used from any runtime.\n   */\n  getContext(): SkGraphiteContext;\n  getNativeId(): number;\n}\n\nexport interface SkiaGraphiteViewProps extends SkiaGraphiteViewNativeProps {\n  ref?: React.Ref<SkiaGraphiteViewRef>;\n}\n\n// The layout is known synchronously on the new architecture;\n// getBoundingClientRect became stable in React Native 0.83. On the web the\n// view measures itself (see SkiaView.web).\nconst measureLayout = (view: unknown) => {\n  if (Platform.OS === \"web\") {\n    return { width: 0, height: 0 };\n  }\n  const host = view as {\n    getBoundingClientRect?: () => { width: number; height: number };\n    unstable_getBoundingClientRect: () => { width: number; height: number };\n  };\n  return host.getBoundingClientRect\n    ? host.getBoundingClientRect()\n    : host.unstable_getBoundingClientRect();\n};\n\n/**\n * A view whose frames are recorded from JavaScript, on any runtime, through\n * the context of its ref. See {@link SkGraphiteContext}.\n */\nexport const SkiaGraphiteView = ({\n  opaque = false,\n  highBitDepth = false,\n  android,\n  ref,\n  ...viewProps\n}: SkiaGraphiteViewProps) => {\n  const nativeId = useMemo(() => SkiaViewNativeId.current++, []);\n  const viewRef =\n    useRef<React.ComponentRef<typeof SkiaViewNativeComponent>>(null);\n  useImperativeHandle(\n    ref,\n    () => ({\n      getNativeId: () => nativeId,\n      getContext: () => {\n        assertSkiaViewApi();\n        const view = viewRef.current;\n        if (!view) {\n          throw new Error(\n            \"SkiaGraphiteView: getContext() was called before the view was mounted.\"\n          );\n        }\n        const size = measureLayout(view);\n        return SkiaViewApi.makeGraphiteContext(\n          nativeId,\n          size.width,\n          size.height,\n          opaque,\n          highBitDepth\n        );\n      },\n    }),\n    [nativeId, opaque, highBitDepth]\n  );\n  return (\n    <SkiaViewNativeComponent\n      ref={viewRef}\n      collapsable={false}\n      nativeID={`${nativeId}`}\n      opaque={opaque}\n      highBitDepth={highBitDepth}\n      {...androidNativeProps(android)}\n      {...viewProps}\n    />\n  );\n};\n\nconst assertSkiaViewApi = () => {\n  if (SkiaViewApi === null || SkiaViewApi.makeGraphiteContext === null) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,mBAAmB,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAGnE,OAAOC,uBAAuB,MAAM,kCAAkC;AACtE,SAASC,QAAQ,QAAQ,aAAa;AAEtC,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,kBAAkB,QAAQ,WAAW;AAE9C,SAASC,gBAAgB,QAAQ,oBAAoB;AAerD;AACA;AACA;AACA,MAAMC,aAAa,GAAIC,IAAa,IAAK;EACvC,IAAIL,QAAQ,CAACM,EAAE,KAAK,KAAK,EAAE;IACzB,OAAO;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;EAChC;EACA,MAAMC,IAAI,GAAGJ,IAGZ;EACD,OAAOI,IAAI,CAACC,qBAAqB,GAC7BD,IAAI,CAACC,qBAAqB,CAAC,CAAC,GAC5BD,IAAI,CAACE,8BAA8B,CAAC,CAAC;AAC3C,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,MAAM,GAAG,KAAK;EACdC,YAAY,GAAG,KAAK;EACpBC,OAAO;EACPC,GAAG;EACH,GAAGC;AACkB,CAAC,KAAK;EAC3B,MAAMC,QAAQ,GAAGrB,OAAO,CAAC,MAAMM,gBAAgB,CAACgB,OAAO,EAAE,EAAE,EAAE,CAAC;EAC9D,MAAMC,OAAO,GACXtB,MAAM,CAAqD,IAAI,CAAC;EAClEF,mBAAmB,CACjBoB,GAAG,EACH,OAAO;IACLK,WAAW,EAAEA,CAAA,KAAMH,QAAQ;IAC3BI,UAAU,EAAEA,CAAA,KAAM;MAChBC,iBAAiB,CAAC,CAAC;MACnB,MAAMlB,IAAI,GAAGe,OAAO,CAACD,OAAO;MAC5B,IAAI,CAACd,IAAI,EAAE;QACT,MAAM,IAAImB,KAAK,CACb,wEACF,CAAC;MACH;MACA,MAAMC,IAAI,GAAGrB,aAAa,CAACC,IAAI,CAAC;MAChC,OAAOJ,WAAW,CAACyB,mBAAmB,CACpCR,QAAQ,EACRO,IAAI,CAAClB,KAAK,EACVkB,IAAI,CAACjB,MAAM,EACXK,MAAM,EACNC,YACF,CAAC;IACH;EACF,CAAC,CAAC,EACF,CAACI,QAAQ,EAAEL,MAAM,EAAEC,YAAY,CACjC,CAAC;EACD,oBACEnB,KAAA,CAAAgC,aAAA,CAAC5B,uBAAuB,EAAA6B,QAAA;IACtBZ,GAAG,EAAEI,OAAQ;IACbS,WAAW,EAAE,KAAM;IACnBC,QAAQ,EAAE,GAAGZ,QAAQ,EAAG;IACxBL,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEA;EAAa,GACvBZ,kBAAkB,CAACa,OAAO,CAAC,EAC3BE,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMM,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,IAAItB,WAAW,KAAK,IAAI,IAAIA,WAAW,CAACyB,mBAAmB,KAAK,IAAI,EAAE;IACpE,MAAMF,KAAK,CAAC,8BAA8B,CAAC;EAC7C;AACF,CAAC","ignoreList":[]}

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

@@ -3,8 +3,11 @@ import type { SkRect } from "../skia/types";
 import type { SkiaPictureViewNativeProps } from "./types";
 interface SkiaPictureViewProps extends SkiaPictureViewNativeProps {
     mode?: "default" | "continuous";
-    androidWarmup?: boolean;
 }
+/**
+ * A view showing a picture. The picture is handed to the native view, which
+ * records it once (and again on every redraw) for its surface.
+ */
 export declare class SkiaPictureView extends React.Component<SkiaPictureViewProps> {
     private requestId;
     constructor(props: SkiaPictureViewProps);

package/lib/module/views/SkiaPictureView.js

@@ -3,10 +3,14 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from "react";
-import SkiaPictureViewNativeComponent from "../specs/SkiaPictureViewNativeComponent";
+import SkiaViewNativeComponent from "../specs/SkiaViewNativeComponent";
 import { SkiaViewApi } from "./api";
+import { androidNativeProps } from "./android";
 import { SkiaViewNativeId } from "./SkiaViewNativeId";
-const NativeSkiaPictureView = SkiaPictureViewNativeComponent;
+/**
+ * A view showing a picture. The picture is handed to the native view, which
+ * records it once (and again on every redraw) for its surface.
+ */
 export class SkiaPictureView extends React.Component {
   constructor(props) {
     super(props);
@@ -66,21 +70,19 @@ export class SkiaPictureView extends React.Component {
   }
   render() {
     const {
-      mode,
-      debug = false,
+      mode: _mode,
+      picture: _picture,
       opaque = false,
       highBitDepth = false,
-      androidWarmup = false,
+      android,
       ...viewProps
     } = this.props;
-    return /*#__PURE__*/React.createElement(NativeSkiaPictureView, _extends({
+    return /*#__PURE__*/React.createElement(SkiaViewNativeComponent, _extends({
       collapsable: false,
       nativeID: `${this._nativeId}`,
-      debug: debug,
       opaque: opaque,
-      highBitDepth: highBitDepth,
-      androidWarmup: androidWarmup
-    }, viewProps));
+      highBitDepth: highBitDepth
+    }, androidNativeProps(android), viewProps));
   }
 }
 const assertSkiaViewApi = () => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","SkiaPictureViewNativeComponent","SkiaViewApi","SkiaViewNativeId","NativeSkiaPictureView","SkiaPictureView","Component","constructor","props","_defineProperty","_nativeId","current","picture","assertSkiaViewApi","setJsiProperty","tick","nativeId","componentDidUpdate","prevProps","componentWillUnmount","requestId","cancelAnimationFrame","redraw","mode","requestAnimationFrame","bind","makeImageSnapshot","rect","requestRedraw","render","debug","opaque","highBitDepth","androidWarmup","viewProps","createElement","_extends","collapsable","nativeID","Error"],"sources":["SkiaPictureView.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkRect } from \"../skia/types\";\nimport SkiaPictureViewNativeComponent from \"../specs/SkiaPictureViewNativeComponent\";\n\nimport { SkiaViewApi } from \"./api\";\nimport type { SkiaPictureViewNativeProps } from \"./types\";\nimport { SkiaViewNativeId } from \"./SkiaViewNativeId\";\n\nconst NativeSkiaPictureView = SkiaPictureViewNativeComponent;\n\ninterface SkiaPictureViewProps extends SkiaPictureViewNativeProps {\n  mode?: \"default\" | \"continuous\";\n  androidWarmup?: boolean;\n}\n\nexport class SkiaPictureView extends React.Component<SkiaPictureViewProps> {\n  private requestId = 0;\n\n  constructor(props: SkiaPictureViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId.current++;\n    const { picture } = props;\n    if (picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n    this.tick();\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaPictureViewProps) {\n    const { picture } = this.props;\n    if (picture !== prevProps.picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n    this.tick();\n  }\n\n  componentWillUnmount() {\n    if (this.requestId) {\n      cancelAnimationFrame(this.requestId);\n    }\n  }\n\n  private tick() {\n    this.redraw();\n    if (this.props.mode === \"continuous\") {\n      this.requestId = requestAnimationFrame(this.tick.bind(this));\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertSkiaViewApi();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertSkiaViewApi();\n    SkiaViewApi.requestRedraw(this._nativeId);\n  }\n\n  render() {\n    const {\n      mode,\n      debug = false,\n      opaque = false,\n      highBitDepth = false,\n      androidWarmup = false,\n      ...viewProps\n    } = this.props;\n    return (\n      <NativeSkiaPictureView\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        debug={debug}\n        opaque={opaque}\n        highBitDepth={highBitDepth}\n        androidWarmup={androidWarmup}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertSkiaViewApi = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setJsiProperty === null ||\n    SkiaViewApi.requestRedraw === null ||\n    SkiaViewApi.makeImageSnapshot === null\n  ) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","SkiaViewNativeComponent","SkiaViewApi","androidNativeProps","SkiaViewNativeId","SkiaPictureView","Component","constructor","props","_defineProperty","_nativeId","current","picture","assertSkiaViewApi","setJsiProperty","tick","nativeId","componentDidUpdate","prevProps","componentWillUnmount","requestId","cancelAnimationFrame","redraw","mode","requestAnimationFrame","bind","makeImageSnapshot","rect","requestRedraw","render","_mode","_picture","opaque","highBitDepth","android","viewProps","createElement","_extends","collapsable","nativeID","Error"],"sources":["SkiaPictureView.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkRect } from \"../skia/types\";\nimport SkiaViewNativeComponent from \"../specs/SkiaViewNativeComponent\";\n\nimport { SkiaViewApi } from \"./api\";\nimport { androidNativeProps } from \"./android\";\nimport type { SkiaPictureViewNativeProps } from \"./types\";\nimport { SkiaViewNativeId } from \"./SkiaViewNativeId\";\n\ninterface SkiaPictureViewProps extends SkiaPictureViewNativeProps {\n  mode?: \"default\" | \"continuous\";\n}\n\n/**\n * A view showing a picture. The picture is handed to the native view, which\n * records it once (and again on every redraw) for its surface.\n */\nexport class SkiaPictureView extends React.Component<SkiaPictureViewProps> {\n  private requestId = 0;\n\n  constructor(props: SkiaPictureViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId.current++;\n    const { picture } = props;\n    if (picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n    this.tick();\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaPictureViewProps) {\n    const { picture } = this.props;\n    if (picture !== prevProps.picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n    this.tick();\n  }\n\n  componentWillUnmount() {\n    if (this.requestId) {\n      cancelAnimationFrame(this.requestId);\n    }\n  }\n\n  private tick() {\n    this.redraw();\n    if (this.props.mode === \"continuous\") {\n      this.requestId = requestAnimationFrame(this.tick.bind(this));\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertSkiaViewApi();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertSkiaViewApi();\n    SkiaViewApi.requestRedraw(this._nativeId);\n  }\n\n  render() {\n    const {\n      mode: _mode,\n      picture: _picture,\n      opaque = false,\n      highBitDepth = false,\n      android,\n      ...viewProps\n    } = this.props;\n    return (\n      <SkiaViewNativeComponent\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        opaque={opaque}\n        highBitDepth={highBitDepth}\n        {...androidNativeProps(android)}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertSkiaViewApi = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setJsiProperty === null ||\n    SkiaViewApi.requestRedraw === null ||\n    SkiaViewApi.makeImageSnapshot === null\n  ) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/views/SkiaView.web.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { ViewProps } from "react-native";
+import type { SkiaWebViewHandle } from "../specs/NativeSkiaModule.web";
+export interface SkiaViewHandle extends SkiaWebViewHandle {
+    /** The canvas element, for Reanimated's measure(). */
+    readonly canvasRef: () => HTMLCanvasElement | null;
+}
+export interface SkiaViewProps extends ViewProps {
+    ref?: React.Ref<SkiaViewHandle>;
+    __destroyWebGLContextAfterRender?: boolean;
+}
+export declare const SkiaView: (props: SkiaViewProps) => React.JSX.Element;

package/lib/module/views/{SkiaGraphiteView.web.js → SkiaView.web.js}

@@ -9,12 +9,14 @@ import { Platform } from "../Platform";
 import { SkiaViewNativeId } from "./SkiaViewNativeId";
 import { useSkiaWebRenderer } from "./SkiaWebRenderer";
 
-// The web has no Graphite: a recording is an SkPicture, replayed onto the
-// view's WebGL surface by the same renderer as SkiaPictureView (with its
-// context-loss handling and the destroy-context-after-render mode). Frames
-// keep their native semantics, presented in submission order and never
-// dropped, with one difference: the surface starts cleared on every frame,
-// so a recording draws the whole frame rather than a delta.
+// The web has no Graphite: the view paints pictures on a WebGL canvas (with
+// context-loss recovery and the destroy-context-after-render mode). It shows
+// one of two kinds of content. The picture of a <Canvas> or a
+// <SkiaPictureView> is a whole frame: the latest one wins. The recordings
+// submitted through the view's context (SkiaGraphiteView) keep their native
+// semantics, presented in submission order and never dropped, with one
+// difference: the surface starts cleared on every frame, so a recording draws
+// the whole frame rather than a delta.
 
 /**
  * A frame recorded on the web. The view holds it while it is queued or on
@@ -99,12 +101,14 @@ class WebGraphiteContext {
   dispose() {}
   [Symbol.dispose]() {}
 }
-export const SkiaGraphiteView = props => {
+export const SkiaView = props => {
   const {
     ref,
     onLayout
   } = props;
   const canvasRef = useRef(null);
+  // The picture of a <Canvas> or a <SkiaPictureView>: a whole frame.
+  const pictureRef = useRef(null);
   // Recordings submitted since the last frame, in order, and the frame on
   // screen, replayed when the surface is recreated.
   const queueRef = useRef([]);
@@ -113,9 +117,9 @@ export const SkiaGraphiteView = props => {
   const nativeId = useMemo(() => props.nativeID !== undefined ? Number(props.nativeID) : SkiaViewNativeId.current++, [props.nativeID]);
   const isStatic = props.__destroyWebGLContextAfterRender === true;
 
-  // Presents what was submitted since the last frame. A frame that cannot be
-  // painted yet (unmeasured canvas, lost context) stays queued for the next
-  // opportunity.
+  // Presents the recordings submitted since the last frame. A frame that
+  // cannot be painted yet (unmeasured canvas, lost context) stays queued for
+  // the next opportunity.
   const present = useCallback(renderer => {
     const frame = queueRef.current;
     if (frame.length === 0) {
@@ -130,9 +134,14 @@ export const SkiaGraphiteView = props => {
     shownRef.current = frame;
     previous.forEach(recording => recording.release());
   }, []);
+
+  // Paints what the view holds: pending recordings first, else the picture,
+  // else the frame on screen again (the surface was recreated).
   const paint = useCallback(renderer => {
     if (queueRef.current.length > 0) {
       present(renderer);
+    } else if (pictureRef.current) {
+      renderer.draw([pictureRef.current]);
     } else if (shownRef.current.length > 0) {
       renderer.draw(shownRef.current.map(recording => recording.picture));
     }
@@ -141,25 +150,37 @@ export const SkiaGraphiteView = props => {
     paint,
     onLayout
   });
+
+  // Draws are flushed from a microtask rather than an animation frame: the
+  // browser composites once per frame either way, and painting right away
+  // keeps a frame produced inside an animation callback (the Reanimated
+  // mapper, a frame loop) from slipping to the next one. Deferring to the
+  // next animation frame would alternate between "flush pending in this
+  // frame" and "flush scheduled for the next frame", halving the effective
+  // frame rate. Without a renderer yet (an unmeasured canvas), the content
+  // stays held and is painted by the renderer once it exists, so it is
+  // never lost.
   const flush = useCallback(() => {
     flushScheduledRef.current = false;
     if (rendererRef.current) {
-      present(rendererRef.current);
+      paint(rendererRef.current);
     }
-  }, [present, rendererRef]);
-
-  // Frames are presented from a microtask rather than an animation frame:
-  // the browser composites once per frame either way, and painting right
-  // away keeps a frame recorded inside an animation callback from slipping
-  // to the next one (see SkiaPictureView.web).
-  const submit = useCallback(recording => {
-    recording.retain();
-    queueRef.current.push(recording);
+  }, [paint, rendererRef]);
+  const redraw = useCallback(() => {
     if (!flushScheduledRef.current) {
       flushScheduledRef.current = true;
       queueMicrotask(flush);
     }
   }, [flush]);
+  const setPicture = useCallback(picture => {
+    pictureRef.current = picture;
+    redraw();
+  }, [redraw]);
+  const submit = useCallback(recording => {
+    recording.retain();
+    queueRef.current.push(recording);
+    redraw();
+  }, [redraw]);
   const getSize = useCallback(() => {
     var _canvasRef$current, _canvasRef$current2;
     return {
@@ -171,17 +192,23 @@ export const SkiaGraphiteView = props => {
     getSize,
     submit
   }), [getSize, submit]);
-  const redraw = useCallback(() => {
-    if (rendererRef.current) {
-      paint(rendererRef.current);
-    }
-  }, [paint, rendererRef]);
   const makeImageSnapshot = useCallback(rect => {
-    const frame = queueRef.current.length > 0 ? queueRef.current : shownRef.current;
-    if (!rendererRef.current || frame.length === 0) {
+    const renderer = rendererRef.current;
+    if (!renderer) {
       return null;
     }
-    return rendererRef.current.makeImageSnapshot(frame.map(recording => recording.picture), rect);
+    let frame;
+    if (queueRef.current.length > 0) {
+      frame = queueRef.current.map(recording => recording.picture);
+    } else if (pictureRef.current) {
+      frame = [pictureRef.current];
+    } else {
+      frame = shownRef.current.map(recording => recording.picture);
+    }
+    if (frame.length === 0) {
+      return null;
+    }
+    return renderer.makeImageSnapshot(frame, rect);
   }, [rendererRef]);
   const measure = useCallback(callback => {
     if (canvasRef.current) {
@@ -191,7 +218,11 @@ export const SkiaGraphiteView = props => {
         left: 0,
         top: 0
       };
-      callback(rect.left - parentRect.left, rect.top - parentRect.top, rect.width, rect.height, rect.left + window.scrollX, rect.top + window.scrollY);
+      callback(
+      // x, y are relative to the parent
+      rect.left - parentRect.left, rect.top - parentRect.top, rect.width, rect.height,
+      // pageX, pageY are absolute screen coordinates
+      rect.left + window.scrollX, rect.top + window.scrollY);
     }
   }, []);
   const measureInWindow = useCallback(callback => {
@@ -200,13 +231,27 @@ export const SkiaGraphiteView = props => {
       callback(rect.left, rect.top, rect.width, rect.height);
     }
   }, []);
+
+  // No flush cancellation is needed on unmount: a microtask queued before
+  // unmount runs within the same task, and flush no-ops once the
+  // layout-effect cleanup has nulled rendererRef.
+
   useImperativeHandle(ref, () => ({
+    setPicture,
     getContext,
-    getNativeId: () => nativeId
-  }), [getContext, nativeId]);
+    getSize,
+    redraw,
+    makeImageSnapshot,
+    measure,
+    measureInWindow,
+    get canvasRef() {
+      return () => canvasRef.current;
+    }
+  }), [setPicture, getContext, getSize, redraw, makeImageSnapshot, measure, measureInWindow]);
   useEffect(() => {
     const api = global.SkiaViewApi;
     api.registerView(`${nativeId}`, {
+      setPicture,
       getContext,
       getSize,
       redraw,
@@ -215,9 +260,11 @@ export const SkiaGraphiteView = props => {
       measureInWindow
     });
     return () => {
+      // Views must be removed on unmount: the handle's closures capture the
+      // canvas element, so a stale entry retains the whole detached DOM tree.
       api.unregisterView(`${nativeId}`);
     };
-  }, [getContext, getSize, redraw, makeImageSnapshot, measure, measureInWindow, nativeId]);
+  }, [setPicture, getContext, getSize, redraw, makeImageSnapshot, measure, measureInWindow, nativeId]);
 
   // Let go of the recordings the view holds.
   useEffect(() => () => {
@@ -227,9 +274,6 @@ export const SkiaGraphiteView = props => {
     shownRef.current = [];
   }, []);
   const {
-    debug: _debug,
-    opaque: _opaque,
-    highBitDepth: _highBitDepth,
     ref: _ref,
     onLayout: _onLayout,
     nativeID: _nativeID,
@@ -251,4 +295,4 @@ export const SkiaGraphiteView = props => {
     }
   }));
 };
-//# sourceMappingURL=SkiaGraphiteView.web.js.map
+//# sourceMappingURL=SkiaView.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useImperativeHandle","useMemo","useRef","JsiSkPictureRecorder","Platform","SkiaViewNativeId","useSkiaWebRenderer","WebGraphiteRecording","constructor","picture","_defineProperty","retain","holds","release","disposed","dispose","Symbol","WebGraphiteContext","target","width","getSize","height","beginRecording","recorder","Error","CanvasKit","PictureRecorder","x","y","finishRecording","finishRecordingAsPicture","submit","recording","SkiaView","props","ref","onLayout","canvasRef","pictureRef","queueRef","shownRef","flushScheduledRef","nativeId","nativeID","undefined","Number","current","isStatic","__destroyWebGLContextAfterRender","present","renderer","frame","length","draw","map","previous","forEach","paint","rendererRef","flush","redraw","queueMicrotask","setPicture","push","_canvasRef$current","_canvasRef$current2","clientWidth","clientHeight","getContext","makeImageSnapshot","rect","measure","callback","getBoundingClientRect","parentElement","offsetParent","parentRect","left","top","window","scrollX","scrollY","measureInWindow","api","global","SkiaViewApi","registerView","unregisterView","_ref","_onLayout","_nativeID","_isStatic","viewProps","createElement","View","_extends","key","style","display"],"sources":["SkiaView.web.tsx"],"sourcesContent":["/* global HTMLCanvasElement */\nimport React, {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nimport type {\n  SkCanvas,\n  SkGraphiteContext,\n  SkGraphiteRecording,\n  SkImage,\n  SkPicture,\n  SkRect,\n} from \"../skia/types\";\nimport { JsiSkPictureRecorder } from \"../skia/web/JsiSkPictureRecorder\";\nimport { Platform } from \"../Platform\";\nimport type {\n  ISkiaViewApiWeb,\n  SkiaWebViewHandle,\n} from \"../specs/NativeSkiaModule.web\";\n\nimport { SkiaViewNativeId } from \"./SkiaViewNativeId\";\nimport { useSkiaWebRenderer } from \"./SkiaWebRenderer\";\nimport type { Renderer, WebFrame } from \"./SkiaWebRenderer\";\n\n// The web has no Graphite: the view paints pictures on a WebGL canvas (with\n// context-loss recovery and the destroy-context-after-render mode). It shows\n// one of two kinds of content. The picture of a <Canvas> or a\n// <SkiaPictureView> is a whole frame: the latest one wins. The recordings\n// submitted through the view's context (SkiaGraphiteView) keep their native\n// semantics, presented in submission order and never dropped, with one\n// difference: the surface starts cleared on every frame, so a recording draws\n// the whole frame rather than a delta.\n\nexport interface SkiaViewHandle extends SkiaWebViewHandle {\n  /** The canvas element, for Reanimated's measure(). */\n  readonly canvasRef: () => HTMLCanvasElement | null;\n}\n\nexport interface SkiaViewProps extends ViewProps {\n  ref?: React.Ref<SkiaViewHandle>;\n  __destroyWebGLContextAfterRender?: boolean;\n}\n\n/**\n * A frame recorded on the web. The view holds it while it is queued or on\n * screen: disposing it then only marks it, the picture is deleted once the\n * view lets go of it.\n */\nclass WebGraphiteRecording implements SkGraphiteRecording {\n  readonly __typename__ = \"GraphiteRecording\" as const;\n  private holds = 0;\n  private disposed = false;\n\n  constructor(readonly picture: SkPicture) {}\n\n  retain() {\n    this.holds++;\n  }\n\n  release() {\n    this.holds--;\n    if (this.disposed && this.holds === 0) {\n      this.picture.dispose();\n    }\n  }\n\n  dispose() {\n    if (this.disposed) {\n      return;\n    }\n    this.disposed = true;\n    if (this.holds === 0) {\n      this.picture.dispose();\n    }\n  }\n\n  [Symbol.dispose]() {\n    this.dispose();\n  }\n}\n\ninterface RecordingTarget {\n  getSize(): { width: number; height: number };\n  submit(recording: WebGraphiteRecording): void;\n}\n\nclass WebGraphiteContext implements SkGraphiteContext {\n  readonly __typename__ = \"GraphiteContext\" as const;\n  private recorder: JsiSkPictureRecorder | null = null;\n\n  constructor(private readonly target: RecordingTarget) {}\n\n  get width() {\n    return this.target.getSize().width;\n  }\n\n  get height() {\n    return this.target.getSize().height;\n  }\n\n  beginRecording(): SkCanvas {\n    if (this.recorder) {\n      throw new Error(\n        \"SkiaGraphiteView: a recording is already open, call finishRecording() first.\"\n      );\n    }\n    const { width, height } = this.target.getSize();\n    if (width <= 0 || height <= 0) {\n      throw new Error(\"SkiaGraphiteView: the view has no size yet.\");\n    }\n    this.recorder = new JsiSkPictureRecorder(\n      CanvasKit,\n      new CanvasKit.PictureRecorder()\n    );\n    return this.recorder.beginRecording({ x: 0, y: 0, width, height });\n  }\n\n  finishRecording(): SkGraphiteRecording {\n    if (!this.recorder) {\n      throw new Error(\n        \"SkiaGraphiteView: no recording is open, call beginRecording() first.\"\n      );\n    }\n    const picture = this.recorder.finishRecordingAsPicture();\n    this.recorder.dispose();\n    this.recorder = null;\n    return new WebGraphiteRecording(picture);\n  }\n\n  submit(recording: SkGraphiteRecording) {\n    if (!(recording instanceof WebGraphiteRecording)) {\n      throw new Error(\n        \"SkiaGraphiteView: submit() expects a recording from finishRecording().\"\n      );\n    }\n    this.target.submit(recording);\n  }\n\n  dispose() {}\n\n  [Symbol.dispose]() {}\n}\n\nexport const SkiaView = (props: SkiaViewProps) => {\n  const { ref, onLayout } = props;\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  // The picture of a <Canvas> or a <SkiaPictureView>: a whole frame.\n  const pictureRef = useRef<SkPicture | null>(null);\n  // Recordings submitted since the last frame, in order, and the frame on\n  // screen, replayed when the surface is recreated.\n  const queueRef = useRef<WebGraphiteRecording[]>([]);\n  const shownRef = useRef<WebGraphiteRecording[]>([]);\n  const flushScheduledRef = useRef(false);\n  const nativeId = useMemo(\n    () =>\n      props.nativeID !== undefined\n        ? Number(props.nativeID)\n        : SkiaViewNativeId.current++,\n    [props.nativeID]\n  );\n\n  const isStatic = props.__destroyWebGLContextAfterRender === true;\n\n  // Presents the recordings submitted since the last frame. A frame that\n  // cannot be painted yet (unmeasured canvas, lost context) stays queued for\n  // the next opportunity.\n  const present = useCallback((renderer: Renderer) => {\n    const frame = queueRef.current;\n    if (frame.length === 0) {\n      return;\n    }\n    queueRef.current = [];\n    if (!renderer.draw(frame.map((recording) => recording.picture))) {\n      queueRef.current = frame;\n      return;\n    }\n    const previous = shownRef.current;\n    shownRef.current = frame;\n    previous.forEach((recording) => recording.release());\n  }, []);\n\n  // Paints what the view holds: pending recordings first, else the picture,\n  // else the frame on screen again (the surface was recreated).\n  const paint = useCallback(\n    (renderer: Renderer) => {\n      if (queueRef.current.length > 0) {\n        present(renderer);\n      } else if (pictureRef.current) {\n        renderer.draw([pictureRef.current]);\n      } else if (shownRef.current.length > 0) {\n        renderer.draw(shownRef.current.map((recording) => recording.picture));\n      }\n    },\n    [present]\n  );\n  const rendererRef = useSkiaWebRenderer(canvasRef, isStatic, {\n    paint,\n    onLayout,\n  });\n\n  // Draws are flushed from a microtask rather than an animation frame: the\n  // browser composites once per frame either way, and painting right away\n  // keeps a frame produced inside an animation callback (the Reanimated\n  // mapper, a frame loop) from slipping to the next one. Deferring to the\n  // next animation frame would alternate between \"flush pending in this\n  // frame\" and \"flush scheduled for the next frame\", halving the effective\n  // frame rate. Without a renderer yet (an unmeasured canvas), the content\n  // stays held and is painted by the renderer once it exists, so it is\n  // never lost.\n  const flush = useCallback(() => {\n    flushScheduledRef.current = false;\n    if (rendererRef.current) {\n      paint(rendererRef.current);\n    }\n  }, [paint, rendererRef]);\n\n  const redraw = useCallback(() => {\n    if (!flushScheduledRef.current) {\n      flushScheduledRef.current = true;\n      queueMicrotask(flush);\n    }\n  }, [flush]);\n\n  const setPicture = useCallback(\n    (picture: SkPicture) => {\n      pictureRef.current = picture;\n      redraw();\n    },\n    [redraw]\n  );\n\n  const submit = useCallback(\n    (recording: WebGraphiteRecording) => {\n      recording.retain();\n      queueRef.current.push(recording);\n      redraw();\n    },\n    [redraw]\n  );\n\n  const getSize = useCallback(\n    () => ({\n      width: canvasRef.current?.clientWidth || 0,\n      height: canvasRef.current?.clientHeight || 0,\n    }),\n    []\n  );\n\n  const getContext = useCallback(\n    (): SkGraphiteContext => new WebGraphiteContext({ getSize, submit }),\n    [getSize, submit]\n  );\n\n  const makeImageSnapshot = useCallback(\n    (rect?: SkRect): SkImage | null => {\n      const renderer = rendererRef.current;\n      if (!renderer) {\n        return null;\n      }\n      let frame: WebFrame;\n      if (queueRef.current.length > 0) {\n        frame = queueRef.current.map((recording) => recording.picture);\n      } else if (pictureRef.current) {\n        frame = [pictureRef.current];\n      } else {\n        frame = shownRef.current.map((recording) => recording.picture);\n      }\n      if (frame.length === 0) {\n        return null;\n      }\n      return renderer.makeImageSnapshot(frame, rect);\n    },\n    [rendererRef]\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        callback(\n          // x, y are relative to the parent\n          rect.left - parentRect.left,\n          rect.top - parentRect.top,\n          rect.width,\n          rect.height,\n          // pageX, pageY are absolute screen coordinates\n          rect.left + window.scrollX,\n          rect.top + window.scrollY\n        );\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        callback(rect.left, rect.top, rect.width, rect.height);\n      }\n    },\n    []\n  );\n\n  // No flush cancellation is needed on unmount: a microtask queued before\n  // unmount runs within the same task, and flush no-ops once the\n  // layout-effect cleanup has nulled rendererRef.\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      setPicture,\n      getContext,\n      getSize,\n      redraw,\n      makeImageSnapshot,\n      measure,\n      measureInWindow,\n      get canvasRef() {\n        return () => canvasRef.current;\n      },\n    }),\n    [\n      setPicture,\n      getContext,\n      getSize,\n      redraw,\n      makeImageSnapshot,\n      measure,\n      measureInWindow,\n    ]\n  );\n\n  useEffect(() => {\n    const api = global.SkiaViewApi as ISkiaViewApiWeb;\n    api.registerView(`${nativeId}`, {\n      setPicture,\n      getContext,\n      getSize,\n      redraw,\n      makeImageSnapshot,\n      measure,\n      measureInWindow,\n    });\n    return () => {\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      api.unregisterView(`${nativeId}`);\n    };\n  }, [\n    setPicture,\n    getContext,\n    getSize,\n    redraw,\n    makeImageSnapshot,\n    measure,\n    measureInWindow,\n    nativeId,\n  ]);\n\n  // Let go of the recordings the view holds.\n  useEffect(\n    () => () => {\n      queueRef.current.forEach((recording) => recording.release());\n      queueRef.current = [];\n      shownRef.current.forEach((recording) => recording.release());\n      shownRef.current = [];\n    },\n    []\n  );\n\n  const {\n    ref: _ref,\n    onLayout: _onLayout,\n    nativeID: _nativeID,\n    __destroyWebGLContextAfterRender: _isStatic,\n    ...viewProps\n  } = props;\n  return (\n    <Platform.View nativeID={`${nativeId}`} {...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":"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","ignoreList":[]}

package/lib/module/views/SkiaWebRenderer.js

@@ -6,7 +6,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import { useLayoutEffect, useRef } from "react";
 import { JsiSkSurface } from "../skia/web/JsiSkSurface";
 
-// The WebGL renderers behind the web views (SkiaPictureView, SkiaGraphiteView):
+// The WebGL renderers behind the web view (SkiaView.web):
 // a <canvas> element, its WebGL context and the CanvasKit surface built on
 // it, with the context-loss handling and the "destroy the context after each
 // draw" mode that keeps a page under the browser's live-context limit.