\n 🚌 CWRU Buses Monitoring\n

\n\n

\n \n\n

\n Buses Currently on Break\n

\n \n View Detailed Analysis\n \n \n \n \n

\n\n {loading\n ? (\n

Loading bus data...

\n )\n : }\n\n

\n Live Bus Map\n

\n \n\n {/* Loading notice for first load */}\n {!initialLoadDone.current && (\n

\n \n \n \n First load may take a moment as data is fetched from TransLoc\n API\n

\n )}\n

\n );\n}\n",[],[199,205,211],{"_105":218,"_97":219,"_152":220,"_154":206,"_155":139,"_156":221,"_158":120,"_108":222,"_102":223,"_160":184,"_162":224,"_163":27,"_164":-5,"_165":225,"_100":226},"852aa06e-10fd-11f0-8414-569c3dd06744","BusMap.tsx","ac06e33a-10f5-11f0-8ed4-569c3dd06744",162,["D",1743734149475],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\n// Import Leaflet types\ndeclare const L: any;\n\ninterface Bus {\n vehicleId: string;\n name: string;\n routeName: string;\n lat: number;\n lng: number;\n onBreak: boolean;\n}\n\ninterface BusMapProps {\n positions: Bus[];\n}\n\nexport function BusMap({ positions }: BusMapProps) {\n const mapRef = useRef(null);\n const markersRef = useRef>({});\n const [mapInitialized, setMapInitialized] = useState(false);\n\n // Keep track of last known positions to prevent buses from disappearing\n const [lastPositions, setLastPositions] = useState([]);\n\n // First, initialize the map - this runs only once\n useEffect(() => {\n if (typeof window !== \"undefined\" && !mapRef.current) {\n console.log(\"Initializing map...\");\n try {\n mapRef.current = L.map(\"mapContainer\").setView([41.509, -81.617], 15);\n\n L.tileLayer(\n \"https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png\",\n {\n attribution: \"© OpenStreetMap & Carto\",\n subdomains: \"abcd\",\n maxZoom: 19,\n },\n ).addTo(mapRef.current);\n\n setMapInitialized(true);\n console.log(\"Map initialized successfully\");\n } catch (error) {\n console.error(\"Error initializing map:\", error);\n }\n }\n\n return () => {\n if (mapRef.current) {\n mapRef.current.remove();\n mapRef.current = null;\n setMapInitialized(false);\n }\n };\n }, []);\n\n // Update markers whenever positions or map initialization status changes\n useEffect(() => {\n // Only continue if map is initialized\n if (!mapInitialized || !mapRef.current) {\n return;\n }\n\n console.log(`Updating markers with ${positions.length} positions...`);\n\n // Create icons for markers\n const activeBusIcon = L.icon({\n iconUrl: \"https://cdn-icons-png.flaticon.com/512/8/8110.png\",\n iconSize: [32, 32],\n iconAnchor: [16, 32],\n popupAnchor: [0, -32],\n });\n\n const breakBusIcon = L.icon({\n iconUrl: \"https://cdn-icons-png.flaticon.com/512/252/252025.png\",\n iconSize: [32, 32],\n iconAnchor: [16, 32],\n popupAnchor: [0, -32],\n });\n\n // Update last positions if we have new data\n if (positions.length > 0) {\n setLastPositions(positions);\n }\n\n // Determine which positions to use\n const displayPositions = positions.length > 0 ? positions : lastPositions;\n\n // Create a map for quick lookups\n const busMap = new Map();\n displayPositions.forEach((bus) => {\n busMap.set(bus.vehicleId, bus);\n });\n\n // Add or update markers for each bus\n displayPositions.forEach((bus) => {\n const icon = bus.onBreak ? breakBusIcon : activeBusIcon;\n\n if (markersRef.current[bus.vehicleId]) {\n // Update existing marker\n markersRef.current[bus.vehicleId]\n .setLatLng([bus.lat, bus.lng])\n .setIcon(icon);\n\n // Update popup content\n const popup = markersRef.current[bus.vehicleId].getPopup();\n if (popup) {\n popup.setContent(`\n

