react-native-skia 3.0.1 → 3.0.2

package/lib/commonjs/renderer/DefaultCanvas.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import type { CanvasProps } from "./Canvas";
-/**
- * `<Canvas>` renders {@link GraphiteCanvas} when React Native Skia is
- * configured with the Graphite backend (install-skia-graphite), and the
- * picture view based canvas otherwise. Both take the same props and ref.
- */
-export declare const Canvas: (props: CanvasProps) => React.JSX.Element;

package/lib/commonjs/renderer/DefaultCanvas.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Canvas = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _skia = require("../skia");
-var _Platform = require("../Platform");
-var _Canvas = require("./Canvas");
-var _GraphiteCanvas = require("./GraphiteCanvas");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-let useGraphite = null;
-
-// Whether this build runs the Graphite backend. Resolved on the first render
-// (the native API is installed by then) and cached: getNativeDevice() throws
-// on Ganesh builds. On the web, GraphiteCanvas is the regular canvas anyway.
-const hasGraphite = () => {
-  if (useGraphite === null) {
-    if (_Platform.Platform.OS === "web") {
-      useGraphite = false;
-    } else {
-      try {
-        useGraphite = typeof _skia.Skia.getNativeDevice() === "bigint";
-      } catch {
-        useGraphite = false;
-      }
-    }
-  }
-  return useGraphite;
-};
-
-/**
- * `<Canvas>` renders {@link GraphiteCanvas} when React Native Skia is
- * configured with the Graphite backend (install-skia-graphite), and the
- * picture view based canvas otherwise. Both take the same props and ref.
- */
-const Canvas = props => {
-  return hasGraphite() ? /*#__PURE__*/_react.default.createElement(_GraphiteCanvas.GraphiteCanvas, props) : /*#__PURE__*/_react.default.createElement(_Canvas.Canvas, props);
-};
-exports.Canvas = Canvas;
-//# sourceMappingURL=DefaultCanvas.js.map

package/lib/commonjs/renderer/DefaultCanvas.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_skia","_Platform","_Canvas","_GraphiteCanvas","e","__esModule","default","useGraphite","hasGraphite","Platform","OS","Skia","getNativeDevice","Canvas","props","createElement","GraphiteCanvas","exports"],"sources":["DefaultCanvas.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../skia\";\nimport { Platform } from \"../Platform\";\n\nimport type { CanvasProps } from \"./Canvas\";\nimport { Canvas as PictureCanvas } from \"./Canvas\";\nimport { GraphiteCanvas } from \"./GraphiteCanvas\";\n\nlet useGraphite: boolean | null = null;\n\n// Whether this build runs the Graphite backend. Resolved on the first render\n// (the native API is installed by then) and cached: getNativeDevice() throws\n// on Ganesh builds. On the web, GraphiteCanvas is the regular canvas anyway.\nconst hasGraphite = () => {\n  if (useGraphite === null) {\n    if (Platform.OS === \"web\") {\n      useGraphite = false;\n    } else {\n      try {\n        useGraphite = typeof Skia.getNativeDevice() === \"bigint\";\n      } catch {\n        useGraphite = false;\n      }\n    }\n  }\n  return useGraphite;\n};\n\n/**\n * `<Canvas>` renders {@link GraphiteCanvas} when React Native Skia is\n * configured with the Graphite backend (install-skia-graphite), and the\n * picture view based canvas otherwise. Both take the same props and ref.\n */\nexport const Canvas = (props: CanvasProps) => {\n  return hasGraphite() ? (\n    <GraphiteCanvas {...props} />\n  ) : (\n    <PictureCanvas {...props} />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAAkD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElD,IAAIG,WAA2B,GAAG,IAAI;;AAEtC;AACA;AACA;AACA,MAAMC,WAAW,GAAGA,CAAA,KAAM;EACxB,IAAID,WAAW,KAAK,IAAI,EAAE;IACxB,IAAIE,kBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACzBH,WAAW,GAAG,KAAK;IACrB,CAAC,MAAM;MACL,IAAI;QACFA,WAAW,GAAG,OAAOI,UAAI,CAACC,eAAe,CAAC,CAAC,KAAK,QAAQ;MAC1D,CAAC,CAAC,MAAM;QACNL,WAAW,GAAG,KAAK;MACrB;IACF;EACF;EACA,OAAOA,WAAW;AACpB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACO,MAAMM,MAAM,GAAIC,KAAkB,IAAK;EAC5C,OAAON,WAAW,CAAC,CAAC,gBAClBX,MAAA,CAAAS,OAAA,CAAAS,aAAA,CAACZ,eAAA,CAAAa,cAAc,EAAKF,KAAQ,CAAC,gBAE7BjB,MAAA,CAAAS,OAAA,CAAAS,aAAA,CAACb,OAAA,CAAAW,MAAa,EAAKC,KAAQ,CAC5B;AACH,CAAC;AAACG,OAAA,CAAAJ,MAAA,GAAAA,MAAA","ignoreList":[]}

