HN Notifier

\n \n \n \n \n );\n}",[],[222,229,236],{"_106":245,"_97":246,"_145":247,"_147":230,"_148":136,"_149":248,"_151":119,"_108":249,"_102":250,"_154":174,"_156":251,"_157":27,"_158":252,"_100":253},"3f877afe-f8a8-11ef-aa4a-569c3dd06744","Input.tsx","6eacb144-f85a-11ef-94ee-569c3dd06744",1539,["D",1741058697574],172,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { ErrorBoundary } from \"https://esm.sh/react-error-boundary\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { useUrls } from \"https://esm.town/v/nbbaier/hn_notifier/frontend/components/ItemContext.tsx\";\n\ninterface InputProps {\n placeholder?: string;\n initialValue?: string;\n onSubmit?: (url: string) => void;\n}\n\nconst InputComponent: React.FC = ({\n placeholder = \"Enter a Hacker News URL\",\n initialValue = \"\",\n onSubmit,\n}) => {\n const [url, setUrl] = useState(initialValue);\n const { saveUrl, isLoading } = useUrls();\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault(); // Prevent the default form submission\n\n try {\n // Extract the ID from the URL\n const idParam = new URL(url).searchParams.get(\"id\");\n\n if (!idParam) {\n console.error(\"Invalid URL: missing id parameter\");\n return;\n }\n\n const id = parseInt(idParam, 10);\n\n if (isNaN(id)) {\n console.error(\"Invalid ID: not a number\");\n return;\n }\n\n // Save the URL using the context function\n console.log(\"saving:\", id);\n await saveUrl(id);\n\n // Clear the input field\n setUrl(\"\");\n\n // Call the onSubmit callback if provided\n if (onSubmit) {\n onSubmit(url);\n }\n } catch (error) {\n console.error(\"Error submitting URL:\", error);\n }\n };\n\n return (\n \n );\n};\n\nexport default InputComponent;",[],[222,229,246],{"_106":255,"_97":256,"_145":257,"_147":230,"_148":136,"_149":258,"_151":27,"_108":259,"_102":260,"_154":174,"_156":261,"_157":27,"_158":262,"_100":263},"344bec64-f88b-11ef-98e8-569c3dd06744","ItemContext.tsx","25633b7a-f887-11ef-92e9-569c3dd06744",1423,["D",1741046223320],58,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createContext, type ReactNode, useContext, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { $api } from \"https://esm.town/v/nbbaier/hn_notifier/backend/fetchClient.ts\";\nimport type { DBItem } from \"https://esm.town/v/nbbaier/hn_notifier/shared/types.ts\";\n\ninterface ItemsContextType {\n items: DBItem[];\n isLoading: boolean;\n saveUrl: (id: number) => Promise;\n unfollowUrl: (id: number) => Promise;\n fetchUrls: () => Promise;\n}\n\nconst ItemsContext = createContext({\n items: [],\n isLoading: false,\n saveUrl: async () => {\n throw new Error(\"saveUrl function not implemented\");\n },\n unfollowUrl: async () => {\n throw new Error(\"unfollowUrl function not implemented\");\n },\n fetchUrls: async () => {\n throw new Error(\"fetchUrls function not implemented\");\n },\n});\n\ninterface ItemsProviderProps {\n children: ReactNode;\n}\n\nexport const ItemsProvider: React.FC = ({ children }) => {\n const [items, setItems] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n\n // Function to fetch URLs that can be called from components\n const fetchUrls = async (): Promise => {\n setIsLoading(true);\n try {\n const { data, error } = await $api(\"/list\");\n if (data) {\n setItems(data);\n } else {\n setItems([]);\n }\n } catch (error) {\n console.error(\"Failed to fetch items:\", error);\n setItems([]);\n } finally {\n setIsLoading(false);\n }\n };\n\n useEffect(() => {\n fetchUrls();\n }, []);\n\n const saveUrl = async (id: number): Promise => {\n setIsLoading(true);\n try {\n const { data, error } = await $api(\"/follow\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ id }),\n });\n\n await fetchUrls(); // Refresh the list after saving\n } catch (error) {\n console.error(\"Failed to add item:\", error);\n } finally {\n setIsLoading(false);\n }\n };\n\n const unfollowUrl = async (id: number): Promise => {\n setIsLoading(true);\n try {\n const { data, error } = await $api(`/unfollow/${id}`);\n await fetchUrls(); // Refresh the list after unfollowing\n } catch (error) {\n console.error(\"Failed to unfollow item:\", error);\n } finally {\n setIsLoading(false);\n }\n };\n\n const contextValue: ItemsContextType = {\n items,\n isLoading,\n saveUrl,\n unfollowUrl,\n fetchUrls,\n };\n\n return (\n \n {children}\n \n );\n};\n\nexport const useUrls = (): ItemsContextType => {\n const context = useContext(ItemsContext);\n\n if (context === undefined) {\n throw new Error(\"useUrls must be used within an ItemsProvider\");\n }\n\n return context;\n};",[],[222,229,256],{"_106":265,"_97":266,"_145":267,"_147":230,"_148":136,"_149":103,"_151":27,"_108":268,"_102":269,"_154":174,"_156":270,"_157":27,"_158":271,"_100":272},"f01b1916-f8ad-11ef-bf2e-569c3dd06744","ListSection.tsx","7d0319fe-f86e-11ef-a67c-569c3dd06744",["D",1741061141301],89,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { useUrls } from \"https://esm.town/v/nbbaier/hn_notifier/frontend/components/ItemContext.tsx\";\nimport type { DBItem } from \"https://esm.town/v/nbbaier/hn_notifier/shared/types.ts\";\nimport { HN_BASE_URL } from \"https://esm.town/v/nbbaier/hn_notifier/shared/utils.ts\";\n\ninterface SectionProps {\n type: \"stories\" | \"comments\";\n}\n\nconst Section: React.FC = ({ type }) => {\n const [isOpen, setIsOpen] = useState(false); // Default to collapsed\n const { items, unfollowUrl, isLoading } = useUrls();\n\n // Filter items based on type if needed\n // This is a placeholder - adjust the filtering logic based on your actual data structure\n const filteredUrls = items.filter(item => {\n if (type === \"stories\") {\n return item.type === \"story\"; // Assuming there's an is_comment field\n } else {\n return item.type === \"comment\";\n }\n });\n\n async function handleClick(id: number) {\n await unfollowUrl(id);\n }\n\n return (\n

