react-native-skia 0.0.1 → 3.0.0

package/lib/module/sksg/Container.native.js

@@ -0,0 +1,103 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import Rea from "../external/reanimated/ReanimatedProxy";
+import { HAS_REANIMATED_3, HAS_REANIMATED_4, REANIMATED_VERSION_MAJOR } from "../external/reanimated/renderHelpers";
+import { ReanimatedRecorder } from "./Recorder/ReanimatedRecorder";
+import { Container, StaticContainer } from "./StaticContainer";
+import { visit } from "./Recorder/Visitor";
+import "../skia/NativeSetup";
+import "../views/api";
+
+// create local reference for `strictGlobal` option in Worklets
+const {
+  SkiaViewApi
+} = globalThis;
+
+/**
+ * Records the scene graph on the JS thread and hands the native recorder to
+ * the view, which owns it and replays it on every draw. The Reanimated mapper
+ * only pushes the shared values into that recorder through the view id: no
+ * Skia object is captured by a worklet, so nothing on the UI runtime holds
+ * native memory. The JS wrapper is disposed right after the handoff, so the
+ * view is the sole owner and the resources referenced by the recording
+ * (images, pictures) are released when the view replaces it or is torn down,
+ * not when a garbage collector gets around to a wrapper.
+ *
+ * Unmounting does not clear the view: the native view can outlive the React
+ * tree (exit animations, screen transitions) and keeps showing its last frame
+ * until it is torn down, which is when the recording is released.
+ */
+class NativeReanimatedContainer extends Container {
+  constructor(Skia, nativeId) {
+    super(Skia);
+    this.nativeId = nativeId;
+    _defineProperty(this, "mapperId", null);
+  }
+  stopMapper() {
+    if (this.mapperId !== null) {
+      Rea.stopMapper(this.mapperId);
+      this.mapperId = null;
+    }
+  }
+  unmount() {
+    super.unmount();
+    this.stopMapper();
+  }
+  redraw() {
+    this.stopMapper();
+    if (this.unmounted) {
+      return;
+    }
+    const recorder = new ReanimatedRecorder(this.Skia);
+    visit(recorder, this.root);
+    const sharedValues = recorder.getSharedValues();
+    const {
+      nativeId
+    } = this;
+    const nativeRecorder = recorder.getRecorder();
+    // stopMapper() only takes effect on the UI thread later, so the previous
+    // mapper can still fire after the new recording is installed. Tagging the
+    // updates with the recording id lets the view ignore them.
+    const recorderId = nativeRecorder.getId();
+    // The view takes ownership of the recorder and draws the first frame. The
+    // wrapper is disposed right away: it would otherwise co-own the recording
+    // until the JS garbage collector finalizes it.
+    SkiaViewApi.setJsiProperty(nativeId, "recorder", nativeRecorder);
+    nativeRecorder.dispose();
+    if (sharedValues.length > 0) {
+      this.mapperId = Rea.startMapper(() => {
+        "worklet";
+
+        SkiaViewApi.applyUpdates(nativeId, recorderId, sharedValues);
+      }, sharedValues);
+    }
+  }
+}
+let hasWarnedAboutReanimatedSupport = false;
+const reanimatedSupportError = () => {
+  if (REANIMATED_VERSION_MAJOR !== null && REANIMATED_VERSION_MAJOR >= 4) {
+    return "React Native Skia requires react-native-worklets >= 0.7.0 for its " + "Reanimated integration on native platforms. Reanimated 4 is " + "installed, but react-native-worklets is missing or too old. " + "Please install or upgrade react-native-worklets.";
+  }
+  return "React Native Skia requires Reanimated 4 (react-native-worklets >= " + "0.7.0) for its Reanimated integration on native platforms. " + "Reanimated 3 is not supported anymore: Skia objects cannot be used " + "inside worklets or shared values with it. " + "Please upgrade to react-native-reanimated >= 4.0.0.";
+};
+export const createContainer = (Skia, nativeId) => {
+  if (HAS_REANIMATED_4 && nativeId !== -1) {
+    return new NativeReanimatedContainer(Skia, nativeId);
+  } else {
+    if (HAS_REANIMATED_3 && !HAS_REANIMATED_4) {
+      const message = reanimatedSupportError();
+      if (__DEV__) {
+        // Fail loudly in development — a silent fallback to static rendering
+        // would only be noticed as frozen animations.
+        throw new Error(message);
+      }
+      if (!hasWarnedAboutReanimatedSupport) {
+        hasWarnedAboutReanimatedSupport = true;
+        console.error(`${message} Falling back to static rendering (animations will not run).`);
+      }
+    }
+    return new StaticContainer(Skia, nativeId);
+  }
+};
+//# sourceMappingURL=Container.native.js.map

