@pompadour/react-native-skia 1.0.0

package/lib/module/dom/nodes/Node.d.ts

@@ -0,0 +1,34 @@
+import type { Skia } from "../../skia/types";
+import type { Node, DeclarationNode, NodeType } from "../types";
+import type { DeclarationContext } from "../types/DeclarationContext";
+export interface NodeContext {
+    Skia: Skia;
+}
+export declare abstract class JsiNode<P> implements Node<P> {
+    type: NodeType;
+    protected props: P;
+    protected _children: JsiNode<unknown>[];
+    protected Skia: Skia;
+    constructor(ctx: NodeContext, type: NodeType, props: P);
+    setProps(props: P): void;
+    setProp<K extends keyof P>(name: K, v: P[K]): boolean;
+    getProps(): P;
+    children(): JsiNode<unknown>[];
+    addChild(child: Node<unknown>): void;
+    dispose(): void;
+    removeChild(child: Node<unknown>): void;
+    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
+}
+export type Invalidate = () => void;
+export declare abstract class JsiDeclarationNode<P> extends JsiNode<P> implements DeclarationNode<P> {
+    private invalidate;
+    constructor(ctx: NodeContext, type: NodeType, props: P);
+    abstract decorate(ctx: DeclarationContext): void;
+    protected decorateChildren(ctx: DeclarationContext): void;
+    addChild(child: Node<unknown>): void;
+    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
+    dispose(): void;
+    setInvalidate(invalidate: Invalidate): void;
+    setProps(props: P): void;
+    setProp<K extends keyof P>(name: K, v: P[K]): boolean;
+}

package/lib/module/dom/nodes/Node.js

@@ -0,0 +1,94 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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); }
+export class JsiNode {
+  constructor(ctx, type, props) {
+    this.type = type;
+    this.props = props;
+    _defineProperty(this, "_children", []);
+    _defineProperty(this, "Skia", void 0);
+    this.Skia = ctx.Skia;
+  }
+  setProps(props) {
+    this.props = props;
+  }
+  setProp(name, v) {
+    const hasChanged = this.props[name] !== v;
+    this.props[name] = v;
+    return hasChanged;
+  }
+  getProps() {
+    return this.props;
+  }
+  children() {
+    return this._children;
+  }
+  addChild(child) {
+    this.removeChild(child);
+    this._children.push(child);
+  }
+  dispose() {
+    this._children.forEach(child => child.dispose());
+  }
+  removeChild(child) {
+    const index = this._children.indexOf(child);
+    if (index !== -1) {
+      const [node] = this._children.splice(index, 1);
+      node.dispose();
+    }
+  }
+  insertChildBefore(child, before) {
+    const index = this._children.indexOf(child);
+    if (index !== -1) {
+      this._children.splice(index, 1);
+    }
+    const beforeIndex = this._children.indexOf(before);
+    this._children.splice(beforeIndex, 0, child);
+  }
+}
+export class JsiDeclarationNode extends JsiNode {
+  constructor(ctx, type, props) {
+    super(ctx, type, props);
+    _defineProperty(this, "invalidate", () => {});
+  }
+  decorateChildren(ctx) {
+    this.children().forEach(child => {
+      if (child instanceof JsiDeclarationNode) {
+        child.decorate(ctx);
+      }
+    });
+  }
+  addChild(child) {
+    if (!(child instanceof JsiDeclarationNode)) {
+      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
+    }
+    super.addChild(child);
+    this.invalidate();
+  }
+  insertChildBefore(child, before) {
+    if (!(child instanceof JsiDeclarationNode)) {
+      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);
+    }
+    super.insertChildBefore(child, before);
+    this.invalidate();
+  }
+  dispose() {
+    this.invalidate();
+    super.dispose();
+  }
+  setInvalidate(invalidate) {
+    this.invalidate = invalidate;
+  }
+  setProps(props) {
+    super.setProps(props);
+    this.invalidate();
+  }
+  setProp(name, v) {
+    const hasChanged = super.setProp(name, v);
+    if (hasChanged) {
+      this.invalidate();
+    }
+    return hasChanged;
+  }
+}
+//# sourceMappingURL=Node.js.map

