angular-three 2.0.0-beta.279 → 2.0.0-beta.280

package/package.json

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

package/plugin/README.md

@@ -0,0 +1,11 @@
+# plugin
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build plugin` to build the library.
+
+## Running unit tests
+
+Run `nx test plugin` to execute the unit tests via [Jest](https://jestjs.io).

package/plugin/generators.json

@@ -0,0 +1,17 @@
+{
+	"name": "angular-three-plugin",
+	"generators": {
+		"init": {
+			"factory": "./src/generators/init/generator",
+			"schema": "./src/generators/init/schema.json",
+			"description": "Init Angular Three with proper packages and config"
+		}
+	},
+	"schematics": {
+		"ng-add": {
+			"factory": "./src/generators/init/compat",
+			"schema": "./src/generators/init/schema.json",
+			"description": "Add Angular Three with proper packages and config"
+		}
+	}
+}

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

@@ -0,0 +1,2 @@
+declare const _default: (generatorOptions: Partial<import("./generator").InitGeneratorOptions>) => (tree: any, context: any) => Promise<any>;
+export default _default;

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const generator_1 = require("./generator");
+exports.default = (0, devkit_1.convertNxGenerator)(generator_1.default);
+//# sourceMappingURL=compat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../../libs/plugin/src/generators/init/compat.ts"],"names":[],"mappings":";;AAAA,uCAAgD;AAChD,2CAA+B;AAE/B,kBAAe,IAAA,2BAAkB,EAAC,mBAAI,CAAC,CAAC"}

package/plugin/src/generators/init/files/experience/experience.component.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';
+
+extend({ Mesh, BoxGeometry, MeshBasicMaterial });
+
+@Component({
+  standalone: true,
+  template: `
+    <ngt-mesh #mesh>
+      <ngt-box-geometry />
+      <ngt-mesh-basic-material color="hotpink" />
+    </ngt-mesh>
+  `,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class Experience {
+  meshRef = viewChild.required<ElementRef<Mesh>>('mesh');
+
+  constructor() {
+    injectBeforeRender(({ delta }) => {
+      const mesh = this.meshRef().nativeElement;
+      mesh.rotation.x += delta;
+      mesh.rotation.y += delta;
+    })
+  }
+}
+

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

@@ -0,0 +1,6 @@
+import { type Tree } from '@nx/devkit';
+export interface InitGeneratorOptions {
+    skipGenerateExperience: boolean;
+}
+export declare function initGenerator(tree: Tree, { skipGenerateExperience }?: Partial<InitGeneratorOptions>): Promise<() => void>;
+export default initGenerator;

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

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initGenerator = initGenerator;
+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 utils_1 = require("../utils");
+const version_1 = require("../version");
+async function initGenerator(tree, { skipGenerateExperience = false } = {}) {
+    devkit_1.logger.log('Initializing Angular Three...');
+    const packageJson = (0, devkit_1.readJson)(tree, 'package.json');
+    const version = packageJson['dependencies']?.['angular-three'] ||
+        packageJson['devDependencies']?.['angular-three'] ||
+        version_1.ANGULAR_THREE_VERSION;
+    (0, devkit_1.addDependenciesToPackageJson)(tree, { 'angular-three': version, three: version_1.THREE_VERSION, ngxtension: version_1.NGXTENSION_VERSION }, { '@types/three': version_1.THREE_TYPE_VERSION });
+    devkit_1.logger.info('Turning on skipLibCheck...');
+    const tsConfigPath = tree.exists('tsconfig.base.json') ? 'tsconfig.base.json' : 'tsconfig.json';
+    (0, devkit_1.updateJson)(tree, tsConfigPath, (json) => {
+        if (!('skipLibCheck' in json.compilerOptions) || json.compilerOptions?.skipLibCheck === false) {
+            json.compilerOptions.skipLibCheck = true;
+        }
+        return json;
+    });
+    (0, utils_1.addMetadataJson)(tree, 'angular-three/metadata.json');
+    if (skipGenerateExperience) {
+        await (0, devkit_1.formatFiles)(tree);
+        return () => {
+            (0, devkit_1.installPackagesTask)(tree);
+        };
+    }
+    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 projects = (0, devkit_1.getProjects)(tree);
+        const applicationProjects = Array.from(projects.values()).filter((project) => project.projectType === 'application');
+        let selectedProject;
+        if (applicationProjects.length === 1) {
+            selectedProject = applicationProjects[0].name;
+        }
+        else {
+            // prompt
+            const { projectName } = await (0, enquirer_1.prompt)({
+                type: 'select',
+                name: 'projectName',
+                message: 'Add Experience to which project?',
+                choices: applicationProjects.map((appProject) => ({ value: appProject.name, name: appProject.name })),
+            });
+            selectedProject = projectName;
+        }
+        if (!selectedProject) {
+            return warnExperienceWasNotGenerated(tree, 'Unable to locate a project');
+        }
+        const projectConfiguration = (0, devkit_1.readProjectConfiguration)(tree, selectedProject);
+        let sourceRoot = projectConfiguration.sourceRoot;
+        if (projectConfiguration['prefix']) {
+            sourceRoot += '/' + projectConfiguration['prefix'];
+        }
+        if (!sourceRoot) {
+            return warnExperienceWasNotGenerated(tree, `sourceRoot for ${selectedProject} was not found`);
+        }
+        // generate Experience component
+        (0, devkit_1.generateFiles)(tree, (0, node_path_1.join)(__dirname, 'files'), sourceRoot, { tmpl: '' });
+        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 (!appComponentContent) {
+            return warnExperienceWasNotGenerated(tree, `AppComponent was not found`);
+        }
+        // TODO (chau): revisit if standalone:true becomes the default
+        const isStandalone = appComponentContent.includes(`standalone: true`);
+        if (!isStandalone) {
+            return warnExperienceWasNotGenerated(tree, `AppComponent is not a Standalone Component`);
+        }
+        let updatedContent = tsquery_1.tsquery.replace(appComponentContent, 'Identifier[name="imports"] ~ ArrayLiteralExpression', (node) => {
+            return `[${node.elements.map((element) => element['escapedText']).join(', ')}, NgtCanvas]`;
+        });
+        updatedContent = tsquery_1.tsquery.replace(updatedContent, 'SourceFile', (node) => {
+            return `
+import { NgtCanvas } from 'angular-three';
+import { Experience } from './experience/experience.component';
+
+${node.getFullText()}
+`;
+        });
+        const appComponentContentAst = tsquery_1.tsquery.ast(appComponentContent);
+        const classMembersQuery = 'ClassDeclaration > :matches(PropertyDeclaration,MethodDeclaration)';
+        const members = tsquery_1.tsquery.match(appComponentContentAst, classMembersQuery);
+        if (members.length === 0) {
+            updatedContent = tsquery_1.tsquery.replace(updatedContent, 'ClassDeclaration', (node) => {
+                const withoutBraces = node.getFullText().slice(0, -1);
+                return `
+${withoutBraces}
+  scene = Experience;
+}`;
+            });
+        }
+        else {
+            updatedContent = tsquery_1.tsquery.replace(updatedContent, classMembersQuery, (node) => {
+                return `
+scene = Experience;
+${node.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);
+    }
+    await (0, devkit_1.formatFiles)(tree);
+    return () => {
+        (0, devkit_1.installPackagesTask)(tree);
+    };
+}
+function warnExperienceWasNotGenerated(tree, message) {
+    devkit_1.logger.warn(`[NGT] ${message}. Angular Three was initialized successfully, but an Experience component was not generated.`);
+    return () => {
+        (0, devkit_1.installPackagesTask)(tree);
+    };
+}
+exports.default = initGenerator;
+//# sourceMappingURL=generator.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+{
+	"$schema": "http://json-schema.org/schema",
+	"cli": "nx",
+	"$id": "Init",
+	"title": "Init Angular Three",
+  "type": "object",
+  "properties": {
+    "skipGenerateExperience": {
+      "type": "boolean",
+      "description": "Skip generating Experience component",
+      "default": false
+    }
+  }
+}