package/lib/commonjs/renderer/GraphiteCanvas.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-import type { CanvasProps } from "./Canvas";
-/**
- * The declarative canvas on the Graphite view. It takes the same props and
- * exposes the same ref as {@link Canvas}, and draws the same children, but
- * the frames are produced differently:
- *
- * - the JS thread records the scene graph into a native recorder once per
- *   React commit and hands it to the view;
- * - the Reanimated UI runtime only reads the shared values into it (the one
- *   step that needs a JS runtime), it never replays anything;
- * - a dedicated native thread pool replays the recorder into a Graphite
- *   recording whenever the content changed, at most once per presented frame;
- * - the view presents the recording on the next vsync.
- *
- * Neither the JS thread nor the UI thread pays for drawing. It requires the
- * Graphite backend (install-skia-graphite); with the default backend the view
- * renders nothing. `colorSpace`, `android` and `androidWarmup` are accepted
- * for API compatibility and ignored: the Graphite view renders in sRGB and
- * uses its own backing view.
- */
-export declare const GraphiteCanvas: ({ debug, opaque, children, onSize, colorSpace, highBitDepth, androidWarmup, android, ref, onLayout, ...viewProps }: CanvasProps) => React.JSX.Element;

package/lib/commonjs/renderer/GraphiteCanvas.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GraphiteCanvas = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _SkiaGraphiteViewNativeComponent = _interopRequireDefault(require("../specs/SkiaGraphiteViewNativeComponent"));
-var _Canvas = require("./Canvas");
-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); }
-/**
- * The declarative canvas on the Graphite view. It takes the same props and
- * exposes the same ref as {@link Canvas}, and draws the same children, but
- * the frames are produced differently:
- *
- * - the JS thread records the scene graph into a native recorder once per
- *   React commit and hands it to the view;
- * - the Reanimated UI runtime only reads the shared values into it (the one
- *   step that needs a JS runtime), it never replays anything;
- * - a dedicated native thread pool replays the recorder into a Graphite
- *   recording whenever the content changed, at most once per presented frame;
- * - the view presents the recording on the next vsync.
- *
- * Neither the JS thread nor the UI thread pays for drawing. It requires the
- * Graphite backend (install-skia-graphite); with the default backend the view
- * renders nothing. `colorSpace`, `android` and `androidWarmup` are accepted
- * for API compatibility and ignored: the Graphite view renders in sRGB and
- * uses its own backing view.
- */
-const GraphiteCanvas = ({
-  debug,
-  opaque,
-  children,
-  onSize,
-  colorSpace,
-  highBitDepth = false,
-  androidWarmup,
-  android,
-  ref,
-  onLayout,
-  ...viewProps
-}) => {
-  const {
-    nativeId,
-    viewRef
-  } = (0, _Canvas.useCanvasRoot)({
-    children,
-    onSize,
-    ref,
-    onLayout
-  });
-  return /*#__PURE__*/_react.default.createElement(_SkiaGraphiteViewNativeComponent.default, _extends({
-    ref: viewRef,
-    collapsable: false,
-    nativeID: `${nativeId}`,
-    debug: debug,
-    opaque: opaque,
-    highBitDepth: highBitDepth,
-    onLayout: onLayout
-  }, viewProps));
-};
-exports.GraphiteCanvas = GraphiteCanvas;
-//# sourceMappingURL=GraphiteCanvas.js.map

