feat(plugin): add angular-three-plugin

Author: nartc

libs/core/package.json

@@ -28,30 +28,7 @@
 		"three": ">=0.156.0 <0.174.0"
 	},
 	"dependencies": {
-		"tslib": "^2.7.0",
-		"@nx/devkit": "^20.0.0",
-		"@phenomnomnominal/tsquery": "^6.0.0",
-		"nx": "^20.0.0"
-	},
-	"generators": "./plugin/generators.json",
-	"schematics": "./plugin/generators.json",
-	"nx-migrations": {
-		"migrations": "./plugin/migrations.json",
-		"packageGroup": [
-			"angular-three-soba",
-			"angular-three-postprocessing",
-			"angular-three-cannon",
-			"angular-three-rapier"
-		]
-	},
-	"ng-update": {
-		"migrations": "./plugin/migrations.json",
-		"packageGroup": [
-			"angular-three-soba",
-			"angular-three-postprocessing",
-			"angular-three-cannon",
-			"angular-three-rapier"
-		]
+		"tslib": "^2.7.0"
 	},
 	"web-types": [
 		"./web-types.json",

libs/plugin/package.json

@@ -7,10 +7,28 @@
 	"types": "./src/index.d.ts",
 	"dependencies": {
 		"@nx/devkit": "^20.0.0",
-		"@phenomnomnominal/tsquery": "^6.0.0",
 		"nx": "^20.0.0",
+		"ts-morph": "^25.0.0",
 		"tslib": "^2.3.0"
 	},
 	"generators": "./generators.json",
-	"schematics": "./generators.json"
+	"schematics": "./generators.json",
+	"nx-migrations": {
+		"migrations": "./migrations.json",
+		"packageGroup": [
+			"angular-three-soba",
+			"angular-three-postprocessing",
+			"angular-three-cannon",
+			"angular-three-rapier"
+		]
+	},
+	"ng-update": {
+		"migrations": "./migrations.json",
+		"packageGroup": [
+			"angular-three-soba",
+			"angular-three-postprocessing",
+			"angular-three-cannon",
+			"angular-three-rapier"
+		]
+	}
 }

libs/plugin/project.json

@@ -43,6 +43,12 @@
 			"options": {
 				"jestConfig": "libs/plugin/jest.config.ts"
 			}
+		},
+		"publish-next": {
+			"command": "npm publish --tag=next",
+			"options": {
+				"cwd": "{workspaceRoot}/dist/{projectRoot}"
+			}
 		}
 	}
 }

libs/plugin/src/generators/init/files/scene-graph.ts__tmpl__

@@ -0,0 +1,29 @@
+import { CUSTOM_ELEMENTS_SCHEMA, Component, viewChild, ElementRef, ChangeDetectionStrategy } from '@angular/core';
+import { extend, injectBeforeRender } from 'angular-three';
+import { Mesh, BoxGeometry, MeshBasicMaterial } from 'three';
+
+@Component({
+  selector: 'app-scene-graph',
+  template: `
+    <ngt-mesh #mesh>
+      <ngt-box-geometry />
+      <ngt-mesh-basic-material color="hotpink" />
+    </ngt-mesh>
+  `,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class SceneGraph {
+  private meshRef = viewChild.required<ElementRef<Mesh>>('mesh');
+
+  constructor() {
+    extend({ Mesh, BoxGeometry, MeshBasicMaterial });
+
+    injectBeforeRender(({ delta }) => {
+      const mesh = this.meshRef().nativeElement;
+      mesh.rotation.x += delta;
+      mesh.rotation.y += delta;
+    })
+  }
+}
+