\n HN Notifier\n

\n \n \n \n \n );\n}\n",[],[241,248,255],{"_103":264,"_95":265,"_155":266,"_157":249,"_158":140,"_159":267,"_161":117,"_105":268,"_100":269,"_164":186,"_166":270,"_167":22,"_168":-5,"_169":271,"_98":272},"b8cd373c-1761-11f0-be82-569c3dd06744","Input.tsx","6eacb144-f85a-11ef-94ee-569c3dd06744",1883,["D",1744436892812],177,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type React from \"https://esm.sh/react@18.2.0\";\nimport { 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 = Number.parseInt(idParam, 10);\n\n if (Number.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;\n",[],[241,248,265],{"_103":274,"_95":275,"_155":276,"_157":249,"_158":140,"_159":277,"_161":117,"_105":278,"_100":279,"_164":186,"_166":280,"_167":22,"_168":-5,"_169":281,"_98":282},"f4839668-1761-11f0-9bd7-569c3dd06744","ItemContext.tsx","25633b7a-f887-11ef-92e9-569c3dd06744",1888,["D",1744436992992],69,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type React from \"https://esm.sh/react@18.2.0\";\nimport {\n type ReactNode,\n createContext,\n useContext,\n useEffect,\n useState,\n} 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: () => {\n throw new Error(\"saveUrl function not implemented\");\n },\n unfollowUrl: () => {\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 const fetchUrls = async (): Promise => {\n setIsLoading(true);\n try {\n const { data, error: _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<{ hnId: number }>(\"/follow\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ id }),\n });\n\n if (data) console.log(`Post ${data.hnId} successfully followed`);\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};\n",[],[241,248,275],{"_103":284,"_95":285,"_155":286,"_157":249,"_158":140,"_159":287,"_161":117,"_105":288,"_100":289,"_164":186,"_166":290,"_167":22,"_168":-5,"_169":291,"_98":292},"8c8a5f74-1761-11f0-9de7-569c3dd06744","ListSection.tsx","7d0319fe-f86e-11ef-a67c-569c3dd06744",1877,["D",1744436818554],189,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type React from \"https://esm.sh/react@18.2.0\";\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { useUrls } from \"https://esm.town/v/nbbaier/hn_notifier/frontend/components/ItemContext.tsx\";\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(true); // 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 }\n return item.type === \"comment\";\n });\n\n return (\n

\n setIsOpen(!isOpen)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n setIsOpen(!isOpen);\n }\n }}\n >\n {type.charAt(0).toUpperCase() + type.slice(1)}\n \n \n \n {isOpen ? \"Collapse section\" : \"Expand section\"}\n \n \n \n \n \n \n\n {isOpen && ( // Conditional rendering based on state\n <>\n {isLoading && (\n

\n )}\n

\n \n \n {url.title || `${HN_BASE_URL}?id=${url.id}`}\n \n {`${HN_BASE_URL}?id=${url.id}`}\n \n

\n {url.comments}\n

\n await unfollowUrl(url.id)}\n className=\"px-2 btn btn-sm btn-ghost text-neutral-900 hover:text-red-600\"\n disabled={isLoading}\n >\n \n Unfollow item\n \n \n \n

\n \n ))}\n {filteredUrls.length === 0 && !isLoading && (\n

\n No {type} to display\n

\n )}\n

\n \n )}\n

\n );\n};\n\nexport default Section;\n",[],[241,248,285],[241,248],{"_103":295,"_95":296,"_155":297,"_157":242,"_158":140,"_159":298,"_161":117,"_105":299,"_100":300,"_164":301,"_166":302,"_167":22,"_168":-5,"_169":303,"_98":304},"3ee4d69e-f891-11ef-b20d-569c3dd06744","favicon.svg","04f9b060-f618-11ef-bcdf-569c3dd06744",1446,["D",1741048818081],6,"file","",[],[241,296],{"_103":306,"_95":307,"_155":308,"_157":242,"_158":140,"_159":309,"_161":117,"_105":310,"_100":311,"_164":301,"_166":312,"_167":22,"_168":-5,"_169":313,"_98":314},"f88cf6fc-011b-11f0-b663-569c3dd06744","index.html","817cda0c-f601-11ef-a77a-569c3dd06744",1844,["D",1741988009414],87,"\n\n \n \n \n HN Notifier\n \n \n \n \n \n \n \n

