@shopify/react-native-skia 1.11.4 → 1.11.6

package/lib/commonjs/skia/types/Paragraph/ParagraphBuilder.js.map

@@ -1 +1 @@
-{"version":3,"names":["PlaceholderAlignment","exports"],"sources":["ParagraphBuilder.ts"],"sourcesContent":["import type { SkJSIInstance } from \"../JsiInstance\";\nimport type { SkPaint } from \"../Paint\";\n\nimport type { SkParagraph } from \"./Paragraph\";\nimport type { SkParagraphStyle } from \"./ParagraphStyle\";\nimport type { SkTextStyle, TextBaseline } from \"./TextStyle\";\nimport type { SkTypefaceFontProvider } from \"./TypefaceFontProvider\";\n\nexport interface ParagraphBuilderFactory {\n  /**\n   * Creates a new ParagraphBuilder object from custom fonts.\n   * @param paragraphStyle Initial paragraph style\n   * @param typefaceProvider Typeface provider\n   */\n  Make(\n    paragraphStyle?: SkParagraphStyle,\n    typefaceProvider?: SkTypefaceFontProvider\n  ): SkParagraphBuilder;\n}\n\nexport enum PlaceholderAlignment {\n  /// Match the baseline of the placeholder with the baseline.\n  Baseline = 0,\n\n  /// Align the bottom edge of the placeholder with the baseline such that the\n  /// placeholder sits on top of the baseline.\n  AboveBaseline,\n\n  /// Align the top edge of the placeholder with the baseline specified in\n  /// such that the placeholder hangs below the baseline.\n  BelowBaseline,\n\n  /// Align the top edge of the placeholder with the top edge of the font.\n  /// When the placeholder is very tall, the extra space will hang from\n  /// the top and extend through the bottom of the line.\n  Top,\n\n  /// Align the bottom edge of the placeholder with the top edge of the font.\n  /// When the placeholder is very tall, the extra space will rise from\n  /// the bottom and extend through the top of the line.\n  Bottom,\n\n  /// Align the middle of the placeholder with the middle of the text. When the\n  /// placeholder is very tall, the extra space will grow equally from\n  /// the top and bottom of the line.\n  Middle,\n}\n\nexport interface SkParagraphBuilder extends SkJSIInstance<\"ParagraphBuilder\"> {\n  /**\n   * Creates a Paragraph object from the builder and the inputs given to the builder.\n   */\n  build(): SkParagraph;\n  /**\n   * Restores the builder to its initial empty state.\n   */\n  reset(): void;\n  /**\n   * Pushes a text-style to the builder\n   * @param style Style to push\n   * @param foregroundPaint Foreground paint object\n   * @param backgroundPaint Background paint object\n   * @returns The builder\n   */\n  pushStyle: (\n    style: SkTextStyle,\n    foregroundPaint?: SkPaint | undefined,\n    backgroundPaint?: SkPaint | undefined\n  ) => SkParagraphBuilder;\n  /**\n   * Pops the current text style from the builder\n   * @returns The builder\n   */\n  pop: () => SkParagraphBuilder;\n  /**\n   * Adds text to the builder\n   * @param text\n   * @returns The builder\n   */\n  addText: (text: string) => SkParagraphBuilder;\n  /**\n   * Pushes the information required to leave an open space.\n   * @param width\n   * @param height\n   * @param alignment\n   * @param baseline\n   * @param offset\n   */\n  addPlaceholder(\n    width?: number,\n    height?: number,\n    alignment?: PlaceholderAlignment,\n    baseline?: TextBaseline,\n    offset?: number\n  ): SkParagraphBuilder;\n}\n"],"mappings":";;;;;;IAoBYA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA","ignoreList":[]}
+{"version":3,"names":["PlaceholderAlignment","exports"],"sources":["ParagraphBuilder.ts"],"sourcesContent":["import type { SkJSIInstance } from \"../JsiInstance\";\nimport type { SkPaint } from \"../Paint\";\n\nimport type { SkParagraph } from \"./Paragraph\";\nimport type { SkParagraphStyle } from \"./ParagraphStyle\";\nimport type { SkTextStyle, TextBaseline } from \"./TextStyle\";\nimport type { SkTypefaceFontProvider } from \"./TypefaceFontProvider\";\n\nexport interface ParagraphBuilderFactory {\n  /**\n   * Creates a new ParagraphBuilder object from custom fonts.\n   * @param paragraphStyle Initial paragraph style\n   * @param typefaceProvider Typeface provider\n   */\n  Make(\n    paragraphStyle?: SkParagraphStyle,\n    typefaceProvider?: SkTypefaceFontProvider\n  ): SkParagraphBuilder;\n}\n\nexport enum PlaceholderAlignment {\n  /// Match the baseline of the placeholder with the baseline.\n  Baseline = 0,\n\n  /// Align the bottom edge of the placeholder with the baseline such that the\n  /// placeholder sits on top of the baseline.\n  AboveBaseline,\n\n  /// Align the top edge of the placeholder with the baseline specified in\n  /// such that the placeholder hangs below the baseline.\n  BelowBaseline,\n\n  /// Align the top edge of the placeholder with the top edge of the font.\n  /// When the placeholder is very tall, the extra space will hang from\n  /// the top and extend through the bottom of the line.\n  Top,\n\n  /// Align the bottom edge of the placeholder with the top edge of the font.\n  /// When the placeholder is very tall, the extra space will rise from\n  /// the bottom and extend through the top of the line.\n  Bottom,\n\n  /// Align the middle of the placeholder with the middle of the text. When the\n  /// placeholder is very tall, the extra space will grow equally from\n  /// the top and bottom of the line.\n  Middle,\n}\n\nexport interface SkParagraphBuilder extends SkJSIInstance<\"ParagraphBuilder\"> {\n  /**\n   * Creates a Paragraph object from the builder and the inputs given to the builder.\n   */\n  build(): SkParagraph;\n  /**\n   * Restores the builder to its initial empty state.\n   */\n  reset(): void;\n  /**\n   * Pushes a text-style to the builder\n   * @param style Style to push\n   * @param foregroundPaint Foreground paint object\n   * @param backgroundPaint Background paint object\n   * @returns The builder\n   */\n  pushStyle: (\n    style: SkTextStyle,\n    foregroundPaint?: SkPaint | undefined,\n    backgroundPaint?: SkPaint | undefined\n  ) => SkParagraphBuilder;\n  /**\n   * Pops the current text style from the builder\n   * @returns The builder\n   */\n  pop: () => SkParagraphBuilder;\n  /**\n   * Adds text to the builder\n   * @param text\n   * @returns The builder\n   */\n  addText: (text: string) => SkParagraphBuilder;\n  /**\n   * Pushes the information required to leave an open space.\n   * @param width\n   * @param height\n   * @param alignment\n   * @param baseline\n   * @param offset\n   */\n  addPlaceholder(\n    width?: number,\n    height?: number,\n    alignment?: PlaceholderAlignment,\n    baseline?: TextBaseline,\n    offset?: number\n  ): SkParagraphBuilder;\n}\n"],"mappings":";;;;;;IAoBYA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAApBA,oBAAoB;EAC9B;EADUA,oBAAoB,CAApBA,oBAAoB;EAI9B;EACA;EALUA,oBAAoB,CAApBA,oBAAoB;EAQ9B;EACA;EATUA,oBAAoB,CAApBA,oBAAoB;EAY9B;EACA;EACA;EAdUA,oBAAoB,CAApBA,oBAAoB;EAiB9B;EACA;EACA;EAnBUA,oBAAoB,CAApBA,oBAAoB;EAsB9B;EACA;EACA;EAxBUA,oBAAoB,CAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA","ignoreList":[]}

package/lib/commonjs/skia/types/Path/Path.js

@@ -16,9 +16,13 @@ let FillType = exports.FillType = /*#__PURE__*/function (FillType) {
 }({});
 let PathOp = exports.PathOp = /*#__PURE__*/function (PathOp) {
   PathOp[PathOp["Difference"] = 0] = "Difference";
+  //!< subtract the op path from the first path
   PathOp[PathOp["Intersect"] = 1] = "Intersect";
+  //!< intersect the two paths
   PathOp[PathOp["Union"] = 2] = "Union";
+  //!< union (inclusive-or) the two paths
   PathOp[PathOp["XOR"] = 3] = "XOR";
+  //!< exclusive-or the two paths
   PathOp[PathOp["ReverseDifference"] = 4] = "ReverseDifference";
   return PathOp;
 }({});

package/lib/commonjs/skia/types/Path/Path.js.map

