feat(web): Scroll to asset in gridview; increase gridview perf; reduce memory; scrollbar ticks in fixed position (#10646)
* Squashed
* Change strategy - now pre-measure buckets offscreen, so don't need to worry about sub-bucket scroll preservation
* Reduce jank on scroll, delay DOM updates until after scroll
* css opt, log measure time
* Trickle out queue while scrolling, flush when stopped
* yay
* Cleanup cleanup...
* everybody...
* everywhere...
* Clean up cleanup!
* Everybody do their share
* CLEANUP!
* package-lock ?
* dynamic measure, todo
* Fix web test
* type lint
* fix e2e
* e2e test
* Better scrollbar
* Tuning, and more tunables
* Tunable tweaks, more tunables
* Scrollbar dots and viewport events
* lint
* Tweaked tunnables, use requestIdleCallback for garbage tasks, bug fixes
* New tunables, and don't update url by default
* Bug fixes
* Bug fix, with debug
* Fix flickr, fix graybox bug, reduced debug
* Refactor/cleanup
* Fix
* naming
* Final cleanup
* review comment
* Forgot to update this after naming change
* scrubber works, with debug
* cleanup
* Rename scrollbar to scrubber
* rename to
* left over rename and change to previous album bar
* bugfix addassets, comments
* missing destroy(), cleanup
---------
Co-authored-by: Alex <alex.tran1502@gmail.com>
2024-08-21 22:15:21 -04:00
|
|
|
interface RequestIdleCallback {
|
|
|
|
didTimeout?: boolean;
|
|
|
|
timeRemaining?(): DOMHighResTimeStamp;
|
|
|
|
}
|
|
|
|
interface RequestIdleCallbackOptions {
|
|
|
|
timeout?: number;
|
|
|
|
}
|
|
|
|
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
|
|
function fake_requestIdleCallback(cb: (deadline: RequestIdleCallback) => any, _?: RequestIdleCallbackOptions) {
|
|
|
|
const start = Date.now();
|
|
|
|
return setTimeout(cb({ didTimeout: false, timeRemaining: () => Math.max(0, 50 - (Date.now() - start)) }), 100);
|
|
|
|
}
|
|
|
|
|
|
|
|
function fake_cancelIdleCallback(id: number) {
|
|
|
|
return clearTimeout(id);
|
|
|
|
}
|
|
|
|
|
2024-12-18 15:19:48 +01:00
|
|
|
export const idleCB = globalThis.requestIdleCallback || fake_requestIdleCallback;
|
|
|
|
export const cancelIdleCB = globalThis.cancelIdleCallback || fake_cancelIdleCallback;
|