refactor: use streamed repo reader

src/main.tsx

···
 if (Symbol.dispose === undefined) {
 	Object.defineProperty(Symbol, 'dispose', { value: Symbol.for(`Symbol.dispose`) });
 }
+if (Symbol.asyncDispose === undefined) {
+	Object.defineProperty(Symbol, 'asyncDispose', { value: Symbol.for(`Symbol.asyncDispose`) });
+}
 
 render(App, document.body);

src/views/repository/repo-archive-explore/page.tsx

···
 import { Match, Switch } from 'solid-js';
 
-import { iterateAtpRepo } from '@atcute/car';
+import { RepoReader } from '@atcute/car/v4';
 
 import { createMutation } from '~/lib/utils/mutation';
 
···
 const ArchiveExplorePage = () => {
 	const mutation = createMutation({
 		async mutationFn({ file }: { file: File }): Promise<Archive> {
-			const buffer = new Uint8Array(await file.arrayBuffer());
+			const stream = file.stream();
+			await using repo = RepoReader.fromStream(stream);
 
 			const collections = new Map<string, RecordEntry[]>();
 			const archive: Archive = {
···
 				entries: [],
 			};
 
-			for (const entry of iterateAtpRepo(buffer)) {
+			for await (const entry of repo) {
 				let list = collections.get(entry.collection);
 				if (list === undefined) {
 					collections.set(entry.collection, (list = []));
···
 			}
 
 			return archive;
+		},
+		onError(err) {
+			console.error(err);
 		},
 	});
 

src/views/repository/repo-archive-unpack.tsx

···
 import { FileSystemWritableFileStream, showSaveFilePicker } from 'native-file-system-adapter';
 import { createSignal } from 'solid-js';
 
-import { iterateAtpRepo } from '@atcute/car';
+import { RepoReader } from '@atcute/car/v4';
 import { writeTarEntry } from '@mary/tar';
 
 import { createDropZone } from '~/lib/hooks/dropzone';
···
 	});
 
 	const mutate = async (file: File, signal: AbortSignal) => {
-		logger.info(`Starting extraction for ${file.name}`);
+		logger.log(`Starting extraction`);
 
-		const buf = await file.arrayBuffer();
-		const ui8 = new Uint8Array(buf);
+		const stream = file.stream();
+		await using repo = RepoReader.fromStream(stream);
 
-		let currentCollection: string | undefined;
 		let count = 0;
 
 		let writable: FileSystemWritableFileStream | undefined;
 
-		for (const { collection, rkey, record } of iterateAtpRepo(ui8)) {
+		using progress = logger.progress(`Unpacking records (${count} entries)`);
+
+		for await (const { collection, rkey, record } of repo) {
 			if (writable === undefined) {
 				using _progress = logger.progress(`Waiting for the user`);
 
···
 
 			signal.throwIfAborted();
 
-			if (currentCollection !== collection) {
-				logger.log(`Current progress: ${collection}`);
-				currentCollection = collection;
-
-				if (yieldToScheduler === undefined) {
-					await yieldToIdle();
-				}
-			}
-
 			const entry = writeTarEntry({
 				filename: `${collection}/${filenamify(rkey)}.json`,
 				data: JSON.stringify(record, null, 2),
 			});
 
+			progress.update(`Unpacking records (${count} entries)`);
 			writable.write(entry);
 			count++;