@shopify/react-native-skia 1.0.1 → 1.0.3

package/lib/commonjs/renderer/HostComponents.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createNode = exports.NATIVE_DOM = void 0;
+var _types = require("../dom/types");
+var _typeddash = require("./typeddash");
+// This flag should only be turned on for debugging/testing
+const shouldUseJSDomOnNative = false;
+const NATIVE_DOM = exports.NATIVE_DOM = shouldUseJSDomOnNative ? false : !!global.SkiaDomApi;
+const createNode = (container, type, props) => {
+  const {
+    Sk
+  } = container;
+  switch (type) {
+    case _types.NodeType.Layer:
+      return Sk.Layer(props);
+    case _types.NodeType.Group:
+      return Sk.Group(props);
+    case _types.NodeType.Paint:
+      return Sk.Paint(props);
+    // Drawings
+    case _types.NodeType.Fill:
+      return Sk.Fill(props);
+    case _types.NodeType.Image:
+      return Sk.Image(props);
+    case _types.NodeType.Circle:
+      return Sk.Circle(props);
+    case _types.NodeType.Path:
+      return Sk.Path(props);
+    case _types.NodeType.Line:
+      return Sk.Line(props);
+    case _types.NodeType.Oval:
+      return Sk.Oval(props);
+    case _types.NodeType.Patch:
+      return Sk.Patch(props);
+    case _types.NodeType.Points:
+      return Sk.Points(props);
+    case _types.NodeType.Rect:
+      return Sk.Rect(props);
+    case _types.NodeType.RRect:
+      return Sk.RRect(props);
+    case _types.NodeType.Vertices:
+      return Sk.Vertices(props);
+    case _types.NodeType.Text:
+      return Sk.Text(props);
+    case _types.NodeType.TextPath:
+      return Sk.TextPath(props);
+    case _types.NodeType.TextBlob:
+      return Sk.TextBlob(props);
+    case _types.NodeType.Glyphs:
+      return Sk.Glyphs(props);
+    case _types.NodeType.Atlas:
+      return Sk.Atlas(props);
+    case _types.NodeType.DiffRect:
+      return Sk.DiffRect(props);
+    case _types.NodeType.Picture:
+      return Sk.Picture(props);
+    case _types.NodeType.ImageSVG:
+      return Sk.ImageSVG(props);
+    // Mask Filter
+    case _types.NodeType.BlurMaskFilter:
+      return Sk.BlurMaskFilter(props);
+    // Image Filter
+    case _types.NodeType.BlendImageFilter:
+      return Sk.BlendImageFilter(props);
+    case _types.NodeType.BlurImageFilter:
+      return Sk.BlurImageFilter(props);
+    case _types.NodeType.OffsetImageFilter:
+      return Sk.OffsetImageFilter(props);
+    case _types.NodeType.DropShadowImageFilter:
+      return Sk.DropShadowImageFilter(props);
+    case _types.NodeType.DisplacementMapImageFilter:
+      return Sk.DisplacementMapImageFilter(props);
+    case _types.NodeType.MorphologyImageFilter:
+      return Sk.MorphologyImageFilter(props);
+    case _types.NodeType.RuntimeShaderImageFilter:
+      return Sk.RuntimeShaderImageFilter(props);
+    // Color Filter
+    case _types.NodeType.MatrixColorFilter:
+      return Sk.MatrixColorFilter(props);
+    case _types.NodeType.BlendColorFilter:
+      return Sk.BlendColorFilter(props);
+    case _types.NodeType.LerpColorFilter:
+      return Sk.LerpColorFilter(props);
+    case _types.NodeType.LumaColorFilter:
+      return Sk.LumaColorFilter();
+    case _types.NodeType.LinearToSRGBGammaColorFilter:
+      return Sk.LinearToSRGBGammaColorFilter();
+    case _types.NodeType.SRGBToLinearGammaColorFilter:
+      return Sk.SRGBToLinearGammaColorFilter();
+    // Shader
+    case _types.NodeType.Shader:
+      return Sk.Shader(props);
+    case _types.NodeType.ImageShader:
+      return Sk.ImageShader(props);
+    case _types.NodeType.ColorShader:
+      return Sk.ColorShader(props);
+    case _types.NodeType.Turbulence:
+      return Sk.Turbulence(props);
+    case _types.NodeType.FractalNoise:
+      return Sk.FractalNoise(props);
+    case _types.NodeType.LinearGradient:
+      return Sk.LinearGradient(props);
+    case _types.NodeType.RadialGradient:
+      return Sk.RadialGradient(props);
+    case _types.NodeType.SweepGradient:
+      return Sk.SweepGradient(props);
+    case _types.NodeType.TwoPointConicalGradient:
+      return Sk.TwoPointConicalGradient(props);
+    // Path Effect
+    case _types.NodeType.CornerPathEffect:
+      return Sk.CornerPathEffect(props);
+    case _types.NodeType.DiscretePathEffect:
+      return Sk.DiscretePathEffect(props);
+    case _types.NodeType.DashPathEffect:
+      return Sk.DashPathEffect(props);
+    case _types.NodeType.Path1DPathEffect:
+      return Sk.Path1DPathEffect(props);
+    case _types.NodeType.Path2DPathEffect:
+      return Sk.Path2DPathEffect(props);
+    case _types.NodeType.SumPathEffect:
+      return Sk.SumPathEffect();
+    case _types.NodeType.Line2DPathEffect:
+      return Sk.Line2DPathEffect(props);
+    // Mixed
+    case _types.NodeType.Blend:
+      return Sk.Blend(props);
+    case _types.NodeType.BackdropFilter:
+      return Sk.BackdropFilter(props);
+    case _types.NodeType.Box:
+      return Sk.Box(props);
+    case _types.NodeType.BoxShadow:
+      return Sk.BoxShadow(props);
+    // Paragraph
+    case _types.NodeType.Paragraph:
+      return Sk.Paragraph(props);
+    default:
+      return (0, _typeddash.exhaustiveCheck)(type);
+  }
+};
+exports.createNode = createNode;
+//# sourceMappingURL=HostComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_typeddash","shouldUseJSDomOnNative","NATIVE_DOM","exports","global","SkiaDomApi","createNode","container","type","props","Sk","NodeType","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","exhaustiveCheck"],"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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"}

