@shopify/react-native-skia 1.7.6 → 1.8.0

package/lib/module/renderer/Canvas2.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","SkiaViewNativeId","SkiaPictureViewNativeComponent","SkiaSGRoot","Skia","NativeSkiaPictureView","useOnSizeEvent","resultValue","onLayout","event","width","height","nativeEvent","layout","value","Canvas2","mode","debug","opaque","children","onSize","_onLayout","viewProps","ref","rafId","nativeId","current","root","render","unmount","requestRedraw","requestAnimationFrame","cancelAnimationFrame","makeImageSnapshot","rect","SkiaViewApi","makeImageSnapshotAsync","redraw","getNativeId","React","createElement","_extends","collapsable","nativeID"],"sources":["Canvas2.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type { LayoutChangeEvent, ViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nimport { SkiaViewNativeId } from \"../views/SkiaViewNativeId\";\nimport SkiaPictureViewNativeComponent from \"../specs/SkiaPictureViewNativeComponent\";\nimport type { SkRect, SkSize } from \"../skia/types\";\nimport { SkiaSGRoot } from \"../sksg/Reconciler\";\nimport { Skia } from \"../skia\";\nimport type { SkiaBaseViewProps } from \"../views\";\n\nconst NativeSkiaPictureView = SkiaPictureViewNativeComponent;\n\n// TODO: no need to go through the JS thread for this\nconst useOnSizeEvent = (\n  resultValue: SkiaBaseViewProps[\"onSize\"],\n  onLayout?: (event: LayoutChangeEvent) => void\n) => {\n  return useCallback(\n    (event: LayoutChangeEvent) => {\n      if (onLayout) {\n        onLayout(event);\n      }\n      const { width, height } = event.nativeEvent.layout;\n\n      if (resultValue) {\n        resultValue.value = { width, height };\n      }\n    },\n    [onLayout, resultValue]\n  );\n};\n\nexport interface Canvas2Props extends ViewProps {\n  debug?: boolean;\n  opaque?: boolean;\n  onSize?: SharedValue<SkSize>;\n  mode?: \"continuous\" | \"default\";\n}\n\nexport const Canvas2 = forwardRef(\n  (\n    {\n      mode,\n      debug,\n      opaque,\n      children,\n      onSize,\n      onLayout: _onLayout,\n      ...viewProps\n    }: Canvas2Props,\n    ref\n  ) => {\n    const rafId = useRef<number | null>(null);\n    const onLayout = useOnSizeEvent(onSize, _onLayout);\n    // Native ID\n    const nativeId = useMemo(() => {\n      return SkiaViewNativeId.current++;\n    }, []);\n\n    // Root\n    const root = useMemo(() => new SkiaSGRoot(Skia, nativeId), [nativeId]);\n\n    // Render effects\n    useEffect(() => {\n      root.render(children);\n    }, [children, root]);\n\n    useEffect(() => {\n      return () => {\n        root.unmount();\n      };\n    }, [root]);\n\n    const requestRedraw = useCallback(() => {\n      rafId.current = requestAnimationFrame(() => {\n        root.render(children);\n        if (mode === \"continuous\") {\n          requestRedraw();\n        }\n      });\n    }, [children, mode, root]);\n\n    useEffect(() => {\n      if (mode === \"continuous\") {\n        requestRedraw();\n      }\n      return () => {\n        if (rafId.current !== null) {\n          cancelAnimationFrame(rafId.current);\n        }\n      };\n    }, [mode, requestRedraw]);\n\n    // Component methods\n    useImperativeHandle(ref, () => ({\n      makeImageSnapshot: (rect?: SkRect) => {\n        return SkiaViewApi.makeImageSnapshot(nativeId, rect);\n      },\n      makeImageSnapshotAsync: (rect?: SkRect) => {\n        return SkiaViewApi.makeImageSnapshotAsync(nativeId, rect);\n      },\n      redraw: () => {\n        SkiaViewApi.requestRedraw(nativeId);\n      },\n      getNativeId: () => {\n        return nativeId;\n      },\n    }));\n    return (\n      <NativeSkiaPictureView\n        collapsable={false}\n        nativeID={`${nativeId}`}\n        debug={debug}\n        opaque={opaque}\n        onLayout={onLayout}\n        {...viewProps}\n      />\n    );\n  }\n);\n"],"mappings":"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","ignoreList":[]}

package/lib/module/renderer/Canvas2.web.d.ts

@@ -0,0 +1,3 @@
+import type { CanvasProps } from "./Canvas";
+export type Canvas2Props = CanvasProps;
+export declare const Canvas2: import("react").FunctionComponent<CanvasProps & import("react").RefAttributes<import("..").SkiaDomView>>;

package/lib/module/renderer/Canvas2.web.js

@@ -0,0 +1,3 @@
+import { Canvas } from "./Canvas";
+export const Canvas2 = Canvas;
+//# sourceMappingURL=Canvas2.web.js.map

package/lib/module/renderer/Canvas2.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Canvas","Canvas2"],"sources":["Canvas2.web.tsx"],"sourcesContent":["import type { CanvasProps } from \"./Canvas\";\nimport { Canvas } from \"./Canvas\";\n\nexport type Canvas2Props = CanvasProps;\n\nexport const Canvas2 = Canvas;\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,UAAU;AAIjC,OAAO,MAAMC,OAAO,GAAGD,MAAM","ignoreList":[]}

package/lib/module/renderer/Container.d.ts

@@ -1,12 +1,10 @@
-import type { GroupProps, DrawingContext, RenderNode, SkDOM } from "../dom/types";
-import type { Skia } from "../skia/types";
+import type { Node, SkDOM } from "../dom/types";
 export declare class Container {
     redraw: () => void;
     getNativeId: () => number;
     private _root;
     Sk: SkDOM;
     unmounted: boolean;
-    constructor(Skia: Skia, redraw: () => void, getNativeId: () => number, native: boolean);
-    draw(ctx: DrawingContext): void;
-    get root(): RenderNode<GroupProps>;
+    constructor(redraw?: () => void, getNativeId?: () => number);
+    get root(): Node<unknown>;
 }

package/lib/module/renderer/Container.js

