angular-three 4.0.0-next.2 → 4.0.0-next.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +41 -41
- package/dom/lib/canvas.d.ts +4 -4
- package/fesm2022/angular-three-dom.mjs +14 -10
- package/fesm2022/angular-three-dom.mjs.map +1 -1
- package/fesm2022/angular-three-testing.mjs +3 -3
- package/fesm2022/angular-three.mjs +228 -130
- package/fesm2022/angular-three.mjs.map +1 -1
- package/lib/html.d.ts +1 -1
- package/lib/portal.d.ts +4 -4
- package/lib/renderer/renderer.d.ts +1 -1
- package/lib/three-types.d.ts +6 -1
- package/lib/types.d.ts +4 -1
- package/lib/utils/before-render.d.ts +10 -21
- package/lib/utils/make.d.ts +1 -1
- package/package.json +56 -79
- package/LICENSE +0 -21
- package/plugin/README.md +0 -11
- package/plugin/generators.json +0 -27
- package/plugin/src/generators/add-soba/compat.d.ts +0 -2
- package/plugin/src/generators/add-soba/compat.js +0 -6
- package/plugin/src/generators/add-soba/compat.js.map +0 -1
- package/plugin/src/generators/add-soba/generator.d.ts +0 -3
- package/plugin/src/generators/add-soba/generator.js +0 -77
- package/plugin/src/generators/add-soba/generator.js.map +0 -1
- package/plugin/src/generators/add-soba/schema.json +0 -4
- package/plugin/src/generators/init/compat.d.ts +0 -2
- package/plugin/src/generators/init/compat.js +0 -6
- package/plugin/src/generators/init/compat.js.map +0 -1
- package/plugin/src/generators/init/files/experience/experience.component.ts__tmpl__ +0 -28
- package/plugin/src/generators/init/generator.d.ts +0 -6
- package/plugin/src/generators/init/generator.js +0 -154
- package/plugin/src/generators/init/generator.js.map +0 -1
- package/plugin/src/generators/init/schema.json +0 -13
- package/plugin/src/generators/utils.d.ts +0 -2
- package/plugin/src/generators/utils.js +0 -35
- package/plugin/src/generators/utils.js.map +0 -1
- package/plugin/src/generators/version.d.ts +0 -17
- package/plugin/src/generators/version.js +0 -21
- package/plugin/src/generators/version.js.map +0 -1
- package/plugin/src/index.d.ts +0 -0
- package/plugin/src/index.js +0 -1
- package/plugin/src/index.js.map +0 -1
package/lib/html.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export declare function provideHTMLDomElement<TDeps extends Array<ProviderToken<
|
|
|
8
8
|
}>(deps: TDeps, factory: (...args: TValues) => HTMLElement): Provider;
|
|
9
9
|
export declare abstract class NgtHTML {
|
|
10
10
|
static [NGT_HTML_FLAG]: boolean;
|
|
11
|
-
protected domElement:
|
|
11
|
+
protected domElement: "gl" | HTMLElement | null;
|
|
12
12
|
constructor();
|
|
13
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtHTML, never>;
|
|
14
14
|
static ɵdir: i0.ɵɵDirectiveDeclaration<NgtHTML, never, never, {}, {}, never, never, true, never>;
|
package/lib/portal.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ export interface NgtPortalState extends Omit<NgtState, 'events'> {
|
|
|
27
27
|
connected?: any;
|
|
28
28
|
};
|
|
29
29
|
}
|
|
30
|
-
export declare class
|
|
30
|
+
export declare class NgtPortalImpl {
|
|
31
31
|
container: import("@angular/core").InputSignal<THREE.Object3D<THREE.Object3DEventMap>>;
|
|
32
32
|
state: import("@angular/core").InputSignal<Partial<NgtPortalState>>;
|
|
33
33
|
private contentRef;
|
|
@@ -42,7 +42,7 @@ export declare class NgtPortal {
|
|
|
42
42
|
portalRendered: import("@angular/core").Signal<boolean>;
|
|
43
43
|
private portalViewRef?;
|
|
44
44
|
constructor();
|
|
45
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
45
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtPortalImpl, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtPortalImpl, "ngt-portal", never, { "container": { "alias": "container"; "required": true; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, {}, ["contentRef", "anchorRef"], never, true, never>;
|
|
47
47
|
}
|
|
48
|
-
export declare const
|
|
48
|
+
export declare const NgtPortal: readonly [typeof NgtPortalImpl, typeof NgtPortalContent];
|
|
@@ -28,7 +28,7 @@ export declare class NgtRenderer2 implements Renderer2 {
|
|
|
28
28
|
[key: string]: any;
|
|
29
29
|
};
|
|
30
30
|
destroy(): void;
|
|
31
|
-
createElement(name: string, namespace?: string | null): NgtRendererNode<"
|
|
31
|
+
createElement(name: string, namespace?: string | null): NgtRendererNode<"portal"> | NgtRendererNode<"three"> | NgtRendererNode<"platform">;
|
|
32
32
|
createComment(value: string): NgtRendererNode<"comment">;
|
|
33
33
|
createText(value: string): NgtRendererNode<"text">;
|
|
34
34
|
destroyNode: (node: NgtRendererNode) => void;
|
package/lib/three-types.d.ts
CHANGED
|
@@ -38,6 +38,10 @@ export type ThreeDisposeEvent = {
|
|
|
38
38
|
type: 'dispose';
|
|
39
39
|
target: any;
|
|
40
40
|
};
|
|
41
|
+
export type ThreeChangeEvent = {
|
|
42
|
+
type: 'change';
|
|
43
|
+
target: any;
|
|
44
|
+
};
|
|
41
45
|
export type ThreeAddedEvent = {
|
|
42
46
|
type: 'added';
|
|
43
47
|
target: any;
|
|
@@ -57,7 +61,7 @@ export type ThreeChildRemovedEvent = {
|
|
|
57
61
|
child: any;
|
|
58
62
|
};
|
|
59
63
|
export interface NgtNodeEventMap<TInstance = NgtAnyRecord> {
|
|
60
|
-
attached: NgtAfterAttach<
|
|
64
|
+
attached: NgtAfterAttach<TInstance, any>;
|
|
61
65
|
updated: TInstance;
|
|
62
66
|
disposed: ThreeDisposeEvent;
|
|
63
67
|
}
|
|
@@ -68,6 +72,7 @@ export type NgtObject3DEventsMap = {
|
|
|
68
72
|
removed: ThreeRemovedEvent;
|
|
69
73
|
childadded: ThreeChildAddedEvent;
|
|
70
74
|
childremoved: ThreeChildRemovedEvent;
|
|
75
|
+
change: ThreeChangeEvent;
|
|
71
76
|
};
|
|
72
77
|
export type NgtAllObject3DEventsMap<TInstance> = NgtObject3DEventsMap & NgtNodeEventMap<TInstance>;
|
|
73
78
|
export interface NgtNodeElement<TConstructor extends NgtConstructorRepresentation, TInstance = InstanceType<TConstructor>> {
|
package/lib/types.d.ts
CHANGED
|
@@ -31,7 +31,10 @@ export interface NgtRendererLike {
|
|
|
31
31
|
}
|
|
32
32
|
export type NgtCanvasElement = HTMLCanvasElement | OffscreenCanvas;
|
|
33
33
|
export type NgtGlobalRenderCallback = (timeStamp: number) => void;
|
|
34
|
-
export type
|
|
34
|
+
export type NgtGLDefaultOptions = Omit<THREE.WebGLRendererParameters, 'canvas'> & {
|
|
35
|
+
canvas: NgtCanvasElement;
|
|
36
|
+
};
|
|
37
|
+
export type NgtGLOptions = NgtRendererLike | ((defaultGLOptions: NgtGLDefaultOptions) => NgtRendererLike) | Partial<NgtProperties<THREE.WebGLRenderer> | THREE.WebGLRendererParameters> | undefined;
|
|
35
38
|
export type NgtDpr = number | [min: number, max: number];
|
|
36
39
|
export interface NgtSize {
|
|
37
40
|
width: number;
|
|
@@ -4,32 +4,21 @@ import type { NgtBeforeRenderRecord } from '../types';
|
|
|
4
4
|
* `injectBeforeRender` invokes its callback on every frame. Hence, the notion of tracking
|
|
5
5
|
* changes (i.e: signals) does not really matter since we're getting latest values of the things we need on every frame anyway.
|
|
6
6
|
*
|
|
7
|
-
* If `priority` is
|
|
8
|
-
* an `effect` and track `priority` changes. Make use of `onCleanup` to clean up
|
|
9
|
-
* previous before render subscription
|
|
7
|
+
* If `priority` is a Signal, `injectBeforeRender` will set up an Effect internally and returns the `EffectRef#destroy` instead.
|
|
10
8
|
*
|
|
11
9
|
* @example
|
|
12
10
|
* ```ts
|
|
13
|
-
* const
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
*
|
|
21
|
-
* },
|
|
22
|
-
* {
|
|
23
|
-
* priority,
|
|
24
|
-
* injector, // injector is needed since injectBeforeRender is invoked in effect body
|
|
25
|
-
* }
|
|
26
|
-
* });
|
|
27
|
-
*
|
|
28
|
-
* onCleanup(() => sub());
|
|
29
|
-
* });
|
|
11
|
+
* const destroy = injectBeforeRender(
|
|
12
|
+
* ({ gl, camera }) => {
|
|
13
|
+
* // before render logic
|
|
14
|
+
* },
|
|
15
|
+
* {
|
|
16
|
+
* priority: this.priority, // this.priority is a Signal<number>
|
|
17
|
+
* }
|
|
18
|
+
* )
|
|
30
19
|
* ```
|
|
31
20
|
*/
|
|
32
21
|
export declare function injectBeforeRender(cb: NgtBeforeRenderRecord['callback'], { priority, injector }?: {
|
|
33
|
-
priority?: number;
|
|
22
|
+
priority?: number | (() => number);
|
|
34
23
|
injector?: Injector;
|
|
35
24
|
}): () => void;
|
package/lib/utils/make.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import type { NgtCanvasElement, NgtDpr, NgtGLOptions, NgtIntersection, NgtSize }
|
|
|
3
3
|
export declare function makeId(event?: NgtIntersection): string;
|
|
4
4
|
export declare function makeDpr(dpr: NgtDpr, window?: Window): number;
|
|
5
5
|
export declare function makeRendererInstance<TCanvas extends NgtCanvasElement>(glOptions: NgtGLOptions, canvas: TCanvas): THREE.WebGLRenderer;
|
|
6
|
-
export declare function makeCameraInstance(isOrthographic: boolean, size: NgtSize): THREE.
|
|
6
|
+
export declare function makeCameraInstance(isOrthographic: boolean, size: NgtSize): THREE.OrthographicCamera | THREE.PerspectiveCamera;
|
|
7
7
|
export type NgtObjectMap = {
|
|
8
8
|
nodes: Record<string, THREE.Object3D<any>>;
|
|
9
9
|
materials: Record<string, THREE.Material>;
|
package/package.json
CHANGED
|
@@ -1,80 +1,57 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
"../../node_modules/angular-three/web-types.json"
|
|
59
|
-
],
|
|
60
|
-
"module": "fesm2022/angular-three.mjs",
|
|
61
|
-
"typings": "index.d.ts",
|
|
62
|
-
"exports": {
|
|
63
|
-
"./package.json": {
|
|
64
|
-
"default": "./package.json"
|
|
65
|
-
},
|
|
66
|
-
".": {
|
|
67
|
-
"types": "./index.d.ts",
|
|
68
|
-
"default": "./fesm2022/angular-three.mjs"
|
|
69
|
-
},
|
|
70
|
-
"./dom": {
|
|
71
|
-
"types": "./dom/index.d.ts",
|
|
72
|
-
"default": "./fesm2022/angular-three-dom.mjs"
|
|
73
|
-
},
|
|
74
|
-
"./testing": {
|
|
75
|
-
"types": "./testing/index.d.ts",
|
|
76
|
-
"default": "./fesm2022/angular-three-testing.mjs"
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
"sideEffects": false
|
|
80
|
-
}
|
|
2
|
+
"name": "angular-three",
|
|
3
|
+
"version": "4.0.0-next.20",
|
|
4
|
+
"publishConfig": {
|
|
5
|
+
"access": "public"
|
|
6
|
+
},
|
|
7
|
+
"type": "module",
|
|
8
|
+
"repository": {
|
|
9
|
+
"type": "git",
|
|
10
|
+
"url": "https://github.com/angular-threejs/angular-three/tree/main/libs/core"
|
|
11
|
+
},
|
|
12
|
+
"author": {
|
|
13
|
+
"name": "Chau Tran",
|
|
14
|
+
"email": "nartc7789@gmail.com",
|
|
15
|
+
"url": "https://nartc.me"
|
|
16
|
+
},
|
|
17
|
+
"description": "Angular Renderer for THREE.js",
|
|
18
|
+
"keywords": [
|
|
19
|
+
"angular",
|
|
20
|
+
"threejs",
|
|
21
|
+
"renderer"
|
|
22
|
+
],
|
|
23
|
+
"license": "MIT",
|
|
24
|
+
"peerDependencies": {
|
|
25
|
+
"@angular/common": ">=19.0.0 <20.0.0",
|
|
26
|
+
"@angular/core": ">=19.0.0 <20.0.0",
|
|
27
|
+
"ngxtension": ">=3.0.0",
|
|
28
|
+
"three": ">=0.156.0 <0.174.0"
|
|
29
|
+
},
|
|
30
|
+
"dependencies": {
|
|
31
|
+
"tslib": "^2.7.0"
|
|
32
|
+
},
|
|
33
|
+
"web-types": [
|
|
34
|
+
"./web-types.json",
|
|
35
|
+
"../../node_modules/angular-three/web-types.json"
|
|
36
|
+
],
|
|
37
|
+
"module": "fesm2022/angular-three.mjs",
|
|
38
|
+
"typings": "index.d.ts",
|
|
39
|
+
"exports": {
|
|
40
|
+
"./package.json": {
|
|
41
|
+
"default": "./package.json"
|
|
42
|
+
},
|
|
43
|
+
".": {
|
|
44
|
+
"types": "./index.d.ts",
|
|
45
|
+
"default": "./fesm2022/angular-three.mjs"
|
|
46
|
+
},
|
|
47
|
+
"./dom": {
|
|
48
|
+
"types": "./dom/index.d.ts",
|
|
49
|
+
"default": "./fesm2022/angular-three-dom.mjs"
|
|
50
|
+
},
|
|
51
|
+
"./testing": {
|
|
52
|
+
"types": "./testing/index.d.ts",
|
|
53
|
+
"default": "./fesm2022/angular-three-testing.mjs"
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
"sideEffects": false
|
|
57
|
+
}
|
package/LICENSE
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2024 Angular Three
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
package/plugin/README.md
DELETED
package/plugin/generators.json
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "angular-three-plugin",
|
|
3
|
-
"generators": {
|
|
4
|
-
"init": {
|
|
5
|
-
"factory": "./src/generators/init/generator",
|
|
6
|
-
"schema": "./src/generators/init/schema.json",
|
|
7
|
-
"description": "Init Angular Three with proper packages and config"
|
|
8
|
-
},
|
|
9
|
-
"add-soba": {
|
|
10
|
-
"factory": "./src/generators/add-soba/generator",
|
|
11
|
-
"schema": "./src/generators/add-soba/schema.json",
|
|
12
|
-
"description": "Add angular-three-soba to your project"
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
"schematics": {
|
|
16
|
-
"ng-add": {
|
|
17
|
-
"factory": "./src/generators/init/compat",
|
|
18
|
-
"schema": "./src/generators/init/schema.json",
|
|
19
|
-
"description": "Add Angular Three with proper packages and config"
|
|
20
|
-
},
|
|
21
|
-
"add-soba": {
|
|
22
|
-
"factory": "./src/generators/add-soba/compat",
|
|
23
|
-
"schema": "./src/generators/add-soba/schema.json",
|
|
24
|
-
"description": "Add angular-three-soba to your project"
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const devkit_1 = require("@nx/devkit");
|
|
4
|
-
const generator_1 = require("./generator");
|
|
5
|
-
exports.default = (0, devkit_1.convertNxGenerator)(generator_1.default);
|
|
6
|
-
//# sourceMappingURL=compat.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../../libs/plugin/src/generators/add-soba/compat.ts"],"names":[],"mappings":";;AAAA,uCAAgD;AAChD,2CAAkC;AAElC,kBAAe,IAAA,2BAAkB,EAAC,mBAAO,CAAC,CAAC"}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.addSobaGenerator = addSobaGenerator;
|
|
4
|
-
const devkit_1 = require("@nx/devkit");
|
|
5
|
-
const enquirer_1 = require("enquirer");
|
|
6
|
-
const utils_1 = require("../utils");
|
|
7
|
-
const version_1 = require("../version");
|
|
8
|
-
const ENTRY_POINTS = {
|
|
9
|
-
abstractions: ['troika-three-text'],
|
|
10
|
-
controls: ['camera-controls', 'maath'],
|
|
11
|
-
materials: ['three-custom-shader-material'],
|
|
12
|
-
staging: ['troika-three-text', '@monogrid/gainmap-js'],
|
|
13
|
-
stats: ['stats-gl'],
|
|
14
|
-
};
|
|
15
|
-
async function addSobaGenerator(tree) {
|
|
16
|
-
const packagesToAdd = ['three-stdlib', '@pmndrs/vanilla', 'three-mesh-bvh'];
|
|
17
|
-
const packageJson = (0, devkit_1.readJson)(tree, 'package.json');
|
|
18
|
-
const ngtVersion = packageJson['dependencies']['angular-three'] || packageJson['devDependencies']['angular-three'];
|
|
19
|
-
if (!ngtVersion) {
|
|
20
|
-
devkit_1.logger.error('angular-three is not installed.');
|
|
21
|
-
return;
|
|
22
|
-
}
|
|
23
|
-
devkit_1.logger.info('Adding angular-three-soba...');
|
|
24
|
-
(0, utils_1.addMetadataJson)(tree, 'angular-three-soba/metadata.json');
|
|
25
|
-
const { peerDependencies } = await (0, enquirer_1.prompt)({
|
|
26
|
-
type: 'multiselect',
|
|
27
|
-
name: 'peerDependencies',
|
|
28
|
-
message: `To know which peer dependencies we need to add, please select the secondary entry points you are planning to use:`,
|
|
29
|
-
choices: [
|
|
30
|
-
...Object.entries(ENTRY_POINTS).map(([entryPoint, deps]) => ({
|
|
31
|
-
value: deps,
|
|
32
|
-
name: `angular-three-soba/${entryPoint}`,
|
|
33
|
-
message: entryPoint,
|
|
34
|
-
})),
|
|
35
|
-
{
|
|
36
|
-
value: [
|
|
37
|
-
'troika-three-text',
|
|
38
|
-
'three-custom-shader-material',
|
|
39
|
-
'@monogrid/gainmap-js',
|
|
40
|
-
'camera-controls',
|
|
41
|
-
'maath',
|
|
42
|
-
'stats-gl',
|
|
43
|
-
],
|
|
44
|
-
name: 'All',
|
|
45
|
-
message: 'I am not sure. Let me add all the peer dependencies.',
|
|
46
|
-
},
|
|
47
|
-
],
|
|
48
|
-
// @ts-expect-error - result is typed for single select but we're using multi select
|
|
49
|
-
result(values) {
|
|
50
|
-
const mapped = this.map(values);
|
|
51
|
-
return values.flatMap((value) => mapped[value]);
|
|
52
|
-
},
|
|
53
|
-
});
|
|
54
|
-
// flatten, dedupe peerDependencies, add to packagesToAdd
|
|
55
|
-
peerDependencies
|
|
56
|
-
.filter((item, index, array) => array.indexOf(item) === index)
|
|
57
|
-
.forEach((item) => {
|
|
58
|
-
if (!packagesToAdd.includes(item)) {
|
|
59
|
-
packagesToAdd.push(item);
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
const depsToAdd = packagesToAdd.reduce((acc, item) => {
|
|
63
|
-
if (version_1.SOBA_PEER_DEPENDENCIES[item]) {
|
|
64
|
-
acc[item] = version_1.SOBA_PEER_DEPENDENCIES[item];
|
|
65
|
-
}
|
|
66
|
-
return acc;
|
|
67
|
-
}, { 'angular-three-soba': ngtVersion });
|
|
68
|
-
// add deps to package.json
|
|
69
|
-
devkit_1.logger.info('Adding dependencies to package.json...');
|
|
70
|
-
(0, devkit_1.addDependenciesToPackageJson)(tree, depsToAdd, {});
|
|
71
|
-
await (0, devkit_1.formatFiles)(tree);
|
|
72
|
-
return () => {
|
|
73
|
-
(0, devkit_1.installPackagesTask)(tree);
|
|
74
|
-
};
|
|
75
|
-
}
|
|
76
|
-
exports.default = addSobaGenerator;
|
|
77
|
-
//# sourceMappingURL=generator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../libs/plugin/src/generators/add-soba/generator.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const devkit_1 = require("@nx/devkit");
|
|
4
|
-
const generator_1 = require("./generator");
|
|
5
|
-
exports.default = (0, devkit_1.convertNxGenerator)(generator_1.default);
|
|
6
|
-
//# sourceMappingURL=compat.js.map
|
|
@@ -1 +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"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { CUSTOM_ELEMENTS_SCHEMA, Component, viewChild, ElementRef, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
-
import { extend, injectBeforeRender } from 'angular-three';
|
|
3
|
-
import { Mesh, BoxGeometry, MeshBasicMaterial } from 'three';
|
|
4
|
-
|
|
5
|
-
extend({ Mesh, BoxGeometry, MeshBasicMaterial });
|
|
6
|
-
|
|
7
|
-
@Component({
|
|
8
|
-
template: `
|
|
9
|
-
<ngt-mesh #mesh>
|
|
10
|
-
<ngt-box-geometry />
|
|
11
|
-
<ngt-mesh-basic-material color="hotpink" />
|
|
12
|
-
</ngt-mesh>
|
|
13
|
-
`,
|
|
14
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
15
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
16
|
-
})
|
|
17
|
-
export class Experience {
|
|
18
|
-
meshRef = viewChild.required<ElementRef<Mesh>>('mesh');
|
|
19
|
-
|
|
20
|
-
constructor() {
|
|
21
|
-
injectBeforeRender(({ delta }) => {
|
|
22
|
-
const mesh = this.meshRef().nativeElement;
|
|
23
|
-
mesh.rotation.x += delta;
|
|
24
|
-
mesh.rotation.y += delta;
|
|
25
|
-
})
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { type Tree } from '@nx/devkit';
|
|
2
|
-
export interface InitGeneratorOptions {
|
|
3
|
-
skipGenerateExperience: boolean;
|
|
4
|
-
}
|
|
5
|
-
export declare function initGenerator(tree: Tree, { skipGenerateExperience }?: Partial<InitGeneratorOptions>): Promise<() => void>;
|
|
6
|
-
export default initGenerator;
|