feat(core): add nativeProps signal to track native properties on THREE instance

Author: Chau Tran

libs/angular-three/src/lib/renderer/store.ts

@@ -346,6 +346,7 @@ export class NgtRendererStore {
 
             delete (localState as NgtAnyRecord)['objects'];
             delete (localState as NgtAnyRecord)['nonObjects'];
+            delete (localState as NgtAnyRecord)['nativeProps'];
             delete (localState as NgtAnyRecord)['add'];
             delete (localState as NgtAnyRecord)['remove'];
             delete (localState as NgtAnyRecord)['afterUpdate'];

libs/angular-three/src/lib/types.ts

@@ -251,6 +251,8 @@ export type NgtInstanceLocalState = {
     // shortcut to add/remove object to list
     add: (instance: NgtInstanceNode, type: 'objects' | 'nonObjects') => void;
     remove: (instance: NgtInstanceNode, type: 'objects' | 'nonObjects') => void;
+    // native props signal
+    nativeProps: NgtSignalStore<NgtAnyRecord>;
     // parent based on attach three instance
     parent: WritableSignal<NgtInstanceNode | null>;
     // if this THREE instance is a ngt-primitive

libs/angular-three/src/lib/utils/apply-props.ts

@@ -79,6 +79,8 @@ export function applyProps(instance: NgtInstanceNode, props: NgtAnyRecord): NgtI
                 // auto-convert srgb
                 if (!THREE.ColorManagement && !rootState?.linear && isColor) targetProp.convertSRGBToLinear();
             }
+
+            localState?.nativeProps?.set({ [key]: targetProp });
         }
         // else just overwrite the value
         else {
@@ -96,6 +98,7 @@ export function applyProps(instance: NgtInstanceNode, props: NgtAnyRecord): NgtI
                     else texture.encoding = rootState.gl.outputEncoding;
                 }
             }
+            localState?.nativeProps?.set({ [key]: value });
         }
 
         checkUpdate(targetProp);

libs/angular-three/src/lib/utils/instance.ts

@@ -1,4 +1,5 @@
 import { untracked } from '@angular/core';
+import { NgtSignalStore } from '../stores/signal.store';
 import type { NgtAnyRecord, NgtInstanceLocalState, NgtInstanceNode } from '../types';
 import { createSignal } from './signal';
 import { checkUpdate } from './update';
@@ -38,6 +39,7 @@ export function prepare<TInstance extends object = NgtAnyRecord>(
             handlers: {},
             objects,
             nonObjects,
+            nativeProps: new NgtSignalStore({}),
             add: (object, type) => {
                 const current = untracked(instance.__ngt__[type]);
                 const foundIndex = current.indexOf((obj: NgtInstanceNode) => obj === object);

libs/soba/abstractions/src/gizmo-helper/gizmo-helper.ts

@@ -168,7 +168,6 @@ export class NgtsGizmoHelper extends NgtSignalStore<NgtsGizmoHelperState> {
     constructor() {
         super({ alignment: 'bottom-right', margin: [80, 80], renderPriority: 1 });
         this.#updateDefaultUp();
-        console.log(this.virtualCameraRef);
     }
 
     onBeforeRender(delta: number) {