package/lib/commonjs/renderer/HostConfig.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="node" />
+import type { HostConfig } from "react-reconciler";
+import type { NodeType, Node } from "../dom/types";
+import type { Container } from "./Container";
+export declare const debug: (message?: any, ...optionalParams: any[]) => void;
+type Instance = Node<unknown>;
+type Props = object;
+type TextInstance = Node<unknown>;
+type SuspenseInstance = Instance;
+type HydratableInstance = Instance;
+type PublicInstance = Instance;
+type HostContext = null;
+type UpdatePayload = Container;
+type ChildSet = unknown;
+type TimeoutHandle = NodeJS.Timeout;
+type NoTimeout = -1;
+type SkiaHostConfig = HostConfig<NodeType, Props, Container, Instance, TextInstance, SuspenseInstance, HydratableInstance, PublicInstance, HostContext, UpdatePayload, ChildSet, TimeoutHandle, NoTimeout>;
+export declare const skHostConfig: SkiaHostConfig;
+export {};

package/lib/commonjs/renderer/HostConfig.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.skHostConfig = exports.debug = void 0;
+var _constants = require("react-reconciler/constants");
+var _renderHelpers = require("../external/reanimated/renderHelpers");
+var _HostComponents = require("./HostComponents");
+var _typeddash = require("./typeddash");
+/*global NodeJS*/
+
+const DEBUG = false;
+const debug = (...args) => {
+  if (DEBUG) {
+    console.log(...args);
+  }
+};
+exports.debug = debug;
+const appendNode = (parent, child) => {
+  parent.addChild(child);
+};
+const removeNode = (parent, child) => {
+  (0, _renderHelpers.unbindReanimatedNode)(child);
+  return parent.removeChild(child);
+};
+const insertBefore = (parent, child, before) => {
+  parent.insertChildBefore(child, before);
+};
+const skHostConfig = exports.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,
+  supportsHydration: false,
+  //supportsMicrotask: true,
+
+  scheduleTimeout: setTimeout,
+  cancelTimeout: clearTimeout,
+  noTimeout: -1,
+  appendChildToContainer(container, child) {
+    debug("appendChildToContainer");
+    appendNode(container.root, child);
+  },
+  appendChild(parent, child) {
+    debug("appendChild", parent, child);
+    appendNode(parent, child);
+  },
+  getRootHostContext: _rootContainerInstance => {
+    debug("getRootHostContext");
+    return null;
+  },
+  getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {
+    debug("getChildHostContext");
+    return null;
+  },
+  shouldSetTextContent(_type, _props) {
+    return false;
+  },
+  createTextInstance(_text, _rootContainerInstance, _hostContext, _internalInstanceHandle) {
+    debug("createTextInstance");
+    // return SpanNode({}, text) as SkNode;
+    throw new Error("Text nodes are not supported yet");
+  },
+  createInstance(type, pristineProps, container, _hostContext, _internalInstanceHandle) {
+    debug("createInstance", type);
+    const [props, reanimatedProps] = (0, _renderHelpers.extractReanimatedProps)(pristineProps);
+    const node = (0, _HostComponents.createNode)(container, type, props);
+    (0, _renderHelpers.bindReanimatedProps)(container, node, reanimatedProps);
+    return node;
+  },
+  appendInitialChild(parentInstance, child) {
+    debug("appendInitialChild");
+    appendNode(parentInstance, child);
+  },
+  finalizeInitialChildren(parentInstance, _type, _props, _rootContainerInstance, _hostContext) {
+    debug("finalizeInitialChildren", parentInstance);
+    return false;
+  },
+  commitMount() {
+    // if finalizeInitialChildren = true
+    debug("commitMount");
+  },
+  prepareForCommit(_containerInfo) {
+    debug("prepareForCommit");
+    return null;
+  },
+  resetAfterCommit(container) {
+    debug("resetAfterCommit");
+    container.redraw();
+  },
+  getPublicInstance(node) {
+    debug("getPublicInstance");
+    return node;
+  },
+  prepareUpdate: (_instance, type, oldProps, newProps, rootContainerInstance, _hostContext) => {
+    debug("prepareUpdate");
+    const propsAreEqual = (0, _typeddash.shallowEq)(oldProps, newProps);
+    if (propsAreEqual) {
+      return null;
+    }
+    debug("update ", type);
+    return rootContainerInstance;
+  },
+  commitUpdate(instance, updatePayload, type, prevProps, nextProps, _internalHandle) {
+    debug("commitUpdate: ", type);
+    if ((0, _typeddash.shallowEq)(prevProps, nextProps)) {
+      return;
+    }
+    const [props, reanimatedProps] = (0, _renderHelpers.extractReanimatedProps)(nextProps);
+    instance.setProps(props);
+    (0, _renderHelpers.bindReanimatedProps)(updatePayload, instance, reanimatedProps);
+  },
+  commitTextUpdate: (_textInstance, _oldText, _newText) => {
+    //  textInstance.instance = newText;
+  },
+  clearContainer: container => {
+    debug("clearContainer");
+    container.root.children().forEach(child => {
+      container.root.removeChild(child);
+    });
+  },
+  preparePortalMount: () => {
+    debug("preparePortalMount");
+  },
+  removeChild: (parent, child) => {
+    removeNode(parent, child);
+  },
+  removeChildFromContainer: (container, child) => {
+    removeNode(container.root, child);
+  },
+  insertInContainerBefore: (container, child, before) => {
+    insertBefore(container.root, child, before);
+  },
+  insertBefore: (parent, child, before) => {
+    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: () => _constants.DefaultEventPriority,
+  beforeActiveInstanceBlur: () => {},
+  afterActiveInstanceBlur: () => {},
+  detachDeletedInstance: () => {}
+};
+//# sourceMappingURL=HostConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_constants","require","_renderHelpers","_HostComponents","_typeddash","DEBUG","debug","args","console","log","exports","appendNode","parent","child","addChild","removeNode","unbindReanimatedNode","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","extractReanimatedProps","node","createNode","bindReanimatedProps","appendInitialChild","parentInstance","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","resetAfterCommit","redraw","getPublicInstance","prepareUpdate","_instance","oldProps","newProps","rootContainerInstance","propsAreEqual","shallowEq","commitUpdate","instance","updatePayload","prevProps","nextProps","_internalHandle","setProps","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","children","forEach","preparePortalMount","removeChildFromContainer","insertInContainerBefore","getCurrentEventPriority","DefaultEventPriority","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 = (parent: Node<unknown>, child: Node<unknown>) => {\n  unbindReanimatedNode(child);\n  return parent.removeChild(child);\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);\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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"}

