HN Notifier

\n \n \n \n \n );\n}",[],[218,224,230],{"_107":237,"_99":238,"_153":239,"_155":225,"_156":139,"_157":138,"_158":121,"_109":240,"_104":33,"_160":178,"_162":241,"_163":27,"_164":-5,"_165":242,"_102":243},"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;",[],[218,224,238],{"_107":245,"_99":246,"_153":247,"_155":225,"_156":139,"_157":138,"_158":121,"_109":248,"_104":33,"_160":178,"_162":249,"_163":27,"_164":-5,"_165":250,"_102":251},"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};",[],[218,224,246],{"_107":253,"_99":254,"_153":255,"_155":225,"_156":139,"_157":138,"_158":121,"_109":256,"_104":33,"_160":178,"_162":257,"_163":27,"_164":-5,"_165":258,"_102":259},"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;",[],[218,224,254],[218,224],{"_107":262,"_99":263,"_153":264,"_155":219,"_156":139,"_157":138,"_158":121,"_109":265,"_104":33,"_160":266,"_162":267,"_163":27,"_164":-5,"_165":268,"_102":269},"bb71f456-0a77-11f0-93e4-569c3dd06744","favicon.svg","4c516fe8-c014-4eac-bd45-fbb6011b9bb7",["D",1743016981026],"file","",[],[218,263],{"_107":271,"_99":272,"_153":273,"_155":219,"_156":139,"_157":138,"_158":121,"_109":274,"_104":33,"_160":266,"_162":275,"_163":27,"_164":-5,"_165":276,"_102":277},"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",[],[218,272],{"_107":279,"_99":280,"_153":281,"_155":219,"_156":139,"_157":138,"_158":121,"_109":282,"_104":33,"_160":178,"_162":283,"_163":27,"_164":-5,"_165":284,"_102":285},"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();",[],[218,280],[218],{"_107":288,"_99":289,"_153":290,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":291,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":292,"_102":309},"bb71fd66-0a77-11f0-93e4-569c3dd06744","shared","e3640caa-41c1-4c03-acfb-1398594e6fd0",["D",1743016981026],[293,301],{"_107":294,"_99":295,"_153":296,"_155":290,"_156":139,"_157":138,"_158":121,"_109":297,"_104":33,"_160":178,"_162":298,"_163":27,"_164":-5,"_165":299,"_102":300},"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};",[],[289,295],{"_107":302,"_99":303,"_153":304,"_155":290,"_156":139,"_157":138,"_158":121,"_109":305,"_104":33,"_160":178,"_162":306,"_163":27,"_164":-5,"_165":307,"_102":308},"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}",[],[289,303],[289],{"_107":311,"_99":103,"_153":312,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":313,"_104":33,"_160":178,"_162":314,"_163":27,"_164":-5,"_165":315,"_102":316},"bb720202-0a77-11f0-93e4-569c3dd06744","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);",[],[103],"files",[150,167,173,182,191,199,207,216,222,228,236,244,252,261,270,278,287,293,301,310],"counts",{"_321":33,"_322":138,"_323":33,"_324":33},"pulls","branches","forks","envVars","contents",[],{"_107":311,"_99":103,"_153":312,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":328,"_104":33,"_160":178,"_162":314,"_163":27,"_164":-5,"_102":329},["D",1743016981026],[103],"upstream",{"_107":332,"_99":100,"_115":-5,"_116":-5,"_113":114,"_21":333},"c8488678-f3f1-11ef-89f6-569c3dd06744",{"_97":334,"_134":335},"nbbaier","https://secure.gravatar.com/avatar/0129a541b7b3574e92c4afd06c5e32da&d=identicon","screenshots","emptyEnvVars","routes/_app.x.$handle.$name.code.$",{"_97":98,"_99":100,"_101":43,"_104":-7,"_102":103,"_105":340,"_148":344,"_317":405,"_266":406,"_325":408,"_330":409,"_418":27,"_419":-5},{"_107":108,"_99":100,"_109":341,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":119,"_120":121,"_122":-5,"_123":33,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":27,"_21":342,"_136":343},["D",1743016981026],{"_97":98,"_134":135},{"_104":138,"_99":43,"_107":139,"_140":108,"_141":142,"_143":144,"_145":114,"_146":147},[345,366,393,402],{"_107":151,"_99":152,"_153":154,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":159,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":346,"_102":365},[347,356,359,362],{"_107":168,"_99":169,"_153":170,"_155":154,"_156":139,"_157":138,"_158":121,"_109":171,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":348,"_102":355},[349,352],{"_107":174,"_99":175,"_153":176,"_155":170,"_156":139,"_157":138,"_158":121,"_109":177,"_104":33,"_160":178,"_162":179,"_163":27,"_164":-5,"_165":350,"_102":351},[],[152,169,175],{"_107":183,"_99":184,"_153":185,"_155":170,"_156":139,"_157":138,"_158":121,"_109":186,"_104":33,"_160":178,"_162":187,"_163":27,"_164":-5,"_165":353,"_102":354},[],[152,169,184],[152,169],{"_107":192,"_99":193,"_153":194,"_155":154,"_156":139,"_157":138,"_158":121,"_109":195,"_104":33,"_160":178,"_162":196,"_163":27,"_164":-5,"_165":357,"_102":358},[],[152,193],{"_107":200,"_99":201,"_153":202,"_155":154,"_156":139,"_157":138,"_158":121,"_109":203,"_104":33,"_160":178,"_162":204,"_163":27,"_164":-5,"_165":360,"_102":361},[],[152,201],{"_107":208,"_99":209,"_153":119,"_155":154,"_156":139,"_157":138,"_158":121,"_109":210,"_104":33,"_160":211,"_162":212,"_163":27,"_164":-5,"_165":363,"_102":364},[],[152,209],[152],{"_107":217,"_99":218,"_153":219,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":220,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":367,"_102":392},[368,383,386,389],{"_107":223,"_99":224,"_153":225,"_155":219,"_156":139,"_157":138,"_158":121,"_109":226,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":369,"_102":382},[370,373,376,379],{"_107":229,"_99":230,"_153":231,"_155":225,"_156":139,"_157":138,"_158":121,"_109":232,"_104":33,"_160":178,"_162":233,"_163":27,"_164":-5,"_165":371,"_102":372},[],[218,224,230],{"_107":237,"_99":238,"_153":239,"_155":225,"_156":139,"_157":138,"_158":121,"_109":240,"_104":33,"_160":178,"_162":241,"_163":27,"_164":-5,"_165":374,"_102":375},[],[218,224,238],{"_107":245,"_99":246,"_153":247,"_155":225,"_156":139,"_157":138,"_158":121,"_109":248,"_104":33,"_160":178,"_162":249,"_163":27,"_164":-5,"_165":377,"_102":378},[],[218,224,246],{"_107":253,"_99":254,"_153":255,"_155":225,"_156":139,"_157":138,"_158":121,"_109":256,"_104":33,"_160":178,"_162":257,"_163":27,"_164":-5,"_165":380,"_102":381},[],[218,224,254],[218,224],{"_107":262,"_99":263,"_153":264,"_155":219,"_156":139,"_157":138,"_158":121,"_109":265,"_104":33,"_160":266,"_162":267,"_163":27,"_164":-5,"_165":384,"_102":385},[],[218,263],{"_107":271,"_99":272,"_153":273,"_155":219,"_156":139,"_157":138,"_158":121,"_109":274,"_104":33,"_160":266,"_162":275,"_163":27,"_164":-5,"_165":387,"_102":388},[],[218,272],{"_107":279,"_99":280,"_153":281,"_155":219,"_156":139,"_157":138,"_158":121,"_109":282,"_104":33,"_160":178,"_162":283,"_163":27,"_164":-5,"_165":390,"_102":391},[],[218,280],[218],{"_107":288,"_99":289,"_153":290,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":291,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":394,"_102":401},[395,398],{"_107":294,"_99":295,"_153":296,"_155":290,"_156":139,"_157":138,"_158":121,"_109":297,"_104":33,"_160":178,"_162":298,"_163":27,"_164":-5,"_165":396,"_102":397},[],[289,295],{"_107":302,"_99":303,"_153":304,"_155":290,"_156":139,"_157":138,"_158":121,"_109":305,"_104":33,"_160":178,"_162":306,"_163":27,"_164":-5,"_165":399,"_102":400},[],[289,303],[289],{"_107":311,"_99":103,"_153":312,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":313,"_104":33,"_160":178,"_162":314,"_163":27,"_164":-5,"_165":403,"_102":404},[],[103],[345,347,349,352,356,359,362,366,368,370,373,376,379,383,386,389,393,395,398,402],{"_107":311,"_99":103,"_153":312,"_155":-5,"_156":139,"_157":138,"_158":121,"_109":328,"_104":33,"_160":178,"_162":314,"_163":27,"_164":-5,"_102":407},[103],[],{"_107":142,"_109":410,"_411":412,"_99":43,"_140":332,"_104":413,"_141":-5,"_143":-5,"_414":415,"_132":27,"_113":114,"_416":334,"_417":100},["D",1740540524461],"updatedAt",["D",1744824281200],1897,"lockfileKey","1744915546847-esm.town_v_nbbaier_hn_notifier@1897-main","userHandle","projectName","showCompareCallout","pull","routes/_app","actionData","errors"]