piral-blazor 0.15.2 → 0.15.3-beta.4970
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/esm/converter.js +52 -24
- package/esm/converter.js.map +1 -1
- package/esm/interop.d.ts +3 -0
- package/esm/interop.js +33 -5
- package/esm/interop.js.map +1 -1
- package/esm/types.d.ts +14 -3
- package/lib/converter.js +51 -23
- package/lib/converter.js.map +1 -1
- package/lib/interop.d.ts +3 -0
- package/lib/interop.js +37 -6
- package/lib/interop.js.map +1 -1
- package/lib/types.d.ts +14 -3
- package/package.json +3 -3
- package/src/converter.ts +71 -32
- package/src/interop.ts +41 -5
- package/src/types.ts +14 -3
package/esm/converter.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { addGlobalEventListeners, attachEvents, removeGlobalEventListeners } from './events';
|
|
2
|
-
import { activate, deactivate, createBootLoader, reactivate, callNotifyLocationChanged } from './interop';
|
|
2
|
+
import { activate, deactivate, createBootLoader, reactivate, callNotifyLocationChanged, createElement, destroyElement, updateElement, } from './interop';
|
|
3
3
|
import bootConfig from '../infra.codegen';
|
|
4
4
|
const noop = () => { };
|
|
5
5
|
const mediaRules = [
|
|
@@ -32,16 +32,20 @@ export function createConverter(lazy) {
|
|
|
32
32
|
let loader = !lazy && boot();
|
|
33
33
|
let listener = undefined;
|
|
34
34
|
const enqueueChange = (locals, update) => {
|
|
35
|
-
if (
|
|
35
|
+
if (typeof update !== 'function') {
|
|
36
|
+
// nothing to do in this case
|
|
37
|
+
}
|
|
38
|
+
else if (locals.state === 'mounted') {
|
|
36
39
|
loader.then(update);
|
|
37
40
|
}
|
|
38
41
|
else {
|
|
39
|
-
locals.
|
|
42
|
+
locals.next = update;
|
|
40
43
|
}
|
|
41
44
|
};
|
|
42
45
|
const convert = (moduleName, dependency, args, options) => ({
|
|
43
46
|
mount(el, data, ctx, locals) {
|
|
44
47
|
const props = Object.assign(Object.assign({}, args), data);
|
|
48
|
+
const { piral } = data;
|
|
45
49
|
const nav = ctx.navigation;
|
|
46
50
|
el.setAttribute('data-blazor-pilet-root', 'true');
|
|
47
51
|
addGlobalEventListeners(el);
|
|
@@ -55,41 +59,65 @@ export function createConverter(lazy) {
|
|
|
55
59
|
});
|
|
56
60
|
}
|
|
57
61
|
locals.state = 'fresh';
|
|
58
|
-
locals.
|
|
59
|
-
locals.dispose = attachEvents(el, (ev) =>
|
|
62
|
+
locals.next = noop;
|
|
63
|
+
locals.dispose = attachEvents(el, (ev) => piral.renderHtmlExtension(ev.detail.target, ev.detail.props), (ev) => ev.detail.replace ? nav.replace(ev.detail.to, ev.detail.store) : nav.push(ev.detail.to, ev.detail.state));
|
|
64
|
+
function mountClassic(config) {
|
|
65
|
+
return activate(moduleName, props).then((refId) => {
|
|
66
|
+
const [root] = config;
|
|
67
|
+
const node = root.querySelector(`#${refId} > div`);
|
|
68
|
+
locals.unmount = () => {
|
|
69
|
+
var _a;
|
|
70
|
+
(_a = root.querySelector(`#${refId}`)) === null || _a === void 0 ? void 0 : _a.appendChild(node);
|
|
71
|
+
deactivate(moduleName, refId);
|
|
72
|
+
el.innerHTML = '';
|
|
73
|
+
};
|
|
74
|
+
locals.update = (props) => {
|
|
75
|
+
reactivate(moduleName, refId, props);
|
|
76
|
+
};
|
|
77
|
+
project(node, el, options);
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
function mountModern(_) {
|
|
81
|
+
return createElement(moduleName, props).then((refId) => {
|
|
82
|
+
const child = document.createElement('piral-blazor-component');
|
|
83
|
+
child.setAttribute('rid', refId);
|
|
84
|
+
el.appendChild(child);
|
|
85
|
+
locals.unmount = () => {
|
|
86
|
+
destroyElement(refId);
|
|
87
|
+
child.remove();
|
|
88
|
+
el.innerHTML = '';
|
|
89
|
+
};
|
|
90
|
+
locals.update = (props) => {
|
|
91
|
+
updateElement(refId, props);
|
|
92
|
+
};
|
|
93
|
+
});
|
|
94
|
+
}
|
|
60
95
|
(loader || (loader = boot()))
|
|
61
|
-
.then((config) => dependency(config)
|
|
62
|
-
.then(() => activate(moduleName, props))
|
|
63
|
-
.then((refId) => {
|
|
64
|
-
const [root] = config;
|
|
96
|
+
.then((config) => dependency(config).then(() => {
|
|
65
97
|
if (locals.state === 'fresh') {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
98
|
+
const [_, capabilities, applyChanges] = config;
|
|
99
|
+
const fn = capabilities.includes('custom-element') ? mountModern : mountClassic;
|
|
100
|
+
applyChanges(piral.meta);
|
|
101
|
+
return fn(config).then(() => {
|
|
102
|
+
locals.state = 'mounted';
|
|
103
|
+
locals.next(config);
|
|
104
|
+
locals.next = noop;
|
|
105
|
+
});
|
|
73
106
|
}
|
|
74
107
|
}))
|
|
75
108
|
.catch((err) => console.error(err));
|
|
76
109
|
},
|
|
77
110
|
update(el, data, ctx, locals) {
|
|
78
111
|
enqueueChange(locals, () => {
|
|
79
|
-
|
|
80
|
-
|
|
112
|
+
var _a;
|
|
113
|
+
(_a = locals.update) === null || _a === void 0 ? void 0 : _a.call(locals, Object.assign(Object.assign({}, args), data));
|
|
81
114
|
});
|
|
82
115
|
},
|
|
83
116
|
unmount(el, locals) {
|
|
84
117
|
removeGlobalEventListeners(el);
|
|
85
118
|
el.removeAttribute('data-blazor-pilet-root');
|
|
86
119
|
locals.dispose();
|
|
87
|
-
enqueueChange(locals,
|
|
88
|
-
var _a;
|
|
89
|
-
(_a = root.querySelector(`#${locals.id}`)) === null || _a === void 0 ? void 0 : _a.appendChild(locals.node);
|
|
90
|
-
deactivate(moduleName, locals.referenceId);
|
|
91
|
-
el.innerHTML = '';
|
|
92
|
-
});
|
|
120
|
+
enqueueChange(locals, locals.unmount);
|
|
93
121
|
locals.state = 'removed';
|
|
94
122
|
},
|
|
95
123
|
});
|
package/esm/converter.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAC7F,OAAO,
|
|
1
|
+
{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"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"}
|
package/esm/interop.d.ts
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import type { BlazorRootConfig } from './types';
|
|
2
|
+
export declare function createElement(moduleName: string, props: any): Promise<string>;
|
|
3
|
+
export declare function updateElement(referenceId: string, props: any): Promise<string>;
|
|
4
|
+
export declare function destroyElement(referenceId: string): Promise<string>;
|
|
2
5
|
export declare function activate(moduleName: string, props: any): Promise<string>;
|
|
3
6
|
export declare function reactivate(moduleName: string, referenceId: string, props: any): Promise<void>;
|
|
4
7
|
export declare function deactivate(moduleName: string, referenceId: string): Promise<void>;
|
package/esm/interop.js
CHANGED
|
@@ -23,6 +23,25 @@ function createBase() {
|
|
|
23
23
|
el.href = baseUrl;
|
|
24
24
|
return document.head.appendChild(el);
|
|
25
25
|
}
|
|
26
|
+
function prepareForStartup() {
|
|
27
|
+
const originalApplyHotReload = window.Blazor._internal.applyHotReload;
|
|
28
|
+
const queue = [];
|
|
29
|
+
const applyChanges = (pilet) => {
|
|
30
|
+
if (pilet.config && pilet.config.blazorHotReload) {
|
|
31
|
+
for (const item of queue.splice(0, queue.length)) {
|
|
32
|
+
item();
|
|
33
|
+
}
|
|
34
|
+
window.Blazor._internal.applyHotReload = originalApplyHotReload;
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
window.Blazor._internal.applyHotReload = function (...args) {
|
|
38
|
+
queue.push(() => originalApplyHotReload.apply(this, args));
|
|
39
|
+
};
|
|
40
|
+
return getCapabilities().then((capabilities) => ({
|
|
41
|
+
capabilities,
|
|
42
|
+
applyChanges,
|
|
43
|
+
}));
|
|
44
|
+
}
|
|
26
45
|
function createBlazorStarter(publicPath) {
|
|
27
46
|
const root = document.body.appendChild(document.createElement('div'));
|
|
28
47
|
root.style.display = 'none';
|
|
@@ -44,16 +63,16 @@ function createBlazorStarter(publicPath) {
|
|
|
44
63
|
};
|
|
45
64
|
navManager.getBaseURI = () => originalBase;
|
|
46
65
|
return window.Blazor.start()
|
|
47
|
-
.then(
|
|
48
|
-
.then((capabilities) => {
|
|
66
|
+
.then(prepareForStartup)
|
|
67
|
+
.then(({ capabilities, applyChanges }) => {
|
|
49
68
|
baseElement.href = originalBase;
|
|
50
|
-
return [root, capabilities];
|
|
69
|
+
return [root, capabilities, applyChanges];
|
|
51
70
|
});
|
|
52
71
|
};
|
|
53
72
|
}
|
|
54
73
|
return () => window.Blazor.start()
|
|
55
|
-
.then(
|
|
56
|
-
.then((capabilities) => [root, capabilities]);
|
|
74
|
+
.then(prepareForStartup)
|
|
75
|
+
.then(({ capabilities, applyChanges }) => [root, capabilities, applyChanges]);
|
|
57
76
|
}
|
|
58
77
|
function computePath() {
|
|
59
78
|
try {
|
|
@@ -76,6 +95,15 @@ function addScript(url) {
|
|
|
76
95
|
document.body.appendChild(script);
|
|
77
96
|
});
|
|
78
97
|
}
|
|
98
|
+
export function createElement(moduleName, props) {
|
|
99
|
+
return window.DotNet.invokeMethodAsync(coreLib, 'CreateElement', moduleName, props);
|
|
100
|
+
}
|
|
101
|
+
export function updateElement(referenceId, props) {
|
|
102
|
+
return window.DotNet.invokeMethodAsync(coreLib, 'UpdateElement', referenceId, props);
|
|
103
|
+
}
|
|
104
|
+
export function destroyElement(referenceId) {
|
|
105
|
+
return window.DotNet.invokeMethodAsync(coreLib, 'DestroyElement', referenceId);
|
|
106
|
+
}
|
|
79
107
|
export function activate(moduleName, props) {
|
|
80
108
|
return window.DotNet.invokeMethodAsync(coreLib, 'Activate', moduleName, props);
|
|
81
109
|
}
|
package/esm/interop.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interop.js","sourceRoot":"","sources":["../src/interop.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"interop.js","sourceRoot":"","sources":["../src/interop.ts"],"names":[],"mappings":"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"}
|
package/esm/types.d.ts
CHANGED
|
@@ -1,11 +1,22 @@
|
|
|
1
|
-
import type { ForeignComponent } from 'piral-core';
|
|
2
|
-
export declare type BlazorRootConfig = [
|
|
1
|
+
import type { ForeignComponent, PiletMetadata } from 'piral-core';
|
|
2
|
+
export declare type BlazorRootConfig = [
|
|
3
|
+
root: HTMLDivElement,
|
|
4
|
+
capabilities: Array<string>,
|
|
5
|
+
applyChanges: (pilet: PiletMetadata) => void
|
|
6
|
+
];
|
|
3
7
|
export interface BlazorDependencyLoader {
|
|
4
8
|
(config: BlazorRootConfig): Promise<void>;
|
|
5
9
|
}
|
|
6
10
|
declare global {
|
|
7
11
|
interface Window {
|
|
8
|
-
Blazor:
|
|
12
|
+
Blazor: {
|
|
13
|
+
start(): Promise<void>;
|
|
14
|
+
emitNavigateEvent(target: Element, path: string, replace?: boolean): void;
|
|
15
|
+
_internal: {
|
|
16
|
+
navigationManager: any;
|
|
17
|
+
applyHotReload: any;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
9
20
|
DotNet: any;
|
|
10
21
|
$blazorLoader: Promise<BlazorRootConfig>;
|
|
11
22
|
$blazorDependencies: Array<{
|
package/lib/converter.js
CHANGED
|
@@ -35,16 +35,20 @@ function createConverter(lazy) {
|
|
|
35
35
|
let loader = !lazy && boot();
|
|
36
36
|
let listener = undefined;
|
|
37
37
|
const enqueueChange = (locals, update) => {
|
|
38
|
-
if (
|
|
38
|
+
if (typeof update !== 'function') {
|
|
39
|
+
// nothing to do in this case
|
|
40
|
+
}
|
|
41
|
+
else if (locals.state === 'mounted') {
|
|
39
42
|
loader.then(update);
|
|
40
43
|
}
|
|
41
44
|
else {
|
|
42
|
-
locals.
|
|
45
|
+
locals.next = update;
|
|
43
46
|
}
|
|
44
47
|
};
|
|
45
48
|
const convert = (moduleName, dependency, args, options) => ({
|
|
46
49
|
mount(el, data, ctx, locals) {
|
|
47
50
|
const props = Object.assign(Object.assign({}, args), data);
|
|
51
|
+
const { piral } = data;
|
|
48
52
|
const nav = ctx.navigation;
|
|
49
53
|
el.setAttribute('data-blazor-pilet-root', 'true');
|
|
50
54
|
(0, events_1.addGlobalEventListeners)(el);
|
|
@@ -58,41 +62,65 @@ function createConverter(lazy) {
|
|
|
58
62
|
});
|
|
59
63
|
}
|
|
60
64
|
locals.state = 'fresh';
|
|
61
|
-
locals.
|
|
62
|
-
locals.dispose = (0, events_1.attachEvents)(el, (ev) =>
|
|
65
|
+
locals.next = noop;
|
|
66
|
+
locals.dispose = (0, events_1.attachEvents)(el, (ev) => piral.renderHtmlExtension(ev.detail.target, ev.detail.props), (ev) => ev.detail.replace ? nav.replace(ev.detail.to, ev.detail.store) : nav.push(ev.detail.to, ev.detail.state));
|
|
67
|
+
function mountClassic(config) {
|
|
68
|
+
return (0, interop_1.activate)(moduleName, props).then((refId) => {
|
|
69
|
+
const [root] = config;
|
|
70
|
+
const node = root.querySelector(`#${refId} > div`);
|
|
71
|
+
locals.unmount = () => {
|
|
72
|
+
var _a;
|
|
73
|
+
(_a = root.querySelector(`#${refId}`)) === null || _a === void 0 ? void 0 : _a.appendChild(node);
|
|
74
|
+
(0, interop_1.deactivate)(moduleName, refId);
|
|
75
|
+
el.innerHTML = '';
|
|
76
|
+
};
|
|
77
|
+
locals.update = (props) => {
|
|
78
|
+
(0, interop_1.reactivate)(moduleName, refId, props);
|
|
79
|
+
};
|
|
80
|
+
project(node, el, options);
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
function mountModern(_) {
|
|
84
|
+
return (0, interop_1.createElement)(moduleName, props).then((refId) => {
|
|
85
|
+
const child = document.createElement('piral-blazor-component');
|
|
86
|
+
child.setAttribute('rid', refId);
|
|
87
|
+
el.appendChild(child);
|
|
88
|
+
locals.unmount = () => {
|
|
89
|
+
(0, interop_1.destroyElement)(refId);
|
|
90
|
+
child.remove();
|
|
91
|
+
el.innerHTML = '';
|
|
92
|
+
};
|
|
93
|
+
locals.update = (props) => {
|
|
94
|
+
(0, interop_1.updateElement)(refId, props);
|
|
95
|
+
};
|
|
96
|
+
});
|
|
97
|
+
}
|
|
63
98
|
(loader || (loader = boot()))
|
|
64
|
-
.then((config) => dependency(config)
|
|
65
|
-
.then(() => (0, interop_1.activate)(moduleName, props))
|
|
66
|
-
.then((refId) => {
|
|
67
|
-
const [root] = config;
|
|
99
|
+
.then((config) => dependency(config).then(() => {
|
|
68
100
|
if (locals.state === 'fresh') {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
101
|
+
const [_, capabilities, applyChanges] = config;
|
|
102
|
+
const fn = capabilities.includes('custom-element') ? mountModern : mountClassic;
|
|
103
|
+
applyChanges(piral.meta);
|
|
104
|
+
return fn(config).then(() => {
|
|
105
|
+
locals.state = 'mounted';
|
|
106
|
+
locals.next(config);
|
|
107
|
+
locals.next = noop;
|
|
108
|
+
});
|
|
76
109
|
}
|
|
77
110
|
}))
|
|
78
111
|
.catch((err) => console.error(err));
|
|
79
112
|
},
|
|
80
113
|
update(el, data, ctx, locals) {
|
|
81
114
|
enqueueChange(locals, () => {
|
|
82
|
-
|
|
83
|
-
(0
|
|
115
|
+
var _a;
|
|
116
|
+
(_a = locals.update) === null || _a === void 0 ? void 0 : _a.call(locals, Object.assign(Object.assign({}, args), data));
|
|
84
117
|
});
|
|
85
118
|
},
|
|
86
119
|
unmount(el, locals) {
|
|
87
120
|
(0, events_1.removeGlobalEventListeners)(el);
|
|
88
121
|
el.removeAttribute('data-blazor-pilet-root');
|
|
89
122
|
locals.dispose();
|
|
90
|
-
enqueueChange(locals,
|
|
91
|
-
var _a;
|
|
92
|
-
(_a = root.querySelector(`#${locals.id}`)) === null || _a === void 0 ? void 0 : _a.appendChild(locals.node);
|
|
93
|
-
(0, interop_1.deactivate)(moduleName, locals.referenceId);
|
|
94
|
-
el.innerHTML = '';
|
|
95
|
-
});
|
|
123
|
+
enqueueChange(locals, locals.unmount);
|
|
96
124
|
locals.state = 'removed';
|
|
97
125
|
},
|
|
98
126
|
});
|
package/lib/converter.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AACA,qCAA6F;AAC7F,
|
|
1
|
+
{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"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"}
|
package/lib/interop.d.ts
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import type { BlazorRootConfig } from './types';
|
|
2
|
+
export declare function createElement(moduleName: string, props: any): Promise<string>;
|
|
3
|
+
export declare function updateElement(referenceId: string, props: any): Promise<string>;
|
|
4
|
+
export declare function destroyElement(referenceId: string): Promise<string>;
|
|
2
5
|
export declare function activate(moduleName: string, props: any): Promise<string>;
|
|
3
6
|
export declare function reactivate(moduleName: string, referenceId: string, props: any): Promise<void>;
|
|
4
7
|
export declare function deactivate(moduleName: string, referenceId: string): Promise<void>;
|
package/lib/interop.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.createBootLoader = exports.initialize = exports.unloadBlazorPilet = exports.loadBlazorPilet = exports.unloadResource = exports.loadResourceWithSymbol = exports.loadResource = exports.getCapabilities = exports.callNotifyLocationChanged = exports.deactivate = exports.reactivate = exports.activate = void 0;
|
|
3
|
+
exports.createBootLoader = exports.initialize = exports.unloadBlazorPilet = exports.loadBlazorPilet = exports.unloadResource = exports.loadResourceWithSymbol = exports.loadResource = exports.getCapabilities = exports.callNotifyLocationChanged = exports.deactivate = exports.reactivate = exports.activate = exports.destroyElement = exports.updateElement = exports.createElement = void 0;
|
|
4
4
|
const events_1 = require("./events");
|
|
5
5
|
const wasmLib = 'Microsoft.AspNetCore.Components.WebAssembly';
|
|
6
6
|
const coreLib = 'Piral.Blazor.Core';
|
|
@@ -26,6 +26,25 @@ function createBase() {
|
|
|
26
26
|
el.href = baseUrl;
|
|
27
27
|
return document.head.appendChild(el);
|
|
28
28
|
}
|
|
29
|
+
function prepareForStartup() {
|
|
30
|
+
const originalApplyHotReload = window.Blazor._internal.applyHotReload;
|
|
31
|
+
const queue = [];
|
|
32
|
+
const applyChanges = (pilet) => {
|
|
33
|
+
if (pilet.config && pilet.config.blazorHotReload) {
|
|
34
|
+
for (const item of queue.splice(0, queue.length)) {
|
|
35
|
+
item();
|
|
36
|
+
}
|
|
37
|
+
window.Blazor._internal.applyHotReload = originalApplyHotReload;
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
window.Blazor._internal.applyHotReload = function (...args) {
|
|
41
|
+
queue.push(() => originalApplyHotReload.apply(this, args));
|
|
42
|
+
};
|
|
43
|
+
return getCapabilities().then((capabilities) => ({
|
|
44
|
+
capabilities,
|
|
45
|
+
applyChanges,
|
|
46
|
+
}));
|
|
47
|
+
}
|
|
29
48
|
function createBlazorStarter(publicPath) {
|
|
30
49
|
const root = document.body.appendChild(document.createElement('div'));
|
|
31
50
|
root.style.display = 'none';
|
|
@@ -47,16 +66,16 @@ function createBlazorStarter(publicPath) {
|
|
|
47
66
|
};
|
|
48
67
|
navManager.getBaseURI = () => originalBase;
|
|
49
68
|
return window.Blazor.start()
|
|
50
|
-
.then(
|
|
51
|
-
.then((capabilities) => {
|
|
69
|
+
.then(prepareForStartup)
|
|
70
|
+
.then(({ capabilities, applyChanges }) => {
|
|
52
71
|
baseElement.href = originalBase;
|
|
53
|
-
return [root, capabilities];
|
|
72
|
+
return [root, capabilities, applyChanges];
|
|
54
73
|
});
|
|
55
74
|
};
|
|
56
75
|
}
|
|
57
76
|
return () => window.Blazor.start()
|
|
58
|
-
.then(
|
|
59
|
-
.then((capabilities) => [root, capabilities]);
|
|
77
|
+
.then(prepareForStartup)
|
|
78
|
+
.then(({ capabilities, applyChanges }) => [root, capabilities, applyChanges]);
|
|
60
79
|
}
|
|
61
80
|
function computePath() {
|
|
62
81
|
try {
|
|
@@ -79,6 +98,18 @@ function addScript(url) {
|
|
|
79
98
|
document.body.appendChild(script);
|
|
80
99
|
});
|
|
81
100
|
}
|
|
101
|
+
function createElement(moduleName, props) {
|
|
102
|
+
return window.DotNet.invokeMethodAsync(coreLib, 'CreateElement', moduleName, props);
|
|
103
|
+
}
|
|
104
|
+
exports.createElement = createElement;
|
|
105
|
+
function updateElement(referenceId, props) {
|
|
106
|
+
return window.DotNet.invokeMethodAsync(coreLib, 'UpdateElement', referenceId, props);
|
|
107
|
+
}
|
|
108
|
+
exports.updateElement = updateElement;
|
|
109
|
+
function destroyElement(referenceId) {
|
|
110
|
+
return window.DotNet.invokeMethodAsync(coreLib, 'DestroyElement', referenceId);
|
|
111
|
+
}
|
|
112
|
+
exports.destroyElement = destroyElement;
|
|
82
113
|
function activate(moduleName, props) {
|
|
83
114
|
return window.DotNet.invokeMethodAsync(coreLib, 'Activate', moduleName, props);
|
|
84
115
|
}
|
package/lib/interop.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interop.js","sourceRoot":"","sources":["../src/interop.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"interop.js","sourceRoot":"","sources":["../src/interop.ts"],"names":[],"mappings":"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"}
|
package/lib/types.d.ts
CHANGED
|
@@ -1,11 +1,22 @@
|
|
|
1
|
-
import type { ForeignComponent } from 'piral-core';
|
|
2
|
-
export declare type BlazorRootConfig = [
|
|
1
|
+
import type { ForeignComponent, PiletMetadata } from 'piral-core';
|
|
2
|
+
export declare type BlazorRootConfig = [
|
|
3
|
+
root: HTMLDivElement,
|
|
4
|
+
capabilities: Array<string>,
|
|
5
|
+
applyChanges: (pilet: PiletMetadata) => void
|
|
6
|
+
];
|
|
3
7
|
export interface BlazorDependencyLoader {
|
|
4
8
|
(config: BlazorRootConfig): Promise<void>;
|
|
5
9
|
}
|
|
6
10
|
declare global {
|
|
7
11
|
interface Window {
|
|
8
|
-
Blazor:
|
|
12
|
+
Blazor: {
|
|
13
|
+
start(): Promise<void>;
|
|
14
|
+
emitNavigateEvent(target: Element, path: string, replace?: boolean): void;
|
|
15
|
+
_internal: {
|
|
16
|
+
navigationManager: any;
|
|
17
|
+
applyHotReload: any;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
9
20
|
DotNet: any;
|
|
10
21
|
$blazorLoader: Promise<BlazorRootConfig>;
|
|
11
22
|
$blazorDependencies: Array<{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "piral-blazor",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.3-beta.4970",
|
|
4
4
|
"description": "Plugin for integrating Blazor components in Piral.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"piral",
|
|
@@ -67,10 +67,10 @@
|
|
|
67
67
|
"test": "echo \"Error: run tests from root\" && exit 1"
|
|
68
68
|
},
|
|
69
69
|
"devDependencies": {
|
|
70
|
-
"piral-core": "
|
|
70
|
+
"piral-core": "0.15.3-beta.4970"
|
|
71
71
|
},
|
|
72
72
|
"peerDependencies": {
|
|
73
73
|
"blazor": "*"
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "f82139bec739a47bf7e7194c5e075e14e6064a8d"
|
|
76
76
|
}
|
package/src/converter.ts
CHANGED
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
import type { BaseComponentProps, Disposable, ForeignComponent } from 'piral-core';
|
|
2
2
|
import { addGlobalEventListeners, attachEvents, removeGlobalEventListeners } from './events';
|
|
3
|
-
import {
|
|
3
|
+
import {
|
|
4
|
+
activate,
|
|
5
|
+
deactivate,
|
|
6
|
+
createBootLoader,
|
|
7
|
+
reactivate,
|
|
8
|
+
callNotifyLocationChanged,
|
|
9
|
+
createElement,
|
|
10
|
+
destroyElement,
|
|
11
|
+
updateElement,
|
|
12
|
+
} from './interop';
|
|
4
13
|
import { BlazorDependencyLoader, BlazorOptions, BlazorRootConfig } from './types';
|
|
5
14
|
import bootConfig from '../infra.codegen';
|
|
6
15
|
|
|
@@ -40,11 +49,10 @@ function makeUrl(href: string) {
|
|
|
40
49
|
}
|
|
41
50
|
|
|
42
51
|
interface BlazorLocals {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
node: HTMLElement;
|
|
52
|
+
unmount?(): void;
|
|
53
|
+
update?(props: any): void;
|
|
46
54
|
dispose(): void;
|
|
47
|
-
|
|
55
|
+
next(config: BlazorRootConfig): void;
|
|
48
56
|
state: 'fresh' | 'mounted' | 'removed';
|
|
49
57
|
}
|
|
50
58
|
|
|
@@ -54,10 +62,12 @@ export function createConverter(lazy: boolean) {
|
|
|
54
62
|
let listener: Disposable = undefined;
|
|
55
63
|
|
|
56
64
|
const enqueueChange = (locals: BlazorLocals, update: (root: BlazorRootConfig) => void) => {
|
|
57
|
-
if (
|
|
65
|
+
if (typeof update !== 'function') {
|
|
66
|
+
// nothing to do in this case
|
|
67
|
+
} else if (locals.state === 'mounted') {
|
|
58
68
|
loader.then(update);
|
|
59
69
|
} else {
|
|
60
|
-
locals.
|
|
70
|
+
locals.next = update;
|
|
61
71
|
}
|
|
62
72
|
};
|
|
63
73
|
|
|
@@ -69,6 +79,7 @@ export function createConverter(lazy: boolean) {
|
|
|
69
79
|
): ForeignComponent<TProps> => ({
|
|
70
80
|
mount(el, data, ctx, locals: BlazorLocals) {
|
|
71
81
|
const props = { ...args, ...data };
|
|
82
|
+
const { piral } = data;
|
|
72
83
|
const nav = ctx.navigation;
|
|
73
84
|
el.setAttribute('data-blazor-pilet-root', 'true');
|
|
74
85
|
|
|
@@ -85,51 +96,79 @@ export function createConverter(lazy: boolean) {
|
|
|
85
96
|
}
|
|
86
97
|
|
|
87
98
|
locals.state = 'fresh';
|
|
88
|
-
locals.
|
|
99
|
+
locals.next = noop;
|
|
89
100
|
locals.dispose = attachEvents(
|
|
90
101
|
el,
|
|
91
|
-
(ev) =>
|
|
102
|
+
(ev) => piral.renderHtmlExtension(ev.detail.target, ev.detail.props),
|
|
92
103
|
(ev) =>
|
|
93
104
|
ev.detail.replace ? nav.replace(ev.detail.to, ev.detail.store) : nav.push(ev.detail.to, ev.detail.state),
|
|
94
105
|
);
|
|
95
106
|
|
|
107
|
+
function mountClassic(config: BlazorRootConfig) {
|
|
108
|
+
return activate(moduleName, props).then((refId) => {
|
|
109
|
+
const [root] = config;
|
|
110
|
+
const node = root.querySelector(`#${refId} > div`);
|
|
111
|
+
|
|
112
|
+
locals.unmount = () => {
|
|
113
|
+
root.querySelector(`#${refId}`)?.appendChild(node);
|
|
114
|
+
deactivate(moduleName, refId);
|
|
115
|
+
el.innerHTML = '';
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
locals.update = (props) => {
|
|
119
|
+
reactivate(moduleName, refId, props);
|
|
120
|
+
};
|
|
121
|
+
|
|
122
|
+
project(node, el, options);
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
function mountModern(_: BlazorRootConfig) {
|
|
127
|
+
return createElement(moduleName, props).then((refId) => {
|
|
128
|
+
const child = document.createElement('piral-blazor-component');
|
|
129
|
+
child.setAttribute('rid', refId);
|
|
130
|
+
el.appendChild(child);
|
|
131
|
+
|
|
132
|
+
locals.unmount = () => {
|
|
133
|
+
destroyElement(refId);
|
|
134
|
+
child.remove();
|
|
135
|
+
el.innerHTML = '';
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
locals.update = (props) => {
|
|
139
|
+
updateElement(refId, props);
|
|
140
|
+
};
|
|
141
|
+
});
|
|
142
|
+
}
|
|
143
|
+
|
|
96
144
|
(loader || (loader = boot()))
|
|
97
145
|
.then((config) =>
|
|
98
|
-
dependency(config)
|
|
99
|
-
.
|
|
100
|
-
|
|
101
|
-
const
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
locals.node = root.querySelector(`#${locals.id} > div`);
|
|
106
|
-
project(locals.node, el, options);
|
|
146
|
+
dependency(config).then(() => {
|
|
147
|
+
if (locals.state === 'fresh') {
|
|
148
|
+
const [_, capabilities, applyChanges] = config;
|
|
149
|
+
const fn = capabilities.includes('custom-element') ? mountModern : mountClassic;
|
|
150
|
+
applyChanges(piral.meta);
|
|
151
|
+
|
|
152
|
+
return fn(config).then(() => {
|
|
107
153
|
locals.state = 'mounted';
|
|
108
|
-
locals.
|
|
109
|
-
locals.
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
154
|
+
locals.next(config);
|
|
155
|
+
locals.next = noop;
|
|
156
|
+
});
|
|
157
|
+
}
|
|
158
|
+
}),
|
|
113
159
|
)
|
|
114
160
|
.catch((err) => console.error(err));
|
|
115
161
|
},
|
|
116
162
|
update(el, data, ctx, locals: BlazorLocals) {
|
|
117
163
|
enqueueChange(locals, () => {
|
|
118
|
-
|
|
119
|
-
reactivate(moduleName, locals.referenceId, props);
|
|
164
|
+
locals.update?.({ ...args, ...data });
|
|
120
165
|
});
|
|
121
166
|
},
|
|
122
167
|
unmount(el, locals: BlazorLocals) {
|
|
123
168
|
removeGlobalEventListeners(el);
|
|
124
169
|
el.removeAttribute('data-blazor-pilet-root');
|
|
125
170
|
locals.dispose();
|
|
126
|
-
|
|
127
|
-
enqueueChange(locals, ([root]) => {
|
|
128
|
-
root.querySelector(`#${locals.id}`)?.appendChild(locals.node);
|
|
129
|
-
deactivate(moduleName, locals.referenceId);
|
|
130
|
-
el.innerHTML = '';
|
|
131
|
-
});
|
|
132
|
-
|
|
171
|
+
enqueueChange(locals, locals.unmount);
|
|
133
172
|
locals.state = 'removed';
|
|
134
173
|
},
|
|
135
174
|
});
|
package/src/interop.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { PiletMetadata } from 'piral-core';
|
|
1
2
|
import { emitRenderEvent, emitNavigateEvent } from './events';
|
|
2
3
|
import type { BlazorRootConfig } from './types';
|
|
3
4
|
|
|
@@ -31,6 +32,29 @@ function createBase() {
|
|
|
31
32
|
return document.head.appendChild(el);
|
|
32
33
|
}
|
|
33
34
|
|
|
35
|
+
function prepareForStartup() {
|
|
36
|
+
const originalApplyHotReload = window.Blazor._internal.applyHotReload;
|
|
37
|
+
const queue = [];
|
|
38
|
+
const applyChanges = (pilet: PiletMetadata) => {
|
|
39
|
+
if (pilet.config && pilet.config.blazorHotReload) {
|
|
40
|
+
for (const item of queue.splice(0, queue.length)) {
|
|
41
|
+
item();
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
window.Blazor._internal.applyHotReload = originalApplyHotReload;
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
window.Blazor._internal.applyHotReload = function (...args) {
|
|
49
|
+
queue.push(() => originalApplyHotReload.apply(this, args));
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
return getCapabilities().then((capabilities) => ({
|
|
53
|
+
capabilities,
|
|
54
|
+
applyChanges,
|
|
55
|
+
}));
|
|
56
|
+
}
|
|
57
|
+
|
|
34
58
|
function createBlazorStarter(publicPath: string): () => Promise<BlazorRootConfig> {
|
|
35
59
|
const root = document.body.appendChild(document.createElement('div'));
|
|
36
60
|
|
|
@@ -57,18 +81,18 @@ function createBlazorStarter(publicPath: string): () => Promise<BlazorRootConfig
|
|
|
57
81
|
navManager.getBaseURI = () => originalBase;
|
|
58
82
|
|
|
59
83
|
return window.Blazor.start()
|
|
60
|
-
.then(
|
|
61
|
-
.then((capabilities) => {
|
|
84
|
+
.then(prepareForStartup)
|
|
85
|
+
.then(({ capabilities, applyChanges }) => {
|
|
62
86
|
baseElement.href = originalBase;
|
|
63
|
-
return [root, capabilities];
|
|
87
|
+
return [root, capabilities, applyChanges];
|
|
64
88
|
});
|
|
65
89
|
};
|
|
66
90
|
}
|
|
67
91
|
|
|
68
92
|
return () =>
|
|
69
93
|
window.Blazor.start()
|
|
70
|
-
.then(
|
|
71
|
-
.then((capabilities) => [root, capabilities]);
|
|
94
|
+
.then(prepareForStartup)
|
|
95
|
+
.then(({ capabilities, applyChanges }) => [root, capabilities, applyChanges]);
|
|
72
96
|
}
|
|
73
97
|
|
|
74
98
|
function computePath() {
|
|
@@ -94,6 +118,18 @@ function addScript(url: string) {
|
|
|
94
118
|
});
|
|
95
119
|
}
|
|
96
120
|
|
|
121
|
+
export function createElement(moduleName: string, props: any): Promise<string> {
|
|
122
|
+
return window.DotNet.invokeMethodAsync(coreLib, 'CreateElement', moduleName, props);
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
export function updateElement(referenceId: string, props: any): Promise<string> {
|
|
126
|
+
return window.DotNet.invokeMethodAsync(coreLib, 'UpdateElement', referenceId, props);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
export function destroyElement(referenceId: string): Promise<string> {
|
|
130
|
+
return window.DotNet.invokeMethodAsync(coreLib, 'DestroyElement', referenceId);
|
|
131
|
+
}
|
|
132
|
+
|
|
97
133
|
export function activate(moduleName: string, props: any): Promise<string> {
|
|
98
134
|
return window.DotNet.invokeMethodAsync(coreLib, 'Activate', moduleName, props);
|
|
99
135
|
}
|
package/src/types.ts
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
import type { ForeignComponent } from 'piral-core';
|
|
1
|
+
import type { ForeignComponent, PiletMetadata } from 'piral-core';
|
|
2
2
|
|
|
3
|
-
export type BlazorRootConfig = [
|
|
3
|
+
export type BlazorRootConfig = [
|
|
4
|
+
root: HTMLDivElement,
|
|
5
|
+
capabilities: Array<string>,
|
|
6
|
+
applyChanges: (pilet: PiletMetadata) => void,
|
|
7
|
+
];
|
|
4
8
|
|
|
5
9
|
export interface BlazorDependencyLoader {
|
|
6
10
|
(config: BlazorRootConfig): Promise<void>;
|
|
@@ -8,7 +12,14 @@ export interface BlazorDependencyLoader {
|
|
|
8
12
|
|
|
9
13
|
declare global {
|
|
10
14
|
interface Window {
|
|
11
|
-
Blazor:
|
|
15
|
+
Blazor: {
|
|
16
|
+
start(): Promise<void>;
|
|
17
|
+
emitNavigateEvent(target: Element, path: string, replace?: boolean): void;
|
|
18
|
+
_internal: {
|
|
19
|
+
navigationManager: any;
|
|
20
|
+
applyHotReload: any;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
12
23
|
DotNet: any;
|
|
13
24
|
$blazorLoader: Promise<BlazorRootConfig>;
|
|
14
25
|
$blazorDependencies: Array<{
|