package/lib/commonjs/renderer/GraphiteCanvas.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_SkiaGraphiteViewNativeComponent","_Canvas","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","GraphiteCanvas","debug","opaque","children","onSize","colorSpace","highBitDepth","androidWarmup","android","ref","onLayout","viewProps","nativeId","viewRef","useCanvasRoot","createElement","collapsable","nativeID","exports"],"sources":["GraphiteCanvas.tsx"],"sourcesContent":["import React from \"react\";\n\nimport SkiaGraphiteViewNativeComponent from \"../specs/SkiaGraphiteViewNativeComponent\";\n\nimport type { CanvasProps } from \"./Canvas\";\nimport { useCanvasRoot } from \"./Canvas\";\n\n/**\n * The declarative canvas on the Graphite view. It takes the same props and\n * exposes the same ref as {@link Canvas}, and draws the same children, but\n * the frames are produced differently:\n *\n * - the JS thread records the scene graph into a native recorder once per\n *   React commit and hands it to the view;\n * - the Reanimated UI runtime only reads the shared values into it (the one\n *   step that needs a JS runtime), it never replays anything;\n * - a dedicated native thread pool replays the recorder into a Graphite\n *   recording whenever the content changed, at most once per presented frame;\n * - the view presents the recording on the next vsync.\n *\n * Neither the JS thread nor the UI thread pays for drawing. It requires the\n * Graphite backend (install-skia-graphite); with the default backend the view\n * renders nothing. `colorSpace`, `android` and `androidWarmup` are accepted\n * for API compatibility and ignored: the Graphite view renders in sRGB and\n * uses its own backing view.\n */\nexport const GraphiteCanvas = ({\n  debug,\n  opaque,\n  children,\n  onSize,\n\n  colorSpace,\n  highBitDepth = false,\n\n  androidWarmup,\n\n  android,\n  ref,\n  onLayout,\n  ...viewProps\n}: CanvasProps) => {\n  const { nativeId, viewRef } = useCanvasRoot({\n    children,\n    onSize,\n    ref,\n    onLayout,\n  });\n  return (\n    <SkiaGraphiteViewNativeComponent\n      ref={viewRef}\n      collapsable={false}\n      nativeID={`${nativeId}`}\n      debug={debug}\n      opaque={opaque}\n      highBitDepth={highBitDepth}\n      onLayout={onLayout}\n      {...viewProps}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gCAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMO,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC,MAAM;EAENC,UAAU;EACVC,YAAY,GAAG,KAAK;EAEpBC,aAAa;EAEbC,OAAO;EACPC,GAAG;EACHC,QAAQ;EACR,GAAGC;AACQ,CAAC,KAAK;EACjB,MAAM;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAG,IAAAC,qBAAa,EAAC;IAC1CX,QAAQ;IACRC,MAAM;IACNK,GAAG;IACHC;EACF,CAAC,CAAC;EACF,oBACE9B,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,gCAAA,CAAAI,OAA+B,EAAAC,QAAA;IAC9BqB,GAAG,EAAEI,OAAQ;IACbG,WAAW,EAAE,KAAM;IACnBC,QAAQ,EAAE,GAAGL,QAAQ,EAAG;IACxBX,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfI,YAAY,EAAEA,YAAa;IAC3BI,QAAQ,EAAEA;EAAS,GACfC,SAAS,CACd,CAAC;AAEN,CAAC;AAACO,OAAA,CAAAlB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/commonjs/renderer/GraphiteCanvas.web.d.ts

@@ -1 +0,0 @@
-export { Canvas as GraphiteCanvas } from "./Canvas";

package/lib/commonjs/renderer/GraphiteCanvas.web.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "GraphiteCanvas", {
-  enumerable: true,
-  get: function () {
-    return _Canvas.Canvas;
-  }
-});
-var _Canvas = require("./Canvas");
-//# sourceMappingURL=GraphiteCanvas.web.js.map

package/lib/commonjs/renderer/GraphiteCanvas.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_Canvas","require"],"sources":["GraphiteCanvas.web.tsx"],"sourcesContent":["// The Graphite view is native only: on the web, GraphiteCanvas is the regular\n// Canvas.\nexport { Canvas as GraphiteCanvas } from \"./Canvas\";\n"],"mappings":";;;;;;;;;;;AAEA,IAAAA,OAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/specs/SkiaGraphiteViewNativeComponent.d.ts

@@ -1,10 +0,0 @@
-import { type ViewProps } from "react-native";
-import type { WithDefault } from "react-native/Libraries/Types/CodegenTypes";
-export interface NativeProps extends ViewProps {
-    debug?: boolean;
-    opaque?: boolean;
-    highBitDepth?: boolean;
-    pointerEvents?: WithDefault<"auto" | "none" | "box-none" | "box-only", "auto">;
-}
-declare const _default: import("react-native").HostComponent<NativeProps>;
-export default _default;

