angular-three 2.0.0-beta.18 → 2.0.0-beta.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-three",
-  "version": "2.0.0-beta.18",
+  "version": "2.0.0-beta.19",
   "publishConfig": {
     "access": "public"
   },

package/plugin/package.json

@@ -1,5 +1,6 @@
 {
   "type": "commonjs",
+  "generators": "./generators.json",
   "main": "./src/index.js",
-  "version": "2.0.0-beta.18"
+  "version": "2.0.0-beta.19"
 }

package/plugin/src/generators/init/compat.d.ts

@@ -1,2 +1,4 @@
-declare const _default: (generatorOptions: any) => (tree: any, context: any) => Promise<any>;
+declare const _default: (generatorOptions: {
+    project?: string;
+}) => (tree: any, context: any) => Promise<any>;
 export default _default;

package/plugin/src/generators/init/files/experience/experience.component.html.__tmpl__

@@ -0,0 +1,4 @@
+<ngt-mesh (beforeRender)="onBeforeRender($event)">
+  <ngt-box-geometry />
+  <ngt-mesh-basic-material color="hotpink" />
+</ngt-mesh>

package/plugin/src/generators/init/files/experience/experience.component.ts.__tmpl__

@@ -0,0 +1,17 @@
+import { CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+import { Mesh, BoxGeometry, MeshBasicMaterial } from 'three';
+
+extend({ Mesh, BoxGeometry, MeshBasicMaterial });
+
+@Component({
+  standalone: true,
+  templateUrl: './experience.component.html',
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class Experience {
+  onBeforeRender({ object, state: { delta }}: NgtBeforeRenderEvent<Mesh>) {
+    object.rotation.x += delta;
+    object.rotation.y += delta;
+  }
+}
+

package/plugin/src/generators/init/generator.d.ts

@@ -1,2 +1,6 @@
 import { type Tree } from '@nx/devkit';
-export default function (tree: Tree): Promise<() => void>;
+type Schema = {
+    project?: string;
+};
+export default function (tree: Tree, { project }: Schema): Promise<() => void>;
+export {};

package/plugin/src/generators/init/generator.js

@@ -1,9 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const devkit_1 = require("@nx/devkit");
+const tsquery_1 = require("@phenomnomnominal/tsquery");
+const enquirer_1 = require("enquirer");
+const node_path_1 = require("node:path");
+const typescript_1 = require("typescript");
 const utils_1 = require("../utils");
 const versions_1 = require("../versions");
-async function default_1(tree) {
+async function default_1(tree, { project }) {
     devkit_1.logger.log('Initializing Angular Three...');
     const packageJson = (0, devkit_1.readJson)(tree, 'package.json');
     const version = packageJson['dependencies']?.['angular-three'] ||
@@ -19,6 +23,107 @@ async function default_1(tree) {
         return json;
     });
     (0, utils_1.addMetadataJson)(tree, 'angular-three/metadata.json');
+    const { generateExperience } = await (0, enquirer_1.prompt)({
+        type: 'select',
+        name: 'generateExperience',
+        message: 'Generate an Experience component?',
+        choices: [
+            { value: 'append', name: 'append', message: 'Append <ngt-canvas /> to AppComponent template' },
+            { value: 'replace', name: 'replace', message: 'Replace AppComponent template with <ngt-canvas />' },
+            { value: 'none', name: 'none', message: 'Do not generate an Experience component' },
+        ],
+        initial: 2,
+    });
+    if (generateExperience !== 'none') {
+        const isNx = tree.exists('nx.json');
+        const rootProjectJson = (0, devkit_1.readJson)(tree, 'project.json');
+        if (!project) {
+            if (isNx) {
+                if (!rootProjectJson) {
+                    throw new Error(`
+It seems like your workspace is an Integrated workspace but you did not provide a "project" name.
+Please retry the generator with a "--project" specified.`);
+                }
+                const rootName = rootProjectJson['name'];
+                if (rootName === packageJson['name']) {
+                    project = rootName;
+                }
+            }
+        }
+        if (!project) {
+            throw new Error(`
+Angular Three generator could not find a default "project".
+Please retry the generator with a "--project" specified.`);
+        }
+        const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, project);
+        const sourceRoot = projectConfig.sourceRoot;
+        if (sourceRoot) {
+            // generate Experience component
+            (0, devkit_1.generateFiles)(tree, (0, node_path_1.join)(__dirname, 'files'), sourceRoot, { __tmpl__: '' });
+            const { isStandalone } = await (0, enquirer_1.prompt)({
+                type: 'confirm',
+                initial: false,
+                name: 'isStandalone',
+                message: 'Is your project standalone?',
+            });
+            const appComponentPath = `${sourceRoot}/app.component.ts`;
+            const exist = tree.exists(appComponentPath);
+            const appComponentTemplatePath = `${sourceRoot}/app.component.html`;
+            const templateExist = tree.exists(appComponentTemplatePath);
+            const appComponentContent = exist ? tree.read(appComponentPath, 'utf8') : null;
+            const appComponentTemplateContent = templateExist ? tree.read(appComponentTemplatePath, 'utf8') : null;
+            if (isStandalone) {
+                if (!appComponentContent) {
+                    devkit_1.logger.warn(`
+AppComponent not found at ${appComponentPath}. Angular Three was initialized successfully but an Experience component was not generated.`);
+                }
+                else {
+                    let updatedContent = tsquery_1.tsquery.replace(appComponentContent, 'Identifier[name="imports"] ~ ArrayLiteralExpression', (node) => typescript_1.factory
+                        .updateArrayLiteralExpression(node, [
+                        ...node.elements,
+                        typescript_1.factory.createIdentifier('NgtCanvas'),
+                    ])
+                        .getFullText());
+                    updatedContent = tsquery_1.tsquery.replace(updatedContent, 'SourceFile', (node) => {
+                        return `
+import { NgtCanvas } from 'angular-three';
+import { Experience } from './experience/experience.component';
+${node.getFullText()}`;
+                    });
+                    updatedContent = tsquery_1.tsquery.replace(updatedContent, 'ClassDeclaration', (node) => typescript_1.factory
+                        .updateClassDeclaration(node, node.modifiers, node.name, node.typeParameters, node.heritageClauses, [
+                        typescript_1.factory.createPropertyDeclaration([], 'scene', undefined, undefined, typescript_1.factory.createIdentifier('Experience')),
+                        ...node.members,
+                    ])
+                        .getFullText());
+                    if (appComponentTemplateContent) {
+                        const updatedTemplateContent = generateExperience === 'append'
+                            ? `
+${appComponentTemplateContent}
+<ngt-canvas [sceneGraph]="scene" />`
+                            : `<ngt-canvas [sceneGraph]="scene" />`;
+                        tree.write(appComponentTemplatePath, updatedTemplateContent);
+                    }
+                    else {
+                        updatedContent = tsquery_1.tsquery.replace(updatedContent, 'Identifier[name="template"] ~ NoSubstitutionTemplateLiteral', (node) => {
+                            return generateExperience === 'append'
+                                ? `
+${node.getFullText()}
+<ngt-canvas [sceneGraph]="scene" />`
+                                : `<ngt-canvas [sceneGraph]="scene" />`;
+                        });
+                    }
+                    tree.write(appComponentPath, updatedContent);
+                }
+            }
+            else {
+            }
+        }
+        else {
+            devkit_1.logger.warn(`
+"sourceRoot" not found. Angular Three was initialized successfully but an Experience component was not generated.`);
+        }
+    }
     return () => {
         (0, devkit_1.installPackagesTask)(tree);
     };

package/plugin/src/generators/init/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../libs/plugin/src/generators/init/generator.ts"],"names":[],"mappings":";;AAAA,uCAAwH;AACxH,oCAA2C;AAC3C,0CAAuF;AAExE,KAAK,oBAAW,IAAU;IACxC,eAAM,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,IAAA,iBAAQ,EAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IAEnD,MAAM,OAAO,GACZ,WAAW,CAAC,cAAc,CAAC,EAAE,CAAC,eAAe,CAAC;QAC9C,WAAW,CAAC,iBAAiB,CAAC,EAAE,CAAC,eAAe,CAAC;QACjD,gCAAqB,CAAC;IAEvB,IAAA,qCAA4B,EAC3B,IAAI,EACJ,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,EAAE,wBAAa,EAAE,EAClD,EAAE,cAAc,EAAE,6BAAkB,EAAE,CACtC,CAAC;IAEF,eAAM,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,eAAe,CAAC;IAEhG,IAAA,mBAAU,EAAC,IAAI,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;QACvC,IAAI,CAAC,CAAC,cAAc,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,eAAe,EAAE,YAAY,KAAK,KAAK,EAAE;YAC9F,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG,IAAI,CAAC;SACzC;QACD,OAAO,IAAI,CAAC;IACb,CAAC,CAAC,CAAC;IAEH,IAAA,uBAAe,EAAC,IAAI,EAAE,6BAA6B,CAAC,CAAC;IAErD,OAAO,GAAG,EAAE;QACX,IAAA,4BAAmB,EAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC;AACH,CAAC;AA/BD,4BA+BC"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../libs/plugin/src/generators/init/generator.ts"],"names":[],"mappings":"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"}

package/plugin/src/generators/init/schema.json

@@ -2,5 +2,16 @@
 	"$schema": "http://json-schema.org/schema",
 	"cli": "nx",
 	"$id": "Init",
-	"title": "Init Angular Three"
+	"title": "Init Angular Three",
+	"properties": {
+		"project": {
+			"type": "string",
+			"description": "The name of the project to add the Tailwind CSS setup for.",
+			"$default": {
+				"$source": "argv",
+				"index": 0
+			},
+			"x-prompt": "What project would you like to add the Angular Three setup?"
+		}
+	}
 }