5chan/src/hooks/useFeedStateString.js

import { useMemo } from 'react';

const useFeedStateString = (subplebbits) => {
	return useMemo(() => {
		const getClientHost = (clientUrl) => {
			try {
				clientUrl = new URL(clientUrl).hostname || clientUrl;
			} catch (e) {}
			return clientUrl;
		};
		const getClientUrls = (regex) => {
			const clientUrls = new Set();
			const addClientUrl = (client, clientUrl) => client?.state?.match?.(regex) && clientUrls.add(getClientHost(clientUrl));
			for (const subplebbit of subplebbits) {
				for (const clientUrl in subplebbit?.clients?.ipfsGateways) {
					addClientUrl(subplebbit.clients.ipfsGateways[clientUrl], clientUrl);
				}
				for (const clientUrl in subplebbit?.clients?.ipfsClients) {
					addClientUrl(subplebbit.clients.ipfsClients[clientUrl], clientUrl);
				}
				for (const chainTicker in subplebbit?.clients?.chainProviders) {
					for (const clientUrl in subplebbit.clients.chainProviders[chainTicker]) {
						addClientUrl(subplebbit.clients.chainProviders[chainTicker][clientUrl], clientUrl);
					}
				}
				// find subplebbit pages states
				if (subplebbit?.posts?.clients) {
					for (const clientType in subplebbit.posts.clients) {
						for (const sortType in subplebbit.posts.clients[clientType]) {
							for (const clientUrl in subplebbit.posts.clients[clientType][sortType]) {
								addClientUrl(subplebbit.posts.clients[clientType][sortType][clientUrl], clientUrl);
							}
						}
					}
				}
			}
			return [...clientUrls];
		};

		if (!subplebbits) {
			return;
		}

		const states = {};
		for (const subplebbit of subplebbits) {
			states[subplebbit?.updatingState] = (states[subplebbit?.updatingState] || 0) + 1;
			// find subplebbit pages states
			for (const clientType in subplebbit?.posts?.clients) {
				for (const sortType in subplebbit.posts.clients[clientType]) {
					for (const clientUrl in subplebbit.posts.clients[clientType][sortType]) {
						const state = subplebbit.posts.clients[clientType][sortType][clientUrl].state;
						states[state] = (states[state] || 0) + 1;
					}
				}
			}
		}

		// e.g. Resolving 2 addresses from infura.io, fetching 2 IPNS, 1 IPFS from cloudflare-ipfs.com, ipfs.io
		let stateString = '';
		if (states['resolving-address']) {
			stateString += `resolving ${states['resolving-address']} addresses`;
			const clientUrls = getClientUrls(/address/);
			if (clientUrls.length) {
				stateString += ` from ${clientUrls.join(', ')}`;
			}
		}
		if (states['fetching-ipns'] || states['fetching-ipfs']) {
			if (stateString) {
				stateString += ', ';
			}
			stateString += `fetching `;
			if (states['fetching-ipns']) {
				stateString += `${states['fetching-ipns']} IPNS`;
			}
			if (states['fetching-ipfs']) {
				if (states['fetching-ipns']) {
					stateString += ', ';
				}
				stateString += `${states['fetching-ipfs']} IPFS`;
			}
			const clientUrls = getClientUrls(/ipfs|ipns/);
			if (clientUrls.length) {
				stateString += ` from ${clientUrls.join(', ')}`;
			}
		}

		// capitalize first letter
		stateString = stateString.charAt(0).toUpperCase() + stateString.slice(1);

		// if string is empty, return undefined instead
		return stateString || undefined;
	}, [subplebbits]);
};

export default useFeedStateString;