UNPKG

@shopify/react-native-skia

Version:

High-performance React Native Graphics using Skia

56 lines 2.1 kB
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 { Recorder } from "./Recorder/Recorder"; import { visit } from "./Recorder/Visitor"; import { replay } from "./Recorder/Player"; import { createDrawingContext } from "./Recorder/DrawingContext"; import "../views/api"; export class Container { constructor(Skia) { this.Skia = Skia; _defineProperty(this, "_root", []); _defineProperty(this, "recording", null); _defineProperty(this, "unmounted", false); } get root() { return this._root; } set root(value) { this._root = value; } mount() { this.unmounted = false; } unmount() { this.unmounted = true; } drawOnCanvas(canvas) { if (!this.recording) { throw new Error("No recording to draw"); } const ctx = createDrawingContext(this.Skia, this.recording.paintPool, canvas); replay(ctx, this.recording.commands); } } export class StaticContainer extends Container { constructor(Skia, nativeId) { super(Skia); this.nativeId = nativeId; } redraw() { const recorder = new Recorder(); visit(recorder, this.root); this.recording = recorder.getRecording(); const isOnScreen = this.nativeId !== -1; if (isOnScreen) { const rec = this.Skia.PictureRecorder(); const canvas = rec.beginRecording(); this.drawOnCanvas(canvas); const picture = rec.finishRecordingAsPicture(); rec.dispose(); SkiaViewApi.setJsiProperty(this.nativeId, "picture", picture); } } } //# sourceMappingURL=StaticContainer.js.map