@shopify/react-native-skia 1.0.1 → 1.0.3

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,120 @@
+import { exhaustiveCheck } from "../../../renderer/typeddash";
+export const size = (width = 0, height = 0) => ({
+  width,
+  height
+});
+export const rect2rect = (src, dst) => {
+  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
+  }];
+};
+export const fitRects = (fit, rect, {
+  x,
+  y,
+  width,
+  height
+}) => {
+  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
+  };
+};
+const inscribe = ({
+  width,
+  height
+}, rect) => {
+  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) => {
+  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
+  };
+};
+//# 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","fitRects","fit","rect","sizes","applyBoxFit","inscribe","halfWidthDelta","halfHeightDelta","input","output","Math","min","aspectRatio"],"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) => ({ width, height });\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  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\nexport const fitRects = (\n  fit: Fit,\n  rect: SkRect,\n  { x, y, width, height }: SkRect\n) => {\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\nconst inscribe = (\n  { width, height }: Size,\n  rect: { x: number; y: number; width: number; height: number }\n) => {\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  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"],"mappings":"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"}

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

@@ -0,0 +1,252 @@
+import type { Skia, SkRect, Transforms3d, Vector } from "../../../skia/types";
+import { TileMode } from "../../../skia/types";
+import type { GradientProps, ImageShaderProps } from "../../types";
+export declare const transformOrigin: (origin: Vector, transform: Transforms3d) => (Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "translateX"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "translateY"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "translateZ"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "translate"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "scale"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "scaleX"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "scaleY"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "skewX"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "skewY"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "perspective"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "rotateX"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "rotateY"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "rotateZ"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "rotate"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "matrix">)[];
+export declare const processGradientProps: (Skia: Skia, { colors, positions, mode, flags, ...transform }: GradientProps) => {
+    colors: Float32Array[];
+    positions: number[] | null;
+    mode: TileMode;
+    flags: number | undefined;
+    localMatrix: import("../../../skia/types").SkMatrix;
+};
+export declare const getRect: (Skia: Skia, props: Omit<ImageShaderProps, "tx" | "ty" | "fm" | "mm" | "fit" | "image">) => SkRect | undefined;

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