@@ -1 +1 @@
-{"version":3,"names":["FillType","exports","PathOp","PathVerb","isPath","obj","__typename__"],"sources":["Path.ts"],"sourcesContent":["import type { SkRect } from \"../Rect\";\nimport type { SkPoint } from \"../Point\";\nimport type { InputRRect } from \"../RRect\";\nimport type { StrokeJoin, StrokeCap } from \"../Paint\";\nimport type { InputMatrix, SkMatrix } from \"../Matrix\";\nimport type { SkJSIInstance } from \"../JsiInstance\";\n\n/**\n * Options used for Path.stroke(). If an option is omitted, a sensible default will be used.\n */\nexport interface StrokeOpts {\n  /** The width of the stroked lines. */\n  width?: number;\n  miter_limit?: number;\n  /**\n   * if > 1, increase precision, else if (0 < resScale < 1) reduce precision to\n   * favor speed and size\n   */\n  precision?: number;\n  join?: StrokeJoin;\n  cap?: StrokeCap;\n}\n\nexport enum FillType {\n  Winding,\n  EvenOdd,\n  InverseWinding,\n  InverseEvenOdd,\n}\n\nexport enum PathOp {\n  Difference, //!< subtract the op path from the first path\n  Intersect, //!< intersect the two paths\n  Union, //!< union (inclusive-or) the two paths\n  XOR, //!< exclusive-or the two paths\n  ReverseDifference,\n}\n\nexport enum PathVerb {\n  Move,\n  Line,\n  Quad,\n  Conic,\n  Cubic,\n  Close,\n}\n\nexport type PathCommand = number[];\n\nexport const isPath = (obj: SkJSIInstance<string> | null): obj is SkPath => {\n  \"worklet\";\n  return obj !== null && obj.__typename__ === \"Path\";\n};\n\nexport interface SkPath extends SkJSIInstance<\"Path\"> {\n  /**\n   * Appends arc to Path, as the start of new contour. Arc added is part of ellipse\n   * bounded by oval, from startAngle through sweepAngle. Both startAngle and\n   * sweepAngle are measured in degrees, where zero degrees is aligned with the\n   * positive x-axis, and positive sweeps extends arc clockwise.\n   * Returns the modified path for easier chaining.\n   * @param oval\n   * @param startAngle\n   * @param sweepAngle\n   */\n  addArc(\n    oval: SkRect,\n    startAngleInDegrees: number,\n    sweepAngleInDegrees: number\n  ): SkPath;\n\n  /**\n   * Adds oval to Path, appending kMove_Verb, four kConic_Verb, and kClose_Verb.\n   * Oval is upright ellipse bounded by Rect oval with radii equal to half oval width\n   * and half oval height. Oval begins at start and continues clockwise by default.\n   * Returns the modified path for easier chaining.\n   * @param oval\n   * @param isCCW - if the path should be drawn counter-clockwise or not\n   * @param startIndex - index of initial point of ellipse\n   */\n  addOval(oval: SkRect, isCCW?: boolean, startIndex?: number): SkPath;\n\n  /**\n   * Returns the number of points in this path. Initially zero.\n   */\n  countPoints(): number;\n\n  /**\n   * Adds contour created from array of n points, adding (count - 1) line segments.\n   * Contour added starts at pts[0], then adds a line for every additional point\n   * in pts array. If close is true, appends kClose_Verb to Path, connecting\n   * pts[count - 1] and pts[0].\n   * Returns the modified path for easier chaining.\n   * @param points\n   * @param close - if true, will add a line connecting last point to the first point.\n   */\n  addPoly(points: SkPoint[], close: boolean): SkPath;\n\n  /** Adds beginning of contour at SkPoint (x, y).\n\n        @param x  x-axis value of contour start\n        @param y  y-axis value of contour start\n        @return   reference to SkPath\n\n        example: https://fiddle.skia.org/c/@Path_moveTo\n    */\n  moveTo(x: number, y: number): SkPath;\n  /** Adds line from last point to (x, y). If SkPath is empty, or last SkPath::Verb is\n        kClose_Verb, last point is set to (0, 0) before adding line.\n\n        lineTo() appends kMove_Verb to verb array and (0, 0) to SkPoint array, if needed.\n        lineTo() then appends kLine_Verb to verb array and (x, y) to SkPoint array.\n\n        @param x  end of added line on x-axis\n        @param y  end of added line on y-axis\n        @return   reference to SkPath\n\n        example: https://fiddle.skia.org/c/@Path_lineTo\n    */\n  lineTo(x: number, y: number): SkPath;\n\n  /**\n   * Returns a new path that covers the same area as the original path, but with the\n   * Winding FillType. This may re-draw some contours in the path as counter-clockwise\n   * instead of clockwise to achieve that effect. If such a transformation cannot\n   * be done, null is returned.\n   */\n  makeAsWinding(): SkPath | null;\n\n  /**\n   * Translates all the points in the path by dx, dy.\n   * @param dx\n   * @param dy\n   */\n  offset(dx: number, dy: number): SkPath;\n\n  /**\n   * Relative version of arcToRotated.\n   * @param rx\n   * @param ry\n   * @param xAxisRotate\n   * @param useSmallArc\n   * @param isCCW\n   * @param dx\n   * @param dy\n   */\n  rArcTo(\n    rx: number,\n    ry: number,\n    xAxisRotateInDegrees: number,\n    useSmallArc: boolean,\n    isCCW: boolean,\n    dx: number,\n    dy: number\n  ): SkPath;\n\n  /**\n   * Relative version of conicTo.\n   * @param dx1\n   * @param dy1\n   * @param dx2\n   * @param dy2\n   * @param w\n   */\n  rConicTo(\n    dx1: number,\n    dy1: number,\n    dx2: number,\n    dy2: number,\n    w: number\n  ): SkPath;\n\n  /**\n   * Relative version of cubicTo.\n   * @param cpx1\n   * @param cpy1\n   * @param cpx2\n   * @param cpy2\n   * @param x\n   * @param y\n   */\n  rCubicTo(\n    cpx1: number,\n    cpy1: number,\n    cpx2: number,\n    cpy2: number,\n    x: number,\n    y: number\n  ): SkPath;\n\n  /**\n   * Relative version of moveTo.\n   * @param x\n   * @param y\n   */\n  rMoveTo(x: number, y: number): SkPath;\n\n  /**\n   * Relative version of lineTo.\n   * @param x\n   * @param y\n   */\n  rLineTo(x: number, y: number): SkPath;\n\n  /**\n   * Relative version of quadTo.\n   * @param x1\n   * @param y1\n   * @param x2\n   * @param y2\n   */\n  rQuadTo(x1: number, y1: number, x2: number, y2: number): SkPath;\n\n  /**\n   * Sets FillType, the rule used to fill Path.\n   * @param fill\n   */\n  setFillType(fill: FillType): SkPath;\n\n  /**\n   * Specifies whether Path is volatile; whether it will be altered or discarded\n   * by the caller after it is drawn. Path by default have volatile set false.\n   *\n   * Mark animating or temporary paths as volatile to improve performance.\n   * Mark unchanging Path non-volatile to improve repeated rendering.\n   * @param volatile\n   */\n  setIsVolatile(volatile: boolean): SkPath;\n\n  /**\n   * Turns this path into the filled equivalent of the stroked path. Returns false if the operation\n   * fails (e.g. the path is a hairline).\n   * @param opts - describe how stroked path should look.\n   * If such a transformation cannot be done, null is returned.\n   */\n  stroke(opts?: StrokeOpts): null | SkPath;\n\n  /**\n   * Appends CLOSE_VERB to Path. A closed contour connects the first and last point\n   * with a line, forming a continuous loop.\n   */\n  close(): SkPath;\n\n  /**\n   * Sets Path to its initial state.\n   * Removes verb array, point array, and weights, and sets FillType to Winding.\n   * Internal storage associated with Path is released\n   */\n  reset(): SkPath;\n\n  /**\n   * Sets Path to its initial state.\n   * Removes verb array, point array, and weights, and sets FillType to Winding.\n   * Internal storage associated with Path is *not* released.\n   * Use rewind() instead of reset() if Path storage will be reused and performance\n   * is critical.\n   */\n  rewind(): SkPath;\n\n  /**\n   * Returns minimum and maximum axes values of the lines and curves in Path.\n   * Returns (0, 0, 0, 0) if Path contains no points.\n   * Returned bounds width and height may be larger or smaller than area affected\n   * when Path is drawn.\n   *\n   * Behaves identically to getBounds() when Path contains\n   * only lines. If Path contains curves, computed bounds includes\n   * the maximum extent of the quad, conic, or cubic; is slower than getBounds();\n   * and unlike getBounds(), does not cache the result.\n   */\n  computeTightBounds(): SkRect;\n\n  /**\n   * Appends arc to Path. Arc added is part of ellipse\n   * bounded by oval, from startAngle through sweepAngle. Both startAngle and\n   * sweepAngle are measured in degrees, where zero degrees is aligned with the\n   * positive x-axis, and positive sweeps extends arc clockwise.\n   * Returns the modified path for easier chaining.\n   * @param oval\n   * @param startAngleInDegrees\n   * @param sweepAngleInDegrees\n   * @param forceMoveTo\n   */\n  arcToOval(\n    oval: SkRect,\n    startAngleInDegrees: number,\n    sweepAngleInDegrees: number,\n    forceMoveTo: boolean\n  ): SkPath;\n\n  /**\n   * Appends arc to Path. Arc is implemented by one or more conics weighted to\n   * describe part of oval with radii (rx, ry) rotated by xAxisRotate degrees. Arc\n   * curves from last Path Point to (x, y), choosing one of four possible routes:\n   * clockwise or counterclockwise, and smaller or larger. See SkPath.h for more details.\n   * Returns the modified path for easier chaining.\n   * @param rx\n   * @param ry\n   * @param xAxisRotate\n   * @param useSmallArc\n   * @param isCCW\n   * @param x\n   * @param y\n   */\n  arcToRotated(\n    rx: number,\n    ry: number,\n    xAxisRotateInDegrees: number,\n    useSmallArc: boolean,\n    isCCW: boolean,\n    x: number,\n    y: number\n  ): SkPath;\n\n  /**\n   * Appends arc to Path, after appending line if needed. Arc is implemented by conic\n   * weighted to describe part of circle. Arc is contained by tangent from\n   * last Path point to (x1, y1), and tangent from (x1, y1) to (x2, y2). Arc\n   * is part of circle sized to radius, positioned so it touches both tangent lines.\n   * Returns the modified path for easier chaining.\n   * @param x1\n   * @param y1\n   * @param x2\n   * @param y2\n   * @param radius\n   */\n  arcToTangent(\n    x1: number,\n    y1: number,\n    x2: number,\n    y2: number,\n    radius: number\n  ): SkPath;\n\n  /**\n   * Adds conic from last point towards (x1, y1), to (x2, y2), weighted by w.\n   * If Path is empty, or path is closed, the last point is set to (0, 0)\n   * before adding conic.\n   * Returns the modified path for easier chaining.\n   * @param x1\n   * @param y1\n   * @param x2\n   * @param y2\n   * @param w\n   */\n  conicTo(x1: number, y1: number, x2: number, y2: number, w: number): SkPath;\n\n  /**\n   * Returns true if the point (x, y) is contained by Path, taking into\n   * account FillType.\n   * @param x\n   * @param y\n   */\n  contains(x: number, y: number): boolean;\n\n  /**\n   * Returns a copy of this Path.\n   */\n  copy(): SkPath;\n\n  /**\n   *  Adds cubic from last point towards (x1, y1), then towards (x2, y2), ending at\n   * (x3, y3). If Path is empty, or path is closed, the last point is set to\n   * (0, 0) before adding cubic.\n   * @param cpx1\n   * @param cpy1\n   * @param cpx2\n   * @param cpy2\n   * @param x\n   * @param y\n   */\n  cubicTo(\n    cpx1: number,\n    cpy1: number,\n    cpx2: number,\n    cpy2: number,\n    x: number,\n    y: number\n  ): SkPath;\n\n  /**\n   * Changes this path to be the dashed version of itself. This is the same effect as creating\n   * a DashPathEffect and calling filterPath on this path.\n   * @param on\n   * @param off\n   * @param phase\n   */\n  dash(on: number, off: number, phase: number): boolean;\n\n  /**\n   * Returns true if other path is equal to this path.\n   * @param other\n   */\n  equals(other: SkPath): boolean;\n\n  /**\n   * Returns minimum and maximum axes values of Point array.\n   * Returns (0, 0, 0, 0) if Path contains no points. Returned bounds width and height may\n   * be larger or smaller than area affected when Path is drawn.\n   */\n  getBounds(): SkRect;\n\n  /**\n   * Return the FillType for this path.\n   */\n  getFillType(): FillType;\n\n  /**\n   Adds quad from last point towards (x1, y1), to (x2, y2).\n\n   If SkPath is empty, or last SkPath::Verb is kClose_Verb, last point is set to (0, 0) before adding quad.\n\n   Appends kMove_Verb to verb array and (0, 0) to SkPoint array, if needed; then appends kQuad_Verb to verb array;\n   and (x1, y1), (x2, y2) to SkPoint array.\n\n   Parameters\n   x1\tcontrol SkPoint of quad on x-axis\n   y1\tcontrol SkPoint of quad on y-axis\n   x2\tend SkPoint of quad on x-axis\n   y2\tend SkPoint of quad on y-axis\n   Returns\n   reference to SkPath\n   example: https://fiddle.skia.org/c/@Path_quadTo\n  */\n  quadTo(x1: number, y1: number, x2: number, y2: number): SkPath;\n\n  /**\n   * Adds Rect to Path, appending kMove_Verb, three kLine_Verb, and kClose_Verb,\n   * starting with top-left corner of Rect; followed by top-right, bottom-right,\n   * and bottom-left if isCCW is false; or followed by bottom-left,\n   * bottom-right, and top-right if isCCW is true.\n   * Returns the modified path for easier chaining.\n   * @param rect\n   * @param isCCW\n   */\n  addRect(rect: SkRect, isCCW?: boolean): SkPath;\n\n  /**\n   * Adds rrect to Path, creating a new closed contour.\n   * Returns the modified path for easier chaining.\n   * @param rrect\n   * @param isCCW\n   */\n  addRRect(rrect: InputRRect, isCCW?: boolean): SkPath;\n\n  /** Appends src to SkPath, transformed by matrix. Transformed curves may have\n     different verbs, SkPoint, and conic weights.\n\n      If mode is kAppend_AddPathMode, src verb array, SkPoint array, and conic\n     weights are added unaltered. If mode is kExtend_AddPathMode, add line\n     before appending verbs, SkPoint, and conic weights.\n\n      @param src     SkPath verbs, SkPoint, and conic weights to add\n      @param matrix  transform applied to src\n      @param extend  extends path with line if true\n      @return        reference to SkPath\n  */\n  addPath(src: SkPath, matrix?: SkMatrix, extend?: boolean): SkPath;\n\n  /**\n   * Returns the Point at index in Point array. Valid range for index is\n   * 0 to countPoints() - 1.\n   * @param index\n   */\n  getPoint(index: number): SkPoint;\n\n  /**\n   * Returns true if there are no verbs in the path.\n   */\n  isEmpty(): boolean;\n\n  /**\n   * Returns true if the path is volatile; it will not be altered or discarded\n   * by the caller after it is drawn. Path by default have volatile set false, allowing\n   * Surface to attach a cache of data which speeds repeated drawing. If true, Surface\n   * may not speed repeated drawing.\n   */\n  isVolatile(): boolean;\n\n  /** Adds circle centered at (x, y) of size radius to SkPath, appending kMove_Verb,\n      four kConic_Verb, and kClose_Verb. Circle begins at: (x + radius, y), continuing\n      clockwise if dir is kCW_Direction, and counterclockwise if dir is kCCW_Direction.\n\n      Has no effect if radius is zero or negative.\n\n      @param x       center of circle\n      @param y       center of circle\n      @param radius  distance from center to edge      \n      @return        reference to SkPath\n  */\n  addCircle(x: number, y: number, r: number): SkPath;\n\n  getLastPt(): { x: number; y: number };\n\n  /** Set this path to the result of applying the Op to this path and the\n    specified path: this = (this op operand).\n    The resulting path will be constructed from non-overlapping contours.\n    The curve order is reduced where possible so that cubics may be turned\n    into quadratics, and quadratics maybe turned into lines.\n\n    Returns true if operation was able to produce a result;\n    otherwise, result is unmodified.\n\n    @param path The second path (for difference, the subtrahend)\n    @param op The operator to apply.\n    @param result The product of the operands. The result may be one of the\n                  inputs.\n    @return True if the operation succeeded.\n    */\n  op(path: SkPath, op: PathOp): boolean;\n\n  /** Set this path to a set of non-overlapping contours that describe the\n    same area as the original path.\n    The curve order is reduced where possible so that cubics may\n    be turned into quadratics, and quadratics maybe turned into lines.\n\n    Returns true if operation was able to produce a result;\n    otherwise, result is unmodified.\n\n    @param result The simplified path. The result may be the input.\n    @return True if simplification succeeded.\n  */\n  simplify(): boolean;\n\n  /**\n   * Returns this path as an SVG string.\n   */\n  toSVGString(): string;\n\n  /**\n   * Take start and stop \"t\" values (values between 0...1), and modify this path such that\n   * it is a subset of the original path.\n   * The trim values apply to the entire path, so if it contains several contours, all of them\n   * are including in the calculation.\n   * Null is returned if either input value is NaN.\n   * @param startT - a value in the range [0.0, 1.0]. 0.0 is the beginning of the path.\n   * @param stopT  - a value in the range [0.0, 1.0]. 1.0 is the end of the path.\n   * @param isComplement\n   */\n  trim(startT: number, stopT: number, isComplement: boolean): null | SkPath;\n\n  /**\n   * Transforms the path by the specified matrix.\n   */\n  transform(m3: InputMatrix): SkPath;\n\n  /**\n   * Interpolates between Path with point array of equal size.\n   * Copy verb array and weights to result, and set result path to a weighted\n   * average of this path array and ending path.\n\n   *  weight is most useful when between zero (ending path) and\n      one (this path); will work with values outside of this\n      range.\n\n   * interpolate() returns undefined if path is not\n   * the same size as ending path. Call isInterpolatable() to check Path\n   * compatibility prior to calling interpolate().\n\n   * @param ending  path to interpolate with\n   * @param weight  contribution of this path, and\n   *                 one minus contribution of ending path\n   * @param output  path to be replaced with the interpolated averages\n   * @return        Path replaced by interpolated averages or null if \n   *                not interpolatable\n   * */\n  interpolate(end: SkPath, weight: number, output?: SkPath): SkPath | null;\n\n  /** Returns true if Path contain equal verbs and equal weights.\n   *     @param compare  path to compare\n   *     @return         true if Path can be interpolated equivalent\n   *\n   * */\n  isInterpolatable(compare: SkPath): boolean;\n\n  /**\n   * Serializes the contents of this path as a series of commands.\n   */\n  toCmds(): PathCommand[];\n}\n"],"mappings":";;;;;;AAOA;AACA;AACA;AAFA,IAgBYA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,0BAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA;AAAA,IAORE,MAAM,GAAAD,OAAA,CAAAC,MAAA,0BAANA,MAAM;EAANA,MAAM,CAANA,MAAM;EAANA,MAAM,CAANA,MAAM;EAANA,MAAM,CAANA,MAAM;EAANA,MAAM,CAANA,MAAM;EAANA,MAAM,CAANA,MAAM;EAAA,OAANA,MAAM;AAAA;AAAA,IAQNC,QAAQ,GAAAF,OAAA,CAAAE,QAAA,0BAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA;AAWb,MAAMC,MAAM,GAAIC,GAAiC,IAAoB;EAC1E,SAAS;;EACT,OAAOA,GAAG,KAAK,IAAI,IAAIA,GAAG,CAACC,YAAY,KAAK,MAAM;AACpD,CAAC;AAACL,OAAA,CAAAG,MAAA,GAAAA,MAAA","ignoreList":[]}
+{"version":3,"names":["FillType","exports","PathOp","PathVerb","isPath","obj","__typename__"],"sources":["Path.ts"],"sourcesContent":["import type { SkRect } from \"../Rect\";\nimport type { SkPoint } from \"../Point\";\nimport type { InputRRect } from \"../RRect\";\nimport type { StrokeJoin, StrokeCap } from \"../Paint\";\nimport type { InputMatrix, SkMatrix } from \"../Matrix\";\nimport type { SkJSIInstance } from \"../JsiInstance\";\n\n/**\n * Options used for Path.stroke(). If an option is omitted, a sensible default will be used.\n */\nexport interface StrokeOpts {\n  /** The width of the stroked lines. */\n  width?: number;\n  miter_limit?: number;\n  /**\n   * if > 1, increase precision, else if (0 < resScale < 1) reduce precision to\n   * favor speed and size\n   */\n  precision?: number;\n  join?: StrokeJoin;\n  cap?: StrokeCap;\n}\n\nexport enum FillType {\n  Winding,\n  EvenOdd,\n  InverseWinding,\n  InverseEvenOdd,\n}\n\nexport enum PathOp {\n  Difference, //!< subtract the op path from the first path\n  Intersect, //!< intersect the two paths\n  Union, //!< union (inclusive-or) the two paths\n  XOR, //!< exclusive-or the two paths\n  ReverseDifference,\n}\n\nexport enum PathVerb {\n  Move,\n  Line,\n  Quad,\n  Conic,\n  Cubic,\n  Close,\n}\n\nexport type PathCommand = number[];\n\nexport const isPath = (obj: SkJSIInstance<string> | null): obj is SkPath => {\n  \"worklet\";\n  return obj !== null && obj.__typename__ === \"Path\";\n};\n\nexport interface SkPath extends SkJSIInstance<\"Path\"> {\n  /**\n   * Appends arc to Path, as the start of new contour. Arc added is part of ellipse\n   * bounded by oval, from startAngle through sweepAngle. Both startAngle and\n   * sweepAngle are measured in degrees, where zero degrees is aligned with the\n   * positive x-axis, and positive sweeps extends arc clockwise.\n   * Returns the modified path for easier chaining.\n   * @param oval\n   * @param startAngle\n   * @param sweepAngle\n   */\n  addArc(\n    oval: SkRect,\n    startAngleInDegrees: number,\n    sweepAngleInDegrees: number\n  ): SkPath;\n\n  /**\n   * Adds oval to Path, appending kMove_Verb, four kConic_Verb, and kClose_Verb.\n   * Oval is upright ellipse bounded by Rect oval with radii equal to half oval width\n   * and half oval height. Oval begins at start and continues clockwise by default.\n   * Returns the modified path for easier chaining.\n   * @param oval\n   * @param isCCW - if the path should be drawn counter-clockwise or not\n   * @param startIndex - index of initial point of ellipse\n   */\n  addOval(oval: SkRect, isCCW?: boolean, startIndex?: number): SkPath;\n\n  /**\n   * Returns the number of points in this path. Initially zero.\n   */\n  countPoints(): number;\n\n  /**\n   * Adds contour created from array of n points, adding (count - 1) line segments.\n   * Contour added starts at pts[0], then adds a line for every additional point\n   * in pts array. If close is true, appends kClose_Verb to Path, connecting\n   * pts[count - 1] and pts[0].\n   * Returns the modified path for easier chaining.\n   * @param points\n   * @param close - if true, will add a line connecting last point to the first point.\n   */\n  addPoly(points: SkPoint[], close: boolean): SkPath;\n\n  /** Adds beginning of contour at SkPoint (x, y).\n\n        @param x  x-axis value of contour start\n        @param y  y-axis value of contour start\n        @return   reference to SkPath\n\n        example: https://fiddle.skia.org/c/@Path_moveTo\n    */\n  moveTo(x: number, y: number): SkPath;\n  /** Adds line from last point to (x, y). If SkPath is empty, or last SkPath::Verb is\n        kClose_Verb, last point is set to (0, 0) before adding line.\n\n        lineTo() appends kMove_Verb to verb array and (0, 0) to SkPoint array, if needed.\n        lineTo() then appends kLine_Verb to verb array and (x, y) to SkPoint array.\n\n        @param x  end of added line on x-axis\n        @param y  end of added line on y-axis\n        @return   reference to SkPath\n\n        example: https://fiddle.skia.org/c/@Path_lineTo\n    */\n  lineTo(x: number, y: number): SkPath;\n\n  /**\n   * Returns a new path that covers the same area as the original path, but with the\n   * Winding FillType. This may re-draw some contours in the path as counter-clockwise\n   * instead of clockwise to achieve that effect. If such a transformation cannot\n   * be done, null is returned.\n   */\n  makeAsWinding(): SkPath | null;\n\n  /**\n   * Translates all the points in the path by dx, dy.\n   * @param dx\n   * @param dy\n   */\n  offset(dx: number, dy: number): SkPath;\n\n  /**\n   * Relative version of arcToRotated.\n   * @param rx\n   * @param ry\n   * @param xAxisRotate\n   * @param useSmallArc\n   * @param isCCW\n   * @param dx\n   * @param dy\n   */\n  rArcTo(\n    rx: number,\n    ry: number,\n    xAxisRotateInDegrees: number,\n    useSmallArc: boolean,\n    isCCW: boolean,\n    dx: number,\n    dy: number\n  ): SkPath;\n\n  /**\n   * Relative version of conicTo.\n   * @param dx1\n   * @param dy1\n   * @param dx2\n   * @param dy2\n   * @param w\n   */\n  rConicTo(\n    dx1: number,\n    dy1: number,\n    dx2: number,\n    dy2: number,\n    w: number\n  ): SkPath;\n\n  /**\n   * Relative version of cubicTo.\n   * @param cpx1\n   * @param cpy1\n   * @param cpx2\n   * @param cpy2\n   * @param x\n   * @param y\n   */\n  rCubicTo(\n    cpx1: number,\n    cpy1: number,\n    cpx2: number,\n    cpy2: number,\n    x: number,\n    y: number\n  ): SkPath;\n\n  /**\n   * Relative version of moveTo.\n   * @param x\n   * @param y\n   */\n  rMoveTo(x: number, y: number): SkPath;\n\n  /**\n   * Relative version of lineTo.\n   * @param x\n   * @param y\n   */\n  rLineTo(x: number, y: number): SkPath;\n\n  /**\n   * Relative version of quadTo.\n   * @param x1\n   * @param y1\n   * @param x2\n   * @param y2\n   */\n  rQuadTo(x1: number, y1: number, x2: number, y2: number): SkPath;\n\n  /**\n   * Sets FillType, the rule used to fill Path.\n   * @param fill\n   */\n  setFillType(fill: FillType): SkPath;\n\n  /**\n   * Specifies whether Path is volatile; whether it will be altered or discarded\n   * by the caller after it is drawn. Path by default have volatile set false.\n   *\n   * Mark animating or temporary paths as volatile to improve performance.\n   * Mark unchanging Path non-volatile to improve repeated rendering.\n   * @param volatile\n   */\n  setIsVolatile(volatile: boolean): SkPath;\n\n  /**\n   * Turns this path into the filled equivalent of the stroked path. Returns false if the operation\n   * fails (e.g. the path is a hairline).\n   * @param opts - describe how stroked path should look.\n   * If such a transformation cannot be done, null is returned.\n   */\n  stroke(opts?: StrokeOpts): null | SkPath;\n\n  /**\n   * Appends CLOSE_VERB to Path. A closed contour connects the first and last point\n   * with a line, forming a continuous loop.\n   */\n  close(): SkPath;\n\n  /**\n   * Sets Path to its initial state.\n   * Removes verb array, point array, and weights, and sets FillType to Winding.\n   * Internal storage associated with Path is released\n   */\n  reset(): SkPath;\n\n  /**\n   * Sets Path to its initial state.\n   * Removes verb array, point array, and weights, and sets FillType to Winding.\n   * Internal storage associated with Path is *not* released.\n   * Use rewind() instead of reset() if Path storage will be reused and performance\n   * is critical.\n   */\n  rewind(): SkPath;\n\n  /**\n   * Returns minimum and maximum axes values of the lines and curves in Path.\n   * Returns (0, 0, 0, 0) if Path contains no points.\n   * Returned bounds width and height may be larger or smaller than area affected\n   * when Path is drawn.\n   *\n   * Behaves identically to getBounds() when Path contains\n   * only lines. If Path contains curves, computed bounds includes\n   * the maximum extent of the quad, conic, or cubic; is slower than getBounds();\n   * and unlike getBounds(), does not cache the result.\n   */\n  computeTightBounds(): SkRect;\n\n  /**\n   * Appends arc to Path. Arc added is part of ellipse\n   * bounded by oval, from startAngle through sweepAngle. Both startAngle and\n   * sweepAngle are measured in degrees, where zero degrees is aligned with the\n   * positive x-axis, and positive sweeps extends arc clockwise.\n   * Returns the modified path for easier chaining.\n   * @param oval\n   * @param startAngleInDegrees\n   * @param sweepAngleInDegrees\n   * @param forceMoveTo\n   */\n  arcToOval(\n    oval: SkRect,\n    startAngleInDegrees: number,\n    sweepAngleInDegrees: number,\n    forceMoveTo: boolean\n  ): SkPath;\n\n  /**\n   * Appends arc to Path. Arc is implemented by one or more conics weighted to\n   * describe part of oval with radii (rx, ry) rotated by xAxisRotate degrees. Arc\n   * curves from last Path Point to (x, y), choosing one of four possible routes:\n   * clockwise or counterclockwise, and smaller or larger. See SkPath.h for more details.\n   * Returns the modified path for easier chaining.\n   * @param rx\n   * @param ry\n   * @param xAxisRotate\n   * @param useSmallArc\n   * @param isCCW\n   * @param x\n   * @param y\n   */\n  arcToRotated(\n    rx: number,\n    ry: number,\n    xAxisRotateInDegrees: number,\n    useSmallArc: boolean,\n    isCCW: boolean,\n    x: number,\n    y: number\n  ): SkPath;\n\n  /**\n   * Appends arc to Path, after appending line if needed. Arc is implemented by conic\n   * weighted to describe part of circle. Arc is contained by tangent from\n   * last Path point to (x1, y1), and tangent from (x1, y1) to (x2, y2). Arc\n   * is part of circle sized to radius, positioned so it touches both tangent lines.\n   * Returns the modified path for easier chaining.\n   * @param x1\n   * @param y1\n   * @param x2\n   * @param y2\n   * @param radius\n   */\n  arcToTangent(\n    x1: number,\n    y1: number,\n    x2: number,\n    y2: number,\n    radius: number\n  ): SkPath;\n\n  /**\n   * Adds conic from last point towards (x1, y1), to (x2, y2), weighted by w.\n   * If Path is empty, or path is closed, the last point is set to (0, 0)\n   * before adding conic.\n   * Returns the modified path for easier chaining.\n   * @param x1\n   * @param y1\n   * @param x2\n   * @param y2\n   * @param w\n   */\n  conicTo(x1: number, y1: number, x2: number, y2: number, w: number): SkPath;\n\n  /**\n   * Returns true if the point (x, y) is contained by Path, taking into\n   * account FillType.\n   * @param x\n   * @param y\n   */\n  contains(x: number, y: number): boolean;\n\n  /**\n   * Returns a copy of this Path.\n   */\n  copy(): SkPath;\n\n  /**\n   *  Adds cubic from last point towards (x1, y1), then towards (x2, y2), ending at\n   * (x3, y3). If Path is empty, or path is closed, the last point is set to\n   * (0, 0) before adding cubic.\n   * @param cpx1\n   * @param cpy1\n   * @param cpx2\n   * @param cpy2\n   * @param x\n   * @param y\n   */\n  cubicTo(\n    cpx1: number,\n    cpy1: number,\n    cpx2: number,\n    cpy2: number,\n    x: number,\n    y: number\n  ): SkPath;\n\n  /**\n   * Changes this path to be the dashed version of itself. This is the same effect as creating\n   * a DashPathEffect and calling filterPath on this path.\n   * @param on\n   * @param off\n   * @param phase\n   */\n  dash(on: number, off: number, phase: number): boolean;\n\n  /**\n   * Returns true if other path is equal to this path.\n   * @param other\n   */\n  equals(other: SkPath): boolean;\n\n  /**\n   * Returns minimum and maximum axes values of Point array.\n   * Returns (0, 0, 0, 0) if Path contains no points. Returned bounds width and height may\n   * be larger or smaller than area affected when Path is drawn.\n   */\n  getBounds(): SkRect;\n\n  /**\n   * Return the FillType for this path.\n   */\n  getFillType(): FillType;\n\n  /**\n   Adds quad from last point towards (x1, y1), to (x2, y2).\n\n   If SkPath is empty, or last SkPath::Verb is kClose_Verb, last point is set to (0, 0) before adding quad.\n\n   Appends kMove_Verb to verb array and (0, 0) to SkPoint array, if needed; then appends kQuad_Verb to verb array;\n   and (x1, y1), (x2, y2) to SkPoint array.\n\n   Parameters\n   x1\tcontrol SkPoint of quad on x-axis\n   y1\tcontrol SkPoint of quad on y-axis\n   x2\tend SkPoint of quad on x-axis\n   y2\tend SkPoint of quad on y-axis\n   Returns\n   reference to SkPath\n   example: https://fiddle.skia.org/c/@Path_quadTo\n  */\n  quadTo(x1: number, y1: number, x2: number, y2: number): SkPath;\n\n  /**\n   * Adds Rect to Path, appending kMove_Verb, three kLine_Verb, and kClose_Verb,\n   * starting with top-left corner of Rect; followed by top-right, bottom-right,\n   * and bottom-left if isCCW is false; or followed by bottom-left,\n   * bottom-right, and top-right if isCCW is true.\n   * Returns the modified path for easier chaining.\n   * @param rect\n   * @param isCCW\n   */\n  addRect(rect: SkRect, isCCW?: boolean): SkPath;\n\n  /**\n   * Adds rrect to Path, creating a new closed contour.\n   * Returns the modified path for easier chaining.\n   * @param rrect\n   * @param isCCW\n   */\n  addRRect(rrect: InputRRect, isCCW?: boolean): SkPath;\n\n  /** Appends src to SkPath, transformed by matrix. Transformed curves may have\n     different verbs, SkPoint, and conic weights.\n\n      If mode is kAppend_AddPathMode, src verb array, SkPoint array, and conic\n     weights are added unaltered. If mode is kExtend_AddPathMode, add line\n     before appending verbs, SkPoint, and conic weights.\n\n      @param src     SkPath verbs, SkPoint, and conic weights to add\n      @param matrix  transform applied to src\n      @param extend  extends path with line if true\n      @return        reference to SkPath\n  */\n  addPath(src: SkPath, matrix?: SkMatrix, extend?: boolean): SkPath;\n\n  /**\n   * Returns the Point at index in Point array. Valid range for index is\n   * 0 to countPoints() - 1.\n   * @param index\n   */\n  getPoint(index: number): SkPoint;\n\n  /**\n   * Returns true if there are no verbs in the path.\n   */\n  isEmpty(): boolean;\n\n  /**\n   * Returns true if the path is volatile; it will not be altered or discarded\n   * by the caller after it is drawn. Path by default have volatile set false, allowing\n   * Surface to attach a cache of data which speeds repeated drawing. If true, Surface\n   * may not speed repeated drawing.\n   */\n  isVolatile(): boolean;\n\n  /** Adds circle centered at (x, y) of size radius to SkPath, appending kMove_Verb,\n      four kConic_Verb, and kClose_Verb. Circle begins at: (x + radius, y), continuing\n      clockwise if dir is kCW_Direction, and counterclockwise if dir is kCCW_Direction.\n\n      Has no effect if radius is zero or negative.\n\n      @param x       center of circle\n      @param y       center of circle\n      @param radius  distance from center to edge      \n      @return        reference to SkPath\n  */\n  addCircle(x: number, y: number, r: number): SkPath;\n\n  getLastPt(): { x: number; y: number };\n\n  /** Set this path to the result of applying the Op to this path and the\n    specified path: this = (this op operand).\n    The resulting path will be constructed from non-overlapping contours.\n    The curve order is reduced where possible so that cubics may be turned\n    into quadratics, and quadratics maybe turned into lines.\n\n    Returns true if operation was able to produce a result;\n    otherwise, result is unmodified.\n\n    @param path The second path (for difference, the subtrahend)\n    @param op The operator to apply.\n    @param result The product of the operands. The result may be one of the\n                  inputs.\n    @return True if the operation succeeded.\n    */\n  op(path: SkPath, op: PathOp): boolean;\n\n  /** Set this path to a set of non-overlapping contours that describe the\n    same area as the original path.\n    The curve order is reduced where possible so that cubics may\n    be turned into quadratics, and quadratics maybe turned into lines.\n\n    Returns true if operation was able to produce a result;\n    otherwise, result is unmodified.\n\n    @param result The simplified path. The result may be the input.\n    @return True if simplification succeeded.\n  */\n  simplify(): boolean;\n\n  /**\n   * Returns this path as an SVG string.\n   */\n  toSVGString(): string;\n\n  /**\n   * Take start and stop \"t\" values (values between 0...1), and modify this path such that\n   * it is a subset of the original path.\n   * The trim values apply to the entire path, so if it contains several contours, all of them\n   * are including in the calculation.\n   * Null is returned if either input value is NaN.\n   * @param startT - a value in the range [0.0, 1.0]. 0.0 is the beginning of the path.\n   * @param stopT  - a value in the range [0.0, 1.0]. 1.0 is the end of the path.\n   * @param isComplement\n   */\n  trim(startT: number, stopT: number, isComplement: boolean): null | SkPath;\n\n  /**\n   * Transforms the path by the specified matrix.\n   */\n  transform(m3: InputMatrix): SkPath;\n\n  /**\n   * Interpolates between Path with point array of equal size.\n   * Copy verb array and weights to result, and set result path to a weighted\n   * average of this path array and ending path.\n\n   *  weight is most useful when between zero (ending path) and\n      one (this path); will work with values outside of this\n      range.\n\n   * interpolate() returns undefined if path is not\n   * the same size as ending path. Call isInterpolatable() to check Path\n   * compatibility prior to calling interpolate().\n\n   * @param ending  path to interpolate with\n   * @param weight  contribution of this path, and\n   *                 one minus contribution of ending path\n   * @param output  path to be replaced with the interpolated averages\n   * @return        Path replaced by interpolated averages or null if \n   *                not interpolatable\n   * */\n  interpolate(end: SkPath, weight: number, output?: SkPath): SkPath | null;\n\n  /** Returns true if Path contain equal verbs and equal weights.\n   *     @param compare  path to compare\n   *     @return         true if Path can be interpolated equivalent\n   *\n   * */\n  isInterpolatable(compare: SkPath): boolean;\n\n  /**\n   * Serializes the contents of this path as a series of commands.\n   */\n  toCmds(): PathCommand[];\n}\n"],"mappings":";;;;;;AAOA;AACA;AACA;AAFA,IAgBYA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,0BAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA;AAAA,IAORE,MAAM,GAAAD,OAAA,CAAAC,MAAA,0BAANA,MAAM;EAANA,MAAM,CAANA,MAAM;EACJ;EADFA,MAAM,CAANA,MAAM;EAEL;EAFDA,MAAM,CAANA,MAAM;EAGT;EAHGA,MAAM,CAANA,MAAM;EAIX;EAJKA,MAAM,CAANA,MAAM;EAAA,OAANA,MAAM;AAAA;AAAA,IAQNC,QAAQ,GAAAF,OAAA,CAAAE,QAAA,0BAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA;AAWb,MAAMC,MAAM,GAAIC,GAAiC,IAAoB;EAC1E,SAAS;;EACT,OAAOA,GAAG,KAAK,IAAI,IAAIA,GAAG,CAACC,YAAY,KAAK,MAAM;AACpD,CAAC;AAACL,OAAA,CAAAG,MAAA,GAAAA,MAAA","ignoreList":[]}

