Function createStableDevicesQuery

apps/desktop/src/utils/devices.ts:96–238

(
	enabled: Accessor<boolean> = () => true,
)

}

export function createStableDevicesQuery(
	enabled: Accessor<boolean> = () => true,
) {
	const query = createDevicesQuery(enabled);

	const [cameras, setCameras] = createStore<CameraWithDetails[]>([]);
	const [microphones, setMicrophones] = createStore<MicrophoneWithDetails[]>(
		[],
	);

	const cameraDetailsCache: CameraDetailsCache = {};
	const micDetailsCache: MicDetailsCache = {};
	const pendingCameraFetches = new Set<string>();
	const pendingMicFetches = new Set<string>();

	createEffect(() => {
		const rawCameras = query.data?.cameras ?? [];

		const currentCameras = untrack(() => cameras);
		const hasListChanged = cameraListChanged(currentCameras, rawCameras);

		if (hasListChanged) {
			const existingMap = new Map(
				currentCameras.map((c) => [
					c.device_id,
					{ bestFormat: c.bestFormat, formats: c.formats },
				]),
			);

			const newCameras: CameraWithDetails[] = rawCameras.map((c) => ({
				...c,
				...(cameraDetailsCache[c.device_id] ?? existingMap.get(c.device_id)),
			}));

			setCameras(newCameras);
		}

		for (const camera of rawCameras) {
			if (
				!cameraDetailsCache[camera.device_id] &&
				!pendingCameraFetches.has(camera.device_id)
			) {
				pendingCameraFetches.add(camera.device_id);
				commands.getCameraFormats(camera.device_id).then((formats) => {
					pendingCameraFetches.delete(camera.device_id);
					if (formats) {
						const details = {
							bestFormat: formats.bestFormat ?? undefined,
							formats: formats.formats,
						};
						cameraDetailsCache[camera.device_id] = details;
						setCameras(
							produce((cams) => {
								const cam = cams.find((c) => c.device_id === camera.device_id);
								if (cam) {
									cam.bestFormat = details.bestFormat;
									cam.formats = details.formats;
								}