react-native-skia 3.0.0 → 3.0.2

package/lib/commonjs/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","_default","exports","default"],"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":"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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","makeGraphiteContext","getContext","makeImageSnapshotAsync","Promise","resolve","reject","result","_default","exports","default"],"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/{typescript/src/specs/SkiaPictureViewNativeComponent.d.ts → commonjs/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/commonjs/specs/{SkiaPictureViewNativeComponent.js → SkiaViewNativeComponent.js}

@@ -8,5 +8,5 @@ var _reactNative = require("react-native");
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore - pointerEvents needs to be redeclared for codegen to generate native bindings
 // eslint-disable-next-line import/no-default-export
-var _default = exports.default = (0, _reactNative.codegenNativeComponent)("SkiaPictureView");
-//# sourceMappingURL=SkiaPictureViewNativeComponent.js.map
+var _default = exports.default = (0, _reactNative.codegenNativeComponent)("SkiaView");
+//# sourceMappingURL=SkiaViewNativeComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_default","exports","default","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,IAAAA,YAAA,GAAAC,OAAA;AAGA;AACA;AAeA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACe,IAAAC,mCAAsB,EAAc,UAAU,CAAC","ignoreList":[]}

package/lib/commonjs/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/commonjs/specs/SkiaViewNativeComponent.web.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _SkiaView = require("../views/SkiaView.web");
+const SkiaViewNativeComponent = ({
+  nativeID,
+  onLayout,
+  // Surface settings, never reach the DOM
+  opaque: _opaque,
+  highBitDepth: _highBitDepth,
+  androidSurfaceType: _androidSurfaceType,
+  androidZOrderOnTop: _androidZOrderOnTop,
+  ...viewProps
+}) => {
+  return /*#__PURE__*/(0, _react.createElement)(_SkiaView.SkiaView, {
+    nativeID,
+    onLayout,
+    ...viewProps
+  });
+};
+// eslint-disable-next-line import/no-default-export
+var _default = exports.default = SkiaViewNativeComponent;
+//# sourceMappingURL=SkiaViewNativeComponent.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_SkiaView","SkiaViewNativeComponent","nativeID","onLayout","opaque","_opaque","highBitDepth","_highBitDepth","androidSurfaceType","_androidSurfaceType","androidZOrderOnTop","_androidZOrderOnTop","viewProps","createElement","SkiaView","_default","exports","default"],"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,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAUA,MAAME,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,oBAAO,IAAAC,oBAAa,EAACC,kBAAQ,EAAE;IAC7BZ,QAAQ;IACRC,QAAQ;IACR,GAAGS;EACL,CAAC,CAAC;AACJ,CAAC;AACD;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACehB,uBAAuB","ignoreList":[]}

package/lib/commonjs/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/commonjs/views/SkiaGraphiteView.js

@@ -5,21 +5,36 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SkiaGraphiteView = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _SkiaGraphiteViewNativeComponent = _interopRequireDefault(require("../specs/SkiaGraphiteViewNativeComponent"));
+var _SkiaViewNativeComponent = _interopRequireDefault(require("../specs/SkiaViewNativeComponent"));
+var _Platform = require("../Platform");
 var _api = require("./api");
+var _android = require("./android");
 var _SkiaViewNativeId = require("./SkiaViewNativeId");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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); }
+// 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.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}.
  */
 const SkiaGraphiteView = ({
-  debug = false,
   opaque = false,
   highBitDepth = false,
+  android,
   ref,
   ...viewProps
 }) => {
@@ -29,25 +44,21 @@ 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 _api.SkiaViewApi.makeGraphiteContext(nativeId, size.width, size.height, opaque, highBitDepth);
     }
   }), [nativeId, opaque, highBitDepth]);
