react-native-skia 0.0.1 → 3.0.0

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

@@ -0,0 +1,58 @@
+import type { CanvasKit, ManagedSkottieAnimation } from "canvaskit-wasm";
+import type { SkSkottieAnimation, SlotInfo, SlottableTextProperty } from "../types/Skottie";
+import type { SkColor, SkPoint, SkRect } from "../types";
+import { HostObject } from "./Host";
+import type { JsiSkCanvas } from "./JsiSkCanvas";
+import { JsiSkRect } from "./JsiSkRect";
+export declare class JsiSkottieAnimation extends HostObject<ManagedSkottieAnimation, "SkottieAnimation"> implements SkSkottieAnimation {
+    constructor(CanvasKit: CanvasKit, ref: ManagedSkottieAnimation);
+    getOpacityProps(): import("canvaskit-wasm").OpacityProperty[];
+    getTextProps(): import("canvaskit-wasm").TextProperty[];
+    getColorProps(): {
+        key: string;
+        value: SkColor;
+    }[];
+    getTransformProps(): {
+        key: string;
+        value: {
+            anchor: {
+                x: number;
+                y: number;
+            };
+            position: {
+                x: number;
+                y: number;
+            };
+            scale: {
+                x: number;
+                y: number;
+            };
+            rotation: number;
+            skew: number;
+            skewAxis: number;
+        };
+    }[];
+    setColor(key: string, color: SkColor): boolean;
+    setText(key: string, text: string, size: number): boolean;
+    setOpacity(key: string, opacity: number): boolean;
+    setTransform(key: string, anchor: SkPoint, position: SkPoint, scale: SkPoint, rotation: number, skew: number, skewAxis: number): boolean;
+    getSlotInfo(): SlotInfo;
+    setColorSlot(key: string, color: SkColor): boolean;
+    setScalarSlot(key: string, scalar: number): boolean;
+    setVec2Slot(key: string, vec2: SkPoint): boolean;
+    setTextSlot(key: string, text: SlottableTextProperty): boolean;
+    setImageSlot(key: string, assetName: string): boolean;
+    getColorSlot(key: string): SkColor | null;
+    getScalarSlot(key: string): number | null;
+    getVec2Slot(key: string): SkPoint | null;
+    getTextSlot(key: string): SlottableTextProperty | null;
+    duration(): number;
+    fps(): number;
+    render(canvas: JsiSkCanvas, dstRect?: SkRect): void;
+    seekFrame(frame: number, damageRect?: JsiSkRect): void;
+    size(): {
+        width: number;
+        height: number;
+    };
+    version(): string;
+}

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

