fix(soba/staging): update injectFBO usages

Author: nartc

libs/soba/staging/src/lib/bounds.ts

@@ -67,10 +67,6 @@ export class NgtsBounds {
 	groupRef = viewChild.required<ElementRef<THREE.Group>>('group');
 
 	private store = injectStore();
-	// private camera = this.store.select('camera');
-	// private invalidate = this.store.select('invalidate');
-	// private size = this.store.select('size');
-	// private controls = this.store.select('controls') as unknown as Signal<ControlsProto>;
 
 	private clipOption = pick(this.options, 'clip');
 	private fitOption = pick(this.options, 'fit');
@@ -127,7 +123,6 @@ export class NgtsBounds {
 				this.observe(),
 				this.store.size(),
 				this.store.camera(),
-				// TODO: (chau) for some reason, if this effect tracks controls changes, the initial bounds doesn't target properly
 				this.store.controls(),
 			];
 

libs/soba/staging/src/lib/caustics.ts

@@ -87,8 +87,8 @@ const defaultOptions: NgtsCausticsOptions = {
 				<ngt-caustics-projection-material
 					transparent
 					[color]="color()"
-					[causticsTexture]="causticsTarget().texture"
-					[causticsTextureB]="causticsTargetB().texture"
+					[causticsTexture]="causticsTarget.texture"
+					[causticsTextureB]="causticsTargetB.texture"
 					[blending]="CustomBlending"
 					[blendSrc]="OneFactor"
 					[blendDst]="SrcAlphaFactor"
@@ -205,10 +205,10 @@ export class NgtsCaustics {
 						? new THREE.Vector3(...lightSource)
 						: (resolveRef(lightSource) as THREE.Object3D),
 				}),
-				normalTarget: this.normalTarget(),
-				normalTargetB: this.normalTargetB(),
-				causticsTarget: this.causticsTarget(),
-				causticsTargetB: this.causticsTargetB(),
+				normalTarget: this.normalTarget,
+				normalTargetB: this.normalTargetB,
+				causticsTarget: this.causticsTarget,
+				causticsTargetB: this.causticsTargetB,
 				camera: this.cameraRef().nativeElement,
 				scene: this.sceneRef().nativeElement,
 				group: this.groupRef().nativeElement,

libs/soba/staging/src/lib/render-texture.ts

@@ -132,7 +132,7 @@ let incrementId = 0;
 			<ng-template portalContent let-injector="injector">
 				<ng-container
 					renderTextureContainer
-					[fbo]="fbo()"
+					[fbo]="fbo"
 					[renderPriority]="renderPriority()"
 					[frames]="frames()"
 					[ngTemplateOutlet]="content()"
@@ -144,7 +144,7 @@ let incrementId = 0;
 			</ng-template>
 		</ngt-portal>
 
-		<ngt-primitive *args="[fbo().texture]" [attach]="attach()" [parameters]="parameters()" />
+		<ngt-primitive *args="[fbo.texture]" [attach]="attach()" [parameters]="parameters()" />
 	`,
 	imports: [NgtPortal, NgtsRenderTextureContainer, NgtArgs, NgTemplateOutlet],
 	schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -201,7 +201,7 @@ export class NgtsRenderTextureImpl {
 	protected compute = computed(() => this.computeFn() || this.uvCompute);
 
 	private uvCompute: NgtComputeFunction = (event, root, previous) => {
-		const fbo = this.fbo();
+		const fbo = this.fbo;
 		if (!fbo) return;
 		const state = root.snapshot;
 		const previousState = previous?.snapshot;