package/lib/module/sksg/Container.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Rea","HAS_REANIMATED_3","HAS_REANIMATED_4","REANIMATED_VERSION_MAJOR","ReanimatedRecorder","Container","StaticContainer","visit","SkiaViewApi","globalThis","NativeReanimatedContainer","constructor","Skia","nativeId","_defineProperty","stopMapper","mapperId","unmount","redraw","unmounted","recorder","root","sharedValues","getSharedValues","nativeRecorder","getRecorder","recorderId","getId","setJsiProperty","dispose","length","startMapper","applyUpdates","hasWarnedAboutReanimatedSupport","reanimatedSupportError","createContainer","message","__DEV__","Error","console","error"],"sources":["Container.native.ts"],"sourcesContent":["import Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia } from \"../skia/types\";\nimport {\n  HAS_REANIMATED_3,\n  HAS_REANIMATED_4,\n  REANIMATED_VERSION_MAJOR,\n} from \"../external/reanimated/renderHelpers\";\n\nimport { ReanimatedRecorder } from \"./Recorder/ReanimatedRecorder\";\nimport { Container, StaticContainer } from \"./StaticContainer\";\nimport { visit } from \"./Recorder/Visitor\";\n\nimport \"../skia/NativeSetup\";\nimport \"../views/api\";\n\n// create local reference for `strictGlobal` option in Worklets\nconst { SkiaViewApi } = globalThis;\n\n/**\n * Records the scene graph on the JS thread and hands the native recorder to\n * the view, which owns it and replays it on every draw. The Reanimated mapper\n * only pushes the shared values into that recorder through the view id: no\n * Skia object is captured by a worklet, so nothing on the UI runtime holds\n * native memory. The JS wrapper is disposed right after the handoff, so the\n * view is the sole owner and the resources referenced by the recording\n * (images, pictures) are released when the view replaces it or is torn down,\n * not when a garbage collector gets around to a wrapper.\n *\n * Unmounting does not clear the view: the native view can outlive the React\n * tree (exit animations, screen transitions) and keeps showing its last frame\n * until it is torn down, which is when the recording is released.\n */\nclass NativeReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n\n  constructor(\n    Skia: Skia,\n    private nativeId: number\n  ) {\n    super(Skia);\n  }\n\n  private stopMapper() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n  }\n\n  unmount() {\n    super.unmount();\n    this.stopMapper();\n  }\n\n  redraw() {\n    this.stopMapper();\n    if (this.unmounted) {\n      return;\n    }\n    const recorder = new ReanimatedRecorder(this.Skia);\n    visit(recorder, this.root);\n    const sharedValues = recorder.getSharedValues();\n    const { nativeId } = this;\n    const nativeRecorder = recorder.getRecorder();\n    // stopMapper() only takes effect on the UI thread later, so the previous\n    // mapper can still fire after the new recording is installed. Tagging the\n    // updates with the recording id lets the view ignore them.\n    const recorderId = nativeRecorder.getId();\n    // The view takes ownership of the recorder and draws the first frame. The\n    // wrapper is disposed right away: it would otherwise co-own the recording\n    // until the JS garbage collector finalizes it.\n    SkiaViewApi.setJsiProperty(nativeId, \"recorder\", nativeRecorder);\n    nativeRecorder.dispose();\n    if (sharedValues.length > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        SkiaViewApi.applyUpdates(nativeId, recorderId, sharedValues);\n      }, sharedValues);\n    }\n  }\n}\n\nlet hasWarnedAboutReanimatedSupport = false;\n\nconst reanimatedSupportError = () => {\n  if (REANIMATED_VERSION_MAJOR !== null && REANIMATED_VERSION_MAJOR >= 4) {\n    return (\n      \"React Native Skia requires react-native-worklets >= 0.7.0 for its \" +\n      \"Reanimated integration on native platforms. Reanimated 4 is \" +\n      \"installed, but react-native-worklets is missing or too old. \" +\n      \"Please install or upgrade react-native-worklets.\"\n    );\n  }\n  return (\n    \"React Native Skia requires Reanimated 4 (react-native-worklets >= \" +\n    \"0.7.0) for its Reanimated integration on native platforms. \" +\n    \"Reanimated 3 is not supported anymore: Skia objects cannot be used \" +\n    \"inside worklets or shared values with it. \" +\n    \"Please upgrade to react-native-reanimated >= 4.0.0.\"\n  );\n};\n\nexport const createContainer = (Skia: Skia, nativeId: number) => {\n  if (HAS_REANIMATED_4 && nativeId !== -1) {\n    return new NativeReanimatedContainer(Skia, nativeId);\n  } else {\n    if (HAS_REANIMATED_3 && !HAS_REANIMATED_4) {\n      const message = reanimatedSupportError();\n      if (__DEV__) {\n        // Fail loudly in development — a silent fallback to static rendering\n        // would only be noticed as frozen animations.\n        throw new Error(message);\n      }\n      if (!hasWarnedAboutReanimatedSupport) {\n        hasWarnedAboutReanimatedSupport = true;\n        console.error(\n          `${message} Falling back to static rendering (animations will not run).`\n        );\n      }\n    }\n    return new StaticContainer(Skia, nativeId);\n  }\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+import type { Skia } from "../skia/types";
+import { Container, StaticContainer } from "./StaticContainer";
+import "../skia/NativeSetup";
+import "../views/api";
+declare class ReanimatedContainer extends Container {
+    private nativeId;
+    private mapperId;
+    constructor(Skia: Skia, nativeId: number);
+    unmount(): void;
+    redraw(): void;
+}
+export declare const createContainer: (Skia: Skia, nativeId: number) => StaticContainer | ReanimatedContainer;
+export {};

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

