feat(core): bump three 172

Author: nartc

apps/kitchen-sink/src/app/soba/bruno-simons-20k/bruno-simons-20k.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgtCanvas } from 'angular-three';
 import { ToggleButton } from '../../toggle-button';
-import { debug, Experience } from './experience';
+import { debug, Experience, withN8ao } from './experience';
 
 @Component({
 	template: `
@@ -13,8 +13,9 @@ import { debug, Experience } from './experience';
 			[camera]="{ position: [-30, 35, -15], near: 30, far: 55, fov: 12 }"
 		/>
 
-		<div class="absolute top-10 right-2">
+		<div class="absolute top-10 right-2 flex gap-2 items-center">
 			<button [(toggleButton)]="debug">Toggle debug</button>
+			<button [(toggleButton)]="withN8ao">Toggle N8ao</button>
 		</div>
 	`,
 	changeDetection: ChangeDetectionStrategy.OnPush,
@@ -24,4 +25,5 @@ import { debug, Experience } from './experience';
 export default class BrunoSimons20k {
 	protected sceneGraph = Experience;
 	protected debug = debug;
+	protected withN8ao = withN8ao;
 }

apps/kitchen-sink/src/app/soba/bruno-simons-20k/experience.ts

@@ -15,6 +15,7 @@ import { MathUtils, Mesh, MeshStandardMaterial } from 'three';
 import { GLTF } from 'three-stdlib';
 
 export const debug = signal(false);
+export const withN8ao = signal(true);
 
 type HatGLTF = GLTF & {
 	nodes: { Plane006: Mesh; Plane006_1: Mesh };
@@ -146,7 +147,10 @@ export class Model {
 
 		@if (withEffect()) {
 			<ngtp-effect-composer>
-				<ngtp-n8ao [options]="{ aoRadius: 0.5, intensity: 1 }" />
+				@if (withN8ao()) {
+					<ngtp-n8ao [options]="{ aoRadius: 0.5, intensity: 1 }" />
+				}
+
 				<ngtp-depth-of-field [options]="{ target: [0, 0, -2.5], focusRange: 0.1, bokehScale: 10 }" />
 				<ngtp-tone-mapping />
 			</ngtp-effect-composer>
@@ -189,6 +193,7 @@ export class Experience {
 	protected readonly Math = Math;
 
 	protected debug = debug;
+	protected withN8ao = withN8ao;
 
 	withEffect = input(true);
 }

libs/core/package.json

@@ -25,7 +25,7 @@
 		"@angular/common": ">=19.0.0 <20.0.0",
 		"@angular/core": ">=19.0.0 <20.0.0",
 		"ngxtension": ">=3.0.0",
-		"three": ">=0.148.0 <0.172.0",
+		"three": ">=0.148.0 <0.173.0",
 		"@nativescript/angular": ">=18.0.0 <19.0.0",
 		"@nativescript/canvas": "2.0.0-webgpu.11",
 		"@nativescript/canvas-three": "2.0.0-webgpu.11",

package.json

@@ -57,7 +57,7 @@
 		"@swc/core": "1.10.7",
 		"@types/jest": "29.5.14",
 		"@types/node": "20.14.12",
-		"@types/three": "^0.171.0",
+		"@types/three": "^0.172.0",
 		"@typescript-eslint/utils": "8.19.1",
 		"autoprefixer": "^10.4.20",
 		"cypress": "^13.17.0",
@@ -88,7 +88,7 @@
 		"storybook": "^8.4.7",
 		"storybook-addon-deep-controls": "^0.9.2",
 		"tailwindcss": "^3.4.17",
-		"three": "^0.171.0",
+		"three": "^0.172.0",
 		"ts-jest": "^29.2.5",
 		"ts-node": "10.9.2",
 		"typescript": "5.6.3",
@@ -131,15 +131,15 @@
 		"front-matter": "^4.0.2",
 		"gl-noise": "^1.6.1",
 		"gsap": "^3.12.5",
-		"hls.js": "^1.5.18",
+		"hls.js": "^1.5.19",
 		"ionicons": "^7.4.0",
 		"maath": "^0.10.8",
 		"marked": "^13.0.3",
 		"marked-gfm-heading-id": "^4.1.1",
 		"marked-highlight": "^2.2.1",
 		"mermaid": "^10.9.2",
 		"meshline": "^3.3.1",
-		"n8ao": "^1.9.3",
+		"n8ao": "^1.9.4",
 		"ngxtension": "^4.2.0",
 		"node-three-gltf": "^1.8.2",
 		"prismjs": "^1.29.0",
@@ -149,7 +149,7 @@
 		"stats-gl": "^3.6.0",
 		"three-custom-shader-material": "~6.2.1",
 		"three-mesh-bvh": "^0.8.3",
-		"three-stdlib": "^2.35.6",
+		"three-stdlib": "^2.35.7",
 		"troika-three-text": "^0.52.3",
 		"tslib": "^2.8.1",
 		"zone.js": "0.15.0"