react-native-skia 0.0.1 → 2.15.0

package/lib/module/sksg/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mapKeys","isSharedValue","value","_isReanimatedSharedValue","isSharedValueSelector","obj","__sv","__key","materialize","props","result","Object","assign","forEach","key","group","undefined","composeDeclarations","filters","composer","len","length","reduceRight","inner","outer"],"sources":["utils.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport { mapKeys } from \"../renderer/typeddash\";\n\nexport const isSharedValue = <T = unknown>(\n  value: unknown\n): value is SharedValue<T> => {\n  \"worklet\";\n  // We cannot use `in` operator here because `value` could be a HostObject and therefore we cast.\n  return (value as Record<string, unknown>)?._isReanimatedSharedValue === true;\n};\n\nexport const isSharedValueSelector = (\n  value: unknown\n): value is { __sv: SharedValue<unknown>; __key: string } => {\n  \"worklet\";\n  if (!value || typeof value !== \"object\") {\n    return false;\n  }\n  const obj = value as Record<string, unknown>;\n  return isSharedValue(obj.__sv) && typeof obj.__key === \"string\";\n};\n\nexport const materialize = <T extends object>(props: T) => {\n  \"worklet\";\n  const result: T = Object.assign({}, props);\n  mapKeys(result).forEach((key) => {\n    const value = result[key];\n    if (isSharedValue(value)) {\n      result[key] = value.value as never;\n    } else if (isSharedValueSelector(value)) {\n      const group = value.__sv.value;\n      result[key] = (\n        group && typeof group === \"object\"\n          ? (group as Record<string, unknown>)[value.__key]\n          : undefined\n      ) as never;\n    }\n  });\n  return result;\n};\n\ntype Composer<T> = (outer: T, inner: T) => T;\n\nexport const composeDeclarations = <T>(filters: T[], composer: Composer<T>) => {\n  \"worklet\";\n  const len = filters.length;\n  if (len <= 1) {\n    return filters[0];\n  }\n  return filters.reduceRight((inner, outer) =>\n    inner ? composer(outer, inner) : outer\n  );\n};\n"],"mappings":"AAEA,SAASA,OAAO,QAAQ,uBAAuB;AAE/C,OAAO,MAAMC,aAAa,GACxBC,KAAc,IACc;EAC5B,SAAS;;EACT;EACA,OAAO,CAACA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAA8BC,wBAAwB,MAAK,IAAI;AAC9E,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAChCF,KAAc,IAC6C;EAC3D,SAAS;;EACT,IAAI,CAACA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IACvC,OAAO,KAAK;EACd;EACA,MAAMG,GAAG,GAAGH,KAAgC;EAC5C,OAAOD,aAAa,CAACI,GAAG,CAACC,IAAI,CAAC,IAAI,OAAOD,GAAG,CAACE,KAAK,KAAK,QAAQ;AACjE,CAAC;AAED,OAAO,MAAMC,WAAW,GAAsBC,KAAQ,IAAK;EACzD,SAAS;;EACT,MAAMC,MAAS,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEH,KAAK,CAAC;EAC1CT,OAAO,CAACU,MAAM,CAAC,CAACG,OAAO,CAAEC,GAAG,IAAK;IAC/B,MAAMZ,KAAK,GAAGQ,MAAM,CAACI,GAAG,CAAC;IACzB,IAAIb,aAAa,CAACC,KAAK,CAAC,EAAE;MACxBQ,MAAM,CAACI,GAAG,CAAC,GAAGZ,KAAK,CAACA,KAAc;IACpC,CAAC,MAAM,IAAIE,qBAAqB,CAACF,KAAK,CAAC,EAAE;MACvC,MAAMa,KAAK,GAAGb,KAAK,CAACI,IAAI,CAACJ,KAAK;MAC9BQ,MAAM,CAACI,GAAG,CAAC,GACTC,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,GAC7BA,KAAK,CAA6Bb,KAAK,CAACK,KAAK,CAAC,GAC/CS,SACI;IACZ;EACF,CAAC,CAAC;EACF,OAAON,MAAM;AACf,CAAC;AAID,OAAO,MAAMO,mBAAmB,GAAGA,CAAIC,OAAY,EAAEC,QAAqB,KAAK;EAC7E,SAAS;;EACT,MAAMC,GAAG,GAAGF,OAAO,CAACG,MAAM;EAC1B,IAAID,GAAG,IAAI,CAAC,EAAE;IACZ,OAAOF,OAAO,CAAC,CAAC,CAAC;EACnB;EACA,OAAOA,OAAO,CAACI,WAAW,CAAC,CAACC,KAAK,EAAEC,KAAK,KACtCD,KAAK,GAAGJ,QAAQ,CAACK,KAAK,EAAED,KAAK,CAAC,GAAGC,KACnC,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/specs/NativeSkiaModule.d.ts

