react-native-skia 3.0.4 → 3.0.5

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

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

@@ -1 +0,0 @@
-{"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/typescript/src/external/reanimated/useVideo.d.ts

@@ -1,21 +0,0 @@
-import type { SharedValue } from "react-native-reanimated";
-import type { SkImage } from "../../skia/types";
-type MaybeAnimated<T> = SharedValue<T> | T;
-interface PlaybackOptions {
-    looping: MaybeAnimated<boolean>;
-    paused: MaybeAnimated<boolean>;
-    seek: MaybeAnimated<number | null>;
-    volume: MaybeAnimated<number>;
-}
-export declare const useVideo: (source: string | null, userOptions?: Partial<PlaybackOptions>) => {
-    currentFrame: SharedValue<SkImage | null>;
-    currentTime: SharedValue<number>;
-    duration: number;
-    framerate: number;
-    rotation: import("../../skia/types").VideoRotation;
-    size: {
-        width: number;
-        height: number;
-    };
-};
-export {};

package/lib/typescript/src/external/reanimated/useVideoLoading.d.ts

@@ -1,4 +0,0 @@
-import type { Video } from "../../skia/types";
-type VideoSource = string | null;
-export declare const useVideoLoading: (source: VideoSource) => Video | null;
-export {};

package/lib/typescript/src/external/reanimated/useVideoLoading.web.d.ts

@@ -1,4 +0,0 @@
-import type { Video } from "../../skia/types";
-type VideoSource = string | null;
-export declare const useVideoLoading: (source: VideoSource) => Video | null;
-export {};

package/lib/typescript/src/skia/types/NativeBuffer/NativeBufferFactory.d.ts

@@ -1,29 +0,0 @@
-import type { SkImage } from "../Image";
-export declare abstract class CanvasKitWebGLBuffer {
-}
-export type NativeBuffer<T extends bigint | ArrayBuffer | CanvasImageSource | CanvasKitWebGLBuffer | unknown = unknown> = T;
-export type NativeBufferAddr = NativeBuffer<bigint>;
-export type NativeBufferWeb = NativeBuffer<CanvasImageSource>;
-export type NativeBufferNode = NativeBuffer<ArrayBuffer>;
-export declare const isNativeBufferAddr: (buffer: NativeBuffer) => buffer is NativeBufferAddr;
-export declare const isNativeBufferWeb: (buffer: NativeBuffer) => buffer is NativeBufferWeb;
-export declare const isNativeBufferNode: (buffer: NativeBuffer) => buffer is NativeBufferNode;
-export interface NativeBufferFactory {
-    /**
-     * Copy pixels to a native buffer.
-     */
-    MakeFromImage: (image: SkImage) => NativeBuffer;
-    /**
-     * Create a native buffer of the given size filled with a procedural test
-     * pattern (RGB gradient + diagonal stripes), entirely on the CPU. Useful for
-     * examples and tests that need a buffer to feed into
-     * `GPUDevice.importExternalTexture` without a camera/video source. Release it
-     * with `Release`.
-     */
-    MakeTestBuffer: (width: number, height: number) => NativeBuffer;
-    /**
-     * Release a native buffer that was created with `MakeFromImage` or
-     * `MakeTestBuffer`.
-     */
-    Release: (nativeBuffer: NativeBuffer) => void;
-}

package/lib/typescript/src/skia/types/NativeBuffer/index.d.ts

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

package/lib/typescript/src/skia/types/Video/Video.d.ts

@@ -1,20 +0,0 @@
-import type { SkImage } from "../Image";
-import type { SkJSIInstance } from "../JsiInstance";
-export type VideoRotation = 0 | 90 | 180 | 270;
-export interface Video extends SkJSIInstance<"Video"> {
-    duration(): number;
-    framerate(): number;
-    currentTime(): number;
-    nextImage(): SkImage | null;
-    seek(time: number): void;
-    rotation(): VideoRotation;
-    size(): {
-        width: number;
-        height: number;
-    };
-    pause(): void;
-    play(): void;
-    setVolume(volume: number): void;
-    setLooping(looping: boolean): void;
-    isPlaying(): boolean;
-}

package/lib/typescript/src/skia/types/Video/index.d.ts

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

package/lib/typescript/src/skia/web/CanvasKitWebGLBufferImpl.d.ts

@@ -1,9 +0,0 @@
-import type { Surface, TextureSource, Image } from "canvaskit-wasm";
-import { CanvasKitWebGLBuffer } from "../types";
-export declare class CanvasKitWebGLBufferImpl extends CanvasKitWebGLBuffer {
-    surface: Surface;
-    private source;
-    image: Image | null;
-    constructor(surface: Surface, source: TextureSource);
-    toImage(): Image;
-}

package/lib/typescript/src/skia/web/JsiSkNativeBufferFactory.d.ts

@@ -1,9 +0,0 @@
-import type { CanvasKit } from "canvaskit-wasm";
-import type { NativeBuffer, NativeBufferFactory, SkImage } from "../types";
-import { Host } from "./Host";
-export declare class JsiSkNativeBufferFactory extends Host implements NativeBufferFactory {
-    constructor(CanvasKit: CanvasKit);
-    MakeFromImage(image: SkImage): NativeBuffer;
-    MakeTestBuffer(width: number, height: number): NativeBuffer;
-    Release(_nativeBuffer: NativeBuffer): void;
-}

package/lib/typescript/src/skia/web/JsiVideo.d.ts

@@ -1,28 +0,0 @@
-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/src/external/reanimated/useVideo.ts

@@ -1,161 +0,0 @@
-import type { SharedValue, FrameInfo } from "react-native-reanimated";
-import { useEffect, useMemo } from "react";
-
-import type { SkImage, Video } from "../../skia/types";
-import { Platform } from "../../Platform";
-
-import Rea from "./ReanimatedProxy";
-import { useVideoLoading } from "./useVideoLoading";
-
-type MaybeAnimated<T> = SharedValue<T> | T;
-
-interface PlaybackOptions {
-  looping: MaybeAnimated<boolean>;
-  paused: MaybeAnimated<boolean>;
-  seek: MaybeAnimated<number | null>;
-  volume: MaybeAnimated<number>;
-}
-
-const copyFrameOnAndroid = (currentFrame: SharedValue<SkImage | null>) => {
-  "worklet";
-  // on android we need to copy the texture before it's invalidated
-  if (Platform.OS === "android") {
-    const tex = currentFrame.value;
-    if (tex) {
-      const copy = tex.makeNonTextureImage();
-      if (copy) {
-        currentFrame.value = copy;
-        tex.dispose();
-      }
-      // If copy fails, keep the original frame rather than showing black
-    }
-  }
-};
-
-const setFrame = (video: Video, currentFrame: SharedValue<SkImage | null>) => {
-  "worklet";
-  const img = video.nextImage();
-  if (img) {
-    currentFrame.value?.dispose();
-    currentFrame.value = img;
-    copyFrameOnAndroid(currentFrame);
-  }
-};
-
-const defaultOptions = {
-  looping: true,
-  paused: false,
-  seek: null,
-  volume: 0,
-};
-
-const useOption = <T>(value: MaybeAnimated<T>) => {
-  "worklet";
-  const defaultValue = Rea.useSharedValue(
-    Rea.isSharedValue(value) ? value.value : value
-  );
-  return Rea.isSharedValue(value)
-    ? (value as SharedValue<T>)
-    : (defaultValue as SharedValue<T>);
-};
-
-const disposeVideo = (video: Video | null) => {
-  "worklet";
-  video?.dispose();
-};
-
-export const useVideo = (
-  source: string | null,
-  userOptions?: Partial<PlaybackOptions>
-) => {
-  const video = useVideoLoading(source);
-  const isPaused = useOption(userOptions?.paused ?? defaultOptions.paused);
-  const looping = useOption(userOptions?.looping ?? defaultOptions.looping);
-  const seek = useOption(userOptions?.seek ?? defaultOptions.seek);
-  const volume = useOption(userOptions?.volume ?? defaultOptions.volume);
-  const currentFrame = Rea.useSharedValue<null | SkImage>(null);
-  const currentTime = Rea.useSharedValue(0);
-  const duration = useMemo(() => video?.duration() ?? 0, [video]);
-  const framerate = useMemo(
-    () => (Platform.OS === "web" ? -1 : (video?.framerate() ?? 0)),
-    [video]
-  );
-  const size = useMemo(() => video?.size() ?? { width: 0, height: 0 }, [video]);
-  const rotation = useMemo(() => video?.rotation() ?? 0, [video]);
-
-  // Handle pause/play state changes
-  Rea.useAnimatedReaction(
-    () => isPaused.value,
-    (paused) => {
-      if (paused) {
-        video?.pause();
-      } else {
-        video?.play();
-      }
-    }
-  );
-
-  // Handle seek
-  Rea.useAnimatedReaction(
-    () => seek.value,
-    (value) => {
-      if (value !== null) {
-        video?.seek(value);
-        seek.value = null;
-      }
-    }
-  );
-
-  // Handle volume changes
-  Rea.useAnimatedReaction(
-    () => volume.value,
-    (value) => {
-      video?.setVolume(value);
-    }
-  );
-
-  // Handle looping changes
-  Rea.useAnimatedReaction(
-    () => looping.value,
-    (value) => {
-      video?.setLooping(value);
-    }
-  );
-
-  // Frame callback - simplified since native handles frame timing
-  Rea.useFrameCallback((_frameInfo: FrameInfo) => {
-    "worklet";
-    if (!video) {
-      return;
-    }
-    // Update current time from native player
-    currentTime.value = video.currentTime();
-    // Get the latest frame (native handles timing via CADisplayLink/etc)
-    setFrame(video, currentFrame);
-  });
-
-  // Apply initial state when video becomes available
-  useEffect(() => {
-    if (video) {
-      video.setLooping(looping.value);
-      video.setVolume(volume.value);
-      if (isPaused.value) {
-        video.pause();
-      } else {
-        video.play();
-      }
-    }
-    return () => {
-      Rea.runOnUI(disposeVideo)(video);
-    };
-  }, [video, isPaused, looping, volume]);
-
-  return {
-    currentFrame,
-    currentTime,
-    duration,
-    framerate,
-    rotation,
-    size,
-  };
-};

package/src/external/reanimated/useVideoLoading.ts

@@ -1,39 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-import type { WorkletRuntime } from "react-native-reanimated";
-
-import type { Video } from "../../skia/types";
-import { Skia } from "../../skia";
-
-import Rea from "./ReanimatedProxy";
-
-// Created lazily: accessing the proxy at module scope would require
-// react-native-reanimated as soon as the package is imported, and would spawn
-// the runtime even for apps that never load a video.
-let runtime: WorkletRuntime | undefined;
-const getRuntime = () => {
-  if (runtime === undefined) {
-    runtime = Rea.createWorkletRuntime("video-metadata-runtime");
-  }
-  return runtime;
-};
-
-type VideoSource = string | null;
-
-export const useVideoLoading = (source: VideoSource) => {
-  const { runOnJS } = Rea;
-  const [video, setVideo] = useState<Video | null>(null);
-  const cb = useCallback(
-    (src: string) => {
-      "worklet";
-      const vid = Skia.Video(src) as Video;
-      runOnJS(setVideo)(vid);
-    },
-    [runOnJS]
-  );
-  useEffect(() => {
-    if (source) {
-      Rea.runOnRuntime(getRuntime(), cb)(source);
-    }
-  }, [cb, source]);
-  return video;
-};

package/src/external/reanimated/useVideoLoading.web.ts

@@ -1,17 +0,0 @@
-import { useEffect, useState } from "react";
-
-import type { Video } from "../../skia/types";
-import { Skia } from "../../skia";
-
-type VideoSource = string | null;
-
-export const useVideoLoading = (source: VideoSource) => {
-  const [video, setVideo] = useState<Video | null>(null);
-  useEffect(() => {
-    if (source) {
-      const vid = Skia.Video(source) as Promise<Video>;
-      vid.then((v) => setVideo(v));
-    }
-  }, [source]);
-  return video;
-};

package/src/skia/types/NativeBuffer/NativeBufferFactory.ts

@@ -1,52 +0,0 @@
-import type { SkImage } from "../Image";
-
-export abstract class CanvasKitWebGLBuffer {}
-
-export type NativeBuffer<
-  T extends
-    bigint | ArrayBuffer | CanvasImageSource | CanvasKitWebGLBuffer | unknown =
-    unknown,
-> = T;
-
-export type NativeBufferAddr = NativeBuffer<bigint>;
-export type NativeBufferWeb = NativeBuffer<CanvasImageSource>;
-export type NativeBufferNode = NativeBuffer<ArrayBuffer>;
-
-export const isNativeBufferAddr = (
-  buffer: NativeBuffer
-): buffer is NativeBufferAddr => buffer instanceof BigInt;
-export const isNativeBufferWeb = (
-  buffer: NativeBuffer
-): buffer is NativeBufferWeb =>
-  buffer instanceof HTMLVideoElement ||
-  buffer instanceof HTMLCanvasElement ||
-  buffer instanceof ImageBitmap ||
-  buffer instanceof OffscreenCanvas ||
-  (typeof VideoFrame !== "undefined" && buffer instanceof VideoFrame) ||
-  buffer instanceof HTMLImageElement ||
-  buffer instanceof SVGImageElement ||
-  buffer instanceof CanvasKitWebGLBuffer;
-
-export const isNativeBufferNode = (
-  buffer: NativeBuffer
-): buffer is NativeBufferNode => buffer instanceof ArrayBuffer;
-
-export interface NativeBufferFactory {
-  /**
-   * Copy pixels to a native buffer.
-   */
-  MakeFromImage: (image: SkImage) => NativeBuffer;
-  /**
-   * Create a native buffer of the given size filled with a procedural test
-   * pattern (RGB gradient + diagonal stripes), entirely on the CPU. Useful for
-   * examples and tests that need a buffer to feed into
-   * `GPUDevice.importExternalTexture` without a camera/video source. Release it
-   * with `Release`.
-   */
-  MakeTestBuffer: (width: number, height: number) => NativeBuffer;
-  /**
-   * Release a native buffer that was created with `MakeFromImage` or
-   * `MakeTestBuffer`.
-   */
-  Release: (nativeBuffer: NativeBuffer) => void;
-}

package/src/skia/types/NativeBuffer/index.ts

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

package/src/skia/types/Video/Video.ts

@@ -1,19 +0,0 @@
-import type { SkImage } from "../Image";
-import type { SkJSIInstance } from "../JsiInstance";
-
-export type VideoRotation = 0 | 90 | 180 | 270;
-
-export interface Video extends SkJSIInstance<"Video"> {
-  duration(): number;
-  framerate(): number;
-  currentTime(): number;
-  nextImage(): SkImage | null;
-  seek(time: number): void;
-  rotation(): VideoRotation;
-  size(): { width: number; height: number };
-  pause(): void;
-  play(): void;
-  setVolume(volume: number): void;
-  setLooping(looping: boolean): void;
-  isPlaying(): boolean;
-}

package/src/skia/types/Video/index.ts

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

package/src/skia/web/CanvasKitWebGLBufferImpl.ts

@@ -1,25 +0,0 @@
-import type { Surface, TextureSource, Image } from "canvaskit-wasm";
-
-import { CanvasKitWebGLBuffer } from "../types";
-
-export class CanvasKitWebGLBufferImpl extends CanvasKitWebGLBuffer {
-  public image: Image | null = null;
-
-  constructor(
-    public surface: Surface,
-    private source: TextureSource
-  ) {
-    super();
-  }
-
-  toImage() {
-    if (this.image === null) {
-      this.image = this.surface.makeImageFromTextureSource(this.source);
-    }
-    if (this.image === null) {
-      throw new Error("Failed to create image from texture source");
-    }
-    this.surface.updateTextureFromSource(this.image, this.source);
-    return this.image;
-  }
-}

package/src/skia/web/JsiSkNativeBufferFactory.ts

@@ -1,51 +0,0 @@
-import type { CanvasKit } from "canvaskit-wasm";
-
-import type { NativeBuffer, NativeBufferFactory, SkImage } from "../types";
-
-import { Host } from "./Host";
-
-export class JsiSkNativeBufferFactory
-  extends Host
-  implements NativeBufferFactory
-{
-  constructor(CanvasKit: CanvasKit) {
-    super(CanvasKit);
-  }
-
-  MakeFromImage(image: SkImage): NativeBuffer {
-    const info = image.getImageInfo();
-    const uint8ClampedArray = new Uint8ClampedArray(image.readPixels()!);
-    const imageData = new ImageData(uint8ClampedArray, info.width, info.height);
-    const canvas = new OffscreenCanvas(info.width, info.height);
-    const ctx = canvas.getContext("2d");
-    if (!ctx) {
-      throw new Error("Failed to get 2d context from canvas");
-    }
-    ctx.putImageData(imageData, 0, 0);
-    return canvas;
-  }
-
-  MakeTestBuffer(width: number, height: number): NativeBuffer {
-    const pixels = new Uint8ClampedArray(width * height * 4);
-    for (let y = 0; y < height; y++) {
-      for (let x = 0; x < width; x++) {
-        const i = (y * width + x) * 4;
-        pixels[i + 0] = Math.floor((x * 255) / Math.max(width - 1, 1));
-        pixels[i + 1] = Math.floor((y * 255) / Math.max(height - 1, 1));
-        pixels[i + 2] = (x + y) & 0x20 ? 220 : 30;
-        pixels[i + 3] = 0xff;
-      }
-    }
-    const canvas = new OffscreenCanvas(width, height);
-    const ctx = canvas.getContext("2d");
-    if (!ctx) {
-      throw new Error("Failed to get 2d context from canvas");
-    }
-    ctx.putImageData(new ImageData(pixels, width, height), 0, 0);
-    return canvas;
-  }
-
-  Release(_nativeBuffer: NativeBuffer) {
-    // it's a noop on Web
-  }
-}