@shopify/react-native-skia 0.1.138 → 0.1.141

package/lib/module/skia/types/Font/Font.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Font.ts"],"names":["fontStyle","weight","width","slant","FontWeight","FontWidth","FontSlant","FontEdging","FontHinting","FontStyle","Normal","Upright","Bold","Italic","BoldItalic"],"mappings":"AAyKA,MAAMA,SAAS,GAAG,CAChBC,MADgB,EAEhBC,KAFgB,EAGhBC,KAHgB,MAID;AAAEF,EAAAA,MAAF;AAAUC,EAAAA,KAAV;AAAiBC,EAAAA;AAAjB,CAJC,CAAlB;;AAYA,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,KAAAA,U;;AAcZ,WAAYC,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S;;AAYZ,WAAYC,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S;;AAMZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,KAAAA,U;;AAMZ,WAAYC,WAAZ;;WAAYA,W;AAAAA,EAAAA,W,CAAAA,W;AAAAA,EAAAA,W,CAAAA,W;AAAAA,EAAAA,W,CAAAA,W;AAAAA,EAAAA,W,CAAAA,W;GAAAA,W,KAAAA,W;;AAOZ,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,MAAM,EAAEV,SAAS,CAACI,UAAU,CAACM,MAAZ,EAAoBL,SAAS,CAACK,MAA9B,EAAsCJ,SAAS,CAACK,OAAhD,CADM;AAEvBC,EAAAA,IAAI,EAAEZ,SAAS,CAACI,UAAU,CAACQ,IAAZ,EAAkBP,SAAS,CAACK,MAA5B,EAAoCJ,SAAS,CAACK,OAA9C,CAFQ;AAGvBE,EAAAA,MAAM,EAAEb,SAAS,CAACI,UAAU,CAACM,MAAZ,EAAoBL,SAAS,CAACK,MAA9B,EAAsCJ,SAAS,CAACO,MAAhD,CAHM;AAIvBC,EAAAA,UAAU,EAAEd,SAAS,CAACI,UAAU,CAACQ,IAAZ,EAAkBP,SAAS,CAACK,MAA5B,EAAoCJ,SAAS,CAACO,MAA9C;AAJE,CAAlB","sourcesContent":["import type { SkJSIInstance } from \"../JsiInstance\";\nimport type { SkPaint } from \"../Paint\";\nimport type { SkRect } from \"../Rect\";\nimport type { SkPoint } from \"../Point\";\nimport type { SkTypeface } from \"../Typeface\";\n\nexport interface FontMetrics {\n  ascent: number; // suggested space above the baseline. < 0\n  descent: number; // suggested space below the baseline. > 0\n  leading: number; // suggested spacing between descent of previous line and ascent of next line.\n  bounds?: SkRect; // smallest rect containing all glyphs (relative to 0,0)\n}\n\nexport interface SkFont extends SkJSIInstance<\"Font\"> {\n  /**\n   * Retrieves the total width of the provided text\n   * @param text\n   * @param paint\n   */\n  getTextWidth(text: string, paint?: SkPaint): number;\n\n  /**\n   * Retrieves the advanceX measurements for each glyph.\n   * If paint is not null, its stroking, PathEffect, and MaskFilter fields are respected.\n   * One width per glyph is returned in the returned array.\n   * @param glyphs\n   * @param paint\n   */\n  getGlyphWidths(glyphs: number[], paint?: SkPaint): number[];\n\n  /** Returns the advance width of text.\n      The advance is the normal distance to move before drawing additional text.\n      Returns the bounding box of text if bounds is not nullptr. The paint\n      stroke settings, mask filter, or path effect may modify the bounds.\n\n      @param text        character storage encoded with SkTextEncoding\n      @param byteLength  length of character storage in bytes\n      @param bounds      returns bounding box relative to (0, 0) if not nullptr\n      @param paint       optional; may be nullptr\n      @return            number of glyphs represented by text of length byteLength\n  */\n  measureText: (text: string, paint?: SkPaint) => SkRect;\n\n  /**\n   * Returns the FontMetrics for this font.\n   */\n  getMetrics(): FontMetrics;\n\n  /**\n   * Retrieves the glyph ids for each code point in the provided string. This call is passed to\n   * the typeface of this font. Note that glyph IDs are typeface-dependent; different faces\n   * may have different ids for the same code point.\n   * @param str\n   * @param numCodePoints - the number of code points in the string. Defaults to str.length.\n   */\n  getGlyphIDs(str: string, numCodePoints?: number): number[];\n\n  /**\n   * Computes any intersections of a thick \"line\" and a run of positionsed glyphs.\n   * The thick line is represented as a top and bottom coordinate (positive for\n   * below the baseline, negative for above). If there are no intersections\n   * (e.g. if this is intended as an underline, and there are no \"collisions\")\n   * then the returned array will be empty. If there are intersections, the array\n   * will contain pairs of X coordinates [start, end] for each segment that\n   * intersected with a glyph.\n   *\n   * @param glyphs        the glyphs to intersect with\n   * @param positions     x,y coordinates (2 per glyph) for each glyph\n   * @param top           top of the thick \"line\" to use for intersection testing\n   * @param bottom        bottom of the thick \"line\" to use for intersection testing\n   * @return              array of [start, end] x-coordinate pairs. Maybe be empty.\n   */\n  getGlyphIntercepts(\n    glyphs: number[],\n    positions: SkPoint[],\n    top: number,\n    bottom: number\n  ): number[];\n\n  /**\n   * Returns text scale on x-axis. Default value is 1.\n   */\n  getScaleX(): number;\n\n  /**\n   * Returns text size in points.\n   */\n  getSize(): number;\n\n  /**\n   * Returns text skew on x-axis. Default value is zero.\n   */\n  getSkewX(): number;\n\n  /**\n   * Returns embolden effect for this font. Default value is false.\n   */\n  isEmbolden(): boolean;\n\n  /**\n   * Returns the Typeface set for this font.\n   */\n  getTypeface(): SkTypeface | null;\n\n  /**\n   * Requests, but does not require, that edge pixels draw opaque or with partial transparency.\n   * @param edging\n   */\n  setEdging(edging: FontEdging): void;\n\n  /**\n   * Requests, but does not require, to use bitmaps in fonts instead of outlines.\n   * @param embeddedBitmaps\n   */\n  setEmbeddedBitmaps(embeddedBitmaps: boolean): void;\n\n  /**\n   * Sets level of glyph outline adjustment.\n   * @param hinting\n   */\n  setHinting(hinting: FontHinting): void;\n\n  /**\n   * Requests, but does not require, linearly scalable font and glyph metrics.\n   *\n   * For outline fonts 'true' means font and glyph metrics should ignore hinting and rounding.\n   * Note that some bitmap formats may not be able to scale linearly and will ignore this flag.\n   * @param linearMetrics\n   */\n  setLinearMetrics(linearMetrics: boolean): void;\n\n  /**\n   * Sets the text scale on the x-axis.\n   * @param sx\n   */\n  setScaleX(sx: number): void;\n\n  /**\n   * Sets the text size in points on this font.\n   * @param points\n   */\n  setSize(points: number): void;\n\n  /**\n   * Sets the text-skew on the x axis for this font.\n   * @param sx\n   */\n  setSkewX(sx: number): void;\n\n  /**\n   * Set embolden effect for this font.\n   * @param embolden\n   */\n  setEmbolden(embolden: boolean): void;\n\n  /**\n   * Requests, but does not require, that glyphs respect sub-pixel positioning.\n   * @param subpixel\n   */\n  setSubpixel(subpixel: boolean): void;\n\n  /**\n   * Sets the typeface to use with this font. null means to clear the typeface and use the\n   * default one.\n   * @param face\n   */\n  setTypeface(face: SkTypeface | null): void;\n}\n\nconst fontStyle = (\n  weight: FontWeight,\n  width: FontWidth,\n  slant: FontSlant\n): FontStyle => ({ weight, width, slant });\n\nexport interface FontStyle {\n  weight?: FontWeight;\n  width?: FontWidth;\n  slant?: FontSlant;\n}\n\nexport enum FontWeight {\n  Invisible = 0,\n  Thin = 100,\n  ExtraLight = 200,\n  Light = 300,\n  Normal = 400,\n  Medium = 500,\n  SemiBold = 600,\n  Bold = 700,\n  ExtraBold = 800,\n  Black = 900,\n  ExtraBlack = 1000,\n}\n\nexport enum FontWidth {\n  UltraCondensed = 1,\n  ExtraCondensed = 2,\n  Condensed = 3,\n  SemiCondensed = 4,\n  Normal = 5,\n  SemiExpanded = 6,\n  Expanded = 7,\n  ExtraExpanded = 8,\n  UltraExpanded = 9,\n}\n\nexport enum FontSlant {\n  Upright,\n  Italic,\n  Oblique,\n}\n\nexport enum FontEdging {\n  Alias,\n  AntiAlias,\n  SubpixelAntiAlias,\n}\n\nexport enum FontHinting {\n  None,\n  Slight,\n  Normal,\n  Full,\n}\n\nexport const FontStyle = {\n  Normal: fontStyle(FontWeight.Normal, FontWidth.Normal, FontSlant.Upright),\n  Bold: fontStyle(FontWeight.Bold, FontWidth.Normal, FontSlant.Upright),\n  Italic: fontStyle(FontWeight.Normal, FontWidth.Normal, FontSlant.Italic),\n  BoldItalic: fontStyle(FontWeight.Bold, FontWidth.Normal, FontSlant.Italic),\n};\n"]}
+{"version":3,"sources":["Font.ts"],"names":["fontStyle","weight","width","slant","FontWeight","FontWidth","FontSlant","FontEdging","FontHinting","FontStyle","Normal","Upright","Bold","Italic","BoldItalic"],"mappings":"AA4JA,MAAMA,SAAS,GAAG,CAChBC,MADgB,EAEhBC,KAFgB,EAGhBC,KAHgB,MAID;AAAEF,EAAAA,MAAF;AAAUC,EAAAA,KAAV;AAAiBC,EAAAA;AAAjB,CAJC,CAAlB;;AAYA,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,KAAAA,U;;AAcZ,WAAYC,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S;;AAYZ,WAAYC,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S;;AAMZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,KAAAA,U;;AAMZ,WAAYC,WAAZ;;WAAYA,W;AAAAA,EAAAA,W,CAAAA,W;AAAAA,EAAAA,W,CAAAA,W;AAAAA,EAAAA,W,CAAAA,W;AAAAA,EAAAA,W,CAAAA,W;GAAAA,W,KAAAA,W;;AAOZ,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,MAAM,EAAEV,SAAS,CAACI,UAAU,CAACM,MAAZ,EAAoBL,SAAS,CAACK,MAA9B,EAAsCJ,SAAS,CAACK,OAAhD,CADM;AAEvBC,EAAAA,IAAI,EAAEZ,SAAS,CAACI,UAAU,CAACQ,IAAZ,EAAkBP,SAAS,CAACK,MAA5B,EAAoCJ,SAAS,CAACK,OAA9C,CAFQ;AAGvBE,EAAAA,MAAM,EAAEb,SAAS,CAACI,UAAU,CAACM,MAAZ,EAAoBL,SAAS,CAACK,MAA9B,EAAsCJ,SAAS,CAACO,MAAhD,CAHM;AAIvBC,EAAAA,UAAU,EAAEd,SAAS,CAACI,UAAU,CAACQ,IAAZ,EAAkBP,SAAS,CAACK,MAA5B,EAAoCJ,SAAS,CAACO,MAA9C;AAJE,CAAlB","sourcesContent":["import type { SkJSIInstance } from \"../JsiInstance\";\nimport type { SkPaint } from \"../Paint\";\nimport type { SkRect } from \"../Rect\";\nimport type { SkPoint } from \"../Point\";\nimport type { SkTypeface } from \"../Typeface\";\n\nexport interface FontMetrics {\n  ascent: number; // suggested space above the baseline. < 0\n  descent: number; // suggested space below the baseline. > 0\n  leading: number; // suggested spacing between descent of previous line and ascent of next line.\n  bounds?: SkRect; // smallest rect containing all glyphs (relative to 0,0)\n}\n\nexport interface SkFont extends SkJSIInstance<\"Font\"> {\n  /**\n   * Retrieves the total width of the provided text\n   * @param text\n   * @param paint\n   */\n  getTextWidth(text: string, paint?: SkPaint): number;\n\n  /**\n   * Retrieves the advanceX measurements for each glyph.\n   * If paint is not null, its stroking, PathEffect, and MaskFilter fields are respected.\n   * One width per glyph is returned in the returned array.\n   * @param glyphs\n   * @param paint\n   */\n  getGlyphWidths(glyphs: number[], paint?: SkPaint): number[];\n\n  /**\n   * Returns the FontMetrics for this font.\n   */\n  getMetrics(): FontMetrics;\n\n  /**\n   * Retrieves the glyph ids for each code point in the provided string. This call is passed to\n   * the typeface of this font. Note that glyph IDs are typeface-dependent; different faces\n   * may have different ids for the same code point.\n   * @param str\n   * @param numCodePoints - the number of code points in the string. Defaults to str.length.\n   */\n  getGlyphIDs(str: string, numCodePoints?: number): number[];\n\n  /**\n   * Computes any intersections of a thick \"line\" and a run of positionsed glyphs.\n   * The thick line is represented as a top and bottom coordinate (positive for\n   * below the baseline, negative for above). If there are no intersections\n   * (e.g. if this is intended as an underline, and there are no \"collisions\")\n   * then the returned array will be empty. If there are intersections, the array\n   * will contain pairs of X coordinates [start, end] for each segment that\n   * intersected with a glyph.\n   *\n   * @param glyphs        the glyphs to intersect with\n   * @param positions     x,y coordinates (2 per glyph) for each glyph\n   * @param top           top of the thick \"line\" to use for intersection testing\n   * @param bottom        bottom of the thick \"line\" to use for intersection testing\n   * @return              array of [start, end] x-coordinate pairs. Maybe be empty.\n   */\n  getGlyphIntercepts(\n    glyphs: number[],\n    positions: SkPoint[],\n    top: number,\n    bottom: number\n  ): number[];\n\n  /**\n   * Returns text scale on x-axis. Default value is 1.\n   */\n  getScaleX(): number;\n\n  /**\n   * Returns text size in points.\n   */\n  getSize(): number;\n\n  /**\n   * Returns text skew on x-axis. Default value is zero.\n   */\n  getSkewX(): number;\n\n  /**\n   * Returns embolden effect for this font. Default value is false.\n   */\n  isEmbolden(): boolean;\n\n  /**\n   * Returns the Typeface set for this font.\n   */\n  getTypeface(): SkTypeface | null;\n\n  /**\n   * Requests, but does not require, that edge pixels draw opaque or with partial transparency.\n   * @param edging\n   */\n  setEdging(edging: FontEdging): void;\n\n  /**\n   * Requests, but does not require, to use bitmaps in fonts instead of outlines.\n   * @param embeddedBitmaps\n   */\n  setEmbeddedBitmaps(embeddedBitmaps: boolean): void;\n\n  /**\n   * Sets level of glyph outline adjustment.\n   * @param hinting\n   */\n  setHinting(hinting: FontHinting): void;\n\n  /**\n   * Requests, but does not require, linearly scalable font and glyph metrics.\n   *\n   * For outline fonts 'true' means font and glyph metrics should ignore hinting and rounding.\n   * Note that some bitmap formats may not be able to scale linearly and will ignore this flag.\n   * @param linearMetrics\n   */\n  setLinearMetrics(linearMetrics: boolean): void;\n\n  /**\n   * Sets the text scale on the x-axis.\n   * @param sx\n   */\n  setScaleX(sx: number): void;\n\n  /**\n   * Sets the text size in points on this font.\n   * @param points\n   */\n  setSize(points: number): void;\n\n  /**\n   * Sets the text-skew on the x axis for this font.\n   * @param sx\n   */\n  setSkewX(sx: number): void;\n\n  /**\n   * Set embolden effect for this font.\n   * @param embolden\n   */\n  setEmbolden(embolden: boolean): void;\n\n  /**\n   * Requests, but does not require, that glyphs respect sub-pixel positioning.\n   * @param subpixel\n   */\n  setSubpixel(subpixel: boolean): void;\n\n  /**\n   * Sets the typeface to use with this font. null means to clear the typeface and use the\n   * default one.\n   * @param face\n   */\n  setTypeface(face: SkTypeface | null): void;\n}\n\nconst fontStyle = (\n  weight: FontWeight,\n  width: FontWidth,\n  slant: FontSlant\n): FontStyle => ({ weight, width, slant });\n\nexport interface FontStyle {\n  weight?: FontWeight;\n  width?: FontWidth;\n  slant?: FontSlant;\n}\n\nexport enum FontWeight {\n  Invisible = 0,\n  Thin = 100,\n  ExtraLight = 200,\n  Light = 300,\n  Normal = 400,\n  Medium = 500,\n  SemiBold = 600,\n  Bold = 700,\n  ExtraBold = 800,\n  Black = 900,\n  ExtraBlack = 1000,\n}\n\nexport enum FontWidth {\n  UltraCondensed = 1,\n  ExtraCondensed = 2,\n  Condensed = 3,\n  SemiCondensed = 4,\n  Normal = 5,\n  SemiExpanded = 6,\n  Expanded = 7,\n  ExtraExpanded = 8,\n  UltraExpanded = 9,\n}\n\nexport enum FontSlant {\n  Upright,\n  Italic,\n  Oblique,\n}\n\nexport enum FontEdging {\n  Alias,\n  AntiAlias,\n  SubpixelAntiAlias,\n}\n\nexport enum FontHinting {\n  None,\n  Slight,\n  Normal,\n  Full,\n}\n\nexport const FontStyle = {\n  Normal: fontStyle(FontWeight.Normal, FontWidth.Normal, FontSlant.Upright),\n  Bold: fontStyle(FontWeight.Bold, FontWidth.Normal, FontSlant.Upright),\n  Italic: fontStyle(FontWeight.Normal, FontWidth.Normal, FontSlant.Italic),\n  BoldItalic: fontStyle(FontWeight.Bold, FontWidth.Normal, FontSlant.Italic),\n};\n"]}