package/lib/module/dom/nodes/Node.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["JsiNode","constructor","ctx","type","props","_defineProperty","Skia","setProps","setProp","name","v","hasChanged","getProps","children","_children","addChild","child","removeChild","push","dispose","forEach","index","indexOf","node","splice","insertChildBefore","before","beforeIndex","JsiDeclarationNode","decorateChildren","decorate","Error","invalidate","setInvalidate"],"sources":["Node.ts"],"sourcesContent":["import type { Skia } from \"../../skia/types\";\nimport type { Node, DeclarationNode, NodeType } from \"../types\";\nimport type { DeclarationContext } from \"../types/DeclarationContext\";\n\nexport interface NodeContext {\n  Skia: Skia;\n}\n\nexport abstract class JsiNode<P> implements Node<P> {\n  protected _children: JsiNode<unknown>[] = [];\n  protected Skia: Skia;\n\n  constructor(ctx: NodeContext, public type: NodeType, protected props: P) {\n    this.Skia = ctx.Skia;\n  }\n\n  setProps(props: P) {\n    this.props = props;\n  }\n\n  setProp<K extends keyof P>(name: K, v: P[K]) {\n    const hasChanged = this.props[name] !== v;\n    this.props[name] = v;\n    return hasChanged;\n  }\n\n  getProps() {\n    return this.props;\n  }\n\n  children() {\n    return this._children;\n  }\n\n  addChild(child: Node<unknown>) {\n    this.removeChild(child);\n    this._children.push(child as JsiNode<unknown>);\n  }\n\n  dispose() {\n    this._children.forEach((child) => child.dispose());\n  }\n\n  removeChild(child: Node<unknown>) {\n    const index = this._children.indexOf(child as JsiNode<unknown>);\n    if (index !== -1) {\n      const [node] = this._children.splice(index, 1);\n      node.dispose();\n    }\n  }\n\n  insertChildBefore(child: Node<unknown>, before: Node<unknown>) {\n    const index = this._children.indexOf(child as JsiNode<unknown>);\n    if (index !== -1) {\n      this._children.splice(index, 1);\n    }\n    const beforeIndex = this._children.indexOf(before as JsiNode<unknown>);\n    this._children.splice(beforeIndex, 0, child as JsiNode<unknown>);\n  }\n}\n\nexport type Invalidate = () => void;\n\nexport abstract class JsiDeclarationNode<P>\n  extends JsiNode<P>\n  implements DeclarationNode<P>\n{\n  private invalidate: Invalidate = () => {};\n\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, type, props);\n  }\n\n  abstract decorate(ctx: DeclarationContext): void;\n\n  protected decorateChildren(ctx: DeclarationContext) {\n    this.children().forEach((child) => {\n      if (child instanceof JsiDeclarationNode) {\n        child.decorate(ctx);\n      }\n    });\n  }\n\n  addChild(child: Node<unknown>): void {\n    if (!(child instanceof JsiDeclarationNode)) {\n      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);\n    }\n    super.addChild(child);\n    this.invalidate();\n  }\n\n  insertChildBefore(child: Node<unknown>, before: Node<unknown>): void {\n    if (!(child instanceof JsiDeclarationNode)) {\n      throw new Error(`Cannot add child of type ${child.type} to ${this.type}`);\n    }\n    super.insertChildBefore(child, before);\n    this.invalidate();\n  }\n\n  dispose() {\n    this.invalidate();\n    super.dispose();\n  }\n\n  setInvalidate(invalidate: Invalidate) {\n    this.invalidate = invalidate;\n  }\n\n  setProps(props: P) {\n    super.setProps(props);\n    this.invalidate();\n  }\n\n  setProp<K extends keyof P>(name: K, v: P[K]) {\n    const hasChanged = super.setProp(name, v);\n    if (hasChanged) {\n      this.invalidate();\n    }\n    return hasChanged;\n  }\n}\n"],"mappings":";;;AAQA,OAAO,MAAeA,OAAO,CAAuB;EAIlDC,WAAWA,CAACC,GAAgB,EAASC,IAAc,EAAYC,KAAQ,EAAE;IAAA,KAApCD,IAAc,GAAdA,IAAc;IAAA,KAAYC,KAAQ,GAARA,KAAQ;IAAAC,eAAA,oBAH7B,EAAE;IAAAA,eAAA;IAI1C,IAAI,CAACC,IAAI,GAAGJ,GAAG,CAACI,IAAI;EACtB;EAEAC,QAAQA,CAACH,KAAQ,EAAE;IACjB,IAAI,CAACA,KAAK,GAAGA,KAAK;EACpB;EAEAI,OAAOA,CAAoBC,IAAO,EAAEC,CAAO,EAAE;IAC3C,MAAMC,UAAU,GAAG,IAAI,CAACP,KAAK,CAACK,IAAI,CAAC,KAAKC,CAAC;IACzC,IAAI,CAACN,KAAK,CAACK,IAAI,CAAC,GAAGC,CAAC;IACpB,OAAOC,UAAU;EACnB;EAEAC,QAAQA,CAAA,EAAG;IACT,OAAO,IAAI,CAACR,KAAK;EACnB;EAEAS,QAAQA,CAAA,EAAG;IACT,OAAO,IAAI,CAACC,SAAS;EACvB;EAEAC,QAAQA,CAACC,KAAoB,EAAE;IAC7B,IAAI,CAACC,WAAW,CAACD,KAAK,CAAC;IACvB,IAAI,CAACF,SAAS,CAACI,IAAI,CAACF,KAAyB,CAAC;EAChD;EAEAG,OAAOA,CAAA,EAAG;IACR,IAAI,CAACL,SAAS,CAACM,OAAO,CAAEJ,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;EACpD;EAEAF,WAAWA,CAACD,KAAoB,EAAE;IAChC,MAAMK,KAAK,GAAG,IAAI,CAACP,SAAS,CAACQ,OAAO,CAACN,KAAyB,CAAC;IAC/D,IAAIK,KAAK,KAAK,CAAC,CAAC,EAAE;MAChB,MAAM,CAACE,IAAI,CAAC,GAAG,IAAI,CAACT,SAAS,CAACU,MAAM,CAACH,KAAK,EAAE,CAAC,CAAC;MAC9CE,IAAI,CAACJ,OAAO,CAAC,CAAC;IAChB;EACF;EAEAM,iBAAiBA,CAACT,KAAoB,EAAEU,MAAqB,EAAE;IAC7D,MAAML,KAAK,GAAG,IAAI,CAACP,SAAS,CAACQ,OAAO,CAACN,KAAyB,CAAC;IAC/D,IAAIK,KAAK,KAAK,CAAC,CAAC,EAAE;MAChB,IAAI,CAACP,SAAS,CAACU,MAAM,CAACH,KAAK,EAAE,CAAC,CAAC;IACjC;IACA,MAAMM,WAAW,GAAG,IAAI,CAACb,SAAS,CAACQ,OAAO,CAACI,MAA0B,CAAC;IACtE,IAAI,CAACZ,SAAS,CAACU,MAAM,CAACG,WAAW,EAAE,CAAC,EAAEX,KAAyB,CAAC;EAClE;AACF;AAIA,OAAO,MAAeY,kBAAkB,SAC9B5B,OAAO,CAEjB;EAGEC,WAAWA,CAACC,GAAgB,EAAEC,IAAc,EAAEC,KAAQ,EAAE;IACtD,KAAK,CAACF,GAAG,EAAEC,IAAI,EAAEC,KAAK,CAAC;IAACC,eAAA,qBAHO,MAAM,CAAC,CAAC;EAIzC;EAIUwB,gBAAgBA,CAAC3B,GAAuB,EAAE;IAClD,IAAI,CAACW,QAAQ,CAAC,CAAC,CAACO,OAAO,CAAEJ,KAAK,IAAK;MACjC,IAAIA,KAAK,YAAYY,kBAAkB,EAAE;QACvCZ,KAAK,CAACc,QAAQ,CAAC5B,GAAG,CAAC;MACrB;IACF,CAAC,CAAC;EACJ;EAEAa,QAAQA,CAACC,KAAoB,EAAQ;IACnC,IAAI,EAAEA,KAAK,YAAYY,kBAAkB,CAAC,EAAE;MAC1C,MAAM,IAAIG,KAAK,CAAE,4BAA2Bf,KAAK,CAACb,IAAK,OAAM,IAAI,CAACA,IAAK,EAAC,CAAC;IAC3E;IACA,KAAK,CAACY,QAAQ,CAACC,KAAK,CAAC;IACrB,IAAI,CAACgB,UAAU,CAAC,CAAC;EACnB;EAEAP,iBAAiBA,CAACT,KAAoB,EAAEU,MAAqB,EAAQ;IACnE,IAAI,EAAEV,KAAK,YAAYY,kBAAkB,CAAC,EAAE;MAC1C,MAAM,IAAIG,KAAK,CAAE,4BAA2Bf,KAAK,CAACb,IAAK,OAAM,IAAI,CAACA,IAAK,EAAC,CAAC;IAC3E;IACA,KAAK,CAACsB,iBAAiB,CAACT,KAAK,EAAEU,MAAM,CAAC;IACtC,IAAI,CAACM,UAAU,CAAC,CAAC;EACnB;EAEAb,OAAOA,CAAA,EAAG;IACR,IAAI,CAACa,UAAU,CAAC,CAAC;IACjB,KAAK,CAACb,OAAO,CAAC,CAAC;EACjB;EAEAc,aAAaA,CAACD,UAAsB,EAAE;IACpC,IAAI,CAACA,UAAU,GAAGA,UAAU;EAC9B;EAEAzB,QAAQA,CAACH,KAAQ,EAAE;IACjB,KAAK,CAACG,QAAQ,CAACH,KAAK,CAAC;IACrB,IAAI,CAAC4B,UAAU,CAAC,CAAC;EACnB;EAEAxB,OAAOA,CAAoBC,IAAO,EAAEC,CAAO,EAAE;IAC3C,MAAMC,UAAU,GAAG,KAAK,CAACH,OAAO,CAACC,IAAI,EAAEC,CAAC,CAAC;IACzC,IAAIC,UAAU,EAAE;MACd,IAAI,CAACqB,UAAU,CAAC,CAAC;IACnB;IACA,OAAOrB,UAAU;EACnB;AACF"}

