react-native-skia 3.0.1 → 3.0.3

package/lib/module/renderer/DefaultCanvas.js

@@ -1,34 +0,0 @@
-import React from "react";
-import { Skia } from "../skia";
-import { Platform } from "../Platform";
-import { Canvas as PictureCanvas } from "./Canvas";
-import { GraphiteCanvas } from "./GraphiteCanvas";
-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.OS === "web") {
-      useGraphite = false;
-    } else {
-      try {
-        useGraphite = typeof 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.
- */
-export const Canvas = props => {
-  return hasGraphite() ? /*#__PURE__*/React.createElement(GraphiteCanvas, props) : /*#__PURE__*/React.createElement(PictureCanvas, props);
-};
-//# sourceMappingURL=DefaultCanvas.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Skia","Platform","Canvas","PictureCanvas","GraphiteCanvas","useGraphite","hasGraphite","OS","getNativeDevice","props","createElement"],"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,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,QAAQ,QAAQ,aAAa;AAGtC,SAASC,MAAM,IAAIC,aAAa,QAAQ,UAAU;AAClD,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,IAAIC,WAA2B,GAAG,IAAI;;AAEtC;AACA;AACA;AACA,MAAMC,WAAW,GAAGA,CAAA,KAAM;EACxB,IAAID,WAAW,KAAK,IAAI,EAAE;IACxB,IAAIJ,QAAQ,CAACM,EAAE,KAAK,KAAK,EAAE;MACzBF,WAAW,GAAG,KAAK;IACrB,CAAC,MAAM;MACL,IAAI;QACFA,WAAW,GAAG,OAAOL,IAAI,CAACQ,eAAe,CAAC,CAAC,KAAK,QAAQ;MAC1D,CAAC,CAAC,MAAM;QACNH,WAAW,GAAG,KAAK;MACrB;IACF;EACF;EACA,OAAOA,WAAW;AACpB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMH,MAAM,GAAIO,KAAkB,IAAK;EAC5C,OAAOH,WAAW,CAAC,CAAC,gBAClBP,KAAA,CAAAW,aAAA,CAACN,cAAc,EAAKK,KAAQ,CAAC,gBAE7BV,KAAA,CAAAW,aAAA,CAACP,aAAa,EAAKM,KAAQ,CAC5B;AACH,CAAC","ignoreList":[]}

package/lib/module/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/module/renderer/GraphiteCanvas.js

@@ -1,57 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from "react";
-import SkiaGraphiteViewNativeComponent from "../specs/SkiaGraphiteViewNativeComponent";
-import { useCanvasRoot } 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 const GraphiteCanvas = ({
-  debug,
-  opaque,
-  children,
-  onSize,
-  colorSpace,
-  highBitDepth = false,
-  androidWarmup,
-  android,
-  ref,
-  onLayout,
-  ...viewProps
-}) => {
-  const {
-    nativeId,
-    viewRef
-  } = useCanvasRoot({
-    children,
-    onSize,
-    ref,
-    onLayout
-  });
-  return /*#__PURE__*/React.createElement(SkiaGraphiteViewNativeComponent, _extends({
-    ref: viewRef,
-    collapsable: false,
-    nativeID: `${nativeId}`,
-    debug: debug,
-    opaque: opaque,
-    highBitDepth: highBitDepth,
-    onLayout: onLayout
-  }, viewProps));
-};
-//# sourceMappingURL=GraphiteCanvas.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","SkiaGraphiteViewNativeComponent","useCanvasRoot","GraphiteCanvas","debug","opaque","children","onSize","colorSpace","highBitDepth","androidWarmup","android","ref","onLayout","viewProps","nativeId","viewRef","createElement","_extends","collapsable","nativeID"],"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,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,+BAA+B,MAAM,0CAA0C;AAGtF,SAASC,aAAa,QAAQ,UAAU;;AAExC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,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,GAAGd,aAAa,CAAC;IAC1CI,QAAQ;IACRC,MAAM;IACNK,GAAG;IACHC;EACF,CAAC,CAAC;EACF,oBACEb,KAAA,CAAAiB,aAAA,CAAChB,+BAA+B,EAAAiB,QAAA;IAC9BN,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","ignoreList":[]}

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

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

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

@@ -1,4 +0,0 @@
-// The Graphite view is native only: on the web, GraphiteCanvas is the regular
-// Canvas.
-export { Canvas as GraphiteCanvas } from "./Canvas";
-//# sourceMappingURL=GraphiteCanvas.web.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["Canvas","GraphiteCanvas"],"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":"AAAA;AACA;AACA,SAASA,MAAM,IAAIC,cAAc,QAAQ,UAAU","ignoreList":[]}

package/lib/module/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/module/specs/SkiaGraphiteViewNativeComponent.js

@@ -1,8 +0,0 @@
-import { codegenNativeComponent } from "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
-export default codegenNativeComponent("SkiaGraphiteView");
-//# sourceMappingURL=SkiaGraphiteViewNativeComponent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["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,SAASA,sBAAsB,QAAwB,cAAc;;AAGrE;AACA;;AAWA;AACA,eAAeA,sBAAsB,CAAc,kBAAkB,CAAC","ignoreList":[]}

package/lib/module/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/module/specs/SkiaGraphiteViewNativeComponent.web.js

@@ -1,22 +0,0 @@
-import { createElement } from "react";
-import { SkiaGraphiteView } from "../views/SkiaGraphiteView.web";
-const SkiaGraphiteViewNativeComponent = ({
-  nativeID,
-  debug,
-  opaque,
-  highBitDepth,
-  onLayout,
-  ...viewProps
-}) => {
-  return /*#__PURE__*/createElement(SkiaGraphiteView, {
-    nativeID,
-    debug,
-    opaque,
-    highBitDepth,
-    onLayout,
-    ...viewProps
-  });
-};
-// eslint-disable-next-line import/no-default-export
-export default SkiaGraphiteViewNativeComponent;
-//# sourceMappingURL=SkiaGraphiteViewNativeComponent.web.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["createElement","SkiaGraphiteView","SkiaGraphiteViewNativeComponent","nativeID","debug","opaque","highBitDepth","onLayout","viewProps"],"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,SAASA,aAAa,QAAQ,OAAO;AAErC,SAASC,gBAAgB,QAAQ,+BAA+B;AAShE,MAAMC,+BAA+B,GAAGA,CAAC;EACvCC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,YAAY;EACZC,QAAQ;EACR,GAAGC;AACQ,CAAC,KAAK;EACjB,oBAAOR,aAAa,CAACC,gBAAgB,EAAE;IACrCE,QAAQ;IACRC,KAAK;IACLC,MAAM;IACNC,YAAY;IACZC,QAAQ;IACR,GAAGC;EACL,CAAC,CAAC;AACJ,CAAC;AACD;AACA,eAAeN,+BAA+B","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["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,SAASA,sBAAsB,QAAwB,cAAc;;AAGrE;AACA;;AAkBA;AACA,eAAeA,sBAAsB,CAAc,iBAAiB,CAAC","ignoreList":[]}

package/lib/module/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/module/specs/SkiaPictureViewNativeComponent.web.js

@@ -1,23 +0,0 @@
-import { createElement } from "react";
-import { SkiaPictureView } from "../views/SkiaPictureView.web";
-const SkiaPictureViewNativeComponent = ({
-  nativeID,
-  debug,
-  opaque,
-  onLayout,
-  // Android-only, never reaches the DOM
-  androidSurfaceType: _androidSurfaceType,
-  androidZOrderOnTop: _androidZOrderOnTop,
-  ...viewProps
-}) => {
-  return /*#__PURE__*/createElement(SkiaPictureView, {
-    nativeID,
-    debug,
-    opaque,
-    onLayout,
-    ...viewProps
-  });
-};
-// eslint-disable-next-line import/no-default-export
-export default SkiaPictureViewNativeComponent;
-//# sourceMappingURL=SkiaPictureViewNativeComponent.web.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["createElement","SkiaPictureView","SkiaPictureViewNativeComponent","nativeID","debug","opaque","onLayout","androidSurfaceType","_androidSurfaceType","androidZOrderOnTop","_androidZOrderOnTop","viewProps"],"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,SAASA,aAAa,QAAQ,OAAO;AAErC,SAASC,eAAe,QAAQ,8BAA8B;AAU9D,MAAMC,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,oBAAOX,aAAa,CAACC,eAAe,EAAE;IACpCE,QAAQ;IACRC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACR,GAAGK;EACL,CAAC,CAAC;AACJ,CAAC;AACD;AACA,eAAeT,8BAA8B","ignoreList":[]}

package/lib/module/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/module/views/SkiaGraphiteView.web.js.map

@@ -1 +0,0 @@
-{"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.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/module/views/SkiaPictureView.web.js

@@ -1,156 +0,0 @@
-/* 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

@@ -1 +0,0 @@
-{"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/typescript/src/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/typescript/src/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/typescript/src/renderer/GraphiteCanvas.web.d.ts

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

package/lib/typescript/src/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/typescript/src/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/typescript/src/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/typescript/src/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/typescript/src/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/libs/.graphite

@@ -1 +0,0 @@
-m154