@@ -0,0 +1,124 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import Rea from "../external/reanimated/ReanimatedProxy";
+import { HAS_REANIMATED_3 } from "../external/reanimated/renderHelpers";
+import { Recorder, disposeRecording } from "./Recorder/Recorder";
+import { visit } from "./Recorder/Visitor";
+import { replay } from "./Recorder/Player";
+import { createDrawingContext } from "./Recorder/DrawingContext";
+import { Container, StaticContainer } from "./StaticContainer";
+import "../skia/NativeSetup";
+import "../views/api";
+
+// create local reference for `strictGlobal` option in Worklets
+const {
+  SkiaViewApi
+} = globalThis;
+const drawOnscreen = (Skia, nativeId, recording) => {
+  "worklet";
+
+  var _recording$lastPictur;
+  const rec = Skia.PictureRecorder();
+  const canvas = rec.beginRecording();
+  //const start = performance.now();
+
+  const ctx = createDrawingContext(Skia, recording.paintPool, canvas);
+  let picture;
+  try {
+    replay(ctx, recording.commands);
+    picture = rec.finishRecordingAsPicture();
+  } finally {
+    // Frame-scoped objects (shaders, filters, paint copies, ...) are
+    // referenced by the picture once it is finished — delete the JS handles,
+    // otherwise they leak on Web where the GC cannot see WASM memory.
+    ctx.dispose();
+    rec.dispose();
+  }
+  //const end = performance.now();
+  //console.log("Recording time: ", end - start);
+  SkiaViewApi.setJsiProperty(nativeId, "picture", picture);
+  // The view now references the new picture; the previous one is ours to
+  // delete.
+  (_recording$lastPictur = recording.lastPicture) === null || _recording$lastPictur === void 0 || _recording$lastPictur.dispose();
+  recording.lastPicture = picture;
+};
+class ReanimatedContainer extends Container {
+  constructor(Skia, nativeId) {
+    super(Skia);
+    this.nativeId = nativeId;
+    _defineProperty(this, "mapperId", null);
+  }
+  unmount() {
+    super.unmount();
+    if (this.mapperId !== null) {
+      // The mapper closure retains the recording and keeps updating the
+      // picture of an unmounted view — stop it or it leaks for the
+      // lifetime of the app.
+      Rea.stopMapper(this.mapperId);
+      this.mapperId = null;
+    }
+    const {
+      recording
+    } = this;
+    if (recording) {
+      this.recording = null;
+      // Deferred through the same channel as the draw calls so it runs after
+      // any of them that are still queued.
+      Rea.runOnUI(() => {
+        "worklet";
+
+        disposeRecording(recording);
+      })();
+    }
+  }
+  redraw() {
+    if (this.mapperId !== null) {
+      Rea.stopMapper(this.mapperId);
+      this.mapperId = null;
+    }
+    if (this.unmounted) {
+      return;
+    }
+    const previousRecording = this.recording;
+    const recorder = new Recorder();
+    visit(recorder, this.root);
+    const record = recorder.getRecording();
+    const {
+      animationValues
+    } = record;
+    this.recording = {
+      commands: record.commands,
+      paintPool: record.paintPool
+    };
+    const {
+      nativeId,
+      Skia,
+      recording
+    } = this;
+    if (animationValues.size > 0) {
+      this.mapperId = Rea.startMapper(() => {
+        "worklet";
+
+        drawOnscreen(Skia, nativeId, recording);
+      }, Array.from(animationValues));
+    }
+    Rea.runOnUI(() => {
+      "worklet";
+
+      if (previousRecording) {
+        // Runs after any still-queued draw of the previous recording.
+        disposeRecording(previousRecording);
+      }
+      drawOnscreen(Skia, nativeId, recording);
+    })();
+  }
+}
+export const createContainer = (Skia, nativeId) => {
+  if (HAS_REANIMATED_3 && nativeId !== -1) {
+    return new ReanimatedContainer(Skia, nativeId);
+  } else {
+    return new StaticContainer(Skia, nativeId);
+  }
+};
+//# sourceMappingURL=Container.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Rea","HAS_REANIMATED_3","Recorder","disposeRecording","visit","replay","createDrawingContext","Container","StaticContainer","SkiaViewApi","globalThis","drawOnscreen","Skia","nativeId","recording","_recording$lastPictur","rec","PictureRecorder","canvas","beginRecording","ctx","paintPool","picture","commands","finishRecordingAsPicture","dispose","setJsiProperty","lastPicture","ReanimatedContainer","constructor","_defineProperty","unmount","mapperId","stopMapper","runOnUI","redraw","unmounted","previousRecording","recorder","root","record","getRecording","animationValues","size","startMapper","Array","from","createContainer"],"sources":["Container.web.ts"],"sourcesContent":["import Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia } from \"../skia/types\";\nimport { HAS_REANIMATED_3 } from \"../external/reanimated/renderHelpers\";\n\nimport type { Recording } from \"./Recorder/Recorder\";\nimport { Recorder, disposeRecording } from \"./Recorder/Recorder\";\nimport { visit } from \"./Recorder/Visitor\";\nimport { replay } from \"./Recorder/Player\";\nimport { createDrawingContext } from \"./Recorder/DrawingContext\";\nimport { Container, StaticContainer } from \"./StaticContainer\";\n\nimport \"../skia/NativeSetup\";\nimport \"../views/api\";\n\n// create local reference for `strictGlobal` option in Worklets\nconst { SkiaViewApi } = globalThis;\n\nconst drawOnscreen = (Skia: Skia, nativeId: number, recording: Recording) => {\n  \"worklet\";\n  const rec = Skia.PictureRecorder();\n  const canvas = rec.beginRecording();\n  //const start = performance.now();\n\n  const ctx = createDrawingContext(Skia, recording.paintPool, canvas);\n  let picture;\n  try {\n    replay(ctx, recording.commands);\n    picture = rec.finishRecordingAsPicture();\n  } finally {\n    // Frame-scoped objects (shaders, filters, paint copies, ...) are\n    // referenced by the picture once it is finished — delete the JS handles,\n    // otherwise they leak on Web where the GC cannot see WASM memory.\n    ctx.dispose();\n    rec.dispose();\n  }\n  //const end = performance.now();\n  //console.log(\"Recording time: \", end - start);\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n  // The view now references the new picture; the previous one is ours to\n  // delete.\n  recording.lastPicture?.dispose();\n  recording.lastPicture = picture;\n};\n\nclass ReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n\n  constructor(\n    Skia: Skia,\n    private nativeId: number\n  ) {\n    super(Skia);\n  }\n\n  unmount() {\n    super.unmount();\n    if (this.mapperId !== null) {\n      // The mapper closure retains the recording and keeps updating the\n      // picture of an unmounted view — stop it or it leaks for the\n      // lifetime of the app.\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n    const { recording } = this;\n    if (recording) {\n      this.recording = null;\n      // Deferred through the same channel as the draw calls so it runs after\n      // any of them that are still queued.\n      Rea.runOnUI(() => {\n        \"worklet\";\n        disposeRecording(recording);\n      })();\n    }\n  }\n\n  redraw() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n    if (this.unmounted) {\n      return;\n    }\n    const previousRecording = this.recording;\n    const recorder = new Recorder();\n    visit(recorder, this.root);\n    const record = recorder.getRecording();\n    const { animationValues } = record;\n    this.recording = {\n      commands: record.commands,\n      paintPool: record.paintPool,\n    };\n    const { nativeId, Skia, recording } = this;\n    if (animationValues.size > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        drawOnscreen(Skia, nativeId, recording!);\n      }, Array.from(animationValues));\n    }\n    Rea.runOnUI(() => {\n      \"worklet\";\n      if (previousRecording) {\n        // Runs after any still-queued draw of the previous recording.\n        disposeRecording(previousRecording);\n      }\n      drawOnscreen(Skia, nativeId, recording!);\n    })();\n  }\n}\n\nexport const createContainer = (Skia: Skia, nativeId: number) => {\n  if (HAS_REANIMATED_3 && nativeId !== -1) {\n    return new ReanimatedContainer(Skia, nativeId);\n  } else {\n    return new StaticContainer(Skia, nativeId);\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/sksg/Elements.d.ts

