);\n",[],[179,258],"3df84590-c703-11f0-98f8-42dde27851f2","index.html","3df84644-c703-11f0-98f8-42dde27851f2",7,["D",1763747718695],"\n\n\n \n \n Course Tracker\n \n \n \n\n\n

\n \n\n\n",[],[179,266],"4c022bdc-c709-11f0-84e8-42dde27851f2","Home.tsx","3dfae57a-c703-11f0-87ea-42dde27851f2","3dbd1a10-c703-11f0-b99b-42dde27851f2",30,["D",1763750319221],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { Link } from \"https://esm.sh/wouter@2.11.0\";\nimport { Course } from \"../../shared/types.ts\";\n\nexport default function Home() {\n const [courses, setCourses] = useState([]);\n const [loading, setLoading] = useState(true);\n const [newCourse, setNewCourse] = useState>({\n title: \"\",\n instructor: \"\",\n status: \"Not Started\",\n link: \"\",\n imageUrl: \"\",\n description: \"\",\n notes: \"\"\n });\n\n useEffect(() => {\n fetchCourses();\n }, []);\n\n const fetchCourses = async () => {\n try {\n const res = await fetch(\"/api/courses\");\n const data = await res.json();\n setCourses(data);\n } catch (error) {\n console.error(\"Failed to fetch courses\", error);\n } finally {\n setLoading(false);\n }\n };\n\n const handleFetchMetadata = async () => {\n if (!newCourse.link) return;\n const encodedUrl = encodeURIComponent(newCourse.link);\n try {\n const res = await fetch(`/api/metadata?url=${encodedUrl}`);\n if (!res.ok) throw new Error(\"Failed to fetch metadata\");\n const data = await res.json();\n setNewCourse(prev => ({\n ...prev,\n title: prev.title || data.title || \"\",\n description: prev.description || data.description || \"\",\n imageUrl: prev.imageUrl || data.image || \"\"\n }));\n } catch (error) {\n console.error(\"Failed to fetch metadata\", error);\n }\n };\n\n const handleAddCourse = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!newCourse.title) return;\n\n try {\n await fetch(\"/api/courses\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(newCourse)\n });\n setNewCourse({\n title: \"\",\n instructor: \"\",\n status: \"Not Started\",\n link: \"\",\n imageUrl: \"\",\n description: \"\",\n notes: \"\"\n });\n fetchCourses();\n } catch (error) {\n console.error(\"Failed to add course\", error);\n }\n };\n\n const handleDelete = async (id: number) => {\n if (!confirm(\"Are you sure you want to delete this course?\")) return;\n try {\n await fetch(`/api/courses/${id}`, { method: \"DELETE\" });\n fetchCourses();\n } catch (error) {\n console.error(\"Failed to delete course\", error);\n }\n };\n\n const handleStatusChange = async (course: Course, newStatus: Course['status']) => {\n try {\n await fetch(`/api/courses/${course.id}`, {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ ...course, status: newStatus })\n });\n fetchCourses();\n } catch (error) {\n console.error(\"Failed to update status\", error);\n }\n };\n\n if (loading) return

;\n\n return (\n

\n {/* Header */}\n

\n 🎓\n

Course Tracker

\n {courses.filter(c => c.status === 'Completed').length} / {courses.length} Completed\n

\n\n

\n {/* Add Course Section */}\n

Add New Course

\n \n {/* Left Column: Inputs */}\n

\n Title\n setNewCourse({...newCourse, title: e.target.value})}\n required\n />\n

\n Instructor\n setNewCourse({...newCourse, instructor: e.target.value})}\n />\n

\n\n

\n Course Link\n

\n setNewCourse({...newCourse, link: e.target.value})}\n />\n \n

\n\n

\n Status\n setNewCourse({...newCourse, status: e.target.value as any})}\n >\n \n \n \n \n

\n\n

\n Description\n setNewCourse({...newCourse, description: e.target.value})}\n rows={3}\n />\n

\n\n {/* Right Column: Notes & Preview */}\n

\n Image Preview\n