package/lib/module/skia/types/Image/ImageFactory.js

@@ -1,4 +1,3 @@
-/* eslint-disable camelcase */
 export let AlphaType;
 
 (function (AlphaType) {

package/lib/module/skia/types/Image/ImageFactory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageFactory.ts"],"names":["AlphaType","ColorType"],"mappings":"AAAA;AAKA,WAAYA,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S;;AAOZ,WAAYC,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S","sourcesContent":["/* eslint-disable camelcase */\nimport type { SkData } from \"../Data\";\n\nimport type { SkImage } from \"./Image\";\n\nexport enum AlphaType {\n  Unknown,\n  Opaque,\n  Premul,\n  Unpremul,\n}\n\nexport enum ColorType {\n  Unknown, //!< uninitialized\n  Alpha_8, //!< pixel with alpha in 8-bit byte\n  RGB_565, //!< pixel with 5 bits red, 6 bits green, 5 bits blue, in 16-bit word\n  ARGB_4444, //!< pixel with 4 bits for alpha, red, green, blue; in 16-bit word\n  RGBA_8888, //!< pixel with 8 bits for red, green, blue, alpha; in 32-bit word\n  RGB_888x, //!< pixel with 8 bits each for red, green, blue; in 32-bit word\n  BGRA_8888, //!< pixel with 8 bits for blue, green, red, alpha; in 32-bit word\n  RGBA_1010102, //!< 10 bits for red, green, blue; 2 bits for alpha; in 32-bit word\n  BGRA_1010102, //!< 10 bits for blue, green, red; 2 bits for alpha; in 32-bit word\n  RGB_101010x, //!< pixel with 10 bits each for red, green, blue; in 32-bit word\n  BGR_101010x, //!< pixel with 10 bits each for blue, green, red; in 32-bit word\n  Gray_8, //!< pixel with grayscale level in 8-bit byte\n  RGBA_F16Norm, //!< pixel with half floats in [0,1] for red, green, blue, alpha;\n  //   in 64-bit word\n  RGBA_F16, //!< pixel with half floats for red, green, blue, alpha;\n  //   in 64-bit word\n  RGBA_F32, //!< pixel using C float for red, green, blue, alpha; in 128-bit word\n\n  // The following 6 colortypes are just for reading from - not for rendering to\n  R8G8_unorm, //!< pixel with a uint8_t for red and green\n\n  A16_float, //!< pixel with a half float for alpha\n  R16G16_float, //!< pixel with a half float for red and green\n\n  A16_unorm, //!< pixel with a little endian uint16_t for alpha\n  R16G16_unorm, //!< pixel with a little endian uint16_t for red and green\n  R16G16B16A16_unorm, //!< pixel with a little endian uint16_t for red, green, blue\n  //   and alpha\n  SRGBA_8888,\n}\n\nexport interface ImageInfo {\n  alphaType: AlphaType;\n  // TODO: add support for color space\n  // colorSpace: ColorSpace;\n  colorType: ColorType;\n  height: number;\n  width: number;\n}\n\nexport interface ImageFactory {\n  /**\n   * Return an Image backed by the encoded data, but attempt to defer decoding until the image\n   * is actually used/drawn. This deferral allows the system to cache the result, either on the\n   * CPU or on the GPU, depending on where the image is drawn.\n   * This decoding uses the codecs that have been compiled into CanvasKit. If the bytes are\n   * invalid (or an unrecognized codec), null will be returned. See Image.h for more details.\n   * @param data - Data object with bytes of data\n   * @returns If the encoded format is not supported, or subset is outside of the bounds of the decoded\n   *  image, nullptr is returned.\n   */\n  MakeImageFromEncoded: (encoded: SkData) => SkImage | null;\n\n  /**\n   * Returns an image with the given pixel data and format.\n   * Note that we will always make a copy of the pixel data, because of inconsistencies in\n   * behavior between GPU and CPU (i.e. the pixel data will be turned into a GPU texture and\n   * not modifiable after creation).\n   *\n   * @param info\n   * @param data - bytes representing the pixel data.\n   * @param bytesPerRow\n   */\n  MakeImage(info: ImageInfo, data: SkData, bytesPerRow: number): SkImage | null;\n}\n"]}
+{"version":3,"sources":["ImageFactory.ts"],"names":["AlphaType","ColorType"],"mappings":"AAIA,WAAYA,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S;;AAOZ,WAAYC,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S","sourcesContent":["import type { SkData } from \"../Data\";\n\nimport type { SkImage } from \"./Image\";\n\nexport enum AlphaType {\n  Unknown,\n  Opaque,\n  Premul,\n  Unpremul,\n}\n\nexport enum ColorType {\n  Unknown, //!< uninitialized\n  Alpha_8, //!< pixel with alpha in 8-bit byte\n  RGB_565, //!< pixel with 5 bits red, 6 bits green, 5 bits blue, in 16-bit word\n  ARGB_4444, //!< pixel with 4 bits for alpha, red, green, blue; in 16-bit word\n  RGBA_8888, //!< pixel with 8 bits for red, green, blue, alpha; in 32-bit word\n  RGB_888x, //!< pixel with 8 bits each for red, green, blue; in 32-bit word\n  BGRA_8888, //!< pixel with 8 bits for blue, green, red, alpha; in 32-bit word\n  RGBA_1010102, //!< 10 bits for red, green, blue; 2 bits for alpha; in 32-bit word\n  BGRA_1010102, //!< 10 bits for blue, green, red; 2 bits for alpha; in 32-bit word\n  RGB_101010x, //!< pixel with 10 bits each for red, green, blue; in 32-bit word\n  BGR_101010x, //!< pixel with 10 bits each for blue, green, red; in 32-bit word\n  Gray_8, //!< pixel with grayscale level in 8-bit byte\n  RGBA_F16Norm, //!< pixel with half floats in [0,1] for red, green, blue, alpha;\n  //   in 64-bit word\n  RGBA_F16, //!< pixel with half floats for red, green, blue, alpha;\n  //   in 64-bit word\n  RGBA_F32, //!< pixel using C float for red, green, blue, alpha; in 128-bit word\n\n  // The following 6 colortypes are just for reading from - not for rendering to\n  R8G8_unorm, //!< pixel with a uint8_t for red and green\n\n  A16_float, //!< pixel with a half float for alpha\n  R16G16_float, //!< pixel with a half float for red and green\n\n  A16_unorm, //!< pixel with a little endian uint16_t for alpha\n  R16G16_unorm, //!< pixel with a little endian uint16_t for red and green\n  R16G16B16A16_unorm, //!< pixel with a little endian uint16_t for red, green, blue\n  //   and alpha\n  SRGBA_8888,\n}\n\nexport interface ImageInfo {\n  alphaType: AlphaType;\n  // TODO: add support for color space\n  // colorSpace: ColorSpace;\n  colorType: ColorType;\n  height: number;\n  width: number;\n}\n\nexport interface ImageFactory {\n  /**\n   * Return an Image backed by the encoded data, but attempt to defer decoding until the image\n   * is actually used/drawn. This deferral allows the system to cache the result, either on the\n   * CPU or on the GPU, depending on where the image is drawn.\n   * This decoding uses the codecs that have been compiled into CanvasKit. If the bytes are\n   * invalid (or an unrecognized codec), null will be returned. See Image.h for more details.\n   * @param data - Data object with bytes of data\n   * @returns If the encoded format is not supported, or subset is outside of the bounds of the decoded\n   *  image, nullptr is returned.\n   */\n  MakeImageFromEncoded: (encoded: SkData) => SkImage | null;\n\n  /**\n   * Returns an image with the given pixel data and format.\n   * Note that we will always make a copy of the pixel data, because of inconsistencies in\n   * behavior between GPU and CPU (i.e. the pixel data will be turned into a GPU texture and\n   * not modifiable after creation).\n   *\n   * @param info\n   * @param data - bytes representing the pixel data.\n   * @param bytesPerRow\n   */\n  MakeImage(info: ImageInfo, data: SkData, bytesPerRow: number): SkImage | null;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Path.ts"],"names":["FillType","PathOp","PathVerb","isPath","obj","__typename__"],"mappings":"AAOA;AACA;AACA;AAeA,WAAYA,QAAZ;;WAAYA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;GAAAA,Q,KAAAA,Q;;AAOZ,WAAYC,MAAZ;;WAAYA,M;AAAAA,EAAAA,M,CAAAA,M;AAAAA,EAAAA,M,CAAAA,M;AAAAA,EAAAA,M,CAAAA,M;AAAAA,EAAAA,M,CAAAA,M;AAAAA,EAAAA,M,CAAAA,M;GAAAA,M,KAAAA,M;;AAQZ,WAAYC,QAAZ;;WAAYA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;GAAAA,Q,KAAAA,Q;;AAWZ,OAAO,MAAMC,MAAM,GAAIC,GAAD,IACpBA,GAAG,KAAK,IAAR,IAAgBA,GAAG,CAACC,YAAJ,KAAqB,MADhC","sourcesContent":["import type { SkRect } from \"../Rect\";\nimport type { SkPoint } from \"../Point\";\nimport type { SkRRect } from \"../RRect\";\nimport type { StrokeJoin, StrokeCap } from \"../Paint\";\nimport type { 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  // eslint-disable-next-line camelcase\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  obj !== null && obj.__typename__ === \"Path\";\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): void;\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): void;\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(): void;\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(): void;\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(): void;\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): void;\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): void;\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: SkRRect, isCCW?: 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: SkMatrix): void;\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   * @return        Path replaced by interpolated averages or null if \n   *                not interpolatable\n   * */\n  interpolate(end: SkPath, weight: number): 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"]}
+{"version":3,"sources":["Path.ts"],"names":["FillType","PathOp","PathVerb","isPath","obj","__typename__"],"mappings":"AAOA;AACA;AACA;AAcA,WAAYA,QAAZ;;WAAYA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;GAAAA,Q,KAAAA,Q;;AAOZ,WAAYC,MAAZ;;WAAYA,M;AAAAA,EAAAA,M,CAAAA,M;AAAAA,EAAAA,M,CAAAA,M;AAAAA,EAAAA,M,CAAAA,M;AAAAA,EAAAA,M,CAAAA,M;AAAAA,EAAAA,M,CAAAA,M;GAAAA,M,KAAAA,M;;AAQZ,WAAYC,QAAZ;;WAAYA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;AAAAA,EAAAA,Q,CAAAA,Q;GAAAA,Q,KAAAA,Q;;AAWZ,OAAO,MAAMC,MAAM,GAAIC,GAAD,IACpBA,GAAG,KAAK,IAAR,IAAgBA,GAAG,CAACC,YAAJ,KAAqB,MADhC","sourcesContent":["import type { SkRect } from \"../Rect\";\nimport type { SkPoint } from \"../Point\";\nimport type { SkRRect } from \"../RRect\";\nimport type { StrokeJoin, StrokeCap } from \"../Paint\";\nimport type { 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  obj !== null && obj.__typename__ === \"Path\";\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): void;\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): void;\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(): void;\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(): void;\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(): void;\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): void;\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): void;\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: SkRRect, isCCW?: 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: SkMatrix): void;\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   * @return        Path replaced by interpolated averages or null if \n   *                not interpolatable\n   * */\n  interpolate(end: SkPath, weight: number): 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"]}

