@shopify/react-native-skia 2.2.7 → 2.2.9

package/android/build.gradle

@@ -286,17 +286,6 @@ dependencies {
     }
 }
 
-afterEvaluate { project ->
-    android.libraryVariants.all { variant ->
-        def name = variant.name.capitalize()
-        def javaCompileTask = variant.javaCompileProvider.get()
-
-        task "jar${name}"(type: Jar, dependsOn: javaCompileTask) {
-            from javaCompileTask.destinationDir
-        }
-    }
-}
-
 def localBuildDir = buildDir
 def headersConfiguration = configurations.extractHeaders
 def jniConfiguration = configurations.extractJNI

package/cpp/api/JsiSkParagraph.h

@@ -95,15 +95,47 @@ public:
     std::vector<para::LineMetrics> metrics;
     getObject()->getLineMetrics(metrics);
     auto returnValue = jsi::Array(runtime, metrics.size());
-    auto height = 0;
+    
     for (size_t i = 0; i < metrics.size(); ++i) {
-      returnValue.setValueAtIndex(
-          runtime, i,
-          JsiSkRect::toValue(runtime, getContext(),
-                             SkRect::MakeXYWH(metrics[i].fLeft, height,
-                                              metrics[i].fWidth,
-                                              metrics[i].fHeight)));
-      height += metrics[i].fHeight;
+      auto lineMetrics = jsi::Object(runtime);
+      
+      // Text indices
+      lineMetrics.setProperty(runtime, "startIndex", 
+                              static_cast<double>(metrics[i].fStartIndex));
+      lineMetrics.setProperty(runtime, "endIndex", 
+                              static_cast<double>(metrics[i].fEndIndex));
+      lineMetrics.setProperty(runtime, "endExcludingWhitespaces", 
+                              static_cast<double>(metrics[i].fEndExcludingWhitespaces));
+      lineMetrics.setProperty(runtime, "endIncludingNewline", 
+                              static_cast<double>(metrics[i].fEndIncludingNewline));
+      
+      // Line break info
+      lineMetrics.setProperty(runtime, "isHardBreak", 
+                              metrics[i].fHardBreak);
+      
+      // Vertical metrics
+      lineMetrics.setProperty(runtime, "ascent", 
+                              static_cast<double>(metrics[i].fAscent));
+      lineMetrics.setProperty(runtime, "descent", 
+                              static_cast<double>(metrics[i].fDescent));
+      lineMetrics.setProperty(runtime, "height", 
+                              static_cast<double>(metrics[i].fHeight));
+      
+      // Horizontal metrics
+      lineMetrics.setProperty(runtime, "width", 
+                              static_cast<double>(metrics[i].fWidth));
+      lineMetrics.setProperty(runtime, "left", 
+                              static_cast<double>(metrics[i].fLeft));
+      
+      // Position
+      lineMetrics.setProperty(runtime, "baseline", 
+                              static_cast<double>(metrics[i].fBaseline));
+      
+      // Line number
+      lineMetrics.setProperty(runtime, "lineNumber", 
+                              static_cast<double>(metrics[i].fLineNumber));
+      
+      returnValue.setValueAtIndex(runtime, i, lineMetrics);
     }
     return returnValue;
   }

package/cpp/api/recorder/DrawingCtx.h

@@ -119,6 +119,21 @@ public:
     return result;
   }
 
