@shopify/react-native-skia 1.0.1 → 1.0.2

package/lib/module/skia/web/JsiSkTypefaceFontProvider.js

@@ -0,0 +1,69 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { HostObject, NotImplementedOnRNWeb } from "./Host";
+export class JsiSkTypefaceFontProvider extends HostObject {
+  constructor(CanvasKit, ref) {
+    super(CanvasKit, ref, "FontMgr");
+    _defineProperty(this, "allocatedPointers", []);
+  }
+  matchFamilyStyle(_name, _style) {
+    throw new NotImplementedOnRNWeb();
+  }
+  countFamilies() {
+    return this.ref.countFamilies();
+  }
+  getFamilyName(index) {
+    return this.ref.getFamilyName(index);
+  }
+  registerFont(typeface, familyName) {
+    const strLen = lengthBytesUTF8(familyName) + 1;
+
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    const strPtr = this.CanvasKit._malloc(strLen);
+    stringToUTF8(this.CanvasKit, familyName, strPtr, strLen);
+
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    this.ref._registerFont(typeface.ref, strPtr);
+  }
+  dispose() {
+    for (const ptr of this.allocatedPointers) {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-expect-error
+      this.CanvasKit._free(ptr);
+    }
+    this.ref.delete();
+  }
+}
+const lengthBytesUTF8 = str => {
+  // TextEncoder will give us the byte length in UTF8 form
+  const encoder = new TextEncoder();
+  const utf8 = encoder.encode(str);
+  return utf8.length;
+};
+const stringToUTF8 = (CanvasKit, str, outPtr, maxBytesToWrite) => {
+  // TextEncoder will give us the byte array in UTF8 form
+  const encoder = new TextEncoder();
+  const utf8 = encoder.encode(str);
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-expect-error
+  const heap = CanvasKit.HEAPU8;
+
+  // Check if there's enough space
+  if (utf8.length > maxBytesToWrite) {
+    throw new Error("Not enough space to write UTF8 encoded string");
+  }
+
+  // Copy the bytes
+  for (let i = 0; i < utf8.length; i++) {
+    heap[outPtr + i] = utf8[i];
+  }
+
+  // Null terminate
+  if (utf8.length < maxBytesToWrite) {
+    heap[outPtr + utf8.length] = 0;
+  }
+};
+//# sourceMappingURL=JsiSkTypefaceFontProvider.js.map