package/lib/module/skia/types/index.js

@@ -2,7 +2,6 @@ export * from "./Picture";
 export * from "./Data";
 export * from "./SVG";
 export * from "./Surface";
-export * from "./FontMgr";
 export * from "./Vertices";
 export * from "./RuntimeEffect";
 export * from "./Shader";

package/lib/module/skia/types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAd;AACA,cAAc,QAAd;AACA,cAAc,OAAd;AACA,cAAc,WAAd;AACA,cAAc,WAAd;AACA,cAAc,YAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,QAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,SAAd;AACA,cAAc,UAAd;AACA,cAAc,kBAAd;AACA,cAAc,cAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,eAAd;AACA,cAAc,QAAd;AACA,cAAc,YAAd","sourcesContent":["export * from \"./Picture\";\nexport * from \"./Data\";\nexport * from \"./SVG\";\nexport * from \"./Surface\";\nexport * from \"./FontMgr\";\nexport * from \"./Vertices\";\nexport * from \"./RuntimeEffect\";\nexport * from \"./Shader\";\nexport * from \"./Image\";\nexport * from \"./ColorFilter\";\nexport * from \"./ImageFilter\";\nexport * from \"./Font\";\nexport * from \"./Typeface\";\nexport * from \"./Paint\";\nexport * from \"./Path\";\nexport * from \"./Color\";\nexport * from \"./Canvas\";\nexport * from \"./ContourMeasure\";\nexport * from \"./MaskFilter\";\nexport * from \"./Matrix\";\nexport * from \"./PathEffect\";\nexport * from \"./Point\";\nexport * from \"./Rect\";\nexport * from \"./RRect\";\nexport * from \"./RSXform\";\nexport * from \"./JsiInstance\";\nexport * from \"./Skia\";\nexport * from \"./TextBlob\";\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAd;AACA,cAAc,QAAd;AACA,cAAc,OAAd;AACA,cAAc,WAAd;AACA,cAAc,YAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,QAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,SAAd;AACA,cAAc,UAAd;AACA,cAAc,kBAAd;AACA,cAAc,cAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,eAAd;AACA,cAAc,QAAd;AACA,cAAc,YAAd","sourcesContent":["export * from \"./Picture\";\nexport * from \"./Data\";\nexport * from \"./SVG\";\nexport * from \"./Surface\";\nexport * from \"./Vertices\";\nexport * from \"./RuntimeEffect\";\nexport * from \"./Shader\";\nexport * from \"./Image\";\nexport * from \"./ColorFilter\";\nexport * from \"./ImageFilter\";\nexport * from \"./Font\";\nexport * from \"./Typeface\";\nexport * from \"./Paint\";\nexport * from \"./Path\";\nexport * from \"./Color\";\nexport * from \"./Canvas\";\nexport * from \"./ContourMeasure\";\nexport * from \"./MaskFilter\";\nexport * from \"./Matrix\";\nexport * from \"./PathEffect\";\nexport * from \"./Point\";\nexport * from \"./Rect\";\nexport * from \"./RRect\";\nexport * from \"./RSXform\";\nexport * from \"./JsiInstance\";\nexport * from \"./Skia\";\nexport * from \"./TextBlob\";\n"]}

package/lib/module/skia/web/JsiSkFont.js

@@ -6,12 +6,6 @@ export class JsiSkFont extends HostObject {
     super(CanvasKit, ref, "Font");
   }
 