@@ -0,0 +1,6 @@
+import type { TurboModule } from "react-native/Libraries/TurboModule/RCTExport";
+export interface Spec extends TurboModule {
+    install: () => boolean;
+}
+declare const _default: Spec;
+export default _default;

package/lib/module/specs/NativeSkiaModule.js

@@ -0,0 +1,4 @@
+import { TurboModuleRegistry } from "react-native";
+// eslint-disable-next-line import/no-default-export
+export default TurboModuleRegistry.getEnforcing("RNSkiaModule");
+//# sourceMappingURL=NativeSkiaModule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sources":["NativeSkiaModule.ts"],"sourcesContent":["import type { TurboModule } from \"react-native/Libraries/TurboModule/RCTExport\";\nimport { TurboModuleRegistry } from \"react-native\";\n\nexport interface Spec extends TurboModule {\n  install: () => boolean;\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default TurboModuleRegistry.getEnforcing<Spec>(\"RNSkiaModule\");\n"],"mappings":"AACA,SAASA,mBAAmB,QAAQ,cAAc;AAMlD;AACA,eAAeA,mBAAmB,CAACC,YAAY,CAAO,cAAc,CAAC","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+import type { SkGraphiteContext, SkImage, SkPicture, SkRect } from "../skia/types";
+import type { ISkiaViewApi } from "../views/types";
+/** What every web view registers under its native id. */
+export interface SkiaWebViewHandle {
+    getSize(): {
+        width: number;
+        height: number;
+    };
+    redraw(): void;
+    makeImageSnapshot(rect?: SkRect): SkImage | null;
+    measure(callback: (x: number, y: number, width: number, height: number, pageX: number, pageY: number) => void): void;
+    measureInWindow(callback: (x: number, y: number, width: number, height: number) => void): void;
+}
+export interface SkiaGraphiteViewHandle extends SkiaWebViewHandle {
+    getContext(): SkGraphiteContext;
+}
+export type ISkiaViewApiWeb = ISkiaViewApi & {
+    views: Record<string, SkiaWebViewHandle>;
+    deferedPictures: Record<string, SkPicture>;
+    unregisteredViews: Set<string>;
+    registerView(nativeId: string, view: SkiaWebViewHandle): void;
+    unregisterView(nativeId: string): void;
+};
+declare const _default: {};
+export default _default;

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