package/lib/module/skia/web/JsiSkTypefaceFontProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HostObject","NotImplementedOnRNWeb","JsiSkTypefaceFontProvider","constructor","CanvasKit","ref","_defineProperty","matchFamilyStyle","_name","_style","countFamilies","getFamilyName","index","registerFont","typeface","familyName","strLen","lengthBytesUTF8","strPtr","_malloc","stringToUTF8","_registerFont","dispose","ptr","allocatedPointers","_free","delete","str","encoder","TextEncoder","utf8","encode","length","outPtr","maxBytesToWrite","heap","HEAPU8","Error","i"],"sources":["JsiSkTypefaceFontProvider.ts"],"sourcesContent":["import type { CanvasKit, TypefaceFontProvider } from \"canvaskit-wasm\";\n\nimport type { SkTypefaceFontProvider } from \"../types/Paragraph/TypefaceFontProvider\";\nimport type { FontStyle, SkTypeface } from \"../types\";\n\nimport { HostObject, NotImplementedOnRNWeb } from \"./Host\";\n\nexport class JsiSkTypefaceFontProvider\n  extends HostObject<TypefaceFontProvider, \"FontMgr\">\n  implements SkTypefaceFontProvider\n{\n  private allocatedPointers: number[] = [];\n\n  constructor(CanvasKit: CanvasKit, ref: TypefaceFontProvider) {\n    super(CanvasKit, ref, \"FontMgr\");\n  }\n\n  matchFamilyStyle(_name: string, _style: FontStyle): SkTypeface {\n    throw new NotImplementedOnRNWeb();\n  }\n  countFamilies() {\n    return this.ref.countFamilies();\n  }\n  getFamilyName(index: number) {\n    return this.ref.getFamilyName(index);\n  }\n  registerFont(typeface: SkTypeface, familyName: string) {\n    const strLen = lengthBytesUTF8(familyName) + 1;\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-expect-error\n    const strPtr = this.CanvasKit._malloc(strLen);\n    stringToUTF8(this.CanvasKit, familyName, strPtr, strLen);\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-expect-error\n    this.ref._registerFont(typeface.ref, strPtr);\n  }\n\n  dispose() {\n    for (const ptr of this.allocatedPointers) {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-expect-error\n      this.CanvasKit._free(ptr);\n    }\n\n    this.ref.delete();\n  }\n}\n\nconst lengthBytesUTF8 = (str: string) => {\n  // TextEncoder will give us the byte length in UTF8 form\n  const encoder = new TextEncoder();\n  const utf8 = encoder.encode(str);\n  return utf8.length;\n};\n\nconst stringToUTF8 = (\n  CanvasKit: CanvasKit,\n  str: string,\n  outPtr: number,\n  maxBytesToWrite: number\n) => {\n  // TextEncoder will give us the byte array in UTF8 form\n  const encoder = new TextEncoder();\n  const utf8 = encoder.encode(str);\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-expect-error\n  const heap: Int8Array = CanvasKit.HEAPU8;\n\n  // Check if there's enough space\n  if (utf8.length > maxBytesToWrite) {\n    throw new Error(\"Not enough space to write UTF8 encoded string\");\n  }\n\n  // Copy the bytes\n  for (let i = 0; i < utf8.length; i++) {\n    heap[outPtr + i] = utf8[i];\n  }\n\n  // Null terminate\n  if (utf8.length < maxBytesToWrite) {\n    heap[outPtr + utf8.length] = 0;\n  }\n};\n"],"mappings":";;;AAKA,SAASA,UAAU,EAAEC,qBAAqB,QAAQ,QAAQ;AAE1D,OAAO,MAAMC,yBAAyB,SAC5BF,UAAU,CAEpB;EAGEG,WAAWA,CAACC,SAAoB,EAAEC,GAAyB,EAAE;IAC3D,KAAK,CAACD,SAAS,EAAEC,GAAG,EAAE,SAAS,CAAC;IAACC,eAAA,4BAHG,EAAE;EAIxC;EAEAC,gBAAgBA,CAACC,KAAa,EAAEC,MAAiB,EAAc;IAC7D,MAAM,IAAIR,qBAAqB,CAAC,CAAC;EACnC;EACAS,aAAaA,CAAA,EAAG;IACd,OAAO,IAAI,CAACL,GAAG,CAACK,aAAa,CAAC,CAAC;EACjC;EACAC,aAAaA,CAACC,KAAa,EAAE;IAC3B,OAAO,IAAI,CAACP,GAAG,CAACM,aAAa,CAACC,KAAK,CAAC;EACtC;EACAC,YAAYA,CAACC,QAAoB,EAAEC,UAAkB,EAAE;IACrD,MAAMC,MAAM,GAAGC,eAAe,CAACF,UAAU,CAAC,GAAG,CAAC;;IAE9C;IACA;IACA,MAAMG,MAAM,GAAG,IAAI,CAACd,SAAS,CAACe,OAAO,CAACH,MAAM,CAAC;IAC7CI,YAAY,CAAC,IAAI,CAAChB,SAAS,EAAEW,UAAU,EAAEG,MAAM,EAAEF,MAAM,CAAC;;IAExD;IACA;IACA,IAAI,CAACX,GAAG,CAACgB,aAAa,CAACP,QAAQ,CAACT,GAAG,EAAEa,MAAM,CAAC;EAC9C;EAEAI,OAAOA,CAAA,EAAG;IACR,KAAK,MAAMC,GAAG,IAAI,IAAI,CAACC,iBAAiB,EAAE;MACxC;MACA;MACA,IAAI,CAACpB,SAAS,CAACqB,KAAK,CAACF,GAAG,CAAC;IAC3B;IAEA,IAAI,CAAClB,GAAG,CAACqB,MAAM,CAAC,CAAC;EACnB;AACF;AAEA,MAAMT,eAAe,GAAIU,GAAW,IAAK;EACvC;EACA,MAAMC,OAAO,GAAG,IAAIC,WAAW,CAAC,CAAC;EACjC,MAAMC,IAAI,GAAGF,OAAO,CAACG,MAAM,CAACJ,GAAG,CAAC;EAChC,OAAOG,IAAI,CAACE,MAAM;AACpB,CAAC;AAED,MAAMZ,YAAY,GAAGA,CACnBhB,SAAoB,EACpBuB,GAAW,EACXM,MAAc,EACdC,eAAuB,KACpB;EACH;EACA,MAAMN,OAAO,GAAG,IAAIC,WAAW,CAAC,CAAC;EACjC,MAAMC,IAAI,GAAGF,OAAO,CAACG,MAAM,CAACJ,GAAG,CAAC;EAChC;EACA;EACA,MAAMQ,IAAe,GAAG/B,SAAS,CAACgC,MAAM;;EAExC;EACA,IAAIN,IAAI,CAACE,MAAM,GAAGE,eAAe,EAAE;IACjC,MAAM,IAAIG,KAAK,CAAC,+CAA+C,CAAC;EAClE;;EAEA;EACA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGR,IAAI,CAACE,MAAM,EAAEM,CAAC,EAAE,EAAE;IACpCH,IAAI,CAACF,MAAM,GAAGK,CAAC,CAAC,GAAGR,IAAI,CAACQ,CAAC,CAAC;EAC5B;;EAEA;EACA,IAAIR,IAAI,CAACE,MAAM,GAAGE,eAAe,EAAE;IACjCC,IAAI,CAACF,MAAM,GAAGH,IAAI,CAACE,MAAM,CAAC,GAAG,CAAC;EAChC;AACF,CAAC"}

package/lib/module/skia/web/JsiSkTypefaceFontProviderFactory.d.ts

@@ -0,0 +1,7 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import { Host } from "./Host";
+import { JsiSkTypefaceFontProvider } from "./JsiSkTypefaceFontProvider";
+export declare class JsiSkTypefaceFontProviderFactory extends Host implements JsiSkTypefaceFontProviderFactory {
+    constructor(CanvasKit: CanvasKit);
+    Make(): JsiSkTypefaceFontProvider;
+}

package/lib/module/skia/web/JsiSkTypefaceFontProviderFactory.js

@@ -0,0 +1,12 @@
+import { Host } from "./Host";
+import { JsiSkTypefaceFontProvider } from "./JsiSkTypefaceFontProvider";
+export class JsiSkTypefaceFontProviderFactory extends Host {
+  constructor(CanvasKit) {
+    super(CanvasKit);
+  }
+  Make() {
+    const tf = this.CanvasKit.TypefaceFontProvider.Make();
+    return new JsiSkTypefaceFontProvider(this.CanvasKit, tf);
+  }
+}
+//# sourceMappingURL=JsiSkTypefaceFontProviderFactory.js.map

package/lib/module/skia/web/JsiSkTypefaceFontProviderFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Host","JsiSkTypefaceFontProvider","JsiSkTypefaceFontProviderFactory","constructor","CanvasKit","Make","tf","TypefaceFontProvider"],"sources":["JsiSkTypefaceFontProviderFactory.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport { Host } from \"./Host\";\nimport { JsiSkTypefaceFontProvider } from \"./JsiSkTypefaceFontProvider\";\n\nexport class JsiSkTypefaceFontProviderFactory\n  extends Host\n  implements JsiSkTypefaceFontProviderFactory\n{\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  Make() {\n    const tf = this.CanvasKit.TypefaceFontProvider.Make();\n    return new JsiSkTypefaceFontProvider(this.CanvasKit, tf);\n  }\n}\n"],"mappings":"AAEA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,SAASC,yBAAyB,QAAQ,6BAA6B;AAEvE,OAAO,MAAMC,gCAAgC,SACnCF,IAAI,CAEd;EACEG,WAAWA,CAACC,SAAoB,EAAE;IAChC,KAAK,CAACA,SAAS,CAAC;EAClB;EAEAC,IAAIA,CAAA,EAAG;IACL,MAAMC,EAAE,GAAG,IAAI,CAACF,SAAS,CAACG,oBAAoB,CAACF,IAAI,CAAC,CAAC;IACrD,OAAO,IAAIJ,yBAAyB,CAAC,IAAI,CAACG,SAAS,EAAEE,EAAE,CAAC;EAC1D;AACF"}

