@shopify/react-native-skia 1.11.9 → 2.0.0-next.1

package/src/renderer/__tests__/examples/BlendModes.spec.tsx

@@ -12,10 +12,10 @@ import {
 import { height, drawOnNode, width, loadImage, importSkia } from "../setup";
 
 describe("Test blend modes", () => {
-  it("Should nicely blend the product color to the image", () => {
+  it("Should nicely blend the product color to the image", async () => {
     const image = loadImage("skia/__tests__/assets/product.png");
     const rect = { x: 0, y: 0, width, height };
-    const surface = drawOnNode(
+    const surface = await drawOnNode(
       <Mask mask={<Image image={image} rect={rect} />}>
         <Image image={image} rect={rect}>
           <BlendColor color="lightgreen" mode="hue" />
@@ -24,12 +24,12 @@ describe("Test blend modes", () => {
     );
     processResult(surface, "snapshots/demos/product.png");
   });
-  it("Should nicely blend the product color to the image using a runtime effect", () => {
+  it("Should nicely blend the product color to the image using a runtime effect", async () => {
     const { Skia } = importSkia();
     const image = loadImage("skia/__tests__/assets/product.png");
     const rect = { x: 0, y: 0, width, height };
     const source = Skia.RuntimeEffect.Make(blender)!;
-    const surface = drawOnNode(
+    const surface = await drawOnNode(
       <Rect rect={rect}>
         <Shader
           source={source}

package/src/renderer/__tests__/setup.tsx

@@ -176,14 +176,14 @@ export const width = 256 * PIXEL_RATIO;
 export const height = 256 * PIXEL_RATIO;
 export const center = { x: width / 2, y: height / 2 };
 
-export const drawOnNode = (element: ReactNode) => {
-  const { surface: ckSurface, draw, root } = mountCanvas(element);
-  draw();
+export const drawOnNode = async (element: ReactNode) => {
+  const { surface: ckSurface, draw, root } = await mountCanvas(element);
+  await draw();
   root.unmount();
   return ckSurface;
 };
 
-export const mountCanvas = (element: ReactNode) => {
+export const mountCanvas = async (element: ReactNode) => {
   const Skia = global.SkiaApi;
   expect(Skia).toBeDefined();
   const ckSurface = Skia.Surface.MakeOffscreen(width, height)!;
@@ -191,18 +191,22 @@ export const mountCanvas = (element: ReactNode) => {
   const canvas = ckSurface.getCanvas();
 
   const root = new SkiaSGRoot(Skia);
-  root.render(element);
   return {
     surface: ckSurface,
     root,
-    draw: () => {
+    render: async () => {
+      await root.render(element);
+    },
+    draw: async () => {
+      await root.render(element);
       root.drawOnCanvas(canvas);
     },
   };
 };
 
-export const serialize = (element: ReactNode) => {
-  const { root } = mountCanvas(element);
+export const serialize = async (element: ReactNode) => {
+  const { root, render } = await mountCanvas(element);
+  await render();
   const serialized = serializeNode(root.sg);
   return JSON.stringify(serialized);
 };
@@ -379,11 +383,11 @@ class LocalSurface implements TestingSurface {
     return Promise.resolve(ckSurface.makeImageSnapshot());
   }
 
-  draw(node: ReactNode): Promise<SkImage> {
-    const { surface: ckSurface, draw } = mountCanvas(
+  async draw(node: ReactNode): Promise<SkImage> {
+    const { surface: ckSurface, draw } = await mountCanvas(
       <Group transform={[{ scale: PIXEL_RATIO }]}>{node}</Group>
     );
-    draw();
+    await draw();
     return Promise.resolve(ckSurface.makeImageSnapshot());
   }
 
@@ -440,8 +444,8 @@ return surface.makeImageSnapshot().encodeToBase64();
     return image;
   }
 
-  draw(node: ReactNode) {
-    return this.handleImageResponse(serialize(node));
+  async draw(node: ReactNode) {
+    return this.handleImageResponse(await serialize(node));
   }
 
   screen(screen: string) {

package/src/sksg/Container.ts

@@ -40,12 +40,20 @@ const nativeDrawOnscreen = (nativeId: number, recorder: JsiRecorder) => {
 };
 
 export abstract class Container {
-  public root: Node[] = [];
+  private _root: Node[] = [];
   protected recording: Recording | null = null;
   protected unmounted = false;
 
   constructor(protected Skia: Skia, protected nativeId: number) {}
 
+  get root() {
+    return this._root;
+  }
+
+  set root(value: Node[]) {
+    this._root = value;
+  }
+
   unmount() {
     this.unmounted = true;
   }

package/src/sksg/Elements.tsx

@@ -54,7 +54,7 @@ import type {
 } from "../dom/types";
 import type { SkiaProps } from "../renderer";
 
-declare global {
+declare module "react" {
   // eslint-disable-next-line @typescript-eslint/no-namespace
   namespace JSX {
     interface IntrinsicElements {

package/src/sksg/HostConfig.ts

@@ -1,4 +1,5 @@
 /*global NodeJS*/
+import { createContext } from "react";
 import type { Fiber, HostConfig } from "react-reconciler";
 import { DefaultEventPriority } from "react-reconciler/constants";
 
@@ -8,6 +9,9 @@ import { shallowEq } from "../renderer/typeddash";
 import type { Node } from "./Node";
 import type { Container } from "./Container";
 
+type EventPriority = number;
+const NoEventPriority = 0;
+
 const DEBUG = false;
 export const debug = (...args: Parameters<typeof console.log>) => {
   if (DEBUG) {
@@ -22,7 +26,7 @@ type TextInstance = Node;
 type SuspenseInstance = Instance;
 type HydratableInstance = Instance;
 type PublicInstance = Instance;
-type HostContext = null;
+type HostContext = object;
 type UpdatePayload = Container;
 type ChildSet = Node[];
 type TimeoutHandle = NodeJS.Timeout;
@@ -43,6 +47,7 @@ type SkiaHostConfig = HostConfig<
   TimeoutHandle,
   NoTimeout
 >;
+let currentUpdatePriority: EventPriority = NoEventPriority;
 
 export const sksgHostConfig: SkiaHostConfig = {
   /**
@@ -59,12 +64,12 @@ export const sksgHostConfig: SkiaHostConfig = {
 
   getRootHostContext: (_rootContainerInstance: Container) => {
     debug("getRootHostContext");
-    return null;
+    return {};
   },
 
   getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {
     debug("getChildHostContext");
-    return null;
+    return {};
   },
 
   shouldSetTextContent(_type, _props) {
@@ -125,9 +130,8 @@ export const sksgHostConfig: SkiaHostConfig = {
     return null;
   },
 
-  resetAfterCommit(container) {
+  resetAfterCommit(_container) {
     debug("resetAfterCommit");
-    container.redraw();
   },
 
   getPublicInstance(node: Instance) {
@@ -169,16 +173,15 @@ export const sksgHostConfig: SkiaHostConfig = {
 
   cloneInstance(
     instance,
-    _updatePayload,
     _type,
     _oldProps,
     newProps,
+    _updatePayload,
     _internalInstanceHandle,
     keepChildren: boolean,
     _recyclableInstance: null | Instance
   ) {
     debug("cloneInstance");
-
     return {
       type: instance.type,
       props: newProps,
@@ -234,4 +237,31 @@ export const sksgHostConfig: SkiaHostConfig = {
   getInstanceFromScope: function (_scopeInstance): Instance | null {
     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: createContext(null),
+  setCurrentUpdatePriority(newPriority: number) {
+    currentUpdatePriority = newPriority;
+  },
+  getCurrentUpdatePriority() {
+    return currentUpdatePriority;
+  },
+  resolveUpdatePriority() {
+    if (currentUpdatePriority !== NoEventPriority) {
+      return currentUpdatePriority;
+    }
+    return DefaultEventPriority;
+  },
+  resetFormInstance() {},
 };

package/src/sksg/Reconciler.ts

@@ -41,13 +41,20 @@ export class SkiaSGRoot {
     return { type: NodeType.Group, props: {}, children, isDeclaration: false };
   }
 
-  render(element: ReactNode) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    skiaReconciler.updateContainer(element as any, this.root, null, () => {
-      debug("updateContainer");
+  private updateContainer(element: ReactNode) {
+    return new Promise((resolve) => {
+      skiaReconciler.updateContainer(element, this.root, null, () => {
+        debug("updateContainer");
+        resolve(true);
+      });
     });
   }
 
+  async render(element: ReactNode) {
+    await this.updateContainer(element);
+    this.container.redraw();
+  }
+
   drawOnCanvas(canvas: SkCanvas) {
     this.container.drawOnCanvas(canvas);
   }
@@ -61,8 +68,11 @@ export class SkiaSGRoot {
 
   unmount() {
     this.container.unmount();
-    skiaReconciler.updateContainer(null, this.root, null, () => {
-      debug("unmountContainer");
+    return new Promise((resolve) => {
+      skiaReconciler.updateContainer(null, this.root, null, () => {
+        debug("unmountContainer");
+        resolve(true);
+      });
     });
   }
 }

package/src/sksg/__tests__/Simple.spec.tsx

@@ -39,10 +39,10 @@ const Ring = ({ index, progress, width, center }: RingProps) => {
 };
 
 describe("Simple", () => {
-  it("should have a simple render (1)", () => {
+  it("should have a simple render (1)", async () => {
     const { Skia } = importSkia();
     const root = new SkiaSGRoot(Skia);
-    root.render(<skCircle r={128} color="cyan" />);
+    await root.render(<skCircle r={128} color="cyan" />);
     const surface = Skia.Surface.Make(768, 768)!;
     expect(surface).toBeDefined();
     const canvas = surface.getCanvas();
@@ -52,10 +52,10 @@ describe("Simple", () => {
     expect(image).toBeDefined();
     checkImage(image, "snapshots/sksg/simple.png");
   });
-  it("should have a simple render (2)", () => {
+  it("should have a simple render (2)", async () => {
     const { Skia } = importSkia();
     const root = new SkiaSGRoot(Skia);
-    root.render(
+    await root.render(
       <>
         <skFill color="magenta" />
         <skCircle r={128} cx={768 / 2} cy={768 / 2} color="cyan" />
@@ -70,7 +70,7 @@ describe("Simple", () => {
     expect(image).toBeDefined();
     checkImage(image, "snapshots/sksg/simple2.png");
   });
-  it("simple demo", () => {
+  it("simple demo", async () => {
     const { Skia } = importSkia();
     const root = new SkiaSGRoot(Skia);
     const width = 768;
@@ -78,7 +78,7 @@ describe("Simple", () => {
     const center = { x: width / 2, y: height / 2 };
     const progress = 0.5;
     const transform = (() => [{ rotate: mix(progress, -Math.PI, 0) }])();
-    root.render(
+    await root.render(
       <>
         <skFill color="rgb(36,43,56)" />
         <skGroup blendMode="screen" origin={center} transform={transform}>
@@ -108,7 +108,7 @@ describe("Simple", () => {
     checkImage(image, "snapshots/sksg/breathe.png");
   });
 
-  it("simple demo (2)", () => {
+  it("simple demo (2)", async () => {
     const { Skia } = importSkia();
     const root = new SkiaSGRoot(Skia);
     const width = 768;
@@ -116,7 +116,7 @@ describe("Simple", () => {
     const center = { x: width / 2, y: height / 2 };
     const progress = 0;
     const transform = (() => [{ rotate: mix(progress, -Math.PI, 0) }])();
-    root.render(
+    await root.render(
       <>
         <skFill color="rgb(36,43,56)" />
         <skGroup blendMode="screen" origin={center} transform={transform}>

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

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

package/lib/commonjs/sksg/HostConfig2.js

@@ -1,159 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sksgHostConfig = exports.debug = void 0;
-var _constants = require("react-reconciler/constants");
-var _typeddash = require("../renderer/typeddash");
-/*global NodeJS*/
-
-const DEBUG = false;
-const debug = (...args) => {
-  if (DEBUG) {
-    console.log(...args);
-  }
-};
-exports.debug = debug;
-const appendNode = (parent, child) => {
-  parent.children.push(child);
-};
-const removeNode = (parent, child) => {
-  parent.children.splice(parent.children.indexOf(child), 1);
-};
-const insertBefore = (parent, child, before) => {
-  parent.children.splice(parent.children.indexOf(before), 0, child);
-};
-const sksgHostConfig = exports.sksgHostConfig = {
-  /**
-   * This function is used by the reconciler in order to calculate current time for prioritising work.
-   */
-  supportsMutation: true,
-  isPrimaryRenderer: false,
-  supportsPersistence: false,
-  supportsHydration: false,
-  //supportsMicrotask: true,
-
-  scheduleTimeout: setTimeout,
-  cancelTimeout: clearTimeout,
-  noTimeout: -1,
-  appendChildToContainer(container, child) {
-    debug("appendChildToContainer");
-    container.root.push(child);
-  },
-  appendChild(parent, child) {
-    debug("appendChild", parent, child);
-    appendNode(parent, child);
-  },
-  getRootHostContext: _rootContainerInstance => {
-    debug("getRootHostContext");
-    return null;
-  },
-  getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {
-    debug("getChildHostContext");
-    return null;
-  },
-  shouldSetTextContent(_type, _props) {
-    return false;
-  },
-  createTextInstance(_text, _rootContainerInstance, _hostContext, _internalInstanceHandle) {
-    debug("createTextInstance");
-    // return SpanNode({}, text) as SkNode;
-    throw new Error("Text nodes are not supported yet");
-  },
-  createInstance(type, propsWithChildren, _container, _hostContext, _internalInstanceHandle) {
-    debug("createInstance", type);
-    // 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) {
-    debug("appendInitialChild");
-    appendNode(parentInstance, child);
-  },
-  finalizeInitialChildren(parentInstance, _type, _props, _rootContainerInstance, _hostContext) {
-    debug("finalizeInitialChildren", parentInstance);
-    return false;
-  },
-  commitMount() {
-    // if finalizeInitialChildren = true
-    debug("commitMount");
-  },
-  prepareForCommit(_containerInfo) {
-    debug("prepareForCommit");
-    return null;
-  },
-  resetAfterCommit(container) {
-    debug("resetAfterCommit");
-    container.redraw();
-  },
-  getPublicInstance(node) {
-    debug("getPublicInstance");
-    return node;
-  },
-  prepareUpdate: (_instance, type, oldProps, newProps, rootContainerInstance, _hostContext) => {
-    debug("prepareUpdate");
-    const propsAreEqual = (0, _typeddash.shallowEq)(oldProps, newProps);
-    if (propsAreEqual) {
-      return null;
-    }
-    debug("update ", type);
-    return rootContainerInstance;
-  },
-  commitUpdate(instance, _updatePayload, type, prevProps, nextProps, _internalHandle) {
-    debug("commitUpdate: ", type);
-    if ((0, _typeddash.shallowEq)(prevProps, nextProps)) {
-      return;
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const {
-      children,
-      ...props
-    } = nextProps;
-    instance.props = props;
-  },
-  commitTextUpdate: (_textInstance, _oldText, _newText) => {
-    //  textInstance.instance = newText;
-  },
-  clearContainer: container => {
-    debug("clearContainer");
-    container.root = [];
-  },
-  preparePortalMount: () => {
-    debug("preparePortalMount");
-  },
-  removeChild: (parent, child) => {
-    removeNode(parent, child);
-  },
-  removeChildFromContainer: (container, child) => {
-    container.root.splice(container.root.indexOf(child), 1);
-  },
-  insertInContainerBefore: (container, child, before) => {
-    container.root.splice(container.root.indexOf(before), 0, child);
-  },
-  insertBefore: (parent, child, before) => {
-    insertBefore(parent, child, before);
-  },
-  // see https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874
-  getCurrentEventPriority: () => _constants.DefaultEventPriority,
-  beforeActiveInstanceBlur: () => {},
-  afterActiveInstanceBlur: () => {},
-  detachDeletedInstance: () => {},
-  getInstanceFromNode: function (_node) {
-    return null;
-  },
-  prepareScopeUpdate: function (_scopeInstance, _instance) {},
-  getInstanceFromScope: function (_scopeInstance) {
-    return null;
-  }
-};
-//# sourceMappingURL=HostConfig2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_constants","require","_typeddash","DEBUG","debug","args","console","log","exports","appendNode","parent","child","children","push","removeNode","splice","indexOf","insertBefore","before","sksgHostConfig","supportsMutation","isPrimaryRenderer","supportsPersistence","supportsHydration","scheduleTimeout","setTimeout","cancelTimeout","clearTimeout","noTimeout","appendChildToContainer","container","root","appendChild","getRootHostContext","_rootContainerInstance","getChildHostContext","_parentHostContext","_type","shouldSetTextContent","_props","createTextInstance","_text","_hostContext","_internalInstanceHandle","Error","createInstance","type","propsWithChildren","_container","props","instance","appendInitialChild","parentInstance","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","resetAfterCommit","redraw","getPublicInstance","node","prepareUpdate","_instance","oldProps","newProps","rootContainerInstance","propsAreEqual","shallowEq","commitUpdate","_updatePayload","prevProps","nextProps","_internalHandle","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","preparePortalMount","removeChild","removeChildFromContainer","insertInContainerBefore","getCurrentEventPriority","DefaultEventPriority","beforeActiveInstanceBlur","afterActiveInstanceBlur","detachDeletedInstance","getInstanceFromNode","_node","prepareScopeUpdate","_scopeInstance","getInstanceFromScope"],"sources":["HostConfig2.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 { Container } from \"./Container\";\nimport type { Node } from \"./Node\";\n\nconst DEBUG = false;\nexport const debug = (...args: Parameters<typeof console.log>) => {\n  if (DEBUG) {\n    console.log(...args);\n  }\n};\n\ntype Instance = Node<unknown>;\n\ntype Props = object;\ntype TextInstance = Node<unknown>;\ntype SuspenseInstance = Instance;\ntype HydratableInstance = Instance;\ntype PublicInstance = Instance;\ntype HostContext = null;\ntype UpdatePayload = Container;\ntype ChildSet = unknown;\ntype TimeoutHandle = NodeJS.Timeout;\ntype NoTimeout = -1;\n\ntype SkiaHostConfig = HostConfig<\n  NodeType,\n  Props,\n  Container,\n  Instance,\n  TextInstance,\n  SuspenseInstance,\n  HydratableInstance,\n  PublicInstance,\n  HostContext,\n  UpdatePayload,\n  ChildSet,\n  TimeoutHandle,\n  NoTimeout\n>;\n\nconst appendNode = (parent: Node<unknown>, child: Node<unknown>) => {\n  parent.children.push(child);\n};\n\nconst removeNode = (parent: Node<unknown>, child: Node<unknown>) => {\n  parent.children.splice(parent.children.indexOf(child), 1);\n};\n\nconst insertBefore = (\n  parent: Node<unknown>,\n  child: Node<unknown>,\n  before: Node<unknown>\n) => {\n  parent.children.splice(parent.children.indexOf(before), 0, child);\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: true,\n  isPrimaryRenderer: false,\n  supportsPersistence: false,\n  supportsHydration: false,\n  //supportsMicrotask: true,\n\n  scheduleTimeout: setTimeout,\n  cancelTimeout: clearTimeout,\n  noTimeout: -1,\n\n  appendChildToContainer(container, child) {\n    debug(\"appendChildToContainer\");\n    container.root.push(child);\n  },\n\n  appendChild(parent, child) {\n    debug(\"appendChild\", parent, child);\n    appendNode(parent, child);\n  },\n\n  getRootHostContext: (_rootContainerInstance: Container) => {\n    debug(\"getRootHostContext\");\n    return null;\n  },\n\n  getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {\n    debug(\"getChildHostContext\");\n    return null;\n  },\n\n  shouldSetTextContent(_type, _props) {\n    return false;\n  },\n\n  createTextInstance(\n    _text,\n    _rootContainerInstance,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createTextInstance\");\n    // return SpanNode({}, text) as SkNode;\n    throw new Error(\"Text nodes are not supported yet\");\n  },\n\n  createInstance(\n    type,\n    propsWithChildren,\n    _container,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createInstance\", type);\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, child) {\n    debug(\"appendInitialChild\");\n    appendNode(parentInstance, child);\n  },\n\n  finalizeInitialChildren(\n    parentInstance,\n    _type,\n    _props,\n    _rootContainerInstance,\n    _hostContext\n  ) {\n    debug(\"finalizeInitialChildren\", parentInstance);\n    return false;\n  },\n\n  commitMount() {\n    // if finalizeInitialChildren = true\n    debug(\"commitMount\");\n  },\n\n  prepareForCommit(_containerInfo) {\n    debug(\"prepareForCommit\");\n    return null;\n  },\n\n  resetAfterCommit(container) {\n    debug(\"resetAfterCommit\");\n    container.redraw();\n  },\n\n  getPublicInstance(node: Instance) {\n    debug(\"getPublicInstance\");\n    return node;\n  },\n\n  prepareUpdate: (\n    _instance,\n    type,\n    oldProps,\n    newProps,\n    rootContainerInstance,\n    _hostContext\n  ) => {\n    debug(\"prepareUpdate\");\n    const propsAreEqual = shallowEq(oldProps, newProps);\n    if (propsAreEqual) {\n      return null;\n    }\n    debug(\"update \", type);\n    return rootContainerInstance;\n  },\n\n  commitUpdate(\n    instance,\n    _updatePayload,\n    type,\n    prevProps,\n    nextProps,\n    _internalHandle\n  ) {\n    debug(\"commitUpdate: \", type);\n    if (shallowEq(prevProps, nextProps)) {\n      return;\n    }\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const { children, ...props } = nextProps as any;\n    instance.props = props;\n  },\n\n  commitTextUpdate: (\n    _textInstance: TextInstance,\n    _oldText: string,\n    _newText: string\n  ) => {\n    //  textInstance.instance = newText;\n  },\n\n  clearContainer: (container) => {\n    debug(\"clearContainer\");\n    container.root = [];\n  },\n\n  preparePortalMount: () => {\n    debug(\"preparePortalMount\");\n  },\n\n  removeChild: (parent, child) => {\n    removeNode(parent, child);\n  },\n\n  removeChildFromContainer: (container, child) => {\n    container.root.splice(container.root.indexOf(child), 1);\n  },\n\n  insertInContainerBefore: (container, child, before) => {\n    container.root.splice(container.root.indexOf(before), 0, child);\n  },\n\n  insertBefore: (parent, child, before) => {\n    insertBefore(parent, child, before);\n  },\n\n  // see https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874\n  getCurrentEventPriority: () => DefaultEventPriority,\n  beforeActiveInstanceBlur: () => {},\n  afterActiveInstanceBlur: () => {},\n  detachDeletedInstance: () => {},\n\n  getInstanceFromNode: function (_node): Fiber | null | undefined {\n    return null;\n  },\n  prepareScopeUpdate: function (_scopeInstance, _instance): void {},\n  getInstanceFromScope: function (_scopeInstance): Instance | null {\n    return null;\n  },\n};\n"],"mappings":"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","ignoreList":[]}

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

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