package/lib/module/dom/nodes/PaintNode.d.ts

@@ -0,0 +1,8 @@
+import type { DeclarationNode, PaintProps } from "../types";
+import type { DeclarationContext } from "../types/DeclarationContext";
+import type { NodeContext } from "./Node";
+import { JsiDeclarationNode } from "./Node";
+export declare class PaintNode extends JsiDeclarationNode<PaintProps> implements DeclarationNode<PaintProps> {
+    constructor(ctx: NodeContext, props?: PaintProps);
+    decorate(ctx: DeclarationContext): void;
+}

package/lib/module/dom/nodes/PaintNode.js

@@ -0,0 +1,83 @@
+import { StrokeCap, StrokeJoin, PaintStyle, BlendMode } from "../../skia/types";
+import { NodeType } from "../types";
+import { enumKey } from "./datatypes";
+import { JsiDeclarationNode } from "./Node";
+export class PaintNode extends JsiDeclarationNode {
+  constructor(ctx, props = {}) {
+    super(ctx, NodeType.Paint, props);
+  }
+  decorate(ctx) {
+    const {
+      color,
+      strokeWidth,
+      blendMode,
+      style,
+      strokeJoin,
+      strokeCap,
+      strokeMiter,
+      opacity,
+      antiAlias,
+      dither
+    } = this.props;
+    const paint = this.Skia.Paint();
+    if (color !== undefined) {
+      paint.setColor(this.Skia.Color(color));
+    }
+    if (strokeWidth !== undefined) {
+      paint.setStrokeWidth(strokeWidth);
+    }
+    if (blendMode !== undefined) {
+      paint.setBlendMode(BlendMode[enumKey(blendMode)]);
+    }
+    if (style !== undefined) {
+      paint.setStyle(PaintStyle[enumKey(style)]);
+    }
+    if (strokeJoin !== undefined) {
+      paint.setStrokeJoin(StrokeJoin[enumKey(strokeJoin)]);
+    }
+    if (strokeCap !== undefined) {
+      paint.setStrokeCap(StrokeCap[enumKey(strokeCap)]);
+    }
+    if (strokeMiter !== undefined) {
+      paint.setStrokeMiter(strokeMiter);
+    }
+    if (opacity !== undefined) {
+      paint.setAlphaf(opacity);
+    }
+    if (antiAlias !== undefined) {
+      paint.setAntiAlias(antiAlias);
+    }
+    if (dither !== undefined) {
+      paint.setDither(dither);
+    }
+    ctx.save();
+    this._children.forEach(child => {
+      if (child instanceof JsiDeclarationNode) {
+        child.decorate(ctx);
+      }
+    });
+    const colorFilter = ctx.colorFilters.popAllAsOne();
+    const imageFilter = ctx.imageFilters.popAllAsOne();
+    const shader = ctx.shaders.pop();
+    const maskFilter = ctx.maskFilters.pop();
+    const pathEffect = ctx.pathEffects.popAllAsOne();
+    ctx.restore();
+    if (imageFilter) {
+      paint.setImageFilter(imageFilter);
+    }
+    if (shader) {
+      paint.setShader(shader);
+    }
+    if (pathEffect) {
+      paint.setPathEffect(pathEffect);
+    }
+    if (colorFilter) {
+      paint.setColorFilter(colorFilter);
+    }
+    if (maskFilter) {
+      paint.setMaskFilter(maskFilter);
+    }
+    ctx.paints.push(paint);
+  }
+}
+//# sourceMappingURL=PaintNode.js.map