@@ -0,0 +1,233 @@
+import { HostObject } from "./Host";
+import { JsiSkTypeface } from "./JsiSkTypeface";
+import { Color } from "./JsiSkColor";
+import { JsiSkRect } from "./JsiSkRect";
+export class JsiSkottieAnimation extends HostObject {
+  constructor(CanvasKit, ref) {
+    super(CanvasKit, ref, "SkottieAnimation");
+  }
+  getOpacityProps() {
+    return this.ref.getOpacityProps();
+  }
+  getTextProps() {
+    return this.ref.getTextProps();
+  }
+  getColorProps() {
+    return this.ref.getColorProps().map(({
+      key,
+      value
+    }) => ({
+      key,
+      value: Color(value)
+    }));
+  }
+  getTransformProps() {
+    return this.ref.getTransformProps().map(({
+      key,
+      value
+    }) => ({
+      key,
+      value: {
+        anchor: {
+          x: value.anchor[0],
+          y: value.anchor[1]
+        },
+        position: {
+          x: value.position[0],
+          y: value.position[1]
+        },
+        scale: {
+          x: value.scale[0],
+          y: value.scale[1]
+        },
+        rotation: value.rotation,
+        skew: value.skew,
+        skewAxis: value.skew_axis
+      }
+    }));
+  }
+  setColor(key, color) {
+    return this.ref.setColor(key, color);
+  }
+  setText(key, text, size) {
+    return this.ref.setText(key, text, size);
+  }
+  setOpacity(key, opacity) {
+    return this.ref.setOpacity(key, opacity);
+  }
+  setTransform(key, anchor, position, scale, rotation, skew, skewAxis) {
+    const a = Float32Array.of(anchor.x, anchor.y);
+    const p = Float32Array.of(position.x, position.y);
+    const s = Float32Array.of(scale.x, scale.y);
+    return this.ref.setTransform(key, a, p, s, rotation, skew, skewAxis);
+  }
+  getSlotInfo() {
+    return this.ref.getSlotInfo();
+  }
+  setColorSlot(key, color) {
+    return this.ref.setColorSlot(key, color);
+  }
+  setScalarSlot(key, scalar) {
+    return this.ref.setScalarSlot(key, scalar);
+  }
+  setVec2Slot(key, vec2) {
+    return this.ref.setVec2Slot(key, Float32Array.of(vec2.x, vec2.y));
+  }
+  setTextSlot(key, text) {
+    var _text$text, _text$textSize, _text$minTextSize, _text$maxTextSize, _text$strokeWidth, _text$lineHeight, _text$lineShift;
+    const txt = {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-expect-error
+      typeface: text.typeface && text.typeface instanceof JsiSkTypeface ? text.typeface.ref : null,
+      text: (_text$text = text.text) !== null && _text$text !== void 0 ? _text$text : "",
+      textSize: (_text$textSize = text.textSize) !== null && _text$textSize !== void 0 ? _text$textSize : 0,
+      minTextSize: (_text$minTextSize = text.minTextSize) !== null && _text$minTextSize !== void 0 ? _text$minTextSize : 0,
+      maxTextSize: (_text$maxTextSize = text.maxTextSize) !== null && _text$maxTextSize !== void 0 ? _text$maxTextSize : Number.MAX_VALUE,
+      strokeWidth: (_text$strokeWidth = text.strokeWidth) !== null && _text$strokeWidth !== void 0 ? _text$strokeWidth : 0,
+      lineHeight: (_text$lineHeight = text.lineHeight) !== null && _text$lineHeight !== void 0 ? _text$lineHeight : 0,
+      lineShift: (_text$lineShift = text.lineShift) !== null && _text$lineShift !== void 0 ? _text$lineShift : 0,
+      ascent: text.ascent,
+      maxLines: text.maxLines,
+      // TODO: implement
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      //@ts-expect-error
+      horizAlign: this.CanvasKit.TextAlign.Left,
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      //@ts-expect-error
+      vertAlign: this.CanvasKit.VerticalTextAlign.Top,
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      //@ts-expect-error
+      strokeJoin: this.CanvasKit.StrokeJoin.Miter,
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      //@ts-expect-error
+      direction: this.CanvasKit.TextDirection.LTR,
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-expect-error
+      linebreak: this.CanvasKit.LineBreakType.HardLineBreak,
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-expect-error
+      resize: this.CanvasKit.ResizePolicy.None,
+      boundingBox: text.boundingBox ? this.CanvasKit.XYWHRect(text.boundingBox.x, text.boundingBox.y, text.boundingBox.width, text.boundingBox.height) : [0, 0, 0, 0],
+      fillColor: text.fillColor ? Color(text.fillColor) : this.CanvasKit.TRANSPARENT,
+      strokeColor: text.strokeColor ? Color(text.strokeColor) : this.CanvasKit.TRANSPARENT
+    };
+    return this.ref.setTextSlot(key, txt);
+  }
+  setImageSlot(key, assetName) {
+    return this.ref.setImageSlot(key, assetName);
+  }
+  getColorSlot(key) {
+    const color = this.ref.getColorSlot(key);
+    return color;
+  }
+  getScalarSlot(key) {
+    return this.ref.getScalarSlot(key);
+  }
+  getVec2Slot(key) {
+    const vec2 = this.ref.getVec2Slot(key);
+    if (!vec2) {
+      return null;
+    }
+    return {
+      x: vec2[0],
+      y: vec2[1]
+    };
+  }
+  getTextSlot(key) {
+    const result = this.ref.getTextSlot(key);
+    const textSlot = {};
+    if (result) {
+      if (result.typeface) {
+        textSlot.typeface = new JsiSkTypeface(this.CanvasKit, result.typeface);
+      }
+      if (result.text) {
+        textSlot.text = result.text;
+      }
+      if (result.textSize !== undefined) {
+        textSlot.textSize = result.textSize;
+      }
+      if (result.minTextSize !== undefined) {
+        textSlot.minTextSize = result.minTextSize;
+      }
+      if (result.maxTextSize !== undefined) {
+        textSlot.maxTextSize = result.maxTextSize;
+      }
+      if (result.strokeWidth !== undefined) {
+        textSlot.strokeWidth = result.strokeWidth;
+      }
+      if (result.lineHeight !== undefined) {
+        textSlot.lineHeight = result.lineHeight;
+      }
+      if (result.lineShift !== undefined) {
+        textSlot.lineShift = result.lineShift;
+      }
+      if (result.ascent !== undefined) {
+        textSlot.ascent = result.ascent;
+      }
+      if (result.maxLines !== undefined) {
+        textSlot.maxLines = result.maxLines;
+      }
+      // if (result.horizAlign) {
+      //   textSlot.horizAlign = result.horizAlign;
+      // }
+      // if (result.vertAlign) {
+      //   textSlot.vertAlign = result.vertAlign;
+      // }
+      // if (result.strokeJoin) {
+      //   textSlot.strokeJoin = result.strokeJoin;
+      // }
+      // if (result.direction) {
+      //   textSlot.direction = result.direction;
+      // }
+      // if (result.linebreak) {
+      //   textSlot.linebreak = result.linebreak;
+      // }
+      // if (result.resize) {
+      //   textSlot.resize = result.resize;
+      // }
+      // if (result.boundingBox) {
+      //   textSlot.boundingBox = new JsiSkRect(
+      //     this.CanvasKit,
+      //     result.boundingBox
+      //   );
+      // }
+      // if (result.fillColor) {
+      //   textSlot.fillColor = Color(result.fillColor);
+      // }
+      // if (result.strokeColor) {
+      //   textSlot.strokeColor = Color(result.strokeColor);
+      // }
+    }
+    return textSlot;
+  }
+  duration() {
+    return this.ref.duration();
+  }
+  fps() {
+    return this.ref.fps();
+  }
+  render(canvas, dstRect) {
+    const [width, height] = this.ref.size();
+    this.ref.render(canvas.ref, dstRect && dstRect instanceof JsiSkRect ? dstRect.ref : Float32Array.of(0, 0, width, height));
+  }
+  seekFrame(frame, damageRect) {
+    const result = this.ref.seekFrame(frame);
+    if (damageRect && damageRect instanceof JsiSkRect) {
+      damageRect.ref[0] = result[0];
+      damageRect.ref[1] = result[1];
+      damageRect.ref[2] = result[2];
+      damageRect.ref[3] = result[3];
+    }
+  }
+  size() {
+    const [width, height] = this.ref.size();
+    return {
+      width,
+      height
+    };
+  }
+  version() {
+    return this.ref.version();
+  }
+}
+//# sourceMappingURL=JsiSkottieAnimation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HostObject","JsiSkTypeface","Color","JsiSkRect","JsiSkottieAnimation","constructor","CanvasKit","ref","getOpacityProps","getTextProps","getColorProps","map","key","value","getTransformProps","anchor","x","y","position","scale","rotation","skew","skewAxis","skew_axis","setColor","color","setText","text","size","setOpacity","opacity","setTransform","a","Float32Array","of","p","s","getSlotInfo","setColorSlot","setScalarSlot","scalar","setVec2Slot","vec2","setTextSlot","_text$text","_text$textSize","_text$minTextSize","_text$maxTextSize","_text$strokeWidth","_text$lineHeight","_text$lineShift","txt","typeface","textSize","minTextSize","maxTextSize","Number","MAX_VALUE","strokeWidth","lineHeight","lineShift","ascent","maxLines","horizAlign","TextAlign","Left","vertAlign","VerticalTextAlign","Top","strokeJoin","StrokeJoin","Miter","direction","TextDirection","LTR","linebreak","LineBreakType","HardLineBreak","resize","ResizePolicy","None","boundingBox","XYWHRect","width","height","fillColor","TRANSPARENT","strokeColor","setImageSlot","assetName","getColorSlot","getScalarSlot","getVec2Slot","getTextSlot","result","textSlot","undefined","duration","fps","render","canvas","dstRect","seekFrame","frame","damageRect","version"],"sources":["JsiSkottieAnimation.ts"],"sourcesContent":["import type {\n  CanvasKit,\n  ManagedSkottieAnimation,\n  SlottableTextProperty as CKSlottableTextProperty,\n} from \"canvaskit-wasm\";\n\nimport type {\n  SkSkottieAnimation,\n  SlotInfo,\n  SlottableTextProperty,\n} from \"../types/Skottie\";\nimport type { SkColor, SkPoint, SkRect } from \"../types\";\n\nimport { HostObject } from \"./Host\";\nimport type { JsiSkCanvas } from \"./JsiSkCanvas\";\nimport { JsiSkTypeface } from \"./JsiSkTypeface\";\nimport { Color } from \"./JsiSkColor\";\nimport { JsiSkRect } from \"./JsiSkRect\";\n\nexport class JsiSkottieAnimation\n  extends HostObject<ManagedSkottieAnimation, \"SkottieAnimation\">\n  implements SkSkottieAnimation\n{\n  constructor(CanvasKit: CanvasKit, ref: ManagedSkottieAnimation) {\n    super(CanvasKit, ref, \"SkottieAnimation\");\n  }\n  getOpacityProps() {\n    return this.ref.getOpacityProps();\n  }\n  getTextProps() {\n    return this.ref.getTextProps();\n  }\n  getColorProps() {\n    return this.ref\n      .getColorProps()\n      .map(({ key, value }) => ({ key, value: Color(value) }));\n  }\n  getTransformProps() {\n    return this.ref.getTransformProps().map(({ key, value }) => ({\n      key,\n      value: {\n        anchor: { x: value.anchor[0], y: value.anchor[1] },\n        position: { x: value.position[0], y: value.position[1] },\n        scale: { x: value.scale[0], y: value.scale[1] },\n        rotation: value.rotation,\n        skew: value.skew,\n        skewAxis: value.skew_axis,\n      },\n    }));\n  }\n  setColor(key: string, color: SkColor) {\n    return this.ref.setColor(key, color);\n  }\n  setText(key: string, text: string, size: number) {\n    return this.ref.setText(key, text, size);\n  }\n  setOpacity(key: string, opacity: number) {\n    return this.ref.setOpacity(key, opacity);\n  }\n  setTransform(\n    key: string,\n    anchor: SkPoint,\n    position: SkPoint,\n    scale: SkPoint,\n    rotation: number,\n    skew: number,\n    skewAxis: number\n  ) {\n    const a = Float32Array.of(anchor.x, anchor.y);\n    const p = Float32Array.of(position.x, position.y);\n    const s = Float32Array.of(scale.x, scale.y);\n    return this.ref.setTransform(key, a, p, s, rotation, skew, skewAxis);\n  }\n\n  getSlotInfo(): SlotInfo {\n    return this.ref.getSlotInfo();\n  }\n  setColorSlot(key: string, color: SkColor) {\n    return this.ref.setColorSlot(key, color);\n  }\n  setScalarSlot(key: string, scalar: number) {\n    return this.ref.setScalarSlot(key, scalar);\n  }\n  setVec2Slot(key: string, vec2: SkPoint) {\n    return this.ref.setVec2Slot(key, Float32Array.of(vec2.x, vec2.y));\n  }\n  setTextSlot(key: string, text: SlottableTextProperty): boolean {\n    const txt: CKSlottableTextProperty = {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-expect-error\n      typeface:\n        text.typeface && text.typeface instanceof JsiSkTypeface\n          ? text.typeface.ref\n          : null,\n      text: text.text ?? \"\",\n      textSize: text.textSize ?? 0,\n      minTextSize: text.minTextSize ?? 0,\n      maxTextSize: text.maxTextSize ?? Number.MAX_VALUE,\n      strokeWidth: text.strokeWidth ?? 0,\n      lineHeight: text.lineHeight ?? 0,\n      lineShift: text.lineShift ?? 0,\n      ascent: text.ascent,\n      maxLines: text.maxLines,\n      // TODO: implement\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      //@ts-expect-error\n      horizAlign: this.CanvasKit.TextAlign.Left,\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      //@ts-expect-error\n      vertAlign: this.CanvasKit.VerticalTextAlign.Top,\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      //@ts-expect-error\n      strokeJoin: this.CanvasKit.StrokeJoin.Miter,\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      //@ts-expect-error\n      direction: this.CanvasKit.TextDirection.LTR,\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-expect-error\n      linebreak: this.CanvasKit.LineBreakType.HardLineBreak,\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-expect-error\n      resize: this.CanvasKit.ResizePolicy.None,\n      boundingBox: text.boundingBox\n        ? this.CanvasKit.XYWHRect(\n            text.boundingBox.x,\n            text.boundingBox.y,\n            text.boundingBox.width,\n            text.boundingBox.height\n          )\n        : [0, 0, 0, 0],\n      fillColor: text.fillColor\n        ? Color(text.fillColor)\n        : this.CanvasKit.TRANSPARENT,\n      strokeColor: text.strokeColor\n        ? Color(text.strokeColor)\n        : this.CanvasKit.TRANSPARENT,\n    };\n    return this.ref.setTextSlot(key, txt);\n  }\n  setImageSlot(key: string, assetName: string) {\n    return this.ref.setImageSlot(key, assetName);\n  }\n  getColorSlot(key: string): SkColor | null {\n    const color = this.ref.getColorSlot(key);\n    return color;\n  }\n  getScalarSlot(key: string) {\n    return this.ref.getScalarSlot(key);\n  }\n  getVec2Slot(key: string): SkPoint | null {\n    const vec2 = this.ref.getVec2Slot(key);\n    if (!vec2) {\n      return null;\n    }\n    return { x: vec2[0], y: vec2[1] };\n  }\n  getTextSlot(key: string): SlottableTextProperty | null {\n    const result = this.ref.getTextSlot(key);\n    const textSlot: SlottableTextProperty = {};\n    if (result) {\n      if (result.typeface) {\n        textSlot.typeface = new JsiSkTypeface(this.CanvasKit, result.typeface);\n      }\n      if (result.text) {\n        textSlot.text = result.text;\n      }\n      if (result.textSize !== undefined) {\n        textSlot.textSize = result.textSize;\n      }\n      if (result.minTextSize !== undefined) {\n        textSlot.minTextSize = result.minTextSize;\n      }\n      if (result.maxTextSize !== undefined) {\n        textSlot.maxTextSize = result.maxTextSize;\n      }\n      if (result.strokeWidth !== undefined) {\n        textSlot.strokeWidth = result.strokeWidth;\n      }\n      if (result.lineHeight !== undefined) {\n        textSlot.lineHeight = result.lineHeight;\n      }\n      if (result.lineShift !== undefined) {\n        textSlot.lineShift = result.lineShift;\n      }\n      if (result.ascent !== undefined) {\n        textSlot.ascent = result.ascent;\n      }\n      if (result.maxLines !== undefined) {\n        textSlot.maxLines = result.maxLines;\n      }\n      // if (result.horizAlign) {\n      //   textSlot.horizAlign = result.horizAlign;\n      // }\n      // if (result.vertAlign) {\n      //   textSlot.vertAlign = result.vertAlign;\n      // }\n      // if (result.strokeJoin) {\n      //   textSlot.strokeJoin = result.strokeJoin;\n      // }\n      // if (result.direction) {\n      //   textSlot.direction = result.direction;\n      // }\n      // if (result.linebreak) {\n      //   textSlot.linebreak = result.linebreak;\n      // }\n      // if (result.resize) {\n      //   textSlot.resize = result.resize;\n      // }\n      // if (result.boundingBox) {\n      //   textSlot.boundingBox = new JsiSkRect(\n      //     this.CanvasKit,\n      //     result.boundingBox\n      //   );\n      // }\n      // if (result.fillColor) {\n      //   textSlot.fillColor = Color(result.fillColor);\n      // }\n      // if (result.strokeColor) {\n      //   textSlot.strokeColor = Color(result.strokeColor);\n      // }\n    }\n    return textSlot;\n  }\n\n  duration() {\n    return this.ref.duration();\n  }\n  fps() {\n    return this.ref.fps();\n  }\n  render(canvas: JsiSkCanvas, dstRect?: SkRect) {\n    const [width, height] = this.ref.size();\n    this.ref.render(\n      canvas.ref,\n      dstRect && dstRect instanceof JsiSkRect\n        ? dstRect.ref\n        : Float32Array.of(0, 0, width, height)\n    );\n  }\n  seekFrame(frame: number, damageRect?: JsiSkRect) {\n    const result = this.ref.seekFrame(frame);\n    if (damageRect && damageRect instanceof JsiSkRect) {\n      damageRect.ref[0] = result[0];\n      damageRect.ref[1] = result[1];\n      damageRect.ref[2] = result[2];\n      damageRect.ref[3] = result[3];\n    }\n  }\n  size() {\n    const [width, height] = this.ref.size();\n    return { width, height };\n  }\n  version() {\n    return this.ref.version();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import type { CanvasKit } from "canvaskit-wasm";
+import type { SkottieFactory } from "../types";
+import { Host } from "./Host";
+import { JsiSkottieAnimation } from "./JsiSkottieAnimation";
+import type { JsiSkData } from "./JsiSkData";
+export declare class JsiSkottieFactory extends Host implements SkottieFactory {
+    constructor(CanvasKit: CanvasKit);
+    Make(json: string, assets?: Record<string, JsiSkData>): JsiSkottieAnimation;
+}

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