\n {newCourse.imageUrl ? (\n $\"Preview\"$ \n ) : (\n

\n 🖼️\n Enter a URL to fetch image\n

\n )}\n

\n \n

\n Private Notes\n setNewCourse({...newCourse, notes: e.target.value})}\n />\n

\n\n \n

\n \n

\n\n {/* Course Grid */}\n

\n {courses.map(course => (\n

\n \n \n {/* Card Image */}\n

\n {course.imageUrl ? (\n {course.title}

\n ) : (\n

\n 📚\n

\n )}\n

\n \n {course.status}\n \n

\n\n {/* Card Content */}\n

{course.title}

\n {course.instructor && (\n

{course.instructor}

\n )}\n \n {course.description && (\n

{course.description}

\n )}\n\n {course.notes && (\n

\n 📝 Notes:\n {course.notes}\n

\n )}\n

\n\n {/* Card Footer */}\n

\n {course.link ? (\n \n View Course →\n \n ) : (\n No link\n )}\n\n

\n handleStatusChange(course, e.target.value as any)}\n onClick={(e) => e.stopPropagation()}\n >\n \n \n \n \n { e.stopPropagation(); handleDelete(course.id!); }}\n className=\"text-gray-400 hover:text-red-600 p-1.5 rounded-full hover:bg-red-50 transition-colors\"\n title=\"Delete Course\"\n >\n \n \n

\n ))}\n \n {courses.length === 0 && !loading && (\n

\n 📭\n

No courses added yet

Add your first course above to get started!

\n )}\n

