react-native-skia 0.0.1 → 3.0.0

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

@@ -0,0 +1,254 @@
+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); }
+/* global HTMLCanvasElement */
+import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef } from "react";
+import { JsiSkPictureRecorder } from "../skia/web/JsiSkPictureRecorder";
+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.
+
+/**
+ * A frame recorded on the web. The view holds it while it is queued or on
+ * screen: disposing it then only marks it, the picture is deleted once the
+ * view lets go of it.
+ */
+class WebGraphiteRecording {
+  constructor(picture) {
+    this.picture = picture;
+    _defineProperty(this, "__typename__", "GraphiteRecording");
+    _defineProperty(this, "holds", 0);
+    _defineProperty(this, "disposed", false);
+  }
+  retain() {
+    this.holds++;
+  }
+  release() {
+    this.holds--;
+    if (this.disposed && this.holds === 0) {
+      this.picture.dispose();
+    }
+  }
+  dispose() {
+    if (this.disposed) {
+      return;
+    }
+    this.disposed = true;
+    if (this.holds === 0) {
+      this.picture.dispose();
+    }
+  }
+  [Symbol.dispose]() {
+    this.dispose();
+  }
+}
+class WebGraphiteContext {
+  constructor(target) {
+    this.target = target;
+    _defineProperty(this, "__typename__", "GraphiteContext");
+    _defineProperty(this, "recorder", null);
+  }
+  get width() {
+    return this.target.getSize().width;
+  }
+  get height() {
+    return this.target.getSize().height;
+  }
+  beginRecording() {
+    if (this.recorder) {
+      throw new Error("SkiaGraphiteView: a recording is already open, call finishRecording() first.");
+    }
+    const {
+      width,
+      height
+    } = this.target.getSize();
+    if (width <= 0 || height <= 0) {
+      throw new Error("SkiaGraphiteView: the view has no size yet.");
+    }
+    this.recorder = new JsiSkPictureRecorder(CanvasKit, new CanvasKit.PictureRecorder());
+    return this.recorder.beginRecording({
+      x: 0,
+      y: 0,
+      width,
+      height
+    });
+  }
+  finishRecording() {
+    if (!this.recorder) {
+      throw new Error("SkiaGraphiteView: no recording is open, call beginRecording() first.");
+    }
+    const picture = this.recorder.finishRecordingAsPicture();
+    this.recorder.dispose();
+    this.recorder = null;
+    return new WebGraphiteRecording(picture);
+  }
+  submit(recording) {
+    if (!(recording instanceof WebGraphiteRecording)) {
+      throw new Error("SkiaGraphiteView: submit() expects a recording from finishRecording().");
+    }
+    this.target.submit(recording);
+  }
+  dispose() {}
+  [Symbol.dispose]() {}
+}
+export const SkiaGraphiteView = props => {
+  const {
+    ref,
+    onLayout
+  } = props;
+  const canvasRef = useRef(null);
+  // Recordings submitted since the last frame, in order, and the frame on
+  // screen, replayed when the surface is recreated.
+  const queueRef = useRef([]);
+  const shownRef = useRef([]);
+  const flushScheduledRef = useRef(false);
+  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.
+  const present = useCallback(renderer => {
+    const frame = queueRef.current;
+    if (frame.length === 0) {
+      return;
+    }
+    queueRef.current = [];
+    if (!renderer.draw(frame.map(recording => recording.picture))) {
+      queueRef.current = frame;
+      return;
+    }
+    const previous = shownRef.current;
+    shownRef.current = frame;
+    previous.forEach(recording => recording.release());
+  }, []);
+  const paint = useCallback(renderer => {
+    if (queueRef.current.length > 0) {
+      present(renderer);
+    } else if (shownRef.current.length > 0) {
+      renderer.draw(shownRef.current.map(recording => recording.picture));
+    }
+  }, [present]);
+  const rendererRef = useSkiaWebRenderer(canvasRef, isStatic, {
+    paint,
+    onLayout
+  });
+  const flush = useCallback(() => {
+    flushScheduledRef.current = false;
+    if (rendererRef.current) {
+      present(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);
+    if (!flushScheduledRef.current) {
+      flushScheduledRef.current = true;
+      queueMicrotask(flush);
+    }
+  }, [flush]);
+  const getSize = useCallback(() => {
+    var _canvasRef$current, _canvasRef$current2;
+    return {
+      width: ((_canvasRef$current = canvasRef.current) === null || _canvasRef$current === void 0 ? void 0 : _canvasRef$current.clientWidth) || 0,
+      height: ((_canvasRef$current2 = canvasRef.current) === null || _canvasRef$current2 === void 0 ? void 0 : _canvasRef$current2.clientHeight) || 0
+    };
+  }, []);
+  const getContext = useCallback(() => new WebGraphiteContext({
+    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) {
+      return null;
+    }
+    return rendererRef.current.makeImageSnapshot(frame.map(recording => recording.picture), rect);
+  }, [rendererRef]);
+  const measure = useCallback(callback => {
+    if (canvasRef.current) {
+      const rect = canvasRef.current.getBoundingClientRect();
+      const parentElement = canvasRef.current.offsetParent;
+      const parentRect = (parentElement === null || parentElement === void 0 ? void 0 : parentElement.getBoundingClientRect()) || {
+        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);
+    }
+  }, []);
+  const measureInWindow = useCallback(callback => {
+    if (canvasRef.current) {
+      const rect = canvasRef.current.getBoundingClientRect();
+      callback(rect.left, rect.top, rect.width, rect.height);
+    }
+  }, []);
+  useImperativeHandle(ref, () => ({
+    getContext,
+    getNativeId: () => nativeId
+  }), [getContext, nativeId]);
+  useEffect(() => {
+    const api = global.SkiaViewApi;
+    api.registerView(`${nativeId}`, {
+      getContext,
+      getSize,
+      redraw,
+      makeImageSnapshot,
+      measure,
+      measureInWindow
+    });
+    return () => {
+      api.unregisterView(`${nativeId}`);
+    };
+  }, [getContext, getSize, redraw, makeImageSnapshot, measure, measureInWindow, nativeId]);
+
+  // Let go of the recordings the view holds.
+  useEffect(() => () => {
+    queueRef.current.forEach(recording => recording.release());
+    queueRef.current = [];
+    shownRef.current.forEach(recording => recording.release());
+    shownRef.current = [];
+  }, []);
+  const {
+    debug: _debug,
+    opaque: _opaque,
+    highBitDepth: _highBitDepth,
+    ref: _ref,
+    onLayout: _onLayout,
+    nativeID: _nativeID,
+    __destroyWebGLContextAfterRender: _isStatic,
+    ...viewProps
+  } = props;
+  return /*#__PURE__*/React.createElement(Platform.View, _extends({
+    nativeID: `${nativeId}`
+  }, viewProps), /*#__PURE__*/React.createElement("canvas", {
+    // A canvas element is bound to one context kind for life (WebGL for
+    // the live renderer, 2D for the static one), so switching renderers
+    // needs a fresh element.
+    key: isStatic ? "static" : "webgl",
+    ref: canvasRef,
+    style: {
+      display: "block",
+      width: "100%",
+      height: "100%"
+    }
+  }));
+};
+//# sourceMappingURL=SkiaGraphiteView.web.js.map

package/lib/module/views/SkiaGraphiteView.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","SkiaGraphiteView","props","ref","onLayout","canvasRef","queueRef","shownRef","flushScheduledRef","nativeId","nativeID","undefined","Number","current","isStatic","__destroyWebGLContextAfterRender","present","renderer","frame","length","draw","map","previous","forEach","paint","rendererRef","flush","push","queueMicrotask","_canvasRef$current","_canvasRef$current2","clientWidth","clientHeight","getContext","redraw","makeImageSnapshot","rect","measure","callback","getBoundingClientRect","parentElement","offsetParent","parentRect","left","top","window","scrollX","scrollY","measureInWindow","getNativeId","api","global","SkiaViewApi","registerView","unregisterView","debug","_debug","opaque","_opaque","highBitDepth","_highBitDepth","_ref","_onLayout","_nativeID","_isStatic","viewProps","createElement","View","_extends","key","style","display"],"sources":["SkiaGraphiteView.web.tsx"],"sourcesContent":["/* global HTMLCanvasElement */\nimport React, {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\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  SkiaGraphiteViewHandle,\n} from \"../specs/NativeSkiaModule.web\";\n\nimport type { SkiaGraphiteViewNativeProps } from \"./types\";\nimport { SkiaViewNativeId } from \"./SkiaViewNativeId\";\nimport { useSkiaWebRenderer } from \"./SkiaWebRenderer\";\nimport type { Renderer } from \"./SkiaWebRenderer\";\n\n// The web has no Graphite: a recording is an SkPicture, replayed onto the\n// view's WebGL surface by the same renderer as SkiaPictureView (with its\n// context-loss handling and the destroy-context-after-render mode). Frames\n// keep their native semantics, presented in submission order and never\n// dropped, with one difference: the surface starts cleared on every frame,\n// so a recording draws the whole frame rather than a delta.\n\nexport interface SkiaGraphiteViewRef {\n  /**\n   * The recording side of the view. Call it once the view is mounted.\n   */\n  getContext(): SkGraphiteContext;\n  getNativeId(): number;\n}\n\nexport interface SkiaGraphiteViewProps extends SkiaGraphiteViewNativeProps {\n  ref?: React.Ref<SkiaGraphiteViewRef>;\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 SkiaGraphiteView = (props: SkiaGraphiteViewProps) => {\n  const { ref, onLayout } = props;\n  const canvasRef = useRef<HTMLCanvasElement | 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 what was submitted since the last frame. A frame that cannot be\n  // painted yet (unmeasured canvas, lost context) stays queued for the next\n  // 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  const paint = useCallback(\n    (renderer: Renderer) => {\n      if (queueRef.current.length > 0) {\n        present(renderer);\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  const flush = useCallback(() => {\n    flushScheduledRef.current = false;\n    if (rendererRef.current) {\n      present(rendererRef.current);\n    }\n  }, [present, rendererRef]);\n\n  // Frames are presented from a microtask rather than an animation frame:\n  // the browser composites once per frame either way, and painting right\n  // away keeps a frame recorded inside an animation callback from slipping\n  // to the next one (see SkiaPictureView.web).\n  const submit = useCallback(\n    (recording: WebGraphiteRecording) => {\n      recording.retain();\n      queueRef.current.push(recording);\n      if (!flushScheduledRef.current) {\n        flushScheduledRef.current = true;\n        queueMicrotask(flush);\n      }\n    },\n    [flush]\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 redraw = useCallback(() => {\n    if (rendererRef.current) {\n      paint(rendererRef.current);\n    }\n  }, [paint, rendererRef]);\n\n  const makeImageSnapshot = useCallback(\n    (rect?: SkRect): SkImage | null => {\n      const frame =\n        queueRef.current.length > 0 ? queueRef.current : shownRef.current;\n      if (!rendererRef.current || frame.length === 0) {\n        return null;\n      }\n      return rendererRef.current.makeImageSnapshot(\n        frame.map((recording) => recording.picture),\n        rect\n      );\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          rect.left - parentRect.left,\n          rect.top - parentRect.top,\n          rect.width,\n          rect.height,\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  useImperativeHandle(\n    ref,\n    () => ({\n      getContext,\n      getNativeId: () => nativeId,\n    }),\n    [getContext, nativeId]\n  );\n\n  useEffect(() => {\n    const api = global.SkiaViewApi as ISkiaViewApiWeb;\n    api.registerView(`${nativeId}`, {\n      getContext,\n      getSize,\n      redraw,\n      makeImageSnapshot,\n      measure,\n      measureInWindow,\n    } as SkiaGraphiteViewHandle);\n    return () => {\n      api.unregisterView(`${nativeId}`);\n    };\n  }, [\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    debug: _debug,\n    opaque: _opaque,\n    highBitDepth: _highBitDepth,\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/SkiaPictureView.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import type { SkRect } from "../skia/types";
+import type { SkiaPictureViewNativeProps } from "./types";
+interface SkiaPictureViewProps extends SkiaPictureViewNativeProps {
+    mode?: "default" | "continuous";
+    androidWarmup?: boolean;
+}
+export declare class SkiaPictureView extends React.Component<SkiaPictureViewProps> {
+    private requestId;
+    constructor(props: SkiaPictureViewProps);
+    private _nativeId;
+    get nativeId(): number;
+    componentDidUpdate(prevProps: SkiaPictureViewProps): void;
+    componentWillUnmount(): void;
+    private tick;
+    /**
+     * Creates a snapshot from the canvas in the surface
+     * @param rect Rect to use as bounds. Optional.
+     * @returns An Image object.
+     */
+    makeImageSnapshot(rect?: SkRect): import("../skia/types").SkImage;
+    /**
+     * Sends a redraw request to the native SkiaView.
+     */
+    redraw(): void;
+    render(): React.JSX.Element;
+}
+export {};

package/lib/module/views/SkiaPictureView.js

@@ -0,0 +1,91 @@
+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); }
+import React from "react";
+import SkiaPictureViewNativeComponent from "../specs/SkiaPictureViewNativeComponent";
+import { SkiaViewApi } from "./api";
+import { SkiaViewNativeId } from "./SkiaViewNativeId";
+const NativeSkiaPictureView = SkiaPictureViewNativeComponent;
+export class SkiaPictureView extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "requestId", 0);
+    _defineProperty(this, "_nativeId", void 0);
+    this._nativeId = SkiaViewNativeId.current++;
+    const {
+      picture
+    } = props;
+    if (picture) {
+      assertSkiaViewApi();
+      SkiaViewApi.setJsiProperty(this._nativeId, "picture", picture);
+    }
+    this.tick();
+  }
+  get nativeId() {
+    return this._nativeId;
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      picture
+    } = this.props;
+    if (picture !== prevProps.picture) {
+      assertSkiaViewApi();
+      SkiaViewApi.setJsiProperty(this._nativeId, "picture", picture);
+    }
+    this.tick();
+  }
+  componentWillUnmount() {
+    if (this.requestId) {
+      cancelAnimationFrame(this.requestId);
+    }
+  }
+  tick() {
+    this.redraw();
+    if (this.props.mode === "continuous") {
+      this.requestId = requestAnimationFrame(this.tick.bind(this));
+    }
+  }
+
+  /**
+   * Creates a snapshot from the canvas in the surface
+   * @param rect Rect to use as bounds. Optional.
+   * @returns An Image object.
+   */
+  makeImageSnapshot(rect) {
+    assertSkiaViewApi();
+    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);
+  }
+
+  /**
+   * Sends a redraw request to the native SkiaView.
+   */
+  redraw() {
+    assertSkiaViewApi();
+    SkiaViewApi.requestRedraw(this._nativeId);
+  }
+  render() {
+    const {
+      mode,
+      debug = false,
+      opaque = false,
+      highBitDepth = false,
+      androidWarmup = false,
+      ...viewProps
+    } = this.props;
+    return /*#__PURE__*/React.createElement(NativeSkiaPictureView, _extends({
+      collapsable: false,
+      nativeID: `${this._nativeId}`,
+      debug: debug,
+      opaque: opaque,
+      highBitDepth: highBitDepth,
+      androidWarmup: androidWarmup
+    }, viewProps));
+  }
+}
+const assertSkiaViewApi = () => {
+  if (SkiaViewApi === null || SkiaViewApi.setJsiProperty === null || SkiaViewApi.requestRedraw === null || SkiaViewApi.makeImageSnapshot === null) {
+    throw Error("Skia View Api was not found.");
+  }
+};
+//# sourceMappingURL=SkiaPictureView.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import type { SkPicture } from "../skia/types";
+import type { SkiaWebViewHandle } from "../specs/NativeSkiaModule.web";
+import type { SkiaPictureViewNativeProps } from "./types";
+export interface SkiaPictureViewHandle extends SkiaWebViewHandle {
+    setPicture(picture: SkPicture): void;
+}
+export interface SkiaPictureViewProps extends SkiaPictureViewNativeProps {
+    ref?: React.Ref<SkiaPictureViewHandle>;
+}
+export declare const SkiaPictureView: (props: SkiaPictureViewProps) => React.JSX.Element;

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