@@ -0,0 +1,19 @@
+import { Host } from "./Host";
+import { JsiSkottieAnimation } from "./JsiSkottieAnimation";
+export class JsiSkottieFactory extends Host {
+  constructor(CanvasKit) {
+    super(CanvasKit);
+  }
+  Make(json, assets) {
+    const rawAssets = {};
+    for (const [key, value] of Object.entries(assets !== null && assets !== void 0 ? assets : {})) {
+      rawAssets[key] = value.ref;
+    }
+    const animation = this.CanvasKit.MakeManagedAnimation(json, rawAssets);
+    if (!animation) {
+      throw new Error("Failed to create SkottieAnimation");
+    }
+    return new JsiSkottieAnimation(this.CanvasKit, animation);
+  }
+}
+//# sourceMappingURL=JsiSkottieFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Host","JsiSkottieAnimation","JsiSkottieFactory","constructor","CanvasKit","Make","json","assets","rawAssets","key","value","Object","entries","ref","animation","MakeManagedAnimation","Error"],"sources":["JsiSkottieFactory.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type { SkottieFactory } from \"../types\";\n\nimport { Host } from \"./Host\";\nimport { JsiSkottieAnimation } from \"./JsiSkottieAnimation\";\nimport type { JsiSkData } from \"./JsiSkData\";\n\nexport class JsiSkottieFactory extends Host implements SkottieFactory {\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  Make(json: string, assets?: Record<string, JsiSkData>) {\n    const rawAssets: { [key: string]: ArrayBuffer } = {};\n    for (const [key, value] of Object.entries(assets ?? {})) {\n      rawAssets[key] = value.ref;\n    }\n    const animation = this.CanvasKit.MakeManagedAnimation(json, rawAssets);\n    if (!animation) {\n      throw new Error(\"Failed to create SkottieAnimation\");\n    }\n    return new JsiSkottieAnimation(this.CanvasKit, animation);\n  }\n}\n"],"mappings":"AAIA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,SAASC,mBAAmB,QAAQ,uBAAuB;AAG3D,OAAO,MAAMC,iBAAiB,SAASF,IAAI,CAA2B;EACpEG,WAAWA,CAACC,SAAoB,EAAE;IAChC,KAAK,CAACA,SAAS,CAAC;EAClB;EAEAC,IAAIA,CAACC,IAAY,EAAEC,MAAkC,EAAE;IACrD,MAAMC,SAAyC,GAAG,CAAC,CAAC;IACpD,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,CAAC,CAAC,CAAC,EAAE;MACvDC,SAAS,CAACC,GAAG,CAAC,GAAGC,KAAK,CAACG,GAAG;IAC5B;IACA,MAAMC,SAAS,GAAG,IAAI,CAACV,SAAS,CAACW,oBAAoB,CAACT,IAAI,EAAEE,SAAS,CAAC;IACtE,IAAI,CAACM,SAAS,EAAE;MACd,MAAM,IAAIE,KAAK,CAAC,mCAAmC,CAAC;IACtD;IACA,OAAO,IAAIf,mBAAmB,CAAC,IAAI,CAACG,SAAS,EAAEU,SAAS,CAAC;EAC3D;AACF","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+import type { CanvasKit, Surface } from "canvaskit-wasm";
+import type { Video, ImageFactory } from "../types";
+export declare const createVideo: (CanvasKit: CanvasKit, url: string) => Promise<Video>;
+export declare class JsiVideo implements Video {
+    private ImageFactory;
+    private videoElement;
+    __typename__: "Video";
+    private webglBuffer;
+    constructor(ImageFactory: ImageFactory, videoElement: HTMLVideoElement);
+    duration(): number;
+    framerate(): number;
+    currentTime(): number;
+    setSurface(surface: Surface): void;
+    nextImage(): import("../types").SkImage;
+    seek(time: number): void;
+    rotation(): 0;
+    size(): {
+        width: number;
+        height: number;
+    };
+    pause(): void;
+    play(): void;
+    setVolume(volume: number): void;
+    setLooping(looping: boolean): void;
+    isPlaying(): boolean;
+    [Symbol.dispose](): void;
+    dispose(): void;
+}

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

