fix(soba): update controls

Author: Chau Tran

apps/sandbox/src/app/pages/animation-keyframes/index.page.ts

@@ -23,7 +23,7 @@ class SceneGraph {
     readonly #pmremGenerator = new THREE.PMREMGenerator(this.#gl);
 
     readonly statsDom = this.#gl.domElement.parentElement as HTMLElement;
-    readonly texture = this.#pmremGenerator.fromScene(new RoomEnvironment(), 0.04).texture;
+    readonly texture = this.#pmremGenerator.fromScene(RoomEnvironment(), 0.04).texture;
 
     readonly #gltf = injectNgtsGLTFLoader(() => 'LittlestTokyo.glb');
 

libs/soba/controls/src/orbit-controls/orbit-controls.ts

@@ -8,7 +8,15 @@ import {
     Input,
     Output,
 } from '@angular/core';
-import { injectBeforeRender, injectNgtRef, NgtArgs, NgtSignalStore, NgtStore, NgtVector3 } from 'angular-three';
+import {
+    injectBeforeRender,
+    injectNgtRef,
+    NgtArgs,
+    NgtSignalStore,
+    NgtStore,
+    type NgtCamera,
+    type NgtVector3,
+} from 'angular-three';
 import { OrbitControls } from 'three-stdlib';
 
 export type NgtsOrbitControlsState = {
@@ -98,7 +106,7 @@ export class NgtsOrbitControls extends NgtSignalStore<NgtsOrbitControlsState> {
                 const controlsCamera = camera || defaultCamera;
                 const controls = this.controlsRef.nativeElement;
                 if (!controls || controls.object !== controlsCamera) {
-                    this.controlsRef.nativeElement = new OrbitControls(controlsCamera);
+                    this.controlsRef.nativeElement = new OrbitControls(controlsCamera as NgtCamera);
                 }
             },
             { allowSignalWrites: true }

package.json

@@ -8,16 +8,16 @@
   },
   "private": true,
   "devDependencies": {
-    "@analogjs/platform": "^0.2.0-beta.11",
-    "@angular-devkit/build-angular": "16.0.2",
-    "@angular-devkit/core": "16.0.2",
-    "@angular-devkit/schematics": "16.0.2",
+    "@analogjs/platform": "^0.2.0-beta.13",
+    "@angular-devkit/build-angular": "16.0.3",
+    "@angular-devkit/core": "16.0.3",
+    "@angular-devkit/schematics": "16.0.3",
     "@angular-eslint/eslint-plugin": "16.0.2",
     "@angular-eslint/eslint-plugin-template": "16.0.2",
     "@angular-eslint/template-parser": "16.0.2",
-    "@angular/cli": "~16.0.2",
-    "@angular/compiler-cli": "16.0.2",
-    "@angular/language-service": "16.0.2",
+    "@angular/cli": "~16.0.3",
+    "@angular/compiler-cli": "16.0.3",
+    "@angular/language-service": "16.0.3",
     "@nx/angular": "16.2.2",
     "@nx/devkit": "16.2.2",
     "@nx/eslint-plugin": "16.2.2",
@@ -31,19 +31,19 @@
     "@nx/workspace": "16.2.2",
     "@release-it/bumper": "^4.0.2",
     "@release-it/conventional-changelog": "^5.1.1",
-    "@schematics/angular": "16.0.2",
-    "@storybook/addon-essentials": "7.0.12",
-    "@storybook/angular": "7.0.12",
-    "@storybook/core-server": "7.0.12",
+    "@schematics/angular": "16.0.3",
+    "@storybook/addon-essentials": "7.0.18",
+    "@storybook/angular": "7.0.18",
+    "@storybook/core-server": "7.0.18",
     "@swc-node/register": "^1.6.5",
     "@swc/cli": "0.1.62",
-    "@swc/core": "^1.3.59",
+    "@swc/core": "^1.3.60",
     "@types/jest": "29.5.1",
     "@types/node": "18.15.11",
     "@types/stats.js": "^0.17.0",
-    "@types/three": "^0.152.0",
-    "@typescript-eslint/eslint-plugin": "5.59.6",
-    "@typescript-eslint/parser": "5.59.6",
+    "@types/three": "^0.152.1",
+    "@typescript-eslint/eslint-plugin": "5.59.7",
+    "@typescript-eslint/parser": "5.59.7",
     "autoprefixer": "^10.4.14",
     "daisyui": "^2.51.6",
     "dotenv-cli": "^7.2.1",
@@ -54,7 +54,7 @@
     "jest": "29.5.0",
     "jest-environment-jsdom": "29.5.0",
     "jest-preset-angular": "13.1.1",
-    "jsdom": "^22.0.0",
+    "jsdom": "^22.1.0",
     "jsonc-eslint-parser": "^2.3.0",
     "ng-packagr": "~16.0.1",
     "nx": "16.2.2",
@@ -71,31 +71,31 @@
     "ts-jest": "29.1.0",
     "ts-node": "10.9.1",
     "typescript": "5.0.4",
-    "vite": "4.3.8",
+    "vite": "4.3.9",
     "vite-plugin-glslify": "^2.0.1",
     "vite-tsconfig-paths": "4.2.0",
     "vitest": "0.31.1"
   },
   "dependencies": {
-    "@analogjs/content": "^0.2.0-beta.11",
-    "@analogjs/router": "^0.2.0-beta.11",
-    "@angular/animations": "16.0.2",
-    "@angular/cdk": "16.0.1",
-    "@angular/common": "16.0.2",
-    "@angular/compiler": "16.0.2",
-    "@angular/core": "16.0.2",
-    "@angular/forms": "16.0.2",
-    "@angular/platform-browser": "16.0.2",
-    "@angular/platform-browser-dynamic": "16.0.2",
-    "@angular/platform-server": "^16.0.2",
-    "@angular/router": "16.0.2",
+    "@analogjs/content": "^0.2.0-beta.13",
+    "@analogjs/router": "^0.2.0-beta.13",
+    "@angular/animations": "16.0.3",
+    "@angular/cdk": "16.0.2",
+    "@angular/common": "16.0.3",
+    "@angular/compiler": "16.0.3",
+    "@angular/core": "16.0.3",
+    "@angular/forms": "16.0.3",
+    "@angular/platform-browser": "16.0.3",
+    "@angular/platform-browser-dynamic": "16.0.3",
+    "@angular/platform-server": "^16.0.3",
+    "@angular/router": "16.0.3",
     "@pmndrs/cannon-worker-api": "^2.3.2",
     "@rx-angular/state": "^14.0.0",
     "@swc/helpers": "0.5.1",
     "cannon-es": "^0.20.0",
     "cannon-es-debugger": "^1.0.0",
     "front-matter": "^4.0.2",
-    "marked": "^5.0.2",
+    "marked": "^5.0.3",
     "ngx-resize": "^2.0.0",
     "nice-color-palettes": "^3.0.0",
     "postprocessing": "^6.31.0",
@@ -106,7 +106,7 @@
     "stats.js": "^0.17.0",
     "three": "^0.152.2",
     "three-mesh-bvh": "^0.6.0",
-    "three-stdlib": "^2.21.12",
+    "three-stdlib": "^2.23.4",
     "troika-three-text": "^0.47.2",
     "tslib": "^2.5.2",
     "zone.js": "0.13.0"