package/lib/commonjs/specs/SkiaGraphiteViewNativeComponent.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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)("SkiaGraphiteView");
-//# sourceMappingURL=SkiaGraphiteViewNativeComponent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_default","exports","default","codegenNativeComponent"],"sources":["SkiaGraphiteViewNativeComponent.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  debug?: boolean;\n  opaque?: boolean;\n  highBitDepth?: boolean;\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>(\"SkiaGraphiteView\");\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA;AACA;AAWA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACe,IAAAC,mCAAsB,EAAc,kBAAkB,CAAC","ignoreList":[]}

package/lib/commonjs/specs/SkiaGraphiteViewNativeComponent.web.d.ts

@@ -1,9 +0,0 @@
-import type { ViewProps } from "react-native";
-export interface NativeProps extends ViewProps {
-    debug?: boolean;
-    opaque?: boolean;
-    highBitDepth?: boolean;
-    nativeID: string;
-}
-declare const SkiaGraphiteViewNativeComponent: ({ nativeID, debug, opaque, highBitDepth, onLayout, ...viewProps }: NativeProps) => import("react").FunctionComponentElement<import("../views/SkiaGraphiteView.web").SkiaGraphiteViewProps>;
-export default SkiaGraphiteViewNativeComponent;

package/lib/commonjs/specs/SkiaGraphiteViewNativeComponent.web.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _SkiaGraphiteView = require("../views/SkiaGraphiteView.web");
-const SkiaGraphiteViewNativeComponent = ({
-  nativeID,
-  debug,
-  opaque,
-  highBitDepth,
-  onLayout,
-  ...viewProps
-}) => {
-  return /*#__PURE__*/(0, _react.createElement)(_SkiaGraphiteView.SkiaGraphiteView, {
-    nativeID,
-    debug,
-    opaque,
-    highBitDepth,
-    onLayout,
-    ...viewProps
-  });
-};
-// eslint-disable-next-line import/no-default-export
-var _default = exports.default = SkiaGraphiteViewNativeComponent;
-//# sourceMappingURL=SkiaGraphiteViewNativeComponent.web.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_SkiaGraphiteView","SkiaGraphiteViewNativeComponent","nativeID","debug","opaque","highBitDepth","onLayout","viewProps","createElement","SkiaGraphiteView","_default","exports","default"],"sources":["SkiaGraphiteViewNativeComponent.web.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport { createElement } from \"react\";\n\nimport { SkiaGraphiteView } from \"../views/SkiaGraphiteView.web\";\n\nexport interface NativeProps extends ViewProps {\n  debug?: boolean;\n  opaque?: boolean;\n  highBitDepth?: boolean;\n  nativeID: string;\n}\n\nconst SkiaGraphiteViewNativeComponent = ({\n  nativeID,\n  debug,\n  opaque,\n  highBitDepth,\n  onLayout,\n  ...viewProps\n}: NativeProps) => {\n  return createElement(SkiaGraphiteView, {\n    nativeID,\n    debug,\n    opaque,\n    highBitDepth,\n    onLayout,\n    ...viewProps,\n  });\n};\n// eslint-disable-next-line import/no-default-export\nexport default SkiaGraphiteViewNativeComponent;\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AASA,MAAME,+BAA+B,GAAGA,CAAC;EACvCC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,YAAY;EACZC,QAAQ;EACR,GAAGC;AACQ,CAAC,KAAK;EACjB,oBAAO,IAAAC,oBAAa,EAACC,kCAAgB,EAAE;IACrCP,QAAQ;IACRC,KAAK;IACLC,MAAM;IACNC,YAAY;IACZC,QAAQ;IACR,GAAGC;EACL,CAAC,CAAC;AACJ,CAAC;AACD;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACeX,+BAA+B","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_default","exports","default","codegenNativeComponent"],"sources":["SkiaPictureViewNativeComponent.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  debug?: boolean;\n  opaque?: boolean;\n  colorSpace?: string;\n  highBitDepth?: boolean;\n  androidWarmup?: 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>(\"SkiaPictureView\");\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA;AACA;AAkBA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACe,IAAAC,mCAAsB,EAAc,iBAAiB,CAAC","ignoreList":[]}

package/lib/commonjs/specs/SkiaPictureViewNativeComponent.web.d.ts

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