@@ -0,0 +1,88 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { CanvasKitWebGLBufferImpl } from "./CanvasKitWebGLBufferImpl";
+import { JsiSkImageFactory } from "./JsiSkImageFactory";
+import { throwNotImplementedOnRNWeb } from "./Host";
+export const createVideo = async (CanvasKit, url) => {
+  const video = document.createElement("video");
+  return new Promise((resolve, reject) => {
+    video.src = url;
+    video.style.display = "none";
+    video.crossOrigin = "anonymous";
+    video.volume = 0;
+    video.addEventListener("loadedmetadata", () => {
+      document.body.appendChild(video);
+      resolve(new JsiVideo(new JsiSkImageFactory(CanvasKit), video));
+    });
+    video.addEventListener("error", () => {
+      reject(new Error(`Failed to load video from URL: ${url}`));
+    });
+  });
+};
+export class JsiVideo {
+  constructor(ImageFactory, videoElement) {
+    this.ImageFactory = ImageFactory;
+    this.videoElement = videoElement;
+    _defineProperty(this, "__typename__", "Video");
+    _defineProperty(this, "webglBuffer", null);
+    document.body.appendChild(this.videoElement);
+  }
+  duration() {
+    return this.videoElement.duration * 1000;
+  }
+  framerate() {
+    return throwNotImplementedOnRNWeb();
+  }
+  currentTime() {
+    return this.videoElement.currentTime * 1000;
+  }
+  setSurface(surface) {
+    // If we have the surface, we can use the WebGL buffer which is slightly faster
+    // This is because WebGL cannot be shared across contextes.
+    // This can be removed with WebGPU
+    this.webglBuffer = new CanvasKitWebGLBufferImpl(surface, this.videoElement);
+  }
+  nextImage() {
+    return this.ImageFactory.MakeImageFromNativeBuffer(this.webglBuffer ? this.webglBuffer : this.videoElement);
+  }
+  seek(time) {
+    if (isNaN(time)) {
+      throw new Error(`Invalid time: ${time}`);
+    }
+    this.videoElement.currentTime = time / 1000;
+  }
+  rotation() {
+    return 0;
+  }
+  size() {
+    return {
+      width: this.videoElement.videoWidth,
+      height: this.videoElement.videoHeight
+    };
+  }
+  pause() {
+    this.videoElement.pause();
+  }
+  play() {
+    this.videoElement.play();
+  }
+  setVolume(volume) {
+    this.videoElement.volume = volume;
+  }
+  setLooping(looping) {
+    this.videoElement.loop = looping;
+  }
+  isPlaying() {
+    return !this.videoElement.paused && !this.videoElement.ended;
+  }
+  [Symbol.dispose]() {
+    if (this.videoElement.parentNode) {
+      this.videoElement.parentNode.removeChild(this.videoElement);
+    }
+  }
+  dispose() {
+    this[Symbol.dispose]();
+  }
+}
+//# sourceMappingURL=JsiVideo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CanvasKitWebGLBufferImpl","JsiSkImageFactory","throwNotImplementedOnRNWeb","createVideo","CanvasKit","url","video","document","createElement","Promise","resolve","reject","src","style","display","crossOrigin","volume","addEventListener","body","appendChild","JsiVideo","Error","constructor","ImageFactory","videoElement","_defineProperty","duration","framerate","currentTime","setSurface","surface","webglBuffer","nextImage","MakeImageFromNativeBuffer","seek","time","isNaN","rotation","size","width","videoWidth","height","videoHeight","pause","play","setVolume","setLooping","looping","loop","isPlaying","paused","ended","Symbol","dispose","parentNode","removeChild"],"sources":["JsiVideo.ts"],"sourcesContent":["import type { CanvasKit, Surface } from \"canvaskit-wasm\";\n\nimport type { CanvasKitWebGLBuffer, Video, ImageFactory } from \"../types\";\n\nimport { CanvasKitWebGLBufferImpl } from \"./CanvasKitWebGLBufferImpl\";\nimport { JsiSkImageFactory } from \"./JsiSkImageFactory\";\nimport { throwNotImplementedOnRNWeb } from \"./Host\";\n\nexport const createVideo = async (\n  CanvasKit: CanvasKit,\n  url: string\n): Promise<Video> => {\n  const video = document.createElement(\"video\");\n  return new Promise((resolve, reject) => {\n    video.src = url;\n    video.style.display = \"none\";\n    video.crossOrigin = \"anonymous\";\n    video.volume = 0;\n    video.addEventListener(\"loadedmetadata\", () => {\n      document.body.appendChild(video);\n      resolve(new JsiVideo(new JsiSkImageFactory(CanvasKit), video));\n    });\n    video.addEventListener(\"error\", () => {\n      reject(new Error(`Failed to load video from URL: ${url}`));\n    });\n  });\n};\n\nexport class JsiVideo implements Video {\n  __typename__ = \"Video\" as const;\n\n  private webglBuffer: CanvasKitWebGLBuffer | null = null;\n\n  constructor(\n    private ImageFactory: ImageFactory,\n    private videoElement: HTMLVideoElement\n  ) {\n    document.body.appendChild(this.videoElement);\n  }\n\n  duration() {\n    return this.videoElement.duration * 1000;\n  }\n\n  framerate(): number {\n    return throwNotImplementedOnRNWeb<number>();\n  }\n\n  currentTime() {\n    return this.videoElement.currentTime * 1000;\n  }\n\n  setSurface(surface: Surface) {\n    // If we have the surface, we can use the WebGL buffer which is slightly faster\n    // This is because WebGL cannot be shared across contextes.\n    // This can be removed with WebGPU\n    this.webglBuffer = new CanvasKitWebGLBufferImpl(surface, this.videoElement);\n  }\n\n  nextImage() {\n    return this.ImageFactory.MakeImageFromNativeBuffer(\n      this.webglBuffer ? this.webglBuffer : this.videoElement\n    );\n  }\n\n  seek(time: number) {\n    if (isNaN(time)) {\n      throw new Error(`Invalid time: ${time}`);\n    }\n    this.videoElement.currentTime = time / 1000;\n  }\n\n  rotation() {\n    return 0 as const;\n  }\n\n  size() {\n    return {\n      width: this.videoElement.videoWidth,\n      height: this.videoElement.videoHeight,\n    };\n  }\n\n  pause() {\n    this.videoElement.pause();\n  }\n\n  play() {\n    this.videoElement.play();\n  }\n\n  setVolume(volume: number) {\n    this.videoElement.volume = volume;\n  }\n\n  setLooping(looping: boolean) {\n    this.videoElement.loop = looping;\n  }\n\n  isPlaying() {\n    return !this.videoElement.paused && !this.videoElement.ended;\n  }\n\n  [Symbol.dispose]() {\n    if (this.videoElement.parentNode) {\n      this.videoElement.parentNode.removeChild(this.videoElement);\n    }\n  }\n\n  dispose() {\n    this[Symbol.dispose]();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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","ignoreList":[]}