@@ -0,0 +1,67 @@
+import type { FractalNoiseProps, 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, ChildrenProps, MorphologyImageFilterProps, BlendProps, SkottieProps, ImageFilterProps } from "../dom/types";
+import type { SkiaProps } from "../renderer";
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            skGroup: SkiaProps<GroupProps>;
+            skLayer: SkiaProps<ChildrenProps>;
+            skPaint: SkiaProps<PaintProps>;
+            skFill: SkiaProps<DrawingNodeProps>;
+            skImage: SkiaProps<ImageProps>;
+            skCircle: SkiaProps<CircleProps>;
+            skPath: SkiaProps<PathProps>;
+            skLine: SkiaProps<LineProps>;
+            skOval: SkiaProps<OvalProps>;
+            skPatch: SkiaProps<PatchProps>;
+            skPoints: SkiaProps<PointsProps>;
+            skRect: SkiaProps<RectProps>;
+            skRRect: SkiaProps<RoundedRectProps>;
+            skAtlas: SkiaProps<AtlasProps>;
+            skVertices: SkiaProps<VerticesProps>;
+            skText: SkiaProps<TextProps>;
+            skTextPath: SkiaProps<TextPathProps>;
+            skTextBlob: SkiaProps<TextBlobProps>;
+            skGlyphs: SkiaProps<GlyphsProps>;
+            skDiffRect: SkiaProps<DiffRectProps>;
+            skSkottie: SkiaProps<SkottieProps>;
+            skPicture: SkiaProps<PictureProps>;
+            skImageSVG: SkiaProps<ImageSVGProps>;
+            skBlurMaskFilter: SkiaProps<BlurMaskFilterProps>;
+            skImageFilter: SkiaProps<ImageFilterProps>;
+            skBlendImageFilter: SkiaProps<BlendImageFilterProps>;
+            skBlurImageFilter: SkiaProps<BlurImageFilterProps>;
+            skOffsetImageFilter: SkiaProps<OffsetImageFilterProps>;
+            skDropShadowImageFilter: SkiaProps<DropShadowImageFilterProps>;
+            skDisplacementMapImageFilter: SkiaProps<DisplacementMapImageFilterProps>;
+            skRuntimeShaderImageFilter: SkiaProps<RuntimeShaderImageFilterProps>;
+            skMorphologyImageFilter: SkiaProps<MorphologyImageFilterProps>;
+            skMatrixColorFilter: SkiaProps<MatrixColorFilterProps>;
+            skBlendColorFilter: SkiaProps<BlendColorFilterProps>;
+            skLinearToSRGBGammaColorFilter: SkiaProps<ChildrenProps>;
+            skSRGBToLinearGammaColorFilter: SkiaProps<ChildrenProps>;
+            skLumaColorFilter: SkiaProps<ChildrenProps>;
+            skLerpColorFilter: SkiaProps<LerpColorFilterProps>;
+            skShader: SkiaProps<ShaderProps>;
+            skImageShader: SkiaProps<ImageShaderProps>;
+            skColorShader: SkiaProps<ColorProps>;
+            skTurbulence: SkiaProps<TurbulenceProps>;
+            skFractalNoise: SkiaProps<FractalNoiseProps>;
+            skLinearGradient: SkiaProps<LinearGradientProps>;
+            skRadialGradient: SkiaProps<RadialGradientProps>;
+            skSweepGradient: SkiaProps<SweepGradientProps>;
+            skTwoPointConicalGradient: SkiaProps<TwoPointConicalGradientProps>;
+            skDiscretePathEffect: SkiaProps<DiscretePathEffectProps>;
+            skDashPathEffect: SkiaProps<DashPathEffectProps>;
+            skPath1DPathEffect: SkiaProps<Path1DPathEffectProps>;
+            skPath2DPathEffect: SkiaProps<Path2DPathEffectProps>;
+            skCornerPathEffect: SkiaProps<CornerPathEffectProps>;
+            skSumPathEffect: ChildrenProps;
+            skLine2DPathEffect: SkiaProps<Line2DPathEffectProps>;
+            skBlend: SkiaProps<BlendProps>;
+            skBackdropFilter: SkiaProps<ChildrenProps>;
+            skBox: SkiaProps<BoxProps>;
+            skBoxShadow: SkiaProps<BoxShadowProps>;
+            skParagraph: SkiaProps<ParagraphProps>;
+        }
+    }
+}