\n setIsOpen(!isOpen)} // Add toggle function\n >\n {type.charAt(0).toUpperCase() + type.slice(1)}\n \n {isOpen\n ? (\n \n \n \n )\n : (\n \n \n \n )}\n \n \n\n {isOpen && ( // Conditional rendering based on state\n <>\n {isLoading &&

}\n

\n \n \n {url.title || `${HN_BASE_URL}?id=${url.id}`}\n \n {`${HN_BASE_URL}?id=${url.id}`}\n \n handleClick(url.id)}\n className=\"px-2 btn btn-sm btn-ghost text-neutral-900 hover:text-red-600\"\n disabled={isLoading}\n >\n \n \n \n \n \n ))}\n {filteredUrls.length === 0 && !isLoading && (\n

No {type} to display

\n )}\n

\n \n )}\n

\n );\n};\n\nexport default Section;",[],[222,229,266],[222,229],{"_106":275,"_97":276,"_145":277,"_147":223,"_148":136,"_149":278,"_151":119,"_108":279,"_102":280,"_154":281,"_156":282,"_157":27,"_158":283,"_100":284},"3ee4d69e-f891-11ef-b20d-569c3dd06744","favicon.svg","04f9b060-f618-11ef-bcdf-569c3dd06744",1446,["D",1741048818081],6,"file","",[],[222,276],{"_106":286,"_97":287,"_145":288,"_147":223,"_148":136,"_149":289,"_151":27,"_108":290,"_102":291,"_154":281,"_156":292,"_157":27,"_158":293,"_100":294},"9cdbb46a-f879-11ef-a82f-569c3dd06744","index.html","817cda0c-f601-11ef-a77a-569c3dd06744",1288,["D",1741038667805],76," \n\n \n \n \n HN Notifier\n \n \n \n \n \n \n \n \n

