react-virtuoso 2.2.6-beta.1 → 2.2.6-beta.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/List.d.ts +250 -52
- package/dist/__examples.cc6a8f9f.js +399 -9991
- package/dist/__examples.cc6a8f9f.js.map +1 -1
- package/dist/__examples.js +1 -1
- package/dist/align-to-bottom.7fcd2087.js +1 -206
- package/dist/alignToBottomSystem.d.ts +25 -5
- package/dist/auto-prepend-items.bd7e9b90.js +1 -206
- package/dist/benchmark.66d31485.js +1 -206
- package/dist/chat.d4f93b8b.js +1 -206
- package/dist/custom-components.5aeaa7ef.js +1 -206
- package/dist/custom-scroller.b0240d14.js +1 -206
- package/dist/data.26707046.js +1 -206
- package/dist/decrease-items.e2211e50.js +1 -206
- package/dist/default-item-height.b77ada36.js +1 -206
- package/dist/empty-placeholder.00607a6e.js +1 -206
- package/dist/end-reached.8531e5b1.js +1 -206
- package/dist/endless-scrolling.bc4101f0.js +1 -206
- package/dist/expandable-cards.5439f51b.js +1 -206
- package/dist/follow-output.4e36fca8.js +1 -206
- package/dist/followOutputSystem.d.ts +25 -5
- package/dist/grid-optimize-rendering.b49e36f5.js +1 -206
- package/dist/grid.d5d77b6a.js +1 -206
- package/dist/grouped-endless-scrolling.24985a0f.js +1 -206
- package/dist/grouped-load-more.bce8f6e4.js +1 -206
- package/dist/grouped-topmost-item.34960f5e.js +1 -206
- package/dist/grouped.a2908632.js +1 -206
- package/dist/header-footer.49733d45.js +1 -206
- package/dist/hello.54765c26.js +1 -206
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.m.js +1 -1
- package/dist/index.m.js.map +1 -1
- package/dist/initial-from-zero.22ad1626.js +1 -206
- package/dist/initial-scroll-top.90db1920.js +1 -206
- package/dist/initial-topmost-item-default-height.43a95247.js +1 -206
- package/dist/initial-topmost-item.61c0e169.js +3 -208
- package/dist/initialItemCountSystem.d.ts +25 -5
- package/dist/initialScrollTopSystem.d.ts +25 -5
- package/dist/initialTopMostItemIndexSystem.d.ts +25 -3
- package/dist/listStateSystem.d.ts +25 -5
- package/dist/listSystem.d.ts +250 -52
- package/dist/long-last-item.b56ff89c.js +2 -206
- package/dist/long-last-item.b56ff89c.js.map +1 -1
- package/dist/prepend-items.f2bda34b.js +1 -206
- package/dist/prepend-last-tall-item.168a9e65.js +1 -206
- package/dist/react-beautiful-dnd-window-scroller.0a227511.js +1 -206
- package/dist/react-beautiful-dnd.817e9251.js +1 -206
- package/dist/rerender.ddd61b7c.js +1 -206
- package/dist/resize-loop.309b1dac.js +1 -206
- package/dist/resizing-items.c09b5e1b.js +1 -206
- package/dist/scroll-into-view.39b77fe9.js +1 -206
- package/dist/scroll-seek-placeholder.69fb85c6.js +1 -206
- package/dist/scroll-to-index.e72249cf.js +1 -206
- package/dist/scrollIntoViewSystem.d.ts +25 -7
- package/dist/scrollToIndexSystem.d.ts +0 -1
- package/dist/ssr.8f31b042.js +1 -206
- package/dist/start-reached.2990ece7.js +1 -206
- package/dist/tall-item-reverse-scrolling.58bcd140.js +1 -206
- package/dist/test-case-446.dce9595c.js +1 -206
- package/dist/test-case-460.6d75ad1f.js +2 -207
- package/dist/test-case-463.525f34ba.js +1 -206
- package/dist/toggle-display-grouped.4f4ae058.js +1 -206
- package/dist/top-items.f724bf61.js +1 -206
- package/dist/topItemCountSystem.d.ts +25 -5
- package/dist/totalListHeightSystem.d.ts +25 -5
- package/dist/upward-scroll.d49e0815.js +1 -206
- package/dist/upwardScrollFixSystem.d.ts +25 -5
- package/dist/window-grid.b22094fd.js +1 -206
- package/dist/window-scroller.a979c6d6.js +1 -206
- package/package.json +1 -1
package/dist/__examples.js
CHANGED
|
@@ -212,7 +212,7 @@ var parent = module.bundle.parent;
|
|
|
212
212
|
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
|
|
213
213
|
var hostname = "" || location.hostname;
|
|
214
214
|
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
|
|
215
|
-
var ws = new WebSocket(protocol + '://' + hostname + ':' + "
|
|
215
|
+
var ws = new WebSocket(protocol + '://' + hostname + ':' + "54291" + '/');
|
|
216
216
|
|
|
217
217
|
ws.onmessage = function (event) {
|
|
218
218
|
checkedAssets = {};
|
|
@@ -193,209 +193,4 @@ function App() {
|
|
|
193
193
|
}
|
|
194
194
|
}, "bump")));
|
|
195
195
|
}
|
|
196
|
-
},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx"}],
|
|
197
|
-
var global = arguments[3];
|
|
198
|
-
var OVERLAY_ID = '__parcel__error__overlay__';
|
|
199
|
-
var OldModule = module.bundle.Module;
|
|
200
|
-
|
|
201
|
-
function Module(moduleName) {
|
|
202
|
-
OldModule.call(this, moduleName);
|
|
203
|
-
this.hot = {
|
|
204
|
-
data: module.bundle.hotData,
|
|
205
|
-
_acceptCallbacks: [],
|
|
206
|
-
_disposeCallbacks: [],
|
|
207
|
-
accept: function (fn) {
|
|
208
|
-
this._acceptCallbacks.push(fn || function () {});
|
|
209
|
-
},
|
|
210
|
-
dispose: function (fn) {
|
|
211
|
-
this._disposeCallbacks.push(fn);
|
|
212
|
-
}
|
|
213
|
-
};
|
|
214
|
-
module.bundle.hotData = null;
|
|
215
|
-
}
|
|
216
|
-
|
|
217
|
-
module.bundle.Module = Module;
|
|
218
|
-
var checkedAssets, assetsToAccept;
|
|
219
|
-
var parent = module.bundle.parent;
|
|
220
|
-
|
|
221
|
-
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
|
|
222
|
-
var hostname = "" || location.hostname;
|
|
223
|
-
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
|
|
224
|
-
var ws = new WebSocket(protocol + '://' + hostname + ':' + "60851" + '/');
|
|
225
|
-
|
|
226
|
-
ws.onmessage = function (event) {
|
|
227
|
-
checkedAssets = {};
|
|
228
|
-
assetsToAccept = [];
|
|
229
|
-
var data = JSON.parse(event.data);
|
|
230
|
-
|
|
231
|
-
if (data.type === 'update') {
|
|
232
|
-
var handled = false;
|
|
233
|
-
data.assets.forEach(function (asset) {
|
|
234
|
-
if (!asset.isNew) {
|
|
235
|
-
var didAccept = hmrAcceptCheck(global.parcelRequire, asset.id);
|
|
236
|
-
|
|
237
|
-
if (didAccept) {
|
|
238
|
-
handled = true;
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
}); // Enable HMR for CSS by default.
|
|
242
|
-
|
|
243
|
-
handled = handled || data.assets.every(function (asset) {
|
|
244
|
-
return asset.type === 'css' && asset.generated.js;
|
|
245
|
-
});
|
|
246
|
-
|
|
247
|
-
if (handled) {
|
|
248
|
-
console.clear();
|
|
249
|
-
data.assets.forEach(function (asset) {
|
|
250
|
-
hmrApply(global.parcelRequire, asset);
|
|
251
|
-
});
|
|
252
|
-
assetsToAccept.forEach(function (v) {
|
|
253
|
-
hmrAcceptRun(v[0], v[1]);
|
|
254
|
-
});
|
|
255
|
-
} else if (location.reload) {
|
|
256
|
-
// `location` global exists in a web worker context but lacks `.reload()` function.
|
|
257
|
-
location.reload();
|
|
258
|
-
}
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
if (data.type === 'reload') {
|
|
262
|
-
ws.close();
|
|
263
|
-
|
|
264
|
-
ws.onclose = function () {
|
|
265
|
-
location.reload();
|
|
266
|
-
};
|
|
267
|
-
}
|
|
268
|
-
|
|
269
|
-
if (data.type === 'error-resolved') {
|
|
270
|
-
console.log('[parcel] ✨ Error resolved');
|
|
271
|
-
removeErrorOverlay();
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
if (data.type === 'error') {
|
|
275
|
-
console.error('[parcel] 🚨 ' + data.error.message + '\n' + data.error.stack);
|
|
276
|
-
removeErrorOverlay();
|
|
277
|
-
var overlay = createErrorOverlay(data);
|
|
278
|
-
document.body.appendChild(overlay);
|
|
279
|
-
}
|
|
280
|
-
};
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
function removeErrorOverlay() {
|
|
284
|
-
var overlay = document.getElementById(OVERLAY_ID);
|
|
285
|
-
|
|
286
|
-
if (overlay) {
|
|
287
|
-
overlay.remove();
|
|
288
|
-
}
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
function createErrorOverlay(data) {
|
|
292
|
-
var overlay = document.createElement('div');
|
|
293
|
-
overlay.id = OVERLAY_ID; // html encode message and stack trace
|
|
294
|
-
|
|
295
|
-
var message = document.createElement('div');
|
|
296
|
-
var stackTrace = document.createElement('pre');
|
|
297
|
-
message.innerText = data.error.message;
|
|
298
|
-
stackTrace.innerText = data.error.stack;
|
|
299
|
-
overlay.innerHTML = '<div style="background: black; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; opacity: 0.85; font-family: Menlo, Consolas, monospace; z-index: 9999;">' + '<span style="background: red; padding: 2px 4px; border-radius: 2px;">ERROR</span>' + '<span style="top: 2px; margin-left: 5px; position: relative;">🚨</span>' + '<div style="font-size: 18px; font-weight: bold; margin-top: 20px;">' + message.innerHTML + '</div>' + '<pre>' + stackTrace.innerHTML + '</pre>' + '</div>';
|
|
300
|
-
return overlay;
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
function getParents(bundle, id) {
|
|
304
|
-
var modules = bundle.modules;
|
|
305
|
-
|
|
306
|
-
if (!modules) {
|
|
307
|
-
return [];
|
|
308
|
-
}
|
|
309
|
-
|
|
310
|
-
var parents = [];
|
|
311
|
-
var k, d, dep;
|
|
312
|
-
|
|
313
|
-
for (k in modules) {
|
|
314
|
-
for (d in modules[k][1]) {
|
|
315
|
-
dep = modules[k][1][d];
|
|
316
|
-
|
|
317
|
-
if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {
|
|
318
|
-
parents.push(k);
|
|
319
|
-
}
|
|
320
|
-
}
|
|
321
|
-
}
|
|
322
|
-
|
|
323
|
-
if (bundle.parent) {
|
|
324
|
-
parents = parents.concat(getParents(bundle.parent, id));
|
|
325
|
-
}
|
|
326
|
-
|
|
327
|
-
return parents;
|
|
328
|
-
}
|
|
329
|
-
|
|
330
|
-
function hmrApply(bundle, asset) {
|
|
331
|
-
var modules = bundle.modules;
|
|
332
|
-
|
|
333
|
-
if (!modules) {
|
|
334
|
-
return;
|
|
335
|
-
}
|
|
336
|
-
|
|
337
|
-
if (modules[asset.id] || !bundle.parent) {
|
|
338
|
-
var fn = new Function('require', 'module', 'exports', asset.generated.js);
|
|
339
|
-
asset.isNew = !modules[asset.id];
|
|
340
|
-
modules[asset.id] = [fn, asset.deps];
|
|
341
|
-
} else if (bundle.parent) {
|
|
342
|
-
hmrApply(bundle.parent, asset);
|
|
343
|
-
}
|
|
344
|
-
}
|
|
345
|
-
|
|
346
|
-
function hmrAcceptCheck(bundle, id) {
|
|
347
|
-
var modules = bundle.modules;
|
|
348
|
-
|
|
349
|
-
if (!modules) {
|
|
350
|
-
return;
|
|
351
|
-
}
|
|
352
|
-
|
|
353
|
-
if (!modules[id] && bundle.parent) {
|
|
354
|
-
return hmrAcceptCheck(bundle.parent, id);
|
|
355
|
-
}
|
|
356
|
-
|
|
357
|
-
if (checkedAssets[id]) {
|
|
358
|
-
return;
|
|
359
|
-
}
|
|
360
|
-
|
|
361
|
-
checkedAssets[id] = true;
|
|
362
|
-
var cached = bundle.cache[id];
|
|
363
|
-
assetsToAccept.push([bundle, id]);
|
|
364
|
-
|
|
365
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
366
|
-
return true;
|
|
367
|
-
}
|
|
368
|
-
|
|
369
|
-
return getParents(global.parcelRequire, id).some(function (id) {
|
|
370
|
-
return hmrAcceptCheck(global.parcelRequire, id);
|
|
371
|
-
});
|
|
372
|
-
}
|
|
373
|
-
|
|
374
|
-
function hmrAcceptRun(bundle, id) {
|
|
375
|
-
var cached = bundle.cache[id];
|
|
376
|
-
bundle.hotData = {};
|
|
377
|
-
|
|
378
|
-
if (cached) {
|
|
379
|
-
cached.hot.data = bundle.hotData;
|
|
380
|
-
}
|
|
381
|
-
|
|
382
|
-
if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
|
|
383
|
-
cached.hot._disposeCallbacks.forEach(function (cb) {
|
|
384
|
-
cb(bundle.hotData);
|
|
385
|
-
});
|
|
386
|
-
}
|
|
387
|
-
|
|
388
|
-
delete bundle.cache[id];
|
|
389
|
-
bundle(id);
|
|
390
|
-
cached = bundle.cache[id];
|
|
391
|
-
|
|
392
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
393
|
-
cached.hot._acceptCallbacks.forEach(function (cb) {
|
|
394
|
-
cb();
|
|
395
|
-
});
|
|
396
|
-
|
|
397
|
-
return true;
|
|
398
|
-
}
|
|
399
|
-
}
|
|
400
|
-
},{}]},{},["../node_modules/parcel-bundler/src/builtins/hmr-runtime.js"], null)
|
|
401
|
-
//# sourceMappingURL=/align-to-bottom.7fcd2087.js.map
|
|
196
|
+
},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx"}]},{},[], null)
|
|
@@ -154,6 +154,18 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
154
154
|
listRefresh: u.Stream<boolean>;
|
|
155
155
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
156
156
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
157
|
+
}>, u.SystemSpec<never[], () => {
|
|
158
|
+
scrollTop: u.Stream<number>;
|
|
159
|
+
viewportHeight: u.Stream<number>;
|
|
160
|
+
headerHeight: u.StatefulStream<number>;
|
|
161
|
+
footerHeight: u.StatefulStream<number>;
|
|
162
|
+
smoothScrollTargetReached: u.Stream<true>;
|
|
163
|
+
scrollTo: u.Stream<ScrollToOptions>;
|
|
164
|
+
scrollBy: u.Stream<ScrollToOptions>;
|
|
165
|
+
scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
|
|
166
|
+
statefulScrollTop: u.StatefulStream<number>;
|
|
167
|
+
deviation: u.StatefulStream<number>;
|
|
168
|
+
scrollingInProgress: u.StatefulStream<boolean>;
|
|
157
169
|
}>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
158
170
|
log: u.StatefulStream<import("./loggerSystem").Log>;
|
|
159
171
|
logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
|
|
@@ -220,7 +232,6 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
220
232
|
logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
|
|
221
233
|
}]) => {
|
|
222
234
|
scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
|
|
223
|
-
scrollingInProgress: u.StatefulStream<boolean>;
|
|
224
235
|
topListHeight: u.StatefulStream<number>;
|
|
225
236
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
226
237
|
log: u.StatefulStream<import("./loggerSystem").Log>;
|
|
@@ -231,7 +242,7 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
231
242
|
}]) => {
|
|
232
243
|
propsReady: u.StatefulStream<boolean>;
|
|
233
244
|
didMount: u.Stream<boolean>;
|
|
234
|
-
}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollToIndex }, { didMount }]: [{
|
|
245
|
+
}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollTop }, { scrollToIndex }, { didMount }]: [{
|
|
235
246
|
data: u.StatefulStream<import("./sizeSystem").Data>;
|
|
236
247
|
totalCount: u.Stream<number>;
|
|
237
248
|
sizeRanges: u.Stream<import("./sizeSystem").SizeRange[]>;
|
|
@@ -246,8 +257,19 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
246
257
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
247
258
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
248
259
|
}, {
|
|
249
|
-
|
|
260
|
+
scrollTop: u.Stream<number>;
|
|
261
|
+
viewportHeight: u.Stream<number>;
|
|
262
|
+
headerHeight: u.StatefulStream<number>;
|
|
263
|
+
footerHeight: u.StatefulStream<number>;
|
|
264
|
+
smoothScrollTargetReached: u.Stream<true>;
|
|
265
|
+
scrollTo: u.Stream<ScrollToOptions>;
|
|
266
|
+
scrollBy: u.Stream<ScrollToOptions>;
|
|
267
|
+
scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
|
|
268
|
+
statefulScrollTop: u.StatefulStream<number>;
|
|
269
|
+
deviation: u.StatefulStream<number>;
|
|
250
270
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
271
|
+
}, {
|
|
272
|
+
scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
|
|
251
273
|
topListHeight: u.StatefulStream<number>;
|
|
252
274
|
}, {
|
|
253
275
|
propsReady: u.StatefulStream<boolean>;
|
|
@@ -321,7 +343,6 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
321
343
|
logLevel: u.StatefulStream<import("./loggerSystem").LogLevel>;
|
|
322
344
|
}]) => {
|
|
323
345
|
scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
|
|
324
|
-
scrollingInProgress: u.StatefulStream<boolean>;
|
|
325
346
|
topListHeight: u.StatefulStream<number>;
|
|
326
347
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
327
348
|
scrollTop: u.Stream<number>;
|
|
@@ -392,7 +413,6 @@ export declare const alignToBottomSystem: u.SystemSpec<[u.SystemSpec<never[], ()
|
|
|
392
413
|
initialTopMostItemIndex: u.StatefulStream<number>;
|
|
393
414
|
}, {
|
|
394
415
|
scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
|
|
395
|
-
scrollingInProgress: u.StatefulStream<boolean>;
|
|
396
416
|
topListHeight: u.StatefulStream<number>;
|
|
397
417
|
}, {
|
|
398
418
|
isScrolling: u.Stream<boolean>;
|
|
@@ -260,209 +260,4 @@ function App() {
|
|
|
260
260
|
}
|
|
261
261
|
});
|
|
262
262
|
}
|
|
263
|
-
},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx","faker":"../node_modules/faker/index.js"}],
|
|
264
|
-
var global = arguments[3];
|
|
265
|
-
var OVERLAY_ID = '__parcel__error__overlay__';
|
|
266
|
-
var OldModule = module.bundle.Module;
|
|
267
|
-
|
|
268
|
-
function Module(moduleName) {
|
|
269
|
-
OldModule.call(this, moduleName);
|
|
270
|
-
this.hot = {
|
|
271
|
-
data: module.bundle.hotData,
|
|
272
|
-
_acceptCallbacks: [],
|
|
273
|
-
_disposeCallbacks: [],
|
|
274
|
-
accept: function (fn) {
|
|
275
|
-
this._acceptCallbacks.push(fn || function () {});
|
|
276
|
-
},
|
|
277
|
-
dispose: function (fn) {
|
|
278
|
-
this._disposeCallbacks.push(fn);
|
|
279
|
-
}
|
|
280
|
-
};
|
|
281
|
-
module.bundle.hotData = null;
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
module.bundle.Module = Module;
|
|
285
|
-
var checkedAssets, assetsToAccept;
|
|
286
|
-
var parent = module.bundle.parent;
|
|
287
|
-
|
|
288
|
-
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
|
|
289
|
-
var hostname = "" || location.hostname;
|
|
290
|
-
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
|
|
291
|
-
var ws = new WebSocket(protocol + '://' + hostname + ':' + "60851" + '/');
|
|
292
|
-
|
|
293
|
-
ws.onmessage = function (event) {
|
|
294
|
-
checkedAssets = {};
|
|
295
|
-
assetsToAccept = [];
|
|
296
|
-
var data = JSON.parse(event.data);
|
|
297
|
-
|
|
298
|
-
if (data.type === 'update') {
|
|
299
|
-
var handled = false;
|
|
300
|
-
data.assets.forEach(function (asset) {
|
|
301
|
-
if (!asset.isNew) {
|
|
302
|
-
var didAccept = hmrAcceptCheck(global.parcelRequire, asset.id);
|
|
303
|
-
|
|
304
|
-
if (didAccept) {
|
|
305
|
-
handled = true;
|
|
306
|
-
}
|
|
307
|
-
}
|
|
308
|
-
}); // Enable HMR for CSS by default.
|
|
309
|
-
|
|
310
|
-
handled = handled || data.assets.every(function (asset) {
|
|
311
|
-
return asset.type === 'css' && asset.generated.js;
|
|
312
|
-
});
|
|
313
|
-
|
|
314
|
-
if (handled) {
|
|
315
|
-
console.clear();
|
|
316
|
-
data.assets.forEach(function (asset) {
|
|
317
|
-
hmrApply(global.parcelRequire, asset);
|
|
318
|
-
});
|
|
319
|
-
assetsToAccept.forEach(function (v) {
|
|
320
|
-
hmrAcceptRun(v[0], v[1]);
|
|
321
|
-
});
|
|
322
|
-
} else if (location.reload) {
|
|
323
|
-
// `location` global exists in a web worker context but lacks `.reload()` function.
|
|
324
|
-
location.reload();
|
|
325
|
-
}
|
|
326
|
-
}
|
|
327
|
-
|
|
328
|
-
if (data.type === 'reload') {
|
|
329
|
-
ws.close();
|
|
330
|
-
|
|
331
|
-
ws.onclose = function () {
|
|
332
|
-
location.reload();
|
|
333
|
-
};
|
|
334
|
-
}
|
|
335
|
-
|
|
336
|
-
if (data.type === 'error-resolved') {
|
|
337
|
-
console.log('[parcel] ✨ Error resolved');
|
|
338
|
-
removeErrorOverlay();
|
|
339
|
-
}
|
|
340
|
-
|
|
341
|
-
if (data.type === 'error') {
|
|
342
|
-
console.error('[parcel] 🚨 ' + data.error.message + '\n' + data.error.stack);
|
|
343
|
-
removeErrorOverlay();
|
|
344
|
-
var overlay = createErrorOverlay(data);
|
|
345
|
-
document.body.appendChild(overlay);
|
|
346
|
-
}
|
|
347
|
-
};
|
|
348
|
-
}
|
|
349
|
-
|
|
350
|
-
function removeErrorOverlay() {
|
|
351
|
-
var overlay = document.getElementById(OVERLAY_ID);
|
|
352
|
-
|
|
353
|
-
if (overlay) {
|
|
354
|
-
overlay.remove();
|
|
355
|
-
}
|
|
356
|
-
}
|
|
357
|
-
|
|
358
|
-
function createErrorOverlay(data) {
|
|
359
|
-
var overlay = document.createElement('div');
|
|
360
|
-
overlay.id = OVERLAY_ID; // html encode message and stack trace
|
|
361
|
-
|
|
362
|
-
var message = document.createElement('div');
|
|
363
|
-
var stackTrace = document.createElement('pre');
|
|
364
|
-
message.innerText = data.error.message;
|
|
365
|
-
stackTrace.innerText = data.error.stack;
|
|
366
|
-
overlay.innerHTML = '<div style="background: black; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; opacity: 0.85; font-family: Menlo, Consolas, monospace; z-index: 9999;">' + '<span style="background: red; padding: 2px 4px; border-radius: 2px;">ERROR</span>' + '<span style="top: 2px; margin-left: 5px; position: relative;">🚨</span>' + '<div style="font-size: 18px; font-weight: bold; margin-top: 20px;">' + message.innerHTML + '</div>' + '<pre>' + stackTrace.innerHTML + '</pre>' + '</div>';
|
|
367
|
-
return overlay;
|
|
368
|
-
}
|
|
369
|
-
|
|
370
|
-
function getParents(bundle, id) {
|
|
371
|
-
var modules = bundle.modules;
|
|
372
|
-
|
|
373
|
-
if (!modules) {
|
|
374
|
-
return [];
|
|
375
|
-
}
|
|
376
|
-
|
|
377
|
-
var parents = [];
|
|
378
|
-
var k, d, dep;
|
|
379
|
-
|
|
380
|
-
for (k in modules) {
|
|
381
|
-
for (d in modules[k][1]) {
|
|
382
|
-
dep = modules[k][1][d];
|
|
383
|
-
|
|
384
|
-
if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {
|
|
385
|
-
parents.push(k);
|
|
386
|
-
}
|
|
387
|
-
}
|
|
388
|
-
}
|
|
389
|
-
|
|
390
|
-
if (bundle.parent) {
|
|
391
|
-
parents = parents.concat(getParents(bundle.parent, id));
|
|
392
|
-
}
|
|
393
|
-
|
|
394
|
-
return parents;
|
|
395
|
-
}
|
|
396
|
-
|
|
397
|
-
function hmrApply(bundle, asset) {
|
|
398
|
-
var modules = bundle.modules;
|
|
399
|
-
|
|
400
|
-
if (!modules) {
|
|
401
|
-
return;
|
|
402
|
-
}
|
|
403
|
-
|
|
404
|
-
if (modules[asset.id] || !bundle.parent) {
|
|
405
|
-
var fn = new Function('require', 'module', 'exports', asset.generated.js);
|
|
406
|
-
asset.isNew = !modules[asset.id];
|
|
407
|
-
modules[asset.id] = [fn, asset.deps];
|
|
408
|
-
} else if (bundle.parent) {
|
|
409
|
-
hmrApply(bundle.parent, asset);
|
|
410
|
-
}
|
|
411
|
-
}
|
|
412
|
-
|
|
413
|
-
function hmrAcceptCheck(bundle, id) {
|
|
414
|
-
var modules = bundle.modules;
|
|
415
|
-
|
|
416
|
-
if (!modules) {
|
|
417
|
-
return;
|
|
418
|
-
}
|
|
419
|
-
|
|
420
|
-
if (!modules[id] && bundle.parent) {
|
|
421
|
-
return hmrAcceptCheck(bundle.parent, id);
|
|
422
|
-
}
|
|
423
|
-
|
|
424
|
-
if (checkedAssets[id]) {
|
|
425
|
-
return;
|
|
426
|
-
}
|
|
427
|
-
|
|
428
|
-
checkedAssets[id] = true;
|
|
429
|
-
var cached = bundle.cache[id];
|
|
430
|
-
assetsToAccept.push([bundle, id]);
|
|
431
|
-
|
|
432
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
433
|
-
return true;
|
|
434
|
-
}
|
|
435
|
-
|
|
436
|
-
return getParents(global.parcelRequire, id).some(function (id) {
|
|
437
|
-
return hmrAcceptCheck(global.parcelRequire, id);
|
|
438
|
-
});
|
|
439
|
-
}
|
|
440
|
-
|
|
441
|
-
function hmrAcceptRun(bundle, id) {
|
|
442
|
-
var cached = bundle.cache[id];
|
|
443
|
-
bundle.hotData = {};
|
|
444
|
-
|
|
445
|
-
if (cached) {
|
|
446
|
-
cached.hot.data = bundle.hotData;
|
|
447
|
-
}
|
|
448
|
-
|
|
449
|
-
if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
|
|
450
|
-
cached.hot._disposeCallbacks.forEach(function (cb) {
|
|
451
|
-
cb(bundle.hotData);
|
|
452
|
-
});
|
|
453
|
-
}
|
|
454
|
-
|
|
455
|
-
delete bundle.cache[id];
|
|
456
|
-
bundle(id);
|
|
457
|
-
cached = bundle.cache[id];
|
|
458
|
-
|
|
459
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
460
|
-
cached.hot._acceptCallbacks.forEach(function (cb) {
|
|
461
|
-
cb();
|
|
462
|
-
});
|
|
463
|
-
|
|
464
|
-
return true;
|
|
465
|
-
}
|
|
466
|
-
}
|
|
467
|
-
},{}]},{},["../node_modules/parcel-bundler/src/builtins/hmr-runtime.js"], null)
|
|
468
|
-
//# sourceMappingURL=/auto-prepend-items.bd7e9b90.js.map
|
|
263
|
+
},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx","faker":"../node_modules/faker/index.js"}]},{},[], null)
|