🚌 Bus ${bus.name}

${bus.routeName}

\n ${bus.onBreak ? \"🔴 On Break\" : \"🟢 Active\"}\n

\n `);\n }\n } else {\n // Create new marker\n try {\n markersRef.current[bus.vehicleId] = L.marker([bus.lat, bus.lng], {\n icon,\n })\n .addTo(mapRef.current)\n .bindPopup(\n `\n

🚌 Bus ${bus.name}

${bus.routeName}

\n ${bus.onBreak ? \"🔴 On Break\" : \"🟢 Active\"}\n

\n `,\n {\n closeButton: false,\n className: \"bus-popup\",\n autoPan: false,\n },\n );\n console.log(`Added marker for bus ${bus.name} (${bus.vehicleId})`);\n } catch (error) {\n console.error(`Error adding marker for bus ${bus.vehicleId}:`, error);\n }\n }\n });\n\n // Remove markers for buses no longer in the data\n // Only do this if we have new data\n if (positions.length > 0) {\n Object.keys(markersRef.current).forEach((id) => {\n if (!busMap.has(id)) {\n mapRef.current.removeLayer(markersRef.current[id]);\n delete markersRef.current[id];\n console.log(`Removed marker for bus ${id}`);\n }\n });\n }\n }, [positions, mapInitialized, lastPositions]);\n\n return (\n

\n \n

\n\n {!mapInitialized && (\n

Loading map...

\n )}\n\n {mapInitialized && positions.length === 0 && lastPositions.length === 0\n && (\n

Waiting for bus data...

\n )}\n \n );\n}",[],[199,205,219],{"_105":228,"_97":229,"_152":230,"_154":206,"_155":139,"_156":170,"_158":120,"_108":231,"_102":157,"_160":184,"_162":232,"_163":27,"_164":-5,"_165":233,"_100":234},"edc8718c-10f8-11f0-88d9-569c3dd06744","BusTable.tsx","ac42ce68-10f5-11f0-a390-569c3dd06744",["D",1743732177563],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface Bus {\n vehicleId: string;\n name: string;\n routeName: string;\n currentBreak: number;\n totalBreak: number;\n}\n\ninterface BusTableProps {\n buses: Bus[];\n}\n\nexport function BusTable({ buses }: BusTableProps) {\n function formatTime(seconds: number) {\n const h = Math.floor(seconds / 3600);\n const m = Math.floor((seconds % 3600) / 60);\n const s = seconds % 60;\n\n const pad = (num: number) => String(num).padStart(2, \"0\");\n return `${pad(h)}:${pad(m)}:${pad(s)}`;\n }\n\n return (\n

\n \n \n \n \n Bus Number\n \n \n Route\n \n \n Break Duration\n \n \n Total Break Time\n \n \n \n \n {buses.length === 0\n ? (\n \n \n No buses currently on break\n \n \n )\n : (\n buses.map((bus) => (\n \n \n \n \n \n \n ))\n )}\n \n

\n {bus.name}\n	\n {bus.routeName}\n	\n {formatTime(bus.currentBreak)}\n	\n {formatTime(bus.totalBreak)}\n

\n );\n}\n",[],[199,205,229],{"_105":236,"_97":237,"_152":238,"_154":206,"_155":139,"_156":170,"_158":120,"_108":239,"_102":223,"_160":184,"_162":240,"_163":27,"_164":-5,"_165":241,"_100":242},"edc874ac-10f8-11f0-88d9-569c3dd06744","DetailedView.tsx","abe8d7d2-10f5-11f0-bdf0-569c3dd06744",["D",1743732177563],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { StatusIndicator } from \"./StatusIndicator.tsx\";\n\ninterface BusBreakSummary {\n vehicleId: string;\n name: string;\n routeName: string;\n routeId: number;\n onBreak: boolean;\n stationaryFor: number;\n breakTime2h: number;\n breakTime4h: number;\n}\n\nexport function DetailedView() {\n const [detailedData, setDetailedData] = useState([]);\n\n useEffect(() => {\n const fetchDetailedBreaks = async () => {\n try {\n const res = await fetch(\"/api/detailed-breaks\");\n const data = await res.json();\n\n // Sort by break time (last 2h) - highest first\n data.sort((a: BusBreakSummary, b: BusBreakSummary) =>\n b.breakTime2h - a.breakTime2h\n );\n setDetailedData(data);\n } catch (error) {\n console.error(\"Error fetching detailed break data:\", error);\n }\n };\n\n fetchDetailedBreaks();\n const interval = setInterval(fetchDetailedBreaks, 15000);\n\n return () => clearInterval(interval);\n }, []);\n\n function formatTime(seconds: number) {\n const h = Math.floor(seconds / 3600);\n const m = Math.floor((seconds % 3600) / 60);\n const s = seconds % 60;\n\n const pad = (num: number) => String(num).padStart(2, \"0\");\n return `${pad(h)}:${pad(m)}:${pad(s)}`;\n }\n\n return (\n

\n 🚌 Detailed Bus Break Analysis\n

\n\n

\n \n\n

\n \n \n \n \n Back to Dashboard\n \n\n

\n Showing detailed break times for all buses\n

\n\n

\n 🕒 Break Time Summary\n

\n\n

\n \n \n \n \n Bus Number\n \n \n Route\n \n \n Status\n \n \n Stationary For\n \n \n Break Time (Last 2h)\n \n \n Break Time (Last 4h)\n \n \n \n \n {detailedData.length === 0\n ? (\n \n \n Loading data...\n \n \n )\n : (\n detailedData.map((bus) => (\n 1800 ? \"bg-yellow-50\" : \"\"\n }`}\n >\n \n \n \n \n \n \n \n ))\n )}\n \n