package/lib/module/skia/web/JsiSkVertices.d.ts

@@ -0,0 +1,10 @@
+import type { CanvasKit, Vertices } from "canvaskit-wasm";
+import type { SkVertices } from "../types";
+import { HostObject } from "./Host";
+import { JsiSkRect } from "./JsiSkRect";
+export declare class JsiSkVertices extends HostObject<Vertices, "Vertices"> implements SkVertices {
+    constructor(CanvasKit: CanvasKit, ref: Vertices);
+    dispose: () => void;
+    bounds(): JsiSkRect;
+    uniqueID(): number;
+}

package/lib/module/skia/web/JsiSkVertices.js

@@ -0,0 +1,20 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { HostObject } from "./Host";
+import { JsiSkRect } from "./JsiSkRect";
+export class JsiSkVertices extends HostObject {
+  constructor(CanvasKit, ref) {
+    super(CanvasKit, ref, "Vertices");
+    _defineProperty(this, "dispose", () => {
+      this.ref.delete();
+    });
+  }
+  bounds() {
+    return new JsiSkRect(this.CanvasKit, this.ref.bounds());
+  }
+  uniqueID() {
+    return this.ref.uniqueID();
+  }
+}
+//# sourceMappingURL=JsiSkVertices.js.map

package/lib/module/skia/web/JsiSkVertices.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HostObject","JsiSkRect","JsiSkVertices","constructor","CanvasKit","ref","_defineProperty","delete","bounds","uniqueID"],"sources":["JsiSkVertices.ts"],"sourcesContent":["import type { CanvasKit, Vertices } from \"canvaskit-wasm\";\n\nimport type { SkVertices } from \"../types\";\n\nimport { HostObject } from \"./Host\";\nimport { JsiSkRect } from \"./JsiSkRect\";\n\nexport class JsiSkVertices\n  extends HostObject<Vertices, \"Vertices\">\n  implements SkVertices\n{\n  constructor(CanvasKit: CanvasKit, ref: Vertices) {\n    super(CanvasKit, ref, \"Vertices\");\n  }\n\n  dispose = () => {\n    this.ref.delete();\n  };\n\n  bounds() {\n    return new JsiSkRect(this.CanvasKit, this.ref.bounds());\n  }\n\n  uniqueID() {\n    return this.ref.uniqueID();\n  }\n}\n"],"mappings":";;;AAIA,SAASA,UAAU,QAAQ,QAAQ;AACnC,SAASC,SAAS,QAAQ,aAAa;AAEvC,OAAO,MAAMC,aAAa,SAChBF,UAAU,CAEpB;EACEG,WAAWA,CAACC,SAAoB,EAAEC,GAAa,EAAE;IAC/C,KAAK,CAACD,SAAS,EAAEC,GAAG,EAAE,UAAU,CAAC;IAACC,eAAA,kBAG1B,MAAM;MACd,IAAI,CAACD,GAAG,CAACE,MAAM,CAAC,CAAC;IACnB,CAAC;EAJD;EAMAC,MAAMA,CAAA,EAAG;IACP,OAAO,IAAIP,SAAS,CAAC,IAAI,CAACG,SAAS,EAAE,IAAI,CAACC,GAAG,CAACG,MAAM,CAAC,CAAC,CAAC;EACzD;EAEAC,QAAQA,CAAA,EAAG;IACT,OAAO,IAAI,CAACJ,GAAG,CAACI,QAAQ,CAAC,CAAC;EAC5B;AACF"}

package/lib/module/skia/web/JsiSkVerticesFactory.d.ts

@@ -0,0 +1,4 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { SkColor, SkPoint, VertexMode } from "../types";
+import { JsiSkVertices } from "./JsiSkVertices";
+export declare const MakeVertices: (CanvasKit: CanvasKit, mode: VertexMode, positions: SkPoint[], textureCoordinates?: SkPoint[] | null, colors?: SkColor[], indices?: number[] | null, isVolatile?: boolean) => JsiSkVertices;

package/lib/module/skia/web/JsiSkVerticesFactory.js

@@ -0,0 +1,23 @@
+import { JsiSkVertices } from "./JsiSkVertices";
+import { getEnum } from "./Host";
+const concat = (...arrays) => {
+  let totalLength = 0;
+  for (const arr of arrays) {
+    totalLength += arr.length;
+  }
+  const result = new Float32Array(totalLength);
+  let offset = 0;
+  for (const arr of arrays) {
+    result.set(arr, offset);
+    offset += arr.length;
+  }
+  return result;
+};
+export const MakeVertices = (CanvasKit, mode, positions, textureCoordinates, colors, indices, isVolatile) => new JsiSkVertices(CanvasKit, CanvasKit.MakeVertices(getEnum(CanvasKit.VertexMode, mode), positions.map(({
+  x,
+  y
+}) => [x, y]).flat(), (textureCoordinates || []).map(({
+  x,
+  y
+}) => [x, y]).flat(), !colors ? null : colors.reduce((a, c) => concat(a, c)), indices, isVolatile));
+//# sourceMappingURL=JsiSkVerticesFactory.js.map