\n \n \n",[],[241,307],{"_103":316,"_95":317,"_155":318,"_157":242,"_158":140,"_159":319,"_161":117,"_105":320,"_100":321,"_164":186,"_166":322,"_167":22,"_168":-5,"_169":323,"_98":324},"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();",[],[241,317],[241],{"_103":327,"_95":328,"_155":329,"_157":-5,"_158":140,"_159":330,"_161":117,"_105":331,"_100":163,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":332,"_98":353},"b14528c8-f617-11ef-9ab6-569c3dd06744","shared","88149506-f617-11ef-8cb6-569c3dd06744",706,["D",1740776709044],[333,343],{"_103":334,"_95":335,"_155":336,"_157":329,"_158":140,"_159":337,"_161":117,"_105":338,"_100":339,"_164":186,"_166":340,"_167":22,"_168":-5,"_169":341,"_98":342},"f6279ec2-1713-11f0-b479-569c3dd06744","types.ts","04689eea-f5ff-11ef-b4ed-569c3dd06744",1865,["D",1744403494999],10,"export type DBItem = {\n\tid: number;\n\ttitle: string;\n\tcomments: number;\n\ttype: \"story\" | \"comment\" | \"poll\" | \"pollopt\" | \"job\";\n};\n\nexport type HNAPIResponse = {\n\tauthor: string;\n\tchildren: HNAPIResponse[];\n\tcreated_at: string;\n\tcreated_at_i: number;\n\tid: number;\n\toptions: number[];\n\tparent_id: number | null;\n\tpoints: number;\n\tstory_id: number;\n\ttext: string | null;\n\ttitle: string | null;\n\ttype: \"story\" | \"comment\" | \"poll\" | \"pollopt\" | \"job\";\n\turl: string;\n};\n",[],[328,335],{"_103":344,"_95":345,"_155":346,"_157":329,"_158":140,"_159":347,"_161":117,"_105":348,"_100":349,"_164":186,"_166":350,"_167":22,"_168":-5,"_169":351,"_98":352},"0f7ff70a-1761-11f0-80c1-569c3dd06744","utils.ts","1f421046-f9e4-11ef-985b-569c3dd06744",1866,["D",1744436608768],3,"import { betterFetch } from \"https://esm.sh/@better-fetch/fetch@1.1.15\";\nimport type {\n\tHNAPIResponse,\n\tDBItem,\n} from \"https://esm.town/v/nbbaier/hn_notifier/shared/types.ts\";\n\n/**\n * Base URL for Hacker News item pages\n */\nexport const HN_BASE_URL = \"https://news.ycombinator.com/item\";\n\n/**\n * Base URL for the Hacker News Algolia API\n */\nexport const HN_API_URL = \"https://hn.algolia.com/api/v1/items\";\n\n/**\n * Counts the total number of child comments in a Hacker News item\n * @param item - The Hacker News item to count children for\n * @returns The total number of child comments\n */\nexport function countAllChildren(item: HNAPIResponse): number {\n\tconst stack: HNAPIResponse[] = [item];\n\tlet count = 0;\n\n\twhile (stack.length > 0) {\n\t\tconst current = stack.pop();\n\n\t\tif (current.children && current.children.length > 0) {\n\t\t\tcount += current.children.length;\n\t\t\tstack.push(...current.children);\n\t\t}\n\t}\n\n\treturn count;\n}\n\n/**\n * Fetches a Hacker News item by its ID using the Algolia API\n * @param id - The ID of the Hacker News item to fetch\n * @returns A promise that resolves to the Hacker News item data\n */\nexport async function getHNItem(id: number) {\n\treturn await betterFetch(`${HN_API_URL}/${id}`);\n}\n\n/**\n * Retrieves the title of a story that a comment belongs to\n * @param storyId - The ID of the story to get the title for\n * @returns A promise that resolves to an object containing the story title or an error\n */\nexport async function getHNCommentStoryTitle(storyId: number): Promise<{\n\tdata: { storyTitle: string } | null;\n\terror: {\n\t\tmessage?: string | undefined;\n\t\tstatus: number;\n\t\tstatusText: string;\n\t} | null;\n}> {\n\tconst { data, error } = await getHNItem(storyId);\n\n\tlet newData: { storyTitle: string };\n\n\tif (data) {\n\t\tconst { title } = data;\n\t\tnewData = { storyTitle: title || \"\" };\n\t}\n\n\treturn { data: newData || null, error };\n}\n\n/**\n * Creates a database item from Hacker News API response data\n * @param id - The ID of the Hacker News item\n * @param data - The Hacker News API response data\n * @returns A promise that resolves to a formatted database item\n */\nexport async function createDBItem(\n\tid: number,\n\tdata: HNAPIResponse,\n): Promise {\n\tconst comments = countAllChildren(data);\n\n\tif (data.type === \"comment\") {\n\t\tlet title = \"\";\n\t\tif (data.story_id) {\n\t\t\tconst { data: storyTitleData, error } = await getHNCommentStoryTitle(\n\t\t\t\tdata.story_id,\n\t\t\t);\n\t\t\tif (!error && storyTitleData) {\n\t\t\t\ttitle = `Comment on ${storyTitleData.storyTitle}`;\n\t\t\t}\n\t\t}\n\t\treturn { id, title, comments, type: \"comment\" };\n\t}\n\n\treturn {\n\t\tid,\n\t\ttitle: data.title || \"\",\n\t\tcomments,\n\t\ttype: data.type,\n\t};\n}\n",[],[328,345],[328],{"_103":355,"_95":356,"_155":357,"_157":-5,"_158":140,"_159":358,"_161":117,"_105":359,"_100":163,"_164":301,"_166":360,"_167":22,"_168":-5,"_169":361,"_98":362},"4ba63062-1ae7-11f0-9184-569c3dd06744",".vtignore","44c0476a-1ae7-11f0-b672-569c3dd06744",1894,["D",1744824115730],".git\n.DS_Store\nnode_modules\nvendor\n.vscode",[],[356],{"_103":364,"_95":365,"_155":366,"_157":-5,"_158":140,"_159":367,"_161":117,"_105":368,"_100":32,"_164":301,"_166":369,"_167":22,"_168":-5,"_169":370,"_98":371},"44c3b5b2-1ae7-11f0-94a0-569c3dd06744","deno.json","44c3b670-1ae7-11f0-94a0-569c3dd06744",1893,["D",1744824104122],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[365],"files",[152,171,179,190,201,211,221,228,239,246,253,263,273,283,294,305,315,326,333,343,354,363],"counts",{"_376":32,"_377":163,"_378":163,"_379":32},"pulls","branches","forks","envVars","contents",[],{"_103":316,"_95":317,"_155":318,"_157":242,"_158":140,"_159":319,"_161":117,"_105":383,"_100":321,"_164":186,"_166":322,"_167":22,"_168":-5,"_98":384},["D",1741049334381],[241,317],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":393,"_301":398,"_401":402,"_423":424,"_431":-7,"_432":32,"_433":22},{"_103":104,"_95":96,"_105":394,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":119,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":395,"_134":396,"_137":397,"_149":22},["D",1740540524461],{"_93":94,"_132":133},{"_93":94,"_136":133},{"_100":139,"_95":43,"_103":140,"_141":104,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},{"_103":316,"_95":317,"_155":318,"_157":242,"_158":140,"_159":319,"_161":117,"_105":399,"_100":321,"_164":186,"_166":322,"_167":22,"_168":-5,"_98":400},["D",1741049334381],[241,317],"history",[403,405,409,414,418],{"_103":316,"_158":140,"_155":318,"_95":317,"_166":322,"_164":186,"_100":321,"_157":242,"_105":404,"_159":319,"_168":-5},["D",1741049334381],{"_103":406,"_158":140,"_155":318,"_95":317,"_166":322,"_164":186,"_100":349,"_157":242,"_105":407,"_159":408,"_168":-5},"cd5dab7c-f601-11ef-942d-569c3dd06744",["D",1740767307254],633,{"_103":410,"_158":140,"_155":318,"_95":317,"_166":411,"_164":186,"_100":177,"_157":242,"_105":412,"_159":413,"_168":-5},"b575cbde-f601-11ef-a1d9-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",["D",1740767267146],629,{"_103":415,"_158":140,"_155":318,"_95":317,"_166":72,"_164":186,"_100":163,"_157":242,"_105":416,"_159":417,"_168":-5},"b44f3312-f601-11ef-a576-569c3dd06744",["D",1740767265218],628,{"_103":419,"_158":140,"_155":318,"_95":420,"_166":72,"_164":186,"_100":32,"_157":242,"_105":421,"_159":422,"_168":-5},"b09beddc-f601-11ef-85b7-569c3dd06744","virtuousIvoryShrimp",["D",1740767259014],627,"versions",[425,427,428,429,430],{"_301":403,"_426":405},"previous",{"_301":405,"_426":409},{"_301":409,"_426":414},{"_301":414,"_426":418},{"_301":418,"_426":-5},"versionNumber","page","hasNext","actionData","errors"]

nbbaier

hn_notifier

History for index.tsx