package/lib/commonjs/renderer/Offscreen.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { SkPicture, SkSize } from "../skia/types";
+export declare const isOnMainThread: () => boolean;
+export declare const drawAsPicture: (element: ReactElement) => SkPicture;
+export declare const drawAsImage: (element: ReactElement, size: SkSize) => import("../skia").SkImage;
+export declare const drawAsImageFromPicture: (picture: SkPicture, size: SkSize) => import("../skia").SkImage;

package/lib/commonjs/renderer/Offscreen.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isOnMainThread = exports.drawAsPicture = exports.drawAsImageFromPicture = exports.drawAsImage = void 0;
+var _types = require("../dom/types");
+var _skia = require("../skia");
+var _Platform = require("../Platform");
+var _Reconciler = require("./Reconciler");
+// We call it main thread because on web main is JS thread
+const isOnMainThread = () => {
+  "worklet";
+
+  return typeof _WORKLET !== "undefined" && _WORKLET === true || _Platform.Platform.OS === "web";
+};
+exports.isOnMainThread = isOnMainThread;
+const drawAsPicture = element => {
+  const recorder = _skia.Skia.PictureRecorder();
+  const canvas = recorder.beginRecording();
+  const root = new _Reconciler.SkiaRoot(_skia.Skia, false);
+  root.render(element);
+  const ctx = new _types.JsiDrawingContext(_skia.Skia, canvas);
+  root.dom.render(ctx);
+  const picture = recorder.finishRecordingAsPicture();
+  return picture;
+};
+exports.drawAsPicture = drawAsPicture;
+const drawAsImage = (element, size) => {
+  return drawAsImageFromPicture(drawAsPicture(element), size);
+};
+
+// TODO: We're not sure yet why PixelRatio is not needed here.
+exports.drawAsImage = drawAsImage;
+const pd = 1;
+const drawAsImageFromPicture = (picture, size) => {
+  "worklet";
+
+  const surface = _skia.Skia.Surface.MakeOffscreen(size.width * pd, size.height * pd);
+  const canvas = surface.getCanvas();
+  canvas.scale(pd, pd);
+  canvas.drawPicture(picture);
+  surface.flush();
+  const image = surface.makeImageSnapshot();
+  // If we are not on the main thread or if we are on Web, we need to make the image non-texture.
+  if (!isOnMainThread() || _Platform.Platform.OS === "web") {
+    return image.makeNonTextureImage();
+  } else {
+    return image;
+  }
+};
+exports.drawAsImageFromPicture = drawAsImageFromPicture;
+//# sourceMappingURL=Offscreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_skia","_Platform","_Reconciler","isOnMainThread","_WORKLET","Platform","OS","exports","drawAsPicture","element","recorder","Skia","PictureRecorder","canvas","beginRecording","root","SkiaRoot","render","ctx","JsiDrawingContext","dom","picture","finishRecordingAsPicture","drawAsImage","size","drawAsImageFromPicture","pd","surface","Surface","MakeOffscreen","width","height","getCanvas","scale","drawPicture","flush","image","makeImageSnapshot","makeNonTextureImage"],"sources":["Offscreen.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\n\nimport { JsiDrawingContext } from \"../dom/types\";\nimport type { SkPicture, 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) => {\n  const recorder = Skia.PictureRecorder();\n  const canvas = recorder.beginRecording();\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  return picture;\n};\n\nexport const drawAsImage = (element: ReactElement, size: SkSize) => {\n  return drawAsImageFromPicture(drawAsPicture(element), size);\n};\n\n// TODO: We're not sure yet why PixelRatio is not needed here.\nconst pd = 1;\nexport const drawAsImageFromPicture = (picture: SkPicture, size: SkSize) => {\n  \"worklet\";\n  const surface = Skia.Surface.MakeOffscreen(\n    size.width * pd,\n    size.height * pd\n  )!;\n  const canvas = surface.getCanvas();\n  canvas.scale(pd, pd);\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,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAEA;AACO,MAAMI,cAAc,GAAGA,CAAA,KAAM;EAClC,SAAS;;EACT,OACG,OAAOC,QAAQ,KAAK,WAAW,IAAIA,QAAQ,KAAK,IAAI,IACrDC,kBAAQ,CAACC,EAAE,KAAK,KAAK;AAEzB,CAAC;AAACC,OAAA,CAAAJ,cAAA,GAAAA,cAAA;AAEK,MAAMK,aAAa,GAAIC,OAAqB,IAAK;EACtD,MAAMC,QAAQ,GAAGC,UAAI,CAACC,eAAe,CAAC,CAAC;EACvC,MAAMC,MAAM,GAAGH,QAAQ,CAACI,cAAc,CAAC,CAAC;EACxC,MAAMC,IAAI,GAAG,IAAIC,oBAAQ,CAACL,UAAI,EAAE,KAAK,CAAC;EACtCI,IAAI,CAACE,MAAM,CAACR,OAAO,CAAC;EACpB,MAAMS,GAAG,GAAG,IAAIC,wBAAiB,CAACR,UAAI,EAAEE,MAAM,CAAC;EAC/CE,IAAI,CAACK,GAAG,CAACH,MAAM,CAACC,GAAG,CAAC;EACpB,MAAMG,OAAO,GAAGX,QAAQ,CAACY,wBAAwB,CAAC,CAAC;EACnD,OAAOD,OAAO;AAChB,CAAC;AAACd,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,MAAMe,WAAW,GAAGA,CAACd,OAAqB,EAAEe,IAAY,KAAK;EAClE,OAAOC,sBAAsB,CAACjB,aAAa,CAACC,OAAO,CAAC,EAAEe,IAAI,CAAC;AAC7D,CAAC;;AAED;AAAAjB,OAAA,CAAAgB,WAAA,GAAAA,WAAA;AACA,MAAMG,EAAE,GAAG,CAAC;AACL,MAAMD,sBAAsB,GAAGA,CAACJ,OAAkB,EAAEG,IAAY,KAAK;EAC1E,SAAS;;EACT,MAAMG,OAAO,GAAGhB,UAAI,CAACiB,OAAO,CAACC,aAAa,CACxCL,IAAI,CAACM,KAAK,GAAGJ,EAAE,EACfF,IAAI,CAACO,MAAM,GAAGL,EAChB,CAAE;EACF,MAAMb,MAAM,GAAGc,OAAO,CAACK,SAAS,CAAC,CAAC;EAClCnB,MAAM,CAACoB,KAAK,CAACP,EAAE,EAAEA,EAAE,CAAC;EACpBb,MAAM,CAACqB,WAAW,CAACb,OAAO,CAAC;EAC3BM,OAAO,CAACQ,KAAK,CAAC,CAAC;EACf,MAAMC,KAAK,GAAGT,OAAO,CAACU,iBAAiB,CAAC,CAAC;EACzC;EACA,IAAI,CAAClC,cAAc,CAAC,CAAC,IAAIE,kBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IAC9C,OAAO8B,KAAK,CAACE,mBAAmB,CAAC,CAAC;EACpC,CAAC,MAAM;IACL,OAAOF,KAAK;EACd;AACF,CAAC;AAAC7B,OAAA,CAAAkB,sBAAA,GAAAA,sBAAA"}

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