-  measureText(_text, _paint) {
-    console.warn(`measureText() is deprecated an returns an empty rectangle on React Native Web.
-Clients should use "Font.getGlyphWidths" instead (the latter does no shaping)`);
-    return new JsiSkRect(this.CanvasKit, this.CanvasKit.XYWHRect(0, 0, 0, 0));
-  }
-
   getTextWidth(text, paint) {
     const ids = this.getGlyphIDs(text);
     const widths = this.getGlyphWidths(ids, paint);

package/lib/module/skia/web/JsiSkFont.js.map

@@ -1 +1 @@
-{"version":3,"sources":["JsiSkFont.ts"],"names":["HostObject","toValue","ckEnum","JsiSkRect","JsiSkTypeface","JsiSkFont","constructor","CanvasKit","ref","measureText","_text","_paint","console","warn","XYWHRect","getTextWidth","text","paint","ids","getGlyphIDs","widths","getGlyphWidths","reduce","a","b","getMetrics","result","ascent","descent","leading","bounds","undefined","str","numCodePoints","glyphs","getGlyphIntercepts","positions","top","bottom","map","p","getScaleX","getSize","getSkewX","isEmbolden","getTypeface","tf","setEdging","edging","setEmbeddedBitmaps","embeddedBitmaps","setHinting","hinting","setLinearMetrics","linearMetrics","setScaleX","sx","setSize","points","setSkewX","setEmbolden","embolden","setSubpixel","subpixel","setTypeface","face"],"mappings":"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","sourcesContent":["import type { CanvasKit, Font } from \"canvaskit-wasm\";\n\nimport type {\n  FontEdging,\n  FontHinting,\n  SkFont,\n  SkPaint,\n  SkPoint,\n  SkRect,\n  SkTypeface,\n} from \"../types\";\n\nimport { HostObject, toValue, ckEnum } from \"./Host\";\nimport { JsiSkRect } from \"./JsiSkRect\";\nimport { JsiSkTypeface } from \"./JsiSkTypeface\";\n\nexport class JsiSkFont extends HostObject<Font, \"Font\"> implements SkFont {\n  constructor(CanvasKit: CanvasKit, ref: Font) {\n    super(CanvasKit, ref, \"Font\");\n  }\n\n  measureText(_text: string, _paint?: SkPaint): SkRect {\n    console.warn(\n      `measureText() is deprecated an returns an empty rectangle on React Native Web.\nClients should use \"Font.getGlyphWidths\" instead (the latter does no shaping)`\n    );\n    return new JsiSkRect(this.CanvasKit, this.CanvasKit.XYWHRect(0, 0, 0, 0));\n  }\n\n  getTextWidth(text: string, paint?: SkPaint | undefined) {\n    const ids = this.getGlyphIDs(text);\n    const widths = this.getGlyphWidths(ids, paint);\n    return widths.reduce((a, b) => a + b, 0);\n  }\n\n  getMetrics() {\n    const result = this.ref.getMetrics();\n    return {\n      ascent: result.ascent,\n      descent: result.descent,\n      leading: result.leading,\n      bounds: result.bounds\n        ? new JsiSkRect(this.CanvasKit, result.bounds)\n        : undefined,\n    };\n  }\n\n  getGlyphIDs(str: string, numCodePoints?: number) {\n    // TODO: Fix return value in the C++ implementation\n    return [...this.ref.getGlyphIDs(str, numCodePoints)];\n  }\n\n  // TODO: Fix return value in the C++ implementation, it return float32\n  getGlyphWidths(glyphs: number[], paint?: SkPaint | null) {\n    return [...this.ref.getGlyphWidths(glyphs, paint ? toValue(paint) : null)];\n  }\n\n  getGlyphIntercepts(\n    glyphs: number[],\n    positions: SkPoint[],\n    top: number,\n    bottom: number\n  ) {\n    return [\n      ...this.ref.getGlyphIntercepts(\n        glyphs,\n        positions.map((p) => toValue(p)),\n        top,\n        bottom\n      ),\n    ];\n  }\n\n  getScaleX() {\n    return this.ref.getScaleX();\n  }\n\n  getSize() {\n    return this.ref.getSize();\n  }\n\n  getSkewX() {\n    return this.ref.getSkewX();\n  }\n\n  isEmbolden() {\n    return this.ref.isEmbolden();\n  }\n\n  getTypeface() {\n    const tf = this.ref.getTypeface();\n    return tf ? new JsiSkTypeface(this.CanvasKit, tf) : null;\n  }\n\n  setEdging(edging: FontEdging) {\n    this.ref.setEdging(ckEnum(edging));\n  }\n\n  setEmbeddedBitmaps(embeddedBitmaps: boolean) {\n    this.ref.setEmbeddedBitmaps(embeddedBitmaps);\n  }\n\n  setHinting(hinting: FontHinting) {\n    this.ref.setHinting(ckEnum(hinting));\n  }\n\n  setLinearMetrics(linearMetrics: boolean) {\n    this.ref.setLinearMetrics(linearMetrics);\n  }\n\n  setScaleX(sx: number) {\n    this.ref.setScaleX(sx);\n  }\n\n  setSize(points: number) {\n    this.ref.setSize(points);\n  }\n\n  setSkewX(sx: number) {\n    this.ref.setSkewX(sx);\n  }\n\n  setEmbolden(embolden: boolean) {\n    this.ref.setEmbolden(embolden);\n  }\n\n  setSubpixel(subpixel: boolean) {\n    this.ref.setSubpixel(subpixel);\n  }\n\n  setTypeface(face: SkTypeface | null) {\n    this.ref.setTypeface(face ? toValue(face) : null);\n  }\n}\n"]}
+{"version":3,"sources":["JsiSkFont.ts"],"names":["HostObject","toValue","ckEnum","JsiSkRect","JsiSkTypeface","JsiSkFont","constructor","CanvasKit","ref","getTextWidth","text","paint","ids","getGlyphIDs","widths","getGlyphWidths","reduce","a","b","getMetrics","result","ascent","descent","leading","bounds","undefined","str","numCodePoints","glyphs","getGlyphIntercepts","positions","top","bottom","map","p","getScaleX","getSize","getSkewX","isEmbolden","getTypeface","tf","setEdging","edging","setEmbeddedBitmaps","embeddedBitmaps","setHinting","hinting","setLinearMetrics","linearMetrics","setScaleX","sx","setSize","points","setSkewX","setEmbolden","embolden","setSubpixel","subpixel","setTypeface","face"],"mappings":"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","sourcesContent":["import type { CanvasKit, Font } from \"canvaskit-wasm\";\n\nimport type {\n  FontEdging,\n  FontHinting,\n  SkFont,\n  SkPaint,\n  SkPoint,\n  SkTypeface,\n} from \"../types\";\n\nimport { HostObject, toValue, ckEnum } from \"./Host\";\nimport { JsiSkRect } from \"./JsiSkRect\";\nimport { JsiSkTypeface } from \"./JsiSkTypeface\";\n\nexport class JsiSkFont extends HostObject<Font, \"Font\"> implements SkFont {\n  constructor(CanvasKit: CanvasKit, ref: Font) {\n    super(CanvasKit, ref, \"Font\");\n  }\n\n  getTextWidth(text: string, paint?: SkPaint | undefined) {\n    const ids = this.getGlyphIDs(text);\n    const widths = this.getGlyphWidths(ids, paint);\n    return widths.reduce((a, b) => a + b, 0);\n  }\n\n  getMetrics() {\n    const result = this.ref.getMetrics();\n    return {\n      ascent: result.ascent,\n      descent: result.descent,\n      leading: result.leading,\n      bounds: result.bounds\n        ? new JsiSkRect(this.CanvasKit, result.bounds)\n        : undefined,\n    };\n  }\n\n  getGlyphIDs(str: string, numCodePoints?: number) {\n    // TODO: Fix return value in the C++ implementation\n    return [...this.ref.getGlyphIDs(str, numCodePoints)];\n  }\n\n  // TODO: Fix return value in the C++ implementation, it return float32\n  getGlyphWidths(glyphs: number[], paint?: SkPaint | null) {\n    return [...this.ref.getGlyphWidths(glyphs, paint ? toValue(paint) : null)];\n  }\n\n  getGlyphIntercepts(\n    glyphs: number[],\n    positions: SkPoint[],\n    top: number,\n    bottom: number\n  ) {\n    return [\n      ...this.ref.getGlyphIntercepts(\n        glyphs,\n        positions.map((p) => toValue(p)),\n        top,\n        bottom\n      ),\n    ];\n  }\n\n  getScaleX() {\n    return this.ref.getScaleX();\n  }\n\n  getSize() {\n    return this.ref.getSize();\n  }\n\n  getSkewX() {\n    return this.ref.getSkewX();\n  }\n\n  isEmbolden() {\n    return this.ref.isEmbolden();\n  }\n\n  getTypeface() {\n    const tf = this.ref.getTypeface();\n    return tf ? new JsiSkTypeface(this.CanvasKit, tf) : null;\n  }\n\n  setEdging(edging: FontEdging) {\n    this.ref.setEdging(ckEnum(edging));\n  }\n\n  setEmbeddedBitmaps(embeddedBitmaps: boolean) {\n    this.ref.setEmbeddedBitmaps(embeddedBitmaps);\n  }\n\n  setHinting(hinting: FontHinting) {\n    this.ref.setHinting(ckEnum(hinting));\n  }\n\n  setLinearMetrics(linearMetrics: boolean) {\n    this.ref.setLinearMetrics(linearMetrics);\n  }\n\n  setScaleX(sx: number) {\n    this.ref.setScaleX(sx);\n  }\n\n  setSize(points: number) {\n    this.ref.setSize(points);\n  }\n\n  setSkewX(sx: number) {\n    this.ref.setSkewX(sx);\n  }\n\n  setEmbolden(embolden: boolean) {\n    this.ref.setEmbolden(embolden);\n  }\n\n  setSubpixel(subpixel: boolean) {\n    this.ref.setSubpixel(subpixel);\n  }\n\n  setTypeface(face: SkTypeface | null) {\n    this.ref.setTypeface(face ? toValue(face) : null);\n  }\n}\n"]}

package/lib/module/skia/web/JsiSkTextBlobFactory.js

@@ -14,7 +14,7 @@ export class JsiSkTextBlobFactory extends Host {
   }
 
   MakeFromRSXform(str, rsxforms, font) {
-    return new JsiSkTextBlob(this.CanvasKit, this.CanvasKit.TextBlob.MakeFromRSXform(str, rsxforms.map(f => toValue(f)), toValue(font)));
+    return new JsiSkTextBlob(this.CanvasKit, this.CanvasKit.TextBlob.MakeFromRSXform(str, rsxforms.map(f => Array.from(toValue(f))).flat(), toValue(font)));
   }
 
   MakeFromRSXformGlyphs(glyphs, rsxforms, font) {

package/lib/module/skia/web/JsiSkTextBlobFactory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["JsiSkTextBlobFactory.ts"],"names":["Host","toValue","JsiSkTextBlob","JsiSkTextBlobFactory","constructor","CanvasKit","MakeFromText","str","font","TextBlob","MakeFromGlyphs","glyphs","MakeFromRSXform","rsxforms","map","f","MakeFromRSXformGlyphs"],"mappings":"AAKA,SAASA,IAAT,EAAeC,OAAf,QAA8B,QAA9B;AACA,SAASC,aAAT,QAA8B,iBAA9B;AAEA,OAAO,MAAMC,oBAAN,SAAmCH,IAAnC,CAAmE;AACxEI,EAAAA,WAAW,CAACC,SAAD,EAAuB;AAChC,UAAMA,SAAN;AACD;;AAEDC,EAAAA,YAAY,CAACC,GAAD,EAAcC,IAAd,EAA4B;AACtC,WAAO,IAAIN,aAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeI,QAAf,CAAwBH,YAAxB,CAAqCC,GAArC,EAA0CN,OAAO,CAACO,IAAD,CAAjD,CAFK,CAAP;AAID;;AAEDE,EAAAA,cAAc,CAACC,MAAD,EAAmBH,IAAnB,EAAiC;AAC7C,WAAO,IAAIN,aAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeI,QAAf,CAAwBC,cAAxB,CAAuCC,MAAvC,EAA+CV,OAAO,CAACO,IAAD,CAAtD,CAFK,CAAP;AAID;;AAEDI,EAAAA,eAAe,CAACL,GAAD,EAAcM,QAAd,EAAqCL,IAArC,EAAmD;AAChE,WAAO,IAAIN,aAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeI,QAAf,CAAwBG,eAAxB,CACEL,GADF,EAEEM,QAAQ,CAACC,GAAT,CAAcC,CAAD,IAAOd,OAAO,CAACc,CAAD,CAA3B,CAFF,EAGEd,OAAO,CAACO,IAAD,CAHT,CAFK,CAAP;AAQD;;AAEDQ,EAAAA,qBAAqB,CAACL,MAAD,EAAmBE,QAAnB,EAA0CL,IAA1C,EAAwD;AAC3E,WAAO,IAAIN,aAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeI,QAAf,CAAwBO,qBAAxB,CACEL,MADF,EAEEE,QAAQ,CAACC,GAAT,CAAcC,CAAD,IAAOd,OAAO,CAACc,CAAD,CAA3B,CAFF,EAGEd,OAAO,CAACO,IAAD,CAHT,CAFK,CAAP;AAQD;;AAvCuE","sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type { SkFont, SkRSXform } from \"../types\";\nimport type { TextBlobFactory } from \"../types/TextBlob\";\n\nimport { Host, toValue } from \"./Host\";\nimport { JsiSkTextBlob } from \"./JsiSkTextBlob\";\n\nexport class JsiSkTextBlobFactory extends Host implements TextBlobFactory {\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  MakeFromText(str: string, font: SkFont) {\n    return new JsiSkTextBlob(\n      this.CanvasKit,\n      this.CanvasKit.TextBlob.MakeFromText(str, toValue(font))\n    );\n  }\n\n  MakeFromGlyphs(glyphs: number[], font: SkFont) {\n    return new JsiSkTextBlob(\n      this.CanvasKit,\n      this.CanvasKit.TextBlob.MakeFromGlyphs(glyphs, toValue(font))\n    );\n  }\n\n  MakeFromRSXform(str: string, rsxforms: SkRSXform[], font: SkFont) {\n    return new JsiSkTextBlob(\n      this.CanvasKit,\n      this.CanvasKit.TextBlob.MakeFromRSXform(\n        str,\n        rsxforms.map((f) => toValue(f)),\n        toValue(font)\n      )\n    );\n  }\n\n  MakeFromRSXformGlyphs(glyphs: number[], rsxforms: SkRSXform[], font: SkFont) {\n    return new JsiSkTextBlob(\n      this.CanvasKit,\n      this.CanvasKit.TextBlob.MakeFromRSXformGlyphs(\n        glyphs,\n        rsxforms.map((f) => toValue(f)),\n        toValue(font)\n      )\n    );\n  }\n}\n"]}
+{"version":3,"sources":["JsiSkTextBlobFactory.ts"],"names":["Host","toValue","JsiSkTextBlob","JsiSkTextBlobFactory","constructor","CanvasKit","MakeFromText","str","font","TextBlob","MakeFromGlyphs","glyphs","MakeFromRSXform","rsxforms","map","f","Array","from","flat","MakeFromRSXformGlyphs"],"mappings":"AAKA,SAASA,IAAT,EAAeC,OAAf,QAA8B,QAA9B;AACA,SAASC,aAAT,QAA8B,iBAA9B;AAEA,OAAO,MAAMC,oBAAN,SAAmCH,IAAnC,CAAmE;AACxEI,EAAAA,WAAW,CAACC,SAAD,EAAuB;AAChC,UAAMA,SAAN;AACD;;AAEDC,EAAAA,YAAY,CAACC,GAAD,EAAcC,IAAd,EAA4B;AACtC,WAAO,IAAIN,aAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeI,QAAf,CAAwBH,YAAxB,CAAqCC,GAArC,EAA0CN,OAAO,CAACO,IAAD,CAAjD,CAFK,CAAP;AAID;;AAEDE,EAAAA,cAAc,CAACC,MAAD,EAAmBH,IAAnB,EAAiC;AAC7C,WAAO,IAAIN,aAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeI,QAAf,CAAwBC,cAAxB,CAAuCC,MAAvC,EAA+CV,OAAO,CAACO,IAAD,CAAtD,CAFK,CAAP;AAID;;AAEDI,EAAAA,eAAe,CAACL,GAAD,EAAcM,QAAd,EAAqCL,IAArC,EAAmD;AAChE,WAAO,IAAIN,aAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeI,QAAf,CAAwBG,eAAxB,CACEL,GADF,EAEEM,QAAQ,CAACC,GAAT,CAAcC,CAAD,IAAOC,KAAK,CAACC,IAAN,CAAWhB,OAAO,CAAec,CAAf,CAAlB,CAApB,EAA0DG,IAA1D,EAFF,EAGEjB,OAAO,CAACO,IAAD,CAHT,CAFK,CAAP;AAQD;;AAEDW,EAAAA,qBAAqB,CAACR,MAAD,EAAmBE,QAAnB,EAA0CL,IAA1C,EAAwD;AAC3E,WAAO,IAAIN,aAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeI,QAAf,CAAwBU,qBAAxB,CACER,MADF,EAEEE,QAAQ,CAACC,GAAT,CAAcC,CAAD,IAAOd,OAAO,CAACc,CAAD,CAA3B,CAFF,EAGEd,OAAO,CAACO,IAAD,CAHT,CAFK,CAAP;AAQD;;AAvCuE","sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type { SkFont, SkRSXform } from \"../types\";\nimport type { TextBlobFactory } from \"../types/TextBlob\";\n\nimport { Host, toValue } from \"./Host\";\nimport { JsiSkTextBlob } from \"./JsiSkTextBlob\";\n\nexport class JsiSkTextBlobFactory extends Host implements TextBlobFactory {\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  MakeFromText(str: string, font: SkFont) {\n    return new JsiSkTextBlob(\n      this.CanvasKit,\n      this.CanvasKit.TextBlob.MakeFromText(str, toValue(font))\n    );\n  }\n\n  MakeFromGlyphs(glyphs: number[], font: SkFont) {\n    return new JsiSkTextBlob(\n      this.CanvasKit,\n      this.CanvasKit.TextBlob.MakeFromGlyphs(glyphs, toValue(font))\n    );\n  }\n\n  MakeFromRSXform(str: string, rsxforms: SkRSXform[], font: SkFont) {\n    return new JsiSkTextBlob(\n      this.CanvasKit,\n      this.CanvasKit.TextBlob.MakeFromRSXform(\n        str,\n        rsxforms.map((f) => Array.from(toValue<Float32Array>(f))).flat(),\n        toValue(font)\n      )\n    );\n  }\n\n  MakeFromRSXformGlyphs(glyphs: number[], rsxforms: SkRSXform[], font: SkFont) {\n    return new JsiSkTextBlob(\n      this.CanvasKit,\n      this.CanvasKit.TextBlob.MakeFromRSXformGlyphs(\n        glyphs,\n        rsxforms.map((f) => toValue(f)),\n        toValue(font)\n      )\n    );\n  }\n}\n"]}