\n );\n}\n",[],[179,282,274],"components","3dbd1952-c703-11f0-b99b-42dde27851f2",4,["D",1763747718306],[211],[179,282],["D",1763747717802],[210,212,213,214],[179],"f6efc1d6-c703-11f0-88dd-42dde27851f2","index.ts",27,["D",1763748028687],"http","import { Hono } from \"npm:hono\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { migrate } from \"./database/migrations.ts\";\nimport { getCourses, addCourse, updateCourse, deleteCourse } from \"./database/queries.ts\";\nimport { fetchMetadata } from \"./utils/metadata.ts\";\nimport { Course } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Initialize DB\nawait migrate();\n\napp.use(\"*\", async (c, next) => {\n try {\n await next();\n } catch (err) {\n console.error(err);\n return c.json({ error: err.message }, 500);\n }\n});\n\n// API Routes\napp.get(\"/api/metadata\", async (c) => {\n const url = c.req.query(\"url\");\n if (!url) {\n return c.json({ error: \"Missing url parameter\" }, 400);\n }\n const metadata = await fetchMetadata(url);\n return c.json(metadata);\n});\n\napp.get(\"/api/courses\", async (c) => {\n const courses = await getCourses();\n return c.json(courses);\n});\n\napp.post(\"/api/courses\", async (c) => {\n const course = await c.req.json();\n await addCourse(course);\n return c.json({ success: true }, 201);\n});\n\napp.put(\"/api/courses/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n const course = await c.req.json();\n await updateCourse(id, course);\n return c.json({ success: true });\n});\n\napp.delete(\"/api/courses/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n await deleteCourse(id);\n return c.json({ success: true });\n});\n\n// Static files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Serve index.html\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n // Optional: Inject initial data here if needed\n return c.html(html);\n});\n\nexport default app.fetch;\n",[],[185,292],"f6bd7d52-c703-11f0-ab94-42dde27851f2","metadata.ts","f6bd7eec-c703-11f0-ab94-42dde27851f2","f6a682c8-c703-11f0-88dd-42dde27851f2",22,["D",1763748028675],"import * as cheerio from \"npm:cheerio\";\n\nexport interface Metadata {\n title?: string;\n description?: string;\n image?: string;\n}\n\nexport async function fetchMetadata(url: string): Promise {\n try {\n const response = await fetch(url, {\n headers: {\n 'User-Agent': 'Mozilla/5.0 (compatible; CourseTracker/1.0;)'\n }\n });\n \n if (!response.ok) {\n throw new Error(`Failed to fetch URL: ${response.statusText}`);\n }\n\n const html = await response.text();\n const $ = cheerio.load(html);\n\n const title = \n $('meta[property=\"og:title\"]').attr('content') || \n $('title').text() || \n '';\n\n const description = \n $('meta[property=\"og:description\"]').attr('content') || \n $('meta[name=\"description\"]').attr('content') || \n '';\n\n const image = \n $('meta[property=\"og:image\"]').attr('content') || \n $('meta[name=\"twitter:image\"]').attr('content') || \n '';\n\n return {\n title: title.trim(),\n description: description.trim(),\n image: image.trim()\n };\n } catch (error) {\n console.error(\"Error fetching metadata:\", error);\n return {};\n }\n}\n",[],[185,308,300],"utils","4c0a47a4-c709-11f0-84e8-42dde27851f2",["D",1763750319281],[],[185,308,32],"f6a6820a-c703-11f0-88dd-42dde27851f2",21,["D",1763748028533],[206,207],[185,308],"3de45814-c703-11f0-87ea-42dde27851f2","routes","3de458d2-c703-11f0-87ea-42dde27851f2",6,["D",1763747718562],[],[185,319],"f6d7c090-c703-11f0-8790-42dde27851f2","queries.ts","3e0e8224-c703-11f0-8f96-42dde27851f2","3dd0bb24-c703-11f0-87ea-42dde27851f2",25,["D",1763748028688],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { TABLE_NAME } from \"./migrations.ts\";\nimport { Course } from \"../../shared/types.ts\";\n\nexport async function getCourses(): Promise {\n const result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} ORDER BY created_at DESC`);\n return result.rows.map(row => ({\n id: row.id as number,\n title: row.title as string,\n instructor: row.instructor as string,\n status: row.status as 'Not Started' | 'In Progress' | 'Completed',\n link: row.link as string | undefined,\n imageUrl: row.image_url as string | undefined,\n description: row.description as string | undefined,\n notes: row.notes as string | undefined,\n createdAt: row.created_at as string\n }));\n}\n\nexport async function addCourse(course: Course): Promise {\n await sqlite.execute(\n `INSERT INTO ${TABLE_NAME} (title, instructor, status, link, image_url, description, notes) VALUES (?, ?, ?, ?, ?, ?, ?)`,\n [course.title, course.instructor, course.status, course.link, course.imageUrl, course.description, course.notes]\n );\n}\n\nexport async function updateCourse(id: number, course: Partial): Promise {\n await sqlite.execute(\n `UPDATE ${TABLE_NAME} SET title = ?, instructor = ?, status = ?, link = ?, image_url = ?, description = ?, notes = ? WHERE id = ?`,\n [course.title, course.instructor, course.status, course.link, course.imageUrl, course.description, course.notes, id]\n );\n}\n\nexport async function deleteCourse(id: number): Promise {\n await sqlite.execute(`DELETE FROM ${TABLE_NAME} WHERE id = ?`, [id]);\n}\n",[],[185,334,326],"database","f6c7044e-c703-11f0-bd39-42dde27851f2","migrations.ts","3e1ab756-c703-11f0-b99b-42dde27851f2",24,["D",1763748028730],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Change table name when schema changes\nconst TABLE_NAME = \"courses_v2\";\n\nexport async function migrate() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL,\n instructor TEXT,\n status TEXT DEFAULT 'Not Started',\n link TEXT,\n image_url TEXT,\n description TEXT,\n notes TEXT,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n console.log(`Migrated table ${TABLE_NAME}`);\n}\n\nexport { TABLE_NAME };\n",[],[185,334,336],"3dd0ba2a-c703-11f0-87ea-42dde27851f2",5,["D",1763747718432],[202,203],[185,334],["D",1763747717998],[201,204,205,208],[185],["D",1763745760814],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":24},{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_122":388,"_389":390,"_391":392,"_393":24,"_394":24,"_395":24,"_396":58,"_397":-5,"_398":-7,"_399":-7,"_400":62,"_401":24,"_402":24,"_403":-5,"_404":24,"_405":24,"_406":24,"_407":-5},"ENV",{"_359":360,"_361":362,"_363":86,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375,"_376":377,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v31