[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_237":238,"_239":240},"routes/_app.x.$handle.$name",{"_100":99,"_32":51,"_108":90,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_21":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":25,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_49":50,"_32":51,"_38":52,"_53":-5,"_54":25,"_55":56,"_57":56,"_58":-5,"_59":-5,"_18":60,"_61":-5,"_62":25,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",6,"changes",[19,20],"aiChatInfo","userId",{"_21":43,"_23":-7,"_24":25,"_26":25,"_27":44,"_29":44},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous","deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","e5aff3c2-37cb-11f0-aa59-9e149126039e","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport WeatherWidget from \"./WeatherWidget.tsx\";\nimport QuickLinks from \"./QuickLinks.tsx\";\nimport NotesWidget from \"./NotesWidget.tsx\";\nimport type { DashboardData } from \"../../shared/types.ts\";\n\ndeclare global {\n interface Window {\n __INITIAL_DATA__?: DashboardData;\n }\n}\n\nexport default function App() {\n const [data, setData] = useState(null);\n const [currentTime, setCurrentTime] = useState(new Date());\n\n useEffect(() => {\n // Load initial data\n if (window.__INITIAL_DATA__) {\n setData(window.__INITIAL_DATA__);\n }\n\n // Update time every second\n const timer = setInterval(() => {\n setCurrentTime(new Date());\n }, 1000);\n\n return () => clearInterval(timer);\n }, []);\n\n const formatTime = (date: Date) => {\n return date.toLocaleTimeString([], { \n hour: '2-digit', \n minute: '2-digit',\n hour12: true \n });\n };\n\n const formatDate = (date: Date) => {\n return date.toLocaleDateString([], { \n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n };\n\n if (!data) {\n return (\n

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n {formatTime(currentTime)}\n

\n {formatDate(currentTime)}\n

\n\n {/* Main Grid */}\n

\n {/* Weather Widget */}\n

\n \n

\n\n {/* Quick Links */}\n

\n setData(prev => prev ? {...prev, quickLinks: links} : null)}\n />\n

\n\n {/* Notes Widget */}\n

\n setData(prev => prev ? {...prev, notes} : null)}\n />\n

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

\n Built with ❤️ on Val Town\n

