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
|
@@ -154,209 +154,4 @@ function App() {
|
|
|
154
154
|
}
|
|
155
155
|
});
|
|
156
156
|
}
|
|
157
|
-
},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx"}],
|
|
158
|
-
var global = arguments[3];
|
|
159
|
-
var OVERLAY_ID = '__parcel__error__overlay__';
|
|
160
|
-
var OldModule = module.bundle.Module;
|
|
161
|
-
|
|
162
|
-
function Module(moduleName) {
|
|
163
|
-
OldModule.call(this, moduleName);
|
|
164
|
-
this.hot = {
|
|
165
|
-
data: module.bundle.hotData,
|
|
166
|
-
_acceptCallbacks: [],
|
|
167
|
-
_disposeCallbacks: [],
|
|
168
|
-
accept: function (fn) {
|
|
169
|
-
this._acceptCallbacks.push(fn || function () {});
|
|
170
|
-
},
|
|
171
|
-
dispose: function (fn) {
|
|
172
|
-
this._disposeCallbacks.push(fn);
|
|
173
|
-
}
|
|
174
|
-
};
|
|
175
|
-
module.bundle.hotData = null;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
module.bundle.Module = Module;
|
|
179
|
-
var checkedAssets, assetsToAccept;
|
|
180
|
-
var parent = module.bundle.parent;
|
|
181
|
-
|
|
182
|
-
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
|
|
183
|
-
var hostname = "" || location.hostname;
|
|
184
|
-
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
|
|
185
|
-
var ws = new WebSocket(protocol + '://' + hostname + ':' + "60851" + '/');
|
|
186
|
-
|
|
187
|
-
ws.onmessage = function (event) {
|
|
188
|
-
checkedAssets = {};
|
|
189
|
-
assetsToAccept = [];
|
|
190
|
-
var data = JSON.parse(event.data);
|
|
191
|
-
|
|
192
|
-
if (data.type === 'update') {
|
|
193
|
-
var handled = false;
|
|
194
|
-
data.assets.forEach(function (asset) {
|
|
195
|
-
if (!asset.isNew) {
|
|
196
|
-
var didAccept = hmrAcceptCheck(global.parcelRequire, asset.id);
|
|
197
|
-
|
|
198
|
-
if (didAccept) {
|
|
199
|
-
handled = true;
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
}); // Enable HMR for CSS by default.
|
|
203
|
-
|
|
204
|
-
handled = handled || data.assets.every(function (asset) {
|
|
205
|
-
return asset.type === 'css' && asset.generated.js;
|
|
206
|
-
});
|
|
207
|
-
|
|
208
|
-
if (handled) {
|
|
209
|
-
console.clear();
|
|
210
|
-
data.assets.forEach(function (asset) {
|
|
211
|
-
hmrApply(global.parcelRequire, asset);
|
|
212
|
-
});
|
|
213
|
-
assetsToAccept.forEach(function (v) {
|
|
214
|
-
hmrAcceptRun(v[0], v[1]);
|
|
215
|
-
});
|
|
216
|
-
} else if (location.reload) {
|
|
217
|
-
// `location` global exists in a web worker context but lacks `.reload()` function.
|
|
218
|
-
location.reload();
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
if (data.type === 'reload') {
|
|
223
|
-
ws.close();
|
|
224
|
-
|
|
225
|
-
ws.onclose = function () {
|
|
226
|
-
location.reload();
|
|
227
|
-
};
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
if (data.type === 'error-resolved') {
|
|
231
|
-
console.log('[parcel] ✨ Error resolved');
|
|
232
|
-
removeErrorOverlay();
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
if (data.type === 'error') {
|
|
236
|
-
console.error('[parcel] 🚨 ' + data.error.message + '\n' + data.error.stack);
|
|
237
|
-
removeErrorOverlay();
|
|
238
|
-
var overlay = createErrorOverlay(data);
|
|
239
|
-
document.body.appendChild(overlay);
|
|
240
|
-
}
|
|
241
|
-
};
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
function removeErrorOverlay() {
|
|
245
|
-
var overlay = document.getElementById(OVERLAY_ID);
|
|
246
|
-
|
|
247
|
-
if (overlay) {
|
|
248
|
-
overlay.remove();
|
|
249
|
-
}
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
function createErrorOverlay(data) {
|
|
253
|
-
var overlay = document.createElement('div');
|
|
254
|
-
overlay.id = OVERLAY_ID; // html encode message and stack trace
|
|
255
|
-
|
|
256
|
-
var message = document.createElement('div');
|
|
257
|
-
var stackTrace = document.createElement('pre');
|
|
258
|
-
message.innerText = data.error.message;
|
|
259
|
-
stackTrace.innerText = data.error.stack;
|
|
260
|
-
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>';
|
|
261
|
-
return overlay;
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
function getParents(bundle, id) {
|
|
265
|
-
var modules = bundle.modules;
|
|
266
|
-
|
|
267
|
-
if (!modules) {
|
|
268
|
-
return [];
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
var parents = [];
|
|
272
|
-
var k, d, dep;
|
|
273
|
-
|
|
274
|
-
for (k in modules) {
|
|
275
|
-
for (d in modules[k][1]) {
|
|
276
|
-
dep = modules[k][1][d];
|
|
277
|
-
|
|
278
|
-
if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {
|
|
279
|
-
parents.push(k);
|
|
280
|
-
}
|
|
281
|
-
}
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
if (bundle.parent) {
|
|
285
|
-
parents = parents.concat(getParents(bundle.parent, id));
|
|
286
|
-
}
|
|
287
|
-
|
|
288
|
-
return parents;
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
function hmrApply(bundle, asset) {
|
|
292
|
-
var modules = bundle.modules;
|
|
293
|
-
|
|
294
|
-
if (!modules) {
|
|
295
|
-
return;
|
|
296
|
-
}
|
|
297
|
-
|
|
298
|
-
if (modules[asset.id] || !bundle.parent) {
|
|
299
|
-
var fn = new Function('require', 'module', 'exports', asset.generated.js);
|
|
300
|
-
asset.isNew = !modules[asset.id];
|
|
301
|
-
modules[asset.id] = [fn, asset.deps];
|
|
302
|
-
} else if (bundle.parent) {
|
|
303
|
-
hmrApply(bundle.parent, asset);
|
|
304
|
-
}
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
function hmrAcceptCheck(bundle, id) {
|
|
308
|
-
var modules = bundle.modules;
|
|
309
|
-
|
|
310
|
-
if (!modules) {
|
|
311
|
-
return;
|
|
312
|
-
}
|
|
313
|
-
|
|
314
|
-
if (!modules[id] && bundle.parent) {
|
|
315
|
-
return hmrAcceptCheck(bundle.parent, id);
|
|
316
|
-
}
|
|
317
|
-
|
|
318
|
-
if (checkedAssets[id]) {
|
|
319
|
-
return;
|
|
320
|
-
}
|
|
321
|
-
|
|
322
|
-
checkedAssets[id] = true;
|
|
323
|
-
var cached = bundle.cache[id];
|
|
324
|
-
assetsToAccept.push([bundle, id]);
|
|
325
|
-
|
|
326
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
327
|
-
return true;
|
|
328
|
-
}
|
|
329
|
-
|
|
330
|
-
return getParents(global.parcelRequire, id).some(function (id) {
|
|
331
|
-
return hmrAcceptCheck(global.parcelRequire, id);
|
|
332
|
-
});
|
|
333
|
-
}
|
|
334
|
-
|
|
335
|
-
function hmrAcceptRun(bundle, id) {
|
|
336
|
-
var cached = bundle.cache[id];
|
|
337
|
-
bundle.hotData = {};
|
|
338
|
-
|
|
339
|
-
if (cached) {
|
|
340
|
-
cached.hot.data = bundle.hotData;
|
|
341
|
-
}
|
|
342
|
-
|
|
343
|
-
if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
|
|
344
|
-
cached.hot._disposeCallbacks.forEach(function (cb) {
|
|
345
|
-
cb(bundle.hotData);
|
|
346
|
-
});
|
|
347
|
-
}
|
|
348
|
-
|
|
349
|
-
delete bundle.cache[id];
|
|
350
|
-
bundle(id);
|
|
351
|
-
cached = bundle.cache[id];
|
|
352
|
-
|
|
353
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
354
|
-
cached.hot._acceptCallbacks.forEach(function (cb) {
|
|
355
|
-
cb();
|
|
356
|
-
});
|
|
357
|
-
|
|
358
|
-
return true;
|
|
359
|
-
}
|
|
360
|
-
}
|
|
361
|
-
},{}]},{},["../node_modules/parcel-bundler/src/builtins/hmr-runtime.js"], null)
|
|
362
|
-
//# sourceMappingURL=/upward-scroll.d49e0815.js.map
|
|
157
|
+
},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx"}]},{},[], null)
|
|
@@ -178,6 +178,18 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
178
178
|
listRefresh: u.Stream<boolean>;
|
|
179
179
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
180
180
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
181
|
+
}>, u.SystemSpec<never[], () => {
|
|
182
|
+
scrollTop: u.Stream<number>;
|
|
183
|
+
viewportHeight: u.Stream<number>;
|
|
184
|
+
headerHeight: u.StatefulStream<number>;
|
|
185
|
+
footerHeight: u.StatefulStream<number>;
|
|
186
|
+
smoothScrollTargetReached: u.Stream<true>;
|
|
187
|
+
scrollTo: u.Stream<ScrollToOptions>;
|
|
188
|
+
scrollBy: u.Stream<ScrollToOptions>;
|
|
189
|
+
scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
|
|
190
|
+
statefulScrollTop: u.StatefulStream<number>;
|
|
191
|
+
deviation: u.StatefulStream<number>;
|
|
192
|
+
scrollingInProgress: u.StatefulStream<boolean>;
|
|
181
193
|
}>, u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
182
194
|
log: u.StatefulStream<import("./loggerSystem").Log>;
|
|
183
195
|
logLevel: u.StatefulStream<LogLevel>;
|
|
@@ -244,7 +256,6 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
244
256
|
logLevel: u.StatefulStream<LogLevel>;
|
|
245
257
|
}]) => {
|
|
246
258
|
scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
|
|
247
|
-
scrollingInProgress: u.StatefulStream<boolean>;
|
|
248
259
|
topListHeight: u.StatefulStream<number>;
|
|
249
260
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
250
261
|
log: u.StatefulStream<import("./loggerSystem").Log>;
|
|
@@ -255,7 +266,7 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
255
266
|
}]) => {
|
|
256
267
|
propsReady: u.StatefulStream<boolean>;
|
|
257
268
|
didMount: u.Stream<boolean>;
|
|
258
|
-
}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollToIndex }, { didMount }]: [{
|
|
269
|
+
}>], ([{ sizes, listRefresh, defaultItemSize }, { scrollTop }, { scrollToIndex }, { didMount }]: [{
|
|
259
270
|
data: u.StatefulStream<import("./sizeSystem").Data>;
|
|
260
271
|
totalCount: u.Stream<number>;
|
|
261
272
|
sizeRanges: u.Stream<import("./sizeSystem").SizeRange[]>;
|
|
@@ -270,8 +281,19 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
270
281
|
trackItemSizes: u.StatefulStream<boolean>;
|
|
271
282
|
itemSize: u.StatefulStream<import("./sizeSystem").SizeFunction>;
|
|
272
283
|
}, {
|
|
273
|
-
|
|
284
|
+
scrollTop: u.Stream<number>;
|
|
285
|
+
viewportHeight: u.Stream<number>;
|
|
286
|
+
headerHeight: u.StatefulStream<number>;
|
|
287
|
+
footerHeight: u.StatefulStream<number>;
|
|
288
|
+
smoothScrollTargetReached: u.Stream<true>;
|
|
289
|
+
scrollTo: u.Stream<ScrollToOptions>;
|
|
290
|
+
scrollBy: u.Stream<ScrollToOptions>;
|
|
291
|
+
scrollDirection: u.StatefulStream<import("./domIOSystem").ScrollDirection>;
|
|
292
|
+
statefulScrollTop: u.StatefulStream<number>;
|
|
293
|
+
deviation: u.StatefulStream<number>;
|
|
274
294
|
scrollingInProgress: u.StatefulStream<boolean>;
|
|
295
|
+
}, {
|
|
296
|
+
scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
|
|
275
297
|
topListHeight: u.StatefulStream<number>;
|
|
276
298
|
}, {
|
|
277
299
|
propsReady: u.StatefulStream<boolean>;
|
|
@@ -345,7 +367,6 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
345
367
|
logLevel: u.StatefulStream<LogLevel>;
|
|
346
368
|
}]) => {
|
|
347
369
|
scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
|
|
348
|
-
scrollingInProgress: u.StatefulStream<boolean>;
|
|
349
370
|
topListHeight: u.StatefulStream<number>;
|
|
350
371
|
}>, u.SystemSpec<[u.SystemSpec<never[], () => {
|
|
351
372
|
scrollTop: u.Stream<number>;
|
|
@@ -416,7 +437,6 @@ export declare const upwardScrollFixSystem: u.SystemSpec<[u.SystemSpec<never[],
|
|
|
416
437
|
initialTopMostItemIndex: u.StatefulStream<number>;
|
|
417
438
|
}, {
|
|
418
439
|
scrollToIndex: u.Stream<import("./scrollToIndexSystem").IndexLocation>;
|
|
419
|
-
scrollingInProgress: u.StatefulStream<boolean>;
|
|
420
440
|
topListHeight: u.StatefulStream<number>;
|
|
421
441
|
}, {
|
|
422
442
|
isScrolling: u.Stream<boolean>;
|
|
@@ -231,209 +231,4 @@ function App() {
|
|
|
231
231
|
}
|
|
232
232
|
}));
|
|
233
233
|
}
|
|
234
|
-
},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx","@emotion/styled":"../node_modules/@emotion/styled/dist/styled.browser.esm.js"}],
|
|
235
|
-
var global = arguments[3];
|
|
236
|
-
var OVERLAY_ID = '__parcel__error__overlay__';
|
|
237
|
-
var OldModule = module.bundle.Module;
|
|
238
|
-
|
|
239
|
-
function Module(moduleName) {
|
|
240
|
-
OldModule.call(this, moduleName);
|
|
241
|
-
this.hot = {
|
|
242
|
-
data: module.bundle.hotData,
|
|
243
|
-
_acceptCallbacks: [],
|
|
244
|
-
_disposeCallbacks: [],
|
|
245
|
-
accept: function (fn) {
|
|
246
|
-
this._acceptCallbacks.push(fn || function () {});
|
|
247
|
-
},
|
|
248
|
-
dispose: function (fn) {
|
|
249
|
-
this._disposeCallbacks.push(fn);
|
|
250
|
-
}
|
|
251
|
-
};
|
|
252
|
-
module.bundle.hotData = null;
|
|
253
|
-
}
|
|
254
|
-
|
|
255
|
-
module.bundle.Module = Module;
|
|
256
|
-
var checkedAssets, assetsToAccept;
|
|
257
|
-
var parent = module.bundle.parent;
|
|
258
|
-
|
|
259
|
-
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
|
|
260
|
-
var hostname = "" || location.hostname;
|
|
261
|
-
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
|
|
262
|
-
var ws = new WebSocket(protocol + '://' + hostname + ':' + "60851" + '/');
|
|
263
|
-
|
|
264
|
-
ws.onmessage = function (event) {
|
|
265
|
-
checkedAssets = {};
|
|
266
|
-
assetsToAccept = [];
|
|
267
|
-
var data = JSON.parse(event.data);
|
|
268
|
-
|
|
269
|
-
if (data.type === 'update') {
|
|
270
|
-
var handled = false;
|
|
271
|
-
data.assets.forEach(function (asset) {
|
|
272
|
-
if (!asset.isNew) {
|
|
273
|
-
var didAccept = hmrAcceptCheck(global.parcelRequire, asset.id);
|
|
274
|
-
|
|
275
|
-
if (didAccept) {
|
|
276
|
-
handled = true;
|
|
277
|
-
}
|
|
278
|
-
}
|
|
279
|
-
}); // Enable HMR for CSS by default.
|
|
280
|
-
|
|
281
|
-
handled = handled || data.assets.every(function (asset) {
|
|
282
|
-
return asset.type === 'css' && asset.generated.js;
|
|
283
|
-
});
|
|
284
|
-
|
|
285
|
-
if (handled) {
|
|
286
|
-
console.clear();
|
|
287
|
-
data.assets.forEach(function (asset) {
|
|
288
|
-
hmrApply(global.parcelRequire, asset);
|
|
289
|
-
});
|
|
290
|
-
assetsToAccept.forEach(function (v) {
|
|
291
|
-
hmrAcceptRun(v[0], v[1]);
|
|
292
|
-
});
|
|
293
|
-
} else if (location.reload) {
|
|
294
|
-
// `location` global exists in a web worker context but lacks `.reload()` function.
|
|
295
|
-
location.reload();
|
|
296
|
-
}
|
|
297
|
-
}
|
|
298
|
-
|
|
299
|
-
if (data.type === 'reload') {
|
|
300
|
-
ws.close();
|
|
301
|
-
|
|
302
|
-
ws.onclose = function () {
|
|
303
|
-
location.reload();
|
|
304
|
-
};
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
if (data.type === 'error-resolved') {
|
|
308
|
-
console.log('[parcel] ✨ Error resolved');
|
|
309
|
-
removeErrorOverlay();
|
|
310
|
-
}
|
|
311
|
-
|
|
312
|
-
if (data.type === 'error') {
|
|
313
|
-
console.error('[parcel] 🚨 ' + data.error.message + '\n' + data.error.stack);
|
|
314
|
-
removeErrorOverlay();
|
|
315
|
-
var overlay = createErrorOverlay(data);
|
|
316
|
-
document.body.appendChild(overlay);
|
|
317
|
-
}
|
|
318
|
-
};
|
|
319
|
-
}
|
|
320
|
-
|
|
321
|
-
function removeErrorOverlay() {
|
|
322
|
-
var overlay = document.getElementById(OVERLAY_ID);
|
|
323
|
-
|
|
324
|
-
if (overlay) {
|
|
325
|
-
overlay.remove();
|
|
326
|
-
}
|
|
327
|
-
}
|
|
328
|
-
|
|
329
|
-
function createErrorOverlay(data) {
|
|
330
|
-
var overlay = document.createElement('div');
|
|
331
|
-
overlay.id = OVERLAY_ID; // html encode message and stack trace
|
|
332
|
-
|
|
333
|
-
var message = document.createElement('div');
|
|
334
|
-
var stackTrace = document.createElement('pre');
|
|
335
|
-
message.innerText = data.error.message;
|
|
336
|
-
stackTrace.innerText = data.error.stack;
|
|
337
|
-
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>';
|
|
338
|
-
return overlay;
|
|
339
|
-
}
|
|
340
|
-
|
|
341
|
-
function getParents(bundle, id) {
|
|
342
|
-
var modules = bundle.modules;
|
|
343
|
-
|
|
344
|
-
if (!modules) {
|
|
345
|
-
return [];
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
var parents = [];
|
|
349
|
-
var k, d, dep;
|
|
350
|
-
|
|
351
|
-
for (k in modules) {
|
|
352
|
-
for (d in modules[k][1]) {
|
|
353
|
-
dep = modules[k][1][d];
|
|
354
|
-
|
|
355
|
-
if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {
|
|
356
|
-
parents.push(k);
|
|
357
|
-
}
|
|
358
|
-
}
|
|
359
|
-
}
|
|
360
|
-
|
|
361
|
-
if (bundle.parent) {
|
|
362
|
-
parents = parents.concat(getParents(bundle.parent, id));
|
|
363
|
-
}
|
|
364
|
-
|
|
365
|
-
return parents;
|
|
366
|
-
}
|
|
367
|
-
|
|
368
|
-
function hmrApply(bundle, asset) {
|
|
369
|
-
var modules = bundle.modules;
|
|
370
|
-
|
|
371
|
-
if (!modules) {
|
|
372
|
-
return;
|
|
373
|
-
}
|
|
374
|
-
|
|
375
|
-
if (modules[asset.id] || !bundle.parent) {
|
|
376
|
-
var fn = new Function('require', 'module', 'exports', asset.generated.js);
|
|
377
|
-
asset.isNew = !modules[asset.id];
|
|
378
|
-
modules[asset.id] = [fn, asset.deps];
|
|
379
|
-
} else if (bundle.parent) {
|
|
380
|
-
hmrApply(bundle.parent, asset);
|
|
381
|
-
}
|
|
382
|
-
}
|
|
383
|
-
|
|
384
|
-
function hmrAcceptCheck(bundle, id) {
|
|
385
|
-
var modules = bundle.modules;
|
|
386
|
-
|
|
387
|
-
if (!modules) {
|
|
388
|
-
return;
|
|
389
|
-
}
|
|
390
|
-
|
|
391
|
-
if (!modules[id] && bundle.parent) {
|
|
392
|
-
return hmrAcceptCheck(bundle.parent, id);
|
|
393
|
-
}
|
|
394
|
-
|
|
395
|
-
if (checkedAssets[id]) {
|
|
396
|
-
return;
|
|
397
|
-
}
|
|
398
|
-
|
|
399
|
-
checkedAssets[id] = true;
|
|
400
|
-
var cached = bundle.cache[id];
|
|
401
|
-
assetsToAccept.push([bundle, id]);
|
|
402
|
-
|
|
403
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
404
|
-
return true;
|
|
405
|
-
}
|
|
406
|
-
|
|
407
|
-
return getParents(global.parcelRequire, id).some(function (id) {
|
|
408
|
-
return hmrAcceptCheck(global.parcelRequire, id);
|
|
409
|
-
});
|
|
410
|
-
}
|
|
411
|
-
|
|
412
|
-
function hmrAcceptRun(bundle, id) {
|
|
413
|
-
var cached = bundle.cache[id];
|
|
414
|
-
bundle.hotData = {};
|
|
415
|
-
|
|
416
|
-
if (cached) {
|
|
417
|
-
cached.hot.data = bundle.hotData;
|
|
418
|
-
}
|
|
419
|
-
|
|
420
|
-
if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
|
|
421
|
-
cached.hot._disposeCallbacks.forEach(function (cb) {
|
|
422
|
-
cb(bundle.hotData);
|
|
423
|
-
});
|
|
424
|
-
}
|
|
425
|
-
|
|
426
|
-
delete bundle.cache[id];
|
|
427
|
-
bundle(id);
|
|
428
|
-
cached = bundle.cache[id];
|
|
429
|
-
|
|
430
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
431
|
-
cached.hot._acceptCallbacks.forEach(function (cb) {
|
|
432
|
-
cb();
|
|
433
|
-
});
|
|
434
|
-
|
|
435
|
-
return true;
|
|
436
|
-
}
|
|
437
|
-
}
|
|
438
|
-
},{}]},{},["../node_modules/parcel-bundler/src/builtins/hmr-runtime.js"], null)
|
|
439
|
-
//# sourceMappingURL=/window-grid.b22094fd.js.map
|
|
234
|
+
},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx","@emotion/styled":"../node_modules/@emotion/styled/dist/styled.browser.esm.js"}]},{},[], null)
|
|
@@ -160,209 +160,4 @@ function App() {
|
|
|
160
160
|
useWindowScroll: true
|
|
161
161
|
}));
|
|
162
162
|
}
|
|
163
|
-
},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx"}],
|
|
164
|
-
var global = arguments[3];
|
|
165
|
-
var OVERLAY_ID = '__parcel__error__overlay__';
|
|
166
|
-
var OldModule = module.bundle.Module;
|
|
167
|
-
|
|
168
|
-
function Module(moduleName) {
|
|
169
|
-
OldModule.call(this, moduleName);
|
|
170
|
-
this.hot = {
|
|
171
|
-
data: module.bundle.hotData,
|
|
172
|
-
_acceptCallbacks: [],
|
|
173
|
-
_disposeCallbacks: [],
|
|
174
|
-
accept: function (fn) {
|
|
175
|
-
this._acceptCallbacks.push(fn || function () {});
|
|
176
|
-
},
|
|
177
|
-
dispose: function (fn) {
|
|
178
|
-
this._disposeCallbacks.push(fn);
|
|
179
|
-
}
|
|
180
|
-
};
|
|
181
|
-
module.bundle.hotData = null;
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
module.bundle.Module = Module;
|
|
185
|
-
var checkedAssets, assetsToAccept;
|
|
186
|
-
var parent = module.bundle.parent;
|
|
187
|
-
|
|
188
|
-
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
|
|
189
|
-
var hostname = "" || location.hostname;
|
|
190
|
-
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
|
|
191
|
-
var ws = new WebSocket(protocol + '://' + hostname + ':' + "60851" + '/');
|
|
192
|
-
|
|
193
|
-
ws.onmessage = function (event) {
|
|
194
|
-
checkedAssets = {};
|
|
195
|
-
assetsToAccept = [];
|
|
196
|
-
var data = JSON.parse(event.data);
|
|
197
|
-
|
|
198
|
-
if (data.type === 'update') {
|
|
199
|
-
var handled = false;
|
|
200
|
-
data.assets.forEach(function (asset) {
|
|
201
|
-
if (!asset.isNew) {
|
|
202
|
-
var didAccept = hmrAcceptCheck(global.parcelRequire, asset.id);
|
|
203
|
-
|
|
204
|
-
if (didAccept) {
|
|
205
|
-
handled = true;
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
}); // Enable HMR for CSS by default.
|
|
209
|
-
|
|
210
|
-
handled = handled || data.assets.every(function (asset) {
|
|
211
|
-
return asset.type === 'css' && asset.generated.js;
|
|
212
|
-
});
|
|
213
|
-
|
|
214
|
-
if (handled) {
|
|
215
|
-
console.clear();
|
|
216
|
-
data.assets.forEach(function (asset) {
|
|
217
|
-
hmrApply(global.parcelRequire, asset);
|
|
218
|
-
});
|
|
219
|
-
assetsToAccept.forEach(function (v) {
|
|
220
|
-
hmrAcceptRun(v[0], v[1]);
|
|
221
|
-
});
|
|
222
|
-
} else if (location.reload) {
|
|
223
|
-
// `location` global exists in a web worker context but lacks `.reload()` function.
|
|
224
|
-
location.reload();
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
if (data.type === 'reload') {
|
|
229
|
-
ws.close();
|
|
230
|
-
|
|
231
|
-
ws.onclose = function () {
|
|
232
|
-
location.reload();
|
|
233
|
-
};
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
if (data.type === 'error-resolved') {
|
|
237
|
-
console.log('[parcel] ✨ Error resolved');
|
|
238
|
-
removeErrorOverlay();
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
if (data.type === 'error') {
|
|
242
|
-
console.error('[parcel] 🚨 ' + data.error.message + '\n' + data.error.stack);
|
|
243
|
-
removeErrorOverlay();
|
|
244
|
-
var overlay = createErrorOverlay(data);
|
|
245
|
-
document.body.appendChild(overlay);
|
|
246
|
-
}
|
|
247
|
-
};
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
function removeErrorOverlay() {
|
|
251
|
-
var overlay = document.getElementById(OVERLAY_ID);
|
|
252
|
-
|
|
253
|
-
if (overlay) {
|
|
254
|
-
overlay.remove();
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
function createErrorOverlay(data) {
|
|
259
|
-
var overlay = document.createElement('div');
|
|
260
|
-
overlay.id = OVERLAY_ID; // html encode message and stack trace
|
|
261
|
-
|
|
262
|
-
var message = document.createElement('div');
|
|
263
|
-
var stackTrace = document.createElement('pre');
|
|
264
|
-
message.innerText = data.error.message;
|
|
265
|
-
stackTrace.innerText = data.error.stack;
|
|
266
|
-
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>';
|
|
267
|
-
return overlay;
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
function getParents(bundle, id) {
|
|
271
|
-
var modules = bundle.modules;
|
|
272
|
-
|
|
273
|
-
if (!modules) {
|
|
274
|
-
return [];
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
var parents = [];
|
|
278
|
-
var k, d, dep;
|
|
279
|
-
|
|
280
|
-
for (k in modules) {
|
|
281
|
-
for (d in modules[k][1]) {
|
|
282
|
-
dep = modules[k][1][d];
|
|
283
|
-
|
|
284
|
-
if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {
|
|
285
|
-
parents.push(k);
|
|
286
|
-
}
|
|
287
|
-
}
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
if (bundle.parent) {
|
|
291
|
-
parents = parents.concat(getParents(bundle.parent, id));
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
return parents;
|
|
295
|
-
}
|
|
296
|
-
|
|
297
|
-
function hmrApply(bundle, asset) {
|
|
298
|
-
var modules = bundle.modules;
|
|
299
|
-
|
|
300
|
-
if (!modules) {
|
|
301
|
-
return;
|
|
302
|
-
}
|
|
303
|
-
|
|
304
|
-
if (modules[asset.id] || !bundle.parent) {
|
|
305
|
-
var fn = new Function('require', 'module', 'exports', asset.generated.js);
|
|
306
|
-
asset.isNew = !modules[asset.id];
|
|
307
|
-
modules[asset.id] = [fn, asset.deps];
|
|
308
|
-
} else if (bundle.parent) {
|
|
309
|
-
hmrApply(bundle.parent, asset);
|
|
310
|
-
}
|
|
311
|
-
}
|
|
312
|
-
|
|
313
|
-
function hmrAcceptCheck(bundle, id) {
|
|
314
|
-
var modules = bundle.modules;
|
|
315
|
-
|
|
316
|
-
if (!modules) {
|
|
317
|
-
return;
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
if (!modules[id] && bundle.parent) {
|
|
321
|
-
return hmrAcceptCheck(bundle.parent, id);
|
|
322
|
-
}
|
|
323
|
-
|
|
324
|
-
if (checkedAssets[id]) {
|
|
325
|
-
return;
|
|
326
|
-
}
|
|
327
|
-
|
|
328
|
-
checkedAssets[id] = true;
|
|
329
|
-
var cached = bundle.cache[id];
|
|
330
|
-
assetsToAccept.push([bundle, id]);
|
|
331
|
-
|
|
332
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
333
|
-
return true;
|
|
334
|
-
}
|
|
335
|
-
|
|
336
|
-
return getParents(global.parcelRequire, id).some(function (id) {
|
|
337
|
-
return hmrAcceptCheck(global.parcelRequire, id);
|
|
338
|
-
});
|
|
339
|
-
}
|
|
340
|
-
|
|
341
|
-
function hmrAcceptRun(bundle, id) {
|
|
342
|
-
var cached = bundle.cache[id];
|
|
343
|
-
bundle.hotData = {};
|
|
344
|
-
|
|
345
|
-
if (cached) {
|
|
346
|
-
cached.hot.data = bundle.hotData;
|
|
347
|
-
}
|
|
348
|
-
|
|
349
|
-
if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
|
|
350
|
-
cached.hot._disposeCallbacks.forEach(function (cb) {
|
|
351
|
-
cb(bundle.hotData);
|
|
352
|
-
});
|
|
353
|
-
}
|
|
354
|
-
|
|
355
|
-
delete bundle.cache[id];
|
|
356
|
-
bundle(id);
|
|
357
|
-
cached = bundle.cache[id];
|
|
358
|
-
|
|
359
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
360
|
-
cached.hot._acceptCallbacks.forEach(function (cb) {
|
|
361
|
-
cb();
|
|
362
|
-
});
|
|
363
|
-
|
|
364
|
-
return true;
|
|
365
|
-
}
|
|
366
|
-
}
|
|
367
|
-
},{}]},{},["../node_modules/parcel-bundler/src/builtins/hmr-runtime.js"], null)
|
|
368
|
-
//# sourceMappingURL=/window-scroller.a979c6d6.js.map
|
|
163
|
+
},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx"}]},{},[], null)
|