angular-three 2.0.0-beta.8 → 2.0.0

package/plugin/src/generators/add-soba/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../libs/plugin/src/generators/add-soba/generator.ts"],"names":[],"mappings":"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"}

package/plugin/src/generators/add-soba/schema.json

@@ -0,0 +1,4 @@
+{
+	"$id": "AddSoba",
+	"title": "Add Soba"
+}

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

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

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

@@ -1,2 +1,6 @@
 import { type Tree } from '@nx/devkit';
-export default function (tree: Tree): Promise<() => void>;
+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

@@ -1,14 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.initGenerator = initGenerator;
 const devkit_1 = require("@nx/devkit");
-const versions_1 = require("../versions");
-async function default_1(tree) {
+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'] ||
-        versions_1.ANGULAR_THREE_VERSION;
-    (0, devkit_1.addDependenciesToPackageJson)(tree, { 'angular-three': version, three: versions_1.THREE_VERSION }, { '@types/three': versions_1.THREE_TYPE_VERSION });
+        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) => {
@@ -17,32 +22,133 @@ async function default_1(tree) {
         }
         return json;
     });
-    // 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('./node_modules/angular-three/metadata.json');
-            }
-            else {
-                json['html.customData'] = ['./node_modules/angular-three/metadata.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.entries()).reduce((acc, [projectName, project]) => {
+            if (project.projectType === 'application') {
+                acc.push({ name: projectName, ...project });
             }
-            return json;
+            return acc;
+        }, []);
+        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, 'PropertyAssignment:has(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 || generateExperience === 'replace') {
+            updatedContent = tsquery_1.tsquery.replace(updatedContent, 'ClassDeclaration', (node) => {
+                const withoutBraces = node.getFullText().slice(0, -1);
+                return `
+${withoutBraces}
+  sceneGraph = Experience;
+}`;
+            });
+        }
+        else {
+            updatedContent = tsquery_1.tsquery.replace(updatedContent, classMembersQuery, (node) => {
+                return `
+sceneGraph = Experience;
+${node.getFullText()}`;
+            });
+        }
+        if (appComponentTemplateContent) {
+            const updatedTemplateContent = generateExperience === 'append'
+                ? `
+${appComponentTemplateContent}
+<ngt-canvas [sceneGraph]="sceneGraph" />`
+                : `<ngt-canvas [sceneGraph]="sceneGraph" />`;
+            tree.write(appComponentTemplatePath, updatedTemplateContent);
+        }
+        else {
+            updatedContent = tsquery_1.tsquery.replace(updatedContent, 'PropertyAssignment:has(Identifier[name="template"]) NoSubstitutionTemplateLiteral', (node) => {
+                const fullText = node.getFullText().trim().slice(1, -1);
+                return generateExperience === 'append'
+                    ? `\`
+${fullText}
+<ngt-canvas [sceneGraph]="sceneGraph" />\``
+                    : `\`<ngt-canvas [sceneGraph]="sceneGraph" />\``;
+            });
+        }
+        tree.write(appComponentPath, updatedContent);
     }