\n {bus.name}\n	\n {bus.routeName}\n	\n {bus.onBreak\n ? (\n \n \n \n On Break\n \n )\n : (\n \n \n \n Active\n \n )}\n	\n {formatTime(bus.stationaryFor)}\n	\n {formatTime(bus.breakTime2h)}\n	\n {formatTime(bus.breakTime4h)}\n

\n\n

\n Note: Buses with more than 30 minutes of break time in the last 2\n hours are highlighted.\n

\n );\n}\n",[],[199,205,237],{"_105":244,"_97":245,"_152":246,"_154":206,"_155":139,"_156":170,"_158":120,"_108":247,"_102":157,"_160":184,"_162":248,"_163":27,"_164":-5,"_165":249,"_100":250},"edc87a60-10f8-11f0-88d9-569c3dd06744","StatusIndicator.tsx","1ef82020-10f6-11f0-83be-569c3dd06744",["D",1743732177563],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface StatusData {\n lastUpdate: string;\n status: \"fresh\" | \"stale\";\n age: number;\n}\n\nexport function StatusIndicator() {\n const [status, setStatus] = useState(null);\n\n useEffect(() => {\n const fetchStatus = async () => {\n try {\n const res = await fetch(\"/api/status\");\n const data = await res.json();\n setStatus(data);\n } catch (error) {\n console.error(\"Error fetching status:\", error);\n }\n };\n\n fetchStatus();\n const interval = setInterval(fetchStatus, 15000);\n\n return () => clearInterval(interval);\n }, []);\n\n if (!status) {\n return (\n

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

\n \n Last update: {new Date(status.lastUpdate).toLocaleTimeString()}\n \n \n ({status.age} seconds ago)\n \n

\n \n {status.status === \"fresh\" ? \"Live\" : \"Stale\"}\n \n

\n \n );\n}\n",[],[199,205,245],[199,205],{"_105":253,"_97":254,"_152":255,"_154":200,"_155":139,"_156":170,"_158":120,"_108":256,"_102":257,"_160":258,"_162":259,"_163":27,"_164":-5,"_165":260,"_100":261},"edc87d6c-10f8-11f0-88d9-569c3dd06744","index.html","0e957203-73e5-4ab4-bcbc-07198da3d378",["D",1743732177563],5,"file","\n\n \n \n \n CWRU Bus Break Dashboard\n \n \n \n \n \n \n \n