package/lib/commonjs/specs/SkiaPictureViewNativeComponent.web.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _SkiaPictureView = require("../views/SkiaPictureView.web");
-const SkiaPictureViewNativeComponent = ({
-  nativeID,
-  debug,
-  opaque,
-  onLayout,
-  // Android-only, never reaches the DOM
-  androidSurfaceType: _androidSurfaceType,
-  androidZOrderOnTop: _androidZOrderOnTop,
-  ...viewProps
-}) => {
-  return /*#__PURE__*/(0, _react.createElement)(_SkiaPictureView.SkiaPictureView, {
-    nativeID,
-    debug,
-    opaque,
-    onLayout,
-    ...viewProps
-  });
-};
-// eslint-disable-next-line import/no-default-export
-var _default = exports.default = SkiaPictureViewNativeComponent;
-//# sourceMappingURL=SkiaPictureViewNativeComponent.web.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_SkiaPictureView","SkiaPictureViewNativeComponent","nativeID","debug","opaque","onLayout","androidSurfaceType","_androidSurfaceType","androidZOrderOnTop","_androidZOrderOnTop","viewProps","createElement","SkiaPictureView","_default","exports","default"],"sources":["SkiaPictureViewNativeComponent.web.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport { createElement } from \"react\";\n\nimport { SkiaPictureView } from \"../views/SkiaPictureView.web\";\n\nexport interface NativeProps extends ViewProps {\n  debug?: boolean;\n  opaque?: boolean;\n  nativeID: string;\n  androidSurfaceType?: \"auto\" | \"SurfaceView\" | \"TextureView\";\n  androidZOrderOnTop?: boolean;\n}\n\nconst SkiaPictureViewNativeComponent = ({\n  nativeID,\n  debug,\n  opaque,\n  onLayout,\n  // Android-only, never reaches the DOM\n  androidSurfaceType: _androidSurfaceType,\n  androidZOrderOnTop: _androidZOrderOnTop,\n  ...viewProps\n}: NativeProps) => {\n  return createElement(SkiaPictureView, {\n    nativeID,\n    debug,\n    opaque,\n    onLayout,\n    ...viewProps,\n  });\n};\n// eslint-disable-next-line import/no-default-export\nexport default SkiaPictureViewNativeComponent;\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAUA,MAAME,8BAA8B,GAAGA,CAAC;EACtCC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,QAAQ;EACR;EACAC,kBAAkB,EAAEC,mBAAmB;EACvCC,kBAAkB,EAAEC,mBAAmB;EACvC,GAAGC;AACQ,CAAC,KAAK;EACjB,oBAAO,IAAAC,oBAAa,EAACC,gCAAe,EAAE;IACpCV,QAAQ;IACRC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACR,GAAGK;EACL,CAAC,CAAC;AACJ,CAAC;AACD;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACed,8BAA8B","ignoreList":[]}

package/lib/commonjs/views/SkiaGraphiteView.web.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import type { SkGraphiteContext } from "../skia/types";
-import type { SkiaGraphiteViewNativeProps } from "./types";
-export interface SkiaGraphiteViewRef {
-    /**
-     * The recording side of the view. Call it once the view is mounted.
-     */
-    getContext(): SkGraphiteContext;
-    getNativeId(): number;
-}
-export interface SkiaGraphiteViewProps extends SkiaGraphiteViewNativeProps {
-    ref?: React.Ref<SkiaGraphiteViewRef>;
-}
-export declare const SkiaGraphiteView: (props: SkiaGraphiteViewProps) => React.JSX.Element;

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_JsiSkPictureRecorder","_Platform","_SkiaViewNativeId","_SkiaWebRenderer","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_defineProperty","_toPropertyKey","value","enumerable","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","WebGraphiteRecording","constructor","picture","retain","holds","release","disposed","dispose","WebGraphiteContext","target","width","getSize","height","beginRecording","recorder","Error","JsiSkPictureRecorder","CanvasKit","PictureRecorder","x","y","finishRecording","finishRecordingAsPicture","submit","recording","SkiaGraphiteView","props","ref","onLayout","canvasRef","useRef","queueRef","shownRef","flushScheduledRef","nativeId","useMemo","nativeID","undefined","SkiaViewNativeId","current","isStatic","__destroyWebGLContextAfterRender","present","useCallback","renderer","frame","draw","map","previous","forEach","paint","rendererRef","useSkiaWebRenderer","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","useImperativeHandle","getNativeId","useEffect","api","global","SkiaViewApi","registerView","unregisterView","debug","_debug","opaque","_opaque","highBitDepth","_highBitDepth","_ref","_onLayout","_nativeID","_isStatic","viewProps","createElement","Platform","View","key","style","display","exports"],"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/commonjs/views/SkiaPictureView.web.d.ts