@@ -0,0 +1,45 @@
+import { TileMode } from "../../../skia/types";
+import { enumKey } from "./Enum";
+import { processTransformProps } from "./Transform";
+export const transformOrigin = (origin, transform) => [{
+  translateX: origin.x
+}, {
+  translateY: origin.y
+}, ...transform, {
+  translateX: -origin.x
+}, {
+  translateY: -origin.y
+}];
+export const processGradientProps = (Skia, {
+  colors,
+  positions,
+  mode,
+  flags,
+  ...transform
+}) => {
+  const localMatrix = Skia.Matrix();
+  processTransformProps(localMatrix, transform);
+  return {
+    colors: colors.map(color => Skia.Color(color)),
+    positions: positions !== null && positions !== void 0 ? positions : null,
+    mode: TileMode[enumKey(mode !== null && mode !== void 0 ? mode : "clamp")],
+    flags,
+    localMatrix
+  };
+};
+export const getRect = (Skia, props) => {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = props;
+  if (props.rect) {
+    return props.rect;
+  } else if (x !== undefined && y !== undefined && width !== undefined && height !== undefined) {
+    return Skia.XYWHRect(x, y, width, height);
+  } else {
+    return undefined;
+  }
+};
+//# sourceMappingURL=Gradient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["TileMode","enumKey","processTransformProps","transformOrigin","origin","transform","translateX","x","translateY","y","processGradientProps","Skia","colors","positions","mode","flags","localMatrix","Matrix","map","color","Color","getRect","props","width","height","rect","undefined","XYWHRect"],"sources":["Gradient.ts"],"sourcesContent":["import type { Skia, SkRect, Transforms3d, Vector } from \"../../../skia/types\";\nimport { TileMode } from \"../../../skia/types\";\nimport type { GradientProps, ImageShaderProps } from \"../../types\";\n\nimport { enumKey } from \"./Enum\";\nimport { processTransformProps } from \"./Transform\";\n\nexport const transformOrigin = (origin: Vector, transform: Transforms3d) => [\n  { translateX: origin.x },\n  { translateY: origin.y },\n  ...transform,\n  { translateX: -origin.x },\n  { translateY: -origin.y },\n];\n\nexport const processGradientProps = (\n  Skia: Skia,\n  { colors, positions, mode, flags, ...transform }: GradientProps\n) => {\n  const localMatrix = Skia.Matrix();\n  processTransformProps(localMatrix, transform);\n  return {\n    colors: colors.map((color) => Skia.Color(color)),\n    positions: positions ?? null,\n    mode: TileMode[enumKey(mode ?? \"clamp\")],\n    flags,\n    localMatrix,\n  };\n};\n\nexport const getRect = (\n  Skia: Skia,\n  props: Omit<ImageShaderProps, \"tx\" | \"ty\" | \"fm\" | \"mm\" | \"fit\" | \"image\">\n): SkRect | undefined => {\n  const { x, y, width, height } = props;\n  if (props.rect) {\n    return props.rect;\n  } else if (\n    x !== undefined &&\n    y !== undefined &&\n    width !== undefined &&\n    height !== undefined\n  ) {\n    return Skia.XYWHRect(x, y, width, height);\n  } else {\n    return undefined;\n  }\n};\n"],"mappings":"AACA,SAASA,QAAQ,QAAQ,qBAAqB;AAG9C,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAASC,qBAAqB,QAAQ,aAAa;AAEnD,OAAO,MAAMC,eAAe,GAAGA,CAACC,MAAc,EAAEC,SAAuB,KAAK,CAC1E;EAAEC,UAAU,EAAEF,MAAM,CAACG;AAAE,CAAC,EACxB;EAAEC,UAAU,EAAEJ,MAAM,CAACK;AAAE,CAAC,EACxB,GAAGJ,SAAS,EACZ;EAAEC,UAAU,EAAE,CAACF,MAAM,CAACG;AAAE,CAAC,EACzB;EAAEC,UAAU,EAAE,CAACJ,MAAM,CAACK;AAAE,CAAC,CAC1B;AAED,OAAO,MAAMC,oBAAoB,GAAGA,CAClCC,IAAU,EACV;EAAEC,MAAM;EAAEC,SAAS;EAAEC,IAAI;EAAEC,KAAK;EAAE,GAAGV;AAAyB,CAAC,KAC5D;EACH,MAAMW,WAAW,GAAGL,IAAI,CAACM,MAAM,CAAC,CAAC;EACjCf,qBAAqB,CAACc,WAAW,EAAEX,SAAS,CAAC;EAC7C,OAAO;IACLO,MAAM,EAAEA,MAAM,CAACM,GAAG,CAAEC,KAAK,IAAKR,IAAI,CAACS,KAAK,CAACD,KAAK,CAAC,CAAC;IAChDN,SAAS,EAAEA,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,IAAI;IAC5BC,IAAI,EAAEd,QAAQ,CAACC,OAAO,CAACa,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,OAAO,CAAC,CAAC;IACxCC,KAAK;IACLC;EACF,CAAC;AACH,CAAC;AAED,OAAO,MAAMK,OAAO,GAAGA,CACrBV,IAAU,EACVW,KAA0E,KACnD;EACvB,MAAM;IAAEf,CAAC;IAAEE,CAAC;IAAEc,KAAK;IAAEC;EAAO,CAAC,GAAGF,KAAK;EACrC,IAAIA,KAAK,CAACG,IAAI,EAAE;IACd,OAAOH,KAAK,CAACG,IAAI;EACnB,CAAC,MAAM,IACLlB,CAAC,KAAKmB,SAAS,IACfjB,CAAC,KAAKiB,SAAS,IACfH,KAAK,KAAKG,SAAS,IACnBF,MAAM,KAAKE,SAAS,EACpB;IACA,OAAOf,IAAI,CAACgB,QAAQ,CAACpB,CAAC,EAAEE,CAAC,EAAEc,KAAK,EAAEC,MAAM,CAAC;EAC3C,CAAC,MAAM;IACL,OAAOE,SAAS;EAClB;AACF,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { Skia } from "../../../skia/types";
+import type { PathDef } from "../../types";
+export declare const processPath: (Skia: Skia, rawPath: PathDef) => import("../../../skia/types").SkPath;
+export declare const isPathDef: (def: any) => def is PathDef;