@@ -3,20 +3,15 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { JsiSkDOM } from "../dom/nodes";
 export class Container {
-  constructor(Skia, redraw = () => {}, getNativeId = () => 0, native) {
+  constructor(redraw = () => {}, getNativeId = () => 0) {
     this.redraw = redraw;
     this.getNativeId = getNativeId;
     _defineProperty(this, "_root", void 0);
     _defineProperty(this, "Sk", void 0);
     _defineProperty(this, "unmounted", false);
-    this.Sk = new JsiSkDOM({
-      Skia
-    }, native);
+    this.Sk = new JsiSkDOM();
     this._root = this.Sk.Group();
   }
-  draw(ctx) {
-    this._root.render(ctx);
-  }
   get root() {
     return this._root;
   }

package/lib/module/renderer/Container.js.map

@@ -1 +1 @@
-{"version":3,"names":["JsiSkDOM","Container","constructor","Skia","redraw","getNativeId","native","_defineProperty","Sk","_root","Group","draw","ctx","render","root"],"sources":["Container.tsx"],"sourcesContent":["import { JsiSkDOM } from \"../dom/nodes\";\nimport type {\n  GroupProps,\n  DrawingContext,\n  RenderNode,\n  SkDOM,\n} from \"../dom/types\";\nimport type { Skia } from \"../skia/types\";\n\nexport class Container {\n  private _root: RenderNode<GroupProps>;\n  public Sk: SkDOM;\n  public unmounted = false;\n  constructor(\n    Skia: Skia,\n    public redraw: () => void = () => {},\n    public getNativeId: () => number = () => 0,\n    native: boolean\n  ) {\n    this.Sk = new JsiSkDOM({ Skia }, native);\n    this._root = this.Sk.Group();\n  }\n\n  draw(ctx: DrawingContext) {\n    this._root.render(ctx);\n  }\n\n  get root() {\n    return this._root;\n  }\n}\n"],"mappings":";;;AAAA,SAASA,QAAQ,QAAQ,cAAc;AASvC,OAAO,MAAMC,SAAS,CAAC;EAIrBC,WAAWA,CACTC,IAAU,EACHC,MAAkB,GAAGA,CAAA,KAAM,CAAC,CAAC,EAC7BC,WAAyB,GAAGA,CAAA,KAAM,CAAC,EAC1CC,MAAe,EACf;IAAA,KAHOF,MAAkB,GAAlBA,MAAkB;IAAA,KAClBC,WAAyB,GAAzBA,WAAyB;IAAAE,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAJf,KAAK;IAOtB,IAAI,CAACC,EAAE,GAAG,IAAIR,QAAQ,CAAC;MAAEG;IAAK,CAAC,EAAEG,MAAM,CAAC;IACxC,IAAI,CAACG,KAAK,GAAG,IAAI,CAACD,EAAE,CAACE,KAAK,CAAC,CAAC;EAC9B;EAEAC,IAAIA,CAACC,GAAmB,EAAE;IACxB,IAAI,CAACH,KAAK,CAACI,MAAM,CAACD,GAAG,CAAC;EACxB;EAEA,IAAIE,IAAIA,CAAA,EAAG;IACT,OAAO,IAAI,CAACL,KAAK;EACnB;AACF","ignoreList":[]}
+{"version":3,"names":["JsiSkDOM","Container","constructor","redraw","getNativeId","_defineProperty","Sk","_root","Group","root"],"sources":["Container.tsx"],"sourcesContent":["import { JsiSkDOM } from \"../dom/nodes\";\nimport type { Node, SkDOM } from \"../dom/types\";\n\nexport class Container {\n  private _root: Node<unknown>;\n  public Sk: SkDOM;\n  public unmounted = false;\n  constructor(\n    public redraw: () => void = () => {},\n    public getNativeId: () => number = () => 0\n  ) {\n    this.Sk = new JsiSkDOM();\n    this._root = this.Sk.Group();\n  }\n\n  get root() {\n    return this._root;\n  }\n}\n"],"mappings":";;;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAGvC,OAAO,MAAMC,SAAS,CAAC;EAIrBC,WAAWA,CACFC,MAAkB,GAAGA,CAAA,KAAM,CAAC,CAAC,EAC7BC,WAAyB,GAAGA,CAAA,KAAM,CAAC,EAC1C;IAAA,KAFOD,MAAkB,GAAlBA,MAAkB;IAAA,KAClBC,WAAyB,GAAzBA,WAAyB;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAHf,KAAK;IAKtB,IAAI,CAACC,EAAE,GAAG,IAAIN,QAAQ,CAAC,CAAC;IACxB,IAAI,CAACO,KAAK,GAAG,IAAI,CAACD,EAAE,CAACE,KAAK,CAAC,CAAC;EAC9B;EAEA,IAAIC,IAAIA,CAAA,EAAG;IACT,OAAO,IAAI,CAACF,KAAK;EACnB;AACF","ignoreList":[]}

package/lib/module/renderer/HostComponents.d.ts

@@ -2,15 +2,12 @@ import { NodeType } from "../dom/types";
 import type { DeclarationNode, FractalNoiseProps, RenderNode, CircleProps, DrawingNodeProps, ImageProps, PaintProps, PathProps, LineProps, OvalProps, DiffRectProps, PointsProps, RectProps, RoundedRectProps, TextProps, VerticesProps, BlurMaskFilterProps, BlendImageFilterProps, BlurImageFilterProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, OffsetImageFilterProps, RuntimeShaderImageFilterProps, MatrixColorFilterProps, ShaderProps, ImageShaderProps, LinearGradientProps, GroupProps, PatchProps, BlendColorFilterProps, DashPathEffectProps, DiscretePathEffectProps, CornerPathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps, TextPathProps, TextBlobProps, GlyphsProps, TwoPointConicalGradientProps, TurbulenceProps, SweepGradientProps, RadialGradientProps, ColorProps, PictureProps, ImageSVGProps, LerpColorFilterProps, BoxProps, BoxShadowProps, ParagraphProps, AtlasProps } from "../dom/types";
 import type { ChildrenProps } from "../dom/types/Common";
 import type { BlendProps, MorphologyImageFilterProps } from "../dom/types/ImageFilters";
-import type { SkRect, SkRRect } from "../skia/types";
-import type { JsiDrawingNode } from "../dom/nodes/DrawingNode";
 import type { Container } from "./Container";
 import type { SkiaProps } from "./processors";
-export declare const NATIVE_DOM: boolean;
 declare global {
     var SkiaDomApi: {
-        RectNode: (props: RectProps) => JsiDrawingNode<RectProps, SkRect>;
-        RRectNode: (props: RoundedRectProps) => JsiDrawingNode<RoundedRectProps, SkRRect>;
+        RectNode: (props: RectProps) => RenderNode<RectProps>;
+        RRectNode: (props: RoundedRectProps) => RenderNode<RoundedRectProps>;
         GroupNode: (props: GroupProps) => RenderNode<GroupProps>;
         PaintNode: (props: PaintProps) => DeclarationNode<PaintProps>;
         FillNode: (props: PaintProps) => RenderNode<PaintProps>;
@@ -129,4 +126,4 @@ declare global {
         }
     }
 }
-export declare const createNode: (container: Container, type: NodeType, props: any) => RenderNode<ChildrenProps> | DeclarationNode<PaintProps> | DeclarationNode<BlurMaskFilterProps> | DeclarationNode<BlendImageFilterProps> | DeclarationNode<BlurImageFilterProps> | DeclarationNode<OffsetImageFilterProps> | DeclarationNode<MorphologyImageFilterProps> | DeclarationNode<DisplacementMapImageFilterProps> | DeclarationNode<RuntimeShaderImageFilterProps> | DeclarationNode<MatrixColorFilterProps> | DeclarationNode<null> | DeclarationNode<LerpColorFilterProps> | DeclarationNode<ImageShaderProps> | DeclarationNode<ColorProps> | DeclarationNode<TurbulenceProps> | DeclarationNode<LinearGradientProps> | DeclarationNode<RadialGradientProps> | DeclarationNode<SweepGradientProps> | DeclarationNode<CornerPathEffectProps> | DeclarationNode<DiscretePathEffectProps> | DeclarationNode<DashPathEffectProps> | DeclarationNode<Path1DPathEffectProps> | DeclarationNode<Path2DPathEffectProps> | DeclarationNode<Line2DPathEffectProps> | DeclarationNode<BlendProps> | DeclarationNode<BoxShadowProps>;
+export declare const createNode: (container: Container, type: NodeType, props: any) => RenderNode<ChildrenProps> | DeclarationNode<BlurMaskFilterProps> | DeclarationNode<null> | DeclarationNode<ImageShaderProps> | DeclarationNode<ColorProps> | DeclarationNode<TurbulenceProps> | DeclarationNode<LinearGradientProps> | DeclarationNode<RadialGradientProps> | DeclarationNode<SweepGradientProps> | DeclarationNode<BoxShadowProps>;

package/lib/module/renderer/HostComponents.js

@@ -1,8 +1,5 @@
 import { NodeType } from "../dom/types";
 import { exhaustiveCheck } from "./typeddash";
-// This flag should only be turned on for debugging/testing
-const shouldUseJSDomOnNative = false;
-export const NATIVE_DOM = shouldUseJSDomOnNative ? false : !!global.SkiaDomApi;
 export const createNode = (container, type, props) => {
   const {
     Sk

package/lib/module/renderer/HostComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["NodeType","exhaustiveCheck","shouldUseJSDomOnNative","NATIVE_DOM","global","SkiaDomApi","createNode","container","type","props","Sk","Layer","Group","Paint","Fill","Image","Circle","Path","Line","Oval","Patch","Points","Rect","RRect","Vertices","Text","TextPath","TextBlob","Glyphs","Atlas","DiffRect","Picture","ImageSVG","BlurMaskFilter","BlendImageFilter","BlurImageFilter","OffsetImageFilter","DropShadowImageFilter","DisplacementMapImageFilter","MorphologyImageFilter","RuntimeShaderImageFilter","MatrixColorFilter","BlendColorFilter","LerpColorFilter","LumaColorFilter","LinearToSRGBGammaColorFilter","SRGBToLinearGammaColorFilter","Shader","ImageShader","ColorShader","Turbulence","FractalNoise","LinearGradient","RadialGradient","SweepGradient","TwoPointConicalGradient","CornerPathEffect","DiscretePathEffect","DashPathEffect","Path1DPathEffect","Path2DPathEffect","SumPathEffect","Line2DPathEffect","Blend","BackdropFilter","Box","BoxShadow","Paragraph"],"sources":["HostComponents.ts"],"sourcesContent":["import { NodeType } from \"../dom/types\";\nimport type {\n  DeclarationNode,\n  FractalNoiseProps,\n  RenderNode,\n  CircleProps,\n  DrawingNodeProps,\n  ImageProps,\n  PaintProps,\n  PathProps,\n  LineProps,\n  OvalProps,\n  DiffRectProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  TextProps,\n  VerticesProps,\n  BlurMaskFilterProps,\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n  MatrixColorFilterProps,\n  ShaderProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  GroupProps,\n  PatchProps,\n  BlendColorFilterProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  CornerPathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  TwoPointConicalGradientProps,\n  TurbulenceProps,\n  SweepGradientProps,\n  RadialGradientProps,\n  ColorProps,\n  PictureProps,\n  ImageSVGProps,\n  LerpColorFilterProps,\n  BoxProps,\n  BoxShadowProps,\n  ParagraphProps,\n  AtlasProps,\n} from \"../dom/types\";\nimport type { ChildrenProps } from \"../dom/types/Common\";\nimport type {\n  BlendProps,\n  MorphologyImageFilterProps,\n} from \"../dom/types/ImageFilters\";\nimport type { SkRect, SkRRect } from \"../skia/types\";\nimport type { JsiDrawingNode } from \"../dom/nodes/DrawingNode\";\n\nimport type { Container } from \"./Container\";\nimport { exhaustiveCheck } from \"./typeddash\";\nimport type { SkiaProps } from \"./processors\";\n\n// This flag should only be turned on for debugging/testing\nconst shouldUseJSDomOnNative = false;\nexport const NATIVE_DOM = shouldUseJSDomOnNative ? false : !!global.SkiaDomApi;\n\ndeclare global {\n  var SkiaDomApi: {\n    RectNode: (props: RectProps) => JsiDrawingNode<RectProps, SkRect>;\n    RRectNode: (\n      props: RoundedRectProps\n    ) => JsiDrawingNode<RoundedRectProps, SkRRect>;\n    GroupNode: (props: GroupProps) => RenderNode<GroupProps>;\n    PaintNode: (props: PaintProps) => DeclarationNode<PaintProps>;\n    FillNode: (props: PaintProps) => RenderNode<PaintProps>;\n    CircleNode: (props: CircleProps) => RenderNode<CircleProps>;\n    PathNode: (props: PathProps) => RenderNode<PathProps>;\n    LineNode: (props: LineProps) => RenderNode<LineProps>;\n    ImageNode: (props: ImageProps) => RenderNode<ImageProps>;\n    OvalNode: (props: OvalProps) => RenderNode<OvalProps>;\n    PatchNode: (props: PatchProps) => RenderNode<PatchProps>;\n    PointsNode: (props: PointsProps) => RenderNode<PointsProps>;\n    DiffRectNode: (props: DiffRectProps) => RenderNode<DiffRectProps>;\n    AtlasNode: (props: AtlasProps) => RenderNode<AtlasProps>;\n\n    // Mask filters\n    BlurMaskFilterNode: (\n      props: BlurMaskFilterProps\n    ) => DeclarationNode<BlurMaskFilterProps>;\n\n    // Path effects\n    DashPathEffectNode: (\n      props: DashPathEffectProps\n    ) => DeclarationNode<DashPathEffectProps>;\n    DiscretePathEffectNode: (\n      props: DiscretePathEffectProps\n    ) => DeclarationNode<DiscretePathEffectProps>;\n    CornerPathEffectNode: (\n      props: CornerPathEffectProps\n    ) => DeclarationNode<CornerPathEffectProps>;\n    Path1DPathEffectNode: (\n      props: Path1DPathEffectProps\n    ) => DeclarationNode<Path1DPathEffectProps>;\n    Path2DPathEffectNode: (\n      props: Path2DPathEffectProps\n    ) => DeclarationNode<Path2DPathEffectProps>;\n    Line2DPathEffectNode: (\n      props: Line2DPathEffectProps\n    ) => DeclarationNode<Line2DPathEffectProps>;\n    SumPathEffectNode: () => DeclarationNode<null>;\n\n    // Image filters\n    BlendImageFilterNode: (\n      props: BlendImageFilterProps\n    ) => DeclarationNode<BlendImageFilterProps>;\n    DropShadowImageFilterNode: (\n      props: DropShadowImageFilterProps\n    ) => DeclarationNode<DropShadowImageFilterProps>;\n    DisplacementMapImageFilterNode: (\n      props: DisplacementMapImageFilterProps\n    ) => DeclarationNode<DisplacementMapImageFilterProps>;\n    BlurImageFilterNode: (\n      props: BlurImageFilterProps\n    ) => DeclarationNode<BlurImageFilterProps>;\n    OffsetImageFilterNode: (\n      props: OffsetImageFilterProps\n    ) => DeclarationNode<OffsetImageFilterProps>;\n    MorphologyImageFilterNode: (\n      props: MorphologyImageFilterProps\n    ) => DeclarationNode<MorphologyImageFilterProps>;\n    RuntimeShaderImageFilterNode: (\n      props: RuntimeShaderImageFilterProps\n    ) => DeclarationNode<RuntimeShaderImageFilterProps>;\n\n    // Color filters\n    MatrixColorFilterNode: (\n      props: MatrixColorFilterProps\n    ) => DeclarationNode<MatrixColorFilterProps>;\n    BlendColorFilterNode: (\n      props: BlendColorFilterProps\n    ) => DeclarationNode<BlendColorFilterProps>;\n    LinearToSRGBGammaColorFilterNode: () => DeclarationNode<null>;\n    SRGBToLinearGammaColorFilterNode: () => DeclarationNode<null>;\n    LumaColorFilterNode: () => DeclarationNode<null>;\n    LerpColorFilterNode: (\n      props: LerpColorFilterProps\n    ) => DeclarationNode<LerpColorFilterProps>;\n\n    // Shaders\n    ShaderNode: (props: ShaderProps) => DeclarationNode<ShaderProps>;\n    ImageShaderNode: (\n      props: ImageShaderProps\n    ) => DeclarationNode<ImageShaderProps>;\n    ColorShaderNode: (props: ColorProps) => DeclarationNode<ColorProps>;\n    TurbulenceNode: (\n      props: TurbulenceProps\n    ) => DeclarationNode<TurbulenceProps>;\n    FractalNoiseNode: (\n      props: FractalNoiseProps\n    ) => DeclarationNode<FractalNoiseProps>;\n    LinearGradientNode: (\n      props: LinearGradientProps\n    ) => DeclarationNode<LinearGradientProps>;\n    RadialGradientNode: (\n      props: RadialGradientProps\n    ) => DeclarationNode<RadialGradientProps>;\n    SweepGradientNode: (\n      props: SweepGradientProps\n    ) => DeclarationNode<SweepGradientProps>;\n    TwoPointConicalGradientNode: (\n      props: TwoPointConicalGradientProps\n    ) => DeclarationNode<TwoPointConicalGradientProps>;\n    PictureNode: (props: PictureProps) => RenderNode<PictureProps>;\n    ImageSVGNode: (props: ImageSVGProps) => RenderNode<ImageSVGProps>;\n    VerticesNode: (props: VerticesProps) => RenderNode<VerticesProps>;\n    TextNode: (prop: TextProps) => RenderNode<TextProps>;\n    TextPathNode: (prop: TextPathProps) => RenderNode<TextPathProps>;\n    TextBlobNode: (prop: TextBlobProps) => RenderNode<TextBlobProps>;\n    GlyphsNode: (prop: GlyphsProps) => RenderNode<GlyphsProps>;\n    BlendNode: (prop: BlendProps) => DeclarationNode<BlendProps>;\n    BackdropFilterNode: (prop: ChildrenProps) => RenderNode<ChildrenProps>;\n    BoxNode: (prop: BoxProps) => RenderNode<BoxProps>;\n    BoxShadowNode: (prop: BoxShadowProps) => DeclarationNode<BoxShadowProps>;\n    LayerNode: (prop: ChildrenProps) => RenderNode<ChildrenProps>;\n\n    // Paragraph\n    ParagraphNode: (props: ParagraphProps) => RenderNode<ParagraphProps>;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      skGroup: SkiaProps<GroupProps>;\n      skLayer: SkiaProps<ChildrenProps>;\n      skPaint: SkiaProps<PaintProps>;\n\n      // Drawings\n      skFill: SkiaProps<DrawingNodeProps>;\n      skImage: SkiaProps<ImageProps>;\n      skCircle: SkiaProps<CircleProps>;\n      skPath: SkiaProps<PathProps>;\n      skLine: SkiaProps<LineProps>;\n      skOval: SkiaProps<OvalProps>;\n      skPatch: SkiaProps<PatchProps>;\n      skPoints: SkiaProps<PointsProps>;\n      skRect: SkiaProps<RectProps>;\n      skRRect: SkiaProps<RoundedRectProps>;\n      skAtlas: SkiaProps<AtlasProps>;\n      skVertices: SkiaProps<VerticesProps>;\n      skText: SkiaProps<TextProps>;\n      skTextPath: SkiaProps<TextPathProps>;\n      skTextBlob: SkiaProps<TextBlobProps>;\n      skGlyphs: SkiaProps<GlyphsProps>;\n      skDiffRect: SkiaProps<DiffRectProps>;\n      skPicture: SkiaProps<PictureProps>;\n      skImageSVG: SkiaProps<ImageSVGProps>;\n\n      // BlurMaskFilters\n      skBlurMaskFilter: SkiaProps<BlurMaskFilterProps>;\n\n      // ImageFilters\n      skBlendImageFilter: SkiaProps<BlendImageFilterProps>;\n      skBlurImageFilter: SkiaProps<BlurImageFilterProps>;\n      skOffsetImageFilter: SkiaProps<OffsetImageFilterProps>;\n      skDropShadowImageFilter: SkiaProps<DropShadowImageFilterProps>;\n      skDisplacementMapImageFilter: SkiaProps<DisplacementMapImageFilterProps>;\n      skRuntimeShaderImageFilter: SkiaProps<RuntimeShaderImageFilterProps>;\n      skMorphologyImageFilter: SkiaProps<MorphologyImageFilterProps>;\n\n      // ColorFilters\n      skMatrixColorFilter: SkiaProps<MatrixColorFilterProps>;\n      skBlendColorFilter: SkiaProps<BlendColorFilterProps>;\n      skLinearToSRGBGammaColorFilter: SkiaProps<ChildrenProps>;\n      skSRGBToLinearGammaColorFilter: SkiaProps<ChildrenProps>;\n      skLumaColorFilter: SkiaProps<ChildrenProps>;\n      skLerpColorFilter: SkiaProps<LerpColorFilterProps>;\n\n      // Shaders\n      skShader: SkiaProps<ShaderProps>;\n      skImageShader: SkiaProps<ImageShaderProps>;\n      skColorShader: SkiaProps<ColorProps>;\n      skTurbulence: SkiaProps<TurbulenceProps>;\n      skFractalNoise: SkiaProps<FractalNoiseProps>;\n      skLinearGradient: SkiaProps<LinearGradientProps>;\n      skRadialGradient: SkiaProps<RadialGradientProps>;\n      skSweepGradient: SkiaProps<SweepGradientProps>;\n      skTwoPointConicalGradient: SkiaProps<TwoPointConicalGradientProps>;\n\n      // Path Effects\n      skDiscretePathEffect: SkiaProps<DiscretePathEffectProps>;\n      skDashPathEffect: SkiaProps<DashPathEffectProps>;\n      skPath1DPathEffect: SkiaProps<Path1DPathEffectProps>;\n      skPath2DPathEffect: SkiaProps<Path2DPathEffectProps>;\n      skCornerPathEffect: SkiaProps<CornerPathEffectProps>;\n      skSumPathEffect: ChildrenProps;\n      skLine2DPathEffect: SkiaProps<Line2DPathEffectProps>;\n\n      // Mixed declarations/drawings\n      skBlend: SkiaProps<BlendProps>;\n      skBackdropFilter: SkiaProps<ChildrenProps>;\n      skBox: SkiaProps<BoxProps>;\n      skBoxShadow: SkiaProps<BoxShadowProps>;\n\n      // Paragraph\n      skParagraph: SkiaProps<ParagraphProps>;\n    }\n  }\n}\n\nexport const createNode = (\n  container: Container,\n  type: NodeType,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: any\n) => {\n  const { Sk } = container;\n  switch (type) {\n    case NodeType.Layer:\n      return Sk.Layer(props);\n    case NodeType.Group:\n      return Sk.Group(props);\n    case NodeType.Paint:\n      return Sk.Paint(props);\n    // Drawings\n    case NodeType.Fill:\n      return Sk.Fill(props);\n    case NodeType.Image:\n      return Sk.Image(props);\n    case NodeType.Circle:\n      return Sk.Circle(props);\n    case NodeType.Path:\n      return Sk.Path(props);\n    case NodeType.Line:\n      return Sk.Line(props);\n    case NodeType.Oval:\n      return Sk.Oval(props);\n    case NodeType.Patch:\n      return Sk.Patch(props);\n    case NodeType.Points:\n      return Sk.Points(props);\n    case NodeType.Rect:\n      return Sk.Rect(props);\n    case NodeType.RRect:\n      return Sk.RRect(props);\n    case NodeType.Vertices:\n      return Sk.Vertices(props);\n    case NodeType.Text:\n      return Sk.Text(props);\n    case NodeType.TextPath:\n      return Sk.TextPath(props);\n    case NodeType.TextBlob:\n      return Sk.TextBlob(props);\n    case NodeType.Glyphs:\n      return Sk.Glyphs(props);\n    case NodeType.Atlas:\n      return Sk.Atlas(props);\n    case NodeType.DiffRect:\n      return Sk.DiffRect(props);\n    case NodeType.Picture:\n      return Sk.Picture(props);\n    case NodeType.ImageSVG:\n      return Sk.ImageSVG(props);\n    // Mask Filter\n    case NodeType.BlurMaskFilter:\n      return Sk.BlurMaskFilter(props);\n    // Image Filter\n    case NodeType.BlendImageFilter:\n      return Sk.BlendImageFilter(props);\n    case NodeType.BlurImageFilter:\n      return Sk.BlurImageFilter(props);\n    case NodeType.OffsetImageFilter:\n      return Sk.OffsetImageFilter(props);\n    case NodeType.DropShadowImageFilter:\n      return Sk.DropShadowImageFilter(props);\n    case NodeType.DisplacementMapImageFilter:\n      return Sk.DisplacementMapImageFilter(props);\n    case NodeType.MorphologyImageFilter:\n      return Sk.MorphologyImageFilter(props);\n    case NodeType.RuntimeShaderImageFilter:\n      return Sk.RuntimeShaderImageFilter(props);\n    // Color Filter\n    case NodeType.MatrixColorFilter:\n      return Sk.MatrixColorFilter(props);\n    case NodeType.BlendColorFilter:\n      return Sk.BlendColorFilter(props);\n    case NodeType.LerpColorFilter:\n      return Sk.LerpColorFilter(props);\n    case NodeType.LumaColorFilter:\n      return Sk.LumaColorFilter();\n    case NodeType.LinearToSRGBGammaColorFilter:\n      return Sk.LinearToSRGBGammaColorFilter();\n    case NodeType.SRGBToLinearGammaColorFilter:\n      return Sk.SRGBToLinearGammaColorFilter();\n    // Shader\n    case NodeType.Shader:\n      return Sk.Shader(props);\n    case NodeType.ImageShader:\n      return Sk.ImageShader(props);\n    case NodeType.ColorShader:\n      return Sk.ColorShader(props);\n    case NodeType.Turbulence:\n      return Sk.Turbulence(props);\n    case NodeType.FractalNoise:\n      return Sk.FractalNoise(props);\n    case NodeType.LinearGradient:\n      return Sk.LinearGradient(props);\n    case NodeType.RadialGradient:\n      return Sk.RadialGradient(props);\n    case NodeType.SweepGradient:\n      return Sk.SweepGradient(props);\n    case NodeType.TwoPointConicalGradient:\n      return Sk.TwoPointConicalGradient(props);\n    // Path Effect\n    case NodeType.CornerPathEffect:\n      return Sk.CornerPathEffect(props);\n    case NodeType.DiscretePathEffect:\n      return Sk.DiscretePathEffect(props);\n    case NodeType.DashPathEffect:\n      return Sk.DashPathEffect(props);\n    case NodeType.Path1DPathEffect:\n      return Sk.Path1DPathEffect(props);\n    case NodeType.Path2DPathEffect:\n      return Sk.Path2DPathEffect(props);\n    case NodeType.SumPathEffect:\n      return Sk.SumPathEffect();\n    case NodeType.Line2DPathEffect:\n      return Sk.Line2DPathEffect(props);\n    // Mixed\n    case NodeType.Blend:\n      return Sk.Blend(props);\n    case NodeType.BackdropFilter:\n      return Sk.BackdropFilter(props);\n    case NodeType.Box:\n      return Sk.Box(props);\n    case NodeType.BoxShadow:\n      return Sk.BoxShadow(props);\n    // Paragraph\n    case NodeType.Paragraph:\n      return Sk.Paragraph(props);\n    default:\n      return exhaustiveCheck(type);\n  }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["NodeType","exhaustiveCheck","createNode","container","type","props","Sk","Layer","Group","Paint","Fill","Image","Circle","Path","Line","Oval","Patch","Points","Rect","RRect","Vertices","Text","TextPath","TextBlob","Glyphs","Atlas","DiffRect","Picture","ImageSVG","BlurMaskFilter","BlendImageFilter","BlurImageFilter","OffsetImageFilter","DropShadowImageFilter","DisplacementMapImageFilter","MorphologyImageFilter","RuntimeShaderImageFilter","MatrixColorFilter","BlendColorFilter","LerpColorFilter","LumaColorFilter","LinearToSRGBGammaColorFilter","SRGBToLinearGammaColorFilter","Shader","ImageShader","ColorShader","Turbulence","FractalNoise","LinearGradient","RadialGradient","SweepGradient","TwoPointConicalGradient","CornerPathEffect","DiscretePathEffect","DashPathEffect","Path1DPathEffect","Path2DPathEffect","SumPathEffect","Line2DPathEffect","Blend","BackdropFilter","Box","BoxShadow","Paragraph"],"sources":["HostComponents.ts"],"sourcesContent":["import { NodeType } from \"../dom/types\";\nimport type {\n  DeclarationNode,\n  FractalNoiseProps,\n  RenderNode,\n  CircleProps,\n  DrawingNodeProps,\n  ImageProps,\n  PaintProps,\n  PathProps,\n  LineProps,\n  OvalProps,\n  DiffRectProps,\n  PointsProps,\n  RectProps,\n  RoundedRectProps,\n  TextProps,\n  VerticesProps,\n  BlurMaskFilterProps,\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n  MatrixColorFilterProps,\n  ShaderProps,\n  ImageShaderProps,\n  LinearGradientProps,\n  GroupProps,\n  PatchProps,\n  BlendColorFilterProps,\n  DashPathEffectProps,\n  DiscretePathEffectProps,\n  CornerPathEffectProps,\n  Line2DPathEffectProps,\n  Path1DPathEffectProps,\n  Path2DPathEffectProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  TwoPointConicalGradientProps,\n  TurbulenceProps,\n  SweepGradientProps,\n  RadialGradientProps,\n  ColorProps,\n  PictureProps,\n  ImageSVGProps,\n  LerpColorFilterProps,\n  BoxProps,\n  BoxShadowProps,\n  ParagraphProps,\n  AtlasProps,\n} from \"../dom/types\";\nimport type { ChildrenProps } from \"../dom/types/Common\";\nimport type {\n  BlendProps,\n  MorphologyImageFilterProps,\n} from \"../dom/types/ImageFilters\";\n\nimport type { Container } from \"./Container\";\nimport { exhaustiveCheck } from \"./typeddash\";\nimport type { SkiaProps } from \"./processors\";\n\ndeclare global {\n  var SkiaDomApi: {\n    RectNode: (props: RectProps) => RenderNode<RectProps>;\n    RRectNode: (props: RoundedRectProps) => RenderNode<RoundedRectProps>;\n    GroupNode: (props: GroupProps) => RenderNode<GroupProps>;\n    PaintNode: (props: PaintProps) => DeclarationNode<PaintProps>;\n    FillNode: (props: PaintProps) => RenderNode<PaintProps>;\n    CircleNode: (props: CircleProps) => RenderNode<CircleProps>;\n    PathNode: (props: PathProps) => RenderNode<PathProps>;\n    LineNode: (props: LineProps) => RenderNode<LineProps>;\n    ImageNode: (props: ImageProps) => RenderNode<ImageProps>;\n    OvalNode: (props: OvalProps) => RenderNode<OvalProps>;\n    PatchNode: (props: PatchProps) => RenderNode<PatchProps>;\n    PointsNode: (props: PointsProps) => RenderNode<PointsProps>;\n    DiffRectNode: (props: DiffRectProps) => RenderNode<DiffRectProps>;\n    AtlasNode: (props: AtlasProps) => RenderNode<AtlasProps>;\n\n    // Mask filters\n    BlurMaskFilterNode: (\n      props: BlurMaskFilterProps\n    ) => DeclarationNode<BlurMaskFilterProps>;\n\n    // Path effects\n    DashPathEffectNode: (\n      props: DashPathEffectProps\n    ) => DeclarationNode<DashPathEffectProps>;\n    DiscretePathEffectNode: (\n      props: DiscretePathEffectProps\n    ) => DeclarationNode<DiscretePathEffectProps>;\n    CornerPathEffectNode: (\n      props: CornerPathEffectProps\n    ) => DeclarationNode<CornerPathEffectProps>;\n    Path1DPathEffectNode: (\n      props: Path1DPathEffectProps\n    ) => DeclarationNode<Path1DPathEffectProps>;\n    Path2DPathEffectNode: (\n      props: Path2DPathEffectProps\n    ) => DeclarationNode<Path2DPathEffectProps>;\n    Line2DPathEffectNode: (\n      props: Line2DPathEffectProps\n    ) => DeclarationNode<Line2DPathEffectProps>;\n    SumPathEffectNode: () => DeclarationNode<null>;\n\n    // Image filters\n    BlendImageFilterNode: (\n      props: BlendImageFilterProps\n    ) => DeclarationNode<BlendImageFilterProps>;\n    DropShadowImageFilterNode: (\n      props: DropShadowImageFilterProps\n    ) => DeclarationNode<DropShadowImageFilterProps>;\n    DisplacementMapImageFilterNode: (\n      props: DisplacementMapImageFilterProps\n    ) => DeclarationNode<DisplacementMapImageFilterProps>;\n    BlurImageFilterNode: (\n      props: BlurImageFilterProps\n    ) => DeclarationNode<BlurImageFilterProps>;\n    OffsetImageFilterNode: (\n      props: OffsetImageFilterProps\n    ) => DeclarationNode<OffsetImageFilterProps>;\n    MorphologyImageFilterNode: (\n      props: MorphologyImageFilterProps\n    ) => DeclarationNode<MorphologyImageFilterProps>;\n    RuntimeShaderImageFilterNode: (\n      props: RuntimeShaderImageFilterProps\n    ) => DeclarationNode<RuntimeShaderImageFilterProps>;\n\n    // Color filters\n    MatrixColorFilterNode: (\n      props: MatrixColorFilterProps\n    ) => DeclarationNode<MatrixColorFilterProps>;\n    BlendColorFilterNode: (\n      props: BlendColorFilterProps\n    ) => DeclarationNode<BlendColorFilterProps>;\n    LinearToSRGBGammaColorFilterNode: () => DeclarationNode<null>;\n    SRGBToLinearGammaColorFilterNode: () => DeclarationNode<null>;\n    LumaColorFilterNode: () => DeclarationNode<null>;\n    LerpColorFilterNode: (\n      props: LerpColorFilterProps\n    ) => DeclarationNode<LerpColorFilterProps>;\n\n    // Shaders\n    ShaderNode: (props: ShaderProps) => DeclarationNode<ShaderProps>;\n    ImageShaderNode: (\n      props: ImageShaderProps\n    ) => DeclarationNode<ImageShaderProps>;\n    ColorShaderNode: (props: ColorProps) => DeclarationNode<ColorProps>;\n    TurbulenceNode: (\n      props: TurbulenceProps\n    ) => DeclarationNode<TurbulenceProps>;\n    FractalNoiseNode: (\n      props: FractalNoiseProps\n    ) => DeclarationNode<FractalNoiseProps>;\n    LinearGradientNode: (\n      props: LinearGradientProps\n    ) => DeclarationNode<LinearGradientProps>;\n    RadialGradientNode: (\n      props: RadialGradientProps\n    ) => DeclarationNode<RadialGradientProps>;\n    SweepGradientNode: (\n      props: SweepGradientProps\n    ) => DeclarationNode<SweepGradientProps>;\n    TwoPointConicalGradientNode: (\n      props: TwoPointConicalGradientProps\n    ) => DeclarationNode<TwoPointConicalGradientProps>;\n    PictureNode: (props: PictureProps) => RenderNode<PictureProps>;\n    ImageSVGNode: (props: ImageSVGProps) => RenderNode<ImageSVGProps>;\n    VerticesNode: (props: VerticesProps) => RenderNode<VerticesProps>;\n    TextNode: (prop: TextProps) => RenderNode<TextProps>;\n    TextPathNode: (prop: TextPathProps) => RenderNode<TextPathProps>;\n    TextBlobNode: (prop: TextBlobProps) => RenderNode<TextBlobProps>;\n    GlyphsNode: (prop: GlyphsProps) => RenderNode<GlyphsProps>;\n    BlendNode: (prop: BlendProps) => DeclarationNode<BlendProps>;\n    BackdropFilterNode: (prop: ChildrenProps) => RenderNode<ChildrenProps>;\n    BoxNode: (prop: BoxProps) => RenderNode<BoxProps>;\n    BoxShadowNode: (prop: BoxShadowProps) => DeclarationNode<BoxShadowProps>;\n    LayerNode: (prop: ChildrenProps) => RenderNode<ChildrenProps>;\n\n    // Paragraph\n    ParagraphNode: (props: ParagraphProps) => RenderNode<ParagraphProps>;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      skGroup: SkiaProps<GroupProps>;\n      skLayer: SkiaProps<ChildrenProps>;\n      skPaint: SkiaProps<PaintProps>;\n\n      // Drawings\n      skFill: SkiaProps<DrawingNodeProps>;\n      skImage: SkiaProps<ImageProps>;\n      skCircle: SkiaProps<CircleProps>;\n      skPath: SkiaProps<PathProps>;\n      skLine: SkiaProps<LineProps>;\n      skOval: SkiaProps<OvalProps>;\n      skPatch: SkiaProps<PatchProps>;\n      skPoints: SkiaProps<PointsProps>;\n      skRect: SkiaProps<RectProps>;\n      skRRect: SkiaProps<RoundedRectProps>;\n      skAtlas: SkiaProps<AtlasProps>;\n      skVertices: SkiaProps<VerticesProps>;\n      skText: SkiaProps<TextProps>;\n      skTextPath: SkiaProps<TextPathProps>;\n      skTextBlob: SkiaProps<TextBlobProps>;\n      skGlyphs: SkiaProps<GlyphsProps>;\n      skDiffRect: SkiaProps<DiffRectProps>;\n      skPicture: SkiaProps<PictureProps>;\n      skImageSVG: SkiaProps<ImageSVGProps>;\n\n      // BlurMaskFilters\n      skBlurMaskFilter: SkiaProps<BlurMaskFilterProps>;\n\n      // ImageFilters\n      skBlendImageFilter: SkiaProps<BlendImageFilterProps>;\n      skBlurImageFilter: SkiaProps<BlurImageFilterProps>;\n      skOffsetImageFilter: SkiaProps<OffsetImageFilterProps>;\n      skDropShadowImageFilter: SkiaProps<DropShadowImageFilterProps>;\n      skDisplacementMapImageFilter: SkiaProps<DisplacementMapImageFilterProps>;\n      skRuntimeShaderImageFilter: SkiaProps<RuntimeShaderImageFilterProps>;\n      skMorphologyImageFilter: SkiaProps<MorphologyImageFilterProps>;\n\n      // ColorFilters\n      skMatrixColorFilter: SkiaProps<MatrixColorFilterProps>;\n      skBlendColorFilter: SkiaProps<BlendColorFilterProps>;\n      skLinearToSRGBGammaColorFilter: SkiaProps<ChildrenProps>;\n      skSRGBToLinearGammaColorFilter: SkiaProps<ChildrenProps>;\n      skLumaColorFilter: SkiaProps<ChildrenProps>;\n      skLerpColorFilter: SkiaProps<LerpColorFilterProps>;\n\n      // Shaders\n      skShader: SkiaProps<ShaderProps>;\n      skImageShader: SkiaProps<ImageShaderProps>;\n      skColorShader: SkiaProps<ColorProps>;\n      skTurbulence: SkiaProps<TurbulenceProps>;\n      skFractalNoise: SkiaProps<FractalNoiseProps>;\n      skLinearGradient: SkiaProps<LinearGradientProps>;\n      skRadialGradient: SkiaProps<RadialGradientProps>;\n      skSweepGradient: SkiaProps<SweepGradientProps>;\n      skTwoPointConicalGradient: SkiaProps<TwoPointConicalGradientProps>;\n\n      // Path Effects\n      skDiscretePathEffect: SkiaProps<DiscretePathEffectProps>;\n      skDashPathEffect: SkiaProps<DashPathEffectProps>;\n      skPath1DPathEffect: SkiaProps<Path1DPathEffectProps>;\n      skPath2DPathEffect: SkiaProps<Path2DPathEffectProps>;\n      skCornerPathEffect: SkiaProps<CornerPathEffectProps>;\n      skSumPathEffect: ChildrenProps;\n      skLine2DPathEffect: SkiaProps<Line2DPathEffectProps>;\n\n      // Mixed declarations/drawings\n      skBlend: SkiaProps<BlendProps>;\n      skBackdropFilter: SkiaProps<ChildrenProps>;\n      skBox: SkiaProps<BoxProps>;\n      skBoxShadow: SkiaProps<BoxShadowProps>;\n\n      // Paragraph\n      skParagraph: SkiaProps<ParagraphProps>;\n    }\n  }\n}\n\nexport const createNode = (\n  container: Container,\n  type: NodeType,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: any\n) => {\n  const { Sk } = container;\n  switch (type) {\n    case NodeType.Layer:\n      return Sk.Layer(props);\n    case NodeType.Group:\n      return Sk.Group(props);\n    case NodeType.Paint:\n      return Sk.Paint(props);\n    // Drawings\n    case NodeType.Fill:\n      return Sk.Fill(props);\n    case NodeType.Image:\n      return Sk.Image(props);\n    case NodeType.Circle:\n      return Sk.Circle(props);\n    case NodeType.Path:\n      return Sk.Path(props);\n    case NodeType.Line:\n      return Sk.Line(props);\n    case NodeType.Oval:\n      return Sk.Oval(props);\n    case NodeType.Patch:\n      return Sk.Patch(props);\n    case NodeType.Points:\n      return Sk.Points(props);\n    case NodeType.Rect:\n      return Sk.Rect(props);\n    case NodeType.RRect:\n      return Sk.RRect(props);\n    case NodeType.Vertices:\n      return Sk.Vertices(props);\n    case NodeType.Text:\n      return Sk.Text(props);\n    case NodeType.TextPath:\n      return Sk.TextPath(props);\n    case NodeType.TextBlob:\n      return Sk.TextBlob(props);\n    case NodeType.Glyphs:\n      return Sk.Glyphs(props);\n    case NodeType.Atlas:\n      return Sk.Atlas(props);\n    case NodeType.DiffRect:\n      return Sk.DiffRect(props);\n    case NodeType.Picture:\n      return Sk.Picture(props);\n    case NodeType.ImageSVG:\n      return Sk.ImageSVG(props);\n    // Mask Filter\n    case NodeType.BlurMaskFilter:\n      return Sk.BlurMaskFilter(props);\n    // Image Filter\n    case NodeType.BlendImageFilter:\n      return Sk.BlendImageFilter(props);\n    case NodeType.BlurImageFilter:\n      return Sk.BlurImageFilter(props);\n    case NodeType.OffsetImageFilter:\n      return Sk.OffsetImageFilter(props);\n    case NodeType.DropShadowImageFilter:\n      return Sk.DropShadowImageFilter(props);\n    case NodeType.DisplacementMapImageFilter:\n      return Sk.DisplacementMapImageFilter(props);\n    case NodeType.MorphologyImageFilter:\n      return Sk.MorphologyImageFilter(props);\n    case NodeType.RuntimeShaderImageFilter:\n      return Sk.RuntimeShaderImageFilter(props);\n    // Color Filter\n    case NodeType.MatrixColorFilter:\n      return Sk.MatrixColorFilter(props);\n    case NodeType.BlendColorFilter:\n      return Sk.BlendColorFilter(props);\n    case NodeType.LerpColorFilter:\n      return Sk.LerpColorFilter(props);\n    case NodeType.LumaColorFilter:\n      return Sk.LumaColorFilter();\n    case NodeType.LinearToSRGBGammaColorFilter:\n      return Sk.LinearToSRGBGammaColorFilter();\n    case NodeType.SRGBToLinearGammaColorFilter:\n      return Sk.SRGBToLinearGammaColorFilter();\n    // Shader\n    case NodeType.Shader:\n      return Sk.Shader(props);\n    case NodeType.ImageShader:\n      return Sk.ImageShader(props);\n    case NodeType.ColorShader:\n      return Sk.ColorShader(props);\n    case NodeType.Turbulence:\n      return Sk.Turbulence(props);\n    case NodeType.FractalNoise:\n      return Sk.FractalNoise(props);\n    case NodeType.LinearGradient:\n      return Sk.LinearGradient(props);\n    case NodeType.RadialGradient:\n      return Sk.RadialGradient(props);\n    case NodeType.SweepGradient:\n      return Sk.SweepGradient(props);\n    case NodeType.TwoPointConicalGradient:\n      return Sk.TwoPointConicalGradient(props);\n    // Path Effect\n    case NodeType.CornerPathEffect:\n      return Sk.CornerPathEffect(props);\n    case NodeType.DiscretePathEffect:\n      return Sk.DiscretePathEffect(props);\n    case NodeType.DashPathEffect:\n      return Sk.DashPathEffect(props);\n    case NodeType.Path1DPathEffect:\n      return Sk.Path1DPathEffect(props);\n    case NodeType.Path2DPathEffect:\n      return Sk.Path2DPathEffect(props);\n    case NodeType.SumPathEffect:\n      return Sk.SumPathEffect();\n    case NodeType.Line2DPathEffect:\n      return Sk.Line2DPathEffect(props);\n    // Mixed\n    case NodeType.Blend:\n      return Sk.Blend(props);\n    case NodeType.BackdropFilter:\n      return Sk.BackdropFilter(props);\n    case NodeType.Box:\n      return Sk.Box(props);\n    case NodeType.BoxShadow:\n      return Sk.BoxShadow(props);\n    // Paragraph\n    case NodeType.Paragraph:\n      return Sk.Paragraph(props);\n    default:\n      return exhaustiveCheck(type);\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/renderer/HostConfig.js

@@ -28,7 +28,6 @@ export const skHostConfig = {
   /**
    * This function is used by the reconciler in order to calculate current time for prioritising work.
    */
-  now: Date.now,
   supportsMutation: true,
   isPrimaryRenderer: false,
   supportsPersistence: false,
@@ -136,11 +135,16 @@ export const skHostConfig = {
     insertBefore(parent, child, before);
   },
   // see https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-expect-error
   getCurrentEventPriority: () => DefaultEventPriority,
   beforeActiveInstanceBlur: () => {},
   afterActiveInstanceBlur: () => {},
-  detachDeletedInstance: () => {}
+  detachDeletedInstance: () => {},
+  getInstanceFromNode: function (_node) {
+    return null;
+  },
+  prepareScopeUpdate: function (_scopeInstance, _instance) {},
+  getInstanceFromScope: function (_scopeInstance) {
+    return null;
+  }
 };
 //# sourceMappingURL=HostConfig.js.map

package/lib/module/renderer/HostConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["DefaultEventPriority","bindReanimatedProps","extractReanimatedProps","unbindReanimatedNode","createNode","shallowEq","DEBUG","debug","args","console","log","appendNode","parent","child","addChild","removeNode","unmounted","removeChild","insertBefore","before","insertChildBefore","skHostConfig","now","Date","supportsMutation","isPrimaryRenderer","supportsPersistence","supportsHydration","scheduleTimeout","setTimeout","cancelTimeout","clearTimeout","noTimeout","appendChildToContainer","container","root","appendChild","getRootHostContext","_rootContainerInstance","getChildHostContext","_parentHostContext","_type","shouldSetTextContent","_props","createTextInstance","_text","_hostContext","_internalInstanceHandle","Error","createInstance","type","pristineProps","props","reanimatedProps","node","appendInitialChild","parentInstance","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","resetAfterCommit","redraw","getPublicInstance","prepareUpdate","_instance","oldProps","newProps","rootContainerInstance","propsAreEqual","commitUpdate","instance","updatePayload","prevProps","nextProps","_internalHandle","setProps","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","children","forEach","preparePortalMount","removeChildFromContainer","insertInContainerBefore","getCurrentEventPriority","beforeActiveInstanceBlur","afterActiveInstanceBlur","detachDeletedInstance"],"sources":["HostConfig.ts"],"sourcesContent":["/*global NodeJS*/\nimport type { HostConfig } from \"react-reconciler\";\nimport { DefaultEventPriority } from \"react-reconciler/constants\";\n\nimport type { NodeType, Node } from \"../dom/types\";\nimport {\n  bindReanimatedProps,\n  extractReanimatedProps,\n  unbindReanimatedNode,\n} from \"../external/reanimated/renderHelpers\";\n\nimport type { Container } from \"./Container\";\nimport { createNode } from \"./HostComponents\";\nimport { shallowEq } from \"./typeddash\";\n\nconst DEBUG = false;\nexport const debug = (...args: Parameters<typeof console.log>) => {\n  if (DEBUG) {\n    console.log(...args);\n  }\n};\n\ntype Instance = Node<unknown>;\n\ntype Props = object;\ntype TextInstance = Node<unknown>;\ntype SuspenseInstance = Instance;\ntype HydratableInstance = Instance;\ntype PublicInstance = Instance;\ntype HostContext = null;\ntype UpdatePayload = Container;\ntype ChildSet = unknown;\ntype TimeoutHandle = NodeJS.Timeout;\ntype NoTimeout = -1;\n\ntype SkiaHostConfig = HostConfig<\n  NodeType,\n  Props,\n  Container,\n  Instance,\n  TextInstance,\n  SuspenseInstance,\n  HydratableInstance,\n  PublicInstance,\n  HostContext,\n  UpdatePayload,\n  ChildSet,\n  TimeoutHandle,\n  NoTimeout\n>;\n\nconst appendNode = (parent: Node<unknown>, child: Node<unknown>) => {\n  parent.addChild(child);\n};\n\nconst removeNode = (\n  parent: Node<unknown>,\n  child: Node<unknown>,\n  unmounted = false\n) => {\n  // If the drawing is unmounted we don't want to update it.\n  // We can just stop the reanimated mappers\n  unbindReanimatedNode(child);\n  if (!unmounted) {\n    parent.removeChild(child);\n  }\n};\n\nconst insertBefore = (\n  parent: Node<unknown>,\n  child: Node<unknown>,\n  before: Node<unknown>\n) => {\n  parent.insertChildBefore(child, before);\n};\n\nexport const skHostConfig: SkiaHostConfig = {\n  /**\n   * This function is used by the reconciler in order to calculate current time for prioritising work.\n   */\n  now: Date.now,\n  supportsMutation: true,\n  isPrimaryRenderer: false,\n  supportsPersistence: false,\n  supportsHydration: false,\n  //supportsMicrotask: true,\n\n  scheduleTimeout: setTimeout,\n  cancelTimeout: clearTimeout,\n  noTimeout: -1,\n\n  appendChildToContainer(container, child) {\n    debug(\"appendChildToContainer\");\n    appendNode(container.root, child);\n  },\n\n  appendChild(parent, child) {\n    debug(\"appendChild\", parent, child);\n    appendNode(parent, child);\n  },\n\n  getRootHostContext: (_rootContainerInstance: Container) => {\n    debug(\"getRootHostContext\");\n    return null;\n  },\n\n  getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {\n    debug(\"getChildHostContext\");\n    return null;\n  },\n\n  shouldSetTextContent(_type, _props) {\n    return false;\n  },\n\n  createTextInstance(\n    _text,\n    _rootContainerInstance,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createTextInstance\");\n    // return SpanNode({}, text) as SkNode;\n    throw new Error(\"Text nodes are not supported yet\");\n  },\n\n  createInstance(\n    type,\n    pristineProps,\n    container,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createInstance\", type);\n    const [props, reanimatedProps] = extractReanimatedProps(pristineProps);\n    const node = createNode(container, type, props);\n    bindReanimatedProps(container, node, reanimatedProps);\n    return node;\n  },\n\n  appendInitialChild(parentInstance, child) {\n    debug(\"appendInitialChild\");\n    appendNode(parentInstance, child);\n  },\n\n  finalizeInitialChildren(\n    parentInstance,\n    _type,\n    _props,\n    _rootContainerInstance,\n    _hostContext\n  ) {\n    debug(\"finalizeInitialChildren\", parentInstance);\n    return false;\n  },\n\n  commitMount() {\n    // if finalizeInitialChildren = true\n    debug(\"commitMount\");\n  },\n\n  prepareForCommit(_containerInfo) {\n    debug(\"prepareForCommit\");\n    return null;\n  },\n\n  resetAfterCommit(container) {\n    debug(\"resetAfterCommit\");\n    container.redraw();\n  },\n\n  getPublicInstance(node: Instance) {\n    debug(\"getPublicInstance\");\n    return node;\n  },\n\n  prepareUpdate: (\n    _instance,\n    type,\n    oldProps,\n    newProps,\n    rootContainerInstance,\n    _hostContext\n  ) => {\n    debug(\"prepareUpdate\");\n    const propsAreEqual = shallowEq(oldProps, newProps);\n    if (propsAreEqual) {\n      return null;\n    }\n    debug(\"update \", type);\n    return rootContainerInstance;\n  },\n\n  commitUpdate(\n    instance,\n    updatePayload,\n    type,\n    prevProps,\n    nextProps,\n    _internalHandle\n  ) {\n    debug(\"commitUpdate: \", type);\n    if (shallowEq(prevProps, nextProps)) {\n      return;\n    }\n    const [props, reanimatedProps] = extractReanimatedProps(nextProps);\n    instance.setProps(props);\n    bindReanimatedProps(updatePayload, instance, reanimatedProps);\n  },\n\n  commitTextUpdate: (\n    _textInstance: TextInstance,\n    _oldText: string,\n    _newText: string\n  ) => {\n    //  textInstance.instance = newText;\n  },\n\n  clearContainer: (container) => {\n    debug(\"clearContainer\");\n    container.root.children().forEach((child) => {\n      container.root.removeChild(child);\n    });\n  },\n\n  preparePortalMount: () => {\n    debug(\"preparePortalMount\");\n  },\n\n  removeChild: (parent, child) => {\n    removeNode(parent, child);\n  },\n\n  removeChildFromContainer: (container, child) => {\n    removeNode(container.root, child, container.unmounted);\n  },\n\n  insertInContainerBefore: (container, child, before) => {\n    insertBefore(container.root, child, before);\n  },\n\n  insertBefore: (parent, child, before) => {\n    insertBefore(parent, child, before);\n  },\n  // see https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-expect-error\n  getCurrentEventPriority: () => DefaultEventPriority,\n  beforeActiveInstanceBlur: () => {},\n  afterActiveInstanceBlur: () => {},\n  detachDeletedInstance: () => {},\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["DefaultEventPriority","bindReanimatedProps","extractReanimatedProps","unbindReanimatedNode","createNode","shallowEq","DEBUG","debug","args","console","log","appendNode","parent","child","addChild","removeNode","unmounted","removeChild","insertBefore","before","insertChildBefore","skHostConfig","supportsMutation","isPrimaryRenderer","supportsPersistence","supportsHydration","scheduleTimeout","setTimeout","cancelTimeout","clearTimeout","noTimeout","appendChildToContainer","container","root","appendChild","getRootHostContext","_rootContainerInstance","getChildHostContext","_parentHostContext","_type","shouldSetTextContent","_props","createTextInstance","_text","_hostContext","_internalInstanceHandle","Error","createInstance","type","pristineProps","props","reanimatedProps","node","appendInitialChild","parentInstance","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","resetAfterCommit","redraw","getPublicInstance","prepareUpdate","_instance","oldProps","newProps","rootContainerInstance","propsAreEqual","commitUpdate","instance","updatePayload","prevProps","nextProps","_internalHandle","setProps","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","children","forEach","preparePortalMount","removeChildFromContainer","insertInContainerBefore","getCurrentEventPriority","beforeActiveInstanceBlur","afterActiveInstanceBlur","detachDeletedInstance","getInstanceFromNode","_node","prepareScopeUpdate","_scopeInstance","getInstanceFromScope"],"sources":["HostConfig.ts"],"sourcesContent":["/*global NodeJS*/\nimport type { Fiber, HostConfig } from \"react-reconciler\";\nimport { DefaultEventPriority } from \"react-reconciler/constants\";\n\nimport type { NodeType, Node } from \"../dom/types\";\nimport {\n  bindReanimatedProps,\n  extractReanimatedProps,\n  unbindReanimatedNode,\n} from \"../external/reanimated/renderHelpers\";\n\nimport type { Container } from \"./Container\";\nimport { createNode } from \"./HostComponents\";\nimport { shallowEq } from \"./typeddash\";\n\nconst DEBUG = false;\nexport const debug = (...args: Parameters<typeof console.log>) => {\n  if (DEBUG) {\n    console.log(...args);\n  }\n};\n\ntype Instance = Node<unknown>;\n\ntype Props = object;\ntype TextInstance = Node<unknown>;\ntype SuspenseInstance = Instance;\ntype HydratableInstance = Instance;\ntype PublicInstance = Instance;\ntype HostContext = null;\ntype UpdatePayload = Container;\ntype ChildSet = unknown;\ntype TimeoutHandle = NodeJS.Timeout;\ntype NoTimeout = -1;\n\ntype SkiaHostConfig = HostConfig<\n  NodeType,\n  Props,\n  Container,\n  Instance,\n  TextInstance,\n  SuspenseInstance,\n  HydratableInstance,\n  PublicInstance,\n  HostContext,\n  UpdatePayload,\n  ChildSet,\n  TimeoutHandle,\n  NoTimeout\n>;\n\nconst appendNode = (parent: Node<unknown>, child: Node<unknown>) => {\n  parent.addChild(child);\n};\n\nconst removeNode = (\n  parent: Node<unknown>,\n  child: Node<unknown>,\n  unmounted = false\n) => {\n  // If the drawing is unmounted we don't want to update it.\n  // We can just stop the reanimated mappers\n  unbindReanimatedNode(child);\n  if (!unmounted) {\n    parent.removeChild(child);\n  }\n};\n\nconst insertBefore = (\n  parent: Node<unknown>,\n  child: Node<unknown>,\n  before: Node<unknown>\n) => {\n  parent.insertChildBefore(child, before);\n};\n\nexport const skHostConfig: SkiaHostConfig = {\n  /**\n   * This function is used by the reconciler in order to calculate current time for prioritising work.\n   */\n  supportsMutation: true,\n  isPrimaryRenderer: false,\n  supportsPersistence: false,\n  supportsHydration: false,\n  //supportsMicrotask: true,\n\n  scheduleTimeout: setTimeout,\n  cancelTimeout: clearTimeout,\n  noTimeout: -1,\n\n  appendChildToContainer(container, child) {\n    debug(\"appendChildToContainer\");\n    appendNode(container.root, child);\n  },\n\n  appendChild(parent, child) {\n    debug(\"appendChild\", parent, child);\n    appendNode(parent, child);\n  },\n\n  getRootHostContext: (_rootContainerInstance: Container) => {\n    debug(\"getRootHostContext\");\n    return null;\n  },\n\n  getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {\n    debug(\"getChildHostContext\");\n    return null;\n  },\n\n  shouldSetTextContent(_type, _props) {\n    return false;\n  },\n\n  createTextInstance(\n    _text,\n    _rootContainerInstance,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createTextInstance\");\n    // return SpanNode({}, text) as SkNode;\n    throw new Error(\"Text nodes are not supported yet\");\n  },\n\n  createInstance(\n    type,\n    pristineProps,\n    container,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createInstance\", type);\n    const [props, reanimatedProps] = extractReanimatedProps(pristineProps);\n    const node = createNode(container, type, props);\n    bindReanimatedProps(container, node, reanimatedProps);\n    return node;\n  },\n\n  appendInitialChild(parentInstance, child) {\n    debug(\"appendInitialChild\");\n    appendNode(parentInstance, child);\n  },\n\n  finalizeInitialChildren(\n    parentInstance,\n    _type,\n    _props,\n    _rootContainerInstance,\n    _hostContext\n  ) {\n    debug(\"finalizeInitialChildren\", parentInstance);\n    return false;\n  },\n\n  commitMount() {\n    // if finalizeInitialChildren = true\n    debug(\"commitMount\");\n  },\n\n  prepareForCommit(_containerInfo) {\n    debug(\"prepareForCommit\");\n    return null;\n  },\n\n  resetAfterCommit(container) {\n    debug(\"resetAfterCommit\");\n    container.redraw();\n  },\n\n  getPublicInstance(node: Instance) {\n    debug(\"getPublicInstance\");\n    return node;\n  },\n\n  prepareUpdate: (\n    _instance,\n    type,\n    oldProps,\n    newProps,\n    rootContainerInstance,\n    _hostContext\n  ) => {\n    debug(\"prepareUpdate\");\n    const propsAreEqual = shallowEq(oldProps, newProps);\n    if (propsAreEqual) {\n      return null;\n    }\n    debug(\"update \", type);\n    return rootContainerInstance;\n  },\n\n  commitUpdate(\n    instance,\n    updatePayload,\n    type,\n    prevProps,\n    nextProps,\n    _internalHandle\n  ) {\n    debug(\"commitUpdate: \", type);\n    if (shallowEq(prevProps, nextProps)) {\n      return;\n    }\n    const [props, reanimatedProps] = extractReanimatedProps(nextProps);\n    instance.setProps(props);\n    bindReanimatedProps(updatePayload, instance, reanimatedProps);\n  },\n\n  commitTextUpdate: (\n    _textInstance: TextInstance,\n    _oldText: string,\n    _newText: string\n  ) => {\n    //  textInstance.instance = newText;\n  },\n\n  clearContainer: (container) => {\n    debug(\"clearContainer\");\n    container.root.children().forEach((child) => {\n      container.root.removeChild(child);\n    });\n  },\n\n  preparePortalMount: () => {\n    debug(\"preparePortalMount\");\n  },\n\n  removeChild: (parent, child) => {\n    removeNode(parent, child);\n  },\n\n  removeChildFromContainer: (container, child) => {\n    removeNode(container.root, child, container.unmounted);\n  },\n\n  insertInContainerBefore: (container, child, before) => {\n    insertBefore(container.root, child, before);\n  },\n\n  insertBefore: (parent, child, before) => {\n    insertBefore(parent, child, before);\n  },\n\n  // see https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874\n  getCurrentEventPriority: () => DefaultEventPriority,\n  beforeActiveInstanceBlur: () => {},\n  afterActiveInstanceBlur: () => {},\n  detachDeletedInstance: () => {},\n\n  getInstanceFromNode: function (_node): Fiber | null | undefined {\n    return null;\n  },\n  prepareScopeUpdate: function (_scopeInstance, _instance): void {},\n  getInstanceFromScope: function (_scopeInstance): Instance | null {\n    return null;\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/renderer/Offscreen.js

@@ -1,7 +1,6 @@
-import { JsiDrawingContext } from "../dom/types";
 import { Skia } from "../skia";
 import { Platform } from "../Platform";
-import { SkiaRoot } from "./Reconciler";
+import { SkiaSGRoot } from "../sksg/Reconciler";
 
 // We call it main thread because on web main is JS thread
 export const isOnMainThread = () => {
@@ -12,10 +11,9 @@ export const isOnMainThread = () => {
 export const drawAsPicture = (element, bounds) => {
   const recorder = Skia.PictureRecorder();
   const canvas = recorder.beginRecording(bounds);
-  const root = new SkiaRoot(Skia, false);
+  const root = new SkiaSGRoot(Skia);
   root.render(element);
-  const ctx = new JsiDrawingContext(Skia, canvas);
-  root.dom.render(ctx);
+  root.drawOnCanvas(canvas);
   const picture = recorder.finishRecordingAsPicture();
   root.unmount();
   return picture;

package/lib/module/renderer/Offscreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["JsiDrawingContext","Skia","Platform","SkiaRoot","isOnMainThread","_WORKLET","OS","drawAsPicture","element","bounds","recorder","PictureRecorder","canvas","beginRecording","root","render","ctx","dom","picture","finishRecordingAsPicture","unmount","drawAsImage","size","drawAsImageFromPicture","surface","Surface","MakeOffscreen","width","height","getCanvas","drawPicture","flush","image","makeImageSnapshot","makeNonTextureImage"],"sources":["Offscreen.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\n\nimport { JsiDrawingContext } from \"../dom/types\";\nimport type { SkPicture, SkRect, SkSize } from \"../skia/types\";\nimport { Skia } from \"../skia\";\nimport { Platform } from \"../Platform\";\n\nimport { SkiaRoot } from \"./Reconciler\";\n\n// We call it main thread because on web main is JS thread\nexport const isOnMainThread = () => {\n  \"worklet\";\n  return (\n    (typeof _WORKLET !== \"undefined\" && _WORKLET === true) ||\n    Platform.OS === \"web\"\n  );\n};\n\nexport const drawAsPicture = (element: ReactElement, bounds?: SkRect) => {\n  const recorder = Skia.PictureRecorder();\n  const canvas = recorder.beginRecording(bounds);\n  const root = new SkiaRoot(Skia, false);\n  root.render(element);\n  const ctx = new JsiDrawingContext(Skia, canvas);\n  root.dom.render(ctx);\n  const picture = recorder.finishRecordingAsPicture();\n  root.unmount();\n  return picture;\n};\n\nexport const drawAsImage = (element: ReactElement, size: SkSize) => {\n  return drawAsImageFromPicture(drawAsPicture(element), size);\n};\n\nexport const drawAsImageFromPicture = (picture: SkPicture, size: SkSize) => {\n  \"worklet\";\n  const surface = Skia.Surface.MakeOffscreen(size.width, size.height)!;\n  const canvas = surface.getCanvas();\n  canvas.drawPicture(picture);\n  surface.flush();\n  const image = surface.makeImageSnapshot();\n  // If we are not on the main thread or if we are on Web, we need to make the image non-texture.\n  if (!isOnMainThread() || Platform.OS === \"web\") {\n    return image.makeNonTextureImage();\n  } else {\n    return image;\n  }\n};\n"],"mappings":"AAEA,SAASA,iBAAiB,QAAQ,cAAc;AAEhD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,QAAQ,QAAQ,aAAa;AAEtC,SAASC,QAAQ,QAAQ,cAAc;;AAEvC;AACA,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAClC,SAAS;;EACT,OACG,OAAOC,QAAQ,KAAK,WAAW,IAAIA,QAAQ,KAAK,IAAI,IACrDH,QAAQ,CAACI,EAAE,KAAK,KAAK;AAEzB,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGA,CAACC,OAAqB,EAAEC,MAAe,KAAK;EACvE,MAAMC,QAAQ,GAAGT,IAAI,CAACU,eAAe,CAAC,CAAC;EACvC,MAAMC,MAAM,GAAGF,QAAQ,CAACG,cAAc,CAACJ,MAAM,CAAC;EAC9C,MAAMK,IAAI,GAAG,IAAIX,QAAQ,CAACF,IAAI,EAAE,KAAK,CAAC;EACtCa,IAAI,CAACC,MAAM,CAACP,OAAO,CAAC;EACpB,MAAMQ,GAAG,GAAG,IAAIhB,iBAAiB,CAACC,IAAI,EAAEW,MAAM,CAAC;EAC/CE,IAAI,CAACG,GAAG,CAACF,MAAM,CAACC,GAAG,CAAC;EACpB,MAAME,OAAO,GAAGR,QAAQ,CAACS,wBAAwB,CAAC,CAAC;EACnDL,IAAI,CAACM,OAAO,CAAC,CAAC;EACd,OAAOF,OAAO;AAChB,CAAC;AAED,OAAO,MAAMG,WAAW,GAAGA,CAACb,OAAqB,EAAEc,IAAY,KAAK;EAClE,OAAOC,sBAAsB,CAAChB,aAAa,CAACC,OAAO,CAAC,EAAEc,IAAI,CAAC;AAC7D,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAGA,CAACL,OAAkB,EAAEI,IAAY,KAAK;EAC1E,SAAS;;EACT,MAAME,OAAO,GAAGvB,IAAI,CAACwB,OAAO,CAACC,aAAa,CAACJ,IAAI,CAACK,KAAK,EAAEL,IAAI,CAACM,MAAM,CAAE;EACpE,MAAMhB,MAAM,GAAGY,OAAO,CAACK,SAAS,CAAC,CAAC;EAClCjB,MAAM,CAACkB,WAAW,CAACZ,OAAO,CAAC;EAC3BM,OAAO,CAACO,KAAK,CAAC,CAAC;EACf,MAAMC,KAAK,GAAGR,OAAO,CAACS,iBAAiB,CAAC,CAAC;EACzC;EACA,IAAI,CAAC7B,cAAc,CAAC,CAAC,IAAIF,QAAQ,CAACI,EAAE,KAAK,KAAK,EAAE;IAC9C,OAAO0B,KAAK,CAACE,mBAAmB,CAAC,CAAC;EACpC,CAAC,MAAM;IACL,OAAOF,KAAK;EACd;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["Skia","Platform","SkiaSGRoot","isOnMainThread","_WORKLET","OS","drawAsPicture","element","bounds","recorder","PictureRecorder","canvas","beginRecording","root","render","drawOnCanvas","picture","finishRecordingAsPicture","unmount","drawAsImage","size","drawAsImageFromPicture","surface","Surface","MakeOffscreen","width","height","getCanvas","drawPicture","flush","image","makeImageSnapshot","makeNonTextureImage"],"sources":["Offscreen.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\n\nimport type { SkPicture, SkRect, SkSize } from \"../skia/types\";\nimport { Skia } from \"../skia\";\nimport { Platform } from \"../Platform\";\nimport { SkiaSGRoot } from \"../sksg/Reconciler\";\n\n// We call it main thread because on web main is JS thread\nexport const isOnMainThread = () => {\n  \"worklet\";\n  return (\n    (typeof _WORKLET !== \"undefined\" && _WORKLET === true) ||\n    Platform.OS === \"web\"\n  );\n};\n\nexport const drawAsPicture = (element: ReactElement, bounds?: SkRect) => {\n  const recorder = Skia.PictureRecorder();\n  const canvas = recorder.beginRecording(bounds);\n  const root = new SkiaSGRoot(Skia);\n  root.render(element);\n  root.drawOnCanvas(canvas);\n  const picture = recorder.finishRecordingAsPicture();\n  root.unmount();\n  return picture;\n};\n\nexport const drawAsImage = (element: ReactElement, size: SkSize) => {\n  return drawAsImageFromPicture(drawAsPicture(element), size);\n};\n\nexport const drawAsImageFromPicture = (picture: SkPicture, size: SkSize) => {\n  \"worklet\";\n  const surface = Skia.Surface.MakeOffscreen(size.width, size.height)!;\n  const canvas = surface.getCanvas();\n  canvas.drawPicture(picture);\n  surface.flush();\n  const image = surface.makeImageSnapshot();\n  // If we are not on the main thread or if we are on Web, we need to make the image non-texture.\n  if (!isOnMainThread() || Platform.OS === \"web\") {\n    return image.makeNonTextureImage();\n  } else {\n    return image;\n  }\n};\n"],"mappings":"AAGA,SAASA,IAAI,QAAQ,SAAS;AAC9B,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAClC,SAAS;;EACT,OACG,OAAOC,QAAQ,KAAK,WAAW,IAAIA,QAAQ,KAAK,IAAI,IACrDH,QAAQ,CAACI,EAAE,KAAK,KAAK;AAEzB,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGA,CAACC,OAAqB,EAAEC,MAAe,KAAK;EACvE,MAAMC,QAAQ,GAAGT,IAAI,CAACU,eAAe,CAAC,CAAC;EACvC,MAAMC,MAAM,GAAGF,QAAQ,CAACG,cAAc,CAACJ,MAAM,CAAC;EAC9C,MAAMK,IAAI,GAAG,IAAIX,UAAU,CAACF,IAAI,CAAC;EACjCa,IAAI,CAACC,MAAM,CAACP,OAAO,CAAC;EACpBM,IAAI,CAACE,YAAY,CAACJ,MAAM,CAAC;EACzB,MAAMK,OAAO,GAAGP,QAAQ,CAACQ,wBAAwB,CAAC,CAAC;EACnDJ,IAAI,CAACK,OAAO,CAAC,CAAC;EACd,OAAOF,OAAO;AAChB,CAAC;AAED,OAAO,MAAMG,WAAW,GAAGA,CAACZ,OAAqB,EAAEa,IAAY,KAAK;EAClE,OAAOC,sBAAsB,CAACf,aAAa,CAACC,OAAO,CAAC,EAAEa,IAAI,CAAC;AAC7D,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAGA,CAACL,OAAkB,EAAEI,IAAY,KAAK;EAC1E,SAAS;;EACT,MAAME,OAAO,GAAGtB,IAAI,CAACuB,OAAO,CAACC,aAAa,CAACJ,IAAI,CAACK,KAAK,EAAEL,IAAI,CAACM,MAAM,CAAE;EACpE,MAAMf,MAAM,GAAGW,OAAO,CAACK,SAAS,CAAC,CAAC;EAClChB,MAAM,CAACiB,WAAW,CAACZ,OAAO,CAAC;EAC3BM,OAAO,CAACO,KAAK,CAAC,CAAC;EACf,MAAMC,KAAK,GAAGR,OAAO,CAACS,iBAAiB,CAAC,CAAC;EACzC;EACA,IAAI,CAAC5B,cAAc,CAAC,CAAC,IAAIF,QAAQ,CAACI,EAAE,KAAK,KAAK,EAAE;IAC9C,OAAOyB,KAAK,CAACE,mBAAmB,CAAC,CAAC;EACpC,CAAC,MAAM;IACL,OAAOF,KAAK;EACd;AACF,CAAC","ignoreList":[]}

package/lib/module/renderer/Reconciler.d.ts

@@ -1,10 +1,9 @@
 import type { ReactNode } from "react";
-import type { Skia } from "../skia/types";
 export declare class SkiaRoot {
     private root;
     private container;
-    constructor(Skia: Skia, native?: boolean, redraw?: () => void, getNativeId?: () => number);
+    constructor(redraw?: () => void, getNativeId?: () => number);
     render(element: ReactNode): void;
     unmount(): void;
-    get dom(): import("..").RenderNode<import("..").GroupProps>;
+    get dom(): import("..").Node<unknown>;
 }

package/lib/module/renderer/Reconciler.js

@@ -11,10 +11,10 @@ skiaReconciler.injectIntoDevTools({
   rendererPackageName: "react-native-skia"
 });
 export class SkiaRoot {
-  constructor(Skia, native = false, redraw = () => {}, getNativeId = () => 0) {
+  constructor(redraw = () => {}, getNativeId = () => 0) {
     _defineProperty(this, "root", void 0);
     _defineProperty(this, "container", void 0);
-    this.container = new Container(Skia, redraw, getNativeId, native);
+    this.container = new Container(redraw, getNativeId);
     this.root = skiaReconciler.createContainer(this.container, 0, null, true, null, "", console.error, null);
   }
   render(element) {

package/lib/module/renderer/Reconciler.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactReconciler","skHostConfig","debug","hostDebug","Container","skiaReconciler","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaRoot","constructor","Skia","native","redraw","getNativeId","_defineProperty","container","root","createContainer","console","error","render","element","updateContainer","unmount","unmounted","dom"],"sources":["Reconciler.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { OpaqueRoot } from \"react-reconciler\";\nimport ReactReconciler from \"react-reconciler\";\n\nimport type { Skia } from \"../skia/types\";\n\nimport { skHostConfig, debug as hostDebug } from \"./HostConfig\";\nimport { Container } from \"./Container\";\n\nconst skiaReconciler = ReactReconciler(skHostConfig);\n\nskiaReconciler.injectIntoDevTools({\n  bundleType: 1,\n  version: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n});\n\nexport class SkiaRoot {\n  private root: OpaqueRoot;\n  private container: Container;\n\n  constructor(\n    Skia: Skia,\n    native = false,\n    redraw: () => void = () => {},\n    getNativeId: () => number = () => 0\n  ) {\n    this.container = new Container(Skia, redraw, getNativeId, native);\n    this.root = skiaReconciler.createContainer(\n      this.container,\n      0,\n      null,\n      true,\n      null,\n      \"\",\n      console.error,\n      null\n    );\n  }\n\n  render(element: ReactNode) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    skiaReconciler.updateContainer(element as any, this.root, null, () => {\n      hostDebug(\"updateContainer\");\n    });\n  }\n\n  unmount() {\n    this.container.unmounted = true;\n    skiaReconciler.updateContainer(null, this.root, null, () => {\n      hostDebug(\"unmountContainer\");\n    });\n  }\n\n  get dom() {\n    return this.container.root;\n  }\n}\n"],"mappings":";;;AAEA,OAAOA,eAAe,MAAM,kBAAkB;AAI9C,SAASC,YAAY,EAAEC,KAAK,IAAIC,SAAS,QAAQ,cAAc;AAC/D,SAASC,SAAS,QAAQ,aAAa;AAEvC,MAAMC,cAAc,GAAGL,eAAe,CAACC,YAAY,CAAC;AAEpDI,cAAc,CAACC,kBAAkB,CAAC;EAChCC,UAAU,EAAE,CAAC;EACbC,OAAO,EAAE,OAAO;EAChBC,mBAAmB,EAAE;AACvB,CAAC,CAAC;AAEF,OAAO,MAAMC,QAAQ,CAAC;EAIpBC,WAAWA,CACTC,IAAU,EACVC,MAAM,GAAG,KAAK,EACdC,MAAkB,GAAGA,CAAA,KAAM,CAAC,CAAC,EAC7BC,WAAyB,GAAGA,CAAA,KAAM,CAAC,EACnC;IAAAC,eAAA;IAAAA,eAAA;IACA,IAAI,CAACC,SAAS,GAAG,IAAIb,SAAS,CAACQ,IAAI,EAAEE,MAAM,EAAEC,WAAW,EAAEF,MAAM,CAAC;IACjE,IAAI,CAACK,IAAI,GAAGb,cAAc,CAACc,eAAe,CACxC,IAAI,CAACF,SAAS,EACd,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,EAAE,EACFG,OAAO,CAACC,KAAK,EACb,IACF,CAAC;EACH;EAEAC,MAAMA,CAACC,OAAkB,EAAE;IACzB;IACAlB,cAAc,CAACmB,eAAe,CAACD,OAAO,EAAS,IAAI,CAACL,IAAI,EAAE,IAAI,EAAE,MAAM;MACpEf,SAAS,CAAC,iBAAiB,CAAC;IAC9B,CAAC,CAAC;EACJ;EAEAsB,OAAOA,CAAA,EAAG;IACR,IAAI,CAACR,SAAS,CAACS,SAAS,GAAG,IAAI;IAC/BrB,cAAc,CAACmB,eAAe,CAAC,IAAI,EAAE,IAAI,CAACN,IAAI,EAAE,IAAI,EAAE,MAAM;MAC1Df,SAAS,CAAC,kBAAkB,CAAC;IAC/B,CAAC,CAAC;EACJ;EAEA,IAAIwB,GAAGA,CAAA,EAAG;IACR,OAAO,IAAI,CAACV,SAAS,CAACC,IAAI;EAC5B;AACF","ignoreList":[]}
+{"version":3,"names":["ReactReconciler","skHostConfig","debug","hostDebug","Container","skiaReconciler","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaRoot","constructor","redraw","getNativeId","_defineProperty","container","root","createContainer","console","error","render","element","updateContainer","unmount","unmounted","dom"],"sources":["Reconciler.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { OpaqueRoot } from \"react-reconciler\";\nimport ReactReconciler from \"react-reconciler\";\n\nimport { skHostConfig, debug as hostDebug } from \"./HostConfig\";\nimport { Container } from \"./Container\";\n\nconst skiaReconciler = ReactReconciler(skHostConfig);\n\nskiaReconciler.injectIntoDevTools({\n  bundleType: 1,\n  version: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n});\n\nexport class SkiaRoot {\n  private root: OpaqueRoot;\n  private container: Container;\n\n  constructor(\n    redraw: () => void = () => {},\n    getNativeId: () => number = () => 0\n  ) {\n    this.container = new Container(redraw, getNativeId);\n    this.root = skiaReconciler.createContainer(\n      this.container,\n      0,\n      null,\n      true,\n      null,\n      \"\",\n      console.error,\n      null\n    );\n  }\n\n  render(element: ReactNode) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    skiaReconciler.updateContainer(element as any, this.root, null, () => {\n      hostDebug(\"updateContainer\");\n    });\n  }\n\n  unmount() {\n    this.container.unmounted = true;\n    skiaReconciler.updateContainer(null, this.root, null, () => {\n      hostDebug(\"unmountContainer\");\n    });\n  }\n\n  get dom() {\n    return this.container.root;\n  }\n}\n"],"mappings":";;;AAEA,OAAOA,eAAe,MAAM,kBAAkB;AAE9C,SAASC,YAAY,EAAEC,KAAK,IAAIC,SAAS,QAAQ,cAAc;AAC/D,SAASC,SAAS,QAAQ,aAAa;AAEvC,MAAMC,cAAc,GAAGL,eAAe,CAACC,YAAY,CAAC;AAEpDI,cAAc,CAACC,kBAAkB,CAAC;EAChCC,UAAU,EAAE,CAAC;EACbC,OAAO,EAAE,OAAO;EAChBC,mBAAmB,EAAE;AACvB,CAAC,CAAC;AAEF,OAAO,MAAMC,QAAQ,CAAC;EAIpBC,WAAWA,CACTC,MAAkB,GAAGA,CAAA,KAAM,CAAC,CAAC,EAC7BC,WAAyB,GAAGA,CAAA,KAAM,CAAC,EACnC;IAAAC,eAAA;IAAAA,eAAA;IACA,IAAI,CAACC,SAAS,GAAG,IAAIX,SAAS,CAACQ,MAAM,EAAEC,WAAW,CAAC;IACnD,IAAI,CAACG,IAAI,GAAGX,cAAc,CAACY,eAAe,CACxC,IAAI,CAACF,SAAS,EACd,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,EAAE,EACFG,OAAO,CAACC,KAAK,EACb,IACF,CAAC;EACH;EAEAC,MAAMA,CAACC,OAAkB,EAAE;IACzB;IACAhB,cAAc,CAACiB,eAAe,CAACD,OAAO,EAAS,IAAI,CAACL,IAAI,EAAE,IAAI,EAAE,MAAM;MACpEb,SAAS,CAAC,iBAAiB,CAAC;IAC9B,CAAC,CAAC;EACJ;EAEAoB,OAAOA,CAAA,EAAG;IACR,IAAI,CAACR,SAAS,CAACS,SAAS,GAAG,IAAI;IAC/BnB,cAAc,CAACiB,eAAe,CAAC,IAAI,EAAE,IAAI,CAACN,IAAI,EAAE,IAAI,EAAE,MAAM;MAC1Db,SAAS,CAAC,kBAAkB,CAAC;IAC/B,CAAC,CAAC;EACJ;EAEA,IAAIsB,GAAGA,CAAA,EAAG;IACR,OAAO,IAAI,CAACV,SAAS,CAACC,IAAI;EAC5B;AACF","ignoreList":[]}

package/lib/module/renderer/__tests__/setup.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode } from "react";
 import type { Server, WebSocket } from "ws";
 import type * as SkiaExports from "../../index";
 import type { SkImage, SkFont, Skia, SkCanvas } from "../../skia/types";
-import { SkiaRoot } from "../Reconciler";
+import { SkiaSGRoot } from "../../sksg/Reconciler";
 type TestOS = "ios" | "android" | "web" | "node";
 declare global {
     var testServer: Server;
@@ -35,7 +35,6 @@ export declare const BirdGIF: string;
 export declare const loadImage: (uri: string) => SkiaExports.SkImage;
 export declare const loadFont: (uri: string, ftSize?: number) => SkiaExports.SkFont;
 export declare const importSkia: () => typeof SkiaExports;
-export declare const getSkDOM: () => SkiaExports.JsiSkDOM;
 export declare const PIXEL_RATIO = 3;
 export declare const fontSize: number;
 export declare const width: number;
@@ -47,7 +46,7 @@ export declare const center: {
 export declare const drawOnNode: (element: ReactNode) => SkiaExports.SkSurface;
 export declare const mountCanvas: (element: ReactNode) => {
     surface: SkiaExports.SkSurface;
-    root: SkiaRoot;
+    root: SkiaSGRoot;
     draw: () => void;
 };
 export declare const serialize: (element: ReactNode) => string;

package/lib/module/renderer/processors/Animations/Animations.d.ts

@@ -1,7 +1,6 @@
-export type SharedValueType<T = number> = {
+export type AnimatedProp<T> = T | {
     value: T;
 };
-export type AnimatedProp<T> = T | SharedValueType<T>;
 export type AnimatedProps<T, O extends keyof T | never = never> = {
     [K in keyof T]: K extends "children" ? T[K] : K extends O ? T[K] : AnimatedProp<T[K]>;
 };

package/lib/module/renderer/processors/Animations/Animations.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["Animations.ts"],"sourcesContent":["export type SharedValueType<T = number> = {\n  value: T;\n};\n\nexport type AnimatedProp<T> = T | SharedValueType<T>;\n\nexport type AnimatedProps<T, O extends keyof T | never = never> = {\n  [K in keyof T]: K extends \"children\"\n    ? T[K]\n    : K extends O\n    ? T[K]\n    : AnimatedProp<T[K]>;\n};\n\nexport type SkiaProps<\n  P = object,\n  O extends keyof P | never = never\n> = AnimatedProps<P, O>;\n\ntype WithOptional<T extends object, N extends keyof T> = Omit<T, N> & {\n  [K in N]?: T[K];\n};\n\nexport type SkiaDefaultProps<\n  T extends object,\n  N extends keyof T\n> = WithOptional<SkiaProps<T>, N>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["Animations.ts"],"sourcesContent":["export type AnimatedProp<T> = T | { value: T };\n\nexport type AnimatedProps<T, O extends keyof T | never = never> = {\n  [K in keyof T]: K extends \"children\"\n    ? T[K]\n    : K extends O\n    ? T[K]\n    : AnimatedProp<T[K]>;\n};\n\nexport type SkiaProps<\n  P = object,\n  O extends keyof P | never = never\n> = AnimatedProps<P, O>;\n\ntype WithOptional<T extends object, N extends keyof T> = Omit<T, N> & {\n  [K in N]?: T[K];\n};\n\nexport type SkiaDefaultProps<\n  T extends object,\n  N extends keyof T\n> = WithOptional<SkiaProps<T>, N>;\n"],"mappings":"","ignoreList":[]}

package/lib/module/renderer/typeddash.js

@@ -1,4 +1,8 @@
-export const mapKeys = obj => Object.keys(obj);
+export const mapKeys = obj => {
+  "worklet";
+
+  return Object.keys(obj);
+};
 export const exhaustiveCheck = a => {
   "worklet";
 

package/lib/module/renderer/typeddash.js.map

@@ -1 +1 @@
-{"version":3,"names":["mapKeys","obj","Object","keys","exhaustiveCheck","a","Error","shallowEq","p1","p2","keys1","keys2","length","key"],"sources":["typeddash.ts"],"sourcesContent":["export const mapKeys = <T extends object>(obj: T) =>\n  Object.keys(obj) as (keyof T)[];\n\nexport const exhaustiveCheck = (a: never): never => {\n  \"worklet\";\n  throw new Error(`Unexhaustive handling for ${a}`);\n};\n\n// Shallow eq on props (without children)\nexport const shallowEq = <P extends object>(p1: P, p2: P): boolean => {\n  const keys1 = mapKeys(p1);\n  const keys2 = mapKeys(p2);\n  if (keys1.length !== keys2.length) {\n    return false;\n  }\n  for (const key of keys1) {\n    if (key === \"children\") {\n      continue;\n    }\n    if (p1[key] !== p2[key]) {\n      return false;\n    }\n  }\n  return true;\n};\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAsBC,GAAM,IAC9CC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAgB;AAEjC,OAAO,MAAMG,eAAe,GAAIC,CAAQ,IAAY;EAClD,SAAS;;EACT,MAAM,IAAIC,KAAK,CAAC,6BAA6BD,CAAC,EAAE,CAAC;AACnD,CAAC;;AAED;AACA,OAAO,MAAME,SAAS,GAAGA,CAAmBC,EAAK,EAAEC,EAAK,KAAc;EACpE,MAAMC,KAAK,GAAGV,OAAO,CAACQ,EAAE,CAAC;EACzB,MAAMG,KAAK,GAAGX,OAAO,CAACS,EAAE,CAAC;EACzB,IAAIC,KAAK,CAACE,MAAM,KAAKD,KAAK,CAACC,MAAM,EAAE;IACjC,OAAO,KAAK;EACd;EACA,KAAK,MAAMC,GAAG,IAAIH,KAAK,EAAE;IACvB,IAAIG,GAAG,KAAK,UAAU,EAAE;MACtB;IACF;IACA,IAAIL,EAAE,CAACK,GAAG,CAAC,KAAKJ,EAAE,CAACI,GAAG,CAAC,EAAE;MACvB,OAAO,KAAK;IACd;EACF;EACA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}
+{"version":3,"names":["mapKeys","obj","Object","keys","exhaustiveCheck","a","Error","shallowEq","p1","p2","keys1","keys2","length","key"],"sources":["typeddash.ts"],"sourcesContent":["export const mapKeys = <T extends object>(obj: T) => {\n  \"worklet\";\n  return Object.keys(obj) as (keyof T)[];\n};\n\nexport const exhaustiveCheck = (a: never): never => {\n  \"worklet\";\n  throw new Error(`Unexhaustive handling for ${a}`);\n};\n\n// Shallow eq on props (without children)\nexport const shallowEq = <P extends object>(p1: P, p2: P): boolean => {\n  const keys1 = mapKeys(p1);\n  const keys2 = mapKeys(p2);\n  if (keys1.length !== keys2.length) {\n    return false;\n  }\n  for (const key of keys1) {\n    if (key === \"children\") {\n      continue;\n    }\n    if (p1[key] !== p2[key]) {\n      return false;\n    }\n  }\n  return true;\n};\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAsBC,GAAM,IAAK;EACnD,SAAS;;EACT,OAAOC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC;AACzB,CAAC;AAED,OAAO,MAAMG,eAAe,GAAIC,CAAQ,IAAY;EAClD,SAAS;;EACT,MAAM,IAAIC,KAAK,CAAC,6BAA6BD,CAAC,EAAE,CAAC;AACnD,CAAC;;AAED;AACA,OAAO,MAAME,SAAS,GAAGA,CAAmBC,EAAK,EAAEC,EAAK,KAAc;EACpE,MAAMC,KAAK,GAAGV,OAAO,CAACQ,EAAE,CAAC;EACzB,MAAMG,KAAK,GAAGX,OAAO,CAACS,EAAE,CAAC;EACzB,IAAIC,KAAK,CAACE,MAAM,KAAKD,KAAK,CAACC,MAAM,EAAE;IACjC,OAAO,KAAK;EACd;EACA,KAAK,MAAMC,GAAG,IAAIH,KAAK,EAAE;IACvB,IAAIG,GAAG,KAAK,UAAU,EAAE;MACtB;IACF;IACA,IAAIL,EAAE,CAACK,GAAG,CAAC,KAAKJ,EAAE,CAACI,GAAG,CAAC,EAAE;MACvB,OAAO,KAAK;IACd;EACF;EACA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

package/lib/module/skia/__tests__/setup.d.ts

@@ -1,4 +1,3 @@
-import type { Node } from "../../dom/types";
 import { Skia } from "../types";
 import { JsiSkApi } from "../web";
 declare let Skia: ReturnType<typeof JsiSkApi>;
@@ -14,6 +13,4 @@ export declare const setupSkia: (width?: number, height?: number) => {
     Skia: Skia;
     CanvasKit: import("canvaskit-wasm").CanvasKit;
 };
-export declare const printAsXML: (node: Node<unknown>) => void;
-export declare const asXML: (node: Node<unknown>, indent?: number) => string;
 export {};

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

@@ -26,5 +26,9 @@ export let PathVerb = /*#__PURE__*/function (PathVerb) {
   PathVerb[PathVerb["Close"] = 5] = "Close";
   return PathVerb;
 }({});
-export const isPath = obj => obj !== null && obj.__typename__ === "Path";
+export const isPath = obj => {
+  "worklet";
+
+  return obj !== null && obj.__typename__ === "Path";
+};
 //# sourceMappingURL=Path.js.map