\n );\n}","createdAt",["D",1748000931984],"branchVersion","branchId","a6b9d2aa-37cb-11f0-a005-9e149126039e",{"_30":45,"_32":46,"_34":47,"_36":-5,"_38":48,"_40":14,"_41":42,"_24":25},"frontend/components","b7344c47-dc3a-40fa-81fd-13bc02164982","components","directory",["D",1748000931984],"id","a6b98994-37cb-11f0-a005-9e149126039e","MyApp",["D",1748000826353],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","4f2203e0-f80c-11ef-9837-89444453db5f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","c9d9348e-97d9-49c6-9f75-ab7a49b69640","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":60,"_104":105,"_106":25},"branch",{"_13":89,"_32":90,"_49":42,"_91":50,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":51,"_98":99},"isOwned",18,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Desidev","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydG5kSjhTU054MXM3bE9Vb0dPYWpqczZRRjkifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_32":51,"_38":233,"_53":-5,"_54":25,"_55":56,"_57":56,"_58":-5,"_59":-5,"_18":60,"_61":-5,"_62":25,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":234,"_84":235,"_86":236,"_88":25},"tree",[173,175,180,182],"files",[173,174,175,176,177,178,179,180,181,182],"counts",{"_163":66,"_164":138,"_165":66,"_166":167,"_168":169},"contents",[130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":157,"_32":158,"_30":159,"_137":-5,"_41":42,"_40":160,"_139":148,"_38":161,"_13":66,"_34":47,"_36":-5,"_24":25,"_142":-5,"_27":162},{"_49":151,"_32":152,"_30":153,"_137":-5,"_41":42,"_40":154,"_139":148,"_38":155,"_13":66,"_34":47,"_36":-5,"_24":25,"_142":-5,"_27":156},{"_49":144,"_32":145,"_30":146,"_137":-5,"_41":42,"_40":147,"_139":148,"_38":149,"_13":66,"_34":47,"_36":-5,"_24":25,"_142":-5,"_27":150},{"_49":134,"_32":135,"_30":136,"_137":-5,"_41":42,"_40":138,"_139":25,"_38":140,"_13":66,"_34":21,"_36":141,"_24":25,"_142":-5,"_27":143},"c33d398a-37cb-11f0-8efc-9e149126039e","README.md","c33d3a5c-37cb-11f0-8efc-9e149126039e","parentId",1,"latest",["D",1748000874188],"# Personal Dashboard\n\nA modern, mobile-compatible personal dashboard built with React and TailwindCSS.\n\n## Features\n\n- 📱 Mobile-first responsive design\n- 🌤️ Weather widget with current conditions\n- 📅 Date and time display\n- 🔗 Quick links to frequently used sites\n- 📝 Notes section for quick thoughts\n- 🎨 Clean, modern UI with dark theme\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Hono API server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main dashboard component\n│ │ ├── WeatherWidget.tsx # Weather display\n│ │ ├── QuickLinks.tsx # Bookmarks/links\n│ │ └── NotesWidget.tsx # Simple notes\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend entry point\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Tech Stack\n\n- **Backend**: Hono (TypeScript API framework)\n- **Frontend**: React 18.2.0 with TypeScript\n- **Styling**: TailwindCSS\n- **Weather**: Open-Meteo API (no API key required)\n- **Storage**: Val Town Blob storage for notes and settings","label",[135],"c5b09f4a-37cb-11f0-9799-9e149126039e","shared","3ac8ed1b-a689-47bc-b09d-18ec25a826e3",2,true,["D",1748000878298],[145],"d86fedf2-37cb-11f0-83a6-9e149126039e","frontend","848a90b8-4571-4ef9-bdaa-ef9ef17db7f0",4,["D",1748000909752],[152],"d2a140e2-37cb-11f0-b4e8-9e149126039e","backend","b507ea6d-2910-4a3a-8c84-f1b738408f4d",3,["D",1748000900009],[158],"pulls","branches","forks","envVars",{"_170":66,"_172":66},"connections",{"_170":66,"_171":66},"count","unfilledCount","emptyCount",{"_49":157,"_32":158,"_30":159,"_137":-5,"_41":42,"_40":160,"_139":148,"_38":230,"_13":66,"_34":47,"_36":-5,"_24":25,"_142":-5,"_184":231,"_27":232},{"_49":223,"_32":224,"_30":225,"_137":159,"_41":42,"_40":160,"_139":25,"_38":226,"_13":66,"_34":35,"_36":227,"_24":25,"_142":-5,"_184":228,"_27":229},{"_49":151,"_32":152,"_30":153,"_137":-5,"_41":42,"_40":154,"_139":148,"_38":220,"_13":66,"_34":47,"_36":-5,"_24":25,"_142":-5,"_184":221,"_27":222},{"_49":216,"_32":46,"_30":45,"_137":153,"_41":42,"_40":14,"_139":148,"_38":217,"_13":66,"_34":47,"_36":-5,"_24":25,"_142":-5,"_184":218,"_27":219},{"_49":212,"_32":33,"_30":31,"_137":45,"_41":42,"_40":14,"_139":148,"_38":213,"_13":66,"_34":35,"_36":37,"_24":25,"_142":-5,"_184":214,"_27":215},{"_49":205,"_32":206,"_30":207,"_137":153,"_41":42,"_40":154,"_139":25,"_38":208,"_13":66,"_34":21,"_36":209,"_24":25,"_142":-5,"_184":210,"_27":211},{"_49":197,"_32":198,"_30":199,"_137":153,"_41":42,"_40":200,"_139":25,"_38":201,"_13":66,"_34":35,"_36":202,"_24":25,"_142":-5,"_184":203,"_27":204},{"_49":144,"_32":145,"_30":146,"_137":-5,"_41":42,"_40":147,"_139":148,"_38":194,"_13":66,"_34":47,"_36":-5,"_24":25,"_142":-5,"_184":195,"_27":196},{"_49":187,"_32":188,"_30":189,"_137":146,"_41":42,"_40":147,"_139":25,"_38":190,"_13":66,"_34":35,"_36":191,"_24":25,"_142":-5,"_184":192,"_27":193},{"_49":134,"_32":135,"_30":136,"_137":-5,"_41":42,"_40":138,"_139":25,"_38":183,"_13":66,"_34":21,"_36":141,"_24":25,"_142":-5,"_184":185,"_27":186},["D",1748000874188],"children",[],[135],"c5b081ae-37cb-11f0-9799-9e149126039e","types.ts","c5b08280-37cb-11f0-9799-9e149126039e",["D",1748000878298],"// Shared types for the personal dashboard\n\nexport interface WeatherData {\n temperature: number;\n description: string;\n location: string;\n humidity: number;\n windSpeed: number;\n}\n\nexport interface QuickLink {\n id: string;\n title: string;\n url: string;\n icon?: string;\n}\n\nexport interface Note {\n id: string;\n content: string;\n createdAt: string;\n updatedAt: string;\n}\n\nexport interface DashboardData {\n weather: WeatherData | null;\n quickLinks: QuickLink[];\n notes: Note[];\n}",[],[145,188],["D",1748000878298],[181],[145],"dc0b3c64-37cb-11f0-9ccb-9e149126039e","index.tsx","dc0b3d18-37cb-11f0-9ccb-9e149126039e",5,["D",1748000915806],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"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 = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[152,198],"d86fc82c-37cb-11f0-83a6-9e149126039e","index.html","d86fc8d6-37cb-11f0-83a6-9e149126039e",["D",1748000909752],"\n\n\n \n \n Personal Dashboard\n \n \n \n\n\n

