feat: add cube texture loader

libs/angular-three-soba/loaders/src/index.ts

@@ -1,3 +1,4 @@
+export * from './lib/cube-texture-loader/cube-texture-loader';
 export * from './lib/gltf-loader/gltf-loader';
 export * from './lib/loader/loader';
 export * from './lib/progress/progress';

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

@@ -0,0 +1,16 @@
+import { injectNgtLoader } from 'angular-three';
+import { isObservable, map, Observable, of } from 'rxjs';
+import * as THREE from 'three';
+
+export function injectCubeTextureLoader(
+    files: string[] | Observable<string[]>,
+    path: string
+): 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 [[...]]
+        inputs$,
+        (loader) => loader.setPath(path)
+    ).pipe(map((textures) => (textures as THREE.CubeTexture[])[0]));
+}