@@ -0,0 +1,98 @@
+/* eslint-disable import/no-anonymous-default-export */
+
+/** What every web view registers under its native id. */
+
+const hasPicture = view => "setPicture" in view;
+const hasContext = view => "getContext" in view;
+global.SkiaViewApi = {
+  views: {},
+  deferedPictures: {},
+  unregisteredViews: new Set(),
+  deferedOnSize: {},
+  web: true,
+  registerView(nativeId, view) {
+    this.unregisteredViews.delete(nativeId);
+    // Maybe a picture for this view was already set
+    if (this.deferedPictures[nativeId] && hasPicture(view)) {
+      view.setPicture(this.deferedPictures[nativeId]);
+      delete this.deferedPictures[nativeId];
+    }
+    this.views[nativeId] = view;
+  },
+  unregisterView(nativeId) {
+    // Views must be removed on unmount: the handle's closures capture the
+    // canvas element, so a stale entry retains the whole detached DOM tree.
+    this.unregisteredViews.add(nativeId);
+    delete this.views[nativeId];
+    delete this.deferedPictures[nativeId];
+  },
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  setJsiProperty(nativeId, name, value) {
+    if (name === "picture") {
+      const id = `${nativeId}`;
+      const view = this.views[id];
+      if (view) {
+        if (hasPicture(view)) {
+          view.setPicture(value);
+        }
+      } else if (!this.unregisteredViews.has(id)) {
+        this.deferedPictures[id] = value;
+      }
+      // Otherwise the view has unmounted (e.g. a trailing animation frame):
+      // drop the picture instead of deferring it for an id that will never
+      // register again, which would retain it forever.
+    }
+  },
+  size(nativeId) {
+    if (this.views[`${nativeId}`]) {
+      return this.views[`${nativeId}`].getSize();
+    } else {
+      return {
+        width: 0,
+        height: 0
+      };
+    }
+  },
+  requestRedraw(nativeId) {
+    var _this$views;
+    // The view may already have unmounted (e.g. a trailing animation frame).
+    (_this$views = this.views[`${nativeId}`]) === null || _this$views === void 0 || _this$views.redraw();
+  },
+  applyUpdates() {
+    // Web canvases are driven from JS (see Container.web.ts); there is no
+    // view-owned recorder to update.
+  },
+  makeImageSnapshot(nativeId, rect) {
+    const view = this.views[`${nativeId}`];
+    if (!view) {
+      throw new Error(`Cannot make image snapshot: view with nativeID ${nativeId} is not registered (it may have unmounted)`);
+    }
+    return view.makeImageSnapshot(rect);
+  },
+  makeGraphiteContext(nativeId) {
+    const view = this.views[`${nativeId}`];
+    if (!view || !hasContext(view)) {
+      throw new Error(`Cannot make a Graphite context: no SkiaGraphiteView with nativeID ${nativeId} is mounted`);
+    }
+    return view.getContext();
+  },
+  makeImageSnapshotAsync(nativeId, rect) {
+    return new Promise((resolve, reject) => {
+      const view = this.views[`${nativeId}`];
+      if (!view) {
+        reject(new Error(`Cannot make image snapshot: view with nativeID ${nativeId} is not registered (it may have unmounted)`));
+        return;
+      }
+      const result = view.makeImageSnapshot(rect);
+      if (result) {
+        resolve(result);
+      } else {
+        reject(new Error("Failed to make image snapshot"));
+      }
+    });
+  }
+};
+
+// eslint-disable-next-line import/no-default-export
+export default {};
+//# sourceMappingURL=NativeSkiaModule.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["hasPicture","view","hasContext","global","SkiaViewApi","views","deferedPictures","unregisteredViews","Set","deferedOnSize","web","registerView","nativeId","delete","setPicture","unregisterView","add","setJsiProperty","name","value","id","has","size","getSize","width","height","requestRedraw","_this$views","redraw","applyUpdates","makeImageSnapshot","rect","Error","makeGraphiteContext","getContext","makeImageSnapshotAsync","Promise","resolve","reject","result"],"sources":["NativeSkiaModule.web.ts"],"sourcesContent":["/* eslint-disable import/no-anonymous-default-export */\nimport type {\n  SkGraphiteContext,\n  SkImage,\n  SkPicture,\n  SkRect,\n} from \"../skia/types\";\nimport type { ISkiaViewApi } from \"../views/types\";\n\n/** What every web view registers under its native id. */\nexport interface SkiaWebViewHandle {\n  getSize(): { width: number; height: number };\n  redraw(): void;\n  makeImageSnapshot(rect?: SkRect): SkImage | null;\n  measure(\n    callback: (\n      x: number,\n      y: number,\n      width: number,\n      height: number,\n      pageX: number,\n      pageY: number\n    ) => void\n  ): void;\n  measureInWindow(\n    callback: (x: number, y: number, width: number, height: number) => void\n  ): void;\n}\n\nexport interface SkiaGraphiteViewHandle extends SkiaWebViewHandle {\n  getContext(): SkGraphiteContext;\n}\n\ninterface PictureHandle extends SkiaWebViewHandle {\n  setPicture(picture: SkPicture): void;\n}\n\nconst hasPicture = (view: SkiaWebViewHandle): view is PictureHandle =>\n  \"setPicture\" in view;\n\nconst hasContext = (view: SkiaWebViewHandle): view is SkiaGraphiteViewHandle =>\n  \"getContext\" in view;\n\nexport type ISkiaViewApiWeb = ISkiaViewApi & {\n  views: Record<string, SkiaWebViewHandle>;\n  deferedPictures: Record<string, SkPicture>;\n  unregisteredViews: Set<string>;\n  registerView(nativeId: string, view: SkiaWebViewHandle): void;\n  unregisterView(nativeId: string): void;\n};\n\nglobal.SkiaViewApi = {\n  views: {},\n  deferedPictures: {},\n  unregisteredViews: new Set<string>(),\n  deferedOnSize: {},\n  web: true,\n  registerView(nativeId: string, view: SkiaWebViewHandle) {\n    this.unregisteredViews.delete(nativeId);\n    // Maybe a picture for this view was already set\n    if (this.deferedPictures[nativeId] && hasPicture(view)) {\n      view.setPicture(this.deferedPictures[nativeId] as SkPicture);\n      delete this.deferedPictures[nativeId];\n    }\n    this.views[nativeId] = view;\n  },\n  unregisterView(nativeId: string) {\n    // Views must be removed on unmount: the handle's closures capture the\n    // canvas element, so a stale entry retains the whole detached DOM tree.\n    this.unregisteredViews.add(nativeId);\n    delete this.views[nativeId];\n    delete this.deferedPictures[nativeId];\n  },\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  setJsiProperty(nativeId: number, name: string, value: any) {\n    if (name === \"picture\") {\n      const id = `${nativeId}`;\n      const view = this.views[id];\n      if (view) {\n        if (hasPicture(view)) {\n          view.setPicture(value);\n        }\n      } else if (!this.unregisteredViews.has(id)) {\n        this.deferedPictures[id] = value;\n      }\n      // Otherwise the view has unmounted (e.g. a trailing animation frame):\n      // drop the picture instead of deferring it for an id that will never\n      // register again, which would retain it forever.\n    }\n  },\n  size(nativeId: number) {\n    if (this.views[`${nativeId}`]) {\n      return this.views[`${nativeId}`].getSize();\n    } else {\n      return { width: 0, height: 0 };\n    }\n  },\n  requestRedraw(nativeId: number) {\n    // The view may already have unmounted (e.g. a trailing animation frame).\n    this.views[`${nativeId}`]?.redraw();\n  },\n  applyUpdates() {\n    // Web canvases are driven from JS (see Container.web.ts); there is no\n    // view-owned recorder to update.\n  },\n  makeImageSnapshot(nativeId: number, rect?: SkRect) {\n    const view = this.views[`${nativeId}`];\n    if (!view) {\n      throw new Error(\n        `Cannot make image snapshot: view with nativeID ${nativeId} is not registered (it may have unmounted)`\n      );\n    }\n    return view.makeImageSnapshot(rect);\n  },\n  makeGraphiteContext(nativeId: number) {\n    const view = this.views[`${nativeId}`];\n    if (!view || !hasContext(view)) {\n      throw new Error(\n        `Cannot make a Graphite context: no SkiaGraphiteView with nativeID ${nativeId} is mounted`\n      );\n    }\n    return view.getContext();\n  },\n  makeImageSnapshotAsync(nativeId: number, rect?: SkRect) {\n    return new Promise((resolve, reject) => {\n      const view = this.views[`${nativeId}`];\n      if (!view) {\n        reject(\n          new Error(\n            `Cannot make image snapshot: view with nativeID ${nativeId} is not registered (it may have unmounted)`\n          )\n        );\n        return;\n      }\n      const result = view.makeImageSnapshot(rect);\n      if (result) {\n        resolve(result);\n      } else {\n        reject(new Error(\"Failed to make image snapshot\"));\n      }\n    });\n  },\n} as ISkiaViewApiWeb;\n\n// eslint-disable-next-line import/no-default-export\nexport default {};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

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