-  return /*#__PURE__*/_react.default.createElement(_SkiaGraphiteViewNativeComponent.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_SkiaViewNativeComponent.default, _extends({
     ref: viewRef,
     collapsable: false,
     nativeID: `${nativeId}`,
-    debug: debug,
     opaque: opaque,
     highBitDepth: highBitDepth
-  }, viewProps));
+  }, (0, _android.androidNativeProps)(android), viewProps));
 };
 exports.SkiaGraphiteView = SkiaGraphiteView;
 const assertSkiaViewApi = () => {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_SkiaGraphiteViewNativeComponent","_interopRequireDefault","_api","_SkiaViewNativeId","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","SkiaGraphiteView","debug","opaque","highBitDepth","ref","viewProps","nativeId","useMemo","SkiaViewNativeId","current","viewRef","useRef","useImperativeHandle","getNativeId","getContext","assertSkiaViewApi","view","Error","size","getBoundingClientRect","unstable_getBoundingClientRect","SkiaViewApi","makeGraphiteContext","width","height","createElement","collapsable","nativeID","exports"],"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":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_SkiaViewNativeComponent","_interopRequireDefault","_Platform","_api","_android","_SkiaViewNativeId","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","measureLayout","view","Platform","OS","width","height","host","getBoundingClientRect","unstable_getBoundingClientRect","SkiaGraphiteView","opaque","highBitDepth","android","ref","viewProps","nativeId","useMemo","SkiaViewNativeId","current","viewRef","useRef","useImperativeHandle","getNativeId","getContext","assertSkiaViewApi","Error","size","SkiaViewApi","makeGraphiteContext","createElement","collapsable","nativeID","androidNativeProps","exports"],"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":"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","ignoreList":[]}

package/lib/commonjs/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/commonjs/views/SkiaPictureView.js

@@ -5,15 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SkiaPictureView = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _SkiaPictureViewNativeComponent = _interopRequireDefault(require("../specs/SkiaPictureViewNativeComponent"));
+var _SkiaViewNativeComponent = _interopRequireDefault(require("../specs/SkiaViewNativeComponent"));
 var _api = require("./api");
+var _android = require("./android");
 var _SkiaViewNativeId = require("./SkiaViewNativeId");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 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); }
-const NativeSkiaPictureView = _SkiaPictureViewNativeComponent.default;
+/**
+ * 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.
+ */
 class SkiaPictureView extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -73,21 +77,19 @@ class SkiaPictureView extends _react.default.Component {
   }
   render() {
     const {
-      mode,
-      debug = false,
+      mode: _mode,
+      picture: _picture,
       opaque = false,
       highBitDepth = false,
-      androidWarmup = false,
+      android,
       ...viewProps
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(NativeSkiaPictureView, _extends({
+    return /*#__PURE__*/_react.default.createElement(_SkiaViewNativeComponent.default, _extends({
       collapsable: false,
       nativeID: `${this._nativeId}`,
-      debug: debug,
       opaque: opaque,
-      highBitDepth: highBitDepth,
-      androidWarmup: androidWarmup
-    }, viewProps));
+      highBitDepth: highBitDepth
+    }, (0, _android.androidNativeProps)(android), viewProps));
   }
 }
 exports.SkiaPictureView = SkiaPictureView;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_SkiaPictureViewNativeComponent","_api","_SkiaViewNativeId","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_defineProperty","_toPropertyKey","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","NativeSkiaPictureView","SkiaPictureViewNativeComponent","SkiaPictureView","React","Component","constructor","props","_nativeId","SkiaViewNativeId","current","picture","assertSkiaViewApi","SkiaViewApi","setJsiProperty","tick","nativeId","componentDidUpdate","prevProps","componentWillUnmount","requestId","cancelAnimationFrame","redraw","mode","requestAnimationFrame","makeImageSnapshot","rect","requestRedraw","render","debug","opaque","highBitDepth","androidWarmup","viewProps","createElement","collapsable","nativeID","exports","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","_interopRequireDefault","require","_SkiaViewNativeComponent","_api","_android","_SkiaViewNativeId","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_defineProperty","_toPropertyKey","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","SkiaPictureView","React","Component","constructor","props","_nativeId","SkiaViewNativeId","current","picture","assertSkiaViewApi","SkiaViewApi","setJsiProperty","tick","nativeId","componentDidUpdate","prevProps","componentWillUnmount","requestId","cancelAnimationFrame","redraw","mode","requestAnimationFrame","makeImageSnapshot","rect","requestRedraw","render","_mode","_picture","opaque","highBitDepth","android","viewProps","createElement","collapsable","nativeID","androidNativeProps","exports","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/commonjs/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/commonjs/views/{SkiaGraphiteView.web.js → SkiaView.web.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SkiaGraphiteView = void 0;
+exports.SkiaView = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _JsiSkPictureRecorder = require("../skia/web/JsiSkPictureRecorder");
 var _Platform = require("../Platform");
@@ -14,12 +14,14 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 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); } /* global HTMLCanvasElement */
-// 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
@@ -104,12 +106,14 @@ class WebGraphiteContext {
   dispose() {}
   [Symbol.dispose]() {}
 }