package/lib/module/dom/nodes/PaintNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StrokeCap","StrokeJoin","PaintStyle","BlendMode","NodeType","enumKey","JsiDeclarationNode","PaintNode","constructor","ctx","props","Paint","decorate","color","strokeWidth","blendMode","style","strokeJoin","strokeCap","strokeMiter","opacity","antiAlias","dither","paint","Skia","undefined","setColor","Color","setStrokeWidth","setBlendMode","setStyle","setStrokeJoin","setStrokeCap","setStrokeMiter","setAlphaf","setAntiAlias","setDither","save","_children","forEach","child","colorFilter","colorFilters","popAllAsOne","imageFilter","imageFilters","shader","shaders","pop","maskFilter","maskFilters","pathEffect","pathEffects","restore","setImageFilter","setShader","setPathEffect","setColorFilter","setMaskFilter","paints","push"],"sources":["PaintNode.ts"],"sourcesContent":["import { StrokeCap, StrokeJoin, PaintStyle, BlendMode } from \"../../skia/types\";\nimport type { DeclarationNode, PaintProps } from \"../types\";\nimport { NodeType } from \"../types\";\nimport type { DeclarationContext } from \"../types/DeclarationContext\";\n\nimport { enumKey } from \"./datatypes\";\nimport type { NodeContext } from \"./Node\";\nimport { JsiDeclarationNode } from \"./Node\";\n\nexport class PaintNode\n  extends JsiDeclarationNode<PaintProps>\n  implements DeclarationNode<PaintProps>\n{\n  constructor(ctx: NodeContext, props: PaintProps = {}) {\n    super(ctx, NodeType.Paint, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const {\n      color,\n      strokeWidth,\n      blendMode,\n      style,\n      strokeJoin,\n      strokeCap,\n      strokeMiter,\n      opacity,\n      antiAlias,\n      dither,\n    } = this.props;\n    const paint = this.Skia.Paint();\n    if (color !== undefined) {\n      paint.setColor(this.Skia.Color(color));\n    }\n    if (strokeWidth !== undefined) {\n      paint.setStrokeWidth(strokeWidth);\n    }\n    if (blendMode !== undefined) {\n      paint.setBlendMode(BlendMode[enumKey(blendMode)]);\n    }\n    if (style !== undefined) {\n      paint.setStyle(PaintStyle[enumKey(style)]);\n    }\n    if (strokeJoin !== undefined) {\n      paint.setStrokeJoin(StrokeJoin[enumKey(strokeJoin)]);\n    }\n    if (strokeCap !== undefined) {\n      paint.setStrokeCap(StrokeCap[enumKey(strokeCap)]);\n    }\n    if (strokeMiter !== undefined) {\n      paint.setStrokeMiter(strokeMiter);\n    }\n    if (opacity !== undefined) {\n      paint.setAlphaf(opacity);\n    }\n    if (antiAlias !== undefined) {\n      paint.setAntiAlias(antiAlias);\n    }\n    if (dither !== undefined) {\n      paint.setDither(dither);\n    }\n    ctx.save();\n    this._children.forEach((child) => {\n      if (child instanceof JsiDeclarationNode) {\n        child.decorate(ctx);\n      }\n    });\n    const colorFilter = ctx.colorFilters.popAllAsOne();\n    const imageFilter = ctx.imageFilters.popAllAsOne();\n    const shader = ctx.shaders.pop();\n    const maskFilter = ctx.maskFilters.pop();\n    const pathEffect = ctx.pathEffects.popAllAsOne();\n    ctx.restore();\n    if (imageFilter) {\n      paint.setImageFilter(imageFilter);\n    }\n    if (shader) {\n      paint.setShader(shader);\n    }\n    if (pathEffect) {\n      paint.setPathEffect(pathEffect);\n    }\n    if (colorFilter) {\n      paint.setColorFilter(colorFilter);\n    }\n    if (maskFilter) {\n      paint.setMaskFilter(maskFilter);\n    }\n    ctx.paints.push(paint);\n  }\n}\n"],"mappings":"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"}

package/lib/module/dom/nodes/RenderNode.d.ts

