feat(core): ready to start core generators

legacy/packages/core/geometries/src/lib/box-geometry/box-geometry.directive.ts

@@ -1,6 +1,6 @@
 // GENERATED
 import { NgtGeometry } from '@angular-three/core';
-import { NgModule, Directive, Input } from '@angular/core';
+import { Directive, Input, NgModule } from '@angular/core';
 import * as THREE from 'three';
 
 @Directive({
@@ -10,12 +10,13 @@ import * as THREE from 'three';
     {
       provide: NgtGeometry,
       useExisting: NgtBoxGeometry,
-    }
+    },
   ],
 })
 export class NgtBoxGeometry extends NgtGeometry<THREE.BoxGeometry> {
-
-  static ngAcceptInputType_args: ConstructorParameters<typeof THREE.BoxGeometry> | undefined;
+  static ngAcceptInputType_args:
+    | ConstructorParameters<typeof THREE.BoxGeometry>
+    | undefined;
 
   @Input() set args(v: ConstructorParameters<typeof THREE.BoxGeometry>) {
     this.extraArgs = v;
@@ -29,4 +30,3 @@ export class NgtBoxGeometry extends NgtGeometry<THREE.BoxGeometry> {
   exports: [NgtBoxGeometry],
 })
 export class NgtBoxGeometryModule {}
-

nx.json

@@ -17,14 +17,19 @@
   },
   "generators": {
     "@nrwl/angular:application": {
+      "style": "scss",
       "linter": "eslint",
-      "unitTestRunner": "jest"
+      "unitTestRunner": "jest",
+      "e2eTestRunner": "none"
     },
     "@nrwl/angular:library": {
+      "style": "scss",
       "linter": "eslint",
       "unitTestRunner": "jest"
     },
-    "@nrwl/angular:component": {}
+    "@nrwl/angular:component": {
+      "style": "scss"
+    }
   },
   "defaultProject": "core"
 }

package.json

@@ -39,8 +39,8 @@
     "@types/jest": "27.0.3",
     "@types/node": "16.11.10",
     "@types/three": "0.134.0",
-    "@typescript-eslint/eslint-plugin": "~5.4.0",
-    "@typescript-eslint/parser": "~5.4.0",
+    "@typescript-eslint/eslint-plugin": "~5.5.0",
+    "@typescript-eslint/parser": "~5.5.0",
     "eslint": "8.3.0",
     "eslint-config-prettier": "8.3.0",
     "jest": "27.3.1",

packages/core/audios/README.md

@@ -0,0 +1,3 @@
+# @angular-three/core/audios
+
+Secondary entry point of `@angular-three/core`. It can be used by importing from `@angular-three/core/audios`.

packages/core/audios/ng-package.json

@@ -0,0 +1,5 @@
+{
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

packages/core/audios/src/index.ts

@@ -0,0 +1 @@
+export const greeting = 'Hello World!';

packages/core/audios/src/lib/audio-listener/audio-listener.directive.ts

@@ -0,0 +1,83 @@
+import {
+  applyProps,
+  EnhancedComponentStore,
+  NgtDestroyedService,
+  NgtStore,
+  tapEffect,
+} from '@angular-three/core';
+import {
+  Directive,
+  EventEmitter,
+  Input,
+  NgModule,
+  NgZone,
+  OnInit,
+  Output,
+} from '@angular/core';
+import { withLatestFrom } from 'rxjs';
+import * as THREE from 'three';
+
+@Directive({
+  selector: 'ngt-audio-listener',
+  exportAs: 'ngtAudioListener',
+})
+export class NgtAudioListener extends EnhancedComponentStore implements OnInit {
+  @Input() filter?: AudioNode;
+  @Input() timeDelta?: number;
+
+  @Output() ready = new EventEmitter();
+
+  #listener!: THREE.AudioListener;
+  get listener() {
+    return this.#listener;
+  }
+
+  constructor(
+    private store: NgtStore,
+    private destroyed: NgtDestroyedService,
+    private ngZone: NgZone
+  ) {
+    super({});
+  }
+
+  ngOnInit() {
+    this.ngZone.runOutsideAngular(() => {
+      this.#listener = new THREE.AudioListener();
+      const props = {
+        filter: this.filter,
+        timeDelta: this.timeDelta,
+      };
+      applyProps(this.listener, props);
+      this.#ready(this.store.selectors.ready$);
+    });
+  }
+
+  #ready = this.effect<boolean>((ready$) =>
+    ready$.pipe(
+      withLatestFrom(this.store.selectors.camera$),
+      tapEffect(([ready, camera]) => {
+        this.ngZone.runOutsideAngular(() => {
+          if (ready && camera) {
+            camera.add(this.listener);
+            this.ready.emit();
+          }
+        });
+
+        return () => {
+          this.ngZone.runOutsideAngular(() => {
+            if (ready && camera) {
+              this.listener.clear();
+              camera.remove(this.listener);
+            }
+          });
+        };
+      })
+    )
+  );
+}
+
+@NgModule({
+  declarations: [NgtAudioListener],
+  exports: [NgtAudioListener],
+})
+export class NgtAudioListenerModule {}