\n \n \n \n\n",[],[199,254],{"_105":263,"_97":264,"_152":265,"_154":200,"_155":139,"_156":170,"_158":120,"_108":266,"_102":267,"_160":184,"_162":268,"_163":27,"_164":-5,"_165":269,"_100":270},"edc87f1a-10f8-11f0-88d9-569c3dd06744","index.tsx","845e0f61-c907-46a9-a86c-27b447f47242",["D",1743732177563],2,"/** @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\";\nimport { DetailedView } from \"./components/DetailedView.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\n// Simple router based on pathname\nconst currentPath = window.location.pathname;\nlet Component;\n\nif (currentPath === \"/detailed\") {\n Component = ;\n} else {\n Component = ;\n}\n\ncreateRoot(root).render(Component);\n",[],[199,264],[199],{"_105":273,"_97":274,"_152":275,"_154":-5,"_155":139,"_156":138,"_158":120,"_108":276,"_102":223,"_160":258,"_162":277,"_163":27,"_164":-5,"_165":278,"_100":279},"9089761e-119e-11f0-8f2e-569c3dd06744","README.md","cbcfa76b-334e-4dc5-a17d-d5dcb54986a4",["D",1743803317579],"(credit: Tobias Heller, ported to val town project)\n\n# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n- **Remix** this starter template on the top right to get started.\n\n- The **entrypoint** is `/backend/index.ts`. That's the backend HTTP server,\n which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is `/frontend/index.html`, which in turn\n imports `/frontend/index.tsx`, which in turn imports the React app from\n `/frontend/components/App.tsx`.\n\n[React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a\nfuller featured example project, with a SQLite database table, queries,\nclient-side CSS and a favicon, and some shared code that runs on both client and\nserver.",[],[274],{"_105":281,"_97":282,"_152":283,"_154":-5,"_155":139,"_156":284,"_158":120,"_108":285,"_102":157,"_160":286,"_162":287,"_163":27,"_164":-5,"_165":288,"_100":289},"4dcdcc36-10fd-11f0-ba73-569c3dd06744","kickstart.ts","49d9ad7a-10fd-11f0-958d-569c3dd06744",159,["D",1743734056651],"interval","export default async function (interval: Interval) {\n await fetch(\"https://wolf--14aa1afa10fc11f0bb2a569c3dd06744.web.val.run\")\n}",[],[282],{"_105":291,"_97":180,"_152":292,"_154":-5,"_155":139,"_156":122,"_158":120,"_108":293,"_102":294,"_160":173,"_162":295,"_163":27,"_164":296,"_165":297,"_100":298},"36b4f320-10fe-11f0-958d-569c3dd06744","14aa1afa-10fc-11f0-bb2a-569c3dd06744",["D",1743734447397],17,"import { blob } from \"https://esm.town/v/std/blob\";\nimport refresh from \"./backend/refresh.ts\";\n\nexport default async function(req: Request): Promise {\n const LAST_RUN_KEY = \"refresh_last_run\";\n const REFRESH_INTERVAL = 5000; // 5 seconds\n\n // Get the last run timestamp\n const lastRun = await blob.getJSON(LAST_RUN_KEY);\n const now = Date.now();\n\n // Only refresh if enough time has passed\n if (!lastRun || now - lastRun >= REFRESH_INTERVAL) {\n try {\n // Execute the refresh function\n await refresh();\n console.log(\"Refresh completed\");\n } catch (error) {\n console.error(\"Refresh failed:\", error);\n }\n\n // Update the last run timestamp\n await blob.setJSON(LAST_RUN_KEY, now);\n\n // Simple next run scheduling\n setTimeout(() => {\n fetch(\"https://wolf--14aa1afa10fc11f0bb2a569c3dd06744.web.val.run\");\n }, REFRESH_INTERVAL);\n\n await new Promise(() => {\n // This promise never resolves\n });\n\n return new Response(\"Refreshed and scheduled next run\");\n } else {\n return new Response(\"Too soon for refresh\");\n }\n}","cwru-busses-refresh",[],[180],"files",[150,167,178,188,197,203,209,217,227,235,243,252,262,272,280,290],"counts",{"_303":267,"_304":267,"_305":33,"_306":33},"pulls","branches","forks","envVars","contents",[309,312,315],{"_105":168,"_97":169,"_152":118,"_154":153,"_155":139,"_156":170,"_158":120,"_108":310,"_102":172,"_160":173,"_162":174,"_163":27,"_164":175,"_100":311},["D",1743732177563],[101,169],{"_105":179,"_97":180,"_152":181,"_154":153,"_155":139,"_156":182,"_158":120,"_108":313,"_102":172,"_160":184,"_162":185,"_163":27,"_164":-5,"_100":314},["D",1743733315686],[101,180],{"_105":189,"_97":190,"_152":191,"_154":153,"_155":139,"_156":170,"_158":120,"_108":316,"_102":157,"_160":184,"_162":193,"_163":27,"_164":-5,"_100":317},["D",1743732177563],[101,190],{"_105":151,"_97":101,"_152":153,"_154":-5,"_155":139,"_156":157,"_158":120,"_108":319,"_102":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_100":320},["D",1743730309398],[101],"upstream",{"_105":323,"_97":324,"_114":325,"_115":-5,"_112":113,"_21":326},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter","Starter template with client-side React & Hono server",{"_95":327,"_134":328},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","screenshots",{"_331":332,"_333":334},"thumbnail","https://screenshots.valtown.net/screenshot.png?width=1024&height=768&version=165&url=https%3A%2F%2Fwolf--1b081b7c0bae47aa9c114fe47cd3a148.web.val.run","preview","https://screenshots.valtown.net/screenshot.png?width=1920&height=1080&version=165&url=https%3A%2F%2Fwolf--1b081b7c0bae47aa9c114fe47cd3a148.web.val.run","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_95":96,"_97":98,"_99":43,"_102":-7,"_100":101,"_103":339,"_148":343,"_299":392,"_258":393,"_307":395,"_321":402,"_411":27,"_412":-5},{"_105":106,"_97":107,"_108":340,"_110":-5,"_111":27,"_112":113,"_114":-5,"_115":-5,"_12":116,"_117":118,"_119":120,"_121":122,"_123":33,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":27,"_21":341,"_136":342},["D",1743730309398],{"_95":96,"_134":135},{"_102":138,"_97":43,"_105":139,"_140":106,"_141":142,"_143":144,"_145":113,"_146":147},[344,356,383,386,389],{"_105":151,"_97":101,"_152":153,"_154":-5,"_155":139,"_156":157,"_158":120,"_108":159,"_102":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":345,"_100":355},[346,349,352],{"_105":168,"_97":169,"_152":118,"_154":153,"_155":139,"_156":170,"_158":120,"_108":171,"_102":172,"_160":173,"_162":174,"_163":27,"_164":175,"_165":347,"_100":348},[],[101,169],{"_105":179,"_97":180,"_152":181,"_154":153,"_155":139,"_156":182,"_158":120,"_108":183,"_102":172,"_160":184,"_162":185,"_163":27,"_164":-5,"_165":350,"_100":351},[],[101,180],{"_105":189,"_97":190,"_152":191,"_154":153,"_155":139,"_156":170,"_158":120,"_108":192,"_102":157,"_160":184,"_162":193,"_163":27,"_164":-5,"_165":353,"_100":354},[],[101,190],[101],{"_105":198,"_97":199,"_152":200,"_154":-5,"_155":139,"_156":157,"_158":120,"_108":201,"_102":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":357,"_100":382},[358,376,379],{"_105":204,"_97":205,"_152":206,"_154":200,"_155":139,"_156":157,"_158":120,"_108":207,"_102":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":359,"_100":375},[360,363,366,369,372],{"_105":210,"_97":211,"_152":212,"_154":206,"_155":139,"_156":170,"_158":120,"_108":213,"_102":172,"_160":184,"_162":214,"_163":27,"_164":-5,"_165":361,"_100":362},[],[199,205,211],{"_105":218,"_97":219,"_152":220,"_154":206,"_155":139,"_156":221,"_158":120,"_108":222,"_102":223,"_160":184,"_162":224,"_163":27,"_164":-5,"_165":364,"_100":365},[],[199,205,219],{"_105":228,"_97":229,"_152":230,"_154":206,"_155":139,"_156":170,"_158":120,"_108":231,"_102":157,"_160":184,"_162":232,"_163":27,"_164":-5,"_165":367,"_100":368},[],[199,205,229],{"_105":236,"_97":237,"_152":238,"_154":206,"_155":139,"_156":170,"_158":120,"_108":239,"_102":223,"_160":184,"_162":240,"_163":27,"_164":-5,"_165":370,"_100":371},[],[199,205,237],{"_105":244,"_97":245,"_152":246,"_154":206,"_155":139,"_156":170,"_158":120,"_108":247,"_102":157,"_160":184,"_162":248,"_163":27,"_164":-5,"_165":373,"_100":374},[],[199,205,245],[199,205],{"_105":253,"_97":254,"_152":255,"_154":200,"_155":139,"_156":170,"_158":120,"_108":256,"_102":257,"_160":258,"_162":259,"_163":27,"_164":-5,"_165":377,"_100":378},[],[199,254],{"_105":263,"_97":264,"_152":265,"_154":200,"_155":139,"_156":170,"_158":120,"_108":266,"_102":267,"_160":184,"_162":268,"_163":27,"_164":-5,"_165":380,"_100":381},[],[199,264],[199],{"_105":273,"_97":274,"_152":275,"_154":-5,"_155":139,"_156":138,"_158":120,"_108":276,"_102":223,"_160":258,"_162":277,"_163":27,"_164":-5,"_165":384,"_100":385},[],[274],{"_105":281,"_97":282,"_152":283,"_154":-5,"_155":139,"_156":284,"_158":120,"_108":285,"_102":157,"_160":286,"_162":287,"_163":27,"_164":-5,"_165":387,"_100":388},[],[282],{"_105":291,"_97":180,"_152":292,"_154":-5,"_155":139,"_156":122,"_158":120,"_108":293,"_102":294,"_160":173,"_162":295,"_163":27,"_164":296,"_165":390,"_100":391},[],[180],[344,346,349,352,356,358,360,363,366,369,372,376,379,383,386,389],{"_105":151,"_97":101,"_152":153,"_154":-5,"_155":139,"_156":157,"_158":120,"_108":319,"_102":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_100":394},[101],[396,398,400],{"_105":168,"_97":169,"_152":118,"_154":153,"_155":139,"_156":170,"_158":120,"_108":310,"_102":172,"_160":173,"_162":174,"_163":27,"_164":175,"_100":397},[101,169],{"_105":179,"_97":180,"_152":181,"_154":153,"_155":139,"_156":182,"_158":120,"_108":313,"_102":172,"_160":184,"_162":185,"_163":27,"_164":-5,"_100":399},[101,180],{"_105":189,"_97":190,"_152":191,"_154":153,"_155":139,"_156":170,"_158":120,"_108":316,"_102":157,"_160":184,"_162":193,"_163":27,"_164":-5,"_100":401},[101,190],{"_105":142,"_108":403,"_404":405,"_97":43,"_140":323,"_102":406,"_141":-5,"_143":-5,"_407":408,"_132":27,"_112":113,"_409":327,"_410":324},["D",1740674013689],"updatedAt",["D",1744030641875],39,"lockfileKey","1744473899907-esm.town_v_std_reactHonoStarter@39-main","userHandle","projectName","showCompareCallout","pull","routes/_app","actionData","errors"]