package/lib/module/sksg/Elements.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Elements.js.map

package/lib/module/sksg/Elements.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["Elements.tsx"],"sourcesContent":["import type {\n  FractalNoiseProps,\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  ChildrenProps,\n  MorphologyImageFilterProps,\n  BlendProps,\n  SkottieProps,\n  ImageFilterProps,\n} from \"../dom/types\";\nimport type { SkiaProps } from \"../renderer\";\n\ndeclare module \"react\" {\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      skSkottie: SkiaProps<SkottieProps>;\n      skPicture: SkiaProps<PictureProps>;\n      skImageSVG: SkiaProps<ImageSVGProps>;\n\n      // BlurMaskFilters\n      skBlurMaskFilter: SkiaProps<BlurMaskFilterProps>;\n\n      // ImageFilters\n      skImageFilter: SkiaProps<ImageFilterProps>;\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"],"mappings":"","ignoreList":[]}

package/lib/module/sksg/HostConfig.d.ts

@@ -0,0 +1,19 @@
+import type { HostConfig } from "react-reconciler";
+import type { NodeType } from "../dom/types";
+import type { Node } from "./Node";
+import type { Container } from "./StaticContainer";
+export declare const debug: (...args: Parameters<typeof console.log>) => void;
+type Instance = Node;
+type Props = object;
+type TextInstance = Node;
+type SuspenseInstance = Instance;
+type HydratableInstance = Instance;
+type PublicInstance = Instance;
+type HostContext = object;
+type UpdatePayload = Container;
+type ChildSet = Node[];
+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 sksgHostConfig: SkiaHostConfig;
+export {};

package/lib/module/sksg/HostConfig.js