\n \n \n \n",[],[222,287],{"_106":296,"_97":297,"_145":298,"_147":223,"_148":136,"_149":299,"_151":119,"_108":300,"_102":301,"_154":174,"_156":302,"_157":27,"_158":303,"_100":304},"72a1a90c-f892-11ef-844d-569c3dd06744","index.tsx","b09bee86-f601-11ef-85b7-569c3dd06744",1447,["D",1741049334381],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"https://esm.town/v/nbbaier/hn_notifier/frontend/components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[222,297],[222],{"_106":307,"_97":308,"_145":309,"_147":-5,"_148":136,"_149":310,"_151":119,"_108":311,"_102":153,"_154":155,"_156":-5,"_157":27,"_158":312,"_100":333},"b14528c8-f617-11ef-9ab6-569c3dd06744","shared","88149506-f617-11ef-8cb6-569c3dd06744",706,["D",1740776709044],[313,323],{"_106":314,"_97":315,"_145":316,"_147":309,"_148":136,"_149":317,"_151":119,"_108":318,"_102":319,"_154":174,"_156":320,"_157":27,"_158":321,"_100":322},"9a6bd2b4-f8a1-11ef-9c21-569c3dd06744","types.ts","04689eea-f5ff-11ef-b4ed-569c3dd06744",1525,["D",1741055843586],9,"export type DBItem = {\n id: number;\n title: string;\n comments: number;\n type: \"story\" | \"comment\" | \"poll\" | \"pollopt\" | \"job\";\n};\n\nexport type HNAPIResponse = {\n author: string;\n children: HNAPIResponse[];\n created_at: string;\n created_at_i: number;\n id: number;\n options: number[];\n parent_id: number | null;\n points: number;\n story_id: number;\n text: string | null;\n title: string | null;\n type: \"story\" | \"comment\" | \"poll\" | \"pollopt\" | \"job\";\n url: string;\n};",[],[308,315],{"_106":324,"_97":325,"_145":326,"_147":309,"_148":136,"_149":327,"_151":27,"_108":328,"_102":329,"_154":174,"_156":330,"_157":27,"_158":331,"_100":332},"ccab0ebc-f8a5-11ef-87d4-569c3dd06744","utils.ts","327fcde0-f5f9-11ef-ab3f-569c3dd06744",1537,["D",1741057645873],25,"import { betterFetch } from \"https://esm.sh/@better-fetch/fetch\";\nimport { HNAPIResponse } from \"https://esm.town/v/nbbaier/hn_notifier/shared/types.ts\";\n\nexport const HN_BASE_URL = \"https://news.ycombinator.com/item\";\nexport const HN_API_URL = \"https://hn.algolia.com/api/v1/items\";\n\nexport async function getHNItem(id: number) {\n return await betterFetch(\n `${HN_API_URL}/${id}`,\n );\n}",[],[308,325],[308],{"_106":335,"_97":336,"_145":337,"_147":-5,"_148":136,"_149":338,"_151":27,"_108":339,"_102":280,"_154":174,"_156":340,"_157":27,"_158":341,"_100":342},"1140afda-f88f-11ef-b55b-569c3dd06744","getTree.ts","ea9b3706-f88e-11ef-8612-569c3dd06744",1443,["D",1741047882517],"import createFileTree from \"https://esm.town/v/nbbaier/createFileTree\";\n\nconsole.log(await createFileTree(import.meta.url));",[],[336],"files",[142,160,167,178,189,199,209,220,227,234,244,254,264,274,285,295,306,313,323,334],"counts",{"_347":33,"_348":153,"_349":153,"_350":33},"pulls","branches","forks","envVars","contents",[353,356,359,362],{"_106":235,"_97":236,"_145":237,"_147":230,"_148":136,"_149":238,"_151":27,"_108":354,"_102":240,"_154":174,"_156":241,"_157":27,"_100":355},["D",1741058961215],[222,229,236],{"_106":245,"_97":246,"_145":247,"_147":230,"_148":136,"_149":248,"_151":119,"_108":357,"_102":250,"_154":174,"_156":251,"_157":27,"_100":358},["D",1741058697574],[222,229,246],{"_106":255,"_97":256,"_145":257,"_147":230,"_148":136,"_149":258,"_151":27,"_108":360,"_102":260,"_154":174,"_156":261,"_157":27,"_100":361},["D",1741046223320],[222,229,256],{"_106":265,"_97":266,"_145":267,"_147":230,"_148":136,"_149":103,"_151":27,"_108":363,"_102":269,"_154":174,"_156":270,"_157":27,"_100":364},["D",1741061141301],[222,229,266],{"_106":228,"_97":229,"_145":230,"_147":223,"_148":136,"_149":231,"_151":119,"_108":366,"_102":153,"_154":155,"_156":-5,"_157":27,"_100":367},["D",1740767170065],[222,229],"upstream","emptyEnvVars","routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_95":96,"_97":98,"_99":43,"_102":103,"_100":101,"_104":372,"_140":376,"_343":437,"_281":438,"_351":440,"_368":-5,"_449":27,"_450":-5},{"_106":107,"_97":98,"_108":373,"_110":-5,"_111":112,"_113":-5,"_114":-5,"_12":115,"_116":117,"_118":119,"_120":-5,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":27,"_21":374,"_133":375},["D",1740540524461],{"_95":96,"_131":132},{"_102":135,"_97":43,"_106":136,"_137":107,"_138":-5,"_139":-5},[377,398,425,434],{"_106":143,"_97":144,"_145":146,"_147":-5,"_148":136,"_149":150,"_151":119,"_108":152,"_102":153,"_154":155,"_156":-5,"_157":27,"_158":378,"_100":397},[379,388,391,394],{"_106":161,"_97":162,"_145":163,"_147":146,"_148":136,"_149":164,"_151":119,"_108":165,"_102":92,"_154":155,"_156":-5,"_157":27,"_158":380,"_100":387},[381,384],{"_106":168,"_97":169,"_145":170,"_147":163,"_148":136,"_149":171,"_151":119,"_108":172,"_102":173,"_154":174,"_156":175,"_157":27,"_158":382,"_100":383},[],[144,162,169],{"_106":179,"_97":180,"_145":181,"_147":163,"_148":136,"_149":182,"_151":27,"_108":183,"_102":184,"_154":174,"_156":185,"_157":27,"_158":385,"_100":386},[],[144,162,180],[144,162],{"_106":190,"_97":191,"_145":192,"_147":146,"_148":136,"_149":193,"_151":27,"_108":194,"_102":195,"_154":174,"_156":196,"_157":27,"_158":389,"_100":390},[],[144,191],{"_106":200,"_97":201,"_145":202,"_147":146,"_148":136,"_149":203,"_151":119,"_108":204,"_102":205,"_154":174,"_156":206,"_157":27,"_158":392,"_100":393},[],[144,201],{"_106":210,"_97":211,"_145":117,"_147":146,"_148":136,"_149":212,"_151":27,"_108":213,"_102":214,"_154":215,"_156":216,"_157":27,"_158":395,"_100":396},[],[144,211],[144],{"_106":221,"_97":222,"_145":223,"_147":-5,"_148":136,"_149":224,"_151":119,"_108":225,"_102":153,"_154":155,"_156":-5,"_157":27,"_158":399,"_100":424},[400,415,418,421],{"_106":228,"_97":229,"_145":230,"_147":223,"_148":136,"_149":231,"_151":119,"_108":232,"_102":153,"_154":155,"_156":-5,"_157":27,"_158":401,"_100":414},[402,405,408,411],{"_106":235,"_97":236,"_145":237,"_147":230,"_148":136,"_149":238,"_151":27,"_108":239,"_102":240,"_154":174,"_156":241,"_157":27,"_158":403,"_100":404},[],[222,229,236],{"_106":245,"_97":246,"_145":247,"_147":230,"_148":136,"_149":248,"_151":119,"_108":249,"_102":250,"_154":174,"_156":251,"_157":27,"_158":406,"_100":407},[],[222,229,246],{"_106":255,"_97":256,"_145":257,"_147":230,"_148":136,"_149":258,"_151":27,"_108":259,"_102":260,"_154":174,"_156":261,"_157":27,"_158":409,"_100":410},[],[222,229,256],{"_106":265,"_97":266,"_145":267,"_147":230,"_148":136,"_149":103,"_151":27,"_108":268,"_102":269,"_154":174,"_156":270,"_157":27,"_158":412,"_100":413},[],[222,229,266],[222,229],{"_106":275,"_97":276,"_145":277,"_147":223,"_148":136,"_149":278,"_151":119,"_108":279,"_102":280,"_154":281,"_156":282,"_157":27,"_158":416,"_100":417},[],[222,276],{"_106":286,"_97":287,"_145":288,"_147":223,"_148":136,"_149":289,"_151":27,"_108":290,"_102":291,"_154":281,"_156":292,"_157":27,"_158":419,"_100":420},[],[222,287],{"_106":296,"_97":297,"_145":298,"_147":223,"_148":136,"_149":299,"_151":119,"_108":300,"_102":301,"_154":174,"_156":302,"_157":27,"_158":422,"_100":423},[],[222,297],[222],{"_106":307,"_97":308,"_145":309,"_147":-5,"_148":136,"_149":310,"_151":119,"_108":311,"_102":153,"_154":155,"_156":-5,"_157":27,"_158":426,"_100":433},[427,430],{"_106":314,"_97":315,"_145":316,"_147":309,"_148":136,"_149":317,"_151":119,"_108":318,"_102":319,"_154":174,"_156":320,"_157":27,"_158":428,"_100":429},[],[308,315],{"_106":324,"_97":325,"_145":326,"_147":309,"_148":136,"_149":327,"_151":27,"_108":328,"_102":329,"_154":174,"_156":330,"_157":27,"_158":431,"_100":432},[],[308,325],[308],{"_106":335,"_97":336,"_145":337,"_147":-5,"_148":136,"_149":338,"_151":27,"_108":339,"_102":280,"_154":174,"_156":340,"_157":27,"_158":435,"_100":436},[],[336],[377,379,381,384,388,391,394,398,400,402,405,408,411,415,418,421,425,427,430,434],{"_106":228,"_97":229,"_145":230,"_147":223,"_148":136,"_149":231,"_151":119,"_108":366,"_102":153,"_154":155,"_156":-5,"_157":27,"_100":439},[222,229],[441,443,445,447],{"_106":235,"_97":236,"_145":237,"_147":230,"_148":136,"_149":238,"_151":27,"_108":354,"_102":240,"_154":174,"_156":241,"_157":27,"_100":442},[222,229,236],{"_106":245,"_97":246,"_145":247,"_147":230,"_148":136,"_149":248,"_151":119,"_108":357,"_102":250,"_154":174,"_156":251,"_157":27,"_100":444},[222,229,246],{"_106":255,"_97":256,"_145":257,"_147":230,"_148":136,"_149":258,"_151":27,"_108":360,"_102":260,"_154":174,"_156":261,"_157":27,"_100":446},[222,229,256],{"_106":265,"_97":266,"_145":267,"_147":230,"_148":136,"_149":103,"_151":27,"_108":363,"_102":269,"_154":174,"_156":270,"_157":27,"_100":448},[222,229,266],"showCompareCallout","pull","routes/_app","actionData","errors"]