package/lib/module/skia/web/JsiSkVerticesFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["JsiSkVertices","getEnum","concat","arrays","totalLength","arr","length","result","Float32Array","offset","set","MakeVertices","CanvasKit","mode","positions","textureCoordinates","colors","indices","isVolatile","VertexMode","map","x","y","flat","reduce","a","c"],"sources":["JsiSkVerticesFactory.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type { SkColor, SkPoint, VertexMode } from \"../types\";\n\nimport { JsiSkVertices } from \"./JsiSkVertices\";\nimport { getEnum } from \"./Host\";\n\nconst concat = (...arrays: Float32Array[]) => {\n  let totalLength = 0;\n  for (const arr of arrays) {\n    totalLength += arr.length;\n  }\n  const result = new Float32Array(totalLength);\n  let offset = 0;\n  for (const arr of arrays) {\n    result.set(arr, offset);\n    offset += arr.length;\n  }\n  return result;\n};\n\nexport const MakeVertices = (\n  CanvasKit: CanvasKit,\n  mode: VertexMode,\n  positions: SkPoint[],\n  textureCoordinates?: SkPoint[] | null,\n  colors?: SkColor[],\n  indices?: number[] | null,\n  isVolatile?: boolean\n) =>\n  new JsiSkVertices(\n    CanvasKit,\n    CanvasKit.MakeVertices(\n      getEnum(CanvasKit.VertexMode, mode),\n      positions.map(({ x, y }) => [x, y]).flat(),\n      (textureCoordinates || []).map(({ x, y }) => [x, y]).flat(),\n      !colors ? null : colors.reduce((a, c) => concat(a, c)),\n      indices,\n      isVolatile\n    )\n  );\n"],"mappings":"AAIA,SAASA,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,OAAO,QAAQ,QAAQ;AAEhC,MAAMC,MAAM,GAAGA,CAAC,GAAGC,MAAsB,KAAK;EAC5C,IAAIC,WAAW,GAAG,CAAC;EACnB,KAAK,MAAMC,GAAG,IAAIF,MAAM,EAAE;IACxBC,WAAW,IAAIC,GAAG,CAACC,MAAM;EAC3B;EACA,MAAMC,MAAM,GAAG,IAAIC,YAAY,CAACJ,WAAW,CAAC;EAC5C,IAAIK,MAAM,GAAG,CAAC;EACd,KAAK,MAAMJ,GAAG,IAAIF,MAAM,EAAE;IACxBI,MAAM,CAACG,GAAG,CAACL,GAAG,EAAEI,MAAM,CAAC;IACvBA,MAAM,IAAIJ,GAAG,CAACC,MAAM;EACtB;EACA,OAAOC,MAAM;AACf,CAAC;AAED,OAAO,MAAMI,YAAY,GAAGA,CAC1BC,SAAoB,EACpBC,IAAgB,EAChBC,SAAoB,EACpBC,kBAAqC,EACrCC,MAAkB,EAClBC,OAAyB,EACzBC,UAAoB,KAEpB,IAAIlB,aAAa,CACfY,SAAS,EACTA,SAAS,CAACD,YAAY,CACpBV,OAAO,CAACW,SAAS,CAACO,UAAU,EAAEN,IAAI,CAAC,EACnCC,SAAS,CAACM,GAAG,CAAC,CAAC;EAAEC,CAAC;EAAEC;AAAE,CAAC,KAAK,CAACD,CAAC,EAAEC,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,EAC1C,CAACR,kBAAkB,IAAI,EAAE,EAAEK,GAAG,CAAC,CAAC;EAAEC,CAAC;EAAEC;AAAE,CAAC,KAAK,CAACD,CAAC,EAAEC,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,EAC3D,CAACP,MAAM,GAAG,IAAI,GAAGA,MAAM,CAACQ,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKxB,MAAM,CAACuB,CAAC,EAAEC,CAAC,CAAC,CAAC,EACtDT,OAAO,EACPC,UACF,CACF,CAAC"}

package/lib/module/skia/web/JsiSkia.d.ts

@@ -0,0 +1,3 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { Skia } from "../types";
+export declare const JsiSkApi: (CanvasKit: CanvasKit) => Skia;

package/lib/module/skia/web/JsiSkia.js

