feat: sky zoo

src/hooks/useSkyZoo.test.tsx

@@ -0,0 +1,24 @@
+import { renderHook, waitFor } from '@testing-library/react';
+import { describe, expect, test } from 'vitest';
+import { useSkyZoo } from './useSkyZoo';
+import { TestRouterProvider } from '@/test/helpers/test-router-provider';
+
+describe('useSkyZoo', () => {
+  test('returns user position', async () => {
+    const { result } = renderHook(() => useSkyZoo({ did: 'did:plc:k6acu4chiwkixvdedcmdgmal' }), {
+      wrapper: ({ children }) => <TestRouterProvider>{children}</TestRouterProvider>,
+    });
+
+    expect(result.current.data).toBe(undefined);
+    expect(result.current.error).toBe(null);
+
+    await waitFor(() => expect(result.current.isSuccess).toBe(true));
+
+    expect(result.current.data).toEqual({
+      did: 'did:plc:k6acu4chiwkixvdedcmdgmal',
+      pos_atproto: 13658725,
+      pos_bsky: 13591459,
+      createdAt: '2024-10-21T12:09:43.477Z',
+    });
+  });
+});

src/hooks/useSkyZoo.ts

@@ -0,0 +1,17 @@
+import { useQuery } from '@tanstack/react-query';
+
+export function useSkyZoo({ did }: { did: string }) {
+  return useQuery({
+    queryKey: ['sky-zoo', { did }],
+    queryFn: async () => {
+      const response = await fetch(`https://skyzoo.blue/stats/plc/${did}`);
+      if (!response.ok) throw new Error('Failed to fetch SkyZoo stats');
+      return (await response.json()) as {
+        did: string;
+        pos_atproto: number;
+        pos_bsky: number;
+        createdAt: string;
+      };
+    },
+  });
+}