@@ -0,0 +1,10 @@
+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);
+    render(element: ReactNode): void;
+    unmount(): void;
+    get dom(): import("..").RenderNode<import("..").GroupProps>;
+}

package/lib/commonjs/renderer/Reconciler.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkiaRoot = void 0;
+var _reactReconciler = _interopRequireDefault(require("react-reconciler"));
+var _HostConfig = require("./HostConfig");
+var _Container = require("./Container");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const skiaReconciler = (0, _reactReconciler.default)(_HostConfig.skHostConfig);
+skiaReconciler.injectIntoDevTools({
+  bundleType: 1,
+  version: "0.0.1",
+  rendererPackageName: "react-native-skia"
+});
+class SkiaRoot {
+  constructor(Skia, native = false, redraw = () => {}, getNativeId = () => 0) {
+    _defineProperty(this, "root", void 0);
+    _defineProperty(this, "container", void 0);
+    this.container = new _Container.Container(Skia, redraw, getNativeId, native);
+    this.root = skiaReconciler.createContainer(this.container, 0, null, true, null, "", console.error, null);
+  }
+  render(element) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    skiaReconciler.updateContainer(element, this.root, null, () => {
+      (0, _HostConfig.debug)("updateContainer");
+    });
+  }
+  unmount() {
+    skiaReconciler.updateContainer(null, this.root, null, () => {
+      (0, _HostConfig.debug)("unmountContainer");
+    });
+  }
+  get dom() {
+    return this.container.root;
+  }
+}
+exports.SkiaRoot = SkiaRoot;
+//# sourceMappingURL=Reconciler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactReconciler","_interopRequireDefault","require","_HostConfig","_Container","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","skiaReconciler","ReactReconciler","skHostConfig","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaRoot","constructor","Skia","native","redraw","getNativeId","container","Container","root","createContainer","console","error","render","element","updateContainer","hostDebug","unmount","dom","exports"],"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    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,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAwC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,gBAAAH,GAAA,EAAAI,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAJ,GAAA,IAAAO,MAAA,CAAAC,cAAA,CAAAR,GAAA,EAAAI,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAX,GAAA,CAAAI,GAAA,IAAAC,KAAA,WAAAL,GAAA;AAAA,SAAAM,eAAAM,CAAA,QAAAC,CAAA,GAAAC,YAAA,CAAAF,CAAA,uCAAAC,CAAA,GAAAA,CAAA,GAAAE,MAAA,CAAAF,CAAA;AAAA,SAAAC,aAAAF,CAAA,EAAAI,CAAA,2BAAAJ,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAK,CAAA,GAAAL,CAAA,CAAAM,MAAA,CAAAC,WAAA,kBAAAF,CAAA,QAAAJ,CAAA,GAAAI,CAAA,CAAAG,IAAA,CAAAR,CAAA,EAAAI,CAAA,uCAAAH,CAAA,SAAAA,CAAA,YAAAQ,SAAA,yEAAAL,CAAA,GAAAD,MAAA,GAAAO,MAAA,EAAAV,CAAA;AAExC,MAAMW,cAAc,GAAG,IAAAC,wBAAe,EAACC,wBAAY,CAAC;AAEpDF,cAAc,CAACG,kBAAkB,CAAC;EAChCC,UAAU,EAAE,CAAC;EACbC,OAAO,EAAE,OAAO;EAChBC,mBAAmB,EAAE;AACvB,CAAC,CAAC;AAEK,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;IAAAhC,eAAA;IAAAA,eAAA;IACA,IAAI,CAACiC,SAAS,GAAG,IAAIC,oBAAS,CAACL,IAAI,EAAEE,MAAM,EAAEC,WAAW,EAAEF,MAAM,CAAC;IACjE,IAAI,CAACK,IAAI,GAAGf,cAAc,CAACgB,eAAe,CACxC,IAAI,CAACH,SAAS,EACd,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,EAAE,EACFI,OAAO,CAACC,KAAK,EACb,IACF,CAAC;EACH;EAEAC,MAAMA,CAACC,OAAkB,EAAE;IACzB;IACApB,cAAc,CAACqB,eAAe,CAACD,OAAO,EAAS,IAAI,CAACL,IAAI,EAAE,IAAI,EAAE,MAAM;MACpE,IAAAO,iBAAS,EAAC,iBAAiB,CAAC;IAC9B,CAAC,CAAC;EACJ;EAEAC,OAAOA,CAAA,EAAG;IACRvB,cAAc,CAACqB,eAAe,CAAC,IAAI,EAAE,IAAI,CAACN,IAAI,EAAE,IAAI,EAAE,MAAM;MAC1D,IAAAO,iBAAS,EAAC,kBAAkB,CAAC;IAC/B,CAAC,CAAC;EACJ;EAEA,IAAIE,GAAGA,CAAA,EAAG;IACR,OAAO,IAAI,CAACX,SAAS,CAACE,IAAI;EAC5B;AACF;AAACU,OAAA,CAAAlB,QAAA,GAAAA,QAAA"}