@@ -0,0 +1,77 @@
+import { JsiSkPoint } from "./JsiSkPoint";
+import { JsiSkPaint } from "./JsiSkPaint";
+import { JsiSkRect } from "./JsiSkRect";
+import { Color } from "./JsiSkColor";
+import { JsiSkSurfaceFactory } from "./JsiSkSurfaceFactory";
+import { JsiSkRRect } from "./JsiSkRRect";
+import { JsiSkRSXform } from "./JsiSkRSXform";
+import { JsiSkContourMeasureIter } from "./JsiSkContourMeasureIter";
+import { JsiSkPictureRecorder } from "./JsiSkPictureRecorder";
+import { JsiSkPictureFactory } from "./JsiSkPictureFactory";
+import { JsiSkPathFactory } from "./JsiSkPathFactory";
+import { JsiSkMatrix } from "./JsiSkMatrix";
+import { JsiSkColorFilterFactory } from "./JsiSkColorFilterFactory";
+import { JsiSkTypefaceFactory } from "./JsiSkTypefaceFactory";
+import { JsiSkMaskFilterFactory } from "./JsiSkMaskFilterFactory";
+import { JsiSkRuntimeEffectFactory } from "./JsiSkRuntimeEffectFactory";
+import { JsiSkImageFilterFactory } from "./JsiSkImageFilterFactory";
+import { JsiSkShaderFactory } from "./JsiSkShaderFactory";
+import { JsiSkPathEffectFactory } from "./JsiSkPathEffectFactory";
+import { JsiSkDataFactory } from "./JsiSkDataFactory";
+import { JsiSkImageFactory } from "./JsiSkImageFactory";
+import { JsiSkSVGFactory } from "./JsiSkSVGFactory";
+import { JsiSkTextBlobFactory } from "./JsiSkTextBlobFactory";
+import { JsiSkFont } from "./JsiSkFont";
+import { MakeVertices } from "./JsiSkVerticesFactory";
+import { JsiSkPath } from "./JsiSkPath";
+import { JsiSkTypeface } from "./JsiSkTypeface";
+import { JsiSkTypefaceFontProviderFactory } from "./JsiSkTypefaceFontProviderFactory";
+import { JsiSkFontMgrFactory } from "./JsiSkFontMgrFactory";
+import { JsiSkAnimatedImageFactory } from "./JsiSkAnimatedImageFactory";
+import { JsiSkParagraphBuilderFactory } from "./JsiSkParagraphBuilderFactory";
+export const JsiSkApi = CanvasKit => ({
+  Point: (x, y) => new JsiSkPoint(CanvasKit, Float32Array.of(x, y)),
+  RuntimeShaderBuilder: _ => {
+    throw new Error("Not implemented on React Native Web");
+  },
+  RRectXY: (rect, rx, ry) => new JsiSkRRect(CanvasKit, rect, rx, ry),
+  RSXform: (scos, ssin, tx, ty) => new JsiSkRSXform(CanvasKit, Float32Array.of(scos, ssin, tx, ty)),
+  RSXformFromRadians: (scale, r, tx, ty, px, py) => {
+    const s = Math.sin(r) * scale;
+    const c = Math.cos(r) * scale;
+    return new JsiSkRSXform(CanvasKit, Float32Array.of(c, s, tx - c * px + s * py, ty - s * px - c * py));
+  },
+  Color,
+  ContourMeasureIter: (path, forceClosed, resScale) => new JsiSkContourMeasureIter(CanvasKit, new CanvasKit.ContourMeasureIter(JsiSkPath.fromValue(path), forceClosed, resScale)),
+  Paint: () => {
+    const paint = new JsiSkPaint(CanvasKit, new CanvasKit.Paint());
+    paint.setAntiAlias(true);
+    return paint;
+  },
+  PictureRecorder: () => new JsiSkPictureRecorder(CanvasKit, new CanvasKit.PictureRecorder()),
+  Picture: new JsiSkPictureFactory(CanvasKit),
+  Path: new JsiSkPathFactory(CanvasKit),
+  Matrix: matrix => new JsiSkMatrix(CanvasKit, matrix ? Float32Array.of(...matrix) : Float32Array.of(...CanvasKit.Matrix.identity())),
+  ColorFilter: new JsiSkColorFilterFactory(CanvasKit),
+  Font: (typeface, size) => new JsiSkFont(CanvasKit, new CanvasKit.Font(typeface === undefined ? null : JsiSkTypeface.fromValue(typeface), size)),
+  Typeface: new JsiSkTypefaceFactory(CanvasKit),
+  MaskFilter: new JsiSkMaskFilterFactory(CanvasKit),
+  RuntimeEffect: new JsiSkRuntimeEffectFactory(CanvasKit),
+  ImageFilter: new JsiSkImageFilterFactory(CanvasKit),
+  Shader: new JsiSkShaderFactory(CanvasKit),
+  PathEffect: new JsiSkPathEffectFactory(CanvasKit),
+  MakeVertices: MakeVertices.bind(null, CanvasKit),
+  Data: new JsiSkDataFactory(CanvasKit),
+  Image: new JsiSkImageFactory(CanvasKit),
+  AnimatedImage: new JsiSkAnimatedImageFactory(CanvasKit),
+  SVG: new JsiSkSVGFactory(CanvasKit),
+  TextBlob: new JsiSkTextBlobFactory(CanvasKit),
+  XYWHRect: (x, y, width, height) => {
+    return new JsiSkRect(CanvasKit, CanvasKit.XYWHRect(x, y, width, height));
+  },
+  Surface: new JsiSkSurfaceFactory(CanvasKit),
+  TypefaceFontProvider: new JsiSkTypefaceFontProviderFactory(CanvasKit),
+  FontMgr: new JsiSkFontMgrFactory(CanvasKit),
+  ParagraphBuilder: new JsiSkParagraphBuilderFactory(CanvasKit)
+});
+//# sourceMappingURL=JsiSkia.js.map

