feat: update angular-three

Author: Chau Tran

libs/angular-three-soba/loaders/src/lib/cube-texture-loader/cube-texture-loader.ts

@@ -8,8 +8,8 @@ export function injectCubeTextureLoader(
 ): Observable<THREE.CubeTexture> {
     const inputs$ = isObservable(files) ? files.pipe(map((f) => [f])) : of([files]);
     return injectNgtLoader(
-        () => THREE.CubeTextureLoader,
         // @ts-expect-error CubeTexture accepts a string[] and pass into loader as [[...]]
+        () => THREE.CubeTextureLoader,
         inputs$,
         (loader) => loader.setPath(path)
     ).pipe(map((textures) => (textures as THREE.CubeTexture[])[0]));

libs/angular-three-soba/ng-package.json

@@ -11,5 +11,5 @@
             "output": "assets"
         }
     ],
-    "allowedNonPeerDependencies": ["@nx/devkit"]
+    "allowedNonPeerDependencies": ["@nx/devkit", "nx"]
 }

libs/angular-three-soba/package.json

@@ -24,18 +24,19 @@
         "./assets/*": "./assets/*"
     },
     "peerDependencies": {
-        "@angular/common": "^15.1.0",
-        "@angular/core": "^15.1.0",
+        "@angular/common": "^15.1.0 || ^16.0.0",
+        "@angular/core": "^15.1.0 || ^16.0.0",
         "angular-three": "^1.0.0",
         "stats.js": "^0.17.0",
-        "three": "^0.148.0 || ^0.149.0 || ^0.150.0 || ^0.151.0",
+        "three": "^0.148.0 || ^0.149.0 || ^0.150.0 || ^0.151.0 || ^0.152.0",
         "three-mesh-bvh": "^0.5.0",
         "three-stdlib": "^2.0.0",
         "troika-three-text": "^0.47.0"
     },
     "dependencies": {
         "tslib": "^2.3.0",
-        "@nx/devkit": "^15.0.0"
+        "@nx/devkit": "^15.0.0 || ^16.0.0",
+        "nx": "^15.0.0 || ^16.0.0"
     },
     "sideEffects": false,
     "generators": "./plugin/generators.json",

libs/angular-three-soba/shaders/src/lib/blur-pass/blur-pass.ts

@@ -4,6 +4,7 @@ import {
     Camera,
     LinearFilter,
     Mesh,
+    PerspectiveCamera,
     Scene,
     Vector2,
     WebGLRenderer,
@@ -54,7 +55,7 @@ export class BlurPass {
         this.convolutionMaterial.setTexelSize(1.0 / width, 1.0 / height);
         this.convolutionMaterial.setResolution(new Vector2(width, height));
         this.scene = new Scene();
-        this.camera = new Camera();
+        this.camera = new PerspectiveCamera();
         this.convolutionMaterial.uniforms['minDepthThreshold'].value = minDepthThreshold;
         this.convolutionMaterial.uniforms['maxDepthThreshold'].value = maxDepthThreshold;
         this.convolutionMaterial.uniforms['depthScale'].value = depthScale;

package.json

@@ -28,43 +28,43 @@
         "@storybook/addon-essentials": "7.0.9",
         "@storybook/angular": "7.0.9",
         "@storybook/core-server": "7.0.9",
-        "@swc-node/register": "^1.6.3",
+        "@swc-node/register": "^1.6.5",
         "@swc/cli": "0.1.62",
-        "@swc/core": "^1.3.44",
-        "@types/jest": "29.5.0",
+        "@swc/core": "^1.3.57",
+        "@types/jest": "29.5.1",
         "@types/node": "18.15.11",
         "@types/stats.js": "^0.17.0",
-        "@types/three": "^0.150.0",
+        "@types/three": "^0.152.0",
         "@typescript-eslint/eslint-plugin": "5.59.5",
         "@typescript-eslint/parser": "5.59.5",
-        "dotenv-cli": "^7.1.0",
-        "eslint": "~8.37.0",
+        "dotenv-cli": "^7.2.1",
+        "eslint": "~8.40.0",
         "eslint-config-prettier": "8.8.0",
         "eslint-plugin-storybook": "^0.6.12",
         "glsl-noise": "^0.0.0",
         "glslify-loader": "^2.0.0",
-        "html-webpack-plugin": "^5.5.0",
+        "html-webpack-plugin": "^5.5.1",
         "jest": "29.5.0",
         "jest-environment-jsdom": "29.5.0",
         "jest-preset-angular": "13.1.0",
-        "jsonc-eslint-parser": "^2.2.0",
+        "jsonc-eslint-parser": "^2.3.0",
         "ng-packagr": "16.0.0",
         "nx": "16.1.3",
-        "postcss": "^8.4.21",
+        "postcss": "^8.4.23",
         "postcss-import": "~15.1.0",
-        "postcss-preset-env": "~8.3.0",
+        "postcss-preset-env": "~8.3.2",
         "postcss-url": "~10.1.3",
-        "prettier": "^2.8.7",
+        "prettier": "^2.8.8",
         "prettier-plugin-organize-imports": "^3.2.2",
         "raw-loader": "^4.0.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "release-it": "^15.9.3",
+        "release-it": "^15.10.3",
         "storybook": "7.0.9",
         "ts-jest": "29.1.0",
         "ts-node": "10.9.1",
         "typescript": "5.0.4",
-        "webpack": "^5.77.0",
+        "webpack": "^5.82.0",
         "@nx/js": "16.1.3",
         "@nx/plugin": "16.1.3",
         "@nx/jest": "16.1.3",
@@ -80,14 +80,14 @@
         "@angular/platform-browser": "16.0.0",
         "@angular/platform-browser-dynamic": "16.0.0",
         "@angular/router": "16.0.0",
-        "@rx-angular/state": "^2.0.0",
+        "@rx-angular/state": "^15.0.0",
         "@swc/helpers": "0.5.1",
-        "angular-three": "1.9.13",
-        "rxjs": "~7.8.0",
+        "angular-three": "1.10.5",
+        "rxjs": "~7.8.1",
         "stats.js": "^0.17.0",
-        "three": "0.150",
+        "three": "0.152",
         "three-mesh-bvh": "^0.5.23",
-        "three-stdlib": "^2.21.8",
+        "three-stdlib": "^2.21.11",
         "troika-three-text": "^0.47.1",
         "tslib": "^2.5.0",
         "zone.js": "0.13.0"