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

High-performance React Native Graphics using Skia

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SkiaSGRoot = void 0;
var _reactReconciler = _interopRequireDefault(require("react-reconciler"));
var _types = require("../dom/types");
var _HostConfig = require("./HostConfig");
var _Container = require("./Container");
require("./Elements");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
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); }
const skiaReconciler = (0, _reactReconciler.default)(_HostConfig.sksgHostConfig);

// @ts-expect-error DefinitelyTyped is not up to date
skiaReconciler.injectIntoDevTools();
class SkiaSGRoot {
  constructor(Skia, nativeId = -1) {
    this.Skia = Skia;
    _defineProperty(this, "root", void 0);
    _defineProperty(this, "container", void 0);
    const strictMode = false;
    this.container = (0, _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: _types.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, () => {
        (0, _HostConfig.debug)("unmountContainer");
        resolve(true);
      });
    });
  }
}
exports.SkiaSGRoot = SkiaSGRoot;
//# sourceMappingURL=Reconciler.js.map