Add useLabels composable

Author: Destiner

src/composables/useLabels.ts

@@ -0,0 +1,60 @@
+import { Address } from 'viem';
+
+import LabelService, { Label } from '@/services/labels';
+import useStore from '@/stores/labels.js';
+import { Chain } from '@/utils/chains';
+
+interface UseLabels {
+  requestLabels: (chain: Chain, addresses: Address[]) => Promise<void>;
+  getLabel: (chain: Chain, address: Address) => Label | null;
+  getLabelText: (chain: Chain, address: Address) => string | null;
+}
+
+function useLabels(): UseLabels {
+  const store = useStore();
+
+  async function requestLabels(
+    chain: Chain,
+    addresses: Address[],
+  ): Promise<void> {
+    // Fetch a label for every address only once
+    const addressSet = new Set<Address>();
+    for (const address of addresses) {
+      const existingLabel = store.getLabel(chain, address);
+      if (!existingLabel) {
+        addressSet.add(address);
+      }
+    }
+    const uniqueAddresses = Array.from(addressSet);
+    if (uniqueAddresses.length === 0) {
+      return;
+    }
+    const labelService = new LabelService(chain);
+    const labels = await labelService.getLabels(uniqueAddresses);
+    if (Object.keys(labels).length === 0) {
+      return;
+    }
+    store.addLabels(chain, labels);
+  }
+
+  function getLabel(chain: Chain, address: Address): Label | null {
+    return store.getLabel(chain, address);
+  }
+
+  function getLabelText(chain: Chain, address: Address): string | null {
+    const label = getLabel(chain, address);
+    return label
+      ? label.namespace
+        ? `${label.namespace.value} ${label.value}`
+        : label.value
+      : null;
+  }
+
+  return {
+    requestLabels,
+    getLabel,
+    getLabelText,
+  };
+}
+
+export default useLabels;