@lukekaalim/act-three 5.12.1 → 5.12.3

package/entry.d.ts

@@ -1,4 +1,5 @@
 export * from './renderer.js';
 export * from './props.js';
 export * from './components.js';
-export * from './hooks.js';
+export * from './hooks.js';
+export * from './reconciler.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukekaalim/act-three",
-  "version": "5.12.1",
+  "version": "5.12.3",
   "description": "Render threejs content using act",
   "main": "entry.js",
   "types": "entry.d.ts",

package/props.js

@@ -11,6 +11,7 @@ import { setHTMLProp } from "@lukekaalim/act-web";
 import {
   BufferGeometry,
   Camera,
+  Color,
   DirectionalLight,
   Euler,
   Group,
@@ -78,6 +79,15 @@ export const setMeshProp = (object/*: { [string]: mixed }*/, name/*: string*/, d
   }
   return false;
 }
+export const setInstanceProp = (object/*: { [string]: mixed }*/, name/*: string*/, diff/*: PropDiff*/)/*: boolean*/ => {
+  if (object[name] instanceof Color) {
+    if (diff.next instanceof Color || typeof diff.next === 'string' || typeof diff.next === 'number') {
+      object[name].set(diff.next)
+      return true;
+    }
+  }
+  return false;
+}
 
 export const setLightShadowProps = (
   diffs/*: PropDiffRegistry*/,
@@ -119,6 +129,9 @@ export const setObjectProps2 = (
       setLightShadowProps(propRegistry, target)
       continue;
     }
+    if (setInstanceProp((object/*: any*/), key, propDiff))
+      continue;
+    
     if (setMeshProp((object/*: any*/), key, propDiff)) {
       continue;
     }

package/reconciler.d.ts

@@ -0,0 +1,3 @@
+import { Element } from "@lukekaalim/act";
+
+export function render(element: Element, node: HTMLElement): void;