@@ -0,0 +1,156 @@
+/* global HTMLCanvasElement */
+import React, { useRef, useEffect, useCallback, useImperativeHandle } from "react";
+import { Platform } from "../Platform";
+import { SkiaViewNativeId } from "./SkiaViewNativeId";
+import { useSkiaWebRenderer } from "./SkiaWebRenderer";
+export const SkiaPictureView = props => {
+  const {
+    ref,
+    picture,
+    onLayout
+  } = props;
+  const canvasRef = useRef(null);
+  const pictureRef = useRef(null);
+  // Redraw requests coalesce into a single microtask. A microtask (not an
+  // animation frame) so that a picture produced inside a rAF callback (the
+  // Reanimated mapper) is drawn before the current frame paints: deferring
+  // to the next rAF alternates between "flush pending in this frame" and
+  // "flush scheduled for the next frame", drawing on every other frame
+  // only and halving the effective frame rate. A picture dispatched before
+  // the canvas has a size stays in pictureRef (drawing while unmeasured is
+  // a no-op) and is painted by the resize path once the canvas becomes
+  // measurable, so it is never lost.
+  const redrawPendingRef = useRef(false);
+  const flushScheduledRef = useRef(false);
+  const isStatic = props.__destroyWebGLContextAfterRender === true;
+  const paint = useCallback(renderer => {
+    if (pictureRef.current) {
+      redrawPendingRef.current = false;
+      renderer.draw([pictureRef.current]);
+    }
+  }, []);
+  const rendererRef = useSkiaWebRenderer(canvasRef, isStatic, {
+    paint,
+    onLayout
+  });
+  const flushRedraw = useCallback(() => {
+    flushScheduledRef.current = false;
+    if (redrawPendingRef.current && rendererRef.current && pictureRef.current) {
+      redrawPendingRef.current = false;
+      rendererRef.current.draw([pictureRef.current]);
+    }
+    // If the renderer or picture isn't available yet, the request stays
+    // pending and is flushed by whichever arrives last.
+  }, [rendererRef]);
+  const redraw = useCallback(() => {
+    redrawPendingRef.current = true;
+    if (!flushScheduledRef.current) {
+      flushScheduledRef.current = true;
+      queueMicrotask(flushRedraw);
+    }
+  }, [flushRedraw]);
+  const getSize = useCallback(() => {
+    var _canvasRef$current, _canvasRef$current2;
+    return {
+      width: ((_canvasRef$current = canvasRef.current) === null || _canvasRef$current === void 0 ? void 0 : _canvasRef$current.clientWidth) || 0,
+      height: ((_canvasRef$current2 = canvasRef.current) === null || _canvasRef$current2 === void 0 ? void 0 : _canvasRef$current2.clientHeight) || 0
+    };
+  }, []);
+  const setPicture = useCallback(newPicture => {
+    pictureRef.current = newPicture;
+    redraw();
+  }, [redraw]);
+  const makeImageSnapshot = useCallback(rect => {
+    if (rendererRef.current && pictureRef.current) {
+      return rendererRef.current.makeImageSnapshot([pictureRef.current], rect);
+    }
+    return null;
+  }, [rendererRef]);
+  const measure = useCallback(callback => {
+    if (canvasRef.current) {
+      const rect = canvasRef.current.getBoundingClientRect();
+      const parentElement = canvasRef.current.offsetParent;
+      const parentRect = (parentElement === null || parentElement === void 0 ? void 0 : parentElement.getBoundingClientRect()) || {
+        left: 0,
+        top: 0
+      };
+
+      // x, y are relative to the parent
+      const x = rect.left - parentRect.left;
+      const y = rect.top - parentRect.top;
+
+      // pageX, pageY are absolute screen coordinates
+      const pageX = rect.left + window.scrollX;
+      const pageY = rect.top + window.scrollY;
+      callback(x, y, rect.width, rect.height, pageX, pageY);
+    }
+  }, []);
+  const measureInWindow = useCallback(callback => {
+    if (canvasRef.current) {
+      const rect = canvasRef.current.getBoundingClientRect();
+
+      // x, y are the absolute coordinates in the window
+      const x = rect.left;
+      const y = rect.top;
+      callback(x, y, rect.width, rect.height);
+    }
+  }, []);
+
+  // No flush cancellation is needed on unmount: a microtask queued before
+  // unmount runs within the same task, and flushRedraw no-ops once the
+  // layout-effect cleanup has nulled rendererRef.
+
+  useImperativeHandle(ref, () => ({
+    setPicture,
+    getSize,
+    redraw,
+    makeImageSnapshot,
+    measure,
+    measureInWindow,
+    get canvasRef() {
+      return () => canvasRef.current;
+    }
+  }), [setPicture, getSize, redraw, makeImageSnapshot, measure, measureInWindow]);
+  useEffect(() => {
+    var _props$nativeID;
+    const nativeID = (_props$nativeID = props.nativeID) !== null && _props$nativeID !== void 0 ? _props$nativeID : `${SkiaViewNativeId.current++}`;
+    const api = global.SkiaViewApi;
+    api.registerView(nativeID, {
+      setPicture,
+      getSize,
+      redraw,
+      makeImageSnapshot,
+      measure,
+      measureInWindow
+    });
+    return () => {
+      api.unregisterView(nativeID);
+    };
+  }, [setPicture, getSize, redraw, makeImageSnapshot, measure, measureInWindow, props.nativeID]);
+  useEffect(() => {
+    if (picture) {
+      setPicture(picture);
+    }
+  }, [setPicture, picture]);
+  const {
+    debug: _debug,
+    ref: _ref,
+    onLayout: _onLayout,
+    picture: _picture,
+    __destroyWebGLContextAfterRender: _isStatic,
+    ...viewProps
+  } = props;
+  return /*#__PURE__*/React.createElement(Platform.View, viewProps, /*#__PURE__*/React.createElement("canvas", {
+    // A canvas element is bound to one context kind for life (WebGL for
+    // the live renderer, 2D for the static one), so switching renderers
+    // needs a fresh element.
+    key: isStatic ? "static" : "webgl",
+    ref: canvasRef,
+    style: {
+      display: "block",
+      width: "100%",
+      height: "100%"
+    }
+  }));
+};
+//# sourceMappingURL=SkiaPictureView.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useEffect","useCallback","useImperativeHandle","Platform","SkiaViewNativeId","useSkiaWebRenderer","SkiaPictureView","props","ref","picture","onLayout","canvasRef","pictureRef","redrawPendingRef","flushScheduledRef","isStatic","__destroyWebGLContextAfterRender","paint","renderer","current","draw","rendererRef","flushRedraw","redraw","queueMicrotask","getSize","_canvasRef$current","_canvasRef$current2","width","clientWidth","height","clientHeight","setPicture","newPicture","makeImageSnapshot","rect","measure","callback","getBoundingClientRect","parentElement","offsetParent","parentRect","left","top","x","y","pageX","window","scrollX","pageY","scrollY","measureInWindow","_props$nativeID","nativeID","api","global","SkiaViewApi","registerView","unregisterView","debug","_debug","_ref","_onLayout","_picture","_isStatic","viewProps","createElement","View","key","style","display"],"sources":["SkiaPictureView.web.tsx"],"sourcesContent":["/* global HTMLCanvasElement */\nimport React, {\n  useRef,\n  useEffect,\n  useCallback,\n  useImperativeHandle,\n} from \"react\";\n\nimport type { SkRect, SkPicture, SkImage } from \"../skia/types\";\nimport { Platform } from \"../Platform\";\nimport type {\n  ISkiaViewApiWeb,\n  SkiaWebViewHandle,\n} from \"../specs/NativeSkiaModule.web\";\n\nimport type { SkiaPictureViewNativeProps } from \"./types\";\nimport { SkiaViewNativeId } from \"./SkiaViewNativeId\";\nimport { useSkiaWebRenderer } from \"./SkiaWebRenderer\";\nimport type { Renderer } from \"./SkiaWebRenderer\";\n\nexport interface SkiaPictureViewHandle extends SkiaWebViewHandle {\n  setPicture(picture: SkPicture): void;\n}\n\nexport interface SkiaPictureViewProps extends SkiaPictureViewNativeProps {\n  ref?: React.Ref<SkiaPictureViewHandle>;\n}\n\nexport const SkiaPictureView = (props: SkiaPictureViewProps) => {\n  const { ref, picture, onLayout } = props;\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const pictureRef = useRef<SkPicture | null>(null);\n  // Redraw requests coalesce into a single microtask. A microtask (not an\n  // animation frame) so that a picture produced inside a rAF callback (the\n  // Reanimated mapper) is drawn before the current frame paints: deferring\n  // to the next rAF alternates between \"flush pending in this frame\" and\n  // \"flush scheduled for the next frame\", drawing on every other frame\n  // only and halving the effective frame rate. A picture dispatched before\n  // the canvas has a size stays in pictureRef (drawing while unmeasured is\n  // a no-op) and is painted by the resize path once the canvas becomes\n  // measurable, so it is never lost.\n  const redrawPendingRef = useRef(false);\n  const flushScheduledRef = useRef(false);\n\n  const isStatic = props.__destroyWebGLContextAfterRender === true;\n\n  const paint = useCallback((renderer: Renderer) => {\n    if (pictureRef.current) {\n      redrawPendingRef.current = false;\n      renderer.draw([pictureRef.current]);\n    }\n  }, []);\n  const rendererRef = useSkiaWebRenderer(canvasRef, isStatic, {\n    paint,\n    onLayout,\n  });\n\n  const flushRedraw = useCallback(() => {\n    flushScheduledRef.current = false;\n    if (redrawPendingRef.current && rendererRef.current && pictureRef.current) {\n      redrawPendingRef.current = false;\n      rendererRef.current.draw([pictureRef.current]);\n    }\n    // If the renderer or picture isn't available yet, the request stays\n    // pending and is flushed by whichever arrives last.\n  }, [rendererRef]);\n\n  const redraw = useCallback(() => {\n    redrawPendingRef.current = true;\n    if (!flushScheduledRef.current) {\n      flushScheduledRef.current = true;\n      queueMicrotask(flushRedraw);\n    }\n  }, [flushRedraw]);\n\n  const getSize = useCallback(() => {\n    return {\n      width: canvasRef.current?.clientWidth || 0,\n      height: canvasRef.current?.clientHeight || 0,\n    };\n  }, []);\n\n  const setPicture = useCallback(\n    (newPicture: SkPicture) => {\n      pictureRef.current = newPicture;\n      redraw();\n    },\n    [redraw]\n  );\n\n  const makeImageSnapshot = useCallback(\n    (rect?: SkRect): SkImage | null => {\n      if (rendererRef.current && pictureRef.current) {\n        return rendererRef.current.makeImageSnapshot(\n          [pictureRef.current],\n          rect\n        );\n      }\n      return null;\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\n        // x, y are relative to the parent\n        const x = rect.left - parentRect.left;\n        const y = rect.top - parentRect.top;\n\n        // pageX, pageY are absolute screen coordinates\n        const pageX = rect.left + window.scrollX;\n        const pageY = rect.top + window.scrollY;\n\n        callback(x, y, rect.width, rect.height, pageX, pageY);\n      }\n    },\n    []\n  );\n\n  const measureInWindow = useCallback(\n    (\n      callback: (x: number, y: number, width: number, height: number) => void\n    ) => {\n      if (canvasRef.current) {\n        const rect = canvasRef.current.getBoundingClientRect();\n\n        // x, y are the absolute coordinates in the window\n        const x = rect.left;\n        const y = rect.top;\n\n        callback(x, y, rect.width, rect.height);\n      }\n    },\n    []\n  );\n\n  // No flush cancellation is needed on unmount: a microtask queued before\n  // unmount runs within the same task, and flushRedraw no-ops once the\n  // layout-effect cleanup has nulled rendererRef.\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      setPicture,\n      getSize,\n      redraw,\n      makeImageSnapshot,\n      measure,\n      measureInWindow,\n      get canvasRef() {\n        return () => canvasRef.current;\n      },\n    }),\n    [setPicture, getSize, redraw, makeImageSnapshot, measure, measureInWindow]\n  );\n\n  useEffect(() => {\n    const nativeID = props.nativeID ?? `${SkiaViewNativeId.current++}`;\n    const api = global.SkiaViewApi as ISkiaViewApiWeb;\n    api.registerView(nativeID, {\n      setPicture,\n      getSize,\n      redraw,\n      makeImageSnapshot,\n      measure,\n      measureInWindow,\n    } as SkiaPictureViewHandle);\n    return () => {\n      api.unregisterView(nativeID);\n    };\n  }, [\n    setPicture,\n    getSize,\n    redraw,\n    makeImageSnapshot,\n    measure,\n    measureInWindow,\n    props.nativeID,\n  ]);\n\n  useEffect(() => {\n    if (picture) {\n      setPicture(picture);\n    }\n  }, [setPicture, picture]);\n\n  const {\n    debug: _debug,\n    ref: _ref,\n    onLayout: _onLayout,\n    picture: _picture,\n    __destroyWebGLContextAfterRender: _isStatic,\n    ...viewProps\n  } = props;\n  return (\n    <Platform.View {...viewProps}>\n      <canvas\n        // A canvas element is bound to one context kind for life (WebGL for\n        // the live renderer, 2D for the static one), so switching renderers\n        // needs a fresh element.\n        key={isStatic ? \"static\" : \"webgl\"}\n        ref={canvasRef}\n        style={{ display: \"block\", width: \"100%\", height: \"100%\" }}\n      />\n    </Platform.View>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+export declare const SkiaViewNativeId: {
+    current: number;
+};

package/lib/module/views/SkiaViewNativeId.js

@@ -0,0 +1,4 @@
+export const SkiaViewNativeId = {
+  current: 1000
+};
+//# sourceMappingURL=SkiaViewNativeId.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SkiaViewNativeId","current"],"sources":["SkiaViewNativeId.ts"],"sourcesContent":["export const SkiaViewNativeId = { current: 1000 };\n"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB,GAAG;EAAEC,OAAO,EAAE;AAAK,CAAC","ignoreList":[]}