HN Notifier

\n \n \n \n \n );\n}",[],[222,228,234],{"_102":241,"_95":242,"_157":243,"_159":229,"_160":138,"_161":137,"_162":116,"_104":244,"_99":32,"_164":182,"_166":245,"_167":22,"_168":-5,"_169":246,"_98":247},"bb71c86e-0a77-11f0-93e4-569c3dd06744","Input.tsx","bf6895a7-2a07-4a6e-b285-b6fe59fd0760",["D",1743016981026],"/** @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,228,242],{"_102":249,"_95":250,"_157":251,"_159":229,"_160":138,"_161":137,"_162":116,"_104":252,"_99":32,"_164":182,"_166":253,"_167":22,"_168":-5,"_169":254,"_98":255},"bb71cb20-0a77-11f0-93e4-569c3dd06744","ItemContext.tsx","56b0d911-5989-46d7-8605-2d1454d89ec8",["D",1743016981026],"/** @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<{ 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};",[],[222,228,250],{"_102":257,"_95":258,"_157":259,"_159":229,"_160":138,"_161":137,"_162":116,"_104":260,"_99":32,"_164":182,"_166":261,"_167":22,"_168":-5,"_169":262,"_98":263},"bb71e858-0a77-11f0-93e4-569c3dd06744","ListSection.tsx","5b38bc88-5566-48c8-b15c-5690e16a5ddd",["D",1743016981026],"/** @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(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 } else {\n return item.type === \"comment\";\n }\n });\n\n return (\n

\n setIsOpen(!isOpen)}\n >\n {type.charAt(0).toUpperCase() + type.slice(1)}\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

\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 \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,228,258],[222,228],{"_102":266,"_95":267,"_157":268,"_159":223,"_160":138,"_161":137,"_162":116,"_104":269,"_99":32,"_164":270,"_166":271,"_167":22,"_168":-5,"_169":272,"_98":273},"bb71f456-0a77-11f0-93e4-569c3dd06744","favicon.svg","4c516fe8-c014-4eac-bd45-fbb6011b9bb7",["D",1743016981026],"file","",[],[222,267],{"_102":275,"_95":276,"_157":277,"_159":223,"_160":138,"_161":137,"_162":116,"_104":278,"_99":32,"_164":270,"_166":279,"_167":22,"_168":-5,"_169":280,"_98":281},"bb71f5f0-0a77-11f0-93e4-569c3dd06744","index.html","69023a08-3394-4e5c-93a2-9d46e724aa73",["D",1743016981026],"\n\n \n \n \n HN Notifier\n \n \n \n \n \n \n \n

\n \n \n",[],[222,276],{"_102":283,"_95":284,"_157":285,"_159":223,"_160":138,"_161":137,"_162":116,"_104":286,"_99":32,"_164":182,"_166":287,"_167":22,"_168":-5,"_169":288,"_98":289},"bb71f730-0a77-11f0-93e4-569c3dd06744","index.tsx","a2fdd4e1-5b8e-4dcc-9705-7c833e1efbac",["D",1743016981026],"/** @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,284],[222],{"_102":292,"_95":293,"_157":294,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":295,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":296,"_98":313},"bb71fd66-0a77-11f0-93e4-569c3dd06744","shared","e3640caa-41c1-4c03-acfb-1398594e6fd0",["D",1743016981026],[297,305],{"_102":298,"_95":299,"_157":300,"_159":294,"_160":138,"_161":137,"_162":116,"_104":301,"_99":32,"_164":182,"_166":302,"_167":22,"_168":-5,"_169":303,"_98":304},"bb71f9ce-0a77-11f0-93e4-569c3dd06744","types.ts","be03af12-12a8-41f2-8e1e-f88e07898f5e",["D",1743016981026],"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};",[],[293,299],{"_102":306,"_95":307,"_157":308,"_159":294,"_160":138,"_161":137,"_162":116,"_104":309,"_99":32,"_164":182,"_166":310,"_167":22,"_168":-5,"_169":311,"_98":312},"bb71fb04-0a77-11f0-93e4-569c3dd06744","utils.ts","1da12ec0-495c-47e5-a9ff-abd18997e1ee",["D",1743016981026],"import { betterFetch, BetterFetchError } 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 function countAllChildren(item: HNAPIResponse): number {\n const stack: HNAPIResponse[] = [item];\n let count = 0;\n\n while (stack.length > 0) {\n const current = stack.pop()!;\n\n if (current.children && current.children.length > 0) {\n count += current.children.length;\n stack.push(...current.children);\n }\n }\n\n return count;\n}\n\nexport async function getHNItem(id: number) {\n return await betterFetch(\n `${HN_API_URL}/${id}`,\n );\n}\n\nexport async function getHNCommentStoryTitle(storyId: number): Promise<{\n data: { storyTitle: string } | null;\n error: {\n message?: string | undefined;\n status: number;\n statusText: string;\n } | null;\n}> {\n const { data, error } = await getHNItem(storyId);\n\n let newData;\n\n if (data) {\n const { title } = data;\n newData = { storyTitle: title || \"\" };\n }\n\n return { data: newData || null, error };\n}\n\nexport async function createDBItem(id: number, data: HNAPIResponse): Promise {\n const comments = countAllChildren(data);\n\n if (data.type === \"comment\") {\n let title = \"\";\n if (data.story_id) {\n const { data: storyTitleData, error } = await getHNCommentStoryTitle(data.story_id);\n if (!error && storyTitleData) {\n title = `Comment on ${storyTitleData.storyTitle}`;\n }\n }\n return { id, title, comments, type: \"comment\" };\n }\n\n // For story and other types\n return {\n id,\n title: data.title || \"\",\n comments,\n type: data.type,\n };\n}",[],[293,307],[293],{"_102":315,"_95":316,"_157":317,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":318,"_99":32,"_164":182,"_166":319,"_167":22,"_168":-5,"_169":320,"_98":321},"bb720202-0a77-11f0-93e4-569c3dd06744","getTree.ts","8accd2b2-aab2-4a3a-9d6b-18bc2cc0ba81",["D",1743016981026],"import createFileTree from \"https://esm.town/v/nbbaier/createFileTree\";\nimport { tableName } from \"https://esm.town/v/nbbaier/hn_notifier/backend/database/migrations.ts\";\nimport * as db from \"https://esm.town/v/nbbaier/hn_notifier/backend/database/queries.ts\";\nimport type { DBItem } from \"https://esm.town/v/nbbaier/hn_notifier/shared/types.ts\";\nimport sqliteRowsToObject from \"https://esm.town/v/nbbaier/sqliteRowsToObject\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=6\";\n\nconst id = 2;\nconst data = await db.getItem(id);\n\nconst res = await sqlite.execute({\n sql: `SELECT * FROM ${tableName} WHERE id = ?`,\n args: [id],\n});\n\nconsole.log(sqliteRowsToObject(res)[0], data);",[],[316],"files",[154,171,177,186,195,203,211,220,226,232,240,248,256,265,274,282,291,297,305,314],"counts",{"_326":32,"_327":137,"_328":32,"_329":32},"pulls","branches","forks","envVars","contents",[332,335,338,341],{"_102":155,"_95":156,"_157":158,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":333,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":334},["D",1743016981026],[156],{"_102":221,"_95":222,"_157":223,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":336,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":337},["D",1743016981026],[222],{"_102":292,"_95":293,"_157":294,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":339,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":340},["D",1743016981026],[293],{"_102":315,"_95":316,"_157":317,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":342,"_99":32,"_164":182,"_166":319,"_167":22,"_168":-5,"_98":343},["D",1743016981026],[316],"upstreamProject",{"_102":146,"_95":96,"_110":-5,"_111":-5,"_108":109,"_23":346},{"_93":347,"_130":348},"nbbaier","https://secure.gravatar.com/avatar/0129a541b7b3574e92c4afd06c5e32da&d=identicon","upstreamBranch",{"_102":141,"_104":351,"_352":353,"_95":43,"_139":146,"_99":354,"_140":-5,"_142":-5,"_355":356,"_106":-5,"_151":22,"_108":109,"_150":347,"_16":148,"_149":96},["D",1740540524461],"updatedAt",["D",1744824281200],1897,"lockfileKey","1755615943097-esm.town_v_nbbaier_hn_notifier@1897-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":363,"_330":368,"_377":-7,"_378":379,"_382":-5,"_322":383,"_444":445},{"_102":103,"_95":96,"_104":364,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":114,"_115":116,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":365,"_132":366,"_135":367,"_151":22},["D",1743016981026],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_99":137,"_95":43,"_102":138,"_139":103,"_140":141,"_142":143,"_144":109,"_145":146,"_147":148,"_149":96,"_150":94},[369,371,373,375],{"_102":155,"_95":156,"_157":158,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":333,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":370},[156],{"_102":221,"_95":222,"_157":223,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":336,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":372},[222],{"_102":292,"_95":293,"_157":294,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":339,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":374},[293],{"_102":315,"_95":316,"_157":317,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":342,"_99":32,"_164":182,"_166":319,"_167":22,"_168":-5,"_98":376},[316],"readme","upstream",{"_102":141,"_104":380,"_352":381,"_95":43,"_139":146,"_99":354,"_140":-5,"_142":-5,"_355":356,"_106":-5,"_151":22,"_108":109,"_150":347,"_16":148,"_149":96},["D",1740540524461],["D",1744824281200],"pull",[384,386,388,391,395,398,401,405,407,409,412,415,418,422,425,428,432,434,437,441],{"_102":155,"_95":156,"_157":158,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":163,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":385,"_98":404},[386,395,398,401],{"_102":172,"_95":173,"_157":174,"_159":158,"_160":138,"_161":137,"_162":116,"_104":175,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":387,"_98":394},[388,391],{"_102":178,"_95":179,"_157":180,"_159":174,"_160":138,"_161":137,"_162":116,"_104":181,"_99":32,"_164":182,"_166":183,"_167":22,"_168":-5,"_169":389,"_98":390},[],[156,173,179],{"_102":187,"_95":188,"_157":189,"_159":174,"_160":138,"_161":137,"_162":116,"_104":190,"_99":32,"_164":182,"_166":191,"_167":22,"_168":-5,"_169":392,"_98":393},[],[156,173,188],[156,173],{"_102":196,"_95":197,"_157":198,"_159":158,"_160":138,"_161":137,"_162":116,"_104":199,"_99":32,"_164":182,"_166":200,"_167":22,"_168":-5,"_169":396,"_98":397},[],[156,197],{"_102":204,"_95":205,"_157":206,"_159":158,"_160":138,"_161":137,"_162":116,"_104":207,"_99":32,"_164":182,"_166":208,"_167":22,"_168":-5,"_169":399,"_98":400},[],[156,205],{"_102":212,"_95":213,"_157":114,"_159":158,"_160":138,"_161":137,"_162":116,"_104":214,"_99":32,"_164":215,"_166":216,"_167":22,"_168":-5,"_169":402,"_98":403},[],[156,213],[156],{"_102":221,"_95":222,"_157":223,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":224,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":406,"_98":431},[407,422,425,428],{"_102":227,"_95":228,"_157":229,"_159":223,"_160":138,"_161":137,"_162":116,"_104":230,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":408,"_98":421},[409,412,415,418],{"_102":233,"_95":234,"_157":235,"_159":229,"_160":138,"_161":137,"_162":116,"_104":236,"_99":32,"_164":182,"_166":237,"_167":22,"_168":-5,"_169":410,"_98":411},[],[222,228,234],{"_102":241,"_95":242,"_157":243,"_159":229,"_160":138,"_161":137,"_162":116,"_104":244,"_99":32,"_164":182,"_166":245,"_167":22,"_168":-5,"_169":413,"_98":414},[],[222,228,242],{"_102":249,"_95":250,"_157":251,"_159":229,"_160":138,"_161":137,"_162":116,"_104":252,"_99":32,"_164":182,"_166":253,"_167":22,"_168":-5,"_169":416,"_98":417},[],[222,228,250],{"_102":257,"_95":258,"_157":259,"_159":229,"_160":138,"_161":137,"_162":116,"_104":260,"_99":32,"_164":182,"_166":261,"_167":22,"_168":-5,"_169":419,"_98":420},[],[222,228,258],[222,228],{"_102":266,"_95":267,"_157":268,"_159":223,"_160":138,"_161":137,"_162":116,"_104":269,"_99":32,"_164":270,"_166":271,"_167":22,"_168":-5,"_169":423,"_98":424},[],[222,267],{"_102":275,"_95":276,"_157":277,"_159":223,"_160":138,"_161":137,"_162":116,"_104":278,"_99":32,"_164":270,"_166":279,"_167":22,"_168":-5,"_169":426,"_98":427},[],[222,276],{"_102":283,"_95":284,"_157":285,"_159":223,"_160":138,"_161":137,"_162":116,"_104":286,"_99":32,"_164":182,"_166":287,"_167":22,"_168":-5,"_169":429,"_98":430},[],[222,284],[222],{"_102":292,"_95":293,"_157":294,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":295,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":433,"_98":440},[434,437],{"_102":298,"_95":299,"_157":300,"_159":294,"_160":138,"_161":137,"_162":116,"_104":301,"_99":32,"_164":182,"_166":302,"_167":22,"_168":-5,"_169":435,"_98":436},[],[293,299],{"_102":306,"_95":307,"_157":308,"_159":294,"_160":138,"_161":137,"_162":116,"_104":309,"_99":32,"_164":182,"_166":310,"_167":22,"_168":-5,"_169":438,"_98":439},[],[293,307],[293],{"_102":315,"_95":316,"_157":317,"_159":-5,"_160":138,"_161":137,"_162":116,"_104":318,"_99":32,"_164":182,"_166":319,"_167":22,"_168":-5,"_169":442,"_98":443},[],[316],"previews",[401],"actionData","errors"]