@@ -0,0 +1,26 @@
+import type { SkMatrix, SkRect, SkRRect, SkPath, SkPaint } from "../../skia/types";
+import type { RenderNode, GroupProps, NodeType, Node, DrawingContext } from "../types";
+import type { NodeContext } from "./Node";
+import { JsiNode } from "./Node";
+interface PaintCache {
+    parent: SkPaint;
+    child: SkPaint;
+}
+export declare abstract class JsiRenderNode<P extends GroupProps> extends JsiNode<P> implements RenderNode<P> {
+    paintCache: PaintCache | null;
+    matrix: SkMatrix;
+    clipRect?: SkRect;
+    clipRRect?: SkRRect;
+    clipPath?: SkPath;
+    constructor(ctx: NodeContext, type: NodeType, props: P);
+    setProps(props: P): void;
+    setProp<K extends keyof P>(key: K, value: P[K]): boolean;
+    protected onPropChange(): void;
+    addChild(child: Node<unknown>): void;
+    insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
+    private computeClip;
+    private computeMatrix;
+    render(ctx: DrawingContext): void;
+    abstract renderNode(ctx: DrawingContext): void;
+}
+export {};

package/lib/module/dom/nodes/RenderNode.js

@@ -0,0 +1,125 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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 { ClipOp, isRRect } from "../../skia/types";
+import { isPathDef, processPath, processTransformProps } from "./datatypes";
+import { JsiNode, JsiDeclarationNode } from "./Node";
+const paintProps = ["color", "strokeWidth", "blendMode", "strokeCap", "strokeJoin", "strokeMiter", "style", "antiAlias", "dither", "opacity"];
+export class JsiRenderNode extends JsiNode {
+  constructor(ctx, type, props) {
+    super(ctx, type, props);
+    _defineProperty(this, "paintCache", null);
+    _defineProperty(this, "matrix", void 0);
+    _defineProperty(this, "clipRect", void 0);
+    _defineProperty(this, "clipRRect", void 0);
+    _defineProperty(this, "clipPath", void 0);
+    this.matrix = this.Skia.Matrix();
+    this.onPropChange();
+  }
+  setProps(props) {
+    super.setProps(props);
+    this.onPropChange();
+  }
+  setProp(key, value) {
+    const hasChanged = super.setProp(key, value);
+    if (hasChanged) {
+      this.onPropChange();
+      if (paintProps.includes(key)) {
+        this.paintCache = null;
+      }
+    }
+    return hasChanged;
+  }
+  onPropChange() {
+    this.matrix.identity();
+    this.clipPath = undefined;
+    this.clipRect = undefined;
+    this.clipRRect = undefined;
+    this.computeMatrix();
+    this.computeClip();
+  }
+  addChild(child) {
+    if (child instanceof JsiDeclarationNode) {
+      child.setInvalidate(() => {
+        this.paintCache = null;
+      });
+    }
+    super.addChild(child);
+  }
+  insertChildBefore(child, before) {
+    if (child instanceof JsiDeclarationNode) {
+      child.setInvalidate(() => {
+        this.paintCache = null;
+      });
+    }
+    super.insertChildBefore(child, before);
+  }
+  computeClip() {
+    const {
+      clip
+    } = this.props;
+    if (clip) {
+      if (isPathDef(clip)) {
+        this.clipPath = processPath(this.Skia, clip);
+      } else if (isRRect(clip)) {
+        this.clipRRect = clip;
+      } else {
+        this.clipRect = clip;
+      }
+    }
+  }
+  computeMatrix() {
+    processTransformProps(this.matrix, this.props);
+  }
+  render(ctx) {
+    const {
+      invertClip,
+      layer,
+      matrix,
+      transform
+    } = this.props;
+    const {
+      canvas
+    } = ctx;
+    const parentPaint = ctx.paint;
+    const cache = this.paintCache !== null && this.paintCache.parent === ctx.paint ? this.paintCache.child : undefined;
+    const shouldRestore = ctx.saveAndConcat(this, cache);
+    const hasTransform = matrix !== undefined || transform !== undefined;
+    const hasClip = this.clipRect !== undefined || this.clipPath !== undefined || this.clipRRect !== undefined;
+    const shouldSave = hasTransform || hasClip || !!layer;
+    const op = invertClip ? ClipOp.Difference : ClipOp.Intersect;
+    if (shouldSave) {
+      if (layer) {
+        if (typeof layer === "boolean") {
+          canvas.saveLayer();
+        } else {
+          canvas.saveLayer(layer);
+        }
+      } else {
+        canvas.save();
+      }
+    }
+    if (this.matrix) {
+      canvas.concat(this.matrix);
+    }
+    if (this.clipRect) {
+      canvas.clipRect(this.clipRect, op, true);
+    } else if (this.clipRRect) {
+      canvas.clipRRect(this.clipRRect, op, true);
+    } else if (this.clipPath) {
+      canvas.clipPath(this.clipPath, op, true);
+    }
+    this.renderNode(ctx);
+    if (shouldSave) {
+      canvas.restore();
+    }
+    if (shouldRestore) {
+      this.paintCache = {
+        parent: parentPaint,
+        child: ctx.paint
+      };
+      ctx.restore();
+    }
+  }
+}
+//# sourceMappingURL=RenderNode.js.map

