@shopify/react-native-skia/lib/module/sksg/Reconciler.js

High-performance React Native Graphics using Skia

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 ReactReconciler from "react-reconciler";
import { NodeType } from "../dom/types";
import { debug, sksgHostConfig } from "./HostConfig";
import { createContainer } from "./Container";
import "./Elements";
const skiaReconciler = ReactReconciler(sksgHostConfig);

// @ts-expect-error DefinitelyTyped is not up to date
skiaReconciler.injectIntoDevTools();
export class SkiaSGRoot {
  constructor(Skia, nativeId = -1) {
    this.Skia = Skia;
    _defineProperty(this, "root", void 0);
    _defineProperty(this, "container", void 0);
    const strictMode = false;
    this.container = createContainer(Skia, nativeId);
    this.root = skiaReconciler.createContainer(this.container, 0, null, strictMode, null, "", console.error, null);
  }
  get sg() {
    const children = this.container.root;
    return {
      type: NodeType.Group,
      props: {},
      children,
      isDeclaration: false
    };
  }
  updateContainer(element) {
    return new Promise(resolve => {
      skiaReconciler.updateContainer(element, this.root, null, () => {
        resolve(true);
      });
    });
  }
  async render(element) {
    this.container.mount();
    await this.updateContainer(element);
    this.container.redraw();
  }
  drawOnCanvas(canvas) {
    this.container.drawOnCanvas(canvas);
  }
  getPicture() {
    const recorder = this.Skia.PictureRecorder();
    const canvas = recorder.beginRecording();
    this.drawOnCanvas(canvas);
    const picture = recorder.finishRecordingAsPicture();
    recorder.dispose();
    return picture;
  }
  unmount() {
    this.container.unmount();
    return new Promise(resolve => {
      skiaReconciler.updateContainer(null, this.root, null, () => {
        debug("unmountContainer");
        resolve(true);
      });
    });
  }
}
//# sourceMappingURL=Reconciler.js.map