@shopify/react-native-skia 1.8.0 → 1.8.2

package/lib/commonjs/sksg/Container.js

@@ -5,25 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Container = void 0;
 var _ReanimatedProxy = _interopRequireDefault(require("../external/reanimated/ReanimatedProxy"));
-var _renderHelpers = require("../external/reanimated/renderHelpers");
-var _DrawingContext = require("./DrawingContext");
-var _nodes = require("./nodes");
+var _utils = require("./utils");
+var _Recorder = require("./Recorder/Recorder");
+var _Visitor = require("./Recorder/Visitor");
+var _Player = require("./Recorder/Player");
+var _DrawingContext = require("./Recorder/DrawingContext");
+var _Recording = require("./Recorder/Recording");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const drawOnscreen = (Skia, nativeId, root) => {
+const drawOnscreen = (Skia, nativeId, recording) => {
   "worklet";
 
   const rec = Skia.PictureRecorder();
   const canvas = rec.beginRecording();
-  // TODO: This is only support from 3.15 and above (check the exact version)
-  // This could be polyfilled in C++ if needed (or in JS via functions only?)
-  const ctx = (0, _DrawingContext.createDrawingContext)(Skia, canvas);
-  root.forEach(node => {
-    (0, _nodes.draw)(ctx, node);
-  });
+  // const start = performance.now();
+
+  // TODO: because the pool is not a shared value here, it is copied on every frame
+  const ctx = (0, _DrawingContext.createDrawingContext)(Skia, recording.paintPool, canvas);
+  //console.log(recording.commands);
+  (0, _Player.replay)(ctx, recording.commands);
   const picture = rec.finishRecordingAsPicture();
+  //const end = performance.now();
+  //console.log("Recording time: ", end - start);
   SkiaViewApi.setJsiProperty(nativeId, "picture", picture);
 };
 class Container {
@@ -31,6 +36,7 @@ class Container {
     this.Skia = Skia;
     this.nativeId = nativeId;
     _defineProperty(this, "_root", []);
+    _defineProperty(this, "_recording", null);
     _defineProperty(this, "unmounted", false);
     _defineProperty(this, "values", new Set());
     _defineProperty(this, "mapperId", null);
@@ -40,41 +46,39 @@ class Container {
   }
   set root(root) {
     const isOnscreen = this.nativeId !== -1;
-    if (_renderHelpers.HAS_REANIMATED && !_renderHelpers.HAS_REANIMATED_3) {
-      throw new Error("React Native Skia only supports Reanimated 3 and above");
-    }
     if (isOnscreen) {
       if (this.mapperId !== null) {
         _ReanimatedProxy.default.stopMapper(this.mapperId);
       }
       const {
         nativeId,
-        Skia
+        Skia,
+        _recording
       } = this;
       this.mapperId = _ReanimatedProxy.default.startMapper(() => {
         "worklet";
 
-        drawOnscreen(Skia, nativeId, root);
+        drawOnscreen(Skia, nativeId, _recording);
       }, Array.from(this.values));
     }
     this._root = root;
+    const recorder = new _Recorder.Recorder();
+    (0, _Visitor.visit)(recorder, root);
+    this._recording = (0, _Recording.createRecording)(recorder.commands);
   }
   clear() {
     console.log("clear container");
   }
   redraw() {
     const isOnscreen = this.nativeId !== -1;
-    if (_renderHelpers.HAS_REANIMATED && !_renderHelpers.HAS_REANIMATED_3) {
-      throw new Error("React Native Skia only supports Reanimated 3 and above");
-    }
     if (isOnscreen) {
       const {
         nativeId,
         Skia,
-        root
+        _recording
       } = this;
       _ReanimatedProxy.default.runOnUI(() => {
-        drawOnscreen(Skia, nativeId, root);
+        drawOnscreen(Skia, nativeId, _recording);
       })();
     }
   }
@@ -82,20 +86,22 @@ class Container {
     return this.nativeId;
   }
   unregisterValues(values) {
-    Object.values(values).filter(_nodes.isSharedValue).forEach(value => {
+    Object.values(values).filter(_utils.isSharedValue).forEach(value => {
       this.values.delete(value);
     });
   }
   registerValues(values) {
-    Object.values(values).filter(_nodes.isSharedValue).forEach(value => {
+    Object.values(values).filter(_utils.isSharedValue).forEach(value => {
       this.values.add(value);
     });
   }
   drawOnCanvas(canvas) {
-    const ctx = (0, _DrawingContext.createDrawingContext)(this.Skia, canvas);
-    this.root.forEach(node => {
-      (0, _nodes.draw)(ctx, node);
-    });
+    if (!this._recording) {
+      throw new Error("No recording to draw");
+    }
+    const ctx = (0, _DrawingContext.createDrawingContext)(this.Skia, this._recording.paintPool, canvas);
+    //console.log(this._recording);
+    (0, _Player.replay)(ctx, this._recording.commands);
   }
 }
 exports.Container = Container;

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

@@ -1 +1 @@
-{"version":3,"names":["_ReanimatedProxy","_interopRequireDefault","require","_renderHelpers","_DrawingContext","_nodes","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","drawOnscreen","Skia","nativeId","root","rec","PictureRecorder","canvas","beginRecording","ctx","createDrawingContext","forEach","node","draw","picture","finishRecordingAsPicture","SkiaViewApi","setJsiProperty","Container","constructor","Set","_root","isOnscreen","HAS_REANIMATED","HAS_REANIMATED_3","Error","mapperId","Rea","stopMapper","startMapper","Array","from","values","clear","console","log","redraw","runOnUI","getNativeId","unregisterValues","filter","isSharedValue","delete","registerValues","add","drawOnCanvas","exports"],"sources":["Container.ts"],"sourcesContent":["import { type SharedValue } from \"react-native-reanimated\";\n\nimport Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia, SkCanvas } from \"../skia/types\";\nimport {\n  HAS_REANIMATED,\n  HAS_REANIMATED_3,\n} from \"../external/reanimated/renderHelpers\";\n\nimport { createDrawingContext } from \"./DrawingContext\";\nimport type { Node } from \"./nodes\";\nimport { draw, isSharedValue } from \"./nodes\";\n\nconst drawOnscreen = (Skia: Skia, nativeId: number, root: Node[]) => {\n  \"worklet\";\n  const rec = Skia.PictureRecorder();\n  const canvas = rec.beginRecording();\n  // TODO: This is only support from 3.15 and above (check the exact version)\n  // This could be polyfilled in C++ if needed (or in JS via functions only?)\n  const ctx = createDrawingContext(Skia, canvas);\n  root.forEach((node) => {\n    draw(ctx, node);\n  });\n  const picture = rec.finishRecordingAsPicture();\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n};\n\nexport class Container {\n  public _root: Node[] = [];\n  public unmounted = false;\n\n  private values = new Set<SharedValue<unknown>>();\n  private mapperId: number | null = null;\n\n  constructor(public Skia: Skia, private nativeId: number) {}\n\n  get root() {\n    return this._root;\n  }\n\n  set root(root: Node[]) {\n    const isOnscreen = this.nativeId !== -1;\n    if (HAS_REANIMATED && !HAS_REANIMATED_3) {\n      throw new Error(\"React Native Skia only supports Reanimated 3 and above\");\n    }\n    if (isOnscreen) {\n      if (this.mapperId !== null) {\n        Rea.stopMapper(this.mapperId);\n      }\n      const { nativeId, Skia } = this;\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        drawOnscreen(Skia, nativeId, root);\n      }, Array.from(this.values));\n    }\n    this._root = root;\n  }\n\n  clear() {\n    console.log(\"clear container\");\n  }\n\n  redraw() {\n    const isOnscreen = this.nativeId !== -1;\n    if (HAS_REANIMATED && !HAS_REANIMATED_3) {\n      throw new Error(\"React Native Skia only supports Reanimated 3 and above\");\n    }\n    if (isOnscreen) {\n      const { nativeId, Skia, root } = this;\n      Rea.runOnUI(() => {\n        drawOnscreen(Skia, nativeId, root);\n      })();\n    }\n  }\n\n  getNativeId() {\n    return this.nativeId;\n  }\n\n  unregisterValues(values: object) {\n    Object.values(values)\n      .filter(isSharedValue)\n      .forEach((value) => {\n        this.values.delete(value);\n      });\n  }\n\n  registerValues(values: object) {\n    Object.values(values)\n      .filter(isSharedValue)\n      .forEach((value) => {\n        this.values.add(value);\n      });\n  }\n\n  drawOnCanvas(canvas: SkCanvas) {\n    const ctx = createDrawingContext(this.Skia, canvas);\n    this.root.forEach((node) => {\n      draw(ctx, node);\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_ReanimatedProxy","_interopRequireDefault","require","_utils","_Recorder","_Visitor","_Player","_DrawingContext","_Recording","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","drawOnscreen","Skia","nativeId","recording","rec","PictureRecorder","canvas","beginRecording","ctx","createDrawingContext","paintPool","replay","commands","picture","finishRecordingAsPicture","SkiaViewApi","setJsiProperty","Container","constructor","Set","root","_root","isOnscreen","mapperId","Rea","stopMapper","_recording","startMapper","Array","from","values","recorder","Recorder","visit","createRecording","clear","console","log","redraw","runOnUI","getNativeId","unregisterValues","filter","isSharedValue","forEach","delete","registerValues","add","drawOnCanvas","Error","exports"],"sources":["Container.ts"],"sourcesContent":["import { type SharedValue } from \"react-native-reanimated\";\n\nimport Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia, SkCanvas } from \"../skia/types\";\n\nimport type { Node } from \"./Node\";\nimport { isSharedValue } from \"./utils\";\nimport { Recorder } from \"./Recorder/Recorder\";\nimport { visit } from \"./Recorder/Visitor\";\nimport { replay } from \"./Recorder/Player\";\nimport { createDrawingContext } from \"./Recorder/DrawingContext\";\nimport { createRecording, type Recording } from \"./Recorder/Recording\";\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  // TODO: because the pool is not a shared value here, it is copied on every frame\n  const ctx = createDrawingContext(Skia, recording.paintPool, canvas);\n  //console.log(recording.commands);\n  replay(ctx, recording.commands);\n  const picture = rec.finishRecordingAsPicture();\n  //const end = performance.now();\n  //console.log(\"Recording time: \", end - start);\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n};\n\nexport class Container {\n  private _root: Node[] = [];\n  private _recording: Recording | null = null;\n  public unmounted = false;\n\n  private values = new Set<SharedValue<unknown>>();\n  private mapperId: number | null = null;\n\n  constructor(public Skia: Skia, private nativeId: number) {}\n\n  get root() {\n    return this._root;\n  }\n\n  set root(root: Node[]) {\n    const isOnscreen = this.nativeId !== -1;\n    if (isOnscreen) {\n      if (this.mapperId !== null) {\n        Rea.stopMapper(this.mapperId);\n      }\n      const { nativeId, Skia, _recording } = this;\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        drawOnscreen(Skia, nativeId, _recording!);\n      }, Array.from(this.values));\n    }\n    this._root = root;\n    const recorder = new Recorder();\n    visit(recorder, root);\n    this._recording = createRecording(recorder.commands);\n  }\n\n  clear() {\n    console.log(\"clear container\");\n  }\n\n  redraw() {\n    const isOnscreen = this.nativeId !== -1;\n    if (isOnscreen) {\n      const { nativeId, Skia, _recording } = this;\n      Rea.runOnUI(() => {\n        drawOnscreen(Skia, nativeId, _recording!);\n      })();\n    }\n  }\n\n  getNativeId() {\n    return this.nativeId;\n  }\n\n  unregisterValues(values: object) {\n    Object.values(values)\n      .filter(isSharedValue)\n      .forEach((value) => {\n        this.values.delete(value);\n      });\n  }\n\n  registerValues(values: object) {\n    Object.values(values)\n      .filter(isSharedValue)\n      .forEach((value) => {\n        this.values.add(value);\n      });\n  }\n\n  drawOnCanvas(canvas: SkCanvas) {\n    if (!this._recording) {\n      throw new Error(\"No recording to draw\");\n    }\n    const ctx = createDrawingContext(\n      this.Skia,\n      this._recording.paintPool,\n      canvas\n    );\n    //console.log(this._recording);\n    replay(ctx, this._recording.commands);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import type { HostConfig } from "react-reconciler";
-import { NodeType } from "../dom/types";
-import type { Node } from "./nodes/Node";
+import type { NodeType } from "../dom/types";
+import type { Node } from "./Node";
 import type { Container } from "./Container";
 export declare const debug: (message?: any, ...optionalParams: any[]) => void;
 type Instance = Node;

package/lib/commonjs/sksg/HostConfig.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sksgHostConfig = exports.debug = void 0;
 var _constants = require("react-reconciler/constants");
-var _types = require("../dom/types");
 var _typeddash = require("../renderer/typeddash");
 /*global NodeJS*/
 
@@ -16,26 +15,6 @@ const debug = (...args) => {
   }
 };
 exports.debug = debug;
-const isDeclaration = type => {
-  "worklet";
-
-  return (
-    // BlurMaskFilters
-    type === _types.NodeType.BlurMaskFilter ||
-    // ImageFilters
-    type === _types.NodeType.BlendImageFilter || type === _types.NodeType.BlurImageFilter || type === _types.NodeType.OffsetImageFilter || type === _types.NodeType.DropShadowImageFilter || type === _types.NodeType.MorphologyImageFilter || type === _types.NodeType.DisplacementMapImageFilter || type === _types.NodeType.RuntimeShaderImageFilter ||
-    // ColorFilters
-    type === _types.NodeType.MatrixColorFilter || type === _types.NodeType.BlendColorFilter || type === _types.NodeType.LumaColorFilter || type === _types.NodeType.LinearToSRGBGammaColorFilter || type === _types.NodeType.SRGBToLinearGammaColorFilter || type === _types.NodeType.LerpColorFilter ||
-    // Shaders
-    type === _types.NodeType.Shader || type === _types.NodeType.ImageShader || type === _types.NodeType.ColorShader || type === _types.NodeType.Turbulence || type === _types.NodeType.FractalNoise || type === _types.NodeType.LinearGradient || type === _types.NodeType.RadialGradient || type === _types.NodeType.SweepGradient || type === _types.NodeType.TwoPointConicalGradient ||
-    // Path Effects
-    type === _types.NodeType.CornerPathEffect || type === _types.NodeType.DiscretePathEffect || type === _types.NodeType.DashPathEffect || type === _types.NodeType.Path1DPathEffect || type === _types.NodeType.Path2DPathEffect || type === _types.NodeType.SumPathEffect || type === _types.NodeType.Line2DPathEffect ||
-    // Mixed
-    type === _types.NodeType.Blend ||
-    // Paint
-    type === _types.NodeType.Paint
-  );
-};
 const sksgHostConfig = exports.sksgHostConfig = {
   /**
    * This function is used by the reconciler in order to calculate current time for prioritising work.
@@ -64,12 +43,16 @@ const sksgHostConfig = exports.sksgHostConfig = {
     // return SpanNode({}, text) as SkNode;
     throw new Error("Text nodes are not supported yet");
   },
-  createInstance(type, props, container, _hostContext, _internalInstanceHandle) {
+  createInstance(type, propsWithChildren, container, _hostContext, _internalInstanceHandle) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const {
+      children,
+      ...props
+    } = propsWithChildren;
     debug("createInstance", type);
     container.registerValues(props);
     const instance = {
       type,
-      isDeclaration: isDeclaration(type),
       props,
       children: []
     };
@@ -123,8 +106,7 @@ const sksgHostConfig = exports.sksgHostConfig = {
     return {
       type: instance.type,
       props: newProps,
-      children: keepChildren ? [...instance.children] : [],
-      isDeclaration: instance.isDeclaration
+      children: keepChildren ? [...instance.children] : []
     };
   },
   createContainerChildSet() {

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

@@ -1 +1 @@
-{"version":3,"names":["_constants","require","_types","_typeddash","DEBUG","debug","args","console","log","exports","isDeclaration","type","NodeType","BlurMaskFilter","BlendImageFilter","BlurImageFilter","OffsetImageFilter","DropShadowImageFilter","MorphologyImageFilter","DisplacementMapImageFilter","RuntimeShaderImageFilter","MatrixColorFilter","BlendColorFilter","LumaColorFilter","LinearToSRGBGammaColorFilter","SRGBToLinearGammaColorFilter","LerpColorFilter","Shader","ImageShader","ColorShader","Turbulence","FractalNoise","LinearGradient","RadialGradient","SweepGradient","TwoPointConicalGradient","CornerPathEffect","DiscretePathEffect","DashPathEffect","Path1DPathEffect","Path2DPathEffect","SumPathEffect","Line2DPathEffect","Blend","Paint","sksgHostConfig","supportsMutation","isPrimaryRenderer","supportsPersistence","supportsHydration","scheduleTimeout","setTimeout","cancelTimeout","clearTimeout","noTimeout","getRootHostContext","_rootContainerInstance","getChildHostContext","_parentHostContext","_type","shouldSetTextContent","_props","createTextInstance","_text","_hostContext","_internalInstanceHandle","Error","createInstance","props","container","registerValues","instance","children","appendInitialChild","parentInstance","child","push","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","resetAfterCommit","redraw","getPublicInstance","node","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","clear","prepareUpdate","_instance","oldProps","newProps","propsAreEqual","shallowEq","unregisterValues","preparePortalMount","cloneInstance","_updatePayload","_oldProps","keepChildren","_recyclableInstance","createContainerChildSet","appendChildToContainerChildSet","childSet","finalizeContainerChildren","newChildren","root","replaceContainerChildren","cloneHiddenInstance","cloneHiddenTextInstance","getCurrentEventPriority","DefaultEventPriority","beforeActiveInstanceBlur","afterActiveInstanceBlur","detachDeletedInstance","getInstanceFromNode","_node","prepareScopeUpdate","_scopeInstance","getInstanceFromScope"],"sources":["HostConfig.ts"],"sourcesContent":["/*global NodeJS*/\nimport type { Fiber, HostConfig } from \"react-reconciler\";\nimport { DefaultEventPriority } from \"react-reconciler/constants\";\n\nimport { NodeType } from \"../dom/types\";\nimport { shallowEq } from \"../renderer/typeddash\";\n\nimport type { Node } from \"./nodes/Node\";\nimport type { Container } from \"./Container\";\n\nconst DEBUG = false;\nexport const debug = (...args: Parameters<typeof console.log>) => {\n  if (DEBUG) {\n    console.log(...args);\n  }\n};\n\nconst isDeclaration = (type: NodeType) => {\n  \"worklet\";\n  return (\n    // BlurMaskFilters\n    type === NodeType.BlurMaskFilter ||\n    // ImageFilters\n    type === NodeType.BlendImageFilter ||\n    type === NodeType.BlurImageFilter ||\n    type === NodeType.OffsetImageFilter ||\n    type === NodeType.DropShadowImageFilter ||\n    type === NodeType.MorphologyImageFilter ||\n    type === NodeType.DisplacementMapImageFilter ||\n    type === NodeType.RuntimeShaderImageFilter ||\n    // ColorFilters\n    type === NodeType.MatrixColorFilter ||\n    type === NodeType.BlendColorFilter ||\n    type === NodeType.LumaColorFilter ||\n    type === NodeType.LinearToSRGBGammaColorFilter ||\n    type === NodeType.SRGBToLinearGammaColorFilter ||\n    type === NodeType.LerpColorFilter ||\n    // Shaders\n    type === NodeType.Shader ||\n    type === NodeType.ImageShader ||\n    type === NodeType.ColorShader ||\n    type === NodeType.Turbulence ||\n    type === NodeType.FractalNoise ||\n    type === NodeType.LinearGradient ||\n    type === NodeType.RadialGradient ||\n    type === NodeType.SweepGradient ||\n    type === NodeType.TwoPointConicalGradient ||\n    // Path Effects\n    type === NodeType.CornerPathEffect ||\n    type === NodeType.DiscretePathEffect ||\n    type === NodeType.DashPathEffect ||\n    type === NodeType.Path1DPathEffect ||\n    type === NodeType.Path2DPathEffect ||\n    type === NodeType.SumPathEffect ||\n    type === NodeType.Line2DPathEffect ||\n    // Mixed\n    type === NodeType.Blend ||\n    // Paint\n    type === NodeType.Paint\n  );\n};\n\ntype Instance = Node;\n\ntype Props = object;\ntype TextInstance = Node;\ntype SuspenseInstance = Instance;\ntype HydratableInstance = Instance;\ntype PublicInstance = Instance;\ntype HostContext = null;\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>;\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 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    props,\n    container,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createInstance\", type);\n    container.registerValues(props);\n    const instance = {\n      type,\n      isDeclaration: isDeclaration(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(_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  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.clear();\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    container.unregisterValues(oldProps);\n    container.registerValues(newProps);\n    return container;\n  },\n\n  preparePortalMount: () => {\n    debug(\"preparePortalMount\");\n  },\n\n  cloneInstance(\n    instance,\n    _updatePayload,\n    _type,\n    _oldProps,\n    newProps,\n    _internalInstanceHandle,\n    keepChildren: boolean,\n    _recyclableInstance: null | Instance\n  ) {\n    debug(\"cloneInstance\");\n\n    return {\n      type: instance.type,\n      props: newProps,\n      children: keepChildren ? [...instance.children] : [],\n      isDeclaration: instance.isDeclaration,\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    debug(\"replaceContainerChildren\");\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: () => {},\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};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_constants","require","_typeddash","DEBUG","debug","args","console","log","exports","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","registerValues","instance","appendInitialChild","parentInstance","child","push","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","resetAfterCommit","redraw","getPublicInstance","node","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","clear","prepareUpdate","_instance","oldProps","newProps","propsAreEqual","shallowEq","unregisterValues","preparePortalMount","cloneInstance","_updatePayload","_oldProps","keepChildren","_recyclableInstance","createContainerChildSet","appendChildToContainerChildSet","childSet","finalizeContainerChildren","newChildren","root","replaceContainerChildren","cloneHiddenInstance","cloneHiddenTextInstance","getCurrentEventPriority","DefaultEventPriority","beforeActiveInstanceBlur","afterActiveInstanceBlur","detachDeletedInstance","getInstanceFromNode","_node","prepareScopeUpdate","_scopeInstance","getInstanceFromScope"],"sources":["HostConfig.ts"],"sourcesContent":["/*global NodeJS*/\nimport type { Fiber, HostConfig } from \"react-reconciler\";\nimport { DefaultEventPriority } from \"react-reconciler/constants\";\n\nimport type { NodeType } from \"../dom/types\";\nimport { shallowEq } from \"../renderer/typeddash\";\n\nimport type { Node } from \"./Node\";\nimport type { Container } from \"./Container\";\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 = null;\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>;\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 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    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    container.registerValues(props);\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(_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  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.clear();\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    container.unregisterValues(oldProps);\n    container.registerValues(newProps);\n    return container;\n  },\n\n  preparePortalMount: () => {\n    debug(\"preparePortalMount\");\n  },\n\n  cloneInstance(\n    instance,\n    _updatePayload,\n    _type,\n    _oldProps,\n    newProps,\n    _internalInstanceHandle,\n    keepChildren: boolean,\n    _recyclableInstance: null | Instance\n  ) {\n    debug(\"cloneInstance\");\n\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    debug(\"replaceContainerChildren\");\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: () => {},\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};\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/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;
+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>[];
+};

package/lib/commonjs/sksg/Node.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sortNodeChildren = exports.isShader = exports.isPathEffect = exports.isImageFilter = exports.isColorFilter = void 0;
+var _types = require("../dom/types");
+const isColorFilter = type => {
+  "worklet";
+
+  return type === _types.NodeType.BlendColorFilter || type === _types.NodeType.MatrixColorFilter || type === _types.NodeType.LerpColorFilter || type === _types.NodeType.LumaColorFilter || type === _types.NodeType.SRGBToLinearGammaColorFilter || type === _types.NodeType.LinearToSRGBGammaColorFilter;
+};
+exports.isColorFilter = isColorFilter;
+const isPathEffect = type => {
+  "worklet";
+
+  return type === _types.NodeType.DiscretePathEffect || type === _types.NodeType.DashPathEffect || type === _types.NodeType.Path1DPathEffect || type === _types.NodeType.Path2DPathEffect || type === _types.NodeType.CornerPathEffect || type === _types.NodeType.SumPathEffect || type === _types.NodeType.Line2DPathEffect;
+};
+exports.isPathEffect = isPathEffect;
+const isImageFilter = type => {
+  "worklet";
+
+  return type === _types.NodeType.OffsetImageFilter || type === _types.NodeType.DisplacementMapImageFilter || type === _types.NodeType.BlurImageFilter || type === _types.NodeType.DropShadowImageFilter || type === _types.NodeType.MorphologyImageFilter || type === _types.NodeType.BlendImageFilter || type === _types.NodeType.RuntimeShaderImageFilter;
+};
+exports.isImageFilter = isImageFilter;
+const isShader = type => {
+  "worklet";
+
+  return type === _types.NodeType.Shader || type === _types.NodeType.ImageShader || type === _types.NodeType.ColorShader || type === _types.NodeType.Turbulence || type === _types.NodeType.FractalNoise || type === _types.NodeType.LinearGradient || type === _types.NodeType.RadialGradient || type === _types.NodeType.SweepGradient || type === _types.NodeType.TwoPointConicalGradient;
+};
+exports.isShader = isShader;
+const sortNodeChildren = parent => {
+  "worklet";
+
+  const maskFilters = [];
+  const colorFilters = [];
+  const shaders = [];
+  const imageFilters = [];
+  const pathEffects = [];
+  const drawings = [];
+  const paints = [];
+  parent.children.forEach(node => {
+    if (isColorFilter(node.type)) {
+      colorFilters.push(node);
+    } else if (node.type === _types.NodeType.BlurMaskFilter) {
+      maskFilters.push(node);
+    } else if (isPathEffect(node.type)) {
+      pathEffects.push(node);
+    } else if (isImageFilter(node.type)) {
+      imageFilters.push(node);
+    } else if (isShader(node.type)) {
+      shaders.push(node);
+    } else if (node.type === _types.NodeType.Paint) {
+      paints.push(node);
+    } else if (node.type === _types.NodeType.Blend) {
+      if (node.children[0] && isImageFilter(node.children[0].type)) {
+        node.type = _types.NodeType.BlendImageFilter;
+        imageFilters.push(node);
+      } else {
+        node.type = _types.NodeType.Blend;
+        shaders.push(node);
+      }
+    } else {
+      drawings.push(node);
+    }
+  });
+  return {
+    colorFilters,
+    drawings,
+    maskFilters,
+    shaders,
+    pathEffects,
+    imageFilters,
+    paints
+  };
+};
+exports.sortNodeChildren = sortNodeChildren;
+//# sourceMappingURL=Node.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","isColorFilter","type","NodeType","BlendColorFilter","MatrixColorFilter","LerpColorFilter","LumaColorFilter","SRGBToLinearGammaColorFilter","LinearToSRGBGammaColorFilter","exports","isPathEffect","DiscretePathEffect","DashPathEffect","Path1DPathEffect","Path2DPathEffect","CornerPathEffect","SumPathEffect","Line2DPathEffect","isImageFilter","OffsetImageFilter","DisplacementMapImageFilter","BlurImageFilter","DropShadowImageFilter","MorphologyImageFilter","BlendImageFilter","RuntimeShaderImageFilter","isShader","Shader","ImageShader","ColorShader","Turbulence","FractalNoise","LinearGradient","RadialGradient","SweepGradient","TwoPointConicalGradient","sortNodeChildren","parent","maskFilters","colorFilters","shaders","imageFilters","pathEffects","drawings","paints","children","forEach","node","push","BlurMaskFilter","Paint","Blend"],"sources":["Node.ts"],"sourcesContent":["import { NodeType } from \"../dom/types\";\n\nexport interface Node<Props = unknown> {\n  type: NodeType;\n  props: Props;\n  children: Node[];\n}\n\nexport const isColorFilter = (type: NodeType) => {\n  \"worklet\";\n  return (\n    type === NodeType.BlendColorFilter ||\n    type === NodeType.MatrixColorFilter ||\n    type === NodeType.LerpColorFilter ||\n    type === NodeType.LumaColorFilter ||\n    type === NodeType.SRGBToLinearGammaColorFilter ||\n    type === NodeType.LinearToSRGBGammaColorFilter\n  );\n};\n\nexport const isPathEffect = (type: NodeType) => {\n  \"worklet\";\n  return (\n    type === NodeType.DiscretePathEffect ||\n    type === NodeType.DashPathEffect ||\n    type === NodeType.Path1DPathEffect ||\n    type === NodeType.Path2DPathEffect ||\n    type === NodeType.CornerPathEffect ||\n    type === NodeType.SumPathEffect ||\n    type === NodeType.Line2DPathEffect\n  );\n};\n\nexport const isImageFilter = (type: NodeType) => {\n  \"worklet\";\n  return (\n    type === NodeType.OffsetImageFilter ||\n    type === NodeType.DisplacementMapImageFilter ||\n    type === NodeType.BlurImageFilter ||\n    type === NodeType.DropShadowImageFilter ||\n    type === NodeType.MorphologyImageFilter ||\n    type === NodeType.BlendImageFilter ||\n    type === NodeType.RuntimeShaderImageFilter\n  );\n};\n\nexport const isShader = (type: NodeType) => {\n  \"worklet\";\n  return (\n    type === NodeType.Shader ||\n    type === NodeType.ImageShader ||\n    type === NodeType.ColorShader ||\n    type === NodeType.Turbulence ||\n    type === NodeType.FractalNoise ||\n    type === NodeType.LinearGradient ||\n    type === NodeType.RadialGradient ||\n    type === NodeType.SweepGradient ||\n    type === NodeType.TwoPointConicalGradient\n  );\n};\n\nexport const sortNodeChildren = (parent: Node) => {\n  \"worklet\";\n  const maskFilters: Node[] = [];\n  const colorFilters: Node[] = [];\n  const shaders: Node[] = [];\n  const imageFilters: Node[] = [];\n  const pathEffects: Node[] = [];\n  const drawings: Node[] = [];\n  const paints: Node[] = [];\n  parent.children.forEach((node) => {\n    if (isColorFilter(node.type)) {\n      colorFilters.push(node);\n    } else if (node.type === NodeType.BlurMaskFilter) {\n      maskFilters.push(node);\n    } else if (isPathEffect(node.type)) {\n      pathEffects.push(node);\n    } else if (isImageFilter(node.type)) {\n      imageFilters.push(node);\n    } else if (isShader(node.type)) {\n      shaders.push(node);\n    } else if (node.type === NodeType.Paint) {\n      paints.push(node);\n    } else if (node.type === NodeType.Blend) {\n      if (node.children[0] && isImageFilter(node.children[0].type)) {\n        node.type = NodeType.BlendImageFilter;\n        imageFilters.push(node);\n      } else {\n        node.type = NodeType.Blend;\n        shaders.push(node);\n      }\n    } else {\n      drawings.push(node);\n    }\n  });\n  return {\n    colorFilters,\n    drawings,\n    maskFilters,\n    shaders,\n    pathEffects,\n    imageFilters,\n    paints,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,7 +9,7 @@ export declare class SkiaSGRoot {
     get sg(): {
         type: NodeType;
         props: {};
-        children: import("./nodes").Node<unknown>[];
+        children: import("./Node").Node<unknown>[];
         isDeclaration: boolean;
     };
     render(element: ReactNode): void;

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

@@ -0,0 +1,79 @@
+import type { SharedValue } from "react-native-reanimated";
+import type { BlurMaskFilterProps, CircleProps, CTMProps, ImageProps, PointsProps, PathProps, RectProps, RoundedRectProps, OvalProps, LineProps, PatchProps, VerticesProps, DiffRectProps, TextProps, TextPathProps, TextBlobProps, GlyphsProps, PictureProps, ImageSVGProps, ParagraphProps, AtlasProps, DrawingNodeProps } from "../../dom/types";
+export declare enum CommandType {
+    SavePaint = 0,
+    RestorePaint = 1,
+    SaveCTM = 2,
+    RestoreCTM = 3,
+    PushColorFilter = 4,
+    PushBlurMaskFilter = 5,
+    PushImageFilter = 6,
+    PushPathEffect = 7,
+    PushShader = 8,
+    ComposeColorFilter = 9,
+    ComposeImageFilter = 10,
+    ComposePathEffect = 11,
+    MaterializePaint = 12,
+    SaveBackdropFilter = 13,
+    SaveLayer = 14,
+    RestorePaintDeclaration = 15,
+    DrawBox = 16,
+    DrawImage = 17,
+    DrawCircle = 18,
+    DrawPaint = 19,
+    DrawPoints = 20,
+    DrawPath = 21,
+    DrawRect = 22,
+    DrawRRect = 23,
+    DrawOval = 24,
+    DrawLine = 25,
+    DrawPatch = 26,
+    DrawVertices = 27,
+    DrawDiffRect = 28,
+    DrawText = 29,
+    DrawTextPath = 30,
+    DrawTextBlob = 31,
+    DrawGlyphs = 32,
+    DrawPicture = 33,
+    DrawImageSVG = 34,
+    DrawParagraph = 35,
+    DrawAtlas = 36
+}
+export type Command<T extends CommandType = CommandType> = {
+    type: T;
+    [key: string]: unknown;
+};
+export declare const materializeProps: (command: {
+    props: Record<string, unknown>;
+    animatedProps?: Record<string, SharedValue<unknown>>;
+}) => void;
+export declare const isCommand: <T extends CommandType>(command: Command, type: T) => command is Command<T>;
+interface Props {
+    [CommandType.DrawImage]: ImageProps;
+    [CommandType.DrawCircle]: CircleProps;
+    [CommandType.SaveCTM]: CTMProps;
+    [CommandType.SavePaint]: DrawingNodeProps;
+    [CommandType.PushBlurMaskFilter]: BlurMaskFilterProps;
+    [CommandType.DrawPoints]: PointsProps;
+    [CommandType.DrawPath]: PathProps;
+    [CommandType.DrawRect]: RectProps;
+    [CommandType.DrawRRect]: RoundedRectProps;
+    [CommandType.DrawOval]: OvalProps;
+    [CommandType.DrawLine]: LineProps;
+    [CommandType.DrawPatch]: PatchProps;
+    [CommandType.DrawVertices]: VerticesProps;
+    [CommandType.DrawDiffRect]: DiffRectProps;
+    [CommandType.DrawText]: TextProps;
+    [CommandType.DrawTextPath]: TextPathProps;
+    [CommandType.DrawTextBlob]: TextBlobProps;
+    [CommandType.DrawGlyphs]: GlyphsProps;
+    [CommandType.DrawPicture]: PictureProps;
+    [CommandType.DrawImageSVG]: ImageSVGProps;
+    [CommandType.DrawParagraph]: ParagraphProps;
+    [CommandType.DrawAtlas]: AtlasProps;
+}
+interface DrawCommand<T extends CommandType> extends Command<T> {
+    props: T extends keyof Props ? Props[T] : never;
+}
+export declare const isDrawCommand: <T extends keyof Props>(command: Command, type: T) => command is DrawCommand<T>;
+export {};

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

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.materializeProps = exports.isDrawCommand = exports.isCommand = exports.CommandType = void 0;
+// export enum CommandType {
+//   // Context
+//   SavePaint = "SavePaint",
+//   RestorePaint = "RestorePaint",
+//   SaveCTM = "SaveCTM",
+//   RestoreCTM = "RestoreCTM",
+//   PushColorFilter = "PushColorFilter",
+//   PushBlurMaskFilter = "PushBlurMaskFilter",
+//   PushImageFilter = "PushImageFilter",
+//   PushPathEffect = "PushPathEffect",
+//   PushShader = "PushShader",
+//   ComposeColorFilter = "ComposeColorFilter",
+//   ComposeImageFilter = "ComposeImageFilter",
+//   ComposePathEffect = "ComposePathEffect",
+//   MaterializePaint = "MaterializePaint",
+//   SaveBackdropFilter = "SaveBackdropFilter",
+//   SaveLayer = "SaveLayer",
+//   RestorePaintDeclaration = "RestorePaintDeclaration",
+//   // Drawing
+//   DrawBox = "DrawBox",
+//   DrawImage = "DrawImage",
+//   DrawCircle = "DrawCircle",
+//   DrawPaint = "DrawPaint",
+//   DrawPoints = "DrawPoints",
+//   DrawPath = "DrawPath",
+//   DrawRect = "DrawRect",
+//   DrawRRect = "DrawRRect",
+//   DrawOval = "DrawOval",
+//   DrawLine = "DrawLine",
+//   DrawPatch = "DrawPatch",
+//   DrawVertices = "DrawVertices",
+//   DrawDiffRect = "DrawDiffRect",
+//   DrawText = "DrawText",
+//   DrawTextPath = "DrawTextPath",
+//   DrawTextBlob = "DrawTextBlob",
+//   DrawGlyphs = "DrawGlyphs",
+//   DrawPicture = "DrawPicture",
+//   DrawImageSVG = "DrawImageSVG",
+//   DrawParagraph = "DrawParagraph",
+//   DrawAtlas = "DrawAtlas",
+// }
+let CommandType = exports.CommandType = /*#__PURE__*/function (CommandType) {
+  CommandType[CommandType["SavePaint"] = 0] = "SavePaint";
+  CommandType[CommandType["RestorePaint"] = 1] = "RestorePaint";
+  CommandType[CommandType["SaveCTM"] = 2] = "SaveCTM";
+  CommandType[CommandType["RestoreCTM"] = 3] = "RestoreCTM";
+  CommandType[CommandType["PushColorFilter"] = 4] = "PushColorFilter";
+  CommandType[CommandType["PushBlurMaskFilter"] = 5] = "PushBlurMaskFilter";
+  CommandType[CommandType["PushImageFilter"] = 6] = "PushImageFilter";
+  CommandType[CommandType["PushPathEffect"] = 7] = "PushPathEffect";
+  CommandType[CommandType["PushShader"] = 8] = "PushShader";
+  CommandType[CommandType["ComposeColorFilter"] = 9] = "ComposeColorFilter";
+  CommandType[CommandType["ComposeImageFilter"] = 10] = "ComposeImageFilter";
+  CommandType[CommandType["ComposePathEffect"] = 11] = "ComposePathEffect";
+  CommandType[CommandType["MaterializePaint"] = 12] = "MaterializePaint";
+  CommandType[CommandType["SaveBackdropFilter"] = 13] = "SaveBackdropFilter";
+  CommandType[CommandType["SaveLayer"] = 14] = "SaveLayer";
+  CommandType[CommandType["RestorePaintDeclaration"] = 15] = "RestorePaintDeclaration";
+  CommandType[CommandType["DrawBox"] = 16] = "DrawBox";
+  CommandType[CommandType["DrawImage"] = 17] = "DrawImage";
+  CommandType[CommandType["DrawCircle"] = 18] = "DrawCircle";
+  CommandType[CommandType["DrawPaint"] = 19] = "DrawPaint";
+  CommandType[CommandType["DrawPoints"] = 20] = "DrawPoints";
+  CommandType[CommandType["DrawPath"] = 21] = "DrawPath";
+  CommandType[CommandType["DrawRect"] = 22] = "DrawRect";
+  CommandType[CommandType["DrawRRect"] = 23] = "DrawRRect";
+  CommandType[CommandType["DrawOval"] = 24] = "DrawOval";
+  CommandType[CommandType["DrawLine"] = 25] = "DrawLine";
+  CommandType[CommandType["DrawPatch"] = 26] = "DrawPatch";
+  CommandType[CommandType["DrawVertices"] = 27] = "DrawVertices";
+  CommandType[CommandType["DrawDiffRect"] = 28] = "DrawDiffRect";
+  CommandType[CommandType["DrawText"] = 29] = "DrawText";
+  CommandType[CommandType["DrawTextPath"] = 30] = "DrawTextPath";
+  CommandType[CommandType["DrawTextBlob"] = 31] = "DrawTextBlob";
+  CommandType[CommandType["DrawGlyphs"] = 32] = "DrawGlyphs";
+  CommandType[CommandType["DrawPicture"] = 33] = "DrawPicture";
+  CommandType[CommandType["DrawImageSVG"] = 34] = "DrawImageSVG";
+  CommandType[CommandType["DrawParagraph"] = 35] = "DrawParagraph";
+  CommandType[CommandType["DrawAtlas"] = 36] = "DrawAtlas";
+  return CommandType;
+}({});
+const materializeProps = command => {
+  "worklet";
+
+  if (command.animatedProps) {
+    for (const key in command.animatedProps) {
+      command.props[key] = command.animatedProps[key].value;
+    }
+  }
+};
+exports.materializeProps = materializeProps;
+const isCommand = (command, type) => {
+  "worklet";
+
+  return command.type === type;
+};
+exports.isCommand = isCommand;
+const isDrawCommand = (command, type) => {
+  "worklet";
+
+  return command.type === type;
+};
+exports.isDrawCommand = isDrawCommand;
+//# sourceMappingURL=Core.js.map