@@ -1,11 +0,0 @@
-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/commonjs/views/SkiaPictureView.web.js

@@ -1,165 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SkiaPictureView = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Platform = require("../Platform");
-var _SkiaViewNativeId = require("./SkiaViewNativeId");
-var _SkiaWebRenderer = require("./SkiaWebRenderer");
-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); }
-/* global HTMLCanvasElement */
-
-const SkiaPictureView = props => {
-  const {
-    ref,
-    picture,
-    onLayout
-  } = props;
-  const canvasRef = (0, _react.useRef)(null);
-  const pictureRef = (0, _react.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 = (0, _react.useRef)(false);
-  const flushScheduledRef = (0, _react.useRef)(false);
-  const isStatic = props.__destroyWebGLContextAfterRender === true;
-  const paint = (0, _react.useCallback)(renderer => {
-    if (pictureRef.current) {
-      redrawPendingRef.current = false;
-      renderer.draw([pictureRef.current]);
-    }
-  }, []);
-  const rendererRef = (0, _SkiaWebRenderer.useSkiaWebRenderer)(canvasRef, isStatic, {
-    paint,
-    onLayout
-  });
-  const flushRedraw = (0, _react.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 = (0, _react.useCallback)(() => {
-    redrawPendingRef.current = true;
-    if (!flushScheduledRef.current) {
-      flushScheduledRef.current = true;
-      queueMicrotask(flushRedraw);
-    }
-  }, [flushRedraw]);
-  const getSize = (0, _react.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 = (0, _react.useCallback)(newPicture => {
-    pictureRef.current = newPicture;
-    redraw();
-  }, [redraw]);
-  const makeImageSnapshot = (0, _react.useCallback)(rect => {
-    if (rendererRef.current && pictureRef.current) {
-      return rendererRef.current.makeImageSnapshot([pictureRef.current], rect);
-    }
-    return null;
-  }, [rendererRef]);
-  const measure = (0, _react.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 = (0, _react.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.
-
-  (0, _react.useImperativeHandle)(ref, () => ({
-    setPicture,
-    getSize,
-    redraw,
-    makeImageSnapshot,
-    measure,
-    measureInWindow,
-    get canvasRef() {
-      return () => canvasRef.current;
-    }
-  }), [setPicture, getSize, redraw, makeImageSnapshot, measure, measureInWindow]);
-  (0, _react.useEffect)(() => {
-    var _props$nativeID;
-    const nativeID = (_props$nativeID = props.nativeID) !== null && _props$nativeID !== void 0 ? _props$nativeID : `${_SkiaViewNativeId.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]);
-  (0, _react.useEffect)(() => {
-    if (picture) {
-      setPicture(picture);
-    }
-  }, [setPicture, picture]);
-  const {
-    debug: _debug,
-    ref: _ref,
-    onLayout: _onLayout,
-    picture: _picture,
-    __destroyWebGLContextAfterRender: _isStatic,
-    ...viewProps
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_Platform.Platform.View, viewProps, /*#__PURE__*/_react.default.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%"
-    }
-  }));
-};
-exports.SkiaPictureView = SkiaPictureView;
-//# sourceMappingURL=SkiaPictureView.web.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Platform","_SkiaViewNativeId","_SkiaWebRenderer","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SkiaPictureView","props","ref","picture","onLayout","canvasRef","useRef","pictureRef","redrawPendingRef","flushScheduledRef","isStatic","__destroyWebGLContextAfterRender","paint","useCallback","renderer","current","draw","rendererRef","useSkiaWebRenderer","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","useImperativeHandle","useEffect","_props$nativeID","nativeID","SkiaViewNativeId","api","global","SkiaViewApi","registerView","unregisterView","debug","_debug","_ref","_onLayout","_picture","_isStatic","viewProps","createElement","Platform","View","key","style","display","exports"],"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/renderer/DefaultCanvas.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import type { CanvasProps } from "./Canvas";
-/**
- * `<Canvas>` renders {@link GraphiteCanvas} when React Native Skia is
- * configured with the Graphite backend (install-skia-graphite), and the
- * picture view based canvas otherwise. Both take the same props and ref.
- */
-export declare const Canvas: (props: CanvasProps) => React.JSX.Element;