feat(soba): misc

Author: nartc

libs/soba/misc/src/lib/depth-buffer.ts

@@ -27,11 +27,7 @@ export function injectDepthBuffer(
 			return { depthTexture };
 		});
 
-		const depthFBO = injectFBO(() => ({
-			width: w(),
-			height: h(),
-			settings: depthConfig(),
-		}));
+		const depthFBO = injectFBO(() => ({ width: w(), height: h(), settings: depthConfig() }));
 
 		let count = 0;
 		injectBeforeRender(({ gl, scene, camera }) => {

libs/soba/misc/src/lib/fbo.ts

@@ -5,7 +5,6 @@ import {
 	Injector,
 	TemplateRef,
 	ViewContainerRef,
-	afterNextRender,
 	computed,
 	effect,
 	inject,
@@ -127,7 +126,7 @@ export class NgtsFBO {
 			return { width, height, settings };
 		});
 
-		afterNextRender(() => {
+		effect(() => {
 			// TODO: double check if we need untracked
 			untracked(() => {
 				ref = this.viewContainerRef.createEmbeddedView(this.template, { $implicit: fboTarget });

libs/soba/misc/src/lib/preload.ts

@@ -1,4 +1,4 @@
-import { afterNextRender, computed, Directive, ElementRef, model } from '@angular/core';
+import { computed, Directive, effect, ElementRef, model } from '@angular/core';
 import { injectStore, resolveRef } from 'angular-three';
 import { Camera, CubeCamera, Object3D, WebGLCubeRenderTarget } from 'three';
 
@@ -25,7 +25,7 @@ export class NgtsPreload {
 	});
 
 	constructor() {
-		afterNextRender(() => {
+		effect(() => {
 			const invisible: Object3D[] = [];
 
 			const [all, scene, camera, gl] = [this.all(), this.trueScene(), this.trueCamera(), this.gl()];