@shopify/react-native-skia 1.7.7 → 1.8.0

package/src/views/SkiaJSDomView.tsx

@@ -1,143 +0,0 @@
-import React from "react";
-import type { HostComponent } from "react-native";
-
-import type { Skia, SkRect } from "../skia/types";
-import { Platform } from "../Platform";
-import SkiaPictureViewNativeComponent from "../specs/SkiaPictureViewNativeComponent";
-import { JsiDrawingContext } from "../dom/types";
-
-import { SkiaViewApi } from "./api";
-import type {
-  SkiaPictureViewNativeProps,
-  SkiaDomViewNativeProps,
-} from "./types";
-import { SkiaViewNativeId } from "./SkiaViewNativeId";
-
-const NativeSkiaPictureView: HostComponent<SkiaPictureViewNativeProps> =
-  Platform.OS !== "web"
-    ? SkiaPictureViewNativeComponent
-    : // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (null as any);
-
-interface SkiaDomViewProps extends SkiaDomViewNativeProps {
-  mode?: "default" | "continuous";
-}
-
-type SkiaJSDomViewProps = SkiaDomViewProps & {
-  Skia: Skia;
-  mode?: "default" | "continuous";
-};
-
-export class SkiaJSDomView extends React.Component<SkiaJSDomViewProps> {
-  constructor(props: SkiaJSDomViewProps) {
-    super(props);
-    this._nativeId = SkiaViewNativeId.current++;
-    const { root, onSize } = props;
-    if (root) {
-      assertSkiaViewApi();
-      SkiaViewApi.setJsiProperty(this._nativeId, "root", root);
-    }
-    if (onSize) {
-      assertSkiaViewApi();
-      SkiaViewApi.setJsiProperty(this._nativeId, "onSize", onSize);
-    }
-    this.tick();
-  }
-
-  private _nativeId: number;
-  private requestId = 0;
-
-  private tick() {
-    this.redraw();
-    if (this.props.mode === "continuous") {
-      this.requestId = requestAnimationFrame(this.tick.bind(this));
-    }
-  }
-
-  public get nativeId() {
-    return this._nativeId;
-  }
-
-  componentDidUpdate(prevProps: SkiaDomViewProps & { Skia: Skia }) {
-    const { root, onSize } = this.props;
-    if (root !== prevProps.root && root !== undefined) {
-      assertSkiaViewApi();
-      this.draw();
-    }
-    if (onSize !== prevProps.onSize) {
-      assertSkiaViewApi();
-      SkiaViewApi.setJsiProperty(this._nativeId, "onSize", onSize);
-    }
-    this.tick();
-  }
-
-  /**
-   * Creates a snapshot from the canvas in the surface
-   * @param rect Rect to use as bounds. Optional.
-   * @returns An Image object.
-   */
-  public makeImageSnapshot(rect?: SkRect) {
-    assertSkiaViewApi();
-    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);
-  }
-
-  public makeImageSnapshotAsync(rect?: SkRect) {
-    assertSkiaViewApi();
-    return SkiaViewApi.makeImageSnapshotAsync(this._nativeId, rect);
-  }
-
-  /**
-   * Sends a redraw request to the native SkiaView.
-   */
-  public redraw() {
-    assertSkiaViewApi();
-    this.draw();
-  }
-
-  private draw() {
-    const { root, Skia } = this.props;
-    if (root !== undefined) {
-      assertSkiaViewApi();
-      const rec = Skia.PictureRecorder();
-      const canvas = rec.beginRecording();
-      const ctx = new JsiDrawingContext(Skia, canvas);
-      root.render(ctx);
-      const picture = rec.finishRecordingAsPicture();
-      SkiaViewApi.setJsiProperty(this._nativeId, "picture", picture);
-    }
-  }
-
-  /**
-   * Clear up the dom node when unmounting to release resources.
-   */
-  componentWillUnmount(): void {
-    assertSkiaViewApi();
-    SkiaViewApi.setJsiProperty(this._nativeId, "picture", null);
-    if (this.requestId) {
-      cancelAnimationFrame(this.requestId);
-    }
-  }
-
-  render() {
-    const { debug = false, ...viewProps } = this.props;
-    return (
-      <NativeSkiaPictureView
-        collapsable={false}
-        nativeID={`${this._nativeId}`}
-        debug={debug}
-        {...viewProps}
-      />
-    );
-  }
-}
-
-const assertSkiaViewApi = () => {
-  if (
-    SkiaViewApi === null ||
-    SkiaViewApi.setJsiProperty === null ||
-    SkiaViewApi.requestRedraw === null ||
-    SkiaViewApi.makeImageSnapshot === null
-  ) {
-    throw Error("Skia View Api was not found.");
-  }
-};

package/src/views/SkiaJSDomView.web.tsx

@@ -1 +0,0 @@
-export { SkiaDomView as SkiaJSDomView } from "./SkiaDomView";