package/lib/module/dom/nodes/RenderNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ClipOp","isRRect","isPathDef","processPath","processTransformProps","JsiNode","JsiDeclarationNode","paintProps","JsiRenderNode","constructor","ctx","type","props","_defineProperty","matrix","Skia","Matrix","onPropChange","setProps","setProp","key","value","hasChanged","includes","paintCache","identity","clipPath","undefined","clipRect","clipRRect","computeMatrix","computeClip","addChild","child","setInvalidate","insertChildBefore","before","clip","render","invertClip","layer","transform","canvas","parentPaint","paint","cache","parent","shouldRestore","saveAndConcat","hasTransform","hasClip","shouldSave","op","Difference","Intersect","saveLayer","save","concat","renderNode","restore"],"sources":["RenderNode.ts"],"sourcesContent":["import type {\n  SkMatrix,\n  SkRect,\n  SkRRect,\n  SkPath,\n  SkPaint,\n} from \"../../skia/types\";\nimport { ClipOp, isRRect } from \"../../skia/types\";\nimport type {\n  RenderNode,\n  GroupProps,\n  NodeType,\n  Node,\n  DrawingContext,\n} from \"../types\";\n\nimport { isPathDef, processPath, processTransformProps } from \"./datatypes\";\nimport type { NodeContext } from \"./Node\";\nimport { JsiNode, JsiDeclarationNode } from \"./Node\";\n\nconst paintProps = [\n  \"color\",\n  \"strokeWidth\",\n  \"blendMode\",\n  \"strokeCap\",\n  \"strokeJoin\",\n  \"strokeMiter\",\n  \"style\",\n  \"antiAlias\",\n  \"dither\",\n  \"opacity\",\n];\n\ninterface PaintCache {\n  parent: SkPaint;\n  child: SkPaint;\n}\n\nexport abstract class JsiRenderNode<P extends GroupProps>\n  extends JsiNode<P>\n  implements RenderNode<P>\n{\n  paintCache: PaintCache | null = null;\n\n  matrix: SkMatrix;\n  clipRect?: SkRect;\n  clipRRect?: SkRRect;\n  clipPath?: SkPath;\n\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, type, props);\n    this.matrix = this.Skia.Matrix();\n    this.onPropChange();\n  }\n\n  setProps(props: P) {\n    super.setProps(props);\n    this.onPropChange();\n  }\n\n  setProp<K extends keyof P>(key: K, value: P[K]) {\n    const hasChanged = super.setProp(key, value);\n    if (hasChanged) {\n      this.onPropChange();\n      if (paintProps.includes(key as string)) {\n        this.paintCache = null;\n      }\n    }\n    return hasChanged;\n  }\n\n  protected onPropChange() {\n    this.matrix.identity();\n    this.clipPath = undefined;\n    this.clipRect = undefined;\n    this.clipRRect = undefined;\n    this.computeMatrix();\n    this.computeClip();\n  }\n\n  addChild(child: Node<unknown>) {\n    if (child instanceof JsiDeclarationNode) {\n      child.setInvalidate(() => {\n        this.paintCache = null;\n      });\n    }\n    super.addChild(child);\n  }\n\n  insertChildBefore(child: Node<unknown>, before: Node<unknown>) {\n    if (child instanceof JsiDeclarationNode) {\n      child.setInvalidate(() => {\n        this.paintCache = null;\n      });\n    }\n    super.insertChildBefore(child, before);\n  }\n\n  private computeClip() {\n    const { clip } = this.props;\n    if (clip) {\n      if (isPathDef(clip)) {\n        this.clipPath = processPath(this.Skia, clip);\n      } else if (isRRect(clip)) {\n        this.clipRRect = clip;\n      } else {\n        this.clipRect = clip;\n      }\n    }\n  }\n\n  private computeMatrix() {\n    processTransformProps(this.matrix, this.props);\n  }\n\n  render(ctx: DrawingContext) {\n    const { invertClip, layer, matrix, transform } = this.props;\n    const { canvas } = ctx;\n    const parentPaint = ctx.paint;\n\n    const cache =\n      this.paintCache !== null && this.paintCache.parent === ctx.paint\n        ? this.paintCache.child\n        : undefined;\n    const shouldRestore = ctx.saveAndConcat(this, cache);\n\n    const hasTransform = matrix !== undefined || transform !== undefined;\n    const hasClip =\n      this.clipRect !== undefined ||\n      this.clipPath !== undefined ||\n      this.clipRRect !== undefined;\n    const shouldSave = hasTransform || hasClip || !!layer;\n    const op = invertClip ? ClipOp.Difference : ClipOp.Intersect;\n    if (shouldSave) {\n      if (layer) {\n        if (typeof layer === \"boolean\") {\n          canvas.saveLayer();\n        } else {\n          canvas.saveLayer(layer);\n        }\n      } else {\n        canvas.save();\n      }\n    }\n\n    if (this.matrix) {\n      canvas.concat(this.matrix);\n    }\n    if (this.clipRect) {\n      canvas.clipRect(this.clipRect, op, true);\n    } else if (this.clipRRect) {\n      canvas.clipRRect(this.clipRRect, op, true);\n    } else if (this.clipPath) {\n      canvas.clipPath(this.clipPath, op, true);\n    }\n\n    this.renderNode(ctx);\n\n    if (shouldSave) {\n      canvas.restore();\n    }\n    if (shouldRestore) {\n      this.paintCache = {\n        parent: parentPaint,\n        child: ctx.paint,\n      };\n      ctx.restore();\n    }\n  }\n\n  abstract renderNode(ctx: DrawingContext): void;\n}\n"],"mappings":"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"}

package/lib/module/dom/nodes/datatypes/Circle.d.ts

@@ -0,0 +1,7 @@
+import type { Skia } from "../../../skia/types";
+import type { CircleDef, ScalarCircleDef } from "../../types";
+export declare const isCircleScalarDef: (def: CircleDef) => def is ScalarCircleDef;
+export declare const processCircle: (Skia: Skia, def: CircleDef) => {
+    c: import("../../../skia/types").SkPoint;
+    r: number;
+};

package/lib/module/dom/nodes/datatypes/Circle.js

@@ -0,0 +1,21 @@
+export const isCircleScalarDef = def =>
+// We have an issue to check property existence on JSI backed instances
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+def.cx !== undefined;
+export const processCircle = (Skia, def) => {
+  var _def$c;
+  if (isCircleScalarDef(def)) {
+    return {
+      c: Skia.Point(def.cx, def.cy),
+      r: def.r
+    };
+  }
+  return {
+    ...def,
+    c: (_def$c = def.c) !== null && _def$c !== void 0 ? _def$c : {
+      x: 0,
+      y: 0
+    }
+  };
+};
+//# sourceMappingURL=Circle.js.map