package/lib/module/skia/web/JsiSkia.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["JsiSkPoint","JsiSkPaint","JsiSkRect","Color","JsiSkSurfaceFactory","JsiSkRRect","JsiSkRSXform","JsiSkContourMeasureIter","JsiSkPictureRecorder","JsiSkPictureFactory","JsiSkPathFactory","JsiSkMatrix","JsiSkColorFilterFactory","JsiSkTypefaceFactory","JsiSkMaskFilterFactory","JsiSkRuntimeEffectFactory","JsiSkImageFilterFactory","JsiSkShaderFactory","JsiSkPathEffectFactory","JsiSkDataFactory","JsiSkImageFactory","JsiSkSVGFactory","JsiSkTextBlobFactory","JsiSkFont","MakeVertices","JsiSkPath","JsiSkTypeface","JsiSkTypefaceFontProviderFactory","JsiSkFontMgrFactory","JsiSkAnimatedImageFactory","JsiSkParagraphBuilderFactory","JsiSkApi","CanvasKit","Point","x","y","Float32Array","of","RuntimeShaderBuilder","_","Error","RRectXY","rect","rx","ry","RSXform","scos","ssin","tx","ty","RSXformFromRadians","scale","r","px","py","s","Math","sin","c","cos","ContourMeasureIter","path","forceClosed","resScale","fromValue","Paint","paint","setAntiAlias","PictureRecorder","Picture","Path","Matrix","matrix","identity","ColorFilter","Font","typeface","size","undefined","Typeface","MaskFilter","RuntimeEffect","ImageFilter","Shader","PathEffect","bind","Data","Image","AnimatedImage","SVG","TextBlob","XYWHRect","width","height","Surface","TypefaceFontProvider","FontMgr","ParagraphBuilder"],"sources":["JsiSkia.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type {\n  SkContourMeasureIter,\n  Skia,\n  SkPath,\n  SkRect,\n  SkRuntimeEffect,\n  SkRuntimeShaderBuilder,\n  SkTypeface,\n} from \"../types\";\n\nimport { JsiSkPoint } from \"./JsiSkPoint\";\nimport { JsiSkPaint } from \"./JsiSkPaint\";\nimport { JsiSkRect } from \"./JsiSkRect\";\nimport { Color } from \"./JsiSkColor\";\nimport { JsiSkSurfaceFactory } from \"./JsiSkSurfaceFactory\";\nimport { JsiSkRRect } from \"./JsiSkRRect\";\nimport { JsiSkRSXform } from \"./JsiSkRSXform\";\nimport { JsiSkContourMeasureIter } from \"./JsiSkContourMeasureIter\";\nimport { JsiSkPictureRecorder } from \"./JsiSkPictureRecorder\";\nimport { JsiSkPictureFactory } from \"./JsiSkPictureFactory\";\nimport { JsiSkPathFactory } from \"./JsiSkPathFactory\";\nimport { JsiSkMatrix } from \"./JsiSkMatrix\";\nimport { JsiSkColorFilterFactory } from \"./JsiSkColorFilterFactory\";\nimport { JsiSkTypefaceFactory } from \"./JsiSkTypefaceFactory\";\nimport { JsiSkMaskFilterFactory } from \"./JsiSkMaskFilterFactory\";\nimport { JsiSkRuntimeEffectFactory } from \"./JsiSkRuntimeEffectFactory\";\nimport { JsiSkImageFilterFactory } from \"./JsiSkImageFilterFactory\";\nimport { JsiSkShaderFactory } from \"./JsiSkShaderFactory\";\nimport { JsiSkPathEffectFactory } from \"./JsiSkPathEffectFactory\";\nimport { JsiSkDataFactory } from \"./JsiSkDataFactory\";\nimport { JsiSkImageFactory } from \"./JsiSkImageFactory\";\nimport { JsiSkSVGFactory } from \"./JsiSkSVGFactory\";\nimport { JsiSkTextBlobFactory } from \"./JsiSkTextBlobFactory\";\nimport { JsiSkFont } from \"./JsiSkFont\";\nimport { MakeVertices } from \"./JsiSkVerticesFactory\";\nimport { JsiSkPath } from \"./JsiSkPath\";\nimport { JsiSkTypeface } from \"./JsiSkTypeface\";\nimport { JsiSkTypefaceFontProviderFactory } from \"./JsiSkTypefaceFontProviderFactory\";\nimport { JsiSkFontMgrFactory } from \"./JsiSkFontMgrFactory\";\nimport { JsiSkAnimatedImageFactory } from \"./JsiSkAnimatedImageFactory\";\nimport { JsiSkParagraphBuilderFactory } from \"./JsiSkParagraphBuilderFactory\";\n\nexport const JsiSkApi = (CanvasKit: CanvasKit): Skia => ({\n  Point: (x: number, y: number) =>\n    new JsiSkPoint(CanvasKit, Float32Array.of(x, y)),\n  RuntimeShaderBuilder: (_: SkRuntimeEffect): SkRuntimeShaderBuilder => {\n    throw new Error(\"Not implemented on React Native Web\");\n  },\n  RRectXY: (rect: SkRect, rx: number, ry: number) =>\n    new JsiSkRRect(CanvasKit, rect, rx, ry),\n  RSXform: (scos: number, ssin: number, tx: number, ty: number) =>\n    new JsiSkRSXform(CanvasKit, Float32Array.of(scos, ssin, tx, ty)),\n  RSXformFromRadians: (\n    scale: number,\n    r: number,\n    tx: number,\n    ty: number,\n    px: number,\n    py: number\n  ) => {\n    const s = Math.sin(r) * scale;\n    const c = Math.cos(r) * scale;\n    return new JsiSkRSXform(\n      CanvasKit,\n      Float32Array.of(c, s, tx - c * px + s * py, ty - s * px - c * py)\n    );\n  },\n  Color,\n  ContourMeasureIter: (\n    path: SkPath,\n    forceClosed: boolean,\n    resScale: number\n  ): SkContourMeasureIter =>\n    new JsiSkContourMeasureIter(\n      CanvasKit,\n      new CanvasKit.ContourMeasureIter(\n        JsiSkPath.fromValue(path),\n        forceClosed,\n        resScale\n      )\n    ),\n  Paint: () => {\n    const paint = new JsiSkPaint(CanvasKit, new CanvasKit.Paint());\n    paint.setAntiAlias(true);\n    return paint;\n  },\n  PictureRecorder: () =>\n    new JsiSkPictureRecorder(CanvasKit, new CanvasKit.PictureRecorder()),\n  Picture: new JsiSkPictureFactory(CanvasKit),\n  Path: new JsiSkPathFactory(CanvasKit),\n  Matrix: (matrix?: readonly number[]) =>\n    new JsiSkMatrix(\n      CanvasKit,\n      matrix\n        ? Float32Array.of(...matrix)\n        : Float32Array.of(...CanvasKit.Matrix.identity())\n    ),\n  ColorFilter: new JsiSkColorFilterFactory(CanvasKit),\n  Font: (typeface?: SkTypeface, size?: number) =>\n    new JsiSkFont(\n      CanvasKit,\n      new CanvasKit.Font(\n        typeface === undefined ? null : JsiSkTypeface.fromValue(typeface),\n        size\n      )\n    ),\n  Typeface: new JsiSkTypefaceFactory(CanvasKit),\n  MaskFilter: new JsiSkMaskFilterFactory(CanvasKit),\n  RuntimeEffect: new JsiSkRuntimeEffectFactory(CanvasKit),\n  ImageFilter: new JsiSkImageFilterFactory(CanvasKit),\n  Shader: new JsiSkShaderFactory(CanvasKit),\n  PathEffect: new JsiSkPathEffectFactory(CanvasKit),\n  MakeVertices: MakeVertices.bind(null, CanvasKit),\n  Data: new JsiSkDataFactory(CanvasKit),\n  Image: new JsiSkImageFactory(CanvasKit),\n  AnimatedImage: new JsiSkAnimatedImageFactory(CanvasKit),\n  SVG: new JsiSkSVGFactory(CanvasKit),\n  TextBlob: new JsiSkTextBlobFactory(CanvasKit),\n  XYWHRect: (x: number, y: number, width: number, height: number) => {\n    return new JsiSkRect(CanvasKit, CanvasKit.XYWHRect(x, y, width, height));\n  },\n  Surface: new JsiSkSurfaceFactory(CanvasKit),\n  TypefaceFontProvider: new JsiSkTypefaceFontProviderFactory(CanvasKit),\n  FontMgr: new JsiSkFontMgrFactory(CanvasKit),\n  ParagraphBuilder: new JsiSkParagraphBuilderFactory(CanvasKit),\n});\n"],"mappings":"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"}

