feat: Add React Query hooks for HackerNews API migration (Phase 1)

src/hooks/index.ts

@@ -0,0 +1,5 @@
+export { useFeed } from './useFeed';
+export { useItem } from './useItem';
+export { useUser } from './useUser';
+export { usePollResults } from './usePollResults';
+export type { Story, User, PollResult, Comment, FeedType } from './types';

src/hooks/types.ts

@@ -0,0 +1,44 @@
+export type FeedType = 'poll' | 'story' | 'job';
+
+export interface Comment {
+    id: number;
+    level: number;
+    user: string;
+    time: number;
+    time_ago: string;
+    content: string;
+    deleted: boolean;
+    comments: Comment[];
+}
+
+export interface PollResult {
+    points: number;
+    content: string;
+}
+
+export interface Story {
+    id: number;
+    title: string;
+    points: number;
+    user: string;
+    time: number;
+    time_ago: number;
+    type: FeedType;
+    url: string;
+    domain: string;
+    comments: Comment[];
+    comments_count: number;
+    poll: PollResult[];
+    poll_votes_count: number;
+    deleted: boolean;
+    dead: boolean;
+}
+
+export interface User {
+    id: string;
+    crated_time: number;
+    created: string;
+    karma: number;
+    avg: number;
+    about: string;
+}

src/hooks/useFeed.ts

@@ -0,0 +1,19 @@
+import { useQuery, UseQueryResult } from '@tanstack/react-query';
+import { Story } from './types';
+
+const BASE_URL = 'https://node-hnapi.herokuapp.com';
+
+async function fetchFeed(feedType: string, page: number): Promise<Story[]> {
+    const response = await fetch(`${BASE_URL}/${feedType}?page=${page}`);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch feed: ${response.statusText}`);
+    }
+    return response.json();
+}
+
+export function useFeed(feedType: string, page: number): UseQueryResult<Story[]> {
+    return useQuery({
+        queryKey: ['feed', feedType, page],
+        queryFn: () => fetchFeed(feedType, page),
+    });
+}

src/hooks/useItem.ts

@@ -0,0 +1,44 @@
+import { useQuery, UseQueryResult } from '@tanstack/react-query';
+import { Story, PollResult } from './types';
+
+const BASE_URL = 'https://node-hnapi.herokuapp.com';
+
+async function fetchPollOption(id: number): Promise<PollResult> {
+    const response = await fetch(`${BASE_URL}/item/${id}`);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch poll option: ${response.statusText}`);
+    }
+    return response.json();
+}
+
+async function fetchItem(id: number): Promise<Story> {
+    const response = await fetch(`${BASE_URL}/item/${id}`);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch item: ${response.statusText}`);
+    }
+    const story: Story = await response.json();
+
+    if (story.type === 'poll') {
+        const numberOfPollOptions = story.poll.length;
+        const pollPromises: Promise<PollResult>[] = [];
+        for (let i = 1; i <= numberOfPollOptions; i++) {
+            pollPromises.push(fetchPollOption(story.id + i));
+        }
+        const pollResults = await Promise.all(pollPromises);
+        story.poll = pollResults;
+        story.poll_votes_count = pollResults.reduce(
+            (total, result) => total + result.points,
+            0
+        );
+    }
+
+    return story;
+}
+
+export function useItem(id: number): UseQueryResult<Story> {
+    return useQuery({
+        queryKey: ['item', id],
+        queryFn: () => fetchItem(id),
+        enabled: id > 0,
+    });
+}

src/hooks/usePollResults.ts

@@ -0,0 +1,20 @@
+import { useQuery, UseQueryResult } from '@tanstack/react-query';
+import { PollResult } from './types';
+
+const BASE_URL = 'https://node-hnapi.herokuapp.com';
+
+async function fetchPollResults(id: number): Promise<PollResult> {
+    const response = await fetch(`${BASE_URL}/item/${id}`);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch poll results: ${response.statusText}`);
+    }
+    return response.json();
+}
+
+export function usePollResults(id: number): UseQueryResult<PollResult> {
+    return useQuery({
+        queryKey: ['pollResults', id],
+        queryFn: () => fetchPollResults(id),
+        enabled: id > 0,
+    });
+}

src/hooks/useUser.ts

@@ -0,0 +1,20 @@
+import { useQuery, UseQueryResult } from '@tanstack/react-query';
+import { User } from './types';
+
+const BASE_URL = 'https://node-hnapi.herokuapp.com';
+
+async function fetchUser(id: string): Promise<User> {
+    const response = await fetch(`${BASE_URL}/user/${id}`);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch user: ${response.statusText}`);
+    }
+    return response.json();
+}
+
+export function useUser(id: string): UseQueryResult<User> {
+    return useQuery({
+        queryKey: ['user', id],
+        queryFn: () => fetchUser(id),
+        enabled: id.length > 0,
+    });
+}