\n \n \n\n",[],[152,206],"e5aff318-37cb-11f0-aa59-9e149126039e",["D",1748000931984],[],[152,46,33],"e5b0110e-37cb-11f0-aa59-9e149126039e",["D",1748000931984],[177],[152,46],["D",1748000909752],[176,178,179],[152],"d2a10280-37cb-11f0-b4e8-9e149126039e","index.ts","d2a1032a-37cb-11f0-b4e8-9e149126039e",["D",1748000900009],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport type { WeatherData, QuickLink, Note, DashboardData } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve 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// Get weather data from Open-Meteo API\nasync function getWeatherData(lat: number = 40.7128, lon: number = -74.0060): Promise {\n try {\n const response = await fetch(\n `https://api.open-meteo.com/v1/forecast?latitude=${lat}&longitude=${lon}¤t=temperature_2m,relative_humidity_2m,wind_speed_10m,weather_code&timezone=auto`\n );\n const data = await response.json();\n \n const weatherCodes: { [key: number]: string } = {\n 0: \"Clear sky\",\n 1: \"Mainly clear\",\n 2: \"Partly cloudy\",\n 3: \"Overcast\",\n 45: \"Foggy\",\n 48: \"Depositing rime fog\",\n 51: \"Light drizzle\",\n 53: \"Moderate drizzle\",\n 55: \"Dense drizzle\",\n 61: \"Slight rain\",\n 63: \"Moderate rain\",\n 65: \"Heavy rain\",\n 71: \"Slight snow\",\n 73: \"Moderate snow\",\n 75: \"Heavy snow\",\n 95: \"Thunderstorm\"\n };\n\n return {\n temperature: Math.round(data.current.temperature_2m),\n description: weatherCodes[data.current.weather_code] || \"Unknown\",\n location: \"New York, NY\", // Default location\n humidity: data.current.relative_humidity_2m,\n windSpeed: data.current.wind_speed_10m\n };\n } catch (error) {\n console.error(\"Failed to fetch weather:\", error);\n return null;\n }\n}\n\n// Get default quick links\nfunction getDefaultQuickLinks(): QuickLink[] {\n return [\n { id: \"1\", title: \"Gmail\", url: \"https://gmail.com\", icon: \"📧\" },\n { id: \"2\", title: \"GitHub\", url: \"https://github.com\", icon: \"🐙\" },\n { id: \"3\", title: \"Twitter\", url: \"https://twitter.com\", icon: \"🐦\" },\n { id: \"4\", title: \"YouTube\", url: \"https://youtube.com\", icon: \"📺\" },\n { id: \"5\", title: \"LinkedIn\", url: \"https://linkedin.com\", icon: \"💼\" },\n { id: \"6\", title: \"Reddit\", url: \"https://reddit.com\", icon: \"🤖\" }\n ];\n}\n\n// Main dashboard route\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Get initial data\n const weather = await getWeatherData();\n const quickLinks = await blob.getJSON(\"dashboard_quick_links\") || getDefaultQuickLinks();\n const notes = await blob.getJSON(\"dashboard_notes\") || [];\n \n const initialData: DashboardData = {\n weather,\n quickLinks,\n notes\n };\n \n // Inject initial data\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\n// API Routes\napp.get(\"/api/weather\", async (c) => {\n const lat = c.req.query(\"lat\") ? parseFloat(c.req.query(\"lat\")!) : 40.7128;\n const lon = c.req.query(\"lon\") ? parseFloat(c.req.query(\"lon\")!) : -74.0060;\n \n const weather = await getWeatherData(lat, lon);\n return c.json({ weather });\n});\n\napp.get(\"/api/quick-links\", async (c) => {\n const quickLinks = await blob.getJSON(\"dashboard_quick_links\") || getDefaultQuickLinks();\n return c.json({ quickLinks });\n});\n\napp.post(\"/api/quick-links\", async (c) => {\n const { quickLinks } = await c.req.json();\n await blob.setJSON(\"dashboard_quick_links\", quickLinks);\n return c.json({ success: true });\n});\n\napp.get(\"/api/notes\", async (c) => {\n const notes = await blob.getJSON(\"dashboard_notes\") || [];\n return c.json({ notes });\n});\n\napp.post(\"/api/notes\", async (c) => {\n const { content } = await c.req.json();\n const notes = await blob.getJSON(\"dashboard_notes\") || [];\n \n const newNote: Note = {\n id: Date.now().toString(),\n content,\n createdAt: new Date().toISOString(),\n updatedAt: new Date().toISOString()\n };\n \n notes.unshift(newNote);\n \n // Keep only the latest 10 notes\n if (notes.length > 10) {\n notes.splice(10);\n }\n \n await blob.setJSON(\"dashboard_notes\", notes);\n return c.json({ note: newNote });\n});\n\napp.delete(\"/api/notes/:id\", async (c) => {\n const noteId = c.req.param(\"id\");\n const notes = await blob.getJSON(\"dashboard_notes\") || [];\n \n const filteredNotes = notes.filter((note: Note) => note.id !== noteId);\n await blob.setJSON(\"dashboard_notes\", filteredNotes);\n \n return c.json({ success: true });\n});\n\nexport default app.fetch;",[],[158,224],["D",1748000900009],[174],[158],["D",1748000826353],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":60,"_104":105,"_106":25},{"_13":89,"_32":90,"_49":42,"_91":50,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":51,"_98":99},"ctx",{"_82":-5,"_127":270,"_271":272,"_273":274,"_275":25,"_276":25,"_277":25,"_278":148,"_279":-5,"_280":-7,"_281":-7,"_282":66,"_283":25,"_284":25,"_285":-5,"_286":25,"_287":25,"_288":25,"_289":-5},"ENV",{"_241":242,"_243":244,"_245":90,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","81405aa0531e90dfbb71a5bf473aaa0cf4c8702f","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 · v6