[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_236":237,"_238":239},"routes/_app.x.$handle.$name",{"_94":93,"_32":44,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":26,"_117":118,"_119":24,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":26,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":26,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":26},"version",12,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":26,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":26},"previous","deleted",true,"deletedHere",false,"path","server-with-map.js","latestPath","fileId","36dc2452-31a8-11f0-8214-569c3dd06744","name","fileType","script","content","import { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nexport default async function(req) {\n const url = new URL(req.url);\n const path = url.pathname;\n \n try {\n // Check if the map feature flag is enabled\n const useMap = url.searchParams.has('map') || path.includes('map');\n \n // Serve the main HTML file for the root path\n if (path === \"/\" || path === \"\") {\n // Choose which HTML file to serve based on the feature flag\n const htmlFile = useMap ? \"/index-with-map.html\" : \"/index.html\";\n const html = await readFile(htmlFile, import.meta.url);\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\"\n }\n });\n }\n \n // Serve CSS file\n if (path === \"/style.css\") {\n const css = await readFile(\"/style.css\", import.meta.url);\n return new Response(css, {\n headers: {\n \"Content-Type\": \"text/css; charset=utf-8\"\n }\n });\n }\n \n // Serve JavaScript files\n if (path === \"/script.js\") {\n const js = await readFile(\"/script.js\", import.meta.url);\n return new Response(js, {\n headers: {\n \"Content-Type\": \"application/javascript; charset=utf-8\"\n }\n });\n }\n \n if (path === \"/script-with-map.js\") {\n const js = await readFile(\"/script-with-map.js\", import.meta.url);\n return new Response(js, {\n headers: {\n \"Content-Type\": \"application/javascript; charset=utf-8\"\n }\n });\n }\n \n // Redirect to the map version\n if (path === \"/map\") {\n return new Response(null, {\n status: 302,\n headers: {\n \"Location\": \"/?map=true\"\n }\n });\n }\n \n // Return 404 for any other paths\n return new Response(\"Not Found\", {\n status: 404,\n headers: {\n \"Content-Type\": \"text/plain\"\n }\n });\n } catch (error) {\n console.error(\"Error serving file:\", error);\n return new Response(`Server Error: ${error.message}`, {\n status: 500,\n headers: {\n \"Content-Type\": \"text/plain\"\n }\n });\n }\n}","createdAt",["D",1747325899305],"branchVersion","branchId","1ab6fee8-31a6-11f0-b87b-569c3dd06744","id","1ab6a74a-31a6-11f0-b87b-569c3dd06744","worldclock",["D",1747324993095],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A simple, interactive world clock","imageUrl","3a4facd0-197a-11f0-a97f-49be2029e0a3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","9659b6c6-5985-4ad1-8fef-2b6e8ce6def7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":26},"branch",{"_13":83,"_32":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"isOwned",19,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","evilmathwalnuts","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydmpuSzVwNEtyblBsUW9MNjZrUFFpbEdkdEYifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":232,"_46":-5,"_47":26,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":26,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":233,"_78":234,"_80":235,"_82":26},"tree",[199,200,201,202,203,204,205,206],"files",[199,200,201,202,203,204,205,206],"counts",{"_189":60,"_190":147,"_191":60,"_192":193,"_194":195},"contents",[124,125,126,127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":182,"_32":183,"_30":184,"_135":-5,"_40":41,"_39":185,"_137":26,"_37":186,"_13":147,"_33":20,"_35":187,"_23":26,"_140":-5,"_27":188},{"_42":175,"_32":176,"_30":177,"_135":-5,"_40":41,"_39":178,"_137":24,"_37":179,"_13":60,"_33":20,"_35":180,"_23":26,"_140":-5,"_27":181},{"_42":168,"_32":169,"_30":170,"_135":-5,"_40":41,"_39":171,"_137":24,"_37":172,"_13":136,"_33":20,"_35":173,"_23":26,"_140":-5,"_27":174},{"_42":161,"_32":162,"_30":163,"_135":-5,"_40":41,"_39":164,"_137":24,"_37":165,"_13":60,"_33":34,"_35":166,"_23":26,"_140":-5,"_27":167},{"_42":154,"_32":155,"_30":156,"_135":-5,"_40":41,"_39":157,"_137":24,"_37":158,"_13":60,"_33":34,"_35":159,"_23":26,"_140":-5,"_27":160},{"_42":151,"_32":28,"_30":31,"_135":-5,"_40":41,"_39":14,"_137":26,"_37":152,"_13":60,"_33":34,"_35":36,"_23":26,"_140":-5,"_27":153},{"_42":142,"_32":143,"_30":144,"_135":-5,"_40":41,"_39":145,"_137":26,"_37":146,"_13":147,"_33":148,"_35":149,"_23":26,"_140":-5,"_27":150},{"_42":132,"_32":133,"_30":134,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":138,"_13":60,"_33":20,"_35":139,"_23":26,"_140":-5,"_27":141},"4e2126b4-31a6-11f0-b87b-569c3dd06744","style.css","4e212772-31a6-11f0-b87b-569c3dd06744","parentId",2,"latest",["D",1747325079355],"/* Additional custom styles beyond Tailwind */\n#clock {\n font-feature-settings: \"tnum\";\n letter-spacing: 0.05em;\n}\n\n.timezone-option-group {\n font-weight: bold;\n color: #4a5568;\n}\n\n/* Animation for clock updates */\n@keyframes pulse {\n 0% { opacity: 1; }\n 50% { opacity: 0.7; }\n 100% { opacity: 1; }\n}\n\n.time-update {\n animation: pulse 0.5s ease-in-out;\n}","label",[133],"9b532d06-31a6-11f0-a61a-569c3dd06744","server.js","9537c33c-31a6-11f0-ae66-569c3dd06744",8,["D",1747325208864],1,"http","import { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nexport default async function(req) {\n const url = new URL(req.url);\n const path = url.pathname;\n \n try {\n // Serve the main HTML file for the root path\n if (path === \"/\" || path === \"\") {\n const html = await readFile(\"/index.html\", import.meta.url);\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\"\n }\n });\n }\n \n // Serve CSS file\n if (path === \"/style.css\") {\n const css = await readFile(\"/style.css\", import.meta.url);\n return new Response(css, {\n headers: {\n \"Content-Type\": \"text/css; charset=utf-8\"\n }\n });\n }\n \n // Serve JavaScript file\n if (path === \"/script.js\") {\n const js = await readFile(\"/script.js\", import.meta.url);\n return new Response(js, {\n headers: {\n \"Content-Type\": \"application/javascript; charset=utf-8\"\n }\n });\n }\n \n // Return 404 for any other paths\n return new Response(\"Not Found\", {\n status: 404,\n headers: {\n \"Content-Type\": \"text/plain\"\n }\n });\n } catch (error) {\n console.error(\"Error serving file:\", error);\n return new Response(`Server Error: ${error.message}`, {\n status: 500,\n headers: {\n \"Content-Type\": \"text/plain\"\n }\n });\n }\n}",[143],"36dc2376-31a8-11f0-8214-569c3dd06744",["D",1747325899305],[28],"5c27cbdc-31a6-11f0-8d22-569c3dd06744","script.js","5c27ccb8-31a6-11f0-8d22-569c3dd06744",3,["D",1747325102881],"document.addEventListener('DOMContentLoaded', () => {\n const clockElement = document.getElementById('clock');\n const dateElement = document.getElementById('date');\n const timezoneElement = document.getElementById('timezone-display');\n const timezoneSelect = document.getElementById('timezone');\n \n // Common timezone groups\n const timezoneGroups = {\n 'Popular': [\n 'America/New_York',\n 'America/Los_Angeles',\n 'Europe/London',\n 'Europe/Paris',\n 'Asia/Tokyo',\n 'Australia/Sydney',\n 'Asia/Dubai',\n 'Asia/Shanghai'\n ],\n 'North America': [\n 'America/New_York',\n 'America/Chicago',\n 'America/Denver',\n 'America/Los_Angeles',\n 'America/Anchorage',\n 'America/Halifax',\n 'America/Toronto',\n 'America/Vancouver'\n ],\n 'Europe': [\n 'Europe/London',\n 'Europe/Paris',\n 'Europe/Berlin',\n 'Europe/Rome',\n 'Europe/Madrid',\n 'Europe/Moscow',\n 'Europe/Athens',\n 'Europe/Istanbul'\n ],\n 'Asia': [\n 'Asia/Tokyo',\n 'Asia/Shanghai',\n 'Asia/Hong_Kong',\n 'Asia/Singapore',\n 'Asia/Dubai',\n 'Asia/Kolkata',\n 'Asia/Seoul',\n 'Asia/Bangkok'\n ],\n 'Pacific': [\n 'Pacific/Honolulu',\n 'Pacific/Auckland',\n 'Pacific/Fiji',\n 'Pacific/Guam'\n ],\n 'Australia': [\n 'Australia/Sydney',\n 'Australia/Melbourne',\n 'Australia/Perth',\n 'Australia/Brisbane'\n ],\n 'South America': [\n 'America/Sao_Paulo',\n 'America/Buenos_Aires',\n 'America/Santiago',\n 'America/Lima'\n ],\n 'Africa': [\n 'Africa/Cairo',\n 'Africa/Johannesburg',\n 'Africa/Lagos',\n 'Africa/Nairobi'\n ]\n };\n\n // Populate timezone dropdown with optgroups\n function populateTimezoneSelect() {\n // Clear existing options\n timezoneSelect.innerHTML = '';\n \n // Add user's local timezone at the top\n const localOption = document.createElement('option');\n localOption.value = 'local';\n localOption.textContent = 'Local Time';\n timezoneSelect.appendChild(localOption);\n \n // Add timezone groups\n for (const [group, timezones] of Object.entries(timezoneGroups)) {\n const optgroup = document.createElement('optgroup');\n optgroup.label = group;\n optgroup.className = 'timezone-option-group';\n \n timezones.forEach(timezone => {\n const option = document.createElement('option');\n option.value = timezone;\n \n // Format the timezone name for display\n const formattedName = timezone.replace('_', ' ').split('/').pop();\n \n // Get current time in this timezone for display\n const timeInZone = new Date().toLocaleTimeString('en-US', { \n timeZone: timezone,\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n });\n \n option.textContent = `${formattedName} (${timeInZone})`;\n optgroup.appendChild(option);\n });\n \n timezoneSelect.appendChild(optgroup);\n }\n }\n\n // Update the clock display\n function updateClock() {\n const selectedTimezone = timezoneSelect.value;\n const now = new Date();\n let timeOptions, dateOptions;\n \n // Apply the pulse animation\n clockElement.classList.add('time-update');\n setTimeout(() => {\n clockElement.classList.remove('time-update');\n }, 500);\n \n if (selectedTimezone === 'local') {\n // Local time\n timeOptions = { \n hour: '2-digit', \n minute: '2-digit', \n second: '2-digit',\n hour12: false\n };\n \n dateOptions = { \n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric'\n };\n \n timezoneElement.textContent = `Local Time (${Intl.DateTimeFormat().resolvedOptions().timeZone})`;\n } else {\n // Specific timezone\n timeOptions = { \n timeZone: selectedTimezone,\n hour: '2-digit', \n minute: '2-digit', \n second: '2-digit',\n hour12: false\n };\n \n dateOptions = { \n timeZone: selectedTimezone,\n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric'\n };\n \n timezoneElement.textContent = selectedTimezone.replace('_', ' ');\n }\n \n const timeString = now.toLocaleTimeString('en-US', timeOptions);\n const dateString = now.toLocaleDateString('en-US', dateOptions);\n \n clockElement.textContent = timeString;\n dateElement.textContent = dateString;\n }\n\n // Initialize the page\n populateTimezoneSelect();\n \n // Set initial timezone to local\n timezoneSelect.value = 'local';\n \n // Update clock immediately and then every second\n updateClock();\n setInterval(updateClock, 1000);\n \n // Handle timezone changes\n timezoneSelect.addEventListener('change', () => {\n updateClock();\n \n // Update all timezone options with current time\n const optgroups = timezoneSelect.querySelectorAll('optgroup');\n optgroups.forEach(optgroup => {\n const options = optgroup.querySelectorAll('option');\n options.forEach(option => {\n if (option.value !== 'local') {\n const timezone = option.value;\n const formattedName = timezone.replace('_', ' ').split('/').pop();\n \n const timeInZone = new Date().toLocaleTimeString('en-US', { \n timeZone: timezone,\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n });\n \n option.textContent = `${formattedName} (${timeInZone})`;\n }\n });\n });\n });\n});",[155],"2e8dabe0-31a8-11f0-9943-569c3dd06744","script-with-map.js","2e8dac76-31a8-11f0-9943-569c3dd06744",11,["D",1747325885357],"document.addEventListener('DOMContentLoaded', () => {\n const clockElement = document.getElementById('clock');\n const dateElement = document.getElementById('date');\n const timezoneElement = document.getElementById('timezone-display');\n const timezoneSelect = document.getElementById('timezone');\n \n // Map initialization\n let map = null;\n let marker = null;\n \n // Initialize the map\n function initMap() {\n // Create the map with a default view\n map = L.map('map').setView([0, 0], 2);\n \n // Add the tile layer (OpenStreetMap)\n L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {\n attribution: '© OpenStreetMap contributors',\n maxZoom: 18\n }).addTo(map);\n \n // Prevent scrolling the page when scrolling the map\n map.getContainer().addEventListener('wheel', function(e) {\n e.stopPropagation();\n });\n }\n \n // Timezone to coordinates mapping (approximate central points)\n const timezoneCoordinates = {\n // North America\n 'America/New_York': { lat: 40.7128, lng: -74.0060, zoom: 4 },\n 'America/Chicago': { lat: 41.8781, lng: -87.6298, zoom: 4 },\n 'America/Denver': { lat: 39.7392, lng: -104.9903, zoom: 4 },\n 'America/Los_Angeles': { lat: 34.0522, lng: -118.2437, zoom: 4 },\n 'America/Anchorage': { lat: 61.2181, lng: -149.9003, zoom: 4 },\n 'America/Halifax': { lat: 44.6488, lng: -63.5752, zoom: 4 },\n 'America/Toronto': { lat: 43.6532, lng: -79.3832, zoom: 4 },\n 'America/Vancouver': { lat: 49.2827, lng: -123.1207, zoom: 4 },\n \n // Europe\n 'Europe/London': { lat: 51.5074, lng: -0.1278, zoom: 4 },\n 'Europe/Paris': { lat: 48.8566, lng: 2.3522, zoom: 4 },\n 'Europe/Berlin': { lat: 52.5200, lng: 13.4050, zoom: 4 },\n 'Europe/Rome': { lat: 41.9028, lng: 12.4964, zoom: 4 },\n 'Europe/Madrid': { lat: 40.4168, lng: -3.7038, zoom: 4 },\n 'Europe/Moscow': { lat: 55.7558, lng: 37.6173, zoom: 4 },\n 'Europe/Athens': { lat: 37.9838, lng: 23.7275, zoom: 4 },\n 'Europe/Istanbul': { lat: 41.0082, lng: 28.9784, zoom: 4 },\n \n // Asia\n 'Asia/Tokyo': { lat: 35.6762, lng: 139.6503, zoom: 4 },\n 'Asia/Shanghai': { lat: 31.2304, lng: 121.4737, zoom: 4 },\n 'Asia/Hong_Kong': { lat: 22.3193, lng: 114.1694, zoom: 4 },\n 'Asia/Singapore': { lat: 1.3521, lng: 103.8198, zoom: 4 },\n 'Asia/Dubai': { lat: 25.2048, lng: 55.2708, zoom: 4 },\n 'Asia/Kolkata': { lat: 28.6139, lng: 77.2090, zoom: 4 },\n 'Asia/Seoul': { lat: 37.5665, lng: 126.9780, zoom: 4 },\n 'Asia/Bangkok': { lat: 13.7563, lng: 100.5018, zoom: 4 },\n \n // Pacific\n 'Pacific/Honolulu': { lat: 21.3069, lng: -157.8583, zoom: 4 },\n 'Pacific/Auckland': { lat: -36.8485, lng: 174.7633, zoom: 4 },\n 'Pacific/Fiji': { lat: -17.7134, lng: 178.0650, zoom: 4 },\n 'Pacific/Guam': { lat: 13.4443, lng: 144.7937, zoom: 4 },\n \n // Australia\n 'Australia/Sydney': { lat: -33.8688, lng: 151.2093, zoom: 4 },\n 'Australia/Melbourne': { lat: -37.8136, lng: 144.9631, zoom: 4 },\n 'Australia/Perth': { lat: -31.9505, lng: 115.8605, zoom: 4 },\n 'Australia/Brisbane': { lat: -27.4698, lng: 153.0251, zoom: 4 },\n \n // South America\n 'America/Sao_Paulo': { lat: -23.5505, lng: -46.6333, zoom: 4 },\n 'America/Buenos_Aires': { lat: -34.6037, lng: -58.3816, zoom: 4 },\n 'America/Santiago': { lat: -33.4489, lng: -70.6693, zoom: 4 },\n 'America/Lima': { lat: -12.0464, lng: -77.0428, zoom: 4 },\n \n // Africa\n 'Africa/Cairo': { lat: 30.0444, lng: 31.2357, zoom: 4 },\n 'Africa/Johannesburg': { lat: -26.2041, lng: 28.0473, zoom: 4 },\n 'Africa/Lagos': { lat: 6.5244, lng: 3.3792, zoom: 4 },\n 'Africa/Nairobi': { lat: -1.2921, lng: 36.8219, zoom: 4 }\n };\n \n // Update the map based on selected timezone\n function updateMap(timezone) {\n if (!map) return;\n \n if (timezone === 'local') {\n // For local timezone, try to get user's location or use a default view\n const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n \n if (timezoneCoordinates[userTimezone]) {\n const coords = timezoneCoordinates[userTimezone];\n map.setView([coords.lat, coords.lng], coords.zoom);\n \n // Update or create marker\n if (marker) {\n marker.setLatLng([coords.lat, coords.lng]);\n } else {\n marker = L.marker([coords.lat, coords.lng]).addTo(map);\n }\n \n marker.bindPopup(`Local Time: ${userTimezone}`).openPopup();\n } else {\n // Default world view if we can't determine location\n map.setView([0, 0], 2);\n if (marker) {\n map.removeLayer(marker);\n marker = null;\n }\n }\n } else if (timezoneCoordinates[timezone]) {\n // Set view to the selected timezone\n const coords = timezoneCoordinates[timezone];\n map.setView([coords.lat, coords.lng], coords.zoom);\n \n // Update or create marker\n if (marker) {\n marker.setLatLng([coords.lat, coords.lng]);\n } else {\n marker = L.marker([coords.lat, coords.lng]).addTo(map);\n }\n \n // Format the timezone name for display\n const formattedName = timezone.replace('_', ' ').split('/').pop();\n marker.bindPopup(`${formattedName}`).openPopup();\n } else {\n // If timezone not in our coordinates list, show world view\n map.setView([0, 0], 2);\n if (marker) {\n map.removeLayer(marker);\n marker = null;\n }\n }\n }\n \n // Common timezone groups\n const timezoneGroups = {\n 'Popular': [\n 'America/New_York',\n 'America/Los_Angeles',\n 'Europe/London',\n 'Europe/Paris',\n 'Asia/Tokyo',\n 'Australia/Sydney',\n 'Asia/Dubai',\n 'Asia/Shanghai'\n ],\n 'North America': [\n 'America/New_York',\n 'America/Chicago',\n 'America/Denver',\n 'America/Los_Angeles',\n 'America/Anchorage',\n 'America/Halifax',\n 'America/Toronto',\n 'America/Vancouver'\n ],\n 'Europe': [\n 'Europe/London',\n 'Europe/Paris',\n 'Europe/Berlin',\n 'Europe/Rome',\n 'Europe/Madrid',\n 'Europe/Moscow',\n 'Europe/Athens',\n 'Europe/Istanbul'\n ],\n 'Asia': [\n 'Asia/Tokyo',\n 'Asia/Shanghai',\n 'Asia/Hong_Kong',\n 'Asia/Singapore',\n 'Asia/Dubai',\n 'Asia/Kolkata',\n 'Asia/Seoul',\n 'Asia/Bangkok'\n ],\n 'Pacific': [\n 'Pacific/Honolulu',\n 'Pacific/Auckland',\n 'Pacific/Fiji',\n 'Pacific/Guam'\n ],\n 'Australia': [\n 'Australia/Sydney',\n 'Australia/Melbourne',\n 'Australia/Perth',\n 'Australia/Brisbane'\n ],\n 'South America': [\n 'America/Sao_Paulo',\n 'America/Buenos_Aires',\n 'America/Santiago',\n 'America/Lima'\n ],\n 'Africa': [\n 'Africa/Cairo',\n 'Africa/Johannesburg',\n 'Africa/Lagos',\n 'Africa/Nairobi'\n ]\n };\n\n // Populate timezone dropdown with optgroups\n function populateTimezoneSelect() {\n // Clear existing options\n timezoneSelect.innerHTML = '';\n \n // Add user's local timezone at the top\n const localOption = document.createElement('option');\n localOption.value = 'local';\n localOption.textContent = 'Local Time';\n timezoneSelect.appendChild(localOption);\n \n // Add timezone groups\n for (const [group, timezones] of Object.entries(timezoneGroups)) {\n const optgroup = document.createElement('optgroup');\n optgroup.label = group;\n optgroup.className = 'timezone-option-group';\n \n timezones.forEach(timezone => {\n const option = document.createElement('option');\n option.value = timezone;\n \n // Format the timezone name for display\n const formattedName = timezone.replace('_', ' ').split('/').pop();\n \n // Get current time in this timezone for display\n const timeInZone = new Date().toLocaleTimeString('en-US', { \n timeZone: timezone,\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n });\n \n option.textContent = `${formattedName} (${timeInZone})`;\n optgroup.appendChild(option);\n });\n \n timezoneSelect.appendChild(optgroup);\n }\n }\n\n // Update the clock display\n function updateClock() {\n const selectedTimezone = timezoneSelect.value;\n const now = new Date();\n let timeOptions, dateOptions;\n \n // Apply the pulse animation\n clockElement.classList.add('time-update');\n setTimeout(() => {\n clockElement.classList.remove('time-update');\n }, 500);\n \n if (selectedTimezone === 'local') {\n // Local time\n timeOptions = { \n hour: '2-digit', \n minute: '2-digit', \n second: '2-digit',\n hour12: false\n };\n \n dateOptions = { \n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric'\n };\n \n timezoneElement.textContent = `Local Time (${Intl.DateTimeFormat().resolvedOptions().timeZone})`;\n } else {\n // Specific timezone\n timeOptions = { \n timeZone: selectedTimezone,\n hour: '2-digit', \n minute: '2-digit', \n second: '2-digit',\n hour12: false\n };\n \n dateOptions = { \n timeZone: selectedTimezone,\n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric'\n };\n \n timezoneElement.textContent = selectedTimezone.replace('_', ' ');\n }\n \n const timeString = now.toLocaleTimeString('en-US', timeOptions);\n const dateString = now.toLocaleDateString('en-US', dateOptions);\n \n clockElement.textContent = timeString;\n dateElement.textContent = dateString;\n }\n\n // Initialize the page\n populateTimezoneSelect();\n \n // Set initial timezone to local\n timezoneSelect.value = 'local';\n \n // Initialize map after DOM is fully loaded\n initMap();\n \n // Update clock and map immediately\n updateClock();\n updateMap('local');\n \n // Update clock every second\n setInterval(updateClock, 1000);\n \n // Handle timezone changes\n timezoneSelect.addEventListener('change', () => {\n const selectedTimezone = timezoneSelect.value;\n \n // Update clock\n updateClock();\n \n // Update map\n updateMap(selectedTimezone);\n \n // Update all timezone options with current time\n const optgroups = timezoneSelect.querySelectorAll('optgroup');\n optgroups.forEach(optgroup => {\n const options = optgroup.querySelectorAll('option');\n options.forEach(option => {\n if (option.value !== 'local') {\n const timezone = option.value;\n const formattedName = timezone.replace('_', ' ').split('/').pop();\n \n const timeInZone = new Date().toLocaleTimeString('en-US', { \n timeZone: timezone,\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n });\n \n option.textContent = `${formattedName} (${timeInZone})`;\n }\n });\n });\n });\n \n // Handle window resize to fix map rendering issues\n window.addEventListener('resize', () => {\n if (map) {\n map.invalidateSize();\n }\n });\n});",[162],"9900eb9c-31a6-11f0-a334-569c3dd06744","index.html","4a7a4e82-31a6-11f0-92f1-569c3dd06744",7,["D",1747325204969],"\n\n\n \n \n World Clock\n \n \n \n\n\n

World Clock

\n \n

\n Select Timezone:\n \n

\n \n

00:00:00

Loading date...

Loading timezone...

\n \n \n \n \n\n",[169],"0ee59938-31a8-11f0-ae47-569c3dd06744","index-with-map.html","0ee599e2-31a8-11f0-ae47-569c3dd06744",10,["D",1747325832263],"\n\n\n \n \n World Clock with Map\n \n \n \n \n \n \n \n\n\n

World Clock

\n \n

\n Select Timezone:\n \n

\n \n

00:00:00

Loading date...

Loading timezone...

\n \n

\n Map shows approximate location of selected timezone\n

\n \n \n \n \n\n",[176],"a07a6c54-31a6-11f0-828d-569c3dd06744","README.md","63080908-31a6-11f0-99fd-569c3dd06744",9,["D",1747325217509],"# World Clock\n\nA simple, interactive world clock web application that allows users to view the current time in different timezones around the world.\n\n## Features\n\n- Display current time and date\n- Select from a wide range of timezones organized by region\n- Real-time clock updates\n- Responsive design that works on mobile and desktop\n- Visual feedback when time updates\n\n## Implementation Details\n\nThis project is built with:\n\n- Vanilla JavaScript (no frameworks)\n- Tailwind CSS for styling (via CDN)\n- HTML5\n\nThe application uses the browser's built-in `Date` object and `Intl.DateTimeFormat` API to handle timezone conversions and formatting.\n\n## File Structure\n\n- `index.html` - Main HTML file with the clock display and timezone selector\n- `script.js` - JavaScript to handle the clock functionality and timezone selection\n- `style.css` - Additional CSS styles beyond Tailwind\n- `server.js` - Server-side code to handle HTTP requests and serve the static files\n\n## How It Works\n\n1. The application loads with the user's local timezone selected by default\n2. Users can select a different timezone from the dropdown menu\n3. The clock updates every second to show the current time in the selected timezone\n4. The date and timezone information are also displayed\n\n## Future Improvements\n\n- Add ability to save favorite timezones\n- Add a dark mode toggle\n- Add a map visualization of the selected timezone\n- Add multiple clocks on the same page for comparison",[183],"pulls","branches","forks","envVars",{"_196":60,"_198":60},"connections",{"_196":60,"_197":60},"count","unfilledCount","emptyCount",{"_42":182,"_32":183,"_30":184,"_135":-5,"_40":41,"_39":185,"_137":26,"_37":229,"_13":147,"_33":20,"_35":187,"_23":26,"_140":-5,"_208":230,"_27":231},{"_42":175,"_32":176,"_30":177,"_135":-5,"_40":41,"_39":178,"_137":24,"_37":226,"_13":60,"_33":20,"_35":180,"_23":26,"_140":-5,"_208":227,"_27":228},{"_42":168,"_32":169,"_30":170,"_135":-5,"_40":41,"_39":171,"_137":24,"_37":223,"_13":136,"_33":20,"_35":173,"_23":26,"_140":-5,"_208":224,"_27":225},{"_42":161,"_32":162,"_30":163,"_135":-5,"_40":41,"_39":164,"_137":24,"_37":220,"_13":60,"_33":34,"_35":166,"_23":26,"_140":-5,"_208":221,"_27":222},{"_42":154,"_32":155,"_30":156,"_135":-5,"_40":41,"_39":157,"_137":24,"_37":217,"_13":60,"_33":34,"_35":159,"_23":26,"_140":-5,"_208":218,"_27":219},{"_42":151,"_32":28,"_30":31,"_135":-5,"_40":41,"_39":14,"_137":26,"_37":214,"_13":60,"_33":34,"_35":36,"_23":26,"_140":-5,"_208":215,"_27":216},{"_42":142,"_32":143,"_30":144,"_135":-5,"_40":41,"_39":145,"_137":26,"_37":211,"_13":147,"_33":148,"_35":149,"_23":26,"_140":-5,"_208":212,"_27":213},{"_42":132,"_32":133,"_30":134,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":207,"_13":60,"_33":20,"_35":139,"_23":26,"_140":-5,"_208":209,"_27":210},["D",1747325079355],"children",[],[133],["D",1747325208864],[],[143],["D",1747325899305],[],[28],["D",1747325102881],[],[155],["D",1747325885357],[],[162],["D",1747325204969],[],[169],["D",1747325832263],[],[176],["D",1747325217509],[],[183],["D",1747324993095],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":26},{"_13":83,"_32":84,"_42":41,"_85":43,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":44,"_92":93},"ctx",{"_76":-5,"_121":269,"_270":271,"_272":273,"_274":26,"_275":26,"_276":26,"_277":24,"_278":-5,"_279":-7,"_280":-7,"_281":60,"_282":26,"_283":26,"_284":-5,"_285":26,"_286":26,"_287":26,"_288":-5},"ENV",{"_240":241,"_242":243,"_244":84,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268},"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 · v12