+  std::vector<sk_sp<SkShader>> popShaders(int count) {
+    std::vector<sk_sp<SkShader>> result;
+    int actualCount = std::min(count, static_cast<int>(shaders.size()));
+    
+    if (actualCount > 0) {
+      // Get the last 'actualCount' shaders
+      auto start = shaders.end() - actualCount;
+      result.assign(start, shaders.end());
+      // Remove them from the original vector
+      shaders.erase(start, shaders.end());
+    }
+    
+    return result;
+  }
+
   void composeImageFilter() {
     if (imageFilters.size() >= 2) {
       auto outer = imageFilters.back();

package/cpp/api/recorder/JsiRecorder.h

@@ -121,7 +121,8 @@ public:
   JSI_HOST_FUNCTION(pushShader) {
     getObject()->pushShader(runtime,
                             arguments[0].asString(runtime).utf8(runtime),
-                            arguments[1].asObject(runtime));
+                            arguments[1].asObject(runtime),
+                            arguments[2].asNumber());
     return jsi::Value::undefined();
   }
 

package/cpp/api/recorder/RNRecorder.h

@@ -35,10 +35,10 @@ public:
   }
 
   void pushShader(jsi::Runtime &runtime, const std::string &nodeType,
-                  const jsi::Object &props) {
+                  const jsi::Object &props, int children) {
     if (nodeType == "skShader") {
       commands.push_back(
-          std::make_unique<PushShaderCmd>(runtime, props, variables));
+          std::make_unique<PushShaderCmd>(runtime, props, variables, children));
     } else if (nodeType == "skImageShader") {
       commands.push_back(
           std::make_unique<PushImageShaderCmd>(runtime, props, variables));

package/cpp/api/recorder/Shaders.h

@@ -21,11 +21,12 @@ struct PushShaderProps : TransformProps {
 class PushShaderCmd : public Command {
 private:
   PushShaderProps props;
+  int children;
 
 public:
   PushShaderCmd(jsi::Runtime &runtime, const jsi::Object &object,
-                Variables &variables)
-      : Command(CommandType::PushShader, "skShader") {
+                Variables &variables, int children)
+      : Command(CommandType::PushShader, "skShader"), children(children) {
     convertProperty(runtime, object, "transform", props.transform, variables);
     convertProperty(runtime, object, "origin", props.origin, variables);
     convertProperty(runtime, object, "matrix", props.matrix, variables);
@@ -39,9 +40,9 @@ public:
     auto m3 = processTransform(props.matrix, props.transform, props.origin);
     auto uniformsData = processUniforms(source, props.uniforms);
 
-    std::vector<sk_sp<SkShader>> children = ctx->popAllShaders();
-    auto shader = source->makeShader(std::move(uniformsData), children.data(),
-                                     children.size(), &m3);
+    std::vector<sk_sp<SkShader>> childrenShaders = ctx->popShaders(children);
+    auto shader = source->makeShader(std::move(uniformsData), childrenShaders.data(),
+                                     childrenShaders.size(), &m3);
 
     ctx->shaders.push_back(shader);
   }

package/lib/commonjs/renderer/__tests__/e2e/ParagraphMethods.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/commonjs/renderer/__tests__/e2e/setup/Paragraph.d.ts

@@ -12,7 +12,7 @@ export declare class ParagraphAsset<Ctx extends EvalContext> extends SkiaObject<
     getLongestLine(): number;
     getGlyphPositionAtCoordinate(x: number, y: number): number;
     getRectsForRange(start: number, end: number): import("../../../../skia/types").SkRect[];
-    getLineMetrics(): import("../../../../skia/types").SkRect[];
+    getLineMetrics(): import("../../../../skia/types").LineMetrics[];
     getRectsForPlaceholders(): import("../../../../skia/types").SkRectWithDirection[];
     __typename__: "Paragraph";
     dispose(): void;

package/lib/commonjs/skia/types/Paragraph/Paragraph.d.ts

@@ -2,6 +2,36 @@ import type { SkCanvas } from "../Canvas";
 import type { SkJSIInstance } from "../JsiInstance";
 import type { SkRect } from "../Rect";
 import type { TextDirection } from "./ParagraphStyle";
+export interface LineMetrics {
+    /** The index in the text buffer the line begins. */
+    startIndex: number;
+    /** The index in the text buffer the line ends. */
+    endIndex: number;
+    endExcludingWhitespaces: number;
+    endIncludingNewline: number;
+    /** True if the line ends in a hard break (e.g. newline) */
+    isHardBreak: boolean;
+    /**
+     * The final computed ascent for the line. This can be impacted by
+     * the strut, height, scaling, as well as outlying runs that are very tall.
+     */
+    ascent: number;
+    /**
+     * The final computed descent for the line. This can be impacted by
+     * the strut, height, scaling, as well as outlying runs that are very tall.
+     */
+    descent: number;
+    /** round(ascent + descent) */
+    height: number;
+    /** width of the line */
+    width: number;
+    /** The left edge of the line. The right edge can be obtained with `left + width` */
+    left: number;
+    /** The y position of the baseline for this line from the top of the paragraph. */
+    baseline: number;
+    /** Zero indexed line number. */
+    lineNumber: number;
+}
 export interface SkRectWithDirection {
     rect: SkRect;
     direction: TextDirection;
@@ -70,7 +100,7 @@ export interface SkParagraph extends SkJSIInstance<"Paragraph"> {
      * Returns the bounding boxes for all lines in the paragraph. This method
      * requires the layout method to have been called first.
      */
-    getLineMetrics(): Array<SkRect>;
+    getLineMetrics(): LineMetrics[];
     /**
      * Returns a list of rects with direction info for the placeholders added
      * to the paragraph.

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["Paragraph.ts"],"sourcesContent":["import type { SkCanvas } from \"../Canvas\";\nimport type { SkJSIInstance } from \"../JsiInstance\";\nimport type { SkRect } from \"../Rect\";\n\nimport type { TextDirection } from \"./ParagraphStyle\";\n\nexport interface SkRectWithDirection {\n  rect: SkRect;\n  direction: TextDirection;\n}\n\nexport interface SkParagraph extends SkJSIInstance<\"Paragraph\"> {\n  /**\n   * Calculates the position of the the glyphs in the paragraph\n   * @param width Max width of the paragraph\n   */\n  layout(width: number): void;\n  /**\n   * Paints the paragraph to the provded canvas\n   * @param canvas Canvas to paint into\n   * @param x X coordinate to paint at\n   * @param y Y coordinate to paint at\n   */\n  paint(canvas: SkCanvas, x: number, y: number): void;\n  /**\n   * Returns the height of the paragraph. This method requires the layout\n   * method to have been called first.\n   */\n  getHeight(): number;\n  /**\n   * Returns the max width of the paragraph. This method requires the layout\n   * method to have been called first.\n   */\n  getMaxWidth(): number;\n  /**\n   * Returns the minimum intrinsic width of the paragraph.\n   * The minimum intrinsic width is the width beyond which increasing the width of the paragraph\n   * does not decrease the height. This is effectively the width at which the paragraph\n   * can no longer wrap lines and is forced to overflow.\n   * This method requires the layout method to have been called first.\n   * @returns {number} The minimum intrinsic width of the paragraph.\n   */\n  getMinIntrinsicWidth(): number;\n  /**\n   * Returns the maximum intrinsic width of the paragraph.\n   * The maximum intrinsic width is the width at which the paragraph can layout its content without line breaks,\n   * meaning it's the width of the widest line or the widest word if the widest line is shorter than that.\n   * This width represents the ideal width for the paragraph to display all content in a single line without overflow.\n   * This method requires the layout method to have been called first.\n   * @returns {number} The maximum intrinsic width of the paragraph.\n   */\n  getMaxIntrinsicWidth(): number;\n\n  /**\n   * Returns the width of the longest line in the paragraph.\n   * This method requires the layout method to have been called first.\n   */\n  getLongestLine(): number;\n\n  /**\n   * Returns the index of the glyph at the given position. This method requires\n   * the layout method to have been called first.\n   * @param x X coordinate of the position\n   * @param y Y coordinate of the position\n   */\n  getGlyphPositionAtCoordinate(x: number, y: number): number;\n  /**\n   * Returns the bounding boxes of the glyphs in the given range. This method\n   * requires the layout method to have been called first.\n   * @param start Start index of the range\n   * @param end End index of the range\n   */\n  getRectsForRange(start: number, end: number): SkRect[];\n  /**\n   * Returns the bounding boxes for all lines in the paragraph. This method\n   * requires the layout method to have been called first.\n   */\n  getLineMetrics(): Array<SkRect>;\n  /**\n   * Returns a list of rects with direction info for the placeholders added\n   * to the paragraph.\n   */\n  getRectsForPlaceholders(): SkRectWithDirection[];\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["Paragraph.ts"],"sourcesContent":["import type { SkCanvas } from \"../Canvas\";\nimport type { SkJSIInstance } from \"../JsiInstance\";\nimport type { SkRect } from \"../Rect\";\n\nimport type { TextDirection } from \"./ParagraphStyle\";\n\nexport interface LineMetrics {\n  /** The index in the text buffer the line begins. */\n  startIndex: number;\n  /** The index in the text buffer the line ends. */\n  endIndex: number;\n  endExcludingWhitespaces: number;\n  endIncludingNewline: number;\n  /** True if the line ends in a hard break (e.g. newline) */\n  isHardBreak: boolean;\n  /**\n   * The final computed ascent for the line. This can be impacted by\n   * the strut, height, scaling, as well as outlying runs that are very tall.\n   */\n  ascent: number;\n  /**\n   * The final computed descent for the line. This can be impacted by\n   * the strut, height, scaling, as well as outlying runs that are very tall.\n   */\n  descent: number;\n  /** round(ascent + descent) */\n  height: number;\n  /** width of the line */\n  width: number;\n  /** The left edge of the line. The right edge can be obtained with `left + width` */\n  left: number;\n  /** The y position of the baseline for this line from the top of the paragraph. */\n  baseline: number;\n  /** Zero indexed line number. */\n  lineNumber: number;\n}\n\nexport interface SkRectWithDirection {\n  rect: SkRect;\n  direction: TextDirection;\n}\n\nexport interface SkParagraph extends SkJSIInstance<\"Paragraph\"> {\n  /**\n   * Calculates the position of the the glyphs in the paragraph\n   * @param width Max width of the paragraph\n   */\n  layout(width: number): void;\n  /**\n   * Paints the paragraph to the provded canvas\n   * @param canvas Canvas to paint into\n   * @param x X coordinate to paint at\n   * @param y Y coordinate to paint at\n   */\n  paint(canvas: SkCanvas, x: number, y: number): void;\n  /**\n   * Returns the height of the paragraph. This method requires the layout\n   * method to have been called first.\n   */\n  getHeight(): number;\n  /**\n   * Returns the max width of the paragraph. This method requires the layout\n   * method to have been called first.\n   */\n  getMaxWidth(): number;\n  /**\n   * Returns the minimum intrinsic width of the paragraph.\n   * The minimum intrinsic width is the width beyond which increasing the width of the paragraph\n   * does not decrease the height. This is effectively the width at which the paragraph\n   * can no longer wrap lines and is forced to overflow.\n   * This method requires the layout method to have been called first.\n   * @returns {number} The minimum intrinsic width of the paragraph.\n   */\n  getMinIntrinsicWidth(): number;\n  /**\n   * Returns the maximum intrinsic width of the paragraph.\n   * The maximum intrinsic width is the width at which the paragraph can layout its content without line breaks,\n   * meaning it's the width of the widest line or the widest word if the widest line is shorter than that.\n   * This width represents the ideal width for the paragraph to display all content in a single line without overflow.\n   * This method requires the layout method to have been called first.\n   * @returns {number} The maximum intrinsic width of the paragraph.\n   */\n  getMaxIntrinsicWidth(): number;\n\n  /**\n   * Returns the width of the longest line in the paragraph.\n   * This method requires the layout method to have been called first.\n   */\n  getLongestLine(): number;\n\n  /**\n   * Returns the index of the glyph at the given position. This method requires\n   * the layout method to have been called first.\n   * @param x X coordinate of the position\n   * @param y Y coordinate of the position\n   */\n  getGlyphPositionAtCoordinate(x: number, y: number): number;\n  /**\n   * Returns the bounding boxes of the glyphs in the given range. This method\n   * requires the layout method to have been called first.\n   * @param start Start index of the range\n   * @param end End index of the range\n   */\n  getRectsForRange(start: number, end: number): SkRect[];\n  /**\n   * Returns the bounding boxes for all lines in the paragraph. This method\n   * requires the layout method to have been called first.\n   */\n  getLineMetrics(): LineMetrics[];\n  /**\n   * Returns a list of rects with direction info for the placeholders added\n   * to the paragraph.\n   */\n  getRectsForPlaceholders(): SkRectWithDirection[];\n}\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/skia/types/Recorder.d.ts

@@ -12,7 +12,7 @@ export interface BaseRecorder {
     pushPathEffect(pathEffectType: NodeType, props: AnimatedProps<unknown>): void;
     pushImageFilter(imageFilterType: NodeType, props: AnimatedProps<unknown>): void;
     pushColorFilter(colorFilterType: NodeType, props: AnimatedProps<unknown>): void;
-    pushShader(shaderType: NodeType, props: AnimatedProps<unknown>): void;
+    pushShader(shaderType: NodeType, props: AnimatedProps<unknown>, children: number): void;
     pushBlurMaskFilter(props: AnimatedProps<BlurMaskFilterProps>): void;
     composePathEffect(): void;
     composeColorFilter(): void;

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["Recorder.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport type {\n  TextProps,\n  AtlasProps,\n  BlurMaskFilterProps,\n  BoxProps,\n  BoxShadowProps,\n  CircleProps,\n  CTMProps,\n  DiffRectProps,\n  GlyphsProps,\n  ImageProps,\n  ImageSVGProps,\n  LineProps,\n  NodeType,\n  OvalProps,\n  PaintProps,\n  ParagraphProps,\n  PatchProps,\n  PathProps,\n  PictureProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  TextBlobProps,\n  TextPathProps,\n  VerticesProps,\n  SkottieProps,\n} from \"../../dom/types\";\nimport type { AnimatedProps } from \"../../renderer/processors/Animations/Animations\";\n\nimport type { SkPicture } from \"./Picture\";\n\nexport interface BaseRecorder {\n  saveGroup(): void;\n  restoreGroup(): void;\n  savePaint(props: AnimatedProps<PaintProps>, standalone: boolean): void;\n  restorePaint(): void;\n  restorePaintDeclaration(): void;\n  materializePaint(): void;\n  pushPathEffect(pathEffectType: NodeType, props: AnimatedProps<unknown>): void;\n  pushImageFilter(\n    imageFilterType: NodeType,\n    props: AnimatedProps<unknown>\n  ): void;\n  pushColorFilter(\n    colorFilterType: NodeType,\n    props: AnimatedProps<unknown>\n  ): void;\n  pushShader(shaderType: NodeType, props: AnimatedProps<unknown>): void;\n  pushBlurMaskFilter(props: AnimatedProps<BlurMaskFilterProps>): void;\n  composePathEffect(): void;\n  composeColorFilter(): void;\n  composeImageFilter(): void;\n  saveCTM(props: AnimatedProps<CTMProps>): void;\n  restoreCTM(): void;\n  drawPaint(): void;\n  saveLayer(): void;\n  saveBackdropFilter(): void;\n  drawBox(\n    boxProps: AnimatedProps<BoxProps>,\n    shadows: {\n      props: BoxShadowProps;\n      animatedProps?: Record<string, SharedValue<unknown>>;\n    }[]\n  ): void;\n  drawImage(props: AnimatedProps<ImageProps>): void;\n  drawCircle(props: AnimatedProps<CircleProps>): void;\n  drawPoints(props: AnimatedProps<PointsProps>): void;\n  drawPath(props: AnimatedProps<PathProps>): void;\n  drawRect(props: AnimatedProps<RectProps>): void;\n  drawRRect(props: AnimatedProps<RoundedRectProps>): void;\n  drawOval(props: AnimatedProps<OvalProps>): void;\n  drawLine(props: AnimatedProps<LineProps>): void;\n  drawPatch(props: AnimatedProps<PatchProps>): void;\n  drawVertices(props: AnimatedProps<VerticesProps>): void;\n  drawDiffRect(props: AnimatedProps<DiffRectProps>): void;\n  drawText(props: AnimatedProps<TextProps>): void;\n  drawTextPath(props: AnimatedProps<TextPathProps>): void;\n  drawTextBlob(props: AnimatedProps<TextBlobProps>): void;\n  drawGlyphs(props: AnimatedProps<GlyphsProps>): void;\n  drawPicture(props: AnimatedProps<PictureProps>): void;\n  drawImageSVG(props: AnimatedProps<ImageSVGProps>): void;\n  drawParagraph(props: AnimatedProps<ParagraphProps>): void;\n  drawSkottie(props: AnimatedProps<SkottieProps>): void;\n  drawAtlas(props: AnimatedProps<AtlasProps>): void;\n}\n\nexport interface JsiRecorder extends BaseRecorder {\n  play(): SkPicture;\n  applyUpdates(variables: SharedValue<unknown>[]): void;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["Recorder.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport type {\n  TextProps,\n  AtlasProps,\n  BlurMaskFilterProps,\n  BoxProps,\n  BoxShadowProps,\n  CircleProps,\n  CTMProps,\n  DiffRectProps,\n  GlyphsProps,\n  ImageProps,\n  ImageSVGProps,\n  LineProps,\n  NodeType,\n  OvalProps,\n  PaintProps,\n  ParagraphProps,\n  PatchProps,\n  PathProps,\n  PictureProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  TextBlobProps,\n  TextPathProps,\n  VerticesProps,\n  SkottieProps,\n} from \"../../dom/types\";\nimport type { AnimatedProps } from \"../../renderer/processors/Animations/Animations\";\n\nimport type { SkPicture } from \"./Picture\";\n\nexport interface BaseRecorder {\n  saveGroup(): void;\n  restoreGroup(): void;\n  savePaint(props: AnimatedProps<PaintProps>, standalone: boolean): void;\n  restorePaint(): void;\n  restorePaintDeclaration(): void;\n  materializePaint(): void;\n  pushPathEffect(pathEffectType: NodeType, props: AnimatedProps<unknown>): void;\n  pushImageFilter(\n    imageFilterType: NodeType,\n    props: AnimatedProps<unknown>\n  ): void;\n  pushColorFilter(\n    colorFilterType: NodeType,\n    props: AnimatedProps<unknown>\n  ): void;\n  pushShader(\n    shaderType: NodeType,\n    props: AnimatedProps<unknown>,\n    children: number\n  ): void;\n  pushBlurMaskFilter(props: AnimatedProps<BlurMaskFilterProps>): void;\n  composePathEffect(): void;\n  composeColorFilter(): void;\n  composeImageFilter(): void;\n  saveCTM(props: AnimatedProps<CTMProps>): void;\n  restoreCTM(): void;\n  drawPaint(): void;\n  saveLayer(): void;\n  saveBackdropFilter(): void;\n  drawBox(\n    boxProps: AnimatedProps<BoxProps>,\n    shadows: {\n      props: BoxShadowProps;\n      animatedProps?: Record<string, SharedValue<unknown>>;\n    }[]\n  ): void;\n  drawImage(props: AnimatedProps<ImageProps>): void;\n  drawCircle(props: AnimatedProps<CircleProps>): void;\n  drawPoints(props: AnimatedProps<PointsProps>): void;\n  drawPath(props: AnimatedProps<PathProps>): void;\n  drawRect(props: AnimatedProps<RectProps>): void;\n  drawRRect(props: AnimatedProps<RoundedRectProps>): void;\n  drawOval(props: AnimatedProps<OvalProps>): void;\n  drawLine(props: AnimatedProps<LineProps>): void;\n  drawPatch(props: AnimatedProps<PatchProps>): void;\n  drawVertices(props: AnimatedProps<VerticesProps>): void;\n  drawDiffRect(props: AnimatedProps<DiffRectProps>): void;\n  drawText(props: AnimatedProps<TextProps>): void;\n  drawTextPath(props: AnimatedProps<TextPathProps>): void;\n  drawTextBlob(props: AnimatedProps<TextBlobProps>): void;\n  drawGlyphs(props: AnimatedProps<GlyphsProps>): void;\n  drawPicture(props: AnimatedProps<PictureProps>): void;\n  drawImageSVG(props: AnimatedProps<ImageSVGProps>): void;\n  drawParagraph(props: AnimatedProps<ParagraphProps>): void;\n  drawSkottie(props: AnimatedProps<SkottieProps>): void;\n  drawAtlas(props: AnimatedProps<AtlasProps>): void;\n}\n\nexport interface JsiRecorder extends BaseRecorder {\n  play(): SkPicture;\n  applyUpdates(variables: SharedValue<unknown>[]): void;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import type { CanvasKit, Paragraph } from "canvaskit-wasm";
-import type { SkRect, SkRectWithDirection, SkParagraph } from "../types";
+import type { SkRect, SkRectWithDirection, SkParagraph, LineMetrics } from "../types";
 import { HostObject } from "./Host";
 import type { JsiSkCanvas } from "./JsiSkCanvas";
 export declare class JsiSkParagraph extends HostObject<Paragraph, "Paragraph"> implements SkParagraph {
@@ -14,6 +14,6 @@ export declare class JsiSkParagraph extends HostObject<Paragraph, "Paragraph"> i
     getGlyphPositionAtCoordinate(x: number, y: number): number;
     getRectsForPlaceholders(): SkRectWithDirection[];
     getRectsForRange(start: number, end: number): SkRect[];
-    getLineMetrics(): SkRect[];
+    getLineMetrics(): LineMetrics[];
     dispose(): void;
 }

package/lib/commonjs/skia/web/JsiSkParagraph.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.JsiSkParagraph = void 0;
 var _Host = require("./Host");
+var _JsiSkRect = require("./JsiSkRect");
 class JsiSkParagraph extends _Host.HostObject {
   constructor(CanvasKit, ref) {
     super(CanvasKit, ref, "Paragraph");
@@ -38,12 +39,7 @@ class JsiSkParagraph extends _Host.HostObject {
       rect,
       dir
     }) => ({
-      rect: {
-        x: rect.at(0),
-        y: rect.at(1),
-        width: rect.at(2),
-        height: rect.at(3)
-      },
+      rect: new _JsiSkRect.JsiSkRect(this.CanvasKit, rect),
       direction: dir.value
     }));
   }
@@ -54,20 +50,10 @@ class JsiSkParagraph extends _Host.HostObject {
       value: 0
     } /** kTight */).map(({
       rect
-    }) => ({
-      x: rect[0],
-      y: rect[1],
-      width: rect[2],
-      height: rect[3]
-    }));
+    }) => new _JsiSkRect.JsiSkRect(this.CanvasKit, rect));
   }
   getLineMetrics() {
-    return this.ref.getLineMetrics().map((r, index) => ({
-      x: r.left,
-      y: index * r.height,
-      width: r.width,
-      height: r.height
-    }));
+    return this.ref.getLineMetrics();
   }
   dispose() {
     this.ref.delete();

package/lib/commonjs/skia/web/JsiSkParagraph.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Host","require","JsiSkParagraph","HostObject","constructor","CanvasKit","ref","getMinIntrinsicWidth","getMaxIntrinsicWidth","getLongestLine","layout","width","paint","canvas","x","y","drawParagraph","getHeight","getMaxWidth","getGlyphPositionAtCoordinate","pos","getRectsForPlaceholders","map","rect","dir","at","height","direction","value","getRectsForRange","start","end","getLineMetrics","r","index","left","dispose","delete","exports"],"sources":["JsiSkParagraph.ts"],"sourcesContent":["import type { CanvasKit, Paragraph } from \"canvaskit-wasm\";\n\nimport type { SkRect, SkRectWithDirection, SkParagraph } from \"../types\";\n\nimport { HostObject } from \"./Host\";\nimport type { JsiSkCanvas } from \"./JsiSkCanvas\";\n\nexport class JsiSkParagraph\n  extends HostObject<Paragraph, \"Paragraph\">\n  implements SkParagraph\n{\n  constructor(CanvasKit: CanvasKit, ref: Paragraph) {\n    super(CanvasKit, ref, \"Paragraph\");\n  }\n  getMinIntrinsicWidth(): number {\n    return this.ref.getMinIntrinsicWidth();\n  }\n\n  getMaxIntrinsicWidth(): number {\n    return this.ref.getMaxIntrinsicWidth();\n  }\n\n  getLongestLine(): number {\n    return this.ref.getLongestLine();\n  }\n\n  layout(width: number): void {\n    this.ref.layout(width);\n  }\n  paint(canvas: JsiSkCanvas, x: number, y: number): void {\n    canvas.ref.drawParagraph(this.ref, x, y);\n  }\n  getHeight(): number {\n    return this.ref.getHeight();\n  }\n  getMaxWidth(): number {\n    return this.ref.getMaxWidth();\n  }\n  getGlyphPositionAtCoordinate(x: number, y: number): number {\n    return this.ref.getGlyphPositionAtCoordinate(x, y).pos;\n  }\n  getRectsForPlaceholders(): SkRectWithDirection[] {\n    return this.ref.getRectsForPlaceholders().map(({ rect, dir }) => ({\n      rect: {\n        x: rect.at(0)!,\n        y: rect.at(1)!,\n        width: rect.at(2)!,\n        height: rect.at(3)!,\n      },\n      direction: dir.value,\n    }));\n  }\n  getRectsForRange(start: number, end: number): SkRect[] {\n    return this.ref\n      .getRectsForRange(\n        start,\n        end,\n        { value: 0 } /** kTight */,\n        { value: 0 } /** kTight */\n      )\n      .map(({ rect }) => ({\n        x: rect[0],\n        y: rect[1],\n        width: rect[2],\n        height: rect[3],\n      }));\n  }\n  getLineMetrics(): SkRect[] {\n    return this.ref.getLineMetrics().map((r, index) => ({\n      x: r.left,\n      y: index * r.height,\n      width: r.width,\n      height: r.height,\n    }));\n  }\n\n  dispose() {\n    this.ref.delete();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Host","require","_JsiSkRect","JsiSkParagraph","HostObject","constructor","CanvasKit","ref","getMinIntrinsicWidth","getMaxIntrinsicWidth","getLongestLine","layout","width","paint","canvas","x","y","drawParagraph","getHeight","getMaxWidth","getGlyphPositionAtCoordinate","pos","getRectsForPlaceholders","map","rect","dir","JsiSkRect","direction","value","getRectsForRange","start","end","getLineMetrics","dispose","delete","exports"],"sources":["JsiSkParagraph.ts"],"sourcesContent":["import type { CanvasKit, Paragraph } from \"canvaskit-wasm\";\n\nimport type {\n  SkRect,\n  SkRectWithDirection,\n  SkParagraph,\n  LineMetrics,\n} from \"../types\";\n\nimport { HostObject } from \"./Host\";\nimport type { JsiSkCanvas } from \"./JsiSkCanvas\";\nimport { JsiSkRect } from \"./JsiSkRect\";\n\nexport class JsiSkParagraph\n  extends HostObject<Paragraph, \"Paragraph\">\n  implements SkParagraph\n{\n  constructor(CanvasKit: CanvasKit, ref: Paragraph) {\n    super(CanvasKit, ref, \"Paragraph\");\n  }\n  getMinIntrinsicWidth() {\n    return this.ref.getMinIntrinsicWidth();\n  }\n\n  getMaxIntrinsicWidth() {\n    return this.ref.getMaxIntrinsicWidth();\n  }\n\n  getLongestLine() {\n    return this.ref.getLongestLine();\n  }\n\n  layout(width: number) {\n    this.ref.layout(width);\n  }\n  paint(canvas: JsiSkCanvas, x: number, y: number) {\n    canvas.ref.drawParagraph(this.ref, x, y);\n  }\n  getHeight() {\n    return this.ref.getHeight();\n  }\n  getMaxWidth() {\n    return this.ref.getMaxWidth();\n  }\n  getGlyphPositionAtCoordinate(x: number, y: number) {\n    return this.ref.getGlyphPositionAtCoordinate(x, y).pos;\n  }\n  getRectsForPlaceholders(): SkRectWithDirection[] {\n    return this.ref.getRectsForPlaceholders().map(({ rect, dir }) => ({\n      rect: new JsiSkRect(this.CanvasKit, rect),\n      direction: dir.value,\n    }));\n  }\n  getRectsForRange(start: number, end: number): SkRect[] {\n    return this.ref\n      .getRectsForRange(\n        start,\n        end,\n        { value: 0 } /** kTight */,\n        { value: 0 } /** kTight */\n      )\n      .map(({ rect }) => new JsiSkRect(this.CanvasKit, rect));\n  }\n  getLineMetrics(): LineMetrics[] {\n    return this.ref.getLineMetrics();\n  }\n\n  dispose() {\n    this.ref.delete();\n  }\n}\n"],"mappings":";;;;;;AASA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,cAAc,SACjBC,gBAAU,CAEpB;EACEC,WAAWA,CAACC,SAAoB,EAAEC,GAAc,EAAE;IAChD,KAAK,CAACD,SAAS,EAAEC,GAAG,EAAE,WAAW,CAAC;EACpC;EACAC,oBAAoBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACD,GAAG,CAACC,oBAAoB,CAAC,CAAC;EACxC;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACF,GAAG,CAACE,oBAAoB,CAAC,CAAC;EACxC;EAEAC,cAAcA,CAAA,EAAG;IACf,OAAO,IAAI,CAACH,GAAG,CAACG,cAAc,CAAC,CAAC;EAClC;EAEAC,MAAMA,CAACC,KAAa,EAAE;IACpB,IAAI,CAACL,GAAG,CAACI,MAAM,CAACC,KAAK,CAAC;EACxB;EACAC,KAAKA,CAACC,MAAmB,EAAEC,CAAS,EAAEC,CAAS,EAAE;IAC/CF,MAAM,CAACP,GAAG,CAACU,aAAa,CAAC,IAAI,CAACV,GAAG,EAAEQ,CAAC,EAAEC,CAAC,CAAC;EAC1C;EACAE,SAASA,CAAA,EAAG;IACV,OAAO,IAAI,CAACX,GAAG,CAACW,SAAS,CAAC,CAAC;EAC7B;EACAC,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACZ,GAAG,CAACY,WAAW,CAAC,CAAC;EAC/B;EACAC,4BAA4BA,CAACL,CAAS,EAAEC,CAAS,EAAE;IACjD,OAAO,IAAI,CAACT,GAAG,CAACa,4BAA4B,CAACL,CAAC,EAAEC,CAAC,CAAC,CAACK,GAAG;EACxD;EACAC,uBAAuBA,CAAA,EAA0B;IAC/C,OAAO,IAAI,CAACf,GAAG,CAACe,uBAAuB,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC;IAAI,CAAC,MAAM;MAChED,IAAI,EAAE,IAAIE,oBAAS,CAAC,IAAI,CAACpB,SAAS,EAAEkB,IAAI,CAAC;MACzCG,SAAS,EAAEF,GAAG,CAACG;IACjB,CAAC,CAAC,CAAC;EACL;EACAC,gBAAgBA,CAACC,KAAa,EAAEC,GAAW,EAAY;IACrD,OAAO,IAAI,CAACxB,GAAG,CACZsB,gBAAgB,CACfC,KAAK,EACLC,GAAG,EACH;MAAEH,KAAK,EAAE;IAAE,CAAC,CAAC,eACb;MAAEA,KAAK,EAAE;IAAE,CAAC,CAAC,aACf,CAAC,CACAL,GAAG,CAAC,CAAC;MAAEC;IAAK,CAAC,KAAK,IAAIE,oBAAS,CAAC,IAAI,CAACpB,SAAS,EAAEkB,IAAI,CAAC,CAAC;EAC3D;EACAQ,cAAcA,CAAA,EAAkB;IAC9B,OAAO,IAAI,CAACzB,GAAG,CAACyB,cAAc,CAAC,CAAC;EAClC;EAEAC,OAAOA,CAAA,EAAG;IACR,IAAI,CAAC1B,GAAG,CAAC2B,MAAM,CAAC,CAAC;EACnB;AACF;AAACC,OAAA,CAAAhC,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -1,12 +1,4 @@
 import type { SharedValue } from "react-native-reanimated";
 import type { Skia, SkSize } from "../skia/types";
-import { Container, StaticContainer } from "./StaticContainer";
-declare class ReanimatedContainer extends Container {
-    private nativeId;
-    private onSize?;
-    private mapperId;
-    constructor(Skia: Skia, nativeId: number, onSize?: SharedValue<SkSize> | undefined);
-    redraw(): void;
-}
-export declare const createContainer: (Skia: Skia, nativeId: number, onSize?: SharedValue<SkSize>) => StaticContainer | ReanimatedContainer;
-export {};
+import { StaticContainer } from "./StaticContainer";
+export declare const createContainer: (Skia: Skia, nativeId: number, onSize?: SharedValue<SkSize>) => StaticContainer;

package/lib/commonjs/sksg/Container.js

@@ -4,86 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createContainer = void 0;
-var _ReanimatedProxy = _interopRequireDefault(require("../external/reanimated/ReanimatedProxy"));
-var _renderHelpers = require("../external/reanimated/renderHelpers");
-var _Recorder = require("./Recorder/Recorder");
-var _Visitor = require("./Recorder/Visitor");
-var _Player = require("./Recorder/Player");
-var _DrawingContext = require("./Recorder/DrawingContext");
 var _StaticContainer = require("./StaticContainer");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const drawOnscreen = (Skia, nativeId, recording, onSize) => {
-  "worklet";
-
-  if (onSize) {
-    const size = SkiaViewApi.size(nativeId);
-    if (size.width !== onSize.value.width || size.height !== onSize.value.height) {
-      onSize.value = size;
-    }
-  }
-  const rec = Skia.PictureRecorder();
-  const canvas = rec.beginRecording();
-  //const start = performance.now();
-
-  const ctx = (0, _DrawingContext.createDrawingContext)(Skia, recording.paintPool, canvas);
-  (0, _Player.replay)(ctx, recording.commands);
-  const picture = rec.finishRecordingAsPicture();
-  //const end = performance.now();
-  //console.log("Recording time: ", end - start);
-  SkiaViewApi.setJsiProperty(nativeId, "picture", picture);
-};
-class ReanimatedContainer extends _StaticContainer.Container {
-  constructor(Skia, nativeId, onSize) {
-    super(Skia);
-    this.nativeId = nativeId;
-    this.onSize = onSize;
-    _defineProperty(this, "mapperId", null);
-  }
-  redraw() {
-    if (this.mapperId !== null) {
-      _ReanimatedProxy.default.stopMapper(this.mapperId);
-    }
-    if (this.unmounted) {
-      return;
-    }
-    const recorder = new _Recorder.Recorder();
-    (0, _Visitor.visit)(recorder, this.root);
-    const record = recorder.getRecording();
-    const {
-      animationValues
-    } = record;
-    this.recording = {
-      commands: record.commands,
-      paintPool: record.paintPool
-    };
-    const {
-      nativeId,
-      Skia,
-      recording
-    } = this;
-    if (animationValues.size > 0) {
-      this.mapperId = _ReanimatedProxy.default.startMapper(() => {
-        "worklet";
-
-        drawOnscreen(Skia, nativeId, recording);
-      }, Array.from(animationValues));
-    }
-    _ReanimatedProxy.default.runOnUI(onSize => {
-      "worklet";
-
-      drawOnscreen(Skia, nativeId, recording, onSize);
-    })(this.onSize);
-  }
-}
 const createContainer = (Skia, nativeId, onSize) => {
-  if (_renderHelpers.HAS_REANIMATED_3 && nativeId !== -1) {
-    return new ReanimatedContainer(Skia, nativeId, onSize);
-  } else {
-    return new _StaticContainer.StaticContainer(Skia, nativeId);
-  }
+  return new _StaticContainer.StaticContainer(Skia, nativeId, onSize);
 };
 exports.createContainer = createContainer;
 //# sourceMappingURL=Container.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_ReanimatedProxy","_interopRequireDefault","require","_renderHelpers","_Recorder","_Visitor","_Player","_DrawingContext","_StaticContainer","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","drawOnscreen","Skia","nativeId","recording","onSize","size","SkiaViewApi","width","height","rec","PictureRecorder","canvas","beginRecording","ctx","createDrawingContext","paintPool","replay","commands","picture","finishRecordingAsPicture","setJsiProperty","ReanimatedContainer","Container","constructor","redraw","mapperId","Rea","stopMapper","unmounted","recorder","Recorder","visit","root","record","getRecording","animationValues","startMapper","Array","from","runOnUI","createContainer","HAS_REANIMATED_3","StaticContainer","exports"],"sources":["Container.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia, SkSize } from \"../skia/types\";\nimport { HAS_REANIMATED_3 } from \"../external/reanimated/renderHelpers\";\n\nimport type { Recording } from \"./Recorder/Recorder\";\nimport { Recorder } from \"./Recorder/Recorder\";\nimport { visit } from \"./Recorder/Visitor\";\nimport { replay } from \"./Recorder/Player\";\nimport { createDrawingContext } from \"./Recorder/DrawingContext\";\nimport { Container, StaticContainer } from \"./StaticContainer\";\n\nconst drawOnscreen = (\n  Skia: Skia,\n  nativeId: number,\n  recording: Recording,\n  onSize?: SharedValue<SkSize>\n) => {\n  \"worklet\";\n  if (onSize) {\n    const size = SkiaViewApi.size(nativeId);\n    if (\n      size.width !== onSize.value.width ||\n      size.height !== onSize.value.height\n    ) {\n      onSize.value = size;\n    }\n  }\n  const rec = Skia.PictureRecorder();\n  const canvas = rec.beginRecording();\n  //const start = performance.now();\n\n  const ctx = createDrawingContext(Skia, recording.paintPool, canvas);\n  replay(ctx, recording.commands);\n  const picture = rec.finishRecordingAsPicture();\n  //const end = performance.now();\n  //console.log(\"Recording time: \", end - start);\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n};\n\nclass ReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n\n  constructor(\n    Skia: Skia,\n    private nativeId: number,\n    private onSize?: SharedValue<SkSize>\n  ) {\n    super(Skia);\n  }\n\n  redraw() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n    }\n    if (this.unmounted) {\n      return;\n    }\n    const recorder = new Recorder();\n    visit(recorder, this.root);\n    const record = recorder.getRecording();\n    const { animationValues } = record;\n    this.recording = {\n      commands: record.commands,\n      paintPool: record.paintPool,\n    };\n    const { nativeId, Skia, recording } = this;\n    if (animationValues.size > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        drawOnscreen(Skia, nativeId, recording!);\n      }, Array.from(animationValues));\n    }\n    Rea.runOnUI((onSize?: SharedValue<SkSize>) => {\n      \"worklet\";\n      drawOnscreen(Skia, nativeId, recording!, onSize);\n    })(this.onSize);\n  }\n}\n\nexport const createContainer = (\n  Skia: Skia,\n  nativeId: number,\n  onSize?: SharedValue<SkSize>\n) => {\n  if (HAS_REANIMATED_3 && nativeId !== -1) {\n    return new ReanimatedContainer(Skia, nativeId, onSize);\n  } else {\n    return new StaticContainer(Skia, nativeId);\n  }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_StaticContainer","require","createContainer","Skia","nativeId","onSize","StaticContainer","exports"],"sources":["Container.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport type { Skia, SkSize } from \"../skia/types\";\n\nimport { StaticContainer } from \"./StaticContainer\";\n\nexport const createContainer = (\n  Skia: Skia,\n  nativeId: number,\n  onSize?: SharedValue<SkSize>\n) => {\n  return new StaticContainer(Skia, nativeId, onSize);\n};\n"],"mappings":";;;;;;AAIA,IAAAA,gBAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAGA,CAC7BC,IAAU,EACVC,QAAgB,EAChBC,MAA4B,KACzB;EACH,OAAO,IAAIC,gCAAe,CAACH,IAAI,EAAEC,QAAQ,EAAEC,MAAM,CAAC;AACpD,CAAC;AAACE,OAAA,CAAAL,eAAA,GAAAA,eAAA","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+import type { SharedValue } from "react-native-reanimated";
+import type { Skia, SkSize } from "../skia/types";
+import { Container, StaticContainer } from "./StaticContainer";
+import "../skia/NativeSetup";
+import "../views/api";
+declare class ReanimatedContainer extends Container {
+    private nativeId;
+    private onSize?;
+    private mapperId;
+    constructor(Skia: Skia, nativeId: number, onSize?: SharedValue<SkSize> | undefined);
+    redraw(): void;
+}
+export declare const createContainer: (Skia: Skia, nativeId: number, onSize?: SharedValue<SkSize>) => StaticContainer | ReanimatedContainer;
+export {};

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

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createContainer = void 0;
+var _ReanimatedProxy = _interopRequireDefault(require("../external/reanimated/ReanimatedProxy"));
+var _renderHelpers = require("../external/reanimated/renderHelpers");
+var _Recorder = require("./Recorder/Recorder");
+var _Visitor = require("./Recorder/Visitor");
+var _Player = require("./Recorder/Player");
+var _DrawingContext = require("./Recorder/DrawingContext");
+var _StaticContainer = require("./StaticContainer");
+require("../skia/NativeSetup");
+require("../views/api");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const drawOnscreen = (Skia, nativeId, recording, onSize) => {
+  "worklet";
+
+  if (onSize) {
+    const size = SkiaViewApi.size(nativeId);
+    if (size.width !== onSize.value.width || size.height !== onSize.value.height) {
+      onSize.value = size;
+    }
+  }
+  const rec = Skia.PictureRecorder();
+  const canvas = rec.beginRecording();
+  //const start = performance.now();
+
+  const ctx = (0, _DrawingContext.createDrawingContext)(Skia, recording.paintPool, canvas);
+  (0, _Player.replay)(ctx, recording.commands);
+  const picture = rec.finishRecordingAsPicture();
+  //const end = performance.now();
+  //console.log("Recording time: ", end - start);
+  SkiaViewApi.setJsiProperty(nativeId, "picture", picture);
+};
+class ReanimatedContainer extends _StaticContainer.Container {
+  constructor(Skia, nativeId, onSize) {
+    super(Skia);
+    this.nativeId = nativeId;
+    this.onSize = onSize;
+    _defineProperty(this, "mapperId", null);
+  }
+  redraw() {
+    if (this.mapperId !== null) {
+      _ReanimatedProxy.default.stopMapper(this.mapperId);
+    }
+    if (this.unmounted) {
+      return;
+    }
+    const recorder = new _Recorder.Recorder();
+    (0, _Visitor.visit)(recorder, this.root);
+    const record = recorder.getRecording();
+    const {
+      animationValues
+    } = record;
+    this.recording = {
+      commands: record.commands,
+      paintPool: record.paintPool
+    };
+    const {
+      nativeId,
+      Skia,
+      recording
+    } = this;
+    if (animationValues.size > 0) {
+      this.mapperId = _ReanimatedProxy.default.startMapper(() => {
+        "worklet";
+
+        drawOnscreen(Skia, nativeId, recording);
+      }, Array.from(animationValues));
+    }
+    _ReanimatedProxy.default.runOnUI(onSize => {
+      "worklet";
+
+      drawOnscreen(Skia, nativeId, recording, onSize);
+    })(this.onSize);
+  }
+}
+const createContainer = (Skia, nativeId, onSize) => {
+  if (_renderHelpers.HAS_REANIMATED_3 && nativeId !== -1) {
+    return new ReanimatedContainer(Skia, nativeId, onSize);
+  } else {
+    return new _StaticContainer.StaticContainer(Skia, nativeId);
+  }
+};
+exports.createContainer = createContainer;
+//# sourceMappingURL=Container.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ReanimatedProxy","_interopRequireDefault","require","_renderHelpers","_Recorder","_Visitor","_Player","_DrawingContext","_StaticContainer","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","drawOnscreen","Skia","nativeId","recording","onSize","size","SkiaViewApi","width","height","rec","PictureRecorder","canvas","beginRecording","ctx","createDrawingContext","paintPool","replay","commands","picture","finishRecordingAsPicture","setJsiProperty","ReanimatedContainer","Container","constructor","redraw","mapperId","Rea","stopMapper","unmounted","recorder","Recorder","visit","root","record","getRecording","animationValues","startMapper","Array","from","runOnUI","createContainer","HAS_REANIMATED_3","StaticContainer","exports"],"sources":["Container.web.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia, SkSize } from \"../skia/types\";\nimport { HAS_REANIMATED_3 } from \"../external/reanimated/renderHelpers\";\n\nimport type { Recording } from \"./Recorder/Recorder\";\nimport { Recorder } from \"./Recorder/Recorder\";\nimport { visit } from \"./Recorder/Visitor\";\nimport { replay } from \"./Recorder/Player\";\nimport { createDrawingContext } from \"./Recorder/DrawingContext\";\nimport { Container, StaticContainer } from \"./StaticContainer\";\n\nimport \"../skia/NativeSetup\";\nimport \"../views/api\";\n\nconst drawOnscreen = (\n  Skia: Skia,\n  nativeId: number,\n  recording: Recording,\n  onSize?: SharedValue<SkSize>\n) => {\n  \"worklet\";\n  if (onSize) {\n    const size = SkiaViewApi.size(nativeId);\n    if (\n      size.width !== onSize.value.width ||\n      size.height !== onSize.value.height\n    ) {\n      onSize.value = size;\n    }\n  }\n  const rec = Skia.PictureRecorder();\n  const canvas = rec.beginRecording();\n  //const start = performance.now();\n\n  const ctx = createDrawingContext(Skia, recording.paintPool, canvas);\n  replay(ctx, recording.commands);\n  const picture = rec.finishRecordingAsPicture();\n  //const end = performance.now();\n  //console.log(\"Recording time: \", end - start);\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n};\n\nclass ReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n\n  constructor(\n    Skia: Skia,\n    private nativeId: number,\n    private onSize?: SharedValue<SkSize>\n  ) {\n    super(Skia);\n  }\n\n  redraw() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n    }\n    if (this.unmounted) {\n      return;\n    }\n    const recorder = new Recorder();\n    visit(recorder, this.root);\n    const record = recorder.getRecording();\n    const { animationValues } = record;\n    this.recording = {\n      commands: record.commands,\n      paintPool: record.paintPool,\n    };\n    const { nativeId, Skia, recording } = this;\n    if (animationValues.size > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        drawOnscreen(Skia, nativeId, recording!);\n      }, Array.from(animationValues));\n    }\n    Rea.runOnUI((onSize?: SharedValue<SkSize>) => {\n      \"worklet\";\n      drawOnscreen(Skia, nativeId, recording!, onSize);\n    })(this.onSize);\n  }\n}\n\nexport const createContainer = (\n  Skia: Skia,\n  nativeId: number,\n  onSize?: SharedValue<SkSize>\n) => {\n  if (HAS_REANIMATED_3 && nativeId !== -1) {\n    return new ReanimatedContainer(Skia, nativeId, onSize);\n  } else {\n    return new StaticContainer(Skia, nativeId);\n  }\n};\n"],"mappings":";;;;;;AAEA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAGA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAEAA,OAAA;AACAA,OAAA;AAAsB,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,gBAAAH,CAAA,EAAAI,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAE,cAAA,CAAAF,CAAA,MAAAJ,CAAA,GAAAO,MAAA,CAAAC,cAAA,CAAAR,CAAA,EAAAI,CAAA,IAAAK,KAAA,EAAAJ,CAAA,EAAAK,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAAZ,CAAA,CAAAI,CAAA,IAAAC,CAAA,EAAAL,CAAA;AAAA,SAAAM,eAAAD,CAAA,QAAAQ,CAAA,GAAAC,YAAA,CAAAT,CAAA,uCAAAQ,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAT,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAL,CAAA,GAAAK,CAAA,CAAAU,MAAA,CAAAC,WAAA,kBAAAhB,CAAA,QAAAa,CAAA,GAAAb,CAAA,CAAAiB,IAAA,CAAAZ,CAAA,EAAAD,CAAA,uCAAAS,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAAd,CAAA,GAAAe,MAAA,GAAAC,MAAA,EAAAf,CAAA;AAEtB,MAAMgB,YAAY,GAAGA,CACnBC,IAAU,EACVC,QAAgB,EAChBC,SAAoB,EACpBC,MAA4B,KACzB;EACH,SAAS;;EACT,IAAIA,MAAM,EAAE;IACV,MAAMC,IAAI,GAAGC,WAAW,CAACD,IAAI,CAACH,QAAQ,CAAC;IACvC,IACEG,IAAI,CAACE,KAAK,KAAKH,MAAM,CAAChB,KAAK,CAACmB,KAAK,IACjCF,IAAI,CAACG,MAAM,KAAKJ,MAAM,CAAChB,KAAK,CAACoB,MAAM,EACnC;MACAJ,MAAM,CAAChB,KAAK,GAAGiB,IAAI;IACrB;EACF;EACA,MAAMI,GAAG,GAAGR,IAAI,CAACS,eAAe,CAAC,CAAC;EAClC,MAAMC,MAAM,GAAGF,GAAG,CAACG,cAAc,CAAC,CAAC;EACnC;;EAEA,MAAMC,GAAG,GAAG,IAAAC,oCAAoB,EAACb,IAAI,EAAEE,SAAS,CAACY,SAAS,EAAEJ,MAAM,CAAC;EACnE,IAAAK,cAAM,EAACH,GAAG,EAAEV,SAAS,CAACc,QAAQ,CAAC;EAC/B,MAAMC,OAAO,GAAGT,GAAG,CAACU,wBAAwB,CAAC,CAAC;EAC9C;EACA;EACAb,WAAW,CAACc,cAAc,CAAClB,QAAQ,EAAE,SAAS,EAAEgB,OAAO,CAAC;AAC1D,CAAC;AAED,MAAMG,mBAAmB,SAASC,0BAAS,CAAC;EAG1CC,WAAWA,CACTtB,IAAU,EACFC,QAAgB,EAChBE,MAA4B,EACpC;IACA,KAAK,CAACH,IAAI,CAAC;IAAC,KAHJC,QAAgB,GAAhBA,QAAgB;IAAA,KAChBE,MAA4B,GAA5BA,MAA4B;IAAAtB,eAAA,mBALJ,IAAI;EAQtC;EAEA0C,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAACC,QAAQ,KAAK,IAAI,EAAE;MAC1BC,wBAAG,CAACC,UAAU,CAAC,IAAI,CAACF,QAAQ,CAAC;IAC/B;IACA,IAAI,IAAI,CAACG,SAAS,EAAE;MAClB;IACF;IACA,MAAMC,QAAQ,GAAG,IAAIC,kBAAQ,CAAC,CAAC;IAC/B,IAAAC,cAAK,EAACF,QAAQ,EAAE,IAAI,CAACG,IAAI,CAAC;IAC1B,MAAMC,MAAM,GAAGJ,QAAQ,CAACK,YAAY,CAAC,CAAC;IACtC,MAAM;MAAEC;IAAgB,CAAC,GAAGF,MAAM;IAClC,IAAI,CAAC9B,SAAS,GAAG;MACfc,QAAQ,EAAEgB,MAAM,CAAChB,QAAQ;MACzBF,SAAS,EAAEkB,MAAM,CAAClB;IACpB,CAAC;IACD,MAAM;MAAEb,QAAQ;MAAED,IAAI;MAAEE;IAAU,CAAC,GAAG,IAAI;IAC1C,IAAIgC,eAAe,CAAC9B,IAAI,GAAG,CAAC,EAAE;MAC5B,IAAI,CAACoB,QAAQ,GAAGC,wBAAG,CAACU,WAAW,CAAC,MAAM;QACpC,SAAS;;QACTpC,YAAY,CAACC,IAAI,EAAEC,QAAQ,EAAEC,SAAU,CAAC;MAC1C,CAAC,EAAEkC,KAAK,CAACC,IAAI,CAACH,eAAe,CAAC,CAAC;IACjC;IACAT,wBAAG,CAACa,OAAO,CAAEnC,MAA4B,IAAK;MAC5C,SAAS;;MACTJ,YAAY,CAACC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAGC,MAAM,CAAC;IAClD,CAAC,CAAC,CAAC,IAAI,CAACA,MAAM,CAAC;EACjB;AACF;AAEO,MAAMoC,eAAe,GAAGA,CAC7BvC,IAAU,EACVC,QAAgB,EAChBE,MAA4B,KACzB;EACH,IAAIqC,+BAAgB,IAAIvC,QAAQ,KAAK,CAAC,CAAC,EAAE;IACvC,OAAO,IAAImB,mBAAmB,CAACpB,IAAI,EAAEC,QAAQ,EAAEE,MAAM,CAAC;EACxD,CAAC,MAAM;IACL,OAAO,IAAIsC,gCAAe,CAACzC,IAAI,EAAEC,QAAQ,CAAC;EAC5C;AACF,CAAC;AAACyC,OAAA,CAAAH,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/commonjs/sksg/Recorder/ReanimatedRecorder.d.ts

@@ -18,7 +18,7 @@ export declare class ReanimatedRecorder implements BaseRecorder {
     pushPathEffect(pathEffectType: NodeType, props: AnimatedProps<unknown>): void;
     pushImageFilter(imageFilterType: NodeType, props: AnimatedProps<unknown>): void;
     pushColorFilter(colorFilterType: NodeType, props: AnimatedProps<unknown>): void;
-    pushShader(shaderType: NodeType, props: AnimatedProps<unknown>): void;
+    pushShader(shaderType: NodeType, props: AnimatedProps<unknown>, children: number): void;
     pushBlurMaskFilter(props: AnimatedProps<BlurMaskFilterProps>): void;
     composePathEffect(): void;
     composeColorFilter(): void;

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

@@ -64,9 +64,9 @@ class ReanimatedRecorder {
     this.processAnimationValues(props);
     this.recorder.pushColorFilter(colorFilterType, props);
   }
-  pushShader(shaderType, props) {
+  pushShader(shaderType, props, children) {
     this.processAnimationValues(props);
-    this.recorder.pushShader(shaderType, props);
+    this.recorder.pushShader(shaderType, props, children);
   }
   pushBlurMaskFilter(props) {
     this.processAnimationValues(props);