fix(plugin): use let for nodes/materials; call generate; adjust node name

Author: nartc

libs/plugin/src/generators/gltf/files/__fileName__.ts__tmpl__

@@ -41,6 +41,9 @@ export type <%= gltfResultTypeName %> = GLTF & {
   selector: '<%= selector %>',
   template: `
     @if (gltf(); as gltf) {
+      @let nodes = gltf.nodes;
+      @let materials = gltf.materials;
+
       <ngt-group #model [parameters]="options()" [dispose]="null">
         <%= scene %>
 

libs/plugin/src/generators/gltf/gltf.ts

@@ -51,7 +51,9 @@ export async function gltfGenerator(tree: Tree, options: GltfGeneratorSchema) {
 
 	const generateNGT = new GenerateNGT(analyzed, options);
 
-	const test = await generateNGT.print(analyzed.gltf.scene);
+	const test = await generateNGT.generate();
+
+	console.log(test);
 
 	// await formatFiles(tree);
 }

libs/plugin/src/generators/gltf/utils/generate-ngt.ts

@@ -36,29 +36,29 @@ export class GenerateNGT {
 		// Bail out on bones
 		if (!bones && type === 'bone') {
 			this.args = true;
-			return `<ngt-primitive *args=[gltf.${node}] />\n`;
+			return `<ngt-primitive *args=[${node}] />\n`;
 		}
 
 		const ngtType = this.getAngularThreeElement(type);
 		if (isTargetedLight(obj)) {
 			this.args = true;
-			return `<${ngtType} ${this.handleAngularInputs(obj)} [target]="gltf.${node}.target">
-  <ngt-primitive *args="[gltf.${node}.target]" ${this.handleAngularInputs(obj.target)} />
+			return `<${ngtType} ${this.handleAngularInputs(obj)} [target]="${node}.target">
+  <ngt-primitive *args="[${node}.target]" ${this.handleAngularInputs(obj.target)} />
 </${ngtType}>`;
 		}
 
 		// TODO: Instances are currently not supported for NGT components
 		//
 		if (isInstancedMesh(obj)) {
-			const geo = `gltf.${node}.geometry`;
+			const geo = `${node}.geometry`;
 			const mat =
-				'name' in obj.material ? `gltf.materials${sanitizeName(obj.material.name)}` : `gltf.${node}.material`;
+				'name' in obj.material ? `materials${sanitizeName(obj.material.name)}` : `gltf.${node}.material`;
 			this.args = true;
 			result = `<ngt-instanced-mesh *args="[${geo}, ${mat}, ${!obj.count ? `gltf.${node}.count` : obj.count}]" `;
 		} else {
 			if (type === 'bone') {
 				this.args = true;
-				result = `<ngt-primitive *args="[gltf.${node}]" `;
+				result = `<ngt-primitive *args="[${node}]" `;
 			} else {
 				result = `<${this.getAngularThreeElement(type)} `;
 			}