package/lib/module/dom/nodes/datatypes/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isCircleScalarDef","def","cx","undefined","processCircle","Skia","_def$c","c","Point","cy","r","x","y"],"sources":["Circle.ts"],"sourcesContent":["import type { Skia } from \"../../../skia/types\";\nimport type { CircleDef, ScalarCircleDef } from \"../../types\";\n\nexport const isCircleScalarDef = (def: CircleDef): def is ScalarCircleDef =>\n  // We have an issue to check property existence on JSI backed instances\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (def as any).cx !== undefined;\n\nexport const processCircle = (Skia: Skia, def: CircleDef) => {\n  if (isCircleScalarDef(def)) {\n    return { c: Skia.Point(def.cx, def.cy), r: def.r };\n  }\n  return { ...def, c: def.c ?? { x: 0, y: 0 } };\n};\n"],"mappings":"AAGA,OAAO,MAAMA,iBAAiB,GAAIC,GAAc;AAC9C;AACA;AACCA,GAAG,CAASC,EAAE,KAAKC,SAAS;AAE/B,OAAO,MAAMC,aAAa,GAAGA,CAACC,IAAU,EAAEJ,GAAc,KAAK;EAAA,IAAAK,MAAA;EAC3D,IAAIN,iBAAiB,CAACC,GAAG,CAAC,EAAE;IAC1B,OAAO;MAAEM,CAAC,EAAEF,IAAI,CAACG,KAAK,CAACP,GAAG,CAACC,EAAE,EAAED,GAAG,CAACQ,EAAE,CAAC;MAAEC,CAAC,EAAET,GAAG,CAACS;IAAE,CAAC;EACpD;EACA,OAAO;IAAE,GAAGT,GAAG;IAAEM,CAAC,GAAAD,MAAA,GAAEL,GAAG,CAACM,CAAC,cAAAD,MAAA,cAAAA,MAAA,GAAI;MAAEK,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE;EAAE,CAAC;AAC/C,CAAC"}

package/lib/module/dom/nodes/datatypes/Enum.d.ts

@@ -0,0 +1 @@
+export declare const enumKey: <K extends string>(k: K) => Capitalize<K>;

package/lib/module/dom/nodes/datatypes/Enum.js

@@ -0,0 +1,2 @@
+export const enumKey = k => k.charAt(0).toUpperCase() + k.slice(1);
+//# sourceMappingURL=Enum.js.map

package/lib/module/dom/nodes/datatypes/Enum.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["enumKey","k","charAt","toUpperCase","slice"],"sources":["Enum.ts"],"sourcesContent":["export const enumKey = <K extends string>(k: K) =>\n  (k.charAt(0).toUpperCase() + k.slice(1)) as Capitalize<K>;\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAsBC,CAAI,IAC3CA,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGF,CAAC,CAACG,KAAK,CAAC,CAAC,CAAmB"}

package/lib/module/dom/nodes/datatypes/Fitting.d.ts

@@ -0,0 +1,33 @@
+import type { SkRect } from "../../../skia/types";
+import type { Fit } from "../../types";
+export interface Size {
+    width: number;
+    height: number;
+}
+export declare const size: (width?: number, height?: number) => {
+    width: number;
+    height: number;
+};
+export declare const rect2rect: (src: SkRect, dst: SkRect) => [{
+    translateX: number;
+}, {
+    translateY: number;
+}, {
+    scaleX: number;
+}, {
+    scaleY: number;
+}];
+export declare const fitRects: (fit: Fit, rect: SkRect, { x, y, width, height }: SkRect) => {
+    src: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    dst: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+};

package/lib/module/dom/nodes/datatypes/Fitting.js

@@ -0,0 +1,132 @@
+import { exhaustiveCheck } from "../../../renderer/typeddash";
+export const size = (width = 0, height = 0) => {
+  "worklet";
+
+  return {
+    width,
+    height
+  };
+};
+export const rect2rect = (src, dst) => {
+  "worklet";
+
+  const scaleX = dst.width / src.width;
+  const scaleY = dst.height / src.height;
+  const translateX = dst.x - src.x * scaleX;
+  const translateY = dst.y - src.y * scaleY;
+  return [{
+    translateX
+  }, {
+    translateY
+  }, {
+    scaleX
+  }, {
+    scaleY
+  }];
+};
+const inscribe = ({
+  width,
+  height
+}, rect) => {
+  "worklet";
+
+  const halfWidthDelta = (rect.width - width) / 2.0;
+  const halfHeightDelta = (rect.height - height) / 2.0;
+  return {
+    x: rect.x + halfWidthDelta,
+    y: rect.y + halfHeightDelta,
+    width,
+    height
+  };
+};
+const applyBoxFit = (fit, input, output) => {
+  "worklet";
+
+  let src = size(),
+    dst = size();
+  if (input.height <= 0.0 || input.width <= 0.0 || output.height <= 0.0 || output.width <= 0.0) {
+    return {
+      src,
+      dst
+    };
+  }
+  switch (fit) {
+    case "fill":
+      src = input;
+      dst = output;
+      break;
+    case "contain":
+      src = input;
+      if (output.width / output.height > src.width / src.height) {
+        dst = size(src.width * output.height / src.height, output.height);
+      } else {
+        dst = size(output.width, src.height * output.width / src.width);
+      }
+      break;
+    case "cover":
+      if (output.width / output.height > input.width / input.height) {
+        src = size(input.width, input.width * output.height / output.width);
+      } else {
+        src = size(input.height * output.width / output.height, input.height);
+      }
+      dst = output;
+      break;
+    case "fitWidth":
+      src = size(input.width, input.width * output.height / output.width);
+      dst = size(output.width, src.height * output.width / src.width);
+      break;
+    case "fitHeight":
+      src = size(input.height * output.width / output.height, input.height);
+      dst = size(src.width * output.height / src.height, output.height);
+      break;
+    case "none":
+      src = size(Math.min(input.width, output.width), Math.min(input.height, output.height));
+      dst = src;
+      break;
+    case "scaleDown":
+      src = input;
+      dst = input;
+      const aspectRatio = input.width / input.height;
+      if (dst.height > output.height) {
+        dst = size(output.height * aspectRatio, output.height);
+      }
+      if (dst.width > output.width) {
+        dst = size(output.width, output.width / aspectRatio);
+      }
+      break;
+    default:
+      exhaustiveCheck(fit);
+  }
+  return {
+    src,
+    dst
+  };
+};
+export const fitRects = (fit, rect, {
+  x,
+  y,
+  width,
+  height
+}) => {
+  "worklet";
+
+  const sizes = applyBoxFit(fit, {
+    width: rect.width,
+    height: rect.height
+  }, {
+    width,
+    height
+  });
+  const src = inscribe(sizes.src, rect);
+  const dst = inscribe(sizes.dst, {
+    x,
+    y,
+    width,
+    height
+  });
+  return {
+    src,
+    dst
+  };
+};
+//# sourceMappingURL=Fitting.js.map