package/plugin/src/generators/utils.d.ts

@@ -0,0 +1,2 @@
+import { type Tree } from '@nx/devkit';
+export declare function addMetadataJson(tree: Tree, metadataJsonPath: string): void;

package/plugin/src/generators/utils.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addMetadataJson = addMetadataJson;
+const devkit_1 = require("@nx/devkit");
+function addMetadataJson(tree, metadataJsonPath) {
+    if (!metadataJsonPath.includes('node_modules')) {
+        metadataJsonPath = `./node_modules/${metadataJsonPath}`;
+    }
+    // add metadata.json to vscode settings if exists
+    const vscodeSettingsPath = '.vscode/settings.json';
+    if (tree.exists('.vscode')) {
+        devkit_1.logger.info('Enabling typings support for VSCode...');
+        if (!tree.exists(vscodeSettingsPath)) {
+            (0, devkit_1.writeJson)(tree, vscodeSettingsPath, {});
+        }
+        (0, devkit_1.updateJson)(tree, vscodeSettingsPath, (json) => {
+            if (json['html.customData'] && Array.isArray(json['html.customData'])) {
+                json['html.customData'].push(metadataJsonPath);
+            }
+            else {
+                json['html.customData'] = [metadataJsonPath];
+            }
+            return json;
+        });
+    }
+    else {
+        devkit_1.logger.info(`.vscode/settings.json not found.
+If you are using VSCode, add "${metadataJsonPath}" to "html.customData" in ".vscode/settings.json"
+to enable TypeScript type definitions for Angular Three elements.
+`);
+    }
+}
+//# sourceMappingURL=utils.js.map