-    else {
-        devkit_1.logger.info(`.vscode/settings.json not found.
-If you are using VSCode, add "./node_modules/angular-three/metadata.json" to "html.customData" in ".vscode/settings.json"
-to enable TypeScript type definitions for Angular Three elements.
-`);
-    }
+    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 = default_1;
+exports.default = initGenerator;
 //# sourceMappingURL=generator.js.map

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,uCAQoB;AACpB,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,iDAAiD;IACjD,MAAM,kBAAkB,GAAG,uBAAuB,CAAC;IACnD,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;QAC3B,eAAM,CAAC,IAAI,CAAC,wCAAwC,CAAC,CAAC;QACtD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE;YACrC,IAAA,kBAAS,EAAC,IAAI,EAAE,kBAAkB,EAAE,EAAE,CAAC,CAAC;SACxC;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;gBACtE,IAAI,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,4CAA4C,CAAC,CAAC;aAC3E;iBAAM;gBACN,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,4CAA4C,CAAC,CAAC;aACzE;YAED,OAAO,IAAI,CAAC;QACb,CAAC,CAAC,CAAC;KACH;SAAM;QACN,eAAM,CAAC,IAAI,CACV;;;CAGF,CACE,CAAC;KACF;IAED,OAAO,GAAG,EAAE;QACX,IAAA,4BAAmB,EAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC;AACH,CAAC;AAtDD,4BAsDC"}
+{"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

@@ -1,6 +1,13 @@
 {
-	"$schema": "http://json-schema.org/schema",
 	"cli": "nx",
 	"$id": "Init",
-	"title": "Init Angular Three"
+	"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,35 @@
+"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'].includes(metadataJsonPath)) {
+                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,0CAiCC;AAnCD,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,IACC,IAAI,CAAC,iBAAiB,CAAC;gBACvB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBACtC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAClD,CAAC;gBACF,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,17 @@
+export declare const ANGULAR_THREE_VERSION = "^2.0.0";
+export declare const THREE_VERSION = "^0.168.0";
+export declare const THREE_TYPE_VERSION = "^0.168.0";
+export declare const NGXTENSION_VERSION = "^4.0.0";
+export declare const SOBA_PEER_DEPENDENCIES: {
+    readonly 'three-stdlib': "^2.0.0";
+    readonly '@pmndrs/vanilla': "^1.19.0";
+    readonly '@monogrid/gainmap-js': "^3.0.0";
+    readonly 'camera-controls': "^2.8.0";
+    readonly 'hls.js': "^1.5.0";
+    readonly maath: "^0.10.0";
+    readonly meshline: "^3.1.0";
+    readonly 'stats-gl': "^2.0.0";
+    readonly 'three-custom-shader-material': "^5.4.0";
+    readonly 'three-mesh-bvh': "^0.7.0";
+    readonly 'troika-three-text': "^0.49.0";
+};

package/plugin/src/generators/version.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SOBA_PEER_DEPENDENCIES = 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.168.0';
+exports.THREE_TYPE_VERSION = '^0.168.0';
+exports.NGXTENSION_VERSION = '^4.0.0';
+exports.SOBA_PEER_DEPENDENCIES = {
+    'three-stdlib': '^2.0.0',
+    '@pmndrs/vanilla': '^1.19.0',
+    '@monogrid/gainmap-js': '^3.0.0',
+    'camera-controls': '^2.8.0',
+    'hls.js': '^1.5.0',
+    maath: '^0.10.0',
+    meshline: '^3.1.0',
+    'stats-gl': '^2.0.0',
+    'three-custom-shader-material': '^5.4.0',
+    'three-mesh-bvh': '^0.7.0',
+    'troika-three-text': '^0.49.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;AAE9B,QAAA,sBAAsB,GAAG;IACrC,cAAc,EAAE,QAAQ;IACxB,iBAAiB,EAAE,SAAS;IAC5B,sBAAsB,EAAE,QAAQ;IAChC,iBAAiB,EAAE,QAAQ;IAC3B,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,8BAA8B,EAAE,QAAQ;IACxC,gBAAgB,EAAE,QAAQ;IAC1B,mBAAmB,EAAE,SAAS;CACrB,CAAC"}

package/plugin/src/index.d.ts

@@ -1,3 +0,0 @@
-export { default as initPostprocessingGenerator } from './generators/init-postprocessing/generator';
-export { default as initSobaGenerator } from './generators/init-soba/generator';
-export { default as initGenerator } from './generators/init/generator';

package/plugin/src/index.js

@@ -1,10 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initGenerator = exports.initSobaGenerator = exports.initPostprocessingGenerator = void 0;
-var generator_1 = require("./generators/init-postprocessing/generator");
-Object.defineProperty(exports, "initPostprocessingGenerator", { enumerable: true, get: function () { return generator_1.default; } });
-var generator_2 = require("./generators/init-soba/generator");
-Object.defineProperty(exports, "initSobaGenerator", { enumerable: true, get: function () { return generator_2.default; } });
-var generator_3 = require("./generators/init/generator");
-Object.defineProperty(exports, "initGenerator", { enumerable: true, get: function () { return generator_3.default; } });
 //# sourceMappingURL=index.js.map

package/plugin/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/plugin/src/index.ts"],"names":[],"mappings":";;;AAAA,wEAAoG;AAA3F,wHAAA,OAAO,OAA+B;AAC/C,8DAAgF;AAAvE,8GAAA,OAAO,OAAqB;AACrC,yDAAuE;AAA9D,0GAAA,OAAO,OAAiB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/plugin/src/index.ts"],"names":[],"mappings":""}

package/testing/README.md

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

package/testing/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/test-bed';
+export * from './lib/test-canvas';

package/testing/lib/test-bed.d.ts

@@ -0,0 +1,38 @@
+import { Type } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NgtAnyRecord, NgtCanvasOptions, NgtEventHandlers, NgtInstanceNode, NgtSignalStore, NgtState } from 'angular-three';
+import { NgtTestCanvas } from './test-canvas';
+export interface NgtTestGraphedObject {
+    type: string;
+    name: string;
+    children: NgtTestGraphedObject[];
+}
+export declare class NgtTestBed {
+    static create<T extends Type<any>>(sceneGraph: T, { mockCanvasOptions, canvasConfiguration, errorOnUnknownElements, providers, declarations, imports, teardown, deferBlockBehavior, }?: {
+        mockCanvasOptions?: {
+            width?: number;
+            height?: number;
+            beforeReturn?: (canvas: HTMLCanvasElement) => void;
+        };
+        canvasConfiguration?: Partial<Omit<NgtCanvasOptions, 'frameloop' | 'size' | 'events'>>;
+    } & Omit<Parameters<TestBed['configureTestingModule']>[0], 'schemas'>): {
+        store: NgtSignalStore<NgtState>;
+        fixture: ComponentFixture<NgtTestCanvas>;
+        scene: import("three").Scene;
+        sceneInstanceNode: import("angular-three").NgtLocalState;
+        canvas: HTMLCanvasElement;
+        destroy: () => void;
+        fireEvent: {
+            (el: NgtInstanceNode, eventName: keyof NgtEventHandlers, eventData?: NgtAnyRecord): Promise<void>;
+            setAutoDetectChanges(auto: boolean): void;
+        };
+        advance: (frames: number, delta?: number | number[]) => Promise<void>;
+        toGraph: () => NgtTestGraphedObject[];
+    };
+    static createToGraph(store: NgtSignalStore<NgtState>): () => NgtTestGraphedObject[];
+    static createAdvance(store: NgtSignalStore<NgtState>): (frames: number, delta?: number | number[]) => Promise<void>;
+    static createEventFirer(store: NgtSignalStore<NgtState>, fixture: ComponentFixture<NgtTestCanvas>): {
+        (el: NgtInstanceNode, eventName: keyof NgtEventHandlers, eventData?: NgtAnyRecord): Promise<void>;
+        setAutoDetectChanges(auto: boolean): void;
+    };
+}

package/testing/lib/test-canvas.d.ts

@@ -0,0 +1,11 @@
+import { Type } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NgtTestCanvas {
+    sceneGraph: import("@angular/core").InputSignal<Type<any>>;
+    private ref?;
+    private environmentInjector?;
+    constructor();
+    destroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtTestCanvas, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtTestCanvas, "ngt-test-canvas", never, { "sceneGraph": { "alias": "sceneGraph"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/testing/lib/utils/mock-canvas.d.ts

@@ -0,0 +1,5 @@
+export declare function createMockCanvas({ width, height, beforeReturn, }: {
+    width?: number;
+    height?: number;
+    beforeReturn?: (canvas: HTMLCanvasElement) => void;
+}): HTMLCanvasElement;

package/testing/lib/utils/web-gl-rendering-context.d.ts

@@ -0,0 +1,16 @@
+export declare class WebGL2RenderingContext {
+    [key: string]: any;
+    constructor(canvas: HTMLCanvasElement);
+    getShaderPrecisionFormat: () => {
+        rangeMin: number;
+        rangeMax: number;
+        precision: number;
+    };
+    private GL_VERSION;
+    private SCISSOR_BOX;
+    private VIEWPORT;
+    getParameter(paramId: number): string[] | number[] | undefined;
+    getExtension(ext: string): any;
+    getProgramInfoLog: () => string;
+    getShaderInfoLog: () => string;
+}

package/testing/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/angular-three-testing.mjs"
+}