@next-core/runtime 1.31.1 → 1.31.2
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/dist/cjs/internal/RendererContext.js +92 -123
- package/dist/cjs/internal/RendererContext.js.map +1 -1
- package/dist/cjs/internal/Router.js +68 -110
- package/dist/cjs/internal/Router.js.map +1 -1
- package/dist/cjs/internal/Runtime.js +13 -19
- package/dist/cjs/internal/Runtime.js.map +1 -1
- package/dist/esm/CustomProcessors.js +6 -8
- package/dist/esm/CustomProcessors.js.map +1 -1
- package/dist/esm/CustomTemplates.js +6 -8
- package/dist/esm/CustomTemplates.js.map +1 -1
- package/dist/esm/internal/RendererContext.js +92 -123
- package/dist/esm/internal/RendererContext.js.map +1 -1
- package/dist/esm/internal/Router.js +76 -118
- package/dist/esm/internal/Router.js.map +1 -1
- package/dist/esm/internal/Runtime.js +13 -19
- package/dist/esm/internal/Runtime.js.map +1 -1
- package/dist/types/tsdoc-metadata.json +1 -1
- package/package.json +13 -13
|
@@ -8,9 +8,6 @@ exports.RendererContext = void 0;
|
|
|
8
8
|
var _classPrivateMethodInitSpec2 = _interopRequireDefault(require("@babel/runtime/helpers/classPrivateMethodInitSpec"));
|
|
9
9
|
var _classPrivateFieldInitSpec2 = _interopRequireDefault(require("@babel/runtime/helpers/classPrivateFieldInitSpec"));
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
var _classPrivateMethodGet2 = _interopRequireDefault(require("@babel/runtime/helpers/classPrivateMethodGet"));
|
|
12
|
-
var _classPrivateFieldGet4 = _interopRequireDefault(require("@babel/runtime/helpers/classPrivateFieldGet"));
|
|
13
|
-
var _classPrivateFieldSet2 = _interopRequireDefault(require("@babel/runtime/helpers/classPrivateFieldSet"));
|
|
14
11
|
var _lodash = require("lodash");
|
|
15
12
|
var _bindListeners = require("./bindListeners.js");
|
|
16
13
|
var _history = require("../history.js");
|
|
@@ -20,6 +17,9 @@ var _mount = require("./mount.js");
|
|
|
20
17
|
var _enums = require("./enums.js");
|
|
21
18
|
var _bindTemplateProxy = require("./CustomTemplates/bindTemplateProxy.js");
|
|
22
19
|
var _Runtime = require("./Runtime.js");
|
|
20
|
+
function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
|
|
21
|
+
function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
|
|
22
|
+
function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
|
|
23
23
|
const commonLifeCycles = ["onMount", "onUnmount", "onMediaChange", "onScrollIntoView", "onMessage", "onMessageClose"];
|
|
24
24
|
const pageOnlyLifeCycles = ["onBeforePageLoad", "onPageLoad", "onPageLeave", "onBeforePageLeave", "onAnchorLoad", "onAnchorUnload"];
|
|
25
25
|
var _routeHelper = /*#__PURE__*/new WeakMap();
|
|
@@ -31,18 +31,11 @@ var _memoized = /*#__PURE__*/new WeakMap();
|
|
|
31
31
|
var _allMenuRequests = /*#__PURE__*/new WeakMap();
|
|
32
32
|
var _memoizedMenuRequestMap = /*#__PURE__*/new WeakMap();
|
|
33
33
|
var _locationChangeCallbacks = /*#__PURE__*/new WeakMap();
|
|
34
|
-
var
|
|
35
|
-
var _initializeRerenderBricks = /*#__PURE__*/new WeakSet();
|
|
36
|
-
var _dispatchGeneralLifeCycle = /*#__PURE__*/new WeakSet();
|
|
37
|
-
var _addObserver = /*#__PURE__*/new WeakSet();
|
|
34
|
+
var _RendererContext_brand = /*#__PURE__*/new WeakSet();
|
|
38
35
|
class RendererContext {
|
|
39
36
|
constructor(scope, options) {
|
|
40
37
|
var _options$unknownBrick;
|
|
41
|
-
(0, _classPrivateMethodInitSpec2.default)(this,
|
|
42
|
-
// Note: no `onScrollIntoView` and `onMessage`
|
|
43
|
-
(0, _classPrivateMethodInitSpec2.default)(this, _dispatchGeneralLifeCycle);
|
|
44
|
-
(0, _classPrivateMethodInitSpec2.default)(this, _initializeRerenderBricks);
|
|
45
|
-
(0, _classPrivateMethodInitSpec2.default)(this, _unmountBricks);
|
|
38
|
+
(0, _classPrivateMethodInitSpec2.default)(this, _RendererContext_brand);
|
|
46
39
|
/**
|
|
47
40
|
* - page: render as whole page, triggering page life cycles.
|
|
48
41
|
* - fragment: render as fragment, not triggering page life cycles.
|
|
@@ -50,68 +43,41 @@ class RendererContext {
|
|
|
50
43
|
(0, _defineProperty2.default)(this, "scope", void 0);
|
|
51
44
|
(0, _defineProperty2.default)(this, "unknownBricks", void 0);
|
|
52
45
|
(0, _defineProperty2.default)(this, "renderId", void 0);
|
|
53
|
-
(0, _classPrivateFieldInitSpec2.default)(this, _routeHelper,
|
|
54
|
-
writable: true,
|
|
55
|
-
value: void 0
|
|
56
|
-
});
|
|
46
|
+
(0, _classPrivateFieldInitSpec2.default)(this, _routeHelper, void 0);
|
|
57
47
|
(0, _classPrivateFieldInitSpec2.default)(this, _memoizedLifeCycle, {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
onMessage: [],
|
|
71
|
-
onMessageClose: []
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
(0, _classPrivateFieldInitSpec2.default)(this, _observers, {
|
|
75
|
-
writable: true,
|
|
76
|
-
value: new Map()
|
|
77
|
-
});
|
|
78
|
-
(0, _classPrivateFieldInitSpec2.default)(this, _mediaListener, {
|
|
79
|
-
writable: true,
|
|
80
|
-
value: void 0
|
|
81
|
-
});
|
|
82
|
-
(0, _classPrivateFieldInitSpec2.default)(this, _arbitraryLifeCycle, {
|
|
83
|
-
writable: true,
|
|
84
|
-
value: new Map()
|
|
85
|
-
});
|
|
86
|
-
(0, _classPrivateFieldInitSpec2.default)(this, _memoized, {
|
|
87
|
-
writable: true,
|
|
88
|
-
value: void 0
|
|
89
|
-
});
|
|
90
|
-
(0, _classPrivateFieldInitSpec2.default)(this, _allMenuRequests, {
|
|
91
|
-
writable: true,
|
|
92
|
-
value: void 0
|
|
93
|
-
});
|
|
94
|
-
(0, _classPrivateFieldInitSpec2.default)(this, _memoizedMenuRequestMap, {
|
|
95
|
-
writable: true,
|
|
96
|
-
value: void 0
|
|
97
|
-
});
|
|
98
|
-
(0, _classPrivateFieldInitSpec2.default)(this, _locationChangeCallbacks, {
|
|
99
|
-
writable: true,
|
|
100
|
-
value: []
|
|
48
|
+
onBeforePageLoad: [],
|
|
49
|
+
onPageLoad: [],
|
|
50
|
+
onPageLeave: [],
|
|
51
|
+
onBeforePageLeave: [],
|
|
52
|
+
onAnchorLoad: [],
|
|
53
|
+
onAnchorUnload: [],
|
|
54
|
+
onMediaChange: [],
|
|
55
|
+
onScrollIntoView: [],
|
|
56
|
+
onMount: [],
|
|
57
|
+
onUnmount: [],
|
|
58
|
+
onMessage: [],
|
|
59
|
+
onMessageClose: []
|
|
101
60
|
});
|
|
61
|
+
(0, _classPrivateFieldInitSpec2.default)(this, _observers, new Map());
|
|
62
|
+
(0, _classPrivateFieldInitSpec2.default)(this, _mediaListener, void 0);
|
|
63
|
+
(0, _classPrivateFieldInitSpec2.default)(this, _arbitraryLifeCycle, new Map());
|
|
64
|
+
(0, _classPrivateFieldInitSpec2.default)(this, _memoized, void 0);
|
|
65
|
+
(0, _classPrivateFieldInitSpec2.default)(this, _allMenuRequests, void 0);
|
|
66
|
+
(0, _classPrivateFieldInitSpec2.default)(this, _memoizedMenuRequestMap, void 0);
|
|
67
|
+
(0, _classPrivateFieldInitSpec2.default)(this, _locationChangeCallbacks, []);
|
|
102
68
|
this.scope = scope;
|
|
103
69
|
this.unknownBricks = (_options$unknownBrick = options === null || options === void 0 ? void 0 : options.unknownBricks) !== null && _options$unknownBrick !== void 0 ? _options$unknownBrick : "throw";
|
|
104
|
-
(
|
|
70
|
+
_classPrivateFieldSet(_routeHelper, this, options === null || options === void 0 ? void 0 : options.routeHelper);
|
|
105
71
|
this.renderId = options === null || options === void 0 ? void 0 : options.renderId;
|
|
106
72
|
}
|
|
107
73
|
setInitialMenuRequests(menuRequests) {
|
|
108
|
-
(
|
|
74
|
+
_classPrivateFieldSet(_allMenuRequests, this, menuRequests);
|
|
109
75
|
}
|
|
110
76
|
memoizeMenuRequests(route, menuRequests) {
|
|
111
|
-
if (!(
|
|
112
|
-
(
|
|
77
|
+
if (!_classPrivateFieldGet(_memoizedMenuRequestMap, this)) {
|
|
78
|
+
_classPrivateFieldSet(_memoizedMenuRequestMap, this, new WeakMap());
|
|
113
79
|
}
|
|
114
|
-
(
|
|
80
|
+
_classPrivateFieldGet(_memoizedMenuRequestMap, this).set(route, menuRequests[0]);
|
|
115
81
|
}
|
|
116
82
|
async reMergeMenuRequests(routes, currentRoute, menuRequests) {
|
|
117
83
|
let previousMenuRequest;
|
|
@@ -120,13 +86,13 @@ class RendererContext {
|
|
|
120
86
|
var _classPrivateFieldGet2;
|
|
121
87
|
// If the sub-routes doesn't match, then `this.memoizeMenuRequests` will
|
|
122
88
|
// not be called, thus `this.#memoizedMenuRequestMap` is not set.
|
|
123
|
-
previousMenuRequest = (_classPrivateFieldGet2 = (
|
|
89
|
+
previousMenuRequest = (_classPrivateFieldGet2 = _classPrivateFieldGet(_memoizedMenuRequestMap, this)) === null || _classPrivateFieldGet2 === void 0 ? void 0 : _classPrivateFieldGet2.get(route);
|
|
124
90
|
if (previousMenuRequest) {
|
|
125
91
|
previousRoute = route;
|
|
126
92
|
break;
|
|
127
93
|
}
|
|
128
94
|
}
|
|
129
|
-
const mergedMenuRequests = (
|
|
95
|
+
const mergedMenuRequests = _classPrivateFieldGet(_allMenuRequests, this);
|
|
130
96
|
const previousIndex = previousMenuRequest ? mergedMenuRequests.indexOf(previousMenuRequest) : -1;
|
|
131
97
|
if (previousIndex === -1) {
|
|
132
98
|
if (!menuRequests.length) {
|
|
@@ -138,21 +104,21 @@ class RendererContext {
|
|
|
138
104
|
}
|
|
139
105
|
if (previousRoute && previousRoute !== currentRoute) {
|
|
140
106
|
var _classPrivateFieldGet3;
|
|
141
|
-
(_classPrivateFieldGet3 = (
|
|
107
|
+
(_classPrivateFieldGet3 = _classPrivateFieldGet(_memoizedMenuRequestMap, this)) === null || _classPrivateFieldGet3 === void 0 || _classPrivateFieldGet3.delete(previousRoute);
|
|
142
108
|
}
|
|
143
|
-
await (
|
|
109
|
+
await _classPrivateFieldGet(_routeHelper, this).mergeMenus(mergedMenuRequests);
|
|
144
110
|
}
|
|
145
111
|
reBailout(output) {
|
|
146
|
-
return (
|
|
112
|
+
return _classPrivateFieldGet(_routeHelper, this).bailout(output);
|
|
147
113
|
}
|
|
148
114
|
reCatch(error, returnNode) {
|
|
149
|
-
return (
|
|
115
|
+
return _classPrivateFieldGet(_routeHelper, this).catch(error, returnNode);
|
|
150
116
|
}
|
|
151
117
|
async didPerformIncrementalRender(location, prevLocation) {
|
|
152
118
|
// Perform incremental rendering from inside out.
|
|
153
119
|
// This allows nested incremental sub-routes.
|
|
154
|
-
for (let i = (
|
|
155
|
-
const callback = (
|
|
120
|
+
for (let i = _classPrivateFieldGet(_locationChangeCallbacks, this).length - 1; i >= 0; i--) {
|
|
121
|
+
const callback = _classPrivateFieldGet(_locationChangeCallbacks, this)[i];
|
|
156
122
|
if (await callback(location, prevLocation)) {
|
|
157
123
|
return true;
|
|
158
124
|
}
|
|
@@ -165,7 +131,7 @@ class RendererContext {
|
|
|
165
131
|
* ignore normal rendering.
|
|
166
132
|
*/
|
|
167
133
|
performIncrementalRender(callback) {
|
|
168
|
-
(
|
|
134
|
+
_classPrivateFieldGet(_locationChangeCallbacks, this).push(callback);
|
|
169
135
|
}
|
|
170
136
|
registerBrickLifeCycle(brick, lifeCycle) {
|
|
171
137
|
if (!lifeCycle) {
|
|
@@ -175,7 +141,7 @@ class RendererContext {
|
|
|
175
141
|
for (const key of lifeCycleTypes) {
|
|
176
142
|
const handlers = lifeCycle[key];
|
|
177
143
|
if (handlers) {
|
|
178
|
-
(
|
|
144
|
+
_classPrivateFieldGet(_memoizedLifeCycle, this)[key].push({
|
|
179
145
|
brick,
|
|
180
146
|
handlers: handlers
|
|
181
147
|
});
|
|
@@ -188,22 +154,22 @@ class RendererContext {
|
|
|
188
154
|
}
|
|
189
155
|
}
|
|
190
156
|
registerArbitraryLifeCycle(lifeCycle, fn) {
|
|
191
|
-
const arbitraryCallbacks = (
|
|
157
|
+
const arbitraryCallbacks = _classPrivateFieldGet(_arbitraryLifeCycle, this).get(lifeCycle);
|
|
192
158
|
if (arbitraryCallbacks) {
|
|
193
159
|
arbitraryCallbacks.add(fn);
|
|
194
160
|
} else {
|
|
195
|
-
(
|
|
161
|
+
_classPrivateFieldGet(_arbitraryLifeCycle, this).set(lifeCycle, new Set([fn]));
|
|
196
162
|
}
|
|
197
163
|
}
|
|
198
164
|
memoize(slotId, keyPath, node, returnNode) {
|
|
199
|
-
if (!(
|
|
200
|
-
(
|
|
165
|
+
if (!_classPrivateFieldGet(_memoized, this)) {
|
|
166
|
+
_classPrivateFieldSet(_memoized, this, new WeakMap());
|
|
201
167
|
}
|
|
202
168
|
const memKey = [slotId !== null && slotId !== void 0 ? slotId : "", ...keyPath].join(".");
|
|
203
|
-
let mem = (
|
|
169
|
+
let mem = _classPrivateFieldGet(_memoized, this).get(returnNode);
|
|
204
170
|
if (!mem) {
|
|
205
171
|
mem = new Map();
|
|
206
|
-
(
|
|
172
|
+
_classPrivateFieldGet(_memoized, this).set(returnNode, mem);
|
|
207
173
|
}
|
|
208
174
|
mem.set(memKey, {
|
|
209
175
|
node,
|
|
@@ -215,7 +181,7 @@ class RendererContext {
|
|
|
215
181
|
reRender(slotId, keyPath, node, returnNode) {
|
|
216
182
|
const memKey = [slotId !== null && slotId !== void 0 ? slotId : "", ...keyPath].join(".");
|
|
217
183
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
218
|
-
const memoized = (
|
|
184
|
+
const memoized = _classPrivateFieldGet(_memoized, this).get(returnNode).get(memKey);
|
|
219
185
|
const {
|
|
220
186
|
node: prevNode,
|
|
221
187
|
last: prevLast,
|
|
@@ -281,7 +247,7 @@ class RendererContext {
|
|
|
281
247
|
|
|
282
248
|
// Unmount previous bricks, including their descendants
|
|
283
249
|
const removeBricks = getBrickRange(prevNode, prevLast);
|
|
284
|
-
(
|
|
250
|
+
_assertClassBrand(_RendererContext_brand, this, _unmountBricks).call(this, removeBricks);
|
|
285
251
|
(0, _mount.mountTree)(renderRoot);
|
|
286
252
|
|
|
287
253
|
// Connect back
|
|
@@ -330,83 +296,86 @@ class RendererContext {
|
|
|
330
296
|
portal.insertBefore(portalFragment, insertPortalBeforeChild);
|
|
331
297
|
}
|
|
332
298
|
const newBricks = getBrickRange(node, last);
|
|
333
|
-
(
|
|
299
|
+
_assertClassBrand(_RendererContext_brand, this, _initializeRerenderBricks).call(this, newBricks);
|
|
334
300
|
}
|
|
335
301
|
dispose() {
|
|
336
|
-
for (const list of Object.values((
|
|
302
|
+
for (const list of Object.values(_classPrivateFieldGet(_memoizedLifeCycle, this))) {
|
|
337
303
|
list.length = 0;
|
|
338
304
|
}
|
|
339
|
-
for (const list of (
|
|
305
|
+
for (const list of _classPrivateFieldGet(_observers, this).values()) {
|
|
340
306
|
for (const observer of list) {
|
|
341
307
|
observer.disconnect();
|
|
342
308
|
}
|
|
343
309
|
list.length = 0;
|
|
344
310
|
}
|
|
345
|
-
(
|
|
346
|
-
if ((
|
|
347
|
-
_mediaQuery.mediaEventTarget.removeEventListener("change", (
|
|
348
|
-
(
|
|
311
|
+
_classPrivateFieldGet(_observers, this).clear();
|
|
312
|
+
if (_classPrivateFieldGet(_mediaListener, this)) {
|
|
313
|
+
_mediaQuery.mediaEventTarget.removeEventListener("change", _classPrivateFieldGet(_mediaListener, this));
|
|
314
|
+
_classPrivateFieldSet(_mediaListener, this, undefined);
|
|
349
315
|
}
|
|
350
|
-
(
|
|
351
|
-
(
|
|
352
|
-
(
|
|
353
|
-
(
|
|
354
|
-
(
|
|
316
|
+
_classPrivateFieldSet(_memoized, this, undefined);
|
|
317
|
+
_classPrivateFieldSet(_allMenuRequests, this, undefined);
|
|
318
|
+
_classPrivateFieldSet(_memoizedMenuRequestMap, this, undefined);
|
|
319
|
+
_classPrivateFieldGet(_arbitraryLifeCycle, this).clear();
|
|
320
|
+
_classPrivateFieldGet(_locationChangeCallbacks, this).length = 0;
|
|
355
321
|
}
|
|
322
|
+
|
|
323
|
+
// Note: no `onScrollIntoView` and `onMessage`
|
|
324
|
+
|
|
356
325
|
dispatchBeforePageLoad() {
|
|
357
|
-
(
|
|
326
|
+
_assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onBeforePageLoad", new CustomEvent("page.beforeLoad"));
|
|
358
327
|
}
|
|
359
328
|
dispatchPageLoad() {
|
|
360
329
|
const event = new CustomEvent("page.load");
|
|
361
|
-
(
|
|
330
|
+
_assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onPageLoad", event);
|
|
362
331
|
// Currently only for e2e testing
|
|
363
332
|
window.dispatchEvent(event);
|
|
364
333
|
}
|
|
365
334
|
dispatchBeforePageLeave(detail) {
|
|
366
|
-
(
|
|
335
|
+
_assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onBeforePageLeave", new CustomEvent("page.beforeLeave", {
|
|
367
336
|
detail
|
|
368
337
|
}));
|
|
369
338
|
}
|
|
370
339
|
dispatchPageLeave() {
|
|
371
|
-
(
|
|
340
|
+
_assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onPageLeave", new CustomEvent("page.leave"));
|
|
372
341
|
}
|
|
373
342
|
dispatchAnchorLoad() {
|
|
374
343
|
const {
|
|
375
344
|
hash
|
|
376
345
|
} = (0, _history.getHistory)().location;
|
|
377
346
|
if (hash && hash !== "#") {
|
|
378
|
-
(
|
|
347
|
+
_assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onAnchorLoad", new CustomEvent("anchor.load", {
|
|
379
348
|
detail: {
|
|
380
349
|
hash,
|
|
381
350
|
anchor: hash.substring(1)
|
|
382
351
|
}
|
|
383
352
|
}));
|
|
384
353
|
} else {
|
|
385
|
-
(
|
|
354
|
+
_assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onAnchorUnload", new CustomEvent("anchor.unload"));
|
|
386
355
|
}
|
|
387
356
|
}
|
|
388
357
|
initializeScrollIntoView() {
|
|
389
358
|
for (const {
|
|
390
359
|
brick,
|
|
391
360
|
handlers: conf
|
|
392
|
-
} of (
|
|
393
|
-
(
|
|
361
|
+
} of _classPrivateFieldGet(_memoizedLifeCycle, this).onScrollIntoView) {
|
|
362
|
+
_assertClassBrand(_RendererContext_brand, this, _addObserver).call(this, brick, conf);
|
|
394
363
|
}
|
|
395
364
|
}
|
|
396
365
|
initializeMediaChange() {
|
|
397
|
-
(
|
|
398
|
-
(
|
|
366
|
+
_classPrivateFieldSet(_mediaListener, this, event => {
|
|
367
|
+
_assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onMediaChange", new CustomEvent("media.change", {
|
|
399
368
|
detail: (0, _proxyFactories.getReadOnlyProxy)(event.detail)
|
|
400
369
|
}));
|
|
401
370
|
});
|
|
402
|
-
_mediaQuery.mediaEventTarget.addEventListener("change", (
|
|
371
|
+
_mediaQuery.mediaEventTarget.addEventListener("change", _classPrivateFieldGet(_mediaListener, this));
|
|
403
372
|
}
|
|
404
373
|
initializeMessageDispatcher() {
|
|
405
374
|
var _hooks$messageDispatc2;
|
|
406
375
|
for (const {
|
|
407
376
|
brick,
|
|
408
377
|
handlers: confList
|
|
409
|
-
} of (
|
|
378
|
+
} of _classPrivateFieldGet(_memoizedLifeCycle, this).onMessage) {
|
|
410
379
|
for (const conf of [].concat(confList)) {
|
|
411
380
|
var _hooks$messageDispatc;
|
|
412
381
|
_Runtime.hooks === null || _Runtime.hooks === void 0 || (_hooks$messageDispatc = _Runtime.hooks.messageDispatcher) === null || _hooks$messageDispatc === void 0 || _hooks$messageDispatc.onMessage(conf.channel, detail => {
|
|
@@ -417,24 +386,24 @@ class RendererContext {
|
|
|
417
386
|
}
|
|
418
387
|
}
|
|
419
388
|
_Runtime.hooks === null || _Runtime.hooks === void 0 || (_hooks$messageDispatc2 = _Runtime.hooks.messageDispatcher) === null || _hooks$messageDispatc2 === void 0 || _hooks$messageDispatc2.onClose(() => {
|
|
420
|
-
(
|
|
389
|
+
_assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onMessageClose", new CustomEvent("message.close"));
|
|
421
390
|
});
|
|
422
391
|
}
|
|
423
392
|
dispatchOnMount() {
|
|
424
|
-
(
|
|
393
|
+
_assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onMount", new CustomEvent("mount"));
|
|
425
394
|
}
|
|
426
395
|
dispatchOnUnmount() {
|
|
427
|
-
(
|
|
396
|
+
_assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onUnmount", new CustomEvent("unmount"));
|
|
428
397
|
}
|
|
429
398
|
}
|
|
430
399
|
exports.RendererContext = RendererContext;
|
|
431
|
-
function
|
|
400
|
+
function _unmountBricks(bricks) {
|
|
432
401
|
const lifeCycleTypes = [...commonLifeCycles, ...(this.scope === "page" ? pageOnlyLifeCycles : [])];
|
|
433
402
|
const unmountList = [];
|
|
434
403
|
|
|
435
404
|
// Clear life cycle handlers, record `onUnmount` at the same time
|
|
436
405
|
for (const key of lifeCycleTypes) {
|
|
437
|
-
const removed = (0, _lodash.remove)((
|
|
406
|
+
const removed = (0, _lodash.remove)(_classPrivateFieldGet(_memoizedLifeCycle, this)[key], item => bricks.has(item.brick));
|
|
438
407
|
if (key === "onUnmount") {
|
|
439
408
|
unmountList.push(...removed);
|
|
440
409
|
}
|
|
@@ -443,13 +412,13 @@ function _unmountBricks2(bricks) {
|
|
|
443
412
|
// Clear intersection observers
|
|
444
413
|
for (const brick of bricks) {
|
|
445
414
|
var _brick$element, _brick$element2;
|
|
446
|
-
const observers = (
|
|
415
|
+
const observers = _classPrivateFieldGet(_observers, this).get(brick);
|
|
447
416
|
if (observers !== null && observers !== void 0 && observers.length) {
|
|
448
417
|
for (const observer of observers) {
|
|
449
418
|
observer.disconnect();
|
|
450
419
|
}
|
|
451
420
|
observers.length = 0;
|
|
452
|
-
(
|
|
421
|
+
_classPrivateFieldGet(_observers, this).delete(brick);
|
|
453
422
|
}
|
|
454
423
|
(0, _bindTemplateProxy.unbindTemplateProxy)(brick);
|
|
455
424
|
(_brick$element = brick.element) === null || _brick$element === void 0 || delete _brick$element.$$tplStateStore;
|
|
@@ -467,12 +436,12 @@ function _unmountBricks2(bricks) {
|
|
|
467
436
|
(0, _bindListeners.listenerFactory)(handlers, brick.runtimeContext, brick)(unmountEvent);
|
|
468
437
|
}
|
|
469
438
|
}
|
|
470
|
-
function
|
|
439
|
+
function _initializeRerenderBricks(bricks) {
|
|
471
440
|
const mountEvent = new CustomEvent("mount");
|
|
472
441
|
for (const {
|
|
473
442
|
brick,
|
|
474
443
|
handlers
|
|
475
|
-
} of (
|
|
444
|
+
} of _classPrivateFieldGet(_memoizedLifeCycle, this).onMount) {
|
|
476
445
|
if (bricks.has(brick)) {
|
|
477
446
|
(0, _bindListeners.listenerFactory)(handlers, brick.runtimeContext, brick)(mountEvent);
|
|
478
447
|
}
|
|
@@ -480,13 +449,13 @@ function _initializeRerenderBricks2(bricks) {
|
|
|
480
449
|
for (const {
|
|
481
450
|
brick,
|
|
482
451
|
handlers: conf
|
|
483
|
-
} of (
|
|
452
|
+
} of _classPrivateFieldGet(_memoizedLifeCycle, this).onScrollIntoView) {
|
|
484
453
|
if (bricks.has(brick)) {
|
|
485
|
-
(
|
|
454
|
+
_assertClassBrand(_RendererContext_brand, this, _addObserver).call(this, brick, conf);
|
|
486
455
|
}
|
|
487
456
|
}
|
|
488
457
|
}
|
|
489
|
-
function
|
|
458
|
+
function _dispatchGeneralLifeCycle(type, event) {
|
|
490
459
|
// istanbul ignore next
|
|
491
460
|
if (process.env.NODE_ENV === "development" && this.scope === "fragment" && pageOnlyLifeCycles.includes(type)) {
|
|
492
461
|
throw new Error(`\`lifeCycle.${type}\` cannot be used in ${this.scope}.\nThis is a bug of Brick Next, please report it.`);
|
|
@@ -494,17 +463,17 @@ function _dispatchGeneralLifeCycle2(type, event) {
|
|
|
494
463
|
for (const {
|
|
495
464
|
brick,
|
|
496
465
|
handlers
|
|
497
|
-
} of (
|
|
466
|
+
} of _classPrivateFieldGet(_memoizedLifeCycle, this)[type]) {
|
|
498
467
|
(0, _bindListeners.listenerFactory)(handlers, brick.runtimeContext, brick)(event);
|
|
499
468
|
}
|
|
500
|
-
const arbitraryCallbacks = (
|
|
469
|
+
const arbitraryCallbacks = _classPrivateFieldGet(_arbitraryLifeCycle, this).get(type);
|
|
501
470
|
if (arbitraryCallbacks) {
|
|
502
471
|
for (const fn of arbitraryCallbacks) {
|
|
503
472
|
fn();
|
|
504
473
|
}
|
|
505
474
|
}
|
|
506
475
|
}
|
|
507
|
-
function
|
|
476
|
+
function _addObserver(brick, conf) {
|
|
508
477
|
var _conf$threshold;
|
|
509
478
|
const threshold = (_conf$threshold = conf.threshold) !== null && _conf$threshold !== void 0 ? _conf$threshold : 0.1;
|
|
510
479
|
const observer = new IntersectionObserver((entries, observer) => {
|
|
@@ -520,10 +489,10 @@ function _addObserver2(brick, conf) {
|
|
|
520
489
|
threshold
|
|
521
490
|
});
|
|
522
491
|
observer.observe(brick.element);
|
|
523
|
-
let list = (
|
|
492
|
+
let list = _classPrivateFieldGet(_observers, this).get(brick);
|
|
524
493
|
if (!list) {
|
|
525
494
|
list = [];
|
|
526
|
-
(
|
|
495
|
+
_classPrivateFieldGet(_observers, this).set(brick, list);
|
|
527
496
|
}
|
|
528
497
|
list.push(observer);
|
|
529
498
|
}
|