package/lib/module/skia/web/index.d.ts

@@ -0,0 +1 @@
+export * from "./JsiSkia";

package/lib/module/skia/web/index.js

@@ -0,0 +1,2 @@
+export * from "./JsiSkia";
+//# sourceMappingURL=index.js.map

package/lib/module/skia/web/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./JsiSkia\";\n"],"mappings":"AAAA,cAAc,WAAW"}

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"}

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

@@ -0,0 +1,2 @@
+import { throwOnMissingReanimated } from "../external/reanimated/moduleWrapper";
+export default throwOnMissingReanimated;

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

@@ -0,0 +1,5 @@
+import { throwOnMissingReanimated } from "../external/reanimated/moduleWrapper";
+
+// eslint-disable-next-line import/no-default-export
+export default throwOnMissingReanimated;
+//# sourceMappingURL=NativeSkiaModule.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["throwOnMissingReanimated"],"sources":["NativeSkiaModule.web.ts"],"sourcesContent":["import { throwOnMissingReanimated } from \"../external/reanimated/moduleWrapper\";\n\n// eslint-disable-next-line import/no-default-export\nexport default throwOnMissingReanimated;\n"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ,sCAAsC;;AAE/E;AACA,eAAeA,wBAAwB"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react-native/types/modules/Codegen" />
+import type { ViewProps } from "react-native";
+export interface NativeProps extends ViewProps {
+    mode: string;
+    debug?: boolean;
+}
+declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
+export default _default;

package/lib/module/specs/SkiaDomViewNativeComponent.js

@@ -0,0 +1,4 @@
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+// eslint-disable-next-line import/no-default-export
+export default codegenNativeComponent("SkiaDomView");
+//# sourceMappingURL=SkiaDomViewNativeComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["codegenNativeComponent"],"sources":["SkiaDomViewNativeComponent.ts"],"sourcesContent":["import codegenNativeComponent from \"react-native/Libraries/Utilities/codegenNativeComponent\";\nimport type { ViewProps } from \"react-native\";\n\nexport interface NativeProps extends ViewProps {\n  mode: string;\n  debug?: boolean;\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default codegenNativeComponent<NativeProps>(\"SkiaDomView\");\n"],"mappings":"AAAA,OAAOA,sBAAsB,MAAM,yDAAyD;AAQ5F;AACA,eAAeA,sBAAsB,CAAc,aAAa,CAAC"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react-native/types/modules/Codegen" />
+import type { ViewProps } from "react-native";
+export interface NativeProps extends ViewProps {
+    mode: string;
+    debug?: boolean;
+}
+declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
+export default _default;

package/lib/module/specs/SkiaPictureViewNativeComponent.js