packages/core/cameras/README.md

@@ -0,0 +1,3 @@
+# @angular-three/core/cameras
+
+Secondary entry point of `@angular-three/core`. It can be used by importing from `@angular-three/core/cameras`.

packages/core/cameras/ng-package.json

@@ -0,0 +1,5 @@
+{
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

packages/core/cameras/src/cube-camera/cube-camera.directive.ts

@@ -0,0 +1,51 @@
+import {
+  NGT_OBJECT_CONTROLLER_PROVIDER,
+  NGT_OBJECT_WATCHED_CONTROLLER,
+  NgtObject3dController,
+} from '@angular-three/core';
+import {
+  Directive,
+  Inject,
+  Input,
+  NgModule,
+  NgZone,
+  OnInit,
+} from '@angular/core';
+import * as THREE from 'three';
+
+@Directive({
+  selector: 'ngt-cube-camera',
+  exportAs: 'ngtCubeCamera',
+  providers: [NGT_OBJECT_CONTROLLER_PROVIDER],
+})
+export class NgtCubeCamera implements OnInit {
+  static ngAcceptInputType_args: ConstructorParameters<typeof THREE.CubeCamera>;
+
+  #cubeCamera?: THREE.CubeCamera;
+  get cubeCamera() {
+    return this.#cubeCamera;
+  }
+
+  @Input() args!: ConstructorParameters<typeof THREE.CubeCamera>;
+
+  constructor(
+    @Inject(NGT_OBJECT_WATCHED_CONTROLLER)
+    private objectController: NgtObject3dController,
+    private ngZone: NgZone
+  ) {}
+
+  ngOnInit() {
+    this.objectController.initFn = () => {
+      return this.ngZone.runOutsideAngular(() => {
+        this.#cubeCamera = new THREE.CubeCamera(...this.args);
+        return this.#cubeCamera;
+      });
+    };
+  }
+}
+
+@NgModule({
+  declarations: [NgtCubeCamera],
+  exports: [NgtCubeCamera],
+})
+export class NgtCubeCameraModule {}

packages/core/cameras/src/index.ts

@@ -0,0 +1 @@
+export const greeting = 'Hello World!';

packages/core/geometries/README.md

@@ -0,0 +1,3 @@
+# @angular-three/core/geometries
+
+Secondary entry point of `@angular-three/core`. It can be used by importing from `@angular-three/core/geometries`.

packages/core/geometries/ng-package.json

@@ -0,0 +1,5 @@
+{
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

packages/core/geometries/src/box-geometry/box-geometry.directive.ts

@@ -0,0 +1,32 @@
+// GENERATED
+import { NgtGeometry } from '@angular-three/core';
+import { Directive, Input, NgModule } from '@angular/core';
+import * as THREE from 'three';
+
+@Directive({
+  selector: 'ngt-box-geometry',
+  exportAs: 'ngtBoxGeometry',
+  providers: [
+    {
+      provide: NgtGeometry,
+      useExisting: NgtBoxGeometry,
+    },
+  ],
+})
+export class NgtBoxGeometry extends NgtGeometry<THREE.BoxGeometry> {
+  static ngAcceptInputType_args:
+    | ConstructorParameters<typeof THREE.BoxGeometry>
+    | undefined;
+
+  @Input() set args(v: ConstructorParameters<typeof THREE.BoxGeometry>) {
+    this.geometryArgs = v;
+  }
+
+  geometryType = THREE.BoxGeometry;
+}
+
+@NgModule({
+  declarations: [NgtBoxGeometry],
+  exports: [NgtBoxGeometry],
+})
+export class NgtBoxGeometryModule {}

packages/core/geometries/src/index.ts

@@ -0,0 +1 @@
+export * from './box-geometry/box-geometry.directive';

packages/core/group/README.md

@@ -0,0 +1,3 @@
+# @angular-three/core/group
+
+Secondary entry point of `@angular-three/core`. It can be used by importing from `@angular-three/core/group`.

packages/core/group/ng-package.json

@@ -0,0 +1,5 @@
+{
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

packages/core/group/src/index.ts

@@ -0,0 +1 @@
+export * from './lib/group.directive';

packages/core/group/src/lib/group.directive.ts

@@ -0,0 +1,40 @@
+import {
+  NGT_OBJECT_CONTROLLER_PROVIDER,
+  NGT_OBJECT_WATCHED_CONTROLLER,
+  NgtObject3dController,
+} from '@angular-three/core';
+import { Directive, Inject, NgModule, NgZone, OnInit } from '@angular/core';
+import * as THREE from 'three';
+
+@Directive({
+  selector: 'ngt-group',
+  exportAs: 'ngtGroup',
+  providers: [NGT_OBJECT_CONTROLLER_PROVIDER],
+})
+export class NgtGroup implements OnInit {
+  #group?: THREE.Group;
+  get group() {
+    return this.#group;
+  }
+
+  constructor(
+    @Inject(NGT_OBJECT_WATCHED_CONTROLLER)
+    private objectController: NgtObject3dController,
+    private ngZone: NgZone
+  ) {}
+
+  ngOnInit() {
+    this.objectController.initFn = () => {
+      return this.ngZone.runOutsideAngular(() => {
+        this.#group = new THREE.Group();
+        return this.#group;
+      });
+    };
+  }
+}
+
+@NgModule({
+  declarations: [NgtGroup],
+  exports: [NgtGroup],
+})
+export class NgtGroupModule {}

packages/core/materials/README.md

@@ -0,0 +1,3 @@
+# @angular-three/core/materials
+
+Secondary entry point of `@angular-three/core`. It can be used by importing from `@angular-three/core/materials`.

packages/core/materials/ng-package.json

@@ -0,0 +1,5 @@
+{
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

packages/core/materials/src/index.ts

@@ -0,0 +1 @@
+export * from './mesh-basic-material/mesh-basic-material.directive';

packages/core/materials/src/mesh-basic-material/mesh-basic-material.directive.ts

@@ -0,0 +1,31 @@
+// GENERATED
+import { NgtMaterial } from '@angular-three/core';
+import { Directive, NgModule } from '@angular/core';
+import * as THREE from 'three';
+
+@Directive({
+  selector: 'ngt-mesh-basic-material',
+  exportAs: 'ngtMeshBasicMaterial',
+  providers: [
+    {
+      provide: NgtMaterial,
+      useExisting: NgtMeshBasicMaterial,
+    },
+  ],
+})
+export class NgtMeshBasicMaterial extends NgtMaterial<
+  THREE.MeshBasicMaterialParameters,
+  THREE.MeshBasicMaterial
+> {
+  static ngAcceptInputType_parameters:
+    | THREE.MeshBasicMaterialParameters
+    | undefined;
+
+  materialType = THREE.MeshBasicMaterial;
+}
+
+@NgModule({
+  declarations: [NgtMeshBasicMaterial],
+  exports: [NgtMeshBasicMaterial],
+})
+export class NgtMeshBasicMaterialModule {}

packages/core/meshes/README.md

@@ -0,0 +1,3 @@
+# @angular-three/core/meshes
+
+Secondary entry point of `@angular-three/core`. It can be used by importing from `@angular-three/core/meshes`.

packages/core/meshes/ng-package.json

@@ -0,0 +1,5 @@
+{
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

packages/core/meshes/src/index.ts

@@ -0,0 +1,3 @@
+export * from './mesh/mesh.directive';
+export * from './instanced-mesh/instanced-mesh.directive';
+export * from './skinned-mesh/skinned-mesh.directive';