Function addFiles

website/app/hooks/useFontWorkbench.ts:127–185

(files: File[])

	};

	const addFiles = async (files: File[]) => {
		setProjectError(undefined);
		setProjectNotice(undefined);
		const entries: FontSourceEntry[] = files.map((file) => ({
			id: nextSourceId.current++,
			file,
			inspection: null,
		}));
		if (entries.length === 0) return;
		const totalBytes = [...sources, ...entries].reduce(
			(total, source) => total + source.file.size,
			0,
		);
		if (totalBytes > MAX_PROJECT_BYTES) {
			setProjectError(
				'The selected files would exceed the 250 MB batch limit. Remove some font files or choose fewer files.',
			);
			return;
		}

		resetResults();
		setSources((current) => [...current, ...entries]);
		const ctx = createFontContext();

		try {
			await processWithConcurrency(
				entries,
				async (entry) => {
					try {
						const inspection = await inspectFont(
							ctx,
							new Uint8Array(await entry.file.arrayBuffer()),
						);

						setSources((current) =>
							current.map((source) =>
								source.id === entry.id ? { ...source, inspection } : source,
							),
						);
					} catch {
						setSources((current) =>
							current.map((source) =>
								source.id === entry.id
									? {
											...source,
											error:
												'We could not read this file as a font. Try another copy.',
										}
									: source,
							),
						);
					}
				},
				() => stopRequested.current,
			);
		} finally {
			ctx.destroy();
		}