package/lib/module/skia/web/JsiSkia.js

@@ -22,7 +22,6 @@ import { JsiSkDataFactory } from "./JsiSkDataFactory";
 import { JsiSkImageFactory } from "./JsiSkImageFactory";
 import { JsiSkSVGFactory } from "./JsiSkSVGFactory";
 import { JsiSkTextBlobFactory } from "./JsiSkTextBlobFactory";
-import { JsiSkFontMgrFactory } from "./JsiSkFontMgrFactory";
 import { JsiSkFont } from "./JsiSkFont";
 import { MakeVertices } from "./JsiSkVerticesFactory";
 export const JsiSkApi = CanvasKit => ({
@@ -52,7 +51,6 @@ export const JsiSkApi = CanvasKit => ({
   Image: new JsiSkImageFactory(CanvasKit),
   SVG: new JsiSkSVGFactory(CanvasKit),
   TextBlob: new JsiSkTextBlobFactory(CanvasKit),
-  FontMgr: new JsiSkFontMgrFactory(CanvasKit),
   XYWHRect: (x, y, width, height) => {
     return new JsiSkRect(CanvasKit, CanvasKit.XYWHRect(x, y, width, height));
   },

package/lib/module/skia/web/JsiSkia.js.map

@@ -1 +1 @@
-{"version":3,"sources":["JsiSkia.ts"],"names":["JsiSkPoint","JsiSkPaint","JsiSkRect","Color","JsiSkSurfaceFactory","JsiSkRRect","JsiSkRSXform","toValue","JsiSkContourMeasureIter","JsiSkPictureRecorder","JsiSkPictureFactory","JsiSkPathFactory","JsiSkMatrix","JsiSkColorFilterFactory","JsiSkTypefaceFactory","JsiSkMaskFilterFactory","JsiSkRuntimeEffectFactory","JsiSkImageFilterFactory","JsiSkShaderFactory","JsiSkPathEffectFactory","JsiSkDataFactory","JsiSkImageFactory","JsiSkSVGFactory","JsiSkTextBlobFactory","JsiSkFontMgrFactory","JsiSkFont","MakeVertices","JsiSkApi","CanvasKit","Point","x","y","Float32Array","of","RuntimeShaderBuilder","_","Error","RRectXY","rect","rx","ry","RSXform","scos","ssin","tx","ty","ContourMeasureIter","path","forceClosed","resScale","Paint","PictureRecorder","Picture","Path","Matrix","matrix","identity","ColorFilter","Font","typeface","size","undefined","Typeface","MaskFilter","RuntimeEffect","ImageFilter","Shader","PathEffect","bind","Data","Image","SVG","TextBlob","FontMgr","XYWHRect","width","height","Surface"],"mappings":"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","sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type {\n  SkContourMeasureIter,\n  Skia,\n  SkPath,\n  SkRect,\n  SkRuntimeEffect,\n  SkRuntimeShaderBuilder,\n  SkTypeface,\n} from \"../types\";\n\nimport { JsiSkPoint } from \"./JsiSkPoint\";\nimport { JsiSkPaint } from \"./JsiSkPaint\";\nimport { JsiSkRect } from \"./JsiSkRect\";\nimport { Color } from \"./JsiSkColor\";\nimport { JsiSkSurfaceFactory } from \"./JsiSkSurfaceFactory\";\nimport { JsiSkRRect } from \"./JsiSkRRect\";\nimport { JsiSkRSXform } from \"./JsiSkRSXform\";\nimport { toValue } from \"./Host\";\nimport { JsiSkContourMeasureIter } from \"./JsiSkContourMeasureIter\";\nimport { JsiSkPictureRecorder } from \"./JsiSkPictureRecorder\";\nimport { JsiSkPictureFactory } from \"./JsiSkPictureFactory\";\nimport { JsiSkPathFactory } from \"./JsiSkPathFactory\";\nimport { JsiSkMatrix } from \"./JsiSkMatrix\";\nimport { JsiSkColorFilterFactory } from \"./JsiSkColorFilterFactory\";\nimport { JsiSkTypefaceFactory } from \"./JsiSkTypefaceFactory\";\nimport { JsiSkMaskFilterFactory } from \"./JsiSkMaskFilterFactory\";\nimport { JsiSkRuntimeEffectFactory } from \"./JsiSkRuntimeEffectFactory\";\nimport { JsiSkImageFilterFactory } from \"./JsiSkImageFilterFactory\";\nimport { JsiSkShaderFactory } from \"./JsiSkShaderFactory\";\nimport { JsiSkPathEffectFactory } from \"./JsiSkPathEffectFactory\";\nimport { JsiSkDataFactory } from \"./JsiSkDataFactory\";\nimport { JsiSkImageFactory } from \"./JsiSkImageFactory\";\nimport { JsiSkSVGFactory } from \"./JsiSkSVGFactory\";\nimport { JsiSkTextBlobFactory } from \"./JsiSkTextBlobFactory\";\nimport { JsiSkFontMgrFactory } from \"./JsiSkFontMgrFactory\";\nimport { JsiSkFont } from \"./JsiSkFont\";\nimport { MakeVertices } from \"./JsiSkVerticesFactory\";\n\nexport const JsiSkApi = (CanvasKit: CanvasKit): Skia => ({\n  Point: (x: number, y: number) =>\n    new JsiSkPoint(CanvasKit, Float32Array.of(x, y)),\n  RuntimeShaderBuilder: (_: SkRuntimeEffect): SkRuntimeShaderBuilder => {\n    throw new Error(\"Not implemented on React Native Web\");\n  },\n  RRectXY: (rect: SkRect, rx: number, ry: number) =>\n    new JsiSkRRect(CanvasKit, CanvasKit.RRectXY(toValue(rect), rx, ry)),\n  RSXform: (scos: number, ssin: number, tx: number, ty: number) =>\n    new JsiSkRSXform(CanvasKit, Float32Array.of(scos, ssin, tx, ty)),\n  Color,\n  ContourMeasureIter: (\n    path: SkPath,\n    forceClosed: boolean,\n    resScale: number\n  ): SkContourMeasureIter =>\n    new JsiSkContourMeasureIter(\n      CanvasKit,\n      new CanvasKit.ContourMeasureIter(toValue(path), forceClosed, resScale)\n    ),\n  Paint: () => new JsiSkPaint(CanvasKit, new CanvasKit.Paint()),\n  PictureRecorder: () =>\n    new JsiSkPictureRecorder(CanvasKit, new CanvasKit.PictureRecorder()),\n  Picture: new JsiSkPictureFactory(CanvasKit),\n  Path: new JsiSkPathFactory(CanvasKit),\n  Matrix: (matrix?: readonly number[]) =>\n    new JsiSkMatrix(\n      CanvasKit,\n      matrix\n        ? Float32Array.of(...matrix)\n        : Float32Array.of(...CanvasKit.Matrix.identity())\n    ),\n  ColorFilter: new JsiSkColorFilterFactory(CanvasKit),\n  Font: (typeface?: SkTypeface, size?: number) =>\n    new JsiSkFont(\n      CanvasKit,\n      new CanvasKit.Font(\n        typeface === undefined ? null : toValue(typeface),\n        size\n      )\n    ),\n  Typeface: new JsiSkTypefaceFactory(CanvasKit),\n  MaskFilter: new JsiSkMaskFilterFactory(CanvasKit),\n  RuntimeEffect: new JsiSkRuntimeEffectFactory(CanvasKit),\n  ImageFilter: new JsiSkImageFilterFactory(CanvasKit),\n  Shader: new JsiSkShaderFactory(CanvasKit),\n  PathEffect: new JsiSkPathEffectFactory(CanvasKit),\n  MakeVertices: MakeVertices.bind(null, CanvasKit),\n  Data: new JsiSkDataFactory(CanvasKit),\n  Image: new JsiSkImageFactory(CanvasKit),\n  SVG: new JsiSkSVGFactory(CanvasKit),\n  TextBlob: new JsiSkTextBlobFactory(CanvasKit),\n  FontMgr: new JsiSkFontMgrFactory(CanvasKit),\n  XYWHRect: (x: number, y: number, width: number, height: number) => {\n    return new JsiSkRect(CanvasKit, CanvasKit.XYWHRect(x, y, width, height));\n  },\n  Surface: new JsiSkSurfaceFactory(CanvasKit),\n});\n"]}
+{"version":3,"sources":["JsiSkia.ts"],"names":["JsiSkPoint","JsiSkPaint","JsiSkRect","Color","JsiSkSurfaceFactory","JsiSkRRect","JsiSkRSXform","toValue","JsiSkContourMeasureIter","JsiSkPictureRecorder","JsiSkPictureFactory","JsiSkPathFactory","JsiSkMatrix","JsiSkColorFilterFactory","JsiSkTypefaceFactory","JsiSkMaskFilterFactory","JsiSkRuntimeEffectFactory","JsiSkImageFilterFactory","JsiSkShaderFactory","JsiSkPathEffectFactory","JsiSkDataFactory","JsiSkImageFactory","JsiSkSVGFactory","JsiSkTextBlobFactory","JsiSkFont","MakeVertices","JsiSkApi","CanvasKit","Point","x","y","Float32Array","of","RuntimeShaderBuilder","_","Error","RRectXY","rect","rx","ry","RSXform","scos","ssin","tx","ty","ContourMeasureIter","path","forceClosed","resScale","Paint","PictureRecorder","Picture","Path","Matrix","matrix","identity","ColorFilter","Font","typeface","size","undefined","Typeface","MaskFilter","RuntimeEffect","ImageFilter","Shader","PathEffect","bind","Data","Image","SVG","TextBlob","XYWHRect","width","height","Surface"],"mappings":"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","sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type {\n  SkContourMeasureIter,\n  Skia,\n  SkPath,\n  SkRect,\n  SkRuntimeEffect,\n  SkRuntimeShaderBuilder,\n  SkTypeface,\n} from \"../types\";\n\nimport { JsiSkPoint } from \"./JsiSkPoint\";\nimport { JsiSkPaint } from \"./JsiSkPaint\";\nimport { JsiSkRect } from \"./JsiSkRect\";\nimport { Color } from \"./JsiSkColor\";\nimport { JsiSkSurfaceFactory } from \"./JsiSkSurfaceFactory\";\nimport { JsiSkRRect } from \"./JsiSkRRect\";\nimport { JsiSkRSXform } from \"./JsiSkRSXform\";\nimport { toValue } from \"./Host\";\nimport { JsiSkContourMeasureIter } from \"./JsiSkContourMeasureIter\";\nimport { JsiSkPictureRecorder } from \"./JsiSkPictureRecorder\";\nimport { JsiSkPictureFactory } from \"./JsiSkPictureFactory\";\nimport { JsiSkPathFactory } from \"./JsiSkPathFactory\";\nimport { JsiSkMatrix } from \"./JsiSkMatrix\";\nimport { JsiSkColorFilterFactory } from \"./JsiSkColorFilterFactory\";\nimport { JsiSkTypefaceFactory } from \"./JsiSkTypefaceFactory\";\nimport { JsiSkMaskFilterFactory } from \"./JsiSkMaskFilterFactory\";\nimport { JsiSkRuntimeEffectFactory } from \"./JsiSkRuntimeEffectFactory\";\nimport { JsiSkImageFilterFactory } from \"./JsiSkImageFilterFactory\";\nimport { JsiSkShaderFactory } from \"./JsiSkShaderFactory\";\nimport { JsiSkPathEffectFactory } from \"./JsiSkPathEffectFactory\";\nimport { JsiSkDataFactory } from \"./JsiSkDataFactory\";\nimport { JsiSkImageFactory } from \"./JsiSkImageFactory\";\nimport { JsiSkSVGFactory } from \"./JsiSkSVGFactory\";\nimport { JsiSkTextBlobFactory } from \"./JsiSkTextBlobFactory\";\nimport { JsiSkFont } from \"./JsiSkFont\";\nimport { MakeVertices } from \"./JsiSkVerticesFactory\";\n\nexport const JsiSkApi = (CanvasKit: CanvasKit): Skia => ({\n  Point: (x: number, y: number) =>\n    new JsiSkPoint(CanvasKit, Float32Array.of(x, y)),\n  RuntimeShaderBuilder: (_: SkRuntimeEffect): SkRuntimeShaderBuilder => {\n    throw new Error(\"Not implemented on React Native Web\");\n  },\n  RRectXY: (rect: SkRect, rx: number, ry: number) =>\n    new JsiSkRRect(CanvasKit, CanvasKit.RRectXY(toValue(rect), rx, ry)),\n  RSXform: (scos: number, ssin: number, tx: number, ty: number) =>\n    new JsiSkRSXform(CanvasKit, Float32Array.of(scos, ssin, tx, ty)),\n  Color,\n  ContourMeasureIter: (\n    path: SkPath,\n    forceClosed: boolean,\n    resScale: number\n  ): SkContourMeasureIter =>\n    new JsiSkContourMeasureIter(\n      CanvasKit,\n      new CanvasKit.ContourMeasureIter(toValue(path), forceClosed, resScale)\n    ),\n  Paint: () => new JsiSkPaint(CanvasKit, new CanvasKit.Paint()),\n  PictureRecorder: () =>\n    new JsiSkPictureRecorder(CanvasKit, new CanvasKit.PictureRecorder()),\n  Picture: new JsiSkPictureFactory(CanvasKit),\n  Path: new JsiSkPathFactory(CanvasKit),\n  Matrix: (matrix?: readonly number[]) =>\n    new JsiSkMatrix(\n      CanvasKit,\n      matrix\n        ? Float32Array.of(...matrix)\n        : Float32Array.of(...CanvasKit.Matrix.identity())\n    ),\n  ColorFilter: new JsiSkColorFilterFactory(CanvasKit),\n  Font: (typeface?: SkTypeface, size?: number) =>\n    new JsiSkFont(\n      CanvasKit,\n      new CanvasKit.Font(\n        typeface === undefined ? null : toValue(typeface),\n        size\n      )\n    ),\n  Typeface: new JsiSkTypefaceFactory(CanvasKit),\n  MaskFilter: new JsiSkMaskFilterFactory(CanvasKit),\n  RuntimeEffect: new JsiSkRuntimeEffectFactory(CanvasKit),\n  ImageFilter: new JsiSkImageFilterFactory(CanvasKit),\n  Shader: new JsiSkShaderFactory(CanvasKit),\n  PathEffect: new JsiSkPathEffectFactory(CanvasKit),\n  MakeVertices: MakeVertices.bind(null, CanvasKit),\n  Data: new JsiSkDataFactory(CanvasKit),\n  Image: new JsiSkImageFactory(CanvasKit),\n  SVG: new JsiSkSVGFactory(CanvasKit),\n  TextBlob: new JsiSkTextBlobFactory(CanvasKit),\n  XYWHRect: (x: number, y: number, width: number, height: number) => {\n    return new JsiSkRect(CanvasKit, CanvasKit.XYWHRect(x, y, width, height));\n  },\n  Surface: new JsiSkSurfaceFactory(CanvasKit),\n});\n"]}

package/lib/module/values/hooks/useComputedValue.js

@@ -11,8 +11,4 @@ import { isValue } from "../../renderer/processors/Animations";
 
 export const useComputedValue = (cb, values) => useMemo(() => ValueApi.createComputedValue(cb, values.filter(isValue)), // eslint-disable-next-line react-hooks/exhaustive-deps
 values);
-export const useDerivedValue = (cb, values) => {
-  console.warn("useDerivedValue is deprecated. Use useComputedValue instead.");
-  return useComputedValue(cb, values);
-};
 //# sourceMappingURL=useComputedValue.js.map

package/lib/module/values/hooks/useComputedValue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useComputedValue.ts"],"names":["useMemo","ValueApi","isValue","useComputedValue","cb","values","createComputedValue","filter","useDerivedValue","console","warn"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;AAEA,SAASC,QAAT,QAAyB,QAAzB;AACA,SAASC,OAAT,QAAwB,sCAAxB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,gBAAgB,GAAG,CAAIC,EAAJ,EAAiBC,MAAjB,KAC9BL,OAAO,CACL,MAAMC,QAAQ,CAACK,mBAAT,CAAgCF,EAAhC,EAAoCC,MAAM,CAACE,MAAP,CAAcL,OAAd,CAApC,CADD,EAEL;AACAG,MAHK,CADF;AAOP,OAAO,MAAMG,eAAe,GAAG,CAAIJ,EAAJ,EAAiBC,MAAjB,KAAuC;AACpEI,EAAAA,OAAO,CAACC,IAAR,CAAa,8DAAb;AACA,SAAOP,gBAAgB,CAACC,EAAD,EAAKC,MAAL,CAAvB;AACD,CAHM","sourcesContent":["import { useMemo } from \"react\";\n\nimport { ValueApi } from \"../api\";\nimport { isValue } from \"../../renderer/processors/Animations\";\n\n/**\n * Creates a new computed value - a value that will calculate its value depending\n * on other values.\n * @param cb Callback to calculate new value\n * @param values Dependant values\n * @returns A readonly value\n */\nexport const useComputedValue = <R>(cb: () => R, values: unknown[]) =>\n  useMemo(\n    () => ValueApi.createComputedValue<R>(cb, values.filter(isValue)),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    values\n  );\n\nexport const useDerivedValue = <R>(cb: () => R, values: unknown[]) => {\n  console.warn(\"useDerivedValue is deprecated. Use useComputedValue instead.\");\n  return useComputedValue(cb, values);\n};\n"]}
+{"version":3,"sources":["useComputedValue.ts"],"names":["useMemo","ValueApi","isValue","useComputedValue","cb","values","createComputedValue","filter"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;AAEA,SAASC,QAAT,QAAyB,QAAzB;AACA,SAASC,OAAT,QAAwB,sCAAxB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,gBAAgB,GAAG,CAAIC,EAAJ,EAAiBC,MAAjB,KAC9BL,OAAO,CACL,MAAMC,QAAQ,CAACK,mBAAT,CAAgCF,EAAhC,EAAoCC,MAAM,CAACE,MAAP,CAAcL,OAAd,CAApC,CADD,EAEL;AACAG,MAHK,CADF","sourcesContent":["import { useMemo } from \"react\";\n\nimport { ValueApi } from \"../api\";\nimport { isValue } from \"../../renderer/processors/Animations\";\n\n/**\n * Creates a new computed value - a value that will calculate its value depending\n * on other values.\n * @param cb Callback to calculate new value\n * @param values Dependant values\n * @returns A readonly value\n */\nexport const useComputedValue = <R>(cb: () => R, values: unknown[]) =>\n  useMemo(\n    () => ValueApi.createComputedValue<R>(cb, values.filter(isValue)),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    values\n  );\n"]}

package/lib/module/views/SkiaView.web.js

@@ -4,9 +4,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* global HTMLCanvasElement */
 import React from "react";
-import { View } from "react-native";
+import { PixelRatio, View } from "react-native";
 import { JsiSkSurface } from "../skia/web/JsiSkSurface";
 import { TouchType } from "./types";
+const pd = PixelRatio.get();
 export class SkiaView extends React.Component {
   constructor(props) {
     var _props$mode;
@@ -27,12 +28,12 @@ export class SkiaView extends React.Component {
 
     _defineProperty(this, "_redrawRequests", 0);
 
-    _defineProperty(this, "_unmounted", false);
+    _defineProperty(this, "width", 0);
+
+    _defineProperty(this, "height", 0);
+
+    _defineProperty(this, "requestId", 0);
 
-    this.state = {
-      width: -1,
-      height: -1
-    };
     this._mode = (_props$mode = props.mode) !== null && _props$mode !== void 0 ? _props$mode : "default";
   }
 
@@ -43,21 +44,30 @@ export class SkiaView extends React.Component {
   }
 
   onLayout(evt) {
-    this.setState({
-      width: evt.nativeEvent.layout.width,
-      height: evt.nativeEvent.layout.height
-    }, () => {
-      // Reset canvas / surface on layout change
-      if (this._canvasRef.current) {
-        // Create surface
-        this._surface = new JsiSkSurface(global.CanvasKit, global.CanvasKit.MakeWebGLCanvasSurface(this._canvasRef.current)); // Get canvas and repaint
-
-        if (this._surface) {
-          this._canvas = this._surface.getCanvas();
-          this.redraw();
-        }
+    const {
+      CanvasKit
+    } = global;
+    const {
+      width,
+      height
+    } = evt.nativeEvent.layout;
+    this.width = width;
+    this.height = height; // Reset canvas / surface on layout change
+
+    if (this._canvasRef.current) {
+      const canvas = this._canvasRef.current;
+      canvas.width = canvas.clientWidth * pd;
+      canvas.height = canvas.clientHeight * pd;
+      const surface = CanvasKit.MakeWebGLCanvasSurface(this._canvasRef.current);
+
+      if (!surface) {
+        throw new Error("Could not create surface");
       }
-    });
+
+      this._surface = new JsiSkSurface(CanvasKit, surface);
+      this._canvas = this._surface.getCanvas();
+      this.redraw();
+    }
   }
 
   componentDidMount() {
@@ -65,11 +75,13 @@ export class SkiaView extends React.Component {
     this.tick();
   }
 
+  componentDidUpdate() {
+    this.redraw();
+  }
+
   componentWillUnmount() {
     this.unsubscribeAll();
-    this._surface = null;
-    this._canvas = null;
-    this._unmounted = true;
+    cancelAnimationFrame(this.requestId);
   }
   /**
    * Creates a snapshot from the canvas in the surface
@@ -92,26 +104,31 @@ export class SkiaView extends React.Component {
     if (this._mode === "continuous" || this._redrawRequests > 0) {
       this._redrawRequests = 0;
 
-      if (this._canvas && this.props.onDraw && this.state.height !== -1 && this.state.width !== -1) {
+      if (this._canvas && this.props.onDraw) {
         var _this$_surface2;
 
         const touches = [...this._touches];
         this._touches = [];
         const info = {
-          height: this.state.height,
-          width: this.state.width,
+          height: this.height,
+          width: this.width,
           timestamp: Date.now(),
           touches: touches.map(t => [t])
         };
-        this.props.onDraw && this.props.onDraw(this._canvas, info);
-        (_this$_surface2 = this._surface) === null || _this$_surface2 === void 0 ? void 0 : _this$_surface2.ref.flush();
-      }
-    } // Always request a new redraw as long as we're not unmounted
 
+        if (this.props.onDraw) {
+          const canvas = this._canvas;
+          canvas.save();
+          canvas.scale(pd, pd);
+          this.props.onDraw(canvas, info);
+          canvas.restore();
+        }
 
-    if (!this._unmounted) {
-      requestAnimationFrame(this.tick.bind(this));
+        (_this$_surface2 = this._surface) === null || _this$_surface2 === void 0 ? void 0 : _this$_surface2.ref.flush();
+      }
     }
+
+    this.requestId = requestAnimationFrame(this.tick.bind(this));
   }
 
   redraw() {
@@ -177,8 +194,10 @@ export class SkiaView extends React.Component {
       onLayout: this.onLayout.bind(this)
     }), /*#__PURE__*/React.createElement("canvas", {
       ref: this._canvasRef,
-      width: this.state.width,
-      height: this.state.height,
+      style: {
+        display: "flex",
+        flex: 1
+      },
       onPointerDown: this.createTouchHandler(TouchType.Start),
       onPointerMove: this.createTouchHandler(TouchType.Active),
       onPointerUp: this.createTouchHandler(TouchType.End),

package/lib/module/views/SkiaView.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SkiaView.web.tsx"],"names":["React","View","JsiSkSurface","TouchType","SkiaView","Component","constructor","props","createRef","state","width","height","_mode","mode","unsubscribeAll","_unsubscriptions","forEach","u","onLayout","evt","setState","nativeEvent","layout","_canvasRef","current","_surface","global","CanvasKit","MakeWebGLCanvasSurface","_canvas","getCanvas","redraw","componentDidMount","tick","componentWillUnmount","_unmounted","makeImageSnapshot","rect","_redrawRequests","onDraw","touches","_touches","info","timestamp","Date","now","map","t","ref","flush","requestAnimationFrame","bind","setDrawMode","registerValues","_values","v","push","addListener","handleTouchEvent","touchType","id","pointerId","x","clientX","currentTarget","getClientRects","left","y","clientY","top","force","pressure","type","createTouchHandler","render","debug","viewProps","Start","Active","End","Cancelled"],"mappings":"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","sourcesContent":["/* global HTMLCanvasElement */\nimport React from \"react\";\nimport type { PointerEvent } from \"react\";\nimport type { LayoutChangeEvent } from \"react-native\";\nimport { View } from \"react-native\";\n\nimport type { SkRect, SkCanvas } from \"../skia/types\";\nimport type { SkiaValue } from \"../values\";\nimport { JsiSkSurface } from \"../skia/web/JsiSkSurface\";\n\nimport type { DrawingInfo, DrawMode, SkiaViewProps, TouchInfo } from \"./types\";\nimport { TouchType } from \"./types\";\n\nexport class SkiaView extends React.Component<\n  SkiaViewProps,\n  { width: number; height: number }\n> {\n  constructor(props: SkiaViewProps) {\n    super(props);\n    this.state = { width: -1, height: -1 };\n    this._mode = props.mode ?? \"default\";\n  }\n\n  private _surface: JsiSkSurface | null = null;\n  private _unsubscriptions: Array<() => void> = [];\n  private _touches: Array<TouchInfo> = [];\n  private _canvas: SkCanvas | null = null;\n  private _canvasRef: React.RefObject<HTMLCanvasElement> = React.createRef();\n  private _mode: DrawMode;\n  private _redrawRequests = 0;\n  private _unmounted = false;\n\n  private unsubscribeAll() {\n    this._unsubscriptions.forEach((u) => u());\n    this._unsubscriptions = [];\n  }\n\n  private onLayout(evt: LayoutChangeEvent) {\n    this.setState(\n      {\n        width: evt.nativeEvent.layout.width,\n        height: evt.nativeEvent.layout.height,\n      },\n      () => {\n        // Reset canvas / surface on layout change\n        if (this._canvasRef.current) {\n          // Create surface\n          this._surface = new JsiSkSurface(\n            global.CanvasKit,\n            global.CanvasKit.MakeWebGLCanvasSurface(this._canvasRef.current)!\n          );\n          // Get canvas and repaint\n          if (this._surface) {\n            this._canvas = this._surface.getCanvas();\n            this.redraw();\n          }\n        }\n      }\n    );\n  }\n\n  componentDidMount() {\n    // Start render loop\n    this.tick();\n  }\n\n  componentWillUnmount() {\n    this.unsubscribeAll();\n    this._surface = null;\n    this._canvas = null;\n    this._unmounted = true;\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    return this._surface?.makeImageSnapshot(rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  private tick() {\n    if (this._mode === \"continuous\" || this._redrawRequests > 0) {\n      this._redrawRequests = 0;\n      if (\n        this._canvas &&\n        this.props.onDraw &&\n        this.state.height !== -1 &&\n        this.state.width !== -1\n      ) {\n        const touches = [...this._touches];\n        this._touches = [];\n        const info: DrawingInfo = {\n          height: this.state.height,\n          width: this.state.width,\n          timestamp: Date.now(),\n          touches: touches.map((t) => [t]),\n        };\n        this.props.onDraw && this.props.onDraw(this._canvas!, info);\n        this._surface?.ref.flush();\n      }\n    }\n    // Always request a new redraw as long as we're not unmounted\n    if (!this._unmounted) {\n      requestAnimationFrame(this.tick.bind(this));\n    }\n  }\n\n  public redraw() {\n    this._redrawRequests++;\n  }\n\n  /**\n   * Updates the drawing mode for the skia view. This is the same\n   * as declaratively setting the mode property on the SkiaView.\n   * There are two drawing modes, \"continuous\" and \"default\",\n   * where the continuous mode will continuously redraw the view and\n   * the default mode will only redraw when any of the regular react\n   * properties are changed like size and margins.\n   * @param mode Drawing mode to use.\n   */\n  public setDrawMode(mode: DrawMode) {\n    this._mode = mode;\n    this.tick();\n  }\n\n  /**\n   * Registers one or move values as a dependant value of the Skia View. The view will\n   * The view will redraw itself when any of the values change.\n   * @param values Values to register\n   */\n  public registerValues(_values: SkiaValue<unknown>[]) {\n    // Unsubscribe from dependency values\n    this.unsubscribeAll();\n    // Register redraw dependencies on values\n    _values.forEach((v) => {\n      this._unsubscriptions.push(\n        v.addListener(() => {\n          this.redraw();\n        })\n      );\n    });\n  }\n\n  private handleTouchEvent(evt: PointerEvent, touchType: TouchType) {\n    this._touches.push({\n      id: evt.pointerId,\n      x: evt.clientX - evt.currentTarget.getClientRects()[0].left,\n      y: evt.clientY - evt.currentTarget.getClientRects()[0].top,\n      force: evt.pressure,\n      type: touchType,\n      timestamp: Date.now(),\n    });\n    this.redraw();\n  }\n\n  createTouchHandler(touchType: TouchType) {\n    return (evt: PointerEvent) => this.handleTouchEvent(evt, touchType);\n  }\n\n  render() {\n    const { mode, debug = false, ...viewProps } = this.props;\n    return (\n      <View {...viewProps} onLayout={this.onLayout.bind(this)}>\n        <canvas\n          ref={this._canvasRef}\n          width={this.state.width}\n          height={this.state.height}\n          onPointerDown={this.createTouchHandler(TouchType.Start)}\n          onPointerMove={this.createTouchHandler(TouchType.Active)}\n          onPointerUp={this.createTouchHandler(TouchType.End)}\n          onPointerCancel={this.createTouchHandler(TouchType.Cancelled)}\n          onPointerLeave={this.createTouchHandler(TouchType.End)}\n          onPointerOut={this.createTouchHandler(TouchType.End)}\n        />\n      </View>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["SkiaView.web.tsx"],"names":["React","PixelRatio","View","JsiSkSurface","TouchType","pd","get","SkiaView","Component","constructor","props","createRef","_mode","mode","unsubscribeAll","_unsubscriptions","forEach","u","onLayout","evt","CanvasKit","global","width","height","nativeEvent","layout","_canvasRef","current","canvas","clientWidth","clientHeight","surface","MakeWebGLCanvasSurface","Error","_surface","_canvas","getCanvas","redraw","componentDidMount","tick","componentDidUpdate","componentWillUnmount","cancelAnimationFrame","requestId","makeImageSnapshot","rect","_redrawRequests","onDraw","touches","_touches","info","timestamp","Date","now","map","t","save","scale","restore","ref","flush","requestAnimationFrame","bind","setDrawMode","registerValues","_values","v","push","addListener","handleTouchEvent","touchType","id","pointerId","x","clientX","currentTarget","getClientRects","left","y","clientY","top","force","pressure","type","createTouchHandler","render","debug","viewProps","display","flex","Start","Active","End","Cancelled"],"mappings":"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","sourcesContent":["/* global HTMLCanvasElement */\nimport React from \"react\";\nimport type { PointerEvent } from \"react\";\nimport type { LayoutChangeEvent } from \"react-native\";\nimport { PixelRatio, View } from \"react-native\";\n\nimport type { SkRect, SkCanvas } from \"../skia/types\";\nimport type { SkiaValue } from \"../values\";\nimport { JsiSkSurface } from \"../skia/web/JsiSkSurface\";\n\nimport type { DrawingInfo, DrawMode, SkiaViewProps, TouchInfo } from \"./types\";\nimport { TouchType } from \"./types\";\n\nconst pd = PixelRatio.get();\n\nexport class SkiaView extends React.Component<SkiaViewProps> {\n  constructor(props: SkiaViewProps) {\n    super(props);\n    this._mode = props.mode ?? \"default\";\n  }\n\n  private _surface: JsiSkSurface | null = null;\n  private _unsubscriptions: Array<() => void> = [];\n  private _touches: Array<TouchInfo> = [];\n  private _canvas: SkCanvas | null = null;\n  private _canvasRef = React.createRef<HTMLCanvasElement>();\n  private _mode: DrawMode;\n  private _redrawRequests = 0;\n  private width = 0;\n  private height = 0;\n  private requestId = 0;\n\n  private unsubscribeAll() {\n    this._unsubscriptions.forEach((u) => u());\n    this._unsubscriptions = [];\n  }\n\n  private onLayout(evt: LayoutChangeEvent) {\n    const { CanvasKit } = global;\n    const { width, height } = evt.nativeEvent.layout;\n    this.width = width;\n    this.height = height;\n    // Reset canvas / surface on layout change\n    if (this._canvasRef.current) {\n      const canvas = this._canvasRef.current;\n      canvas.width = canvas.clientWidth * pd;\n      canvas.height = canvas.clientHeight * pd;\n      const surface = CanvasKit.MakeWebGLCanvasSurface(this._canvasRef.current);\n      if (!surface) {\n        throw new Error(\"Could not create surface\");\n      }\n      this._surface = new JsiSkSurface(CanvasKit, surface);\n      this._canvas = this._surface.getCanvas();\n      this.redraw();\n    }\n  }\n\n  componentDidMount() {\n    // Start render loop\n    this.tick();\n  }\n\n  componentDidUpdate() {\n    this.redraw();\n  }\n\n  componentWillUnmount() {\n    this.unsubscribeAll();\n    cancelAnimationFrame(this.requestId);\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    return this._surface?.makeImageSnapshot(rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  private tick() {\n    if (this._mode === \"continuous\" || this._redrawRequests > 0) {\n      this._redrawRequests = 0;\n      if (this._canvas && this.props.onDraw) {\n        const touches = [...this._touches];\n        this._touches = [];\n        const info: DrawingInfo = {\n          height: this.height,\n          width: this.width,\n          timestamp: Date.now(),\n          touches: touches.map((t) => [t]),\n        };\n        if (this.props.onDraw) {\n          const canvas = this._canvas!;\n          canvas.save();\n          canvas.scale(pd, pd);\n          this.props.onDraw(canvas, info);\n          canvas.restore();\n        }\n        this._surface?.ref.flush();\n      }\n    }\n    this.requestId = requestAnimationFrame(this.tick.bind(this));\n  }\n\n  public redraw() {\n    this._redrawRequests++;\n  }\n\n  /**\n   * Updates the drawing mode for the skia view. This is the same\n   * as declaratively setting the mode property on the SkiaView.\n   * There are two drawing modes, \"continuous\" and \"default\",\n   * where the continuous mode will continuously redraw the view and\n   * the default mode will only redraw when any of the regular react\n   * properties are changed like size and margins.\n   * @param mode Drawing mode to use.\n   */\n  public setDrawMode(mode: DrawMode) {\n    this._mode = mode;\n    this.tick();\n  }\n\n  /**\n   * Registers one or move values as a dependant value of the Skia View. The view will\n   * The view will redraw itself when any of the values change.\n   * @param values Values to register\n   */\n  public registerValues(_values: SkiaValue<unknown>[]) {\n    // Unsubscribe from dependency values\n    this.unsubscribeAll();\n    // Register redraw dependencies on values\n    _values.forEach((v) => {\n      this._unsubscriptions.push(\n        v.addListener(() => {\n          this.redraw();\n        })\n      );\n    });\n  }\n\n  private handleTouchEvent(evt: PointerEvent, touchType: TouchType) {\n    this._touches.push({\n      id: evt.pointerId,\n      x: evt.clientX - evt.currentTarget.getClientRects()[0].left,\n      y: evt.clientY - evt.currentTarget.getClientRects()[0].top,\n      force: evt.pressure,\n      type: touchType,\n      timestamp: Date.now(),\n    });\n    this.redraw();\n  }\n\n  createTouchHandler(touchType: TouchType) {\n    return (evt: PointerEvent) => this.handleTouchEvent(evt, touchType);\n  }\n\n  render() {\n    const { mode, debug = false, ...viewProps } = this.props;\n    return (\n      <View {...viewProps} onLayout={this.onLayout.bind(this)}>\n        <canvas\n          ref={this._canvasRef}\n          style={{ display: \"flex\", flex: 1 }}\n          onPointerDown={this.createTouchHandler(TouchType.Start)}\n          onPointerMove={this.createTouchHandler(TouchType.Active)}\n          onPointerUp={this.createTouchHandler(TouchType.End)}\n          onPointerCancel={this.createTouchHandler(TouchType.Cancelled)}\n          onPointerLeave={this.createTouchHandler(TouchType.End)}\n          onPointerOut={this.createTouchHandler(TouchType.End)}\n        />\n      </View>\n    );\n  }\n}\n"]}