package/plugin/src/generators/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../libs/plugin/src/generators/utils.ts"],"names":[],"mappings":";;AAEA,0CA6BC;AA/BD,uCAAsE;AAEtE,SAAgB,eAAe,CAAC,IAAU,EAAE,gBAAwB;IACnE,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;QAChD,gBAAgB,GAAG,kBAAkB,gBAAgB,EAAE,CAAC;IACzD,CAAC;IAED,iDAAiD;IACjD,MAAM,kBAAkB,GAAG,uBAAuB,CAAC;IACnD,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;QAC5B,eAAM,CAAC,IAAI,CAAC,wCAAwC,CAAC,CAAC;QACtD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,CAAC;YACtC,IAAA,kBAAS,EAAC,IAAI,EAAE,kBAAkB,EAAE,EAAE,CAAC,CAAC;QACzC,CAAC;QACD,IAAA,mBAAU,EAAC,IAAI,EAAE,kBAAkB,EAAE,CAAC,IAAI,EAAE,EAAE;YAC7C,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC;gBACvE,IAAI,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAChD,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAC9C,CAAC;YAED,OAAO,IAAI,CAAC;QACb,CAAC,CAAC,CAAC;IACJ,CAAC;SAAM,CAAC;QACP,eAAM,CAAC,IAAI,CACV;gCAC6B,gBAAgB;;CAE/C,CACE,CAAC;IACH,CAAC;AACF,CAAC"}

package/plugin/src/generators/version.d.ts

@@ -0,0 +1,4 @@
+export declare const ANGULAR_THREE_VERSION = "^2.0.0";
+export declare const THREE_VERSION = "^0.166.0";
+export declare const THREE_TYPE_VERSION = "^0.166.0";
+export declare const NGXTENSION_VERSION = "^4.0.0";

package/plugin/src/generators/version.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NGXTENSION_VERSION = exports.THREE_TYPE_VERSION = exports.THREE_VERSION = exports.ANGULAR_THREE_VERSION = void 0;
+exports.ANGULAR_THREE_VERSION = '^2.0.0';
+exports.THREE_VERSION = '^0.166.0';
+exports.THREE_TYPE_VERSION = '^0.166.0';
+exports.NGXTENSION_VERSION = '^4.0.0';
+//# sourceMappingURL=version.js.map

package/plugin/src/generators/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../../../../../libs/plugin/src/generators/version.ts"],"names":[],"mappings":";;;AAAa,QAAA,qBAAqB,GAAG,QAAQ,CAAC;AACjC,QAAA,aAAa,GAAG,UAAU,CAAC;AAC3B,QAAA,kBAAkB,GAAG,UAAU,CAAC;AAChC,QAAA,kBAAkB,GAAG,QAAQ,CAAC"}

package/plugin/src/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.js.map

package/plugin/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/plugin/src/index.ts"],"names":[],"mappings":""}