@@ -0,0 +1,173 @@
+/*global NodeJS*/
+import { createContext } from "react";
+import { DefaultEventPriority } from "react-reconciler/constants";
+import { shallowEq } from "../renderer/typeddash";
+const NoEventPriority = 0;
+const DEBUG = false;
+export const debug = (...args) => {
+  if (DEBUG) {
+    console.log(...args);
+  }
+};
+let currentUpdatePriority = NoEventPriority;
+export const sksgHostConfig = {
+  /**
+   * This function is used by the reconciler in order to calculate current time for prioritising work.
+   */
+  supportsMutation: false,
+  isPrimaryRenderer: false,
+  supportsPersistence: true,
+  supportsHydration: false,
+  //supportsMicrotask: true,
+  scheduleTimeout: setTimeout,
+  cancelTimeout: clearTimeout,
+  noTimeout: -1,
+  getRootHostContext: _rootContainerInstance => {
+    debug("getRootHostContext");
+    return {};
+  },
+  getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {
+    debug("getChildHostContext");
+    return {};
+  },
+  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, propsWithChildren, _container, _hostContext, _internalInstanceHandle) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const {
+      children,
+      ...props
+    } = propsWithChildren;
+    debug("createInstance", type);
+    const instance = {
+      type,
+      props,
+      children: []
+    };
+    return instance;
+  },
+  appendInitialChild(parentInstance, child) {
+    parentInstance.children.push(child);
+  },
+  finalizeInitialChildren(parentInstance, _type, _props, _rootContainerInstance, _hostContext) {
+    debug("finalizeInitialChildren", parentInstance);
+    return false;
+  },
+  commitMount() {
+    // if finalizeInitialChildren = true
+    debug("commitMount");
+  },
+  prepareForCommit(_container) {
+    debug("prepareForCommit");
+    return null;
+  },
+  resetAfterCommit(container) {
+    debug("resetAfterCommit");
+    container.redraw();
+  },
+  getPublicInstance(node) {
+    debug("getPublicInstance");
+    return node;
+  },
+  commitTextUpdate: (_textInstance, _oldText, _newText) => {
+    //  textInstance.instance = newText;
+  },
+  clearContainer: _container => {
+    debug("clearContainer");
+  },
+  prepareUpdate(_instance, _type, oldProps, newProps, container, _hostContext) {
+    debug("prepareUpdate");
+    const propsAreEqual = shallowEq(oldProps, newProps);
+    if (propsAreEqual) {
+      return null;
+    }
+    return container;
+  },
+  preparePortalMount: () => {
+    debug("preparePortalMount");
+  },
+  cloneInstance(instance, _type, _oldProps, newProps, keepChildren, _newChildSet) {
+    debug("cloneInstance");
+    return {
+      type: instance.type,
+      props: {
+        ...newProps
+      },
+      children: keepChildren ? [...instance.children] : []
+    };
+  },
+  createContainerChildSet() {
+    debug("createContainerChildSet");
+    return [];
+  },
+  appendChildToContainerChildSet(childSet, child) {
+    childSet.push(child);
+  },
+  finalizeContainerChildren(container, newChildren) {
+    debug("finalizeContainerChildren");
+    container.root = newChildren;
+  },
+  replaceContainerChildren(container, newChildren) {
+    container.root = newChildren;
+  },
+  cloneHiddenInstance(_instance, _type, _props) {
+    debug("cloneHiddenInstance");
+    throw new Error("Not yet implemented.");
+  },
+  cloneHiddenTextInstance(_instance, _text) {
+    debug("cloneHiddenTextInstance");
+    throw new Error("Not yet implemented.");
+  },
+  // see https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874
+  getCurrentEventPriority: () => DefaultEventPriority,
+  beforeActiveInstanceBlur: () => {},
+  afterActiveInstanceBlur: () => {},
+  detachDeletedInstance: _node => {},
+  getInstanceFromNode: function (_node) {
+    throw new Error("Function not implemented.");
+  },
+  prepareScopeUpdate: function (_scopeInstance, _instance) {
+    throw new Error("Function not implemented.");
+  },
+  getInstanceFromScope: function (_scopeInstance) {
+    throw new Error("Function not implemented.");
+  },
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-expect-error
+  shouldAttemptEagerTransition: () => false,
+  trackSchedulerEvent: () => {},
+  resolveEventType: () => null,
+  resolveEventTimeStamp: () => -1.1,
+  requestPostPaintCallback() {},
+  maySuspendCommit: () => false,
+  preloadInstance: () => true,
+  // true indicates already loaded
+  startSuspendingCommit() {},
+  suspendInstance() {},
+  waitForCommitToBeReady: () => null,
+  NotPendingTransition: null,
+  HostTransitionContext: /*#__PURE__*/createContext(null),
+  setCurrentUpdatePriority(newPriority) {
+    currentUpdatePriority = newPriority;
+  },
+  getCurrentUpdatePriority() {
+    return currentUpdatePriority;
+  },
+  resolveUpdatePriority() {
+    if (currentUpdatePriority !== NoEventPriority) {
+      return currentUpdatePriority;
+    }
+    return DefaultEventPriority;
+  },
+  resetFormInstance() {},
+  // DefinitelyTyped is not up to date, these are needed for devtools
+  rendererVersion: "0.0.1",
+  rendererPackageName: "react-native-skia"
+};
+//# sourceMappingURL=HostConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","DefaultEventPriority","shallowEq","NoEventPriority","DEBUG","debug","args","console","log","currentUpdatePriority","sksgHostConfig","supportsMutation","isPrimaryRenderer","supportsPersistence","supportsHydration","scheduleTimeout","setTimeout","cancelTimeout","clearTimeout","noTimeout","getRootHostContext","_rootContainerInstance","getChildHostContext","_parentHostContext","_type","shouldSetTextContent","_props","createTextInstance","_text","_hostContext","_internalInstanceHandle","Error","createInstance","type","propsWithChildren","_container","children","props","instance","appendInitialChild","parentInstance","child","push","finalizeInitialChildren","commitMount","prepareForCommit","resetAfterCommit","container","redraw","getPublicInstance","node","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","prepareUpdate","_instance","oldProps","newProps","propsAreEqual","preparePortalMount","cloneInstance","_oldProps","keepChildren","_newChildSet","createContainerChildSet","appendChildToContainerChildSet","childSet","finalizeContainerChildren","newChildren","root","replaceContainerChildren","cloneHiddenInstance","cloneHiddenTextInstance","getCurrentEventPriority","beforeActiveInstanceBlur","afterActiveInstanceBlur","detachDeletedInstance","_node","getInstanceFromNode","prepareScopeUpdate","_scopeInstance","getInstanceFromScope","shouldAttemptEagerTransition","trackSchedulerEvent","resolveEventType","resolveEventTimeStamp","requestPostPaintCallback","maySuspendCommit","preloadInstance","startSuspendingCommit","suspendInstance","waitForCommitToBeReady","NotPendingTransition","HostTransitionContext","setCurrentUpdatePriority","newPriority","getCurrentUpdatePriority","resolveUpdatePriority","resetFormInstance","rendererVersion","rendererPackageName"],"sources":["HostConfig.ts"],"sourcesContent":["/*global NodeJS*/\nimport { createContext } from \"react\";\nimport type { Fiber, HostConfig } from \"react-reconciler\";\nimport { DefaultEventPriority } from \"react-reconciler/constants\";\n\nimport type { NodeType } from \"../dom/types\";\nimport { shallowEq } from \"../renderer/typeddash\";\n\nimport type { Node } from \"./Node\";\nimport type { Container } from \"./StaticContainer\";\n\ntype EventPriority = number;\nconst NoEventPriority = 0;\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;\n\ntype Props = object;\ntype TextInstance = Node;\ntype SuspenseInstance = Instance;\ntype HydratableInstance = Instance;\ntype PublicInstance = Instance;\ntype HostContext = object;\ntype UpdatePayload = Container;\ntype ChildSet = Node[];\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>;\nlet currentUpdatePriority: EventPriority = NoEventPriority;\n\nexport const sksgHostConfig: SkiaHostConfig = {\n  /**\n   * This function is used by the reconciler in order to calculate current time for prioritising work.\n   */\n  supportsMutation: false,\n  isPrimaryRenderer: false,\n  supportsPersistence: true,\n  supportsHydration: false,\n  //supportsMicrotask: true,\n  scheduleTimeout: setTimeout,\n  cancelTimeout: clearTimeout,\n  noTimeout: -1,\n\n  getRootHostContext: (_rootContainerInstance: Container) => {\n    debug(\"getRootHostContext\");\n    return {};\n  },\n\n  getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {\n    debug(\"getChildHostContext\");\n    return {};\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    propsWithChildren,\n    _container,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const { children, ...props } = propsWithChildren as any;\n    debug(\"createInstance\", type);\n    const instance = {\n      type,\n      props,\n      children: [],\n    };\n    return instance;\n  },\n\n  appendInitialChild(parentInstance: Instance, child: Instance | TextInstance) {\n    parentInstance.children.push(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(_container: Container) {\n    debug(\"prepareForCommit\");\n    return null;\n  },\n\n  resetAfterCommit(container: Container) {\n    debug(\"resetAfterCommit\");\n    container.redraw();\n  },\n\n  getPublicInstance(node: Instance) {\n    debug(\"getPublicInstance\");\n    return node;\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  },\n\n  prepareUpdate(\n    _instance: Instance,\n    _type: string,\n    oldProps: Props,\n    newProps: Props,\n    container: Container,\n    _hostContext: HostContext\n  ) {\n    debug(\"prepareUpdate\");\n    const propsAreEqual = shallowEq(oldProps, newProps);\n    if (propsAreEqual) {\n      return null;\n    }\n    return container;\n  },\n\n  preparePortalMount: () => {\n    debug(\"preparePortalMount\");\n  },\n\n  cloneInstance(\n    instance,\n    _type,\n    _oldProps,\n    newProps,\n    keepChildren,\n    _newChildSet\n  ) {\n    debug(\"cloneInstance\");\n    return {\n      type: instance.type,\n      props: { ...newProps },\n      children: keepChildren ? [...instance.children] : [],\n    };\n  },\n\n  createContainerChildSet(): ChildSet {\n    debug(\"createContainerChildSet\");\n    return [];\n  },\n\n  appendChildToContainerChildSet(\n    childSet: ChildSet,\n    child: Instance | TextInstance\n  ): void {\n    childSet.push(child);\n  },\n\n  finalizeContainerChildren(container: Container, newChildren: ChildSet) {\n    debug(\"finalizeContainerChildren\");\n    container.root = newChildren;\n  },\n\n  replaceContainerChildren(container: Container, newChildren: ChildSet) {\n    container.root = newChildren;\n  },\n\n  cloneHiddenInstance(\n    _instance: Instance,\n    _type: string,\n    _props: Props\n  ): Instance {\n    debug(\"cloneHiddenInstance\");\n    throw new Error(\"Not yet implemented.\");\n  },\n\n  cloneHiddenTextInstance(_instance: Instance, _text: string): TextInstance {\n    debug(\"cloneHiddenTextInstance\");\n    throw new Error(\"Not yet implemented.\");\n  },\n  // see https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874\n  getCurrentEventPriority: () => DefaultEventPriority,\n  beforeActiveInstanceBlur: () => {},\n  afterActiveInstanceBlur: () => {},\n  detachDeletedInstance: (_node: Instance) => {},\n  getInstanceFromNode: function (_node): Fiber | null | undefined {\n    throw new Error(\"Function not implemented.\");\n  },\n  prepareScopeUpdate: function (_scopeInstance, _instance): void {\n    throw new Error(\"Function not implemented.\");\n  },\n  getInstanceFromScope: function (_scopeInstance): Instance | null {\n    throw new Error(\"Function not implemented.\");\n  },\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-expect-error\n  shouldAttemptEagerTransition: () => false,\n  trackSchedulerEvent: () => {},\n  resolveEventType: () => null,\n  resolveEventTimeStamp: () => -1.1,\n  requestPostPaintCallback() {},\n  maySuspendCommit: () => false,\n  preloadInstance: () => true, // true indicates already loaded\n  startSuspendingCommit() {},\n  suspendInstance() {},\n  waitForCommitToBeReady: () => null,\n  NotPendingTransition: null,\n  HostTransitionContext: createContext(null),\n  setCurrentUpdatePriority(newPriority: number) {\n    currentUpdatePriority = newPriority;\n  },\n  getCurrentUpdatePriority() {\n    return currentUpdatePriority;\n  },\n  resolveUpdatePriority() {\n    if (currentUpdatePriority !== NoEventPriority) {\n      return currentUpdatePriority;\n    }\n    return DefaultEventPriority;\n  },\n  resetFormInstance() {},\n\n  // DefinitelyTyped is not up to date, these are needed for devtools\n  rendererVersion: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/sksg/Node.d.ts