package/lib/module/sksg/Container.d.ts

@@ -0,0 +1,3 @@
+import type { Skia } from "../skia/types";
+import { StaticContainer } from "./StaticContainer";
+export declare const createContainer: (Skia: Skia, nativeId: number) => StaticContainer;

package/lib/module/sksg/Container.js

@@ -0,0 +1,5 @@
+import { StaticContainer } from "./StaticContainer";
+export const createContainer = (Skia, nativeId) => {
+  return new StaticContainer(Skia, nativeId);
+};
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StaticContainer","createContainer","Skia","nativeId"],"sources":["Container.ts"],"sourcesContent":["import type { Skia } from \"../skia/types\";\n\nimport { StaticContainer } from \"./StaticContainer\";\n\nexport const createContainer = (Skia: Skia, nativeId: number) => {\n  return new StaticContainer(Skia, nativeId);\n};\n"],"mappings":"AAEA,SAASA,eAAe,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,eAAe,GAAGA,CAACC,IAAU,EAAEC,QAAgB,KAAK;EAC/D,OAAO,IAAIH,eAAe,CAACE,IAAI,EAAEC,QAAQ,CAAC;AAC5C,CAAC","ignoreList":[]}

package/lib/module/sksg/Container.native.d.ts

@@ -0,0 +1,28 @@
+import type { Skia } from "../skia/types";
+import { Container, StaticContainer } from "./StaticContainer";
+import "../skia/NativeSetup";
+import "../views/api";
+/**
+ * Records the scene graph on the JS thread and hands the native recorder to
+ * the view, which owns it and replays it on every draw. The Reanimated mapper
+ * only pushes the shared values into that recorder through the view id: no
+ * Skia object is captured by a worklet, so nothing on the UI runtime holds
+ * native memory. The JS wrapper is disposed right after the handoff, so the
+ * view is the sole owner and the resources referenced by the recording
+ * (images, pictures) are released when the view replaces it or is torn down,
+ * not when a garbage collector gets around to a wrapper.
+ *
+ * Unmounting does not clear the view: the native view can outlive the React
+ * tree (exit animations, screen transitions) and keeps showing its last frame
+ * until it is torn down, which is when the recording is released.
+ */
+declare class NativeReanimatedContainer extends Container {
+    private nativeId;
+    private mapperId;
+    constructor(Skia: Skia, nativeId: number);
+    private stopMapper;
+    unmount(): void;
+    redraw(): void;
+}
+export declare const createContainer: (Skia: Skia, nativeId: number) => StaticContainer | NativeReanimatedContainer;
+export {};