feat(soba): staging

Author: nartc

libs/soba/staging/src/lib/accumulative-shadows.ts

@@ -4,7 +4,6 @@ import {
 	Component,
 	DestroyRef,
 	ElementRef,
-	afterNextRender,
 	computed,
 	effect,
 	inject,
@@ -139,7 +138,7 @@ export class NgtsAccumulativeShadows {
 	constructor() {
 		extend({ Group, SoftShadowMaterial, Mesh, PlaneGeometry });
 
-		afterNextRender(() => {
+		effect(() => {
 			this.pLM().configure(this.planeRef().nativeElement);
 		});
 

libs/soba/staging/src/lib/bb-anchor.ts

@@ -3,7 +3,7 @@ import {
 	ChangeDetectionStrategy,
 	Component,
 	ElementRef,
-	afterNextRender,
+	effect,
 	input,
 	signal,
 	viewChild,
@@ -44,14 +44,17 @@ export class NgtsBBAnchor {
 		// Reattach group created by this component to the parent's parent,
 		// so it becomes a sibling of its initial parent.
 		// We do that so the children have no impact on a bounding box of a parent.
-		afterNextRender(() => {
-			const bbAnchorLS = getLocalState(this.bbAnchorRef().nativeElement);
-			const bbAnchorParent = bbAnchorLS?.parent();
-			if (bbAnchorParent?.parent) {
-				this.parent.set(bbAnchorParent);
-				bbAnchorParent.parent.add(this.bbAnchorRef().nativeElement);
-			}
-		});
+		effect(
+			() => {
+				const bbAnchorLS = getLocalState(this.bbAnchorRef().nativeElement);
+				const bbAnchorParent = bbAnchorLS?.parent();
+				if (bbAnchorParent?.parent) {
+					this.parent.set(bbAnchorParent);
+					bbAnchorParent.parent.add(this.bbAnchorRef().nativeElement);
+				}
+			},
+			{ allowSignalWrites: true },
+		);
 
 		injectBeforeRender(() => {
 			const parent = this.parent();

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

@@ -376,14 +376,17 @@ export class NgtsEnvironmentGround {
 	selector: 'ngts-environment',
 	standalone: true,
 	template: `
-		@if (options().ground) {
-			<ngts-environment-ground [options]="options()" (envSet)="envSet.emit()" />
-		} @else if (options().map) {
-			<ngts-environment-map [options]="options()" (envSet)="envSet.emit()" />
-		} @else if (content()) {
-			<ngts-environment-portal [options]="options()" [content]="$any(content())" (envSet)="envSet.emit()" />
+		@let _options = options();
+		@let _content = content();
+
+		@if (_options.ground) {
+			<ngts-environment-ground [options]="_options" (envSet)="envSet.emit()" />
+		} @else if (_options.map) {
+			<ngts-environment-map [options]="_options" (envSet)="envSet.emit()" />
+		} @else if (_content) {
+			<ngts-environment-portal [options]="_options" [content]="_content" (envSet)="envSet.emit()" />
 		} @else {
-			<ngts-environment-cube [options]="options()" (envSet)="envSet.emit()" />
+			<ngts-environment-cube [options]="_options" (envSet)="envSet.emit()" />
 		}
 	`,
 	imports: [NgtsEnvironmentCube, NgtsEnvironmentMap, NgtsEnvironmentPortal, NgtsEnvironmentGround],

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

@@ -6,8 +6,8 @@ import {
 	Signal,
 	TemplateRef,
 	ViewContainerRef,
-	afterNextRender,
 	computed,
+	effect,
 	inject,
 	input,
 	output,
@@ -102,7 +102,7 @@ export class NgtsMatcapTexture {
 			onLoad: this.matcapTextureLoaded.emit.bind(this.matcapTextureLoaded),
 		});
 
-		afterNextRender(() => {
+		effect(() => {
 			untracked(() => {
 				this.ref = this.vcr.createEmbeddedView(this.template, { $implicit: texture });
 				this.ref.detectChanges();

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

@@ -6,7 +6,6 @@ import {
 	Signal,
 	TemplateRef,
 	ViewContainerRef,
-	afterNextRender,
 	computed,
 	effect,
 	inject,
@@ -107,7 +106,7 @@ export class NgtsNormalTexture {
 			onLoad: this.normalTextureLoaded.emit.bind(this.normalTextureLoaded),
 		});
 
-		afterNextRender(() => {
+		effect(() => {
 			untracked(() => {
 				this.ref = this.vcr.createEmbeddedView(this.template, { $implicit: texture });
 				this.ref.detectChanges();