gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-12-18 14:31:30 +03:00
Code Issues Packages Projects Releases Wiki Activity

Render files in chunks of 100

Browse Source 
Rendering the files in chunks of 100 prevents the UI from completly locking up. It is a little slugish until it finishes rendering (for the same 2 seconds), but is a markable improvement none hte less
This commit is contained in:
Caleb Owens 2024-05-06 01:44:26 +01:00
parent 85e3420f23
commit 645726ab93
1 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
app/src/lib/components/BranchFilesList.svelte
View File

@ -4,6 +4,7 @@
import { getContext } from '$lib/utils/context';
import { selectFilesInList } from '$lib/utils/selectFilesInList';
import { maybeMoveSelection } from '$lib/utils/selection';
import { sleep } from '$lib/utils/sleep';
import { getCommitStore } from '$lib/vbranches/contexts';
import { FileIdSelection, fileKey } from '$lib/vbranches/fileIdSelection';
import { sortLikeFileTree } from '$lib/vbranches/filetree';
@ -18,7 +19,27 @@
const fileIdSelection = getContext(FileIdSelection);
const commit = getCommitStore();
$: sortedFiles = sortLikeFileTree(files);
let sortedFiles: AnyFile[] = [];
function chunk<T>(arr: T[], size: number) {
return Array.from({ length: Math.ceil(arr.length / size) }, (v, i) =>
arr.slice(i * size, i * size + size)
);
}
// Appending the files in this manner prevents any major freezing when rendering a long list of files
// The UI may be slightly sluggish while the files are still rendering in, but its quite a bit of an
// improvement over being stuck on a frozen icon
async function pushSortedFiles(files: AnyFile[]) {
sortedFiles = [];
for (let filesChunk of chunk(files, 100)) {
sortedFiles = [...sortedFiles, ...filesChunk];
await sleep(0);
}
}
$: pushSortedFiles(sortLikeFileTree(files));
</script>
<BranchFilesHeader {files} {showCheckboxes} />