package/lib/commonjs/renderer/components/Blend.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BlendProps } from "../../dom/types";
+import type { SkiaProps } from "../processors";
+export declare const Blend: (props: SkiaProps<BlendProps>) => React.JSX.Element;

package/lib/commonjs/renderer/components/Blend.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Blend = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Blend = props => {
+  return /*#__PURE__*/_react.default.createElement("skBlend", props);
+};
+exports.Blend = Blend;
+//# sourceMappingURL=Blend.js.map

package/lib/commonjs/renderer/components/Blend.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","obj","__esModule","default","Blend","props","createElement","exports"],"sources":["Blend.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { BlendProps } from \"../../dom/types\";\nimport type { SkiaProps } from \"../processors\";\n\nexport const Blend = (props: SkiaProps<BlendProps>) => {\n  return <skBlend {...props} />;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKnB,MAAMG,KAAK,GAAIC,KAA4B,IAAK;EACrD,oBAAOP,MAAA,CAAAK,OAAA,CAAAG,aAAA,YAAaD,KAAQ,CAAC;AAC/B,CAAC;AAACE,OAAA,CAAAH,KAAA,GAAAA,KAAA"}

package/lib/commonjs/renderer/components/Group.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { SkiaProps } from "../processors";
+import type { GroupProps } from "../../dom/types";
+import type { ChildrenProps } from "../../dom/types/Common";
+export interface PublicGroupProps extends Omit<GroupProps, "layer"> {
+    layer?: GroupProps["layer"] | ChildrenProps["children"];
+}
+export declare const Group: ({ layer, ...props }: SkiaProps<PublicGroupProps>) => React.JSX.Element;

