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
|
@@ -141,6 +141,7 @@ function App() {
|
|
|
141
141
|
totalCount: 10,
|
|
142
142
|
initialTopMostItemIndex: 9,
|
|
143
143
|
itemContent: function itemContent(index) {
|
|
144
|
+
console.log(index);
|
|
144
145
|
return React.createElement("div", {
|
|
145
146
|
style: {
|
|
146
147
|
backgroundColor: '#e5e5e5',
|
|
@@ -153,209 +154,4 @@ function App() {
|
|
|
153
154
|
}
|
|
154
155
|
});
|
|
155
156
|
}
|
|
156
|
-
},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx"}],
|
|
157
|
-
var global = arguments[3];
|
|
158
|
-
var OVERLAY_ID = '__parcel__error__overlay__';
|
|
159
|
-
var OldModule = module.bundle.Module;
|
|
160
|
-
|
|
161
|
-
function Module(moduleName) {
|
|
162
|
-
OldModule.call(this, moduleName);
|
|
163
|
-
this.hot = {
|
|
164
|
-
data: module.bundle.hotData,
|
|
165
|
-
_acceptCallbacks: [],
|
|
166
|
-
_disposeCallbacks: [],
|
|
167
|
-
accept: function (fn) {
|
|
168
|
-
this._acceptCallbacks.push(fn || function () {});
|
|
169
|
-
},
|
|
170
|
-
dispose: function (fn) {
|
|
171
|
-
this._disposeCallbacks.push(fn);
|
|
172
|
-
}
|
|
173
|
-
};
|
|
174
|
-
module.bundle.hotData = null;
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
module.bundle.Module = Module;
|
|
178
|
-
var checkedAssets, assetsToAccept;
|
|
179
|
-
var parent = module.bundle.parent;
|
|
180
|
-
|
|
181
|
-
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
|
|
182
|
-
var hostname = "" || location.hostname;
|
|
183
|
-
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
|
|
184
|
-
var ws = new WebSocket(protocol + '://' + hostname + ':' + "60851" + '/');
|
|
185
|
-
|
|
186
|
-
ws.onmessage = function (event) {
|
|
187
|
-
checkedAssets = {};
|
|
188
|
-
assetsToAccept = [];
|
|
189
|
-
var data = JSON.parse(event.data);
|
|
190
|
-
|
|
191
|
-
if (data.type === 'update') {
|
|
192
|
-
var handled = false;
|
|
193
|
-
data.assets.forEach(function (asset) {
|
|
194
|
-
if (!asset.isNew) {
|
|
195
|
-
var didAccept = hmrAcceptCheck(global.parcelRequire, asset.id);
|
|
196
|
-
|
|
197
|
-
if (didAccept) {
|
|
198
|
-
handled = true;
|
|
199
|
-
}
|
|
200
|
-
}
|
|
201
|
-
}); // Enable HMR for CSS by default.
|
|
202
|
-
|
|
203
|
-
handled = handled || data.assets.every(function (asset) {
|
|
204
|
-
return asset.type === 'css' && asset.generated.js;
|
|
205
|
-
});
|
|
206
|
-
|
|
207
|
-
if (handled) {
|
|
208
|
-
console.clear();
|
|
209
|
-
data.assets.forEach(function (asset) {
|
|
210
|
-
hmrApply(global.parcelRequire, asset);
|
|
211
|
-
});
|
|
212
|
-
assetsToAccept.forEach(function (v) {
|
|
213
|
-
hmrAcceptRun(v[0], v[1]);
|
|
214
|
-
});
|
|
215
|
-
} else if (location.reload) {
|
|
216
|
-
// `location` global exists in a web worker context but lacks `.reload()` function.
|
|
217
|
-
location.reload();
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
|
-
|
|
221
|
-
if (data.type === 'reload') {
|
|
222
|
-
ws.close();
|
|
223
|
-
|
|
224
|
-
ws.onclose = function () {
|
|
225
|
-
location.reload();
|
|
226
|
-
};
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
if (data.type === 'error-resolved') {
|
|
230
|
-
console.log('[parcel] ✨ Error resolved');
|
|
231
|
-
removeErrorOverlay();
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
if (data.type === 'error') {
|
|
235
|
-
console.error('[parcel] 🚨 ' + data.error.message + '\n' + data.error.stack);
|
|
236
|
-
removeErrorOverlay();
|
|
237
|
-
var overlay = createErrorOverlay(data);
|
|
238
|
-
document.body.appendChild(overlay);
|
|
239
|
-
}
|
|
240
|
-
};
|
|
241
|
-
}
|
|
242
|
-
|
|
243
|
-
function removeErrorOverlay() {
|
|
244
|
-
var overlay = document.getElementById(OVERLAY_ID);
|
|
245
|
-
|
|
246
|
-
if (overlay) {
|
|
247
|
-
overlay.remove();
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
function createErrorOverlay(data) {
|
|
252
|
-
var overlay = document.createElement('div');
|
|
253
|
-
overlay.id = OVERLAY_ID; // html encode message and stack trace
|
|
254
|
-
|
|
255
|
-
var message = document.createElement('div');
|
|
256
|
-
var stackTrace = document.createElement('pre');
|
|
257
|
-
message.innerText = data.error.message;
|
|
258
|
-
stackTrace.innerText = data.error.stack;
|
|
259
|
-
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>';
|
|
260
|
-
return overlay;
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
function getParents(bundle, id) {
|
|
264
|
-
var modules = bundle.modules;
|
|
265
|
-
|
|
266
|
-
if (!modules) {
|
|
267
|
-
return [];
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
var parents = [];
|
|
271
|
-
var k, d, dep;
|
|
272
|
-
|
|
273
|
-
for (k in modules) {
|
|
274
|
-
for (d in modules[k][1]) {
|
|
275
|
-
dep = modules[k][1][d];
|
|
276
|
-
|
|
277
|
-
if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {
|
|
278
|
-
parents.push(k);
|
|
279
|
-
}
|
|
280
|
-
}
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
if (bundle.parent) {
|
|
284
|
-
parents = parents.concat(getParents(bundle.parent, id));
|
|
285
|
-
}
|
|
286
|
-
|
|
287
|
-
return parents;
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
function hmrApply(bundle, asset) {
|
|
291
|
-
var modules = bundle.modules;
|
|
292
|
-
|
|
293
|
-
if (!modules) {
|
|
294
|
-
return;
|
|
295
|
-
}
|
|
296
|
-
|
|
297
|
-
if (modules[asset.id] || !bundle.parent) {
|
|
298
|
-
var fn = new Function('require', 'module', 'exports', asset.generated.js);
|
|
299
|
-
asset.isNew = !modules[asset.id];
|
|
300
|
-
modules[asset.id] = [fn, asset.deps];
|
|
301
|
-
} else if (bundle.parent) {
|
|
302
|
-
hmrApply(bundle.parent, asset);
|
|
303
|
-
}
|
|
304
|
-
}
|
|
305
|
-
|
|
306
|
-
function hmrAcceptCheck(bundle, id) {
|
|
307
|
-
var modules = bundle.modules;
|
|
308
|
-
|
|
309
|
-
if (!modules) {
|
|
310
|
-
return;
|
|
311
|
-
}
|
|
312
|
-
|
|
313
|
-
if (!modules[id] && bundle.parent) {
|
|
314
|
-
return hmrAcceptCheck(bundle.parent, id);
|
|
315
|
-
}
|
|
316
|
-
|
|
317
|
-
if (checkedAssets[id]) {
|
|
318
|
-
return;
|
|
319
|
-
}
|
|
320
|
-
|
|
321
|
-
checkedAssets[id] = true;
|
|
322
|
-
var cached = bundle.cache[id];
|
|
323
|
-
assetsToAccept.push([bundle, id]);
|
|
324
|
-
|
|
325
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
326
|
-
return true;
|
|
327
|
-
}
|
|
328
|
-
|
|
329
|
-
return getParents(global.parcelRequire, id).some(function (id) {
|
|
330
|
-
return hmrAcceptCheck(global.parcelRequire, id);
|
|
331
|
-
});
|
|
332
|
-
}
|
|
333
|
-
|
|
334
|
-
function hmrAcceptRun(bundle, id) {
|
|
335
|
-
var cached = bundle.cache[id];
|
|
336
|
-
bundle.hotData = {};
|
|
337
|
-
|
|
338
|
-
if (cached) {
|
|
339
|
-
cached.hot.data = bundle.hotData;
|
|
340
|
-
}
|
|
341
|
-
|
|
342
|
-
if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
|
|
343
|
-
cached.hot._disposeCallbacks.forEach(function (cb) {
|
|
344
|
-
cb(bundle.hotData);
|
|
345
|
-
});
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
delete bundle.cache[id];
|
|
349
|
-
bundle(id);
|
|
350
|
-
cached = bundle.cache[id];
|
|
351
|
-
|
|
352
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
353
|
-
cached.hot._acceptCallbacks.forEach(function (cb) {
|
|
354
|
-
cb();
|
|
355
|
-
});
|
|
356
|
-
|
|
357
|
-
return true;
|
|
358
|
-
}
|
|
359
|
-
}
|
|
360
|
-
},{}]},{},["../node_modules/parcel-bundler/src/builtins/hmr-runtime.js"], null)
|
|
361
|
-
//# sourceMappingURL=/long-last-item.b56ff89c.js.map
|
|
157
|
+
},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx"}]},{},[], null)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["long-last-item.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEc,SAAU,GAAV,GAAa;AACzB,SACE,KAAA,CAAA,aAAA,CAAC,aAAD,EAAS;AACP,IAAA,cAAc,EAAE,wBAAC,GAAD;AAAA,4BAAiB,GAAjB;AAAA,KADT;AAEP,IAAA,UAAU,EAAE,EAFL;AAGP,IAAA,uBAAuB,EAAE,CAHlB;AAIP,IAAA,WAAW,EAAE,qBAAC,KAAD;
|
|
1
|
+
{"version":3,"sources":["long-last-item.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEc,SAAU,GAAV,GAAa;AACzB,SACE,KAAA,CAAA,aAAA,CAAC,aAAD,EAAS;AACP,IAAA,cAAc,EAAE,wBAAC,GAAD;AAAA,4BAAiB,GAAjB;AAAA,KADT;AAEP,IAAA,UAAU,EAAE,EAFL;AAGP,IAAA,uBAAuB,EAAE,CAHlB;AAIP,IAAA,WAAW,EAAE,qBAAC,KAAD,EAAU;AACrB,MAAA,OAAO,CAAC,GAAR,CAAY,KAAZ;AACA,aAAO,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,KAAK,EAAE;AAAE,UAAA,eAAe,EAAE,SAAnB;AAA8B,UAAA,MAAM,EAAE,KAAK,GAAG,CAAR,GAAY,GAAZ,GAAkB;AAAxD;AAAZ,OAAA,UAAA,EAAkF,KAAlF,CAAP;AACD,KAPM;AAQP,IAAA,KAAK,EAAE;AAAE,MAAA,MAAM,EAAE;AAAV;AARA,GAAT,CADF;AAYD","file":"long-last-item.b56ff89c.js","sourceRoot":"../e2e","sourcesContent":["import * as React from 'react'\nimport { Virtuoso } from '../src/'\n\nexport default function App() {\n return (\n <Virtuoso\n computeItemKey={(key) => `item-${key}`}\n totalCount={10}\n initialTopMostItemIndex={9}\n itemContent={(index) => {\n console.log(index)\n return <div style={{ backgroundColor: '#e5e5e5', height: index % 2 ? 800 : 100 }}>Group {index}</div>\n }}\n style={{ height: 500 }}\n />\n )\n}\n"]}
|
|
@@ -185,209 +185,4 @@ function App() {
|
|
|
185
185
|
style: style
|
|
186
186
|
}));
|
|
187
187
|
}
|
|
188
|
-
},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx"}],
|
|
189
|
-
var global = arguments[3];
|
|
190
|
-
var OVERLAY_ID = '__parcel__error__overlay__';
|
|
191
|
-
var OldModule = module.bundle.Module;
|
|
192
|
-
|
|
193
|
-
function Module(moduleName) {
|
|
194
|
-
OldModule.call(this, moduleName);
|
|
195
|
-
this.hot = {
|
|
196
|
-
data: module.bundle.hotData,
|
|
197
|
-
_acceptCallbacks: [],
|
|
198
|
-
_disposeCallbacks: [],
|
|
199
|
-
accept: function (fn) {
|
|
200
|
-
this._acceptCallbacks.push(fn || function () {});
|
|
201
|
-
},
|
|
202
|
-
dispose: function (fn) {
|
|
203
|
-
this._disposeCallbacks.push(fn);
|
|
204
|
-
}
|
|
205
|
-
};
|
|
206
|
-
module.bundle.hotData = null;
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
module.bundle.Module = Module;
|
|
210
|
-
var checkedAssets, assetsToAccept;
|
|
211
|
-
var parent = module.bundle.parent;
|
|
212
|
-
|
|
213
|
-
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
|
|
214
|
-
var hostname = "" || location.hostname;
|
|
215
|
-
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
|
|
216
|
-
var ws = new WebSocket(protocol + '://' + hostname + ':' + "60851" + '/');
|
|
217
|
-
|
|
218
|
-
ws.onmessage = function (event) {
|
|
219
|
-
checkedAssets = {};
|
|
220
|
-
assetsToAccept = [];
|
|
221
|
-
var data = JSON.parse(event.data);
|
|
222
|
-
|
|
223
|
-
if (data.type === 'update') {
|
|
224
|
-
var handled = false;
|
|
225
|
-
data.assets.forEach(function (asset) {
|
|
226
|
-
if (!asset.isNew) {
|
|
227
|
-
var didAccept = hmrAcceptCheck(global.parcelRequire, asset.id);
|
|
228
|
-
|
|
229
|
-
if (didAccept) {
|
|
230
|
-
handled = true;
|
|
231
|
-
}
|
|
232
|
-
}
|
|
233
|
-
}); // Enable HMR for CSS by default.
|
|
234
|
-
|
|
235
|
-
handled = handled || data.assets.every(function (asset) {
|
|
236
|
-
return asset.type === 'css' && asset.generated.js;
|
|
237
|
-
});
|
|
238
|
-
|
|
239
|
-
if (handled) {
|
|
240
|
-
console.clear();
|
|
241
|
-
data.assets.forEach(function (asset) {
|
|
242
|
-
hmrApply(global.parcelRequire, asset);
|
|
243
|
-
});
|
|
244
|
-
assetsToAccept.forEach(function (v) {
|
|
245
|
-
hmrAcceptRun(v[0], v[1]);
|
|
246
|
-
});
|
|
247
|
-
} else if (location.reload) {
|
|
248
|
-
// `location` global exists in a web worker context but lacks `.reload()` function.
|
|
249
|
-
location.reload();
|
|
250
|
-
}
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
if (data.type === 'reload') {
|
|
254
|
-
ws.close();
|
|
255
|
-
|
|
256
|
-
ws.onclose = function () {
|
|
257
|
-
location.reload();
|
|
258
|
-
};
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
if (data.type === 'error-resolved') {
|
|
262
|
-
console.log('[parcel] ✨ Error resolved');
|
|
263
|
-
removeErrorOverlay();
|
|
264
|
-
}
|
|
265
|
-
|
|
266
|
-
if (data.type === 'error') {
|
|
267
|
-
console.error('[parcel] 🚨 ' + data.error.message + '\n' + data.error.stack);
|
|
268
|
-
removeErrorOverlay();
|
|
269
|
-
var overlay = createErrorOverlay(data);
|
|
270
|
-
document.body.appendChild(overlay);
|
|
271
|
-
}
|
|
272
|
-
};
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
function removeErrorOverlay() {
|
|
276
|
-
var overlay = document.getElementById(OVERLAY_ID);
|
|
277
|
-
|
|
278
|
-
if (overlay) {
|
|
279
|
-
overlay.remove();
|
|
280
|
-
}
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
function createErrorOverlay(data) {
|
|
284
|
-
var overlay = document.createElement('div');
|
|
285
|
-
overlay.id = OVERLAY_ID; // html encode message and stack trace
|
|
286
|
-
|
|
287
|
-
var message = document.createElement('div');
|
|
288
|
-
var stackTrace = document.createElement('pre');
|
|
289
|
-
message.innerText = data.error.message;
|
|
290
|
-
stackTrace.innerText = data.error.stack;
|
|
291
|
-
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>';
|
|
292
|
-
return overlay;
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
function getParents(bundle, id) {
|
|
296
|
-
var modules = bundle.modules;
|
|
297
|
-
|
|
298
|
-
if (!modules) {
|
|
299
|
-
return [];
|
|
300
|
-
}
|
|
301
|
-
|
|
302
|
-
var parents = [];
|
|
303
|
-
var k, d, dep;
|
|
304
|
-
|
|
305
|
-
for (k in modules) {
|
|
306
|
-
for (d in modules[k][1]) {
|
|
307
|
-
dep = modules[k][1][d];
|
|
308
|
-
|
|
309
|
-
if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {
|
|
310
|
-
parents.push(k);
|
|
311
|
-
}
|
|
312
|
-
}
|
|
313
|
-
}
|
|
314
|
-
|
|
315
|
-
if (bundle.parent) {
|
|
316
|
-
parents = parents.concat(getParents(bundle.parent, id));
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
return parents;
|
|
320
|
-
}
|
|
321
|
-
|
|
322
|
-
function hmrApply(bundle, asset) {
|
|
323
|
-
var modules = bundle.modules;
|
|
324
|
-
|
|
325
|
-
if (!modules) {
|
|
326
|
-
return;
|
|
327
|
-
}
|
|
328
|
-
|
|
329
|
-
if (modules[asset.id] || !bundle.parent) {
|
|
330
|
-
var fn = new Function('require', 'module', 'exports', asset.generated.js);
|
|
331
|
-
asset.isNew = !modules[asset.id];
|
|
332
|
-
modules[asset.id] = [fn, asset.deps];
|
|
333
|
-
} else if (bundle.parent) {
|
|
334
|
-
hmrApply(bundle.parent, asset);
|
|
335
|
-
}
|
|
336
|
-
}
|
|
337
|
-
|
|
338
|
-
function hmrAcceptCheck(bundle, id) {
|
|
339
|
-
var modules = bundle.modules;
|
|
340
|
-
|
|
341
|
-
if (!modules) {
|
|
342
|
-
return;
|
|
343
|
-
}
|
|
344
|
-
|
|
345
|
-
if (!modules[id] && bundle.parent) {
|
|
346
|
-
return hmrAcceptCheck(bundle.parent, id);
|
|
347
|
-
}
|
|
348
|
-
|
|
349
|
-
if (checkedAssets[id]) {
|
|
350
|
-
return;
|
|
351
|
-
}
|
|
352
|
-
|
|
353
|
-
checkedAssets[id] = true;
|
|
354
|
-
var cached = bundle.cache[id];
|
|
355
|
-
assetsToAccept.push([bundle, id]);
|
|
356
|
-
|
|
357
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
358
|
-
return true;
|
|
359
|
-
}
|
|
360
|
-
|
|
361
|
-
return getParents(global.parcelRequire, id).some(function (id) {
|
|
362
|
-
return hmrAcceptCheck(global.parcelRequire, id);
|
|
363
|
-
});
|
|
364
|
-
}
|
|
365
|
-
|
|
366
|
-
function hmrAcceptRun(bundle, id) {
|
|
367
|
-
var cached = bundle.cache[id];
|
|
368
|
-
bundle.hotData = {};
|
|
369
|
-
|
|
370
|
-
if (cached) {
|
|
371
|
-
cached.hot.data = bundle.hotData;
|
|
372
|
-
}
|
|
373
|
-
|
|
374
|
-
if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
|
|
375
|
-
cached.hot._disposeCallbacks.forEach(function (cb) {
|
|
376
|
-
cb(bundle.hotData);
|
|
377
|
-
});
|
|
378
|
-
}
|
|
379
|
-
|
|
380
|
-
delete bundle.cache[id];
|
|
381
|
-
bundle(id);
|
|
382
|
-
cached = bundle.cache[id];
|
|
383
|
-
|
|
384
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
385
|
-
cached.hot._acceptCallbacks.forEach(function (cb) {
|
|
386
|
-
cb();
|
|
387
|
-
});
|
|
388
|
-
|
|
389
|
-
return true;
|
|
390
|
-
}
|
|
391
|
-
}
|
|
392
|
-
},{}]},{},["../node_modules/parcel-bundler/src/builtins/hmr-runtime.js"], null)
|
|
393
|
-
//# sourceMappingURL=/prepend-items.f2bda34b.js.map
|
|
188
|
+
},{"react":"../node_modules/react/index.js","../src":"../src/index.tsx"}]},{},[], null)
|
|
@@ -172,209 +172,4 @@ function App() {
|
|
|
172
172
|
}
|
|
173
173
|
});
|
|
174
174
|
}
|
|
175
|
-
},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx"}],
|
|
176
|
-
var global = arguments[3];
|
|
177
|
-
var OVERLAY_ID = '__parcel__error__overlay__';
|
|
178
|
-
var OldModule = module.bundle.Module;
|
|
179
|
-
|
|
180
|
-
function Module(moduleName) {
|
|
181
|
-
OldModule.call(this, moduleName);
|
|
182
|
-
this.hot = {
|
|
183
|
-
data: module.bundle.hotData,
|
|
184
|
-
_acceptCallbacks: [],
|
|
185
|
-
_disposeCallbacks: [],
|
|
186
|
-
accept: function (fn) {
|
|
187
|
-
this._acceptCallbacks.push(fn || function () {});
|
|
188
|
-
},
|
|
189
|
-
dispose: function (fn) {
|
|
190
|
-
this._disposeCallbacks.push(fn);
|
|
191
|
-
}
|
|
192
|
-
};
|
|
193
|
-
module.bundle.hotData = null;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
module.bundle.Module = Module;
|
|
197
|
-
var checkedAssets, assetsToAccept;
|
|
198
|
-
var parent = module.bundle.parent;
|
|
199
|
-
|
|
200
|
-
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
|
|
201
|
-
var hostname = "" || location.hostname;
|
|
202
|
-
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
|
|
203
|
-
var ws = new WebSocket(protocol + '://' + hostname + ':' + "60851" + '/');
|
|
204
|
-
|
|
205
|
-
ws.onmessage = function (event) {
|
|
206
|
-
checkedAssets = {};
|
|
207
|
-
assetsToAccept = [];
|
|
208
|
-
var data = JSON.parse(event.data);
|
|
209
|
-
|
|
210
|
-
if (data.type === 'update') {
|
|
211
|
-
var handled = false;
|
|
212
|
-
data.assets.forEach(function (asset) {
|
|
213
|
-
if (!asset.isNew) {
|
|
214
|
-
var didAccept = hmrAcceptCheck(global.parcelRequire, asset.id);
|
|
215
|
-
|
|
216
|
-
if (didAccept) {
|
|
217
|
-
handled = true;
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
|
-
}); // Enable HMR for CSS by default.
|
|
221
|
-
|
|
222
|
-
handled = handled || data.assets.every(function (asset) {
|
|
223
|
-
return asset.type === 'css' && asset.generated.js;
|
|
224
|
-
});
|
|
225
|
-
|
|
226
|
-
if (handled) {
|
|
227
|
-
console.clear();
|
|
228
|
-
data.assets.forEach(function (asset) {
|
|
229
|
-
hmrApply(global.parcelRequire, asset);
|
|
230
|
-
});
|
|
231
|
-
assetsToAccept.forEach(function (v) {
|
|
232
|
-
hmrAcceptRun(v[0], v[1]);
|
|
233
|
-
});
|
|
234
|
-
} else if (location.reload) {
|
|
235
|
-
// `location` global exists in a web worker context but lacks `.reload()` function.
|
|
236
|
-
location.reload();
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
if (data.type === 'reload') {
|
|
241
|
-
ws.close();
|
|
242
|
-
|
|
243
|
-
ws.onclose = function () {
|
|
244
|
-
location.reload();
|
|
245
|
-
};
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
if (data.type === 'error-resolved') {
|
|
249
|
-
console.log('[parcel] ✨ Error resolved');
|
|
250
|
-
removeErrorOverlay();
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
if (data.type === 'error') {
|
|
254
|
-
console.error('[parcel] 🚨 ' + data.error.message + '\n' + data.error.stack);
|
|
255
|
-
removeErrorOverlay();
|
|
256
|
-
var overlay = createErrorOverlay(data);
|
|
257
|
-
document.body.appendChild(overlay);
|
|
258
|
-
}
|
|
259
|
-
};
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
function removeErrorOverlay() {
|
|
263
|
-
var overlay = document.getElementById(OVERLAY_ID);
|
|
264
|
-
|
|
265
|
-
if (overlay) {
|
|
266
|
-
overlay.remove();
|
|
267
|
-
}
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
function createErrorOverlay(data) {
|
|
271
|
-
var overlay = document.createElement('div');
|
|
272
|
-
overlay.id = OVERLAY_ID; // html encode message and stack trace
|
|
273
|
-
|
|
274
|
-
var message = document.createElement('div');
|
|
275
|
-
var stackTrace = document.createElement('pre');
|
|
276
|
-
message.innerText = data.error.message;
|
|
277
|
-
stackTrace.innerText = data.error.stack;
|
|
278
|
-
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>';
|
|
279
|
-
return overlay;
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
function getParents(bundle, id) {
|
|
283
|
-
var modules = bundle.modules;
|
|
284
|
-
|
|
285
|
-
if (!modules) {
|
|
286
|
-
return [];
|
|
287
|
-
}
|
|
288
|
-
|
|
289
|
-
var parents = [];
|
|
290
|
-
var k, d, dep;
|
|
291
|
-
|
|
292
|
-
for (k in modules) {
|
|
293
|
-
for (d in modules[k][1]) {
|
|
294
|
-
dep = modules[k][1][d];
|
|
295
|
-
|
|
296
|
-
if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {
|
|
297
|
-
parents.push(k);
|
|
298
|
-
}
|
|
299
|
-
}
|
|
300
|
-
}
|
|
301
|
-
|
|
302
|
-
if (bundle.parent) {
|
|
303
|
-
parents = parents.concat(getParents(bundle.parent, id));
|
|
304
|
-
}
|
|
305
|
-
|
|
306
|
-
return parents;
|
|
307
|
-
}
|
|
308
|
-
|
|
309
|
-
function hmrApply(bundle, asset) {
|
|
310
|
-
var modules = bundle.modules;
|
|
311
|
-
|
|
312
|
-
if (!modules) {
|
|
313
|
-
return;
|
|
314
|
-
}
|
|
315
|
-
|
|
316
|
-
if (modules[asset.id] || !bundle.parent) {
|
|
317
|
-
var fn = new Function('require', 'module', 'exports', asset.generated.js);
|
|
318
|
-
asset.isNew = !modules[asset.id];
|
|
319
|
-
modules[asset.id] = [fn, asset.deps];
|
|
320
|
-
} else if (bundle.parent) {
|
|
321
|
-
hmrApply(bundle.parent, asset);
|
|
322
|
-
}
|
|
323
|
-
}
|
|
324
|
-
|
|
325
|
-
function hmrAcceptCheck(bundle, id) {
|
|
326
|
-
var modules = bundle.modules;
|
|
327
|
-
|
|
328
|
-
if (!modules) {
|
|
329
|
-
return;
|
|
330
|
-
}
|
|
331
|
-
|
|
332
|
-
if (!modules[id] && bundle.parent) {
|
|
333
|
-
return hmrAcceptCheck(bundle.parent, id);
|
|
334
|
-
}
|
|
335
|
-
|
|
336
|
-
if (checkedAssets[id]) {
|
|
337
|
-
return;
|
|
338
|
-
}
|
|
339
|
-
|
|
340
|
-
checkedAssets[id] = true;
|
|
341
|
-
var cached = bundle.cache[id];
|
|
342
|
-
assetsToAccept.push([bundle, id]);
|
|
343
|
-
|
|
344
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
345
|
-
return true;
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
return getParents(global.parcelRequire, id).some(function (id) {
|
|
349
|
-
return hmrAcceptCheck(global.parcelRequire, id);
|
|
350
|
-
});
|
|
351
|
-
}
|
|
352
|
-
|
|
353
|
-
function hmrAcceptRun(bundle, id) {
|
|
354
|
-
var cached = bundle.cache[id];
|
|
355
|
-
bundle.hotData = {};
|
|
356
|
-
|
|
357
|
-
if (cached) {
|
|
358
|
-
cached.hot.data = bundle.hotData;
|
|
359
|
-
}
|
|
360
|
-
|
|
361
|
-
if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
|
|
362
|
-
cached.hot._disposeCallbacks.forEach(function (cb) {
|
|
363
|
-
cb(bundle.hotData);
|
|
364
|
-
});
|
|
365
|
-
}
|
|
366
|
-
|
|
367
|
-
delete bundle.cache[id];
|
|
368
|
-
bundle(id);
|
|
369
|
-
cached = bundle.cache[id];
|
|
370
|
-
|
|
371
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
|
372
|
-
cached.hot._acceptCallbacks.forEach(function (cb) {
|
|
373
|
-
cb();
|
|
374
|
-
});
|
|
375
|
-
|
|
376
|
-
return true;
|
|
377
|
-
}
|
|
378
|
-
}
|
|
379
|
-
},{}]},{},["../node_modules/parcel-bundler/src/builtins/hmr-runtime.js"], null)
|
|
380
|
-
//# sourceMappingURL=/prepend-last-tall-item.168a9e65.js.map
|
|
175
|
+
},{"react":"../node_modules/react/index.js","../src/":"../src/index.tsx"}]},{},[], null)
|