package/lib/module/dom/nodes/datatypes/Fitting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["exhaustiveCheck","size","width","height","rect2rect","src","dst","scaleX","scaleY","translateX","x","translateY","y","inscribe","rect","halfWidthDelta","halfHeightDelta","applyBoxFit","fit","input","output","Math","min","aspectRatio","fitRects","sizes"],"sources":["Fitting.ts"],"sourcesContent":["import { exhaustiveCheck } from \"../../../renderer/typeddash\";\nimport type { SkRect } from \"../../../skia/types\";\nimport type { Fit } from \"../../types\";\n\nexport interface Size {\n  width: number;\n  height: number;\n}\n\nexport const size = (width = 0, height = 0) => {\n  \"worklet\";\n  return { width, height };\n};\n\nexport const rect2rect = (\n  src: SkRect,\n  dst: SkRect\n): [\n  { translateX: number },\n  { translateY: number },\n  { scaleX: number },\n  { scaleY: number }\n] => {\n  \"worklet\";\n  const scaleX = dst.width / src.width;\n  const scaleY = dst.height / src.height;\n  const translateX = dst.x - src.x * scaleX;\n  const translateY = dst.y - src.y * scaleY;\n  return [{ translateX }, { translateY }, { scaleX }, { scaleY }];\n};\n\nconst inscribe = (\n  { width, height }: Size,\n  rect: { x: number; y: number; width: number; height: number }\n) => {\n  \"worklet\";\n  const halfWidthDelta = (rect.width - width) / 2.0;\n  const halfHeightDelta = (rect.height - height) / 2.0;\n  return {\n    x: rect.x + halfWidthDelta,\n    y: rect.y + halfHeightDelta,\n    width,\n    height,\n  };\n};\n\nconst applyBoxFit = (fit: Fit, input: Size, output: Size) => {\n  \"worklet\";\n  let src = size(),\n    dst = size();\n  if (\n    input.height <= 0.0 ||\n    input.width <= 0.0 ||\n    output.height <= 0.0 ||\n    output.width <= 0.0\n  ) {\n    return { src, dst };\n  }\n  switch (fit) {\n    case \"fill\":\n      src = input;\n      dst = output;\n      break;\n    case \"contain\":\n      src = input;\n      if (output.width / output.height > src.width / src.height) {\n        dst = size((src.width * output.height) / src.height, output.height);\n      } else {\n        dst = size(output.width, (src.height * output.width) / src.width);\n      }\n      break;\n    case \"cover\":\n      if (output.width / output.height > input.width / input.height) {\n        src = size(input.width, (input.width * output.height) / output.width);\n      } else {\n        src = size((input.height * output.width) / output.height, input.height);\n      }\n      dst = output;\n      break;\n    case \"fitWidth\":\n      src = size(input.width, (input.width * output.height) / output.width);\n      dst = size(output.width, (src.height * output.width) / src.width);\n      break;\n    case \"fitHeight\":\n      src = size((input.height * output.width) / output.height, input.height);\n      dst = size((src.width * output.height) / src.height, output.height);\n      break;\n    case \"none\":\n      src = size(\n        Math.min(input.width, output.width),\n        Math.min(input.height, output.height)\n      );\n      dst = src;\n      break;\n    case \"scaleDown\":\n      src = input;\n      dst = input;\n      const aspectRatio = input.width / input.height;\n      if (dst.height > output.height) {\n        dst = size(output.height * aspectRatio, output.height);\n      }\n      if (dst.width > output.width) {\n        dst = size(output.width, output.width / aspectRatio);\n      }\n      break;\n    default:\n      exhaustiveCheck(fit);\n  }\n  return { src, dst };\n};\n\nexport const fitRects = (\n  fit: Fit,\n  rect: SkRect,\n  { x, y, width, height }: SkRect\n) => {\n  \"worklet\";\n  const sizes = applyBoxFit(\n    fit,\n    { width: rect.width, height: rect.height },\n    { width, height }\n  );\n  const src = inscribe(sizes.src, rect);\n  const dst = inscribe(sizes.dst, {\n    x,\n    y,\n    width,\n    height,\n  });\n  return { src, dst };\n};\n"],"mappings":"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"}