-const SkiaGraphiteView = props => {
+const SkiaView = props => {
   const {
     ref,
     onLayout
   } = props;
   const canvasRef = (0, _react.useRef)(null);
+  // The picture of a <Canvas> or a <SkiaPictureView>: a whole frame.
+  const pictureRef = (0, _react.useRef)(null);
   // Recordings submitted since the last frame, in order, and the frame on
   // screen, replayed when the surface is recreated.
   const queueRef = (0, _react.useRef)([]);
@@ -118,9 +122,9 @@ const SkiaGraphiteView = props => {
   const nativeId = (0, _react.useMemo)(() => props.nativeID !== undefined ? Number(props.nativeID) : _SkiaViewNativeId.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 = (0, _react.useCallback)(renderer => {
     const frame = queueRef.current;
     if (frame.length === 0) {
@@ -135,9 +139,14 @@ 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 = (0, _react.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));
     }
@@ -146,25 +155,37 @@ 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 = (0, _react.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 = (0, _react.useCallback)(recording => {
-    recording.retain();
-    queueRef.current.push(recording);
+  }, [paint, rendererRef]);
+  const redraw = (0, _react.useCallback)(() => {
     if (!flushScheduledRef.current) {
       flushScheduledRef.current = true;
       queueMicrotask(flush);
     }
   }, [flush]);
+  const setPicture = (0, _react.useCallback)(picture => {
+    pictureRef.current = picture;
+    redraw();
+  }, [redraw]);
+  const submit = (0, _react.useCallback)(recording => {
+    recording.retain();
+    queueRef.current.push(recording);
+    redraw();
+  }, [redraw]);
   const getSize = (0, _react.useCallback)(() => {
     var _canvasRef$current, _canvasRef$current2;
     return {
@@ -176,17 +197,23 @@ const SkiaGraphiteView = props => {
     getSize,
     submit
   }), [getSize, submit]);
-  const redraw = (0, _react.useCallback)(() => {
-    if (rendererRef.current) {
-      paint(rendererRef.current);
-    }
-  }, [paint, rendererRef]);
   const makeImageSnapshot = (0, _react.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 = (0, _react.useCallback)(callback => {
     if (canvasRef.current) {
@@ -196,7 +223,11 @@ 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 = (0, _react.useCallback)(callback => {
@@ -205,13 +236,27 @@ 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.
+
   (0, _react.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]);
   (0, _react.useEffect)(() => {
     const api = global.SkiaViewApi;
     api.registerView(`${nativeId}`, {
+      setPicture,
       getContext,
       getSize,
       redraw,
@@ -220,9 +265,11 @@ 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.
   (0, _react.useEffect)(() => () => {
@@ -232,9 +279,6 @@ const SkiaGraphiteView = props => {
     shownRef.current = [];
   }, []);
   const {
-    debug: _debug,
-    opaque: _opaque,
-    highBitDepth: _highBitDepth,
     ref: _ref,
     onLayout: _onLayout,
     nativeID: _nativeID,
@@ -256,5 +300,5 @@ const SkiaGraphiteView = props => {
     }
   }));
 };
-exports.SkiaGraphiteView = SkiaGraphiteView;
-//# sourceMappingURL=SkiaGraphiteView.web.js.map
+exports.SkiaView = SkiaView;
+//# sourceMappingURL=SkiaView.web.js.map