@@ -0,0 +1,4 @@
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+// 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 from \"react-native/Libraries/Utilities/codegenNativeComponent\";\nimport type { ViewProps } from \"react-native\";\n\nexport interface NativeProps extends ViewProps {\n  mode: string;\n  debug?: boolean;\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default codegenNativeComponent<NativeProps>(\"SkiaPictureView\");\n"],"mappings":"AAAA,OAAOA,sBAAsB,MAAM,yDAAyD;AAQ5F;AACA,eAAeA,sBAAsB,CAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1,60 @@
+import React from "react";
+import type { PointerEvent } from "react";
+import type { SkRect, SkCanvas } from "../skia/types";
+import type { DrawMode, SkiaBaseViewProps, TouchInfo } from "./types";
+import { TouchType } from "./types";
+export declare abstract class SkiaBaseWebView<TProps extends SkiaBaseViewProps> extends React.Component<TProps> {
+    constructor(props: TProps);
+    private _surface;
+    private _unsubscriptions;
+    private _touches;
+    private _canvas;
+    private _canvasRef;
+    private _mode;
+    private _redrawRequests;
+    private requestId;
+    protected width: number;
+    protected height: number;
+    private unsubscribeAll;
+    private onLayoutEvent;
+    protected getSize(): {
+        width: number;
+        height: number;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    /**
+     * Creates a snapshot from the canvas in the surface
+     * @param rect Rect to use as bounds. Optional.
+     * @returns An Image object.
+     */
+    makeImageSnapshot(rect?: SkRect): import("../skia/types").SkImage | undefined;
+    /**
+     * Override to render
+     */
+    protected abstract renderInCanvas(canvas: SkCanvas, touches: TouchInfo[]): void;
+    /**
+     * Sends a redraw request to the native SkiaView.
+     */
+    private tick;
+    redraw(): void;
+    /**
+     * Updates the drawing mode for the skia view. This is the same
+     * as declaratively setting the mode property on the SkiaView.
+     * There are two drawing modes, "continuous" and "default",
+     * where the continuous mode will continuously redraw the view and
+     * the default mode will only redraw when any of the regular react
+     * properties are changed like size and margins.
+     * @param mode Drawing mode to use.
+     */
+    setDrawMode(mode: DrawMode): void;
+    private handleTouchEvent;
+    createTouchHandler(touchType: TouchType): (evt: PointerEvent) => void;
+    private onStart;
+    private onActive;
+    private onCancel;
+    private onEnd;
+    private onLayout;
+    render(): React.JSX.Element;
+}

package/lib/module/views/SkiaBaseWebView.js

@@ -0,0 +1,178 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/* global HTMLCanvasElement */
+import React from "react";
+import { JsiSkSurface } from "../skia/web/JsiSkSurface";
+import { Platform } from "../Platform";
+import { TouchType } from "./types";
+const pd = Platform.PixelRatio;
+export class SkiaBaseWebView extends React.Component {
+  constructor(props) {
+    var _props$mode;
+    super(props);
+    _defineProperty(this, "_surface", null);
+    _defineProperty(this, "_unsubscriptions", []);
+    _defineProperty(this, "_touches", []);
+    _defineProperty(this, "_canvas", null);
+    _defineProperty(this, "_canvasRef", /*#__PURE__*/React.createRef());
+    _defineProperty(this, "_mode", void 0);
+    _defineProperty(this, "_redrawRequests", 0);
+    _defineProperty(this, "requestId", 0);
+    _defineProperty(this, "width", 0);
+    _defineProperty(this, "height", 0);
+    _defineProperty(this, "onStart", this.createTouchHandler(TouchType.Start));
+    _defineProperty(this, "onActive", this.createTouchHandler(TouchType.Active));
+    _defineProperty(this, "onCancel", this.createTouchHandler(TouchType.Cancelled));
+    _defineProperty(this, "onEnd", this.createTouchHandler(TouchType.End));
+    _defineProperty(this, "onLayout", this.onLayoutEvent.bind(this));
+    this._mode = (_props$mode = props.mode) !== null && _props$mode !== void 0 ? _props$mode : "default";
+  }
+  unsubscribeAll() {
+    this._unsubscriptions.forEach(u => u());
+    this._unsubscriptions = [];
+  }
+  onLayoutEvent(evt) {
+    const {
+      CanvasKit
+    } = global;
+    // Reset canvas / surface on layout change
+    const canvas = this._canvasRef.current;
+    if (canvas) {
+      this.width = canvas.clientWidth;
+      this.height = canvas.clientHeight;
+      canvas.width = this.width * pd;
+      canvas.height = this.height * pd;
+      const surface = CanvasKit.MakeWebGLCanvasSurface(canvas);
+      if (!surface) {
+        throw new Error("Could not create surface");
+      }
+      this._surface = new JsiSkSurface(CanvasKit, surface);
+      this._canvas = this._surface.getCanvas();
+      this.redraw();
+    }
+    // Call onLayout callback if it exists
+    if (this.props.onLayout) {
+      this.props.onLayout(evt);
+    }
+  }
+  getSize() {
+    return {
+      width: this.width,
+      height: this.height
+    };
+  }
+  componentDidMount() {
+    // Start render loop
+    this.tick();
+  }
+  componentDidUpdate() {
+    this.redraw();
+  }
+  componentWillUnmount() {
+    this.unsubscribeAll();
+    cancelAnimationFrame(this.requestId);
+    // eslint-disable-next-line max-len
+    // https://stackoverflow.com/questions/23598471/how-do-i-clean-up-and-unload-a-webgl-canvas-context-from-gpu-after-use
+    // https://developer.mozilla.org/en-US/docs/Web/API/WEBGL_lose_context
+    // We delete the context, only if the context has been intialized
+    if (this._surface) {
+      var _this$_canvasRef$curr;
+      (_this$_canvasRef$curr = this._canvasRef.current) === null || _this$_canvasRef$curr === void 0 || (_this$_canvasRef$curr = _this$_canvasRef$curr.getContext("webgl2")) === null || _this$_canvasRef$curr === void 0 || (_this$_canvasRef$curr = _this$_canvasRef$curr.getExtension("WEBGL_lose_context")) === null || _this$_canvasRef$curr === void 0 || _this$_canvasRef$curr.loseContext();
+    }
+  }
+
+  /**
+   * Creates a snapshot from the canvas in the surface
+   * @param rect Rect to use as bounds. Optional.
+   * @returns An Image object.
+   */
+  makeImageSnapshot(rect) {
+    var _this$_surface, _this$_surface2;
+    this._canvas.clear(CanvasKit.TRANSPARENT);
+    this.renderInCanvas(this._canvas, []);
+    (_this$_surface = this._surface) === null || _this$_surface === void 0 || _this$_surface.ref.flush();
+    return (_this$_surface2 = this._surface) === null || _this$_surface2 === void 0 ? void 0 : _this$_surface2.makeImageSnapshot(rect);
+  }
+
+  /**
+   * Override to render
+   */
+
+  /**
+   * Sends a redraw request to the native SkiaView.
+   */
+  tick() {
+    if (this._mode === "continuous" || this._redrawRequests > 0) {
+      this._redrawRequests = 0;
+      if (this._canvas) {
+        var _this$_surface3;
+        const touches = [...this._touches];
+        this._touches = [];
+        const canvas = this._canvas;
+        canvas.clear(Float32Array.of(0, 0, 0, 0));
+        canvas.save();
+        canvas.scale(pd, pd);
+        this.renderInCanvas(canvas, touches);
+        canvas.restore();
+        (_this$_surface3 = this._surface) === null || _this$_surface3 === void 0 || _this$_surface3.ref.flush();
+      }
+    }
+    this.requestId = requestAnimationFrame(this.tick.bind(this));
+  }
+  redraw() {
+    this._redrawRequests++;
+  }
+
+  /**
+   * Updates the drawing mode for the skia view. This is the same
+   * as declaratively setting the mode property on the SkiaView.
+   * There are two drawing modes, "continuous" and "default",
+   * where the continuous mode will continuously redraw the view and
+   * the default mode will only redraw when any of the regular react
+   * properties are changed like size and margins.
+   * @param mode Drawing mode to use.
+   */
+  setDrawMode(mode) {
+    this._mode = mode;
+    this.tick();
+  }
+  handleTouchEvent(evt, touchType) {
+    this._touches.push({
+      id: evt.pointerId,
+      x: evt.clientX - evt.currentTarget.getClientRects()[0].left,
+      y: evt.clientY - evt.currentTarget.getClientRects()[0].top,
+      force: evt.pressure,
+      type: touchType,
+      timestamp: Date.now()
+    });
+    this.redraw();
+  }
+  createTouchHandler(touchType) {
+    return evt => this.handleTouchEvent(evt, touchType);
+  }
+  render() {
+    const {
+      mode,
+      debug = false,
+      ...viewProps
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Platform.View, _extends({}, viewProps, {
+      onLayout: this.onLayout
+    }), /*#__PURE__*/React.createElement("canvas", {
+      ref: this._canvasRef,
+      style: {
+        display: "flex",
+        flex: 1
+      },
+      onPointerDown: this.onStart,
+      onPointerMove: this.onActive,
+      onPointerUp: this.onEnd,
+      onPointerCancel: this.onCancel,
+      onPointerLeave: this.onEnd,
+      onPointerOut: this.onEnd
+    }));
+  }
+}
+//# sourceMappingURL=SkiaBaseWebView.js.map