package/lib/commonjs/skia/web/JsiSkCanvas.d.ts

@@ -43,5 +43,5 @@ export declare class JsiSkCanvas extends HostObject<Canvas, "Canvas"> implements
     concat(m: SkMatrix | number[]): void;
     drawPicture(skp: SkPicture): void;
     drawAtlas(atlas: SkImage, srcs: SkRect[], dsts: SkRSXform[], paint: SkPaint, blendMode?: BlendMode, colors?: SkColor[], sampling?: CubicResampler | FilterOptions): void;
-    readPixels(srcX: number, srcY: number, imageInfo: ImageInfo): Float32Array | Uint8Array | null;
+    readPixels(srcX: number, srcY: number, imageInfo: ImageInfo): Float32Array<ArrayBufferLike> | Uint8Array<ArrayBufferLike> | null;
 }

package/lib/commonjs/skia/web/JsiSkImage.d.ts

@@ -9,9 +9,9 @@ export declare class JsiSkImage extends HostObject<Image, "Image"> implements Sk
     getImageInfo(): ImageInfo;
     makeShaderOptions(tx: TileMode, ty: TileMode, fm: FilterMode, mm: MipmapMode, localMatrix?: SkMatrix): SkShader;
     makeShaderCubic(tx: TileMode, ty: TileMode, B: number, C: number, localMatrix?: SkMatrix): SkShader;