package/lib/module/specs/SkiaPictureViewNativeComponent.js

@@ -0,0 +1,8 @@
+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("SkiaPictureView");
+//# sourceMappingURL=SkiaPictureViewNativeComponent.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,20 @@
+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. The
+     * returned context can be captured into worklets and used from any runtime.
+     */
+    getContext(): SkGraphiteContext;
+    getNativeId(): number;
+}
+export interface SkiaGraphiteViewProps extends SkiaGraphiteViewNativeProps {
+    ref?: React.Ref<SkiaGraphiteViewRef>;
+}
+/**
+ * A view presenting frames recorded with Skia Graphite. Requires the Graphite
+ * backend (install-skia-graphite); with the default backend it renders
+ * nothing. See {@link SkGraphiteContext}.
+ */
+export declare const SkiaGraphiteView: ({ debug, opaque, highBitDepth, ref, ...viewProps }: SkiaGraphiteViewProps) => React.JSX.Element;

package/lib/module/views/SkiaGraphiteView.js

@@ -0,0 +1,49 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useImperativeHandle, useMemo, useRef } from "react";
+import SkiaGraphiteViewNativeComponent from "../specs/SkiaGraphiteViewNativeComponent";
+import { SkiaViewApi } from "./api";
+import { SkiaViewNativeId } from "./SkiaViewNativeId";
+/**
+ * A view presenting frames recorded with Skia Graphite. Requires the Graphite
+ * backend (install-skia-graphite); with the default backend it renders
+ * nothing. See {@link SkGraphiteContext}.
+ */
+export const SkiaGraphiteView = ({
+  debug = false,
+  opaque = false,
+  highBitDepth = false,
+  ref,
+  ...viewProps
+}) => {
+  const nativeId = useMemo(() => SkiaViewNativeId.current++, []);
+  const viewRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    getNativeId: () => nativeId,
+    getContext: () => {
+      assertSkiaViewApi();
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const view = viewRef.current;
+      if (!view) {
+        throw new Error("SkiaGraphiteView: getContext() was called before the view was mounted.");
+      }
+      // The layout is known synchronously on the new architecture;
+      // getBoundingClientRect became stable in React Native 0.83.
+      const size = "getBoundingClientRect" in view ? view.getBoundingClientRect() : view.unstable_getBoundingClientRect();
+      return SkiaViewApi.makeGraphiteContext(nativeId, size.width, size.height, opaque, highBitDepth);
+    }
+  }), [nativeId, opaque, highBitDepth]);
+  return /*#__PURE__*/React.createElement(SkiaGraphiteViewNativeComponent, _extends({
+    ref: viewRef,
+    collapsable: false,
+    nativeID: `${nativeId}`,
+    debug: debug,
+    opaque: opaque,
+    highBitDepth: highBitDepth
+  }, viewProps));
+};
+const assertSkiaViewApi = () => {
+  if (SkiaViewApi === null || SkiaViewApi.makeGraphiteContext === null) {
+    throw Error("Skia View Api was not found.");
+  }
+};
+//# sourceMappingURL=SkiaGraphiteView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useImperativeHandle","useMemo","useRef","SkiaGraphiteViewNativeComponent","SkiaViewApi","SkiaViewNativeId","SkiaGraphiteView","debug","opaque","highBitDepth","ref","viewProps","nativeId","current","viewRef","getNativeId","getContext","assertSkiaViewApi","view","Error","size","getBoundingClientRect","unstable_getBoundingClientRect","makeGraphiteContext","width","height","createElement","_extends","collapsable","nativeID"],"sources":["SkiaGraphiteView.tsx"],"sourcesContent":["import React, { useImperativeHandle, useMemo, useRef } from \"react\";\n\nimport type { SkGraphiteContext } from \"../skia/types\";\nimport SkiaGraphiteViewNativeComponent from \"../specs/SkiaGraphiteViewNativeComponent\";\n\nimport { SkiaViewApi } from \"./api\";\nimport type { SkiaGraphiteViewNativeProps } from \"./types\";\nimport { SkiaViewNativeId } from \"./SkiaViewNativeId\";\n\nexport interface SkiaGraphiteViewRef {\n  /**\n   * The recording side of the view. Call it once the view is mounted. The\n   * returned context can be captured into worklets and used from any runtime.\n   */\n  getContext(): SkGraphiteContext;\n  getNativeId(): number;\n}\n\nexport interface SkiaGraphiteViewProps extends SkiaGraphiteViewNativeProps {\n  ref?: React.Ref<SkiaGraphiteViewRef>;\n}\n\n/**\n * A view presenting frames recorded with Skia Graphite. Requires the Graphite\n * backend (install-skia-graphite); with the default backend it renders\n * nothing. See {@link SkGraphiteContext}.\n */\nexport const SkiaGraphiteView = ({\n  debug = false,\n  opaque = false,\n  highBitDepth = false,\n  ref,\n  ...viewProps\n}: SkiaGraphiteViewProps) => {\n  const nativeId = useMemo(() => SkiaViewNativeId.current++, []);\n  const viewRef =\n    useRef<React.ComponentRef<typeof SkiaGraphiteViewNativeComponent>>(null);\n  useImperativeHandle(\n    ref,\n    () => ({\n      getNativeId: () => nativeId,\n      getContext: () => {\n        assertSkiaViewApi();\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const view = viewRef.current as any;\n        if (!view) {\n          throw new Error(\n            \"SkiaGraphiteView: getContext() was called before the view was mounted.\"\n          );\n        }\n        // The layout is known synchronously on the new architecture;\n        // getBoundingClientRect became stable in React Native 0.83.\n        const size =\n          \"getBoundingClientRect\" in view\n            ? view.getBoundingClientRect()\n            : view.unstable_getBoundingClientRect();\n        return SkiaViewApi.makeGraphiteContext(\n          nativeId,\n          size.width,\n          size.height,\n          opaque,\n          highBitDepth\n        );\n      },\n    }),\n    [nativeId, opaque, highBitDepth]\n  );\n  return (\n    <SkiaGraphiteViewNativeComponent\n      ref={viewRef}\n      collapsable={false}\n      nativeID={`${nativeId}`}\n      debug={debug}\n      opaque={opaque}\n      highBitDepth={highBitDepth}\n      {...viewProps}\n    />\n  );\n};\n\nconst assertSkiaViewApi = () => {\n  if (SkiaViewApi === null || SkiaViewApi.makeGraphiteContext === null) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,mBAAmB,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAGnE,OAAOC,+BAA+B,MAAM,0CAA0C;AAEtF,SAASC,WAAW,QAAQ,OAAO;AAEnC,SAASC,gBAAgB,QAAQ,oBAAoB;AAerD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,KAAK,GAAG,KAAK;EACbC,MAAM,GAAG,KAAK;EACdC,YAAY,GAAG,KAAK;EACpBC,GAAG;EACH,GAAGC;AACkB,CAAC,KAAK;EAC3B,MAAMC,QAAQ,GAAGX,OAAO,CAAC,MAAMI,gBAAgB,CAACQ,OAAO,EAAE,EAAE,EAAE,CAAC;EAC9D,MAAMC,OAAO,GACXZ,MAAM,CAA6D,IAAI,CAAC;EAC1EF,mBAAmB,CACjBU,GAAG,EACH,OAAO;IACLK,WAAW,EAAEA,CAAA,KAAMH,QAAQ;IAC3BI,UAAU,EAAEA,CAAA,KAAM;MAChBC,iBAAiB,CAAC,CAAC;MACnB;MACA,MAAMC,IAAI,GAAGJ,OAAO,CAACD,OAAc;MACnC,IAAI,CAACK,IAAI,EAAE;QACT,MAAM,IAAIC,KAAK,CACb,wEACF,CAAC;MACH;MACA;MACA;MACA,MAAMC,IAAI,GACR,uBAAuB,IAAIF,IAAI,GAC3BA,IAAI,CAACG,qBAAqB,CAAC,CAAC,GAC5BH,IAAI,CAACI,8BAA8B,CAAC,CAAC;MAC3C,OAAOlB,WAAW,CAACmB,mBAAmB,CACpCX,QAAQ,EACRQ,IAAI,CAACI,KAAK,EACVJ,IAAI,CAACK,MAAM,EACXjB,MAAM,EACNC,YACF,CAAC;IACH;EACF,CAAC,CAAC,EACF,CAACG,QAAQ,EAAEJ,MAAM,EAAEC,YAAY,CACjC,CAAC;EACD,oBACEV,KAAA,CAAA2B,aAAA,CAACvB,+BAA+B,EAAAwB,QAAA;IAC9BjB,GAAG,EAAEI,OAAQ;IACbc,WAAW,EAAE,KAAM;IACnBC,QAAQ,EAAE,GAAGjB,QAAQ,EAAG;IACxBL,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEA;EAAa,GACvBE,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMM,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,IAAIb,WAAW,KAAK,IAAI,IAAIA,WAAW,CAACmB,mBAAmB,KAAK,IAAI,EAAE;IACpE,MAAMJ,KAAK,CAAC,8BAA8B,CAAC;EAC7C;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+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;