piral-ng 0.15.0-alpha.4041 → 0.15.0-alpha.4231
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 +19 -0
- package/convert.js +4 -10
- package/esm/NgExtension.d.ts +3 -2
- package/esm/NgExtension.js +8 -0
- package/esm/NgExtension.js.map +1 -1
- package/esm/RoutingService.js.map +1 -1
- package/esm/bootstrap.d.ts +2 -1
- package/esm/bootstrap.js +2 -0
- package/esm/bootstrap.js.map +1 -1
- package/esm/converter.js +8 -1
- package/esm/converter.js.map +1 -1
- package/esm/module.js +14 -1
- package/esm/module.js.map +1 -1
- package/esm/startup.js.map +1 -1
- package/lib/NgExtension.d.ts +3 -2
- package/lib/NgExtension.js +15 -7
- package/lib/NgExtension.js.map +1 -1
- package/lib/ResourceUrlPipe.js +3 -3
- package/lib/ResourceUrlPipe.js.map +1 -1
- package/lib/RoutingService.js +5 -5
- package/lib/RoutingService.js.map +1 -1
- package/lib/SharedModule.js +1 -1
- package/lib/bootstrap.d.ts +2 -1
- package/lib/bootstrap.js +3 -1
- package/lib/bootstrap.js.map +1 -1
- package/lib/converter.js +8 -1
- package/lib/converter.js.map +1 -1
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/module.js +17 -4
- package/lib/module.js.map +1 -1
- package/lib/startup.js.map +1 -1
- package/package.json +26 -4
- package/src/NgExtension.ts +13 -2
- package/src/bootstrap.ts +4 -1
- package/src/converter.ts +13 -4
- package/src/module.ts +22 -3
package/README.md
CHANGED
|
@@ -319,6 +319,25 @@ export class SampleTileComponent {
|
|
|
319
319
|
}
|
|
320
320
|
```
|
|
321
321
|
|
|
322
|
+
## Dynamic Props
|
|
323
|
+
|
|
324
|
+
For `Props` there is also the possibility to use `@Input` for making them reactive, i.e., notify the Angular component when they changed.
|
|
325
|
+
|
|
326
|
+
```ts
|
|
327
|
+
@Component({
|
|
328
|
+
template: `
|
|
329
|
+
<div class="tile">
|
|
330
|
+
<p>{{ props.rows }} rows and {{ props.columns }} columns</p>
|
|
331
|
+
</div>
|
|
332
|
+
`,
|
|
333
|
+
})
|
|
334
|
+
export class SampleTileComponent {
|
|
335
|
+
@Input('Props') public props: TileComponentProps<any>;
|
|
336
|
+
|
|
337
|
+
constructor() {}
|
|
338
|
+
}
|
|
339
|
+
```
|
|
340
|
+
|
|
322
341
|
## Converting an Angular Application to a Pilet
|
|
323
342
|
|
|
324
343
|
Depending on the kind of Angular application this may be rather straight forward or very difficult. Since we cannot discuss all possible edge cases we will assume the standard scenario. If you need more help then don't hesitate to contact us.
|
package/convert.js
CHANGED
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.defineNgModule = exports.NgExtension = exports.fromNg = exports.createNgConverter = void 0;
|
|
4
|
-
var converter_1 = require("./esm/converter");
|
|
5
|
-
function createNgConverter() {
|
|
1
|
+
import { createConverter } from './esm/converter';
|
|
2
|
+
export function createNgConverter() {
|
|
6
3
|
var params = [];
|
|
7
4
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
8
5
|
params[_i] = arguments[_i];
|
|
9
6
|
}
|
|
10
|
-
var convert =
|
|
7
|
+
var convert = createConverter.apply(void 0, params);
|
|
11
8
|
var Extension = convert.Extension;
|
|
12
9
|
var defineModule = convert.defineModule;
|
|
13
10
|
var from = function (component) { return ({
|
|
@@ -16,8 +13,5 @@ function createNgConverter() {
|
|
|
16
13
|
}); };
|
|
17
14
|
return { from: from, Extension: Extension, defineModule: defineModule };
|
|
18
15
|
}
|
|
19
|
-
exports.createNgConverter = createNgConverter;
|
|
20
16
|
var _a = createNgConverter(), fromNg = _a.from, NgExtension = _a.Extension, defineNgModule = _a.defineModule;
|
|
21
|
-
|
|
22
|
-
exports.NgExtension = NgExtension;
|
|
23
|
-
exports.defineNgModule = defineNgModule;
|
|
17
|
+
export { fromNg, NgExtension, defineNgModule };
|
package/esm/NgExtension.d.ts
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import type { PiletApi } from 'piral-core';
|
|
2
2
|
import * as ngCore from '@angular/core';
|
|
3
|
-
import { ElementRef } from '@angular/core';
|
|
4
|
-
export declare class NgExtension {
|
|
3
|
+
import { ElementRef, OnChanges } from '@angular/core';
|
|
4
|
+
export declare class NgExtension implements OnChanges {
|
|
5
5
|
private elRef;
|
|
6
6
|
private piral;
|
|
7
7
|
name: string | undefined;
|
|
8
8
|
params: object | undefined;
|
|
9
9
|
constructor(elRef: ElementRef<HTMLElement>, piral: PiletApi);
|
|
10
|
+
ngOnChanges(): void;
|
|
10
11
|
ngAfterContentInit(): void;
|
|
11
12
|
static ɵfac: ngCore.ɵɵFactoryDeclaration<NgExtension, never>;
|
|
12
13
|
static ɵcmp: ngCore.ɵɵComponentDeclaration<NgExtension, 'extension-component', never, {
|
package/esm/NgExtension.js
CHANGED
|
@@ -9,6 +9,14 @@ let NgExtension = NgExtension_1 = class NgExtension {
|
|
|
9
9
|
this.elRef = elRef;
|
|
10
10
|
this.piral = piral;
|
|
11
11
|
}
|
|
12
|
+
ngOnChanges() {
|
|
13
|
+
this.elRef.nativeElement.dispatchEvent(new CustomEvent('extension-props-changed', {
|
|
14
|
+
detail: {
|
|
15
|
+
name: this.name,
|
|
16
|
+
params: this.params,
|
|
17
|
+
},
|
|
18
|
+
}));
|
|
19
|
+
}
|
|
12
20
|
ngAfterContentInit() {
|
|
13
21
|
this.piral.renderHtmlExtension(this.elRef.nativeElement, {
|
|
14
22
|
name: this.name,
|
package/esm/NgExtension.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NgExtension.js","sourceRoot":"","sources":["../src/NgExtension.ts"],"names":[],"mappings":";;AACA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"NgExtension.js","sourceRoot":"","sources":["../src/NgExtension.ts"],"names":[],"mappings":";;AACA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAa,MAAM,eAAe,CAAC;AAEhF,MAAM,GAAG,GAAG,MAAa,CAAC;AAC1B,MAAM,QAAQ,GAAG,qBAAqB,CAAC;AAMvC,IAAa,WAAW,mBAAxB,MAAa,WAAW;IAItB,YAAoB,KAA8B,EAA2B,KAAe;QAAxE,UAAK,GAAL,KAAK,CAAyB;QAA2B,UAAK,GAAL,KAAK,CAAU;IAAG,CAAC;IAEhG,WAAW;QACT,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CACpC,IAAI,WAAW,CAAC,yBAAyB,EAAE;YACzC,MAAM,EAAE;gBACN,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YACvD,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CAAC;IACL,CAAC;CA6BF,CAAA;AA3BC,aAAa;AACN,gBAAI,GACT,mBAAmB,IAAI,GAAG;IACxB,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,aAAW,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACvG,CAAC,CAAC,SAAU,CAAA;AAEhB,aAAa;AACN,gBAAI,GAST,mBAAmB,IAAI,GAAG;IACxB,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC;QACpB,IAAI,EAAE,aAAW;QACjB,SAAS,EAAE,CAAC,QAAQ,CAAC;QACrB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC1C,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,aAAa,EAAE,CAAC;KACjB,CAAC;IACJ,CAAC,CAAC,SAAU,CAAA;AAjDD;IAAd,KAAK,CAAC,MAAM,CAAC;;yCAAiC;AAC9B;IAAhB,KAAK,CAAC,QAAQ,CAAC;;2CAAmC;AAFxC,WAAW;IAJvB,SAAS,CAAC;QACT,QAAQ;QACR,QAAQ,EAAE,EAAE;KACb,CAAC;IAKqD,WAAA,MAAM,CAAC,OAAO,CAAC,CAAA;qCAAzC,UAAU;GAJ1B,WAAW,CAmDvB;SAnDY,WAAW;AAqDxB,IAAI,mBAAmB,IAAI,GAAG,EAAE;IAC9B,GAAG,CAAC,iBAAiB,CAAC,WAAW,EAAE;QACjC;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;SACnC;KACF,CAAC,CAAC;CACJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoutingService.js","sourceRoot":"","sources":["../src/RoutingService.ts"],"names":[],"mappings":";;AAEA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAa,QAAQ,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,GAAG,GAAG,MAAa,CAAC;AAG1B,IAAa,cAAc,sBAA3B,MAAa,cAAc;IAKzB,YAC4B,OAAyB,EAC/B,MAAc,EACd,IAAY;QAFN,YAAO,GAAP,OAAO,CAAkB;QAC/B,WAAM,GAAN,MAAM,CAAQ;QACd,SAAI,GAAJ,IAAI,CAAQ;QAL1B,kBAAa,GAAkB,EAAE,CAAC;QAOxC,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;gBAC1C,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,yBAAyB,CAAC,EAAE;oBAClD,4BAA4B;oBAC5B,OAAO,SAAS,CAAC;iBAClB;gBACD,MAAM,KAAK,CAAC;YACd,CAAC,CAAC;YAEF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;gBACtD,MAAM,IAAI,GAAG,CAAC,CAAC,QAAQ,CAAC;gBAExB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;oBACtC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;iBACtD;YACH,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;gBACvG,MAAM,IAAI,GAAI,CAAqB,CAAC,GAAG,CAAC;gBAExC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;oBACtC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC/B;gBAED,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACzC,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAED,WAAW;;QACT,MAAA,IAAI,CAAC,OAAO
|
|
1
|
+
{"version":3,"file":"RoutingService.js","sourceRoot":"","sources":["../src/RoutingService.ts"],"names":[],"mappings":"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"}
|
package/esm/bootstrap.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { BaseComponentProps, ComponentContext, Disposable, PiletApi } from 'piral-core';
|
|
2
|
+
import type { BehaviorSubject } from 'rxjs';
|
|
2
3
|
import type { PrepareBootstrapResult } from './types';
|
|
3
4
|
export declare function prepareBootstrap(moduleOrComponent: any, piral: PiletApi): PrepareBootstrapResult;
|
|
4
|
-
export declare function bootstrap<TProps extends BaseComponentProps>(result: PrepareBootstrapResult, node: HTMLElement, props: TProps
|
|
5
|
+
export declare function bootstrap<TProps extends BaseComponentProps>(result: PrepareBootstrapResult, node: HTMLElement, props: BehaviorSubject<TProps>, context: ComponentContext): Promise<Disposable>;
|
package/esm/bootstrap.js
CHANGED
|
@@ -4,6 +4,8 @@ import { getAnnotations } from './utils';
|
|
|
4
4
|
import { createModuleInstance, getModuleInstance, defineModule } from './module';
|
|
5
5
|
export function prepareBootstrap(moduleOrComponent, piral) {
|
|
6
6
|
const [annotation] = getAnnotations(moduleOrComponent);
|
|
7
|
+
// first way is to directly use a module, which is the legacy way
|
|
8
|
+
// second way is to find a previously defined Angular module
|
|
7
9
|
if (annotation && annotation.bootstrap) {
|
|
8
10
|
// usually contains things like imports, exports, declarations, ...
|
|
9
11
|
const [component] = annotation.bootstrap;
|
package/esm/bootstrap.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../src/bootstrap.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../src/bootstrap.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEjF,MAAM,UAAU,gBAAgB,CAAC,iBAAsB,EAAE,KAAe;IACtE,MAAM,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAEvD,iEAAiE;IACjE,4DAA4D;IAC5D,IAAI,UAAU,IAAI,UAAU,CAAC,SAAS,EAAE;QACtC,mEAAmE;QACnE,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC,SAAS,CAAC;QACzC,UAAU,CAAC,OAAO,GAAG,CAAC,SAAS,CAAC,CAAC;QACjC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QAChC,OAAO,CAAC,GAAG,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC;KAC5D;SAAM;QACL,uFAAuF;QACvF,MAAM,MAAM,GAAG,iBAAiB,CAAC,iBAAiB,EAAE,KAAK,CAAC,IAAI,oBAAoB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QAC7G,OAAO,CAAC,GAAG,MAAM,EAAE,iBAAiB,CAAC,CAAC;KACvC;AACH,CAAC;AAED,MAAM,UAAgB,SAAS,CAC7B,MAA8B,EAC9B,IAAiB,EACjB,KAA8B,EAC9B,OAAyB;;QAEzB,MAAM,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC;QACtD,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,cAAc,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;QAE9D,IAAI,GAAG,EAAE;YACP,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;YAC5C,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;SACnD;QAED,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAClB,CAAC;CAAA"}
|
package/esm/converter.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { BehaviorSubject } from 'rxjs';
|
|
1
2
|
import { NgExtension } from './NgExtension';
|
|
2
3
|
import { enqueue } from './queue';
|
|
3
4
|
import { defineModule } from './module';
|
|
@@ -10,10 +11,16 @@ export function createConverter(_ = {}) {
|
|
|
10
11
|
if (!registry.has(component)) {
|
|
11
12
|
registry.set(component, prepareBootstrap(component, props.piral));
|
|
12
13
|
}
|
|
14
|
+
if (!locals.props) {
|
|
15
|
+
locals.props = new BehaviorSubject(props);
|
|
16
|
+
}
|
|
13
17
|
if (!locals.queued) {
|
|
14
18
|
locals.queued = Promise.resolve();
|
|
15
19
|
}
|
|
16
|
-
locals.queued = locals.queued.then(() => enqueue(() => locals.active && bootstrap(registry.get(component), el, props, ctx)));
|
|
20
|
+
locals.queued = locals.queued.then(() => enqueue(() => locals.active && bootstrap(registry.get(component), el, locals.props, ctx)));
|
|
21
|
+
},
|
|
22
|
+
update(el, props, ctx, locals) {
|
|
23
|
+
locals.props.next(props);
|
|
17
24
|
},
|
|
18
25
|
unmount(el, locals) {
|
|
19
26
|
locals.active = false;
|
package/esm/converter.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAgB1D,MAAM,UAAU,eAAe,CAAC,IAAwB,EAAE;IACxD,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA+B,CAAC;IACxD,MAAM,OAAO,GAAG,CAAoC,SAAc,EAA4B,EAAE,CAAC,CAAC;QAChG,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAuB;YAC3C,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;YAErB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;gBAC5B,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;aACnE;YAED,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;gBACjB,MAAM,CAAC,KAAK,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;aAC3C;YAED,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;gBAClB,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;aACnC;YAED,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CACtC,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,IAAI,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAC1F,CAAC;QACJ,CAAC;QACD,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAuB;YAC5C,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QACD,OAAO,CAAC,EAAE,EAAE,MAAuB;YACjC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;YACtB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC,CAAC;QACxE,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,YAAY,GAAG,YAAY,CAAC;IACpC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC;IAChC,OAAO,OAAO,CAAC;AACjB,CAAC"}
|
package/esm/module.js
CHANGED
|
@@ -15,7 +15,7 @@ function instantiateModule(moduleDef, piral) {
|
|
|
15
15
|
const props = { current: undefined };
|
|
16
16
|
const providers = [
|
|
17
17
|
RoutingService,
|
|
18
|
-
{ provide: 'Props', useFactory: () => props.current, deps: [] },
|
|
18
|
+
{ provide: 'Props', useFactory: () => props.current.value, deps: [] },
|
|
19
19
|
{ provide: 'piral', useFactory: () => piral, deps: [] },
|
|
20
20
|
];
|
|
21
21
|
let BootstrapModule = BootstrapModule_1 = class BootstrapModule {
|
|
@@ -29,10 +29,20 @@ function instantiateModule(moduleDef, piral) {
|
|
|
29
29
|
this.appRef = appRef;
|
|
30
30
|
}
|
|
31
31
|
attach(component, node, $props) {
|
|
32
|
+
var _a, _b, _c;
|
|
32
33
|
const factory = this.resolver.resolveComponentFactory(component);
|
|
33
34
|
props.current = $props;
|
|
34
35
|
if (factory) {
|
|
35
36
|
const ref = this.zone.run(() => this.appRef.bootstrap(factory, node));
|
|
37
|
+
const name = (_c = (_b = (_a = ref.componentType) === null || _a === void 0 ? void 0 : _a.ɵcmp) === null || _b === void 0 ? void 0 : _b.inputs) === null || _c === void 0 ? void 0 : _c.Props;
|
|
38
|
+
if (typeof name === 'string') {
|
|
39
|
+
const sub = $props.subscribe((props) => {
|
|
40
|
+
var _a;
|
|
41
|
+
ref.instance[name] = props;
|
|
42
|
+
(_a = ref.changeDetectorRef) === null || _a === void 0 ? void 0 : _a.detectChanges();
|
|
43
|
+
});
|
|
44
|
+
ref.onDestroy(() => sub.unsubscribe());
|
|
45
|
+
}
|
|
36
46
|
this.refs.push([component, node, ref]);
|
|
37
47
|
}
|
|
38
48
|
}
|
|
@@ -92,6 +102,9 @@ export function getModuleInstance(component, piral) {
|
|
|
92
102
|
}
|
|
93
103
|
return [moduleDef.active, moduleDef.opts];
|
|
94
104
|
}
|
|
105
|
+
if (process.env.NODE_ENV === 'development') {
|
|
106
|
+
console.warn('Component not found in all defined Angular modules. Make sure to define (using `defineNgModule`) a module with your component(s) referenced in the exports section of the `@NgModule` decorator.', component, piral.meta);
|
|
107
|
+
}
|
|
95
108
|
return undefined;
|
|
96
109
|
}
|
|
97
110
|
export function createModuleInstance(component, piral) {
|
package/esm/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"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"}
|
package/esm/startup.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"startup.js","sourceRoot":"","sources":["../src/startup.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAe,MAAM,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,SAAS,iBAAiB,CAAC,QAAoC;IAC7D,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,OAAO,GAAG,IAAI,KAAK,EAAE,CAAC;IAC5B,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC3B,CAAC;AAED,MAAM,cAAc,GAA8B,EAAE,CAAC;AAIrD,MAAM,UAAU,OAAO,CACrB,eAAoB,EACpB,OAAyB,EACzB,SAAqB;;IAErB,MAAM,aAAa,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,eAAe,CAAC,CAAC;IAE9E,IAAI,aAAa,EAAE;QACjB,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,aAAa,CAAC;QACnC,OAAO,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;KAClC;SAAM;QACL,MAAM,IAAI,GAAG,CAAA,MAAA,OAAO,CAAC,SAAS
|
|
1
|
+
{"version":3,"file":"startup.js","sourceRoot":"","sources":["../src/startup.ts"],"names":[],"mappings":"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"}
|
package/lib/NgExtension.d.ts
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import type { PiletApi } from 'piral-core';
|
|
2
2
|
import * as ngCore from '@angular/core';
|
|
3
|
-
import { ElementRef } from '@angular/core';
|
|
4
|
-
export declare class NgExtension {
|
|
3
|
+
import { ElementRef, OnChanges } from '@angular/core';
|
|
4
|
+
export declare class NgExtension implements OnChanges {
|
|
5
5
|
private elRef;
|
|
6
6
|
private piral;
|
|
7
7
|
name: string | undefined;
|
|
8
8
|
params: object | undefined;
|
|
9
9
|
constructor(elRef: ElementRef<HTMLElement>, piral: PiletApi);
|
|
10
|
+
ngOnChanges(): void;
|
|
10
11
|
ngAfterContentInit(): void;
|
|
11
12
|
static ɵfac: ngCore.ɵɵFactoryDeclaration<NgExtension, never>;
|
|
12
13
|
static ɵcmp: ngCore.ɵɵComponentDeclaration<NgExtension, 'extension-component', never, {
|
package/lib/NgExtension.js
CHANGED
|
@@ -12,6 +12,14 @@ let NgExtension = NgExtension_1 = class NgExtension {
|
|
|
12
12
|
this.elRef = elRef;
|
|
13
13
|
this.piral = piral;
|
|
14
14
|
}
|
|
15
|
+
ngOnChanges() {
|
|
16
|
+
this.elRef.nativeElement.dispatchEvent(new CustomEvent('extension-props-changed', {
|
|
17
|
+
detail: {
|
|
18
|
+
name: this.name,
|
|
19
|
+
params: this.params,
|
|
20
|
+
},
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
15
23
|
ngAfterContentInit() {
|
|
16
24
|
this.piral.renderHtmlExtension(this.elRef.nativeElement, {
|
|
17
25
|
name: this.name,
|
|
@@ -35,21 +43,21 @@ NgExtension.ɵcmp = 'ɵɵdefineComponent' in ngc
|
|
|
35
43
|
encapsulation: 2,
|
|
36
44
|
})
|
|
37
45
|
: undefined;
|
|
38
|
-
|
|
46
|
+
tslib_1.__decorate([
|
|
39
47
|
(0, core_1.Input)('name'),
|
|
40
|
-
|
|
48
|
+
tslib_1.__metadata("design:type", String)
|
|
41
49
|
], NgExtension.prototype, "name", void 0);
|
|
42
|
-
|
|
50
|
+
tslib_1.__decorate([
|
|
43
51
|
(0, core_1.Input)('params'),
|
|
44
|
-
|
|
52
|
+
tslib_1.__metadata("design:type", Object)
|
|
45
53
|
], NgExtension.prototype, "params", void 0);
|
|
46
|
-
NgExtension = NgExtension_1 =
|
|
54
|
+
NgExtension = NgExtension_1 = tslib_1.__decorate([
|
|
47
55
|
(0, core_1.Component)({
|
|
48
56
|
selector,
|
|
49
57
|
template: '',
|
|
50
58
|
}),
|
|
51
|
-
|
|
52
|
-
|
|
59
|
+
tslib_1.__param(1, (0, core_1.Inject)('piral')),
|
|
60
|
+
tslib_1.__metadata("design:paramtypes", [core_1.ElementRef, Object])
|
|
53
61
|
], NgExtension);
|
|
54
62
|
exports.NgExtension = NgExtension;
|
|
55
63
|
if ('ɵsetClassMetadata' in ngc) {
|
package/lib/NgExtension.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NgExtension.js","sourceRoot":"","sources":["../src/NgExtension.ts"],"names":[],"mappings":";;;;;AACA,wCAAwC;AACxC,
|
|
1
|
+
{"version":3,"file":"NgExtension.js","sourceRoot":"","sources":["../src/NgExtension.ts"],"names":[],"mappings":";;;;;AACA,wCAAwC;AACxC,wCAAgF;AAEhF,MAAM,GAAG,GAAG,MAAa,CAAC;AAC1B,MAAM,QAAQ,GAAG,qBAAqB,CAAC;AAMvC,IAAa,WAAW,mBAAxB,MAAa,WAAW;IAItB,YAAoB,KAA8B,EAA2B,KAAe;QAAxE,UAAK,GAAL,KAAK,CAAyB;QAA2B,UAAK,GAAL,KAAK,CAAU;IAAG,CAAC;IAEhG,WAAW;QACT,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CACpC,IAAI,WAAW,CAAC,yBAAyB,EAAE;YACzC,MAAM,EAAE;gBACN,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YACvD,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CAAC;IACL,CAAC;CA6BF,CAAA;AA3BC,aAAa;AACN,gBAAI,GACT,mBAAmB,IAAI,GAAG;IACxB,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,aAAW,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC,iBAAU,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACvG,CAAC,CAAC,SAAU,CAAA;AAEhB,aAAa;AACN,gBAAI,GAST,mBAAmB,IAAI,GAAG;IACxB,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC;QACpB,IAAI,EAAE,aAAW;QACjB,SAAS,EAAE,CAAC,QAAQ,CAAC;QACrB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC1C,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,aAAa,EAAE,CAAC;KACjB,CAAC;IACJ,CAAC,CAAC,SAAU,CAAA;AAjDD;IAAd,IAAA,YAAK,EAAC,MAAM,CAAC;;yCAAiC;AAC9B;IAAhB,IAAA,YAAK,EAAC,QAAQ,CAAC;;2CAAmC;AAFxC,WAAW;IAJvB,IAAA,gBAAS,EAAC;QACT,QAAQ;QACR,QAAQ,EAAE,EAAE;KACb,CAAC;IAKqD,mBAAA,IAAA,aAAM,EAAC,OAAO,CAAC,CAAA;6CAAzC,iBAAU;GAJ1B,WAAW,CAmDvB;AAnDY,kCAAW;AAqDxB,IAAI,mBAAmB,IAAI,GAAG,EAAE;IAC9B,GAAG,CAAC,iBAAiB,CAAC,WAAW,EAAE;QACjC;YACE,IAAI,EAAE,gBAAS;YACf,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;SACnC;KACF,CAAC,CAAC;CACJ"}
|
package/lib/ResourceUrlPipe.js
CHANGED
|
@@ -19,10 +19,10 @@ let ResourceUrlPipe = ResourceUrlPipe_1 = class ResourceUrlPipe {
|
|
|
19
19
|
ResourceUrlPipe.ɵfac = 'ɵɵdirectiveInject' in ngc ? (t) => new (t || ResourceUrlPipe_1)(ngc.ɵɵdirectiveInject('piral', 16)) : undefined;
|
|
20
20
|
// @ts-ignore
|
|
21
21
|
ResourceUrlPipe.ɵpipe = 'ɵɵdefinePipe' in ngc ? ngc.ɵɵdefinePipe({ name: 'resourceUrl', type: ResourceUrlPipe_1, pure: true }) : undefined;
|
|
22
|
-
ResourceUrlPipe = ResourceUrlPipe_1 =
|
|
22
|
+
ResourceUrlPipe = ResourceUrlPipe_1 = tslib_1.__decorate([
|
|
23
23
|
(0, core_1.Pipe)({ name: 'resourceUrl' }),
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
tslib_1.__param(0, (0, core_1.Inject)('piral')),
|
|
25
|
+
tslib_1.__metadata("design:paramtypes", [Object])
|
|
26
26
|
], ResourceUrlPipe);
|
|
27
27
|
exports.ResourceUrlPipe = ResourceUrlPipe;
|
|
28
28
|
if ('ɵsetClassMetadata' in ngc) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceUrlPipe.js","sourceRoot":"","sources":["../src/ResourceUrlPipe.ts"],"names":[],"mappings":";;;;;AACA,wCAAwC;AACxC,wCAA4D;AAE5D,MAAM,GAAG,GAAG,MAAa,CAAC;AAG1B,IAAa,eAAe,uBAA5B,MAAa,eAAe;IAC1B,YAAqC,KAAe;QAAf,UAAK,GAAL,KAAK,CAAU;IAAG,CAAC;IAExD,SAAS,CAAC,KAAa;QACrB,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3C,OAAO,QAAQ,GAAG,KAAK,CAAC;IAC1B,CAAC;CASF,CAAA;AAPC,aAAa;AACN,oBAAI,GACT,mBAAmB,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,iBAAe,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,SAAU,CAAA;AAEtH,aAAa;AACN,qBAAK,GACV,cAAc,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,iBAAe,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAU,CAAA;AAdxG,eAAe;IAD3B,IAAA,WAAI,EAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;IAEf,
|
|
1
|
+
{"version":3,"file":"ResourceUrlPipe.js","sourceRoot":"","sources":["../src/ResourceUrlPipe.ts"],"names":[],"mappings":";;;;;AACA,wCAAwC;AACxC,wCAA4D;AAE5D,MAAM,GAAG,GAAG,MAAa,CAAC;AAG1B,IAAa,eAAe,uBAA5B,MAAa,eAAe;IAC1B,YAAqC,KAAe;QAAf,UAAK,GAAL,KAAK,CAAU;IAAG,CAAC;IAExD,SAAS,CAAC,KAAa;QACrB,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3C,OAAO,QAAQ,GAAG,KAAK,CAAC;IAC1B,CAAC;CASF,CAAA;AAPC,aAAa;AACN,oBAAI,GACT,mBAAmB,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,iBAAe,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,SAAU,CAAA;AAEtH,aAAa;AACN,qBAAK,GACV,cAAc,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,iBAAe,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAU,CAAA;AAdxG,eAAe;IAD3B,IAAA,WAAI,EAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;IAEf,mBAAA,IAAA,aAAM,EAAC,OAAO,CAAC,CAAA;;GADjB,eAAe,CAe3B;AAfY,0CAAe;AAiB5B,IAAI,mBAAmB,IAAI,GAAG,EAAE;IAC9B,GAAG,CAAC,iBAAiB,CACnB,eAAe,EACf;QACE;YACE,IAAI,EAAE,WAAI;YACV,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;SAChC;KACF,EACD,GAAG,EAAE,CAAC;QACJ;YACE,IAAI,EAAE,SAAS;YACf,UAAU,EAAE;gBACV;oBACE,IAAI,EAAE,aAAM;oBACZ,IAAI,EAAE,CAAC,OAAO,CAAC;iBAChB;aACF;SACF;KACF,CACF,CAAC;CACH"}
|
package/lib/RoutingService.js
CHANGED
|
@@ -49,12 +49,12 @@ RoutingService.ɵfac = 'ɵɵinject' in ngc
|
|
|
49
49
|
RoutingService.ɵprov = 'ɵɵngDeclareInjectable' in ngc
|
|
50
50
|
? ngc.ɵɵdefineInjectable({ token: RoutingService_1, factory: RoutingService_1.ɵfac })
|
|
51
51
|
: undefined;
|
|
52
|
-
RoutingService = RoutingService_1 =
|
|
52
|
+
RoutingService = RoutingService_1 = tslib_1.__decorate([
|
|
53
53
|
(0, core_1.Injectable)(),
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
54
|
+
tslib_1.__param(0, (0, core_1.Inject)('Context')),
|
|
55
|
+
tslib_1.__param(1, (0, core_1.Optional)()),
|
|
56
|
+
tslib_1.__param(2, (0, core_1.Optional)()),
|
|
57
|
+
tslib_1.__metadata("design:paramtypes", [Object, router_1.Router,
|
|
58
58
|
core_1.NgZone])
|
|
59
59
|
], RoutingService);
|
|
60
60
|
exports.RoutingService = RoutingService;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoutingService.js","sourceRoot":"","sources":["../src/RoutingService.ts"],"names":[],"mappings":";;;;;AAEA,wCAAwC;AACxC,wCAAgF;AAChF,4CAA0D;AAC1D,8CAAwC;AAExC,MAAM,GAAG,GAAG,MAAa,CAAC;AAG1B,IAAa,cAAc,sBAA3B,MAAa,cAAc;IAKzB,YAC4B,OAAyB,EAC/B,MAAc,EACd,IAAY;QAFN,YAAO,GAAP,OAAO,CAAkB;QAC/B,WAAM,GAAN,MAAM,CAAQ;QACd,SAAI,GAAJ,IAAI,CAAQ;QAL1B,kBAAa,GAAkB,EAAE,CAAC;QAOxC,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;gBAC1C,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,yBAAyB,CAAC,EAAE;oBAClD,4BAA4B;oBAC5B,OAAO,SAAS,CAAC;iBAClB;gBACD,MAAM,KAAK,CAAC;YACd,CAAC,CAAC;YAEF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;gBACtD,MAAM,IAAI,GAAG,CAAC,CAAC,QAAQ,CAAC;gBAExB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;oBACtC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;iBACtD;YACH,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAA,kBAAM,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY,wBAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;gBACvG,MAAM,IAAI,GAAI,CAAqB,CAAC,GAAG,CAAC;gBAExC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;oBACtC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC/B;gBAED,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACzC,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAED,WAAW;;QACT,MAAA,IAAI,CAAC,OAAO
|
|
1
|
+
{"version":3,"file":"RoutingService.js","sourceRoot":"","sources":["../src/RoutingService.ts"],"names":[],"mappings":"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"}
|
package/lib/SharedModule.js
CHANGED
|
@@ -30,7 +30,7 @@ SharedModule.ɵinj = 'ɵɵdefineInjector' in ngc
|
|
|
30
30
|
imports: [importsDef],
|
|
31
31
|
})
|
|
32
32
|
: undefined;
|
|
33
|
-
SharedModule = SharedModule_1 =
|
|
33
|
+
SharedModule = SharedModule_1 = tslib_1.__decorate([
|
|
34
34
|
(0, core_1.NgModule)({
|
|
35
35
|
declarations: declarationsDef,
|
|
36
36
|
providers: [],
|
package/lib/bootstrap.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { BaseComponentProps, ComponentContext, Disposable, PiletApi } from 'piral-core';
|
|
2
|
+
import type { BehaviorSubject } from 'rxjs';
|
|
2
3
|
import type { PrepareBootstrapResult } from './types';
|
|
3
4
|
export declare function prepareBootstrap(moduleOrComponent: any, piral: PiletApi): PrepareBootstrapResult;
|
|
4
|
-
export declare function bootstrap<TProps extends BaseComponentProps>(result: PrepareBootstrapResult, node: HTMLElement, props: TProps
|
|
5
|
+
export declare function bootstrap<TProps extends BaseComponentProps>(result: PrepareBootstrapResult, node: HTMLElement, props: BehaviorSubject<TProps>, context: ComponentContext): Promise<Disposable>;
|
package/lib/bootstrap.js
CHANGED
|
@@ -7,6 +7,8 @@ const utils_1 = require("./utils");
|
|
|
7
7
|
const module_1 = require("./module");
|
|
8
8
|
function prepareBootstrap(moduleOrComponent, piral) {
|
|
9
9
|
const [annotation] = (0, utils_1.getAnnotations)(moduleOrComponent);
|
|
10
|
+
// first way is to directly use a module, which is the legacy way
|
|
11
|
+
// second way is to find a previously defined Angular module
|
|
10
12
|
if (annotation && annotation.bootstrap) {
|
|
11
13
|
// usually contains things like imports, exports, declarations, ...
|
|
12
14
|
const [component] = annotation.bootstrap;
|
|
@@ -22,7 +24,7 @@ function prepareBootstrap(moduleOrComponent, piral) {
|
|
|
22
24
|
}
|
|
23
25
|
exports.prepareBootstrap = prepareBootstrap;
|
|
24
26
|
function bootstrap(result, node, props, context) {
|
|
25
|
-
return
|
|
27
|
+
return tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
26
28
|
const [selectedModule, ngOptions, component] = result;
|
|
27
29
|
const ref = yield (0, startup_1.startup)(selectedModule, context, ngOptions);
|
|
28
30
|
if (ref) {
|
package/lib/bootstrap.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../src/bootstrap.ts"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../src/bootstrap.ts"],"names":[],"mappings":";;;;AAGA,uCAAoC;AACpC,mCAAyC;AACzC,qCAAiF;AAEjF,SAAgB,gBAAgB,CAAC,iBAAsB,EAAE,KAAe;IACtE,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,sBAAc,EAAC,iBAAiB,CAAC,CAAC;IAEvD,iEAAiE;IACjE,4DAA4D;IAC5D,IAAI,UAAU,IAAI,UAAU,CAAC,SAAS,EAAE;QACtC,mEAAmE;QACnE,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC,SAAS,CAAC;QACzC,UAAU,CAAC,OAAO,GAAG,CAAC,SAAS,CAAC,CAAC;QACjC,IAAA,qBAAY,EAAC,iBAAiB,CAAC,CAAC;QAChC,OAAO,CAAC,GAAG,IAAA,0BAAiB,EAAC,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC;KAC5D;SAAM;QACL,uFAAuF;QACvF,MAAM,MAAM,GAAG,IAAA,0BAAiB,EAAC,iBAAiB,EAAE,KAAK,CAAC,IAAI,IAAA,6BAAoB,EAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QAC7G,OAAO,CAAC,GAAG,MAAM,EAAE,iBAAiB,CAAC,CAAC;KACvC;AACH,CAAC;AAhBD,4CAgBC;AAED,SAAsB,SAAS,CAC7B,MAA8B,EAC9B,IAAiB,EACjB,KAA8B,EAC9B,OAAyB;;QAEzB,MAAM,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC;QACtD,MAAM,GAAG,GAAG,MAAM,IAAA,iBAAO,EAAC,cAAc,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;QAE9D,IAAI,GAAG,EAAE;YACP,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;YAC5C,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;SACnD;QAED,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAClB,CAAC;CAAA;AAfD,8BAeC"}
|
package/lib/converter.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createConverter = void 0;
|
|
4
|
+
const rxjs_1 = require("rxjs");
|
|
4
5
|
const NgExtension_1 = require("./NgExtension");
|
|
5
6
|
const queue_1 = require("./queue");
|
|
6
7
|
const module_1 = require("./module");
|
|
@@ -13,10 +14,16 @@ function createConverter(_ = {}) {
|
|
|
13
14
|
if (!registry.has(component)) {
|
|
14
15
|
registry.set(component, (0, bootstrap_1.prepareBootstrap)(component, props.piral));
|
|
15
16
|
}
|
|
17
|
+
if (!locals.props) {
|
|
18
|
+
locals.props = new rxjs_1.BehaviorSubject(props);
|
|
19
|
+
}
|
|
16
20
|
if (!locals.queued) {
|
|
17
21
|
locals.queued = Promise.resolve();
|
|
18
22
|
}
|
|
19
|
-
locals.queued = locals.queued.then(() => (0, queue_1.enqueue)(() => locals.active && (0, bootstrap_1.bootstrap)(registry.get(component), el, props, ctx)));
|
|
23
|
+
locals.queued = locals.queued.then(() => (0, queue_1.enqueue)(() => locals.active && (0, bootstrap_1.bootstrap)(registry.get(component), el, locals.props, ctx)));
|
|
24
|
+
},
|
|
25
|
+
update(el, props, ctx, locals) {
|
|
26
|
+
locals.props.next(props);
|
|
20
27
|
},
|
|
21
28
|
unmount(el, locals) {
|
|
22
29
|
locals.active = false;
|
package/lib/converter.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAEA,+CAA4C;AAC5C,mCAAkC;AAClC,qCAAwC;AACxC,2CAA0D;
|
|
1
|
+
{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAEA,+BAAuC;AACvC,+CAA4C;AAC5C,mCAAkC;AAClC,qCAAwC;AACxC,2CAA0D;AAgB1D,SAAgB,eAAe,CAAC,IAAwB,EAAE;IACxD,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA+B,CAAC;IACxD,MAAM,OAAO,GAAG,CAAoC,SAAc,EAA4B,EAAE,CAAC,CAAC;QAChG,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAuB;YAC3C,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;YAErB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;gBAC5B,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,IAAA,4BAAgB,EAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;aACnE;YAED,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;gBACjB,MAAM,CAAC,KAAK,GAAG,IAAI,sBAAe,CAAC,KAAK,CAAC,CAAC;aAC3C;YAED,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;gBAClB,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;aACnC;YAED,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CACtC,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,IAAI,IAAA,qBAAS,EAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAC1F,CAAC;QACJ,CAAC;QACD,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAuB;YAC5C,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QACD,OAAO,CAAC,EAAE,EAAE,MAAuB;YACjC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;YACtB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC,CAAC;QACxE,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,YAAY,GAAG,qBAAY,CAAC;IACpC,OAAO,CAAC,SAAS,GAAG,yBAAW,CAAC;IAChC,OAAO,OAAO,CAAC;AACjB,CAAC;AAjCD,0CAiCC"}
|
package/lib/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
tslib_1.__exportStar(require("./create"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./types"), exports);
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,kDAAwB"}
|
package/lib/module.js
CHANGED
|
@@ -18,7 +18,7 @@ function instantiateModule(moduleDef, piral) {
|
|
|
18
18
|
const props = { current: undefined };
|
|
19
19
|
const providers = [
|
|
20
20
|
RoutingService_1.RoutingService,
|
|
21
|
-
{ provide: 'Props', useFactory: () => props.current, deps: [] },
|
|
21
|
+
{ provide: 'Props', useFactory: () => props.current.value, deps: [] },
|
|
22
22
|
{ provide: 'piral', useFactory: () => piral, deps: [] },
|
|
23
23
|
];
|
|
24
24
|
let BootstrapModule = BootstrapModule_1 = class BootstrapModule {
|
|
@@ -32,10 +32,20 @@ function instantiateModule(moduleDef, piral) {
|
|
|
32
32
|
this.appRef = appRef;
|
|
33
33
|
}
|
|
34
34
|
attach(component, node, $props) {
|
|
35
|
+
var _a, _b, _c;
|
|
35
36
|
const factory = this.resolver.resolveComponentFactory(component);
|
|
36
37
|
props.current = $props;
|
|
37
38
|
if (factory) {
|
|
38
39
|
const ref = this.zone.run(() => this.appRef.bootstrap(factory, node));
|
|
40
|
+
const name = (_c = (_b = (_a = ref.componentType) === null || _a === void 0 ? void 0 : _a.ɵcmp) === null || _b === void 0 ? void 0 : _b.inputs) === null || _c === void 0 ? void 0 : _c.Props;
|
|
41
|
+
if (typeof name === 'string') {
|
|
42
|
+
const sub = $props.subscribe((props) => {
|
|
43
|
+
var _a;
|
|
44
|
+
ref.instance[name] = props;
|
|
45
|
+
(_a = ref.changeDetectorRef) === null || _a === void 0 ? void 0 : _a.detectChanges();
|
|
46
|
+
});
|
|
47
|
+
ref.onDestroy(() => sub.unsubscribe());
|
|
48
|
+
}
|
|
39
49
|
this.refs.push([component, node, ref]);
|
|
40
50
|
}
|
|
41
51
|
}
|
|
@@ -63,13 +73,13 @@ function instantiateModule(moduleDef, piral) {
|
|
|
63
73
|
imports: [imports],
|
|
64
74
|
})
|
|
65
75
|
: undefined;
|
|
66
|
-
BootstrapModule = BootstrapModule_1 =
|
|
76
|
+
BootstrapModule = BootstrapModule_1 = tslib_1.__decorate([
|
|
67
77
|
(0, core_1.NgModule)({
|
|
68
78
|
imports,
|
|
69
79
|
entryComponents: components,
|
|
70
80
|
providers,
|
|
71
81
|
}),
|
|
72
|
-
|
|
82
|
+
tslib_1.__metadata("design:paramtypes", [core_1.ComponentFactoryResolver, core_1.NgZone, RoutingService_1.RoutingService])
|
|
73
83
|
], BootstrapModule);
|
|
74
84
|
if ('ɵsetClassMetadata' in ngc) {
|
|
75
85
|
ngc.ɵsetClassMetadata(BootstrapModule, [
|
|
@@ -95,6 +105,9 @@ function getModuleInstance(component, piral) {
|
|
|
95
105
|
}
|
|
96
106
|
return [moduleDef.active, moduleDef.opts];
|
|
97
107
|
}
|
|
108
|
+
if (process.env.NODE_ENV === 'development') {
|
|
109
|
+
console.warn('Component not found in all defined Angular modules. Make sure to define (using `defineNgModule`) a module with your component(s) referenced in the exports section of the `@NgModule` decorator.', component, piral.meta);
|
|
110
|
+
}
|
|
98
111
|
return undefined;
|
|
99
112
|
}
|
|
100
113
|
exports.getModuleInstance = getModuleInstance;
|
|
@@ -117,7 +130,7 @@ function createModuleInstance(component, piral) {
|
|
|
117
130
|
imports: [importsDef],
|
|
118
131
|
})
|
|
119
132
|
: undefined;
|
|
120
|
-
Module = Module_1 =
|
|
133
|
+
Module = Module_1 = tslib_1.__decorate([
|
|
121
134
|
(0, core_1.NgModule)({
|
|
122
135
|
declarations,
|
|
123
136
|
imports: importsDef,
|
package/lib/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"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"}
|
package/lib/startup.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"startup.js","sourceRoot":"","sources":["../src/startup.ts"],"names":[],"mappings":";;;AAEA,wCAAoE;AACpE,4CAAgD;AAChD,gFAA2E;AAC3E,mCAAuC;AAEvC,SAAS,iBAAiB,CAAC,QAAoC;IAC7D,MAAM,KAAK,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC7B,MAAM,OAAO,GAAG,IAAI,KAAK,EAAE,CAAC;IAC5B,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC3B,CAAC;AAED,MAAM,cAAc,GAA8B,EAAE,CAAC;AAIrD,SAAgB,OAAO,CACrB,eAAoB,EACpB,OAAyB,EACzB,SAAqB;;IAErB,MAAM,aAAa,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,eAAe,CAAC,CAAC;IAE9E,IAAI,aAAa,EAAE;QACjB,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,aAAa,CAAC;QACnC,OAAO,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;KAClC;SAAM;QACL,MAAM,IAAI,GAAG,CAAA,MAAA,OAAO,CAAC,SAAS
|
|
1
|
+
{"version":3,"file":"startup.js","sourceRoot":"","sources":["../src/startup.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "piral-ng",
|
|
3
|
-
"version": "0.15.0-alpha.
|
|
3
|
+
"version": "0.15.0-alpha.4231",
|
|
4
4
|
"description": "Plugin for integrating Angular components in Piral.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"piral",
|
|
@@ -19,6 +19,28 @@
|
|
|
19
19
|
"module": "esm/index.js",
|
|
20
20
|
"main": "lib/index.js",
|
|
21
21
|
"typings": "lib/index.d.ts",
|
|
22
|
+
"exports": {
|
|
23
|
+
".": {
|
|
24
|
+
"import": "./esm/index.js",
|
|
25
|
+
"require": "./lib/index.js"
|
|
26
|
+
},
|
|
27
|
+
"./common": {
|
|
28
|
+
"import": "./common.js"
|
|
29
|
+
},
|
|
30
|
+
"./convert": {
|
|
31
|
+
"import": "./convert.js"
|
|
32
|
+
},
|
|
33
|
+
"./extend-webpack": {
|
|
34
|
+
"require": "./extend-webpack.js"
|
|
35
|
+
},
|
|
36
|
+
"./esm/*": {
|
|
37
|
+
"import": "./esm/*"
|
|
38
|
+
},
|
|
39
|
+
"./lib/*": {
|
|
40
|
+
"require": "./lib/*"
|
|
41
|
+
},
|
|
42
|
+
"./package.json": "./package.json"
|
|
43
|
+
},
|
|
22
44
|
"sideEffects": false,
|
|
23
45
|
"files": [
|
|
24
46
|
"esm",
|
|
@@ -40,7 +62,7 @@
|
|
|
40
62
|
"scripts": {
|
|
41
63
|
"cleanup": "rimraf esm lib convert.d.ts convert.js",
|
|
42
64
|
"build": "yarn build:commonjs && yarn build:esnext && yarn build:convert",
|
|
43
|
-
"build:convert": "tsc convert.ts --skipLibCheck --declaration",
|
|
65
|
+
"build:convert": "tsc convert.ts --skipLibCheck --declaration --module esnext",
|
|
44
66
|
"build:commonjs": "tsc --project tsconfig.json --outDir lib --module commonjs",
|
|
45
67
|
"build:esnext": "tsc --project tsconfig.json --outDir esm --module esnext",
|
|
46
68
|
"typedoc": "typedoc --json ../../../docs/types/piral-ng.json src --exclude \"src/**/*.test.*\"",
|
|
@@ -53,7 +75,7 @@
|
|
|
53
75
|
"@angular/platform-browser": "^8.0.0",
|
|
54
76
|
"@angular/platform-browser-dynamic": "^8.0.0",
|
|
55
77
|
"@angular/router": "^8.0.0",
|
|
56
|
-
"piral-core": "0.15.0-alpha.
|
|
78
|
+
"piral-core": "0.15.0-alpha.4231",
|
|
57
79
|
"rxjs": "^7.3.0"
|
|
58
80
|
},
|
|
59
81
|
"peerDependencies": {
|
|
@@ -64,5 +86,5 @@
|
|
|
64
86
|
"@angular/router": "^2.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0",
|
|
65
87
|
"rxjs": "^5.0.0 || ^6.0.0 || ^7.0.0"
|
|
66
88
|
},
|
|
67
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "4e7f158bd276d82c5bf2c19d47ccfb3604f38e38"
|
|
68
90
|
}
|
package/src/NgExtension.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { PiletApi } from 'piral-core';
|
|
2
2
|
import * as ngCore from '@angular/core';
|
|
3
|
-
import { Component, ElementRef, Input, Inject } from '@angular/core';
|
|
3
|
+
import { Component, ElementRef, Input, Inject, OnChanges } from '@angular/core';
|
|
4
4
|
|
|
5
5
|
const ngc = ngCore as any;
|
|
6
6
|
const selector = 'extension-component';
|
|
@@ -9,12 +9,23 @@ const selector = 'extension-component';
|
|
|
9
9
|
selector,
|
|
10
10
|
template: '',
|
|
11
11
|
})
|
|
12
|
-
export class NgExtension {
|
|
12
|
+
export class NgExtension implements OnChanges {
|
|
13
13
|
@Input('name') public name: string | undefined;
|
|
14
14
|
@Input('params') public params: object | undefined;
|
|
15
15
|
|
|
16
16
|
constructor(private elRef: ElementRef<HTMLElement>, @Inject('piral') private piral: PiletApi) {}
|
|
17
17
|
|
|
18
|
+
ngOnChanges() {
|
|
19
|
+
this.elRef.nativeElement.dispatchEvent(
|
|
20
|
+
new CustomEvent('extension-props-changed', {
|
|
21
|
+
detail: {
|
|
22
|
+
name: this.name,
|
|
23
|
+
params: this.params,
|
|
24
|
+
},
|
|
25
|
+
}),
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
|
|
18
29
|
ngAfterContentInit() {
|
|
19
30
|
this.piral.renderHtmlExtension(this.elRef.nativeElement, {
|
|
20
31
|
name: this.name,
|
package/src/bootstrap.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { BaseComponentProps, ComponentContext, Disposable, PiletApi } from 'piral-core';
|
|
2
|
+
import type { BehaviorSubject } from 'rxjs';
|
|
2
3
|
import type { PrepareBootstrapResult } from './types';
|
|
3
4
|
import { startup } from './startup';
|
|
4
5
|
import { getAnnotations } from './utils';
|
|
@@ -7,6 +8,8 @@ import { createModuleInstance, getModuleInstance, defineModule } from './module'
|
|
|
7
8
|
export function prepareBootstrap(moduleOrComponent: any, piral: PiletApi): PrepareBootstrapResult {
|
|
8
9
|
const [annotation] = getAnnotations(moduleOrComponent);
|
|
9
10
|
|
|
11
|
+
// first way is to directly use a module, which is the legacy way
|
|
12
|
+
// second way is to find a previously defined Angular module
|
|
10
13
|
if (annotation && annotation.bootstrap) {
|
|
11
14
|
// usually contains things like imports, exports, declarations, ...
|
|
12
15
|
const [component] = annotation.bootstrap;
|
|
@@ -23,7 +26,7 @@ export function prepareBootstrap(moduleOrComponent: any, piral: PiletApi): Prepa
|
|
|
23
26
|
export async function bootstrap<TProps extends BaseComponentProps>(
|
|
24
27
|
result: PrepareBootstrapResult,
|
|
25
28
|
node: HTMLElement,
|
|
26
|
-
props: TProps
|
|
29
|
+
props: BehaviorSubject<TProps>,
|
|
27
30
|
context: ComponentContext,
|
|
28
31
|
): Promise<Disposable> {
|
|
29
32
|
const [selectedModule, ngOptions, component] = result;
|
package/src/converter.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ForeignComponent, BaseComponentProps, Disposable } from 'piral-core';
|
|
2
2
|
import type { NgModuleDefiner, PrepareBootstrapResult } from './types';
|
|
3
|
+
import { BehaviorSubject } from 'rxjs';
|
|
3
4
|
import { NgExtension } from './NgExtension';
|
|
4
5
|
import { enqueue } from './queue';
|
|
5
6
|
import { defineModule } from './module';
|
|
@@ -13,30 +14,38 @@ export interface NgConverter {
|
|
|
13
14
|
Extension: any;
|
|
14
15
|
}
|
|
15
16
|
|
|
16
|
-
interface NgState {
|
|
17
|
+
interface NgState<TProps> {
|
|
17
18
|
queued: Promise<void | Disposable>;
|
|
19
|
+
props: BehaviorSubject<TProps>;
|
|
18
20
|
active: boolean;
|
|
19
21
|
}
|
|
20
22
|
|
|
21
23
|
export function createConverter(_: NgConverterOptions = {}): NgConverter {
|
|
22
24
|
const registry = new Map<any, PrepareBootstrapResult>();
|
|
23
25
|
const convert = <TProps extends BaseComponentProps>(component: any): ForeignComponent<TProps> => ({
|
|
24
|
-
mount(el, props, ctx, locals: NgState) {
|
|
26
|
+
mount(el, props, ctx, locals: NgState<TProps>) {
|
|
25
27
|
locals.active = true;
|
|
26
28
|
|
|
27
29
|
if (!registry.has(component)) {
|
|
28
30
|
registry.set(component, prepareBootstrap(component, props.piral));
|
|
29
31
|
}
|
|
30
32
|
|
|
33
|
+
if (!locals.props) {
|
|
34
|
+
locals.props = new BehaviorSubject(props);
|
|
35
|
+
}
|
|
36
|
+
|
|
31
37
|
if (!locals.queued) {
|
|
32
38
|
locals.queued = Promise.resolve();
|
|
33
39
|
}
|
|
34
40
|
|
|
35
41
|
locals.queued = locals.queued.then(() =>
|
|
36
|
-
enqueue(() => locals.active && bootstrap(registry.get(component), el, props, ctx)),
|
|
42
|
+
enqueue(() => locals.active && bootstrap(registry.get(component), el, locals.props, ctx)),
|
|
37
43
|
);
|
|
38
44
|
},
|
|
39
|
-
|
|
45
|
+
update(el, props, ctx, locals: NgState<TProps>) {
|
|
46
|
+
locals.props.next(props);
|
|
47
|
+
},
|
|
48
|
+
unmount(el, locals: NgState<TProps>) {
|
|
40
49
|
locals.active = false;
|
|
41
50
|
locals.queued = locals.queued.then((dispose) => dispose && dispose());
|
|
42
51
|
},
|
package/src/module.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { PiletApi } from 'piral-core';
|
|
2
|
+
import type { BehaviorSubject } from 'rxjs';
|
|
2
3
|
import type { NgOptions, ModuleInstanceResult } from './types';
|
|
3
4
|
import * as ngCore from '@angular/core';
|
|
4
5
|
import { BrowserModule } from '@angular/platform-browser';
|
|
@@ -29,10 +30,10 @@ const availableModules: Array<ModuleDefinition> = [];
|
|
|
29
30
|
function instantiateModule(moduleDef: ModuleDefinition, piral: PiletApi) {
|
|
30
31
|
const { module, components } = moduleDef;
|
|
31
32
|
const imports = [BrowserModule, SharedModule, module];
|
|
32
|
-
const props = { current: undefined };
|
|
33
|
+
const props = { current: undefined as BehaviorSubject<any> };
|
|
33
34
|
const providers = [
|
|
34
35
|
RoutingService,
|
|
35
|
-
{ provide: 'Props', useFactory: () => props.current, deps: [] },
|
|
36
|
+
{ provide: 'Props', useFactory: () => props.current.value, deps: [] },
|
|
36
37
|
{ provide: 'piral', useFactory: () => piral, deps: [] },
|
|
37
38
|
];
|
|
38
39
|
|
|
@@ -51,12 +52,22 @@ function instantiateModule(moduleDef: ModuleDefinition, piral: PiletApi) {
|
|
|
51
52
|
this.appRef = appRef;
|
|
52
53
|
}
|
|
53
54
|
|
|
54
|
-
attach(component: any, node: HTMLElement, $props: any) {
|
|
55
|
+
attach(component: any, node: HTMLElement, $props: BehaviorSubject<any>) {
|
|
55
56
|
const factory = this.resolver.resolveComponentFactory(component);
|
|
56
57
|
props.current = $props;
|
|
57
58
|
|
|
58
59
|
if (factory) {
|
|
59
60
|
const ref = this.zone.run(() => this.appRef.bootstrap<any>(factory, node));
|
|
61
|
+
const name = (ref.componentType as any)?.ɵcmp?.inputs?.Props;
|
|
62
|
+
|
|
63
|
+
if (typeof name === 'string') {
|
|
64
|
+
const sub = $props.subscribe((props) => {
|
|
65
|
+
ref.instance[name] = props;
|
|
66
|
+
ref.changeDetectorRef?.detectChanges();
|
|
67
|
+
});
|
|
68
|
+
ref.onDestroy(() => sub.unsubscribe());
|
|
69
|
+
}
|
|
70
|
+
|
|
60
71
|
this.refs.push([component, node, ref]);
|
|
61
72
|
}
|
|
62
73
|
}
|
|
@@ -131,6 +142,14 @@ export function getModuleInstance(component: any, piral: PiletApi): ModuleInstan
|
|
|
131
142
|
return [moduleDef.active, moduleDef.opts];
|
|
132
143
|
}
|
|
133
144
|
|
|
145
|
+
if (process.env.NODE_ENV === 'development') {
|
|
146
|
+
console.warn(
|
|
147
|
+
'Component not found in all defined Angular modules. Make sure to define (using `defineNgModule`) a module with your component(s) referenced in the exports section of the `@NgModule` decorator.',
|
|
148
|
+
component,
|
|
149
|
+
piral.meta,
|
|
150
|
+
);
|
|
151
|
+
}
|
|
152
|
+
|
|
134
153
|
return undefined;
|
|
135
154
|
}
|
|
136
155
|
|