-    encodeToBytes(fmt?: ImageFormat, quality?: number): Uint8Array;
+    encodeToBytes(fmt?: ImageFormat, quality?: number): Uint8Array<ArrayBufferLike>;
     encodeToBase64(fmt?: ImageFormat, quality?: number): string;
-    readPixels(srcX?: number, srcY?: number, imageInfo?: ImageInfo): Float32Array | Uint8Array | null;
+    readPixels(srcX?: number, srcY?: number, imageInfo?: ImageInfo): Float32Array<ArrayBufferLike> | Uint8Array<ArrayBufferLike> | null;
     dispose: () => void;
     makeNonTextureImage(): SkImage;
     getNativeTextureUnstable(): unknown;

package/lib/commonjs/skia/web/JsiSkPaint.d.ts

@@ -8,7 +8,7 @@ export declare class JsiSkPaint extends HostObject<Paint, "Paint"> implements Sk
     assign(paint: JsiSkPaint): void;
     reset(): void;
     getAlphaf(): number;
-    getColor(): Float32Array;
+    getColor(): import("canvaskit-wasm").Color;
     getStrokeCap(): number;
     getStrokeJoin(): number;
     getStrokeMiter(): number;

package/lib/commonjs/skia/web/JsiSkPicture.d.ts

@@ -6,5 +6,5 @@ export declare class JsiSkPicture extends HostObject<Picture, "Picture"> impleme
     constructor(CanvasKit: CanvasKit, ref: Picture);
     dispose: () => void;
     makeShader(tmx: TileMode, tmy: TileMode, mode: FilterMode, localMatrix?: SkMatrix, tileRect?: SkRect): JsiSkShader;
-    serialize(): Uint8Array | null;
+    serialize(): Uint8Array<ArrayBufferLike> | null;
 }

package/lib/commonjs/skia/web/JsiSkPoint.d.ts