@@ -0,0 +1,19 @@
+import { NodeType } from "../dom/types";
+export interface Node<Props = unknown> {
+    type: NodeType;
+    props: Props;
+    children: Node[];
+}
+export declare const isColorFilter: (type: NodeType) => type is NodeType.MatrixColorFilter | NodeType.BlendColorFilter | NodeType.LinearToSRGBGammaColorFilter | NodeType.SRGBToLinearGammaColorFilter | NodeType.LumaColorFilter | NodeType.LerpColorFilter;
+export declare const isPathEffect: (type: NodeType) => type is NodeType.DiscretePathEffect | NodeType.DashPathEffect | NodeType.Path1DPathEffect | NodeType.Path2DPathEffect | NodeType.CornerPathEffect | NodeType.SumPathEffect | NodeType.Line2DPathEffect;
+export declare const isImageFilter: (type: NodeType) => type is NodeType.OffsetImageFilter | NodeType.DisplacementMapImageFilter | NodeType.BlurImageFilter | NodeType.DropShadowImageFilter | NodeType.MorphologyImageFilter | NodeType.BlendImageFilter | NodeType.RuntimeShaderImageFilter | NodeType.ImageFilter;
+export declare const isShader: (type: NodeType) => type is NodeType.Shader | NodeType.ImageShader | NodeType.ColorShader | NodeType.Turbulence | NodeType.FractalNoise | NodeType.LinearGradient | NodeType.RadialGradient | NodeType.SweepGradient | NodeType.TwoPointConicalGradient;
+export declare const sortNodeChildren: (parent: Node) => {
+    colorFilters: Node<unknown>[];
+    drawings: Node<unknown>[];
+    maskFilters: Node<unknown>[];
+    shaders: Node<unknown>[];
+    pathEffects: Node<unknown>[];
+    imageFilters: Node<unknown>[];
+    paints: Node<unknown>[];
+};