package/lib/commonjs/renderer/components/Group.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Group = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const Group = ({
+  layer,
+  ...props
+}) => {
+  if ( /*#__PURE__*/(0, _react.isValidElement)(layer) && typeof layer === "object") {
+    return /*#__PURE__*/_react.default.createElement("skLayer", null, layer, /*#__PURE__*/_react.default.createElement("skGroup", props));
+  }
+  return /*#__PURE__*/_react.default.createElement("skGroup", _extends({
+    layer: layer
+  }, props));
+};
+exports.Group = Group;
+//# sourceMappingURL=Group.js.map

package/lib/commonjs/renderer/components/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Group","layer","props","isValidElement","createElement","exports"],"sources":["Group.tsx"],"sourcesContent":["import React, { isValidElement } from \"react\";\n\nimport type { SkiaProps } from \"../processors\";\nimport type { GroupProps } from \"../../dom/types\";\nimport type { ChildrenProps } from \"../../dom/types/Common\";\n\nexport interface PublicGroupProps extends Omit<GroupProps, \"layer\"> {\n  layer?: GroupProps[\"layer\"] | ChildrenProps[\"children\"];\n}\n\nexport const Group = ({ layer, ...props }: SkiaProps<PublicGroupProps>) => {\n  if (isValidElement(layer) && typeof layer === \"object\") {\n    return (\n      <skLayer>\n        {layer}\n        <skGroup {...props} />\n      </skLayer>\n    );\n  }\n  return <skGroup layer={layer as GroupProps[\"layer\"]} {...props} />;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA8C,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAUvC,MAAMK,KAAK,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAmC,CAAC,KAAK;EACzE,IAAI,kBAAAC,qBAAc,EAACF,KAAK,CAAC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IACtD,oBACElC,MAAA,CAAAS,OAAA,CAAA4B,aAAA,kBACGH,KAAK,eACNlC,MAAA,CAAAS,OAAA,CAAA4B,aAAA,YAAaF,KAAQ,CACd,CAAC;EAEd;EACA,oBAAOnC,MAAA,CAAAS,OAAA,CAAA4B,aAAA,YAAAb,QAAA;IAASU,KAAK,EAAEA;EAA6B,GAAKC,KAAK,CAAG,CAAC;AACpE,CAAC;AAACG,OAAA,CAAAL,KAAA,GAAAA,KAAA"}

package/lib/commonjs/renderer/components/Mask.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import React from "react";
+interface MaskProps {
+    mode?: "luminance" | "alpha";
+    clip?: boolean;
+    mask: ReactNode | ReactNode[];
+    children: ReactNode | ReactNode[];
+}
+export declare const Mask: ({ children, mask, mode, clip, }: MaskProps) => React.JSX.Element;
+export {};