@@ -2,7 +2,7 @@ import type { CanvasKit, Point } from "canvaskit-wasm";
 import type { SkPoint } from "../types";
 import { BaseHostObject } from "./Host";
 export declare class JsiSkPoint extends BaseHostObject<Point, "Point"> implements SkPoint {
-    static fromValue(point: SkPoint): Float32Array;
+    static fromValue(point: SkPoint): Float32Array<ArrayBuffer>;
     constructor(CanvasKit: CanvasKit, ref: Point);
     dispose: () => void;
     get x(): number;

package/lib/commonjs/skia/web/JsiSkRRect.d.ts

@@ -4,7 +4,7 @@ import { BaseHostObject } from "./Host";
 import { JsiSkRect } from "./JsiSkRect";
 export declare class JsiSkRRect extends BaseHostObject<RRect, "RRect"> implements SkRRect {
     dispose: () => void;
-    static fromValue(CanvasKit: CanvasKit, rect: InputRRect): Float32Array;
+    static fromValue(CanvasKit: CanvasKit, rect: InputRRect): Float32Array<ArrayBuffer>;
     constructor(CanvasKit: CanvasKit, rect: SkRect, rx: number, ry: number);
     get rx(): number;
     get ry(): number;

package/lib/commonjs/skia/web/JsiSkRSXform.d.ts

@@ -3,7 +3,7 @@ import type { SkRSXform } from "../types";
 import { BaseHostObject } from "./Host";
 export type RSXform = Float32Array;
 export declare class JsiSkRSXform extends BaseHostObject<RSXform, "RSXform"> implements SkRSXform {
-    static fromValue(rsxform: SkRSXform): Float32Array;
+    static fromValue(rsxform: SkRSXform): Float32Array<ArrayBuffer>;
     constructor(CanvasKit: CanvasKit, ref: RSXform);
     set(scos: number, ssin: number, tx: number, ty: number): void;
     get scos(): number;

package/lib/commonjs/skia/web/JsiSkRect.d.ts

@@ -2,7 +2,7 @@ import type { CanvasKit, Rect } from "canvaskit-wasm";
 import type { SkHostRect, SkRect } from "../types";
 import { BaseHostObject } from "./Host";
 export declare class JsiSkRect extends BaseHostObject<Rect, "Rect"> implements SkHostRect {
-    static fromValue(CanvasKit: CanvasKit, rect: SkRect): Float32Array;
+    static fromValue(CanvasKit: CanvasKit, rect: SkRect): Rect;
     dispose: () => void;
     constructor(CanvasKit: CanvasKit, ref: Rect);
     setXYWH(x: number, y: number, width: number, height: number): void;

package/lib/commonjs/sksg/Container.d.ts

@@ -1,6 +1,7 @@
 import type { Skia, SkCanvas } from "../skia/types";
 import type { Node } from "./Node";
 import type { Recording } from "./Recorder/Recorder";
+import "../views/api";
 export declare abstract class Container {
     protected Skia: Skia;
     protected nativeId: number;

package/lib/commonjs/sksg/Container.js

@@ -11,6 +11,7 @@ var _Visitor = require("./Recorder/Visitor");
 var _Player = require("./Recorder/Player");
 var _DrawingContext = require("./Recorder/DrawingContext");
 var _ReanimatedRecorder = require("./Recorder/ReanimatedRecorder");
+require("../views/api");
 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 + ""; }
@@ -28,8 +29,6 @@ const drawOnscreen = (Skia, nativeId, recording) => {
   //const end = performance.now();
   //console.log("Recording time: ", end - start);
   SkiaViewApi.setJsiProperty(nativeId, "picture", picture);
-  rec.dispose();
-  picture.dispose();
 };
 const nativeDrawOnscreen = (nativeId, recorder) => {
   "worklet";
@@ -139,6 +138,11 @@ class NativeReanimatedContainer extends Container {
     (0, _Visitor.visit)(recorder, this.root);
     const sharedValues = recorder.getSharedValues();
     const sharedRecorder = recorder.getRecorder();
+    _ReanimatedProxy.default.runOnUI(() => {
+      "worklet";
+
+      nativeDrawOnscreen(nativeId, sharedRecorder);
+    })();
     if (sharedValues.length > 0) {
       this.mapperId = _ReanimatedProxy.default.startMapper(() => {
         "worklet";
@@ -147,17 +151,12 @@ class NativeReanimatedContainer extends Container {
         nativeDrawOnscreen(nativeId, sharedRecorder);
       }, sharedValues);
     }
-    _ReanimatedProxy.default.runOnUI(() => {
-      "worklet";
-
-      nativeDrawOnscreen(nativeId, sharedRecorder);
-    })();
   }
 }
 const createContainer = (Skia, nativeId) => {
-  const native = global.SkiaViewApi !== undefined;
+  const web = global.SkiaViewApi && global.SkiaViewApi.web;
   if (_renderHelpers.HAS_REANIMATED_3 && nativeId !== -1) {
-    if (native) {
+    if (!web) {
       return new NativeReanimatedContainer(Skia, nativeId);
     } else {
       return new ReanimatedContainer(Skia, nativeId);

package/lib/commonjs/sksg/Container.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ReanimatedProxy","_interopRequireDefault","require","_renderHelpers","_Recorder","_Visitor","_Player","_DrawingContext","_ReanimatedRecorder","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","drawOnscreen","Skia","nativeId","recording","rec","PictureRecorder","canvas","beginRecording","ctx","createDrawingContext","paintPool","replay","commands","picture","finishRecordingAsPicture","SkiaViewApi","setJsiProperty","dispose","nativeDrawOnscreen","recorder","play","Container","constructor","unmount","unmounted","drawOnCanvas","Error","exports","StaticContainer","redraw","Recorder","visit","root","getRecording","isOnScreen","ReanimatedContainer","mapperId","Rea","stopMapper","record","animationValues","size","startMapper","Array","from","runOnUI","NativeReanimatedContainer","ReanimatedRecorder","sharedValues","getSharedValues","sharedRecorder","getRecorder","length","applyUpdates","createContainer","native","global","undefined","HAS_REANIMATED_3"],"sources":["Container.ts"],"sourcesContent":["import Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia, SkCanvas } from \"../skia/types\";\nimport { HAS_REANIMATED_3 } from \"../external/reanimated/renderHelpers\";\nimport type { JsiRecorder } from \"../skia/types/Recorder\";\n\nimport type { Node } from \"./Node\";\nimport type { Recording } from \"./Recorder/Recorder\";\nimport { Recorder } from \"./Recorder/Recorder\";\nimport { visit } from \"./Recorder/Visitor\";\nimport { replay } from \"./Recorder/Player\";\nimport { createDrawingContext } from \"./Recorder/DrawingContext\";\nimport { ReanimatedRecorder } from \"./Recorder/ReanimatedRecorder\";\n\nconst drawOnscreen = (Skia: Skia, nativeId: number, recording: Recording) => {\n  \"worklet\";\n\n  const rec = Skia.PictureRecorder();\n  const canvas = rec.beginRecording();\n  //const start = performance.now();\n\n  const ctx = createDrawingContext(Skia, recording.paintPool, canvas);\n  replay(ctx, recording.commands);\n  const picture = rec.finishRecordingAsPicture();\n  //const end = performance.now();\n  //console.log(\"Recording time: \", end - start);\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n  rec.dispose();\n  picture.dispose();\n};\n\nconst nativeDrawOnscreen = (nativeId: number, recorder: JsiRecorder) => {\n  \"worklet\";\n\n  //const start = performance.now();\n\n  const picture = recorder.play();\n  //const end = performance.now();\n  //console.log(\"Recording time: \", end - start);\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n};\n\nexport abstract class Container {\n  public root: Node[] = [];\n  protected recording: Recording | null = null;\n  protected unmounted = false;\n\n  constructor(protected Skia: Skia, protected nativeId: number) {}\n\n  unmount() {\n    this.unmounted = true;\n  }\n\n  drawOnCanvas(canvas: SkCanvas) {\n    if (!this.recording) {\n      throw new Error(\"No recording to draw\");\n    }\n    const ctx = createDrawingContext(\n      this.Skia,\n      this.recording.paintPool,\n      canvas\n    );\n    replay(ctx, this.recording.commands);\n  }\n\n  abstract redraw(): void;\n}\n\nclass StaticContainer extends Container {\n  constructor(Skia: Skia, nativeId: number) {\n    super(Skia, nativeId);\n  }\n\n  redraw() {\n    const recorder = new Recorder();\n    visit(recorder, this.root);\n    this.recording = recorder.getRecording();\n    const isOnScreen = this.nativeId !== -1;\n    if (isOnScreen) {\n      const rec = this.Skia.PictureRecorder();\n      const canvas = rec.beginRecording();\n      this.drawOnCanvas(canvas);\n      const picture = rec.finishRecordingAsPicture();\n      SkiaViewApi.setJsiProperty(this.nativeId, \"picture\", picture);\n    }\n  }\n}\n\nclass ReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n\n  constructor(Skia: Skia, nativeId: number) {\n    super(Skia, nativeId);\n  }\n\n  redraw() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n    }\n    if (this.unmounted) {\n      return;\n    }\n    const recorder = new Recorder();\n    visit(recorder, this.root);\n    const record = recorder.getRecording();\n    const { animationValues } = record;\n    this.recording = {\n      commands: record.commands,\n      paintPool: record.paintPool,\n    };\n    const { nativeId, Skia, recording } = this;\n    if (animationValues.size > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        drawOnscreen(Skia, nativeId, recording!);\n      }, Array.from(animationValues));\n    }\n    Rea.runOnUI(() => {\n      \"worklet\";\n      drawOnscreen(Skia, nativeId, recording!);\n    })();\n  }\n}\n\nclass NativeReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n\n  constructor(Skia: Skia, nativeId: number) {\n    super(Skia, nativeId);\n  }\n\n  redraw() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n    }\n    if (this.unmounted) {\n      return;\n    }\n    const { nativeId, Skia } = this;\n    const recorder = new ReanimatedRecorder(Skia);\n    visit(recorder, this.root);\n    const sharedValues = recorder.getSharedValues();\n    const sharedRecorder = recorder.getRecorder();\n    if (sharedValues.length > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        sharedRecorder.applyUpdates(sharedValues);\n        nativeDrawOnscreen(nativeId, sharedRecorder);\n      }, sharedValues);\n    }\n    Rea.runOnUI(() => {\n      \"worklet\";\n      nativeDrawOnscreen(nativeId, sharedRecorder);\n    })();\n  }\n}\n\nexport const createContainer = (Skia: Skia, nativeId: number) => {\n  const native = global.SkiaViewApi !== undefined;\n  if (HAS_REANIMATED_3 && nativeId !== -1) {\n    if (native) {\n      return new NativeReanimatedContainer(Skia, nativeId);\n    } else {\n      return new ReanimatedContainer(Skia, nativeId);\n    }\n  } else {\n    return new StaticContainer(Skia, nativeId);\n  }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_ReanimatedProxy","_interopRequireDefault","require","_renderHelpers","_Recorder","_Visitor","_Player","_DrawingContext","_ReanimatedRecorder","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","drawOnscreen","Skia","nativeId","recording","rec","PictureRecorder","canvas","beginRecording","ctx","createDrawingContext","paintPool","replay","commands","picture","finishRecordingAsPicture","SkiaViewApi","setJsiProperty","nativeDrawOnscreen","recorder","play","Container","constructor","unmount","unmounted","drawOnCanvas","Error","exports","StaticContainer","redraw","Recorder","visit","root","getRecording","isOnScreen","ReanimatedContainer","mapperId","Rea","stopMapper","record","animationValues","size","startMapper","Array","from","runOnUI","NativeReanimatedContainer","ReanimatedRecorder","sharedValues","getSharedValues","sharedRecorder","getRecorder","length","applyUpdates","createContainer","web","global","HAS_REANIMATED_3"],"sources":["Container.ts"],"sourcesContent":["import Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia, SkCanvas } from \"../skia/types\";\nimport { HAS_REANIMATED_3 } from \"../external/reanimated/renderHelpers\";\nimport type { JsiRecorder } from \"../skia/types/Recorder\";\n\nimport type { Node } from \"./Node\";\nimport type { Recording } from \"./Recorder/Recorder\";\nimport { Recorder } from \"./Recorder/Recorder\";\nimport { visit } from \"./Recorder/Visitor\";\nimport { replay } from \"./Recorder/Player\";\nimport { createDrawingContext } from \"./Recorder/DrawingContext\";\nimport { ReanimatedRecorder } from \"./Recorder/ReanimatedRecorder\";\n\nimport \"../views/api\";\n\nconst drawOnscreen = (Skia: Skia, nativeId: number, recording: Recording) => {\n  \"worklet\";\n\n  const rec = Skia.PictureRecorder();\n  const canvas = rec.beginRecording();\n  //const start = performance.now();\n\n  const ctx = createDrawingContext(Skia, recording.paintPool, canvas);\n  replay(ctx, recording.commands);\n  const picture = rec.finishRecordingAsPicture();\n  //const end = performance.now();\n  //console.log(\"Recording time: \", end - start);\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n};\n\nconst nativeDrawOnscreen = (nativeId: number, recorder: JsiRecorder) => {\n  \"worklet\";\n\n  //const start = performance.now();\n\n  const picture = recorder.play();\n  //const end = performance.now();\n  //console.log(\"Recording time: \", end - start);\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n};\n\nexport abstract class Container {\n  public root: Node[] = [];\n  protected recording: Recording | null = null;\n  protected unmounted = false;\n\n  constructor(protected Skia: Skia, protected nativeId: number) {}\n\n  unmount() {\n    this.unmounted = true;\n  }\n\n  drawOnCanvas(canvas: SkCanvas) {\n    if (!this.recording) {\n      throw new Error(\"No recording to draw\");\n    }\n    const ctx = createDrawingContext(\n      this.Skia,\n      this.recording.paintPool,\n      canvas\n    );\n    replay(ctx, this.recording.commands);\n  }\n\n  abstract redraw(): void;\n}\n\nclass StaticContainer extends Container {\n  constructor(Skia: Skia, nativeId: number) {\n    super(Skia, nativeId);\n  }\n\n  redraw() {\n    const recorder = new Recorder();\n    visit(recorder, this.root);\n    this.recording = recorder.getRecording();\n    const isOnScreen = this.nativeId !== -1;\n    if (isOnScreen) {\n      const rec = this.Skia.PictureRecorder();\n      const canvas = rec.beginRecording();\n      this.drawOnCanvas(canvas);\n      const picture = rec.finishRecordingAsPicture();\n      SkiaViewApi.setJsiProperty(this.nativeId, \"picture\", picture);\n    }\n  }\n}\n\nclass ReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n\n  constructor(Skia: Skia, nativeId: number) {\n    super(Skia, nativeId);\n  }\n\n  redraw() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n    }\n    if (this.unmounted) {\n      return;\n    }\n    const recorder = new Recorder();\n    visit(recorder, this.root);\n    const record = recorder.getRecording();\n    const { animationValues } = record;\n    this.recording = {\n      commands: record.commands,\n      paintPool: record.paintPool,\n    };\n    const { nativeId, Skia, recording } = this;\n    if (animationValues.size > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        drawOnscreen(Skia, nativeId, recording!);\n      }, Array.from(animationValues));\n    }\n    Rea.runOnUI(() => {\n      \"worklet\";\n      drawOnscreen(Skia, nativeId, recording!);\n    })();\n  }\n}\n\nclass NativeReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n\n  constructor(Skia: Skia, nativeId: number) {\n    super(Skia, nativeId);\n  }\n\n  redraw() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n    }\n    if (this.unmounted) {\n      return;\n    }\n    const { nativeId, Skia } = this;\n    const recorder = new ReanimatedRecorder(Skia);\n    visit(recorder, this.root);\n    const sharedValues = recorder.getSharedValues();\n    const sharedRecorder = recorder.getRecorder();\n    Rea.runOnUI(() => {\n      \"worklet\";\n      nativeDrawOnscreen(nativeId, sharedRecorder);\n    })();\n    if (sharedValues.length > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        sharedRecorder.applyUpdates(sharedValues);\n        nativeDrawOnscreen(nativeId, sharedRecorder);\n      }, sharedValues);\n    }\n  }\n}\n\nexport const createContainer = (Skia: Skia, nativeId: number) => {\n  const web = global.SkiaViewApi && global.SkiaViewApi.web;\n  if (HAS_REANIMATED_3 && nativeId !== -1) {\n    if (!web) {\n      return new NativeReanimatedContainer(Skia, nativeId);\n    } else {\n      return new ReanimatedContainer(Skia, nativeId);\n    }\n  } else {\n    return new StaticContainer(Skia, nativeId);\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/sksg/Recorder/Core.js

@@ -47,6 +47,7 @@ exports.materializeProps = exports.isGroup = exports.isDrawCommand = exports.isC
 //   DrawAtlas = "DrawAtlas",
 // }
 let CommandType = exports.CommandType = /*#__PURE__*/function (CommandType) {
+  // Context
   CommandType[CommandType["Group"] = 0] = "Group";
   CommandType[CommandType["SavePaint"] = 1] = "SavePaint";
   CommandType[CommandType["RestorePaint"] = 2] = "RestorePaint";
@@ -64,6 +65,7 @@ let CommandType = exports.CommandType = /*#__PURE__*/function (CommandType) {
   CommandType[CommandType["SaveBackdropFilter"] = 14] = "SaveBackdropFilter";
   CommandType[CommandType["SaveLayer"] = 15] = "SaveLayer";
   CommandType[CommandType["RestorePaintDeclaration"] = 16] = "RestorePaintDeclaration";
+  // Drawing
   CommandType[CommandType["DrawBox"] = 17] = "DrawBox";
   CommandType[CommandType["DrawImage"] = 18] = "DrawImage";
   CommandType[CommandType["DrawCircle"] = 19] = "DrawCircle";

package/lib/commonjs/sksg/Recorder/Core.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommandType","exports","materializeProps","command","animatedProps","key","props","value","isCommand","type","isGroup","Group","isDrawCommand"],"sources":["Core.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport type {\n  BlurMaskFilterProps,\n  CircleProps,\n  CTMProps,\n  ImageProps,\n  PointsProps,\n  PathProps,\n  RectProps,\n  RoundedRectProps,\n  OvalProps,\n  LineProps,\n  PatchProps,\n  VerticesProps,\n  DiffRectProps,\n  TextProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  PictureProps,\n  ImageSVGProps,\n  ParagraphProps,\n  AtlasProps,\n  DrawingNodeProps,\n} from \"../../dom/types\";\n\n// export enum CommandType {\n//   // Context\n//   Group = \"Group\",\n//   SavePaint = \"SavePaint\",\n//   RestorePaint = \"RestorePaint\",\n//   SaveCTM = \"SaveCTM\",\n//   RestoreCTM = \"RestoreCTM\",\n//   PushColorFilter = \"PushColorFilter\",\n//   PushBlurMaskFilter = \"PushBlurMaskFilter\",\n//   PushImageFilter = \"PushImageFilter\",\n//   PushPathEffect = \"PushPathEffect\",\n//   PushShader = \"PushShader\",\n//   ComposeColorFilter = \"ComposeColorFilter\",\n//   ComposeImageFilter = \"ComposeImageFilter\",\n//   ComposePathEffect = \"ComposePathEffect\",\n//   MaterializePaint = \"MaterializePaint\",\n//   SaveBackdropFilter = \"SaveBackdropFilter\",\n//   SaveLayer = \"SaveLayer\",\n//   RestorePaintDeclaration = \"RestorePaintDeclaration\",\n//   // Drawing\n//   DrawBox = \"DrawBox\",\n//   DrawImage = \"DrawImage\",\n//   DrawCircle = \"DrawCircle\",\n//   DrawPaint = \"DrawPaint\",\n//   DrawPoints = \"DrawPoints\",\n//   DrawPath = \"DrawPath\",\n//   DrawRect = \"DrawRect\",\n//   DrawRRect = \"DrawRRect\",\n//   DrawOval = \"DrawOval\",\n//   DrawLine = \"DrawLine\",\n//   DrawPatch = \"DrawPatch\",\n//   DrawVertices = \"DrawVertices\",\n//   DrawDiffRect = \"DrawDiffRect\",\n//   DrawText = \"DrawText\",\n//   DrawTextPath = \"DrawTextPath\",\n//   DrawTextBlob = \"DrawTextBlob\",\n//   DrawGlyphs = \"DrawGlyphs\",\n//   DrawPicture = \"DrawPicture\",\n//   DrawImageSVG = \"DrawImageSVG\",\n//   DrawParagraph = \"DrawParagraph\",\n//   DrawAtlas = \"DrawAtlas\",\n// }\nexport enum CommandType {\n  // Context\n  Group,\n  SavePaint,\n  RestorePaint,\n  SaveCTM,\n  RestoreCTM,\n  PushColorFilter,\n  PushBlurMaskFilter,\n  PushImageFilter,\n  PushPathEffect,\n  PushShader,\n  ComposeColorFilter,\n  ComposeImageFilter,\n  ComposePathEffect,\n  MaterializePaint,\n  SaveBackdropFilter,\n  SaveLayer,\n  RestorePaintDeclaration,\n  // Drawing\n  DrawBox,\n  DrawImage,\n  DrawCircle,\n  DrawPaint,\n  DrawPoints,\n  DrawPath,\n  DrawRect,\n  DrawRRect,\n  DrawOval,\n  DrawLine,\n  DrawPatch,\n  DrawVertices,\n  DrawDiffRect,\n  DrawText,\n  DrawTextPath,\n  DrawTextBlob,\n  DrawGlyphs,\n  DrawPicture,\n  DrawImageSVG,\n  DrawParagraph,\n  DrawAtlas,\n}\n\nexport type Command<T extends CommandType = CommandType> = {\n  type: T;\n  [key: string]: unknown;\n};\n\nexport const materializeProps = (command: {\n  props: Record<string, unknown>;\n  animatedProps?: Record<string, SharedValue<unknown>>;\n}) => {\n  \"worklet\";\n  if (command.animatedProps) {\n    for (const key in command.animatedProps) {\n      command.props[key] = command.animatedProps[key].value;\n    }\n  }\n};\n\nexport const isCommand = <T extends CommandType>(\n  command: Command,\n  type: T\n): command is Command<T> => {\n  \"worklet\";\n  return command.type === type;\n};\n\ninterface GroupCommand extends Command<CommandType.Group> {\n  children: Command[];\n}\n\nexport const isGroup = (command: Command): command is GroupCommand => {\n  \"worklet\";\n  return command.type === CommandType.Group;\n};\n\ninterface Props {\n  [CommandType.DrawImage]: ImageProps;\n  [CommandType.DrawCircle]: CircleProps;\n  [CommandType.SaveCTM]: CTMProps;\n  [CommandType.SavePaint]: DrawingNodeProps;\n  [CommandType.PushBlurMaskFilter]: BlurMaskFilterProps;\n  [CommandType.DrawPoints]: PointsProps;\n  [CommandType.DrawPath]: PathProps;\n  [CommandType.DrawRect]: RectProps;\n  [CommandType.DrawRRect]: RoundedRectProps;\n  [CommandType.DrawOval]: OvalProps;\n  [CommandType.DrawLine]: LineProps;\n  [CommandType.DrawPatch]: PatchProps;\n  [CommandType.DrawVertices]: VerticesProps;\n  [CommandType.DrawDiffRect]: DiffRectProps;\n  [CommandType.DrawText]: TextProps;\n  [CommandType.DrawTextPath]: TextPathProps;\n  [CommandType.DrawTextBlob]: TextBlobProps;\n  [CommandType.DrawGlyphs]: GlyphsProps;\n  [CommandType.DrawPicture]: PictureProps;\n  [CommandType.DrawImageSVG]: ImageSVGProps;\n  [CommandType.DrawParagraph]: ParagraphProps;\n  [CommandType.DrawAtlas]: AtlasProps;\n}\n\ninterface DrawCommand<T extends CommandType> extends Command<T> {\n  props: T extends keyof Props ? Props[T] : never;\n}\n\nexport const isDrawCommand = <T extends keyof Props>(\n  command: Command,\n  type: T\n): command is DrawCommand<T> => {\n  \"worklet\";\n  return command.type === type;\n};\n"],"mappings":";;;;;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,IACYA,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AAgDhB,MAAME,gBAAgB,GAAIC,OAGhC,IAAK;EACJ,SAAS;;EACT,IAAIA,OAAO,CAACC,aAAa,EAAE;IACzB,KAAK,MAAMC,GAAG,IAAIF,OAAO,CAACC,aAAa,EAAE;MACvCD,OAAO,CAACG,KAAK,CAACD,GAAG,CAAC,GAAGF,OAAO,CAACC,aAAa,CAACC,GAAG,CAAC,CAACE,KAAK;IACvD;EACF;AACF,CAAC;AAACN,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AAEK,MAAMM,SAAS,GAAGA,CACvBL,OAAgB,EAChBM,IAAO,KACmB;EAC1B,SAAS;;EACT,OAAON,OAAO,CAACM,IAAI,KAAKA,IAAI;AAC9B,CAAC;AAACR,OAAA,CAAAO,SAAA,GAAAA,SAAA;AAMK,MAAME,OAAO,GAAIP,OAAgB,IAA8B;EACpE,SAAS;;EACT,OAAOA,OAAO,CAACM,IAAI,KAAKT,WAAW,CAACW,KAAK;AAC3C,CAAC;AAACV,OAAA,CAAAS,OAAA,GAAAA,OAAA;AA+BK,MAAME,aAAa,GAAGA,CAC3BT,OAAgB,EAChBM,IAAO,KACuB;EAC9B,SAAS;;EACT,OAAON,OAAO,CAACM,IAAI,KAAKA,IAAI;AAC9B,CAAC;AAACR,OAAA,CAAAW,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"names":["CommandType","exports","materializeProps","command","animatedProps","key","props","value","isCommand","type","isGroup","Group","isDrawCommand"],"sources":["Core.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport type {\n  BlurMaskFilterProps,\n  CircleProps,\n  CTMProps,\n  ImageProps,\n  PointsProps,\n  PathProps,\n  RectProps,\n  RoundedRectProps,\n  OvalProps,\n  LineProps,\n  PatchProps,\n  VerticesProps,\n  DiffRectProps,\n  TextProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  PictureProps,\n  ImageSVGProps,\n  ParagraphProps,\n  AtlasProps,\n  DrawingNodeProps,\n} from \"../../dom/types\";\n\n// export enum CommandType {\n//   // Context\n//   Group = \"Group\",\n//   SavePaint = \"SavePaint\",\n//   RestorePaint = \"RestorePaint\",\n//   SaveCTM = \"SaveCTM\",\n//   RestoreCTM = \"RestoreCTM\",\n//   PushColorFilter = \"PushColorFilter\",\n//   PushBlurMaskFilter = \"PushBlurMaskFilter\",\n//   PushImageFilter = \"PushImageFilter\",\n//   PushPathEffect = \"PushPathEffect\",\n//   PushShader = \"PushShader\",\n//   ComposeColorFilter = \"ComposeColorFilter\",\n//   ComposeImageFilter = \"ComposeImageFilter\",\n//   ComposePathEffect = \"ComposePathEffect\",\n//   MaterializePaint = \"MaterializePaint\",\n//   SaveBackdropFilter = \"SaveBackdropFilter\",\n//   SaveLayer = \"SaveLayer\",\n//   RestorePaintDeclaration = \"RestorePaintDeclaration\",\n//   // Drawing\n//   DrawBox = \"DrawBox\",\n//   DrawImage = \"DrawImage\",\n//   DrawCircle = \"DrawCircle\",\n//   DrawPaint = \"DrawPaint\",\n//   DrawPoints = \"DrawPoints\",\n//   DrawPath = \"DrawPath\",\n//   DrawRect = \"DrawRect\",\n//   DrawRRect = \"DrawRRect\",\n//   DrawOval = \"DrawOval\",\n//   DrawLine = \"DrawLine\",\n//   DrawPatch = \"DrawPatch\",\n//   DrawVertices = \"DrawVertices\",\n//   DrawDiffRect = \"DrawDiffRect\",\n//   DrawText = \"DrawText\",\n//   DrawTextPath = \"DrawTextPath\",\n//   DrawTextBlob = \"DrawTextBlob\",\n//   DrawGlyphs = \"DrawGlyphs\",\n//   DrawPicture = \"DrawPicture\",\n//   DrawImageSVG = \"DrawImageSVG\",\n//   DrawParagraph = \"DrawParagraph\",\n//   DrawAtlas = \"DrawAtlas\",\n// }\nexport enum CommandType {\n  // Context\n  Group,\n  SavePaint,\n  RestorePaint,\n  SaveCTM,\n  RestoreCTM,\n  PushColorFilter,\n  PushBlurMaskFilter,\n  PushImageFilter,\n  PushPathEffect,\n  PushShader,\n  ComposeColorFilter,\n  ComposeImageFilter,\n  ComposePathEffect,\n  MaterializePaint,\n  SaveBackdropFilter,\n  SaveLayer,\n  RestorePaintDeclaration,\n  // Drawing\n  DrawBox,\n  DrawImage,\n  DrawCircle,\n  DrawPaint,\n  DrawPoints,\n  DrawPath,\n  DrawRect,\n  DrawRRect,\n  DrawOval,\n  DrawLine,\n  DrawPatch,\n  DrawVertices,\n  DrawDiffRect,\n  DrawText,\n  DrawTextPath,\n  DrawTextBlob,\n  DrawGlyphs,\n  DrawPicture,\n  DrawImageSVG,\n  DrawParagraph,\n  DrawAtlas,\n}\n\nexport type Command<T extends CommandType = CommandType> = {\n  type: T;\n  [key: string]: unknown;\n};\n\nexport const materializeProps = (command: {\n  props: Record<string, unknown>;\n  animatedProps?: Record<string, SharedValue<unknown>>;\n}) => {\n  \"worklet\";\n  if (command.animatedProps) {\n    for (const key in command.animatedProps) {\n      command.props[key] = command.animatedProps[key].value;\n    }\n  }\n};\n\nexport const isCommand = <T extends CommandType>(\n  command: Command,\n  type: T\n): command is Command<T> => {\n  \"worklet\";\n  return command.type === type;\n};\n\ninterface GroupCommand extends Command<CommandType.Group> {\n  children: Command[];\n}\n\nexport const isGroup = (command: Command): command is GroupCommand => {\n  \"worklet\";\n  return command.type === CommandType.Group;\n};\n\ninterface Props {\n  [CommandType.DrawImage]: ImageProps;\n  [CommandType.DrawCircle]: CircleProps;\n  [CommandType.SaveCTM]: CTMProps;\n  [CommandType.SavePaint]: DrawingNodeProps;\n  [CommandType.PushBlurMaskFilter]: BlurMaskFilterProps;\n  [CommandType.DrawPoints]: PointsProps;\n  [CommandType.DrawPath]: PathProps;\n  [CommandType.DrawRect]: RectProps;\n  [CommandType.DrawRRect]: RoundedRectProps;\n  [CommandType.DrawOval]: OvalProps;\n  [CommandType.DrawLine]: LineProps;\n  [CommandType.DrawPatch]: PatchProps;\n  [CommandType.DrawVertices]: VerticesProps;\n  [CommandType.DrawDiffRect]: DiffRectProps;\n  [CommandType.DrawText]: TextProps;\n  [CommandType.DrawTextPath]: TextPathProps;\n  [CommandType.DrawTextBlob]: TextBlobProps;\n  [CommandType.DrawGlyphs]: GlyphsProps;\n  [CommandType.DrawPicture]: PictureProps;\n  [CommandType.DrawImageSVG]: ImageSVGProps;\n  [CommandType.DrawParagraph]: ParagraphProps;\n  [CommandType.DrawAtlas]: AtlasProps;\n}\n\ninterface DrawCommand<T extends CommandType> extends Command<T> {\n  props: T extends keyof Props ? Props[T] : never;\n}\n\nexport const isDrawCommand = <T extends keyof Props>(\n  command: Command,\n  type: T\n): command is DrawCommand<T> => {\n  \"worklet\";\n  return command.type === type;\n};\n"],"mappings":";;;;;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,IACYA,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAXA,WAAW;EACrB;EADUA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAmBrB;EAnBUA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AAgDhB,MAAME,gBAAgB,GAAIC,OAGhC,IAAK;EACJ,SAAS;;EACT,IAAIA,OAAO,CAACC,aAAa,EAAE;IACzB,KAAK,MAAMC,GAAG,IAAIF,OAAO,CAACC,aAAa,EAAE;MACvCD,OAAO,CAACG,KAAK,CAACD,GAAG,CAAC,GAAGF,OAAO,CAACC,aAAa,CAACC,GAAG,CAAC,CAACE,KAAK;IACvD;EACF;AACF,CAAC;AAACN,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AAEK,MAAMM,SAAS,GAAGA,CACvBL,OAAgB,EAChBM,IAAO,KACmB;EAC1B,SAAS;;EACT,OAAON,OAAO,CAACM,IAAI,KAAKA,IAAI;AAC9B,CAAC;AAACR,OAAA,CAAAO,SAAA,GAAAA,SAAA;AAMK,MAAME,OAAO,GAAIP,OAAgB,IAA8B;EACpE,SAAS;;EACT,OAAOA,OAAO,CAACM,IAAI,KAAKT,WAAW,CAACW,KAAK;AAC3C,CAAC;AAACV,OAAA,CAAAS,OAAA,GAAAA,OAAA;AA+BK,MAAME,aAAa,GAAGA,CAC3BT,OAAgB,EAChBM,IAAO,KACuB;EAC9B,SAAS;;EACT,OAAON,OAAO,CAACM,IAAI,KAAKA,IAAI;AAC9B,CAAC;AAACR,OAAA,CAAAW,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/specs/NativeSkiaModule.web.d.ts

@@ -0,0 +1,6 @@
+import type { ISkiaViewApi } from "../views/types";
+import type { SkiaPictureView } from "../views/SkiaPictureView.web";
+export type ISkiaViewApiWeb = ISkiaViewApi & {
+    views: Record<string, SkiaPictureView>;
+    registerView(nativeId: string, view: SkiaPictureView): void;
+};

package/lib/commonjs/specs/NativeSkiaModule.web.js

@@ -1,2 +1,35 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+global.SkiaViewApi = {
+  views: {},
+  web: true,
+  registerView(nativeId, view) {
+    this.views[nativeId] = view;
+  },
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  setJsiProperty(nativeId, name, value) {
+    if (name === "picture") {
+      this.views[`${nativeId}`].setPicture(value);
+    }
+  },
+  requestRedraw(nativeId) {
+    this.views[`${nativeId}`].redraw();
+  },
+  makeImageSnapshot(nativeId, rect) {
+    return this.views[`${nativeId}`].makeImageSnapshot(rect);
+  },
+  makeImageSnapshotAsync(nativeId, rect) {
+    return new Promise((resolve, reject) => {
+      const result = this.views[`${nativeId}`].makeImageSnapshot(rect);
+      if (result) {
+        resolve(result);
+      } else {
+        reject(new Error("Failed to make image snapshot"));
+      }
+    });
+  }
+};
 //# sourceMappingURL=NativeSkiaModule.web.js.map

package/lib/commonjs/specs/NativeSkiaModule.web.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["NativeSkiaModule.web.ts"],"sourcesContent":[""],"mappings":"","ignoreList":[]}
+{"version":3,"names":["global","SkiaViewApi","views","web","registerView","nativeId","view","setJsiProperty","name","value","setPicture","requestRedraw","redraw","makeImageSnapshot","rect","makeImageSnapshotAsync","Promise","resolve","reject","result","Error"],"sources":["NativeSkiaModule.web.ts"],"sourcesContent":["import type { SkRect } from \"../skia/types\";\nimport type { ISkiaViewApi } from \"../views/types\";\nimport type { SkiaPictureView } from \"../views/SkiaPictureView.web\";\n\nexport type ISkiaViewApiWeb = ISkiaViewApi & {\n  views: Record<string, SkiaPictureView>;\n  registerView(nativeId: string, view: SkiaPictureView): void;\n};\n\nglobal.SkiaViewApi = {\n  views: {},\n  web: true,\n  registerView(nativeId: string, view: SkiaPictureView) {\n    this.views[nativeId] = view;\n  },\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  setJsiProperty(nativeId: number, name: string, value: any) {\n    if (name === \"picture\") {\n      this.views[`${nativeId}`].setPicture(value);\n    }\n  },\n  requestRedraw(nativeId: number) {\n    this.views[`${nativeId}`].redraw();\n  },\n  makeImageSnapshot(nativeId: number, rect?: SkRect) {\n    return this.views[`${nativeId}`].makeImageSnapshot(rect);\n  },\n  makeImageSnapshotAsync(nativeId: number, rect?: SkRect) {\n    return new Promise((resolve, reject) => {\n      const result = this.views[`${nativeId}`].makeImageSnapshot(rect);\n      if (result) {\n        resolve(result);\n      } else {\n        reject(new Error(\"Failed to make image snapshot\"));\n      }\n    });\n  },\n} as ISkiaViewApiWeb;\n"],"mappings":";;;;;AASAA,MAAM,CAACC,WAAW,GAAG;EACnBC,KAAK,EAAE,CAAC,CAAC;EACTC,GAAG,EAAE,IAAI;EACTC,YAAYA,CAACC,QAAgB,EAAEC,IAAqB,EAAE;IACpD,IAAI,CAACJ,KAAK,CAACG,QAAQ,CAAC,GAAGC,IAAI;EAC7B,CAAC;EACD;EACAC,cAAcA,CAACF,QAAgB,EAAEG,IAAY,EAAEC,KAAU,EAAE;IACzD,IAAID,IAAI,KAAK,SAAS,EAAE;MACtB,IAAI,CAACN,KAAK,CAAC,GAAGG,QAAQ,EAAE,CAAC,CAACK,UAAU,CAACD,KAAK,CAAC;IAC7C;EACF,CAAC;EACDE,aAAaA,CAACN,QAAgB,EAAE;IAC9B,IAAI,CAACH,KAAK,CAAC,GAAGG,QAAQ,EAAE,CAAC,CAACO,MAAM,CAAC,CAAC;EACpC,CAAC;EACDC,iBAAiBA,CAACR,QAAgB,EAAES,IAAa,EAAE;IACjD,OAAO,IAAI,CAACZ,KAAK,CAAC,GAAGG,QAAQ,EAAE,CAAC,CAACQ,iBAAiB,CAACC,IAAI,CAAC;EAC1D,CAAC;EACDC,sBAAsBA,CAACV,QAAgB,EAAES,IAAa,EAAE;IACtD,OAAO,IAAIE,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;MACtC,MAAMC,MAAM,GAAG,IAAI,CAACjB,KAAK,CAAC,GAAGG,QAAQ,EAAE,CAAC,CAACQ,iBAAiB,CAACC,IAAI,CAAC;MAChE,IAAIK,MAAM,EAAE;QACVF,OAAO,CAACE,MAAM,CAAC;MACjB,CAAC,MAAM;QACLD,MAAM,CAAC,IAAIE,KAAK,CAAC,+BAA+B,CAAC,CAAC;MACpD;IACF,CAAC,CAAC;EACJ;AACF,CAAoB","ignoreList":[]}

package/lib/commonjs/specs/SkiaPictureViewNativeComponent.web.d.ts

@@ -0,0 +1,9 @@
+import type { ViewProps } from "react-native";
+import { SkiaPictureView } from "../views/SkiaPictureView.web";
+export interface NativeProps extends ViewProps {
+    debug?: boolean;
+    opaque?: boolean;
+    nativeID: string;
+}
+declare const SkiaPictureViewNativeComponent: ({ nativeID, debug, opaque, onLayout, ...viewProps }: NativeProps) => import("react").CElement<import("..").SkiaPictureViewNativeProps, SkiaPictureView>;
+export default SkiaPictureViewNativeComponent;

package/lib/commonjs/specs/SkiaPictureViewNativeComponent.web.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _SkiaPictureView = require("../views/SkiaPictureView.web");
+const SkiaPictureViewNativeComponent = ({
+  nativeID,
+  debug,
+  opaque,
+  onLayout,
+  ...viewProps
+}) => {
+  const ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (ref.current) {
+      global.SkiaViewApi.registerView(nativeID, ref.current);
+    }
+  }, [nativeID]);
+  return /*#__PURE__*/(0, _react.createElement)(_SkiaPictureView.SkiaPictureView, {
+    ref,
+    debug,
+    opaque,
+    onLayout,
+    ...viewProps
+  });
+};
+// eslint-disable-next-line import/no-default-export
+var _default = exports.default = SkiaPictureViewNativeComponent;
+//# sourceMappingURL=SkiaPictureViewNativeComponent.web.js.map

package/lib/commonjs/specs/SkiaPictureViewNativeComponent.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_SkiaPictureView","SkiaPictureViewNativeComponent","nativeID","debug","opaque","onLayout","viewProps","ref","useRef","useEffect","current","global","SkiaViewApi","registerView","createElement","SkiaPictureView","_default","exports","default"],"sources":["SkiaPictureViewNativeComponent.web.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport { createElement, useEffect, useRef } from \"react\";\n\nimport { SkiaPictureView } from \"../views/SkiaPictureView.web\";\n\nimport type { ISkiaViewApiWeb } from \"./NativeSkiaModule.web\";\n\nexport interface NativeProps extends ViewProps {\n  debug?: boolean;\n  opaque?: boolean;\n  nativeID: string;\n}\n\nconst SkiaPictureViewNativeComponent = ({\n  nativeID,\n  debug,\n  opaque,\n  onLayout,\n  ...viewProps\n}: NativeProps) => {\n  const ref = useRef(null);\n  useEffect(() => {\n    if (ref.current) {\n      (global.SkiaViewApi as ISkiaViewApiWeb).registerView(\n        nativeID,\n        ref.current\n      );\n    }\n  }, [nativeID]);\n  return createElement(SkiaPictureView, {\n    ref,\n    debug,\n    opaque,\n    onLayout,\n    ...viewProps,\n  });\n};\n// eslint-disable-next-line import/no-default-export\nexport default SkiaPictureViewNativeComponent;\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAUA,MAAME,8BAA8B,GAAGA,CAAC;EACtCC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACQ,CAAC,KAAK;EACjB,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EACxB,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIF,GAAG,CAACG,OAAO,EAAE;MACdC,MAAM,CAACC,WAAW,CAAqBC,YAAY,CAClDX,QAAQ,EACRK,GAAG,CAACG,OACN,CAAC;IACH;EACF,CAAC,EAAE,CAACR,QAAQ,CAAC,CAAC;EACd,oBAAO,IAAAY,oBAAa,EAACC,gCAAe,EAAE;IACpCR,GAAG;IACHJ,KAAK;IACLC,MAAM;IACNC,QAAQ;IACR,GAAGC;EACL,CAAC,CAAC;AACJ,CAAC;AACD;AAAA,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACejB,8BAA8B","ignoreList":[]}

package/lib/commonjs/views/types.d.ts

@@ -7,6 +7,7 @@ export type NativeSkiaViewProps = ViewProps & {
     opaque?: boolean;
 };
 export interface ISkiaViewApi {
+    web?: boolean;
     setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;
     requestRedraw: (nativeId: number) => void;
     makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;

package/lib/commonjs/views/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nimport type { Node } from \"../dom/types\";\nimport type { SkImage, SkPicture, SkRect, SkSize } from \"../skia/types\";\n\nexport type NativeSkiaViewProps = ViewProps & {\n  debug?: boolean;\n  opaque?: boolean;\n};\n\nexport interface ISkiaViewApi {\n  setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;\n  requestRedraw: (nativeId: number) => void;\n  makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n  makeImageSnapshotAsync: (nativeId: number, rect?: SkRect) => Promise<SkImage>;\n}\n\nexport interface SkiaBaseViewProps extends ViewProps {\n  /**\n   * When set to true the view will display information about the\n   * average time it takes to render.\n   */\n  debug?: boolean;\n  /**\n   * Pass an animated value to the onSize property to get updates when\n   * the Skia view is resized.\n   */\n  onSize?: SharedValue<SkSize>;\n\n  opaque?: boolean;\n}\n\nexport interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {\n  picture?: SkPicture;\n}\n\nexport interface SkiaDomViewNativeProps extends SkiaBaseViewProps {\n  root?: Node<unknown>;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nimport type { Node } from \"../dom/types\";\nimport type { SkImage, SkPicture, SkRect, SkSize } from \"../skia/types\";\n\nexport type NativeSkiaViewProps = ViewProps & {\n  debug?: boolean;\n  opaque?: boolean;\n};\n\nexport interface ISkiaViewApi {\n  web?: boolean;\n  setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;\n  requestRedraw: (nativeId: number) => void;\n  makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n  makeImageSnapshotAsync: (nativeId: number, rect?: SkRect) => Promise<SkImage>;\n}\n\nexport interface SkiaBaseViewProps extends ViewProps {\n  /**\n   * When set to true the view will display information about the\n   * average time it takes to render.\n   */\n  debug?: boolean;\n  /**\n   * Pass an animated value to the onSize property to get updates when\n   * the Skia view is resized.\n   */\n  onSize?: SharedValue<SkSize>;\n\n  opaque?: boolean;\n}\n\nexport interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {\n  picture?: SkPicture;\n}\n\nexport interface SkiaDomViewNativeProps extends SkiaBaseViewProps {\n  root?: Node<unknown>;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/web/LoadSkiaWeb.js

@@ -11,11 +11,10 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 
 let ckSharedPromise;
 const LoadSkiaWeb = async opts => {
-  var _ckSharedPromise;
   if (global.CanvasKit !== undefined) {
     return;
   }
-  ckSharedPromise = (_ckSharedPromise = ckSharedPromise) !== null && _ckSharedPromise !== void 0 ? _ckSharedPromise : (0, _canvaskit.default)(opts);
+  ckSharedPromise = ckSharedPromise !== null && ckSharedPromise !== void 0 ? ckSharedPromise : (0, _canvaskit.default)(opts);
   const CanvasKit = await ckSharedPromise;
   // The CanvasKit API is stored on the global object and used
   // to create the JsiSKApi in the Skia.web.ts file.

package/lib/commonjs/web/LoadSkiaWeb.js.map

@@ -1 +1 @@
-{"version":3,"names":["_canvaskit","_interopRequireDefault","require","e","__esModule","default","ckSharedPromise","LoadSkiaWeb","opts","_ckSharedPromise","global","CanvasKit","undefined","CanvasKitInit","exports","LoadSkia"],"sources":["LoadSkiaWeb.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport CanvasKitInit from \"canvaskit-wasm/bin/full/canvaskit\";\nimport type {\n  CanvasKit as CanvasKitType,\n  CanvasKitInitOptions,\n} from \"canvaskit-wasm\";\n\ndeclare global {\n  var CanvasKit: CanvasKitType;\n}\n\nlet ckSharedPromise: Promise<CanvasKitType>;\n\nexport const LoadSkiaWeb = async (opts?: CanvasKitInitOptions) => {\n  if (global.CanvasKit !== undefined) {\n    return;\n  }\n  ckSharedPromise = ckSharedPromise ?? CanvasKitInit(opts);\n  const CanvasKit = await ckSharedPromise;\n  // The CanvasKit API is stored on the global object and used\n  // to create the JsiSKApi in the Skia.web.ts file.\n  global.CanvasKit = CanvasKit;\n};\n\n// We keep this function for backward compatibility\nexport const LoadSkia = LoadSkiaWeb;\n"],"mappings":";;;;;;AAEA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8D,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAF9D;AACA;;AAWA,IAAIG,eAAuC;AAEpC,MAAMC,WAAW,GAAG,MAAOC,IAA2B,IAAK;EAAA,IAAAC,gBAAA;EAChE,IAAIC,MAAM,CAACC,SAAS,KAAKC,SAAS,EAAE;IAClC;EACF;EACAN,eAAe,IAAAG,gBAAA,GAAGH,eAAe,cAAAG,gBAAA,cAAAA,gBAAA,GAAI,IAAAI,kBAAa,EAACL,IAAI,CAAC;EACxD,MAAMG,SAAS,GAAG,MAAML,eAAe;EACvC;EACA;EACAI,MAAM,CAACC,SAAS,GAAGA,SAAS;AAC9B,CAAC;;AAED;AAAAG,OAAA,CAAAP,WAAA,GAAAA,WAAA;AACO,MAAMQ,QAAQ,GAAAD,OAAA,CAAAC,QAAA,GAAGR,WAAW","ignoreList":[]}
+{"version":3,"names":["_canvaskit","_interopRequireDefault","require","e","__esModule","default","ckSharedPromise","LoadSkiaWeb","opts","global","CanvasKit","undefined","CanvasKitInit","exports","LoadSkia"],"sources":["LoadSkiaWeb.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport CanvasKitInit from \"canvaskit-wasm/bin/full/canvaskit\";\nimport type {\n  CanvasKit as CanvasKitType,\n  CanvasKitInitOptions,\n} from \"canvaskit-wasm\";\n\ndeclare global {\n  var CanvasKit: CanvasKitType;\n}\n\nlet ckSharedPromise: Promise<CanvasKitType>;\n\nexport const LoadSkiaWeb = async (opts?: CanvasKitInitOptions) => {\n  if (global.CanvasKit !== undefined) {\n    return;\n  }\n  ckSharedPromise = ckSharedPromise ?? CanvasKitInit(opts);\n  const CanvasKit = await ckSharedPromise;\n  // The CanvasKit API is stored on the global object and used\n  // to create the JsiSKApi in the Skia.web.ts file.\n  global.CanvasKit = CanvasKit;\n};\n\n// We keep this function for backward compatibility\nexport const LoadSkia = LoadSkiaWeb;\n"],"mappings":";;;;;;AAEA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8D,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAF9D;AACA;;AAWA,IAAIG,eAAuC;AAEpC,MAAMC,WAAW,GAAG,MAAOC,IAA2B,IAAK;EAChE,IAAIC,MAAM,CAACC,SAAS,KAAKC,SAAS,EAAE;IAClC;EACF;EACAL,eAAe,GAAGA,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAI,IAAAM,kBAAa,EAACJ,IAAI,CAAC;EACxD,MAAME,SAAS,GAAG,MAAMJ,eAAe;EACvC;EACA;EACAG,MAAM,CAACC,SAAS,GAAGA,SAAS;AAC9B,CAAC;;AAED;AAAAG,OAAA,CAAAN,WAAA,GAAAA,WAAA;AACO,MAAMO,QAAQ,GAAAD,OAAA,CAAAC,QAAA,GAAGP,WAAW","ignoreList":[]}

package/lib/module/animation/functions/interpolateColors.d.ts

@@ -1,3 +1,3 @@
 import type { Color } from "../../skia";
 export declare const interpolateColors: (value: number, inputRange: number[], _outputRange: Color[]) => number[];
-export declare const mixColors: (value: number, x: Color, y: Color) => Float32Array;
+export declare const mixColors: (value: number, x: Color, y: Color) => Float32Array<ArrayBuffer>;

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

@@ -242,9 +242,9 @@ export declare const transformOrigin: (origin: Vector, transform: Transforms3d)
     rotateY: number;
     matrix: import("../../../skia/types").Matrix4;
 }, "matrix">)[];
-export declare const processColor: (Skia: Skia, color: number | string | Float32Array | number[]) => Float32Array;
+export declare const processColor: (Skia: Skia, color: number | string | Float32Array | number[]) => import("../../../skia/types").SkColor;
 export declare const processGradientProps: (Skia: Skia, { colors, positions, mode, flags, ...transform }: GradientProps) => {
-    colors: Float32Array[];
+    colors: import("../../../skia/types").SkColor[];
     positions: number[] | null;
     mode: TileMode;
     flags: number | undefined;