Calendar Events

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_211":212,"_213":214},"routes/_app.x.$handle.$name",{"_93":92,"_32":44,"_101":83,"_27":102,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":25,"_116":117,"_118":119,"_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":25,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":-5,"_55":25,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":25},"version",93,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","template.html","latestPath","fileId","dbb01d78-0473-11f1-9881-42dde27851f2","name","fileType","content","\n\n \n \n \n Calendar Events\n \n \n \n

Upcoming Events

\n {{EVENTS_CONTENT}} {{PREVIEW_LINK}}\n \n","\n\n \n \n \n Calendar Events\n \n \n \n

Upcoming Events

\n {{EVENTS_CONTENT}} {{PREVIEW_LINK}}\n \n","createdAt",["D",1771104714773],"branchVersion","branchId","15438552-f3ee-11f0-9fd1-42dde27851f2","id","154334ee-f3ee-11f0-9fd1-42dde27851f2","dpiscal",["D",1768686433294],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","cea41dc4-b4c3-4a38-8ee6-ee9b5960fda2","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","dbeafde9-66b9-4cff-8625-2da1195a1c5d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_93":92,"_100":96},"org",{"_93":92,"_94":-5,"_95":96,"_18":53,"_97":98,"_99":25},"branch",{"_13":82,"_32":83,"_42":41,"_84":43,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":44,"_91":92},"isOwned",127,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","halffullheart","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaGQyZVFDeXM0U3YzNkpjdHpudnBqcHRtOGQifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":207,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":-5,"_55":25,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":208,"_77":209,"_79":210,"_81":25},"tree",[170,173,174,175],"files",[170,171,172,173,174,175],"counts",{"_158":59,"_159":160,"_161":59,"_162":163,"_164":165},"contents",[124,125,126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_42":151,"_32":152,"_30":153,"_129":-5,"_40":41,"_39":154,"_130":119,"_37":155,"_13":59,"_33":156,"_34":-5,"_24":25,"_133":-5,"_27":157},{"_42":144,"_32":145,"_30":146,"_129":-5,"_40":41,"_39":147,"_130":25,"_37":148,"_13":59,"_33":20,"_34":149,"_24":25,"_133":-5,"_27":150},{"_42":135,"_32":136,"_30":137,"_129":-5,"_40":41,"_39":138,"_130":119,"_37":139,"_13":140,"_33":141,"_34":142,"_24":25,"_133":44,"_27":143},{"_42":128,"_32":28,"_30":31,"_129":-5,"_40":41,"_39":14,"_130":25,"_37":131,"_13":132,"_33":20,"_34":36,"_24":25,"_133":-5,"_27":134},"95599d80-09ec-11f1-9b5c-42dde27851f2","parentId","latest",["D",1771104714773],21,"label",[28],"5923b0a4-09eb-11f1-8e20-42dde27851f2","index.ts","0aa20276-f3fe-11f0-ae7d-42dde27851f2",87,["D",1771104184257],48,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { googleTranslate } from \"https://esm.town/v/halffullheart/dpispta/shared/google-translate.ts\";\nimport { generateHTML, parseICalEvents } from \"./shared/calendar.ts\";\nimport { getCalendarUrl } from \"./shared/env.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\n// Main calendar endpoint\napp.get(\"/\", async (c) => {\n try {\n // Get language code from query parameter (default to null/no translation)\n const lang = c.req.query(\"lang\");\n // Get preview mode from query parameter\n const isPreview = c.req.query(\"preview\") !== undefined;\n\n // Get calendar ID from environment variable\n const calendarUrl = getCalendarUrl();\n\n // Calculate date range (yesterday to 2 months from today)\n const now = new Date();\n const yesterday = new Date(now);\n yesterday.setDate(yesterday.getDate() - 1);\n yesterday.setHours(0, 0, 0, 0);\n\n const twoMonthsFromNow = new Date(now);\n twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);\n twoMonthsFromNow.setHours(23, 59, 59, 999);\n\n console.log(\"Fetching calendar events from\", calendarUrl);\n\n const response = await fetch(calendarUrl);\n\n if (!response.ok) {\n const errorText = await response.text();\n return c.text(\n `Failed to fetch calendar events: ${response.status} ${errorText}`,\n 500,\n );\n }\n\n // Parse iCal data\n const icalData = await response.text();\n const events = parseICalEvents(icalData, yesterday, twoMonthsFromNow);\n\n // Build the URL for \"See all events\" link (base URL without preview param)\n const baseUrl = new URL(c.req.url);\n baseUrl.searchParams.delete(\"preview\");\n const fullViewUrl = baseUrl.toString();\n\n // Generate HTML\n let html = await generateHTML(events, isPreview, fullViewUrl);\n\n // Translate HTML if language code is provided\n if (lang) {\n console.log(`Translating to language: ${lang}`);\n html = await googleTranslate(html, lang);\n }\n\n return c.html(html);\n } catch (error) {\n return c.text(`Error: ${error.message}`, 500);\n }\n});\n\n// Debug endpoint for raw calendar data\napp.get(\"/debug/raw-calendar\", async (c) => {\n try {\n const calendarUrl = getCalendarUrl();\n\n console.log(\"Fetching raw calendar data from\", calendarUrl);\n\n const response = await fetch(calendarUrl);\n\n if (!response.ok) {\n const errorText = await response.text();\n return c.json({\n error: `Failed to fetch calendar: ${response.status}`,\n details: errorText,\n url: calendarUrl,\n }, 500);\n }\n\n const icalData = await response.text();\n\n return c.text(icalData);\n } catch (error) {\n return c.json({\n error: \"Failed to fetch raw calendar data\",\n details: error.message,\n }, 500);\n }\n});\n\n// Debug endpoint for parsed events\napp.get(\"/debug/parsed-events\", async (c) => {\n try {\n const calendarUrl = getCalendarUrl();\n\n // Calculate date range (yesterday to 2 months from today)\n const now = new Date();\n const yesterday = new Date(now);\n yesterday.setDate(yesterday.getDate() - 1);\n yesterday.setHours(0, 0, 0, 0);\n\n const twoMonthsFromNow = new Date(now);\n twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);\n twoMonthsFromNow.setHours(23, 59, 59, 999);\n\n const response = await fetch(calendarUrl);\n\n if (!response.ok) {\n const errorText = await response.text();\n return c.json({\n error: `Failed to fetch calendar: ${response.status}`,\n details: errorText,\n }, 500);\n }\n\n const icalData = await response.text();\n const events = parseICalEvents(icalData, yesterday, twoMonthsFromNow);\n\n return c.json({\n success: true,\n dateRange: {\n start: yesterday.toISOString(),\n end: twoMonthsFromNow.toISOString(),\n },\n eventCount: events.length,\n events: events,\n timestamp: new Date().toISOString(),\n });\n } catch (error) {\n return c.json({\n error: \"Failed to parse calendar events\",\n details: error.message,\n }, 500);\n }\n});\n\nexport default app.fetch;",[136],"0f140e2c-046a-11f1-b024-42dde27851f2","README.md","0f140f26-046a-11f1-b024-42dde27851f2",31,["D",1770498899113],"# Calendar Events Display\n\nA Val Town application that fetches and displays Google Calendar events with translation support.\n\n## Structure\n\n```\n├── backend/\n│ └── index.ts # Main Hono app with routes\n├── shared/\n│ └── calendar.ts # Shared calendar parsing and HTML generation\n├── index.ts # Entry point (redirects to backend)\n└── README.md\n```\n\n## Environment Variables\n\n- `GOOGLE_CALENDAR_URL` - The public iCal URL for your Google Calendar\n\n## Endpoints\n\n### Main Application\n- `GET /` - Displays formatted calendar events with translation support\n\n### Debug Endpoints\n- `GET /debug/raw-calendar` - Returns the raw iCal data from Google Calendar\n- `GET /debug/parsed-events` - Returns parsed events in JSON format\n\n## Features\n\n- Fetches events from yesterday to 2 months in the future\n- Displays events in Pacific Time\n- Google Translate integration with URL parameter support (`?lang=es`)\n- Responsive design matching Givebacks style\n- Debug endpoints for troubleshooting calendar data\n\n## Usage\n\n1. Set the `GOOGLE_CALENDAR_URL` environment variable to your public Google Calendar iCal URL\n2. Visit the main endpoint to see formatted events\n3. Use debug endpoints to troubleshoot calendar data issues\n4. Add `?lang=` to translate the page (e.g., `?lang=es` for Spanish)",[145],"088d9366-046a-11f1-a639-42dde27851f2","shared","59bc6f62-0fa2-4497-b15a-7be05c626a1f",30,["D",1770498888162],"directory",[152],"pulls","branches",1,"forks","envVars",{"_166":168,"_169":59},"connections",{"_166":59,"_167":59},"count","unfilledCount",3,"emptyCount",{"_42":151,"_32":152,"_30":153,"_129":-5,"_40":41,"_39":154,"_130":119,"_37":204,"_13":59,"_33":156,"_34":-5,"_24":25,"_133":-5,"_177":205,"_27":206},{"_42":195,"_32":196,"_30":197,"_129":153,"_40":41,"_39":198,"_130":25,"_37":199,"_13":200,"_33":191,"_34":201,"_24":25,"_133":-5,"_177":202,"_27":203},{"_42":186,"_32":187,"_30":188,"_129":153,"_40":41,"_39":189,"_130":119,"_37":190,"_13":59,"_33":191,"_34":192,"_24":25,"_133":-5,"_177":193,"_27":194},{"_42":144,"_32":145,"_30":146,"_129":-5,"_40":41,"_39":147,"_130":25,"_37":183,"_13":59,"_33":20,"_34":149,"_24":25,"_133":-5,"_177":184,"_27":185},{"_42":135,"_32":136,"_30":137,"_129":-5,"_40":41,"_39":138,"_130":119,"_37":180,"_13":140,"_33":141,"_34":142,"_24":25,"_133":44,"_177":181,"_27":182},{"_42":128,"_32":28,"_30":31,"_129":-5,"_40":41,"_39":14,"_130":25,"_37":176,"_13":132,"_33":20,"_34":36,"_24":25,"_133":-5,"_177":178,"_27":179},["D",1771104714773],"children",[],[28],["D",1771104184257],[],[136],["D",1770498899113],[],[145],"438254e0-0472-11f1-93c2-42dde27851f2","env.ts","438255a8-0472-11f1-93c2-42dde27851f2",43,["D",1770502423052],"script","/**\n * Get the Google Calendar URL from environment variables\n * @returns The calendar URL\n * @throws Error if GOOGLE_CALENDAR_URL is not set\n */\nexport function getCalendarUrl(): string {\n const calendarUrl = Deno.env.get(\"GOOGLE_CALENDAR_URL\");\n\n if (!calendarUrl) {\n throw new Error(\"GOOGLE_CALENDAR_URL environment variable is not set\");\n }\n\n return calendarUrl;\n}\n",[],[152,187],"170ff49c-09ec-11f1-905d-42dde27851f2","calendar.ts","088d4992-046a-11f1-a639-42dde27851f2",91,["D",1771104502893],12,"// Shared calendar parsing and HTML generation functions\n\nexport interface CalendarEvent {\n summary?: string;\n description?: string;\n start: string;\n isAllDay: boolean;\n}\n\nexport function parseICalEvents(\n icalData: string,\n startDate: Date,\n endDate: Date,\n): CalendarEvent[] {\n const events: CalendarEvent[] = [];\n\n // First, unfold the lines (continuation lines start with space/tab)\n const rawLines = icalData.split(/\\r?\\n/);\n const unfoldedLines: string[] = [];\n\n for (let i = 0; i < rawLines.length; i++) {\n const line = rawLines[i];\n\n // If this line starts with space or tab, it's a continuation\n if (line.startsWith(\" \") || line.startsWith(\"\\t\")) {\n // Append to the previous line (removing the leading whitespace)\n if (unfoldedLines.length > 0) {\n unfoldedLines[unfoldedLines.length - 1] += line.substring(1);\n }\n } else {\n // New line\n unfoldedLines.push(line);\n }\n }\n\n let currentEvent: Partial | null = null;\n let inEvent = false;\n\n for (const line of unfoldedLines) {\n const trimmedLine = line.trim();\n\n if (trimmedLine === \"BEGIN:VEVENT\") {\n inEvent = true;\n currentEvent = {};\n } else if (trimmedLine === \"END:VEVENT\" && inEvent) {\n if (currentEvent && currentEvent.start) {\n // Check if event is in our date range\n const eventDate = new Date(currentEvent.start);\n if (eventDate >= startDate && eventDate <= endDate) {\n events.push(currentEvent as CalendarEvent);\n }\n }\n currentEvent = null;\n inEvent = false;\n } else if (inEvent && currentEvent) {\n if (trimmedLine.startsWith(\"SUMMARY:\")) {\n currentEvent.summary = trimmedLine.substring(8);\n } else if (trimmedLine.startsWith(\"DESCRIPTION:\")) {\n currentEvent.description = trimmedLine.substring(12);\n } else if (trimmedLine.startsWith(\"DTSTART\")) {\n const dateValue = trimmedLine.split(\":\")[1];\n if (dateValue) {\n // Handle both date-time and date-only formats\n if (dateValue.includes(\"T\")) {\n // DateTime format: 20240115T140000Z\n currentEvent.start = dateValue.replace(\n /(\\d{4})(\\d{2})(\\d{2})T(\\d{2})(\\d{2})(\\d{2})Z?/,\n \"$1-$2-$3T$4:$5:$6Z\",\n );\n currentEvent.isAllDay = false;\n } else {\n // Date only format: 20240115\n currentEvent.start = dateValue.replace(\n /(\\d{4})(\\d{2})(\\d{2})/,\n \"$1-$2-$3\",\n );\n currentEvent.isAllDay = true;\n }\n }\n }\n }\n }\n\n // Sort events by start time\n return events.sort((a, b) =>\n new Date(a.start).getTime() - new Date(b.start).getTime()\n );\n}\n\nexport async function generateHTML(\n events: CalendarEvent[],\n isPreview: boolean = false,\n fullViewUrl: string = \"\"\n): Promise {\n // Load the HTML template\n const templateUrl = import.meta.resolve(\"../template.html\");\n const templateResponse = await fetch(templateUrl);\n const template = await templateResponse.text();\n\n // Generate event HTML\n const eventHTML = events.map((event) => {\n // Parse event date/time\n const startDateTime = event.start;\n if (!startDateTime) return \"\";\n\n // Convert to Pacific Time\n const eventDate = new Date(startDateTime);\n const pacificDate = new Intl.DateTimeFormat(\"en-US\", {\n timeZone: \"America/Los_Angeles\",\n weekday: \"long\",\n month: \"long\",\n day: \"numeric\",\n hour: !event.isAllDay ? \"numeric\" : undefined,\n minute: !event.isAllDay ? \"2-digit\" : undefined,\n hour12: !event.isAllDay ? true : undefined,\n }).format(eventDate);\n\n const title = event.summary || \"Untitled Event\";\n const description = event.description || \"\";\n\n // Convert description to paragraphs\n // iCal uses \\n as the escape sequence for newlines in the data\n // iCal uses \\, for commas\n const descriptionParagraphs = description\n .replace(/\\\\,/g, \",\") // Convert escaped commas\n .replace(/\\\\n/g, \"\\n\") // Convert literal \\n to actual newlines\n .split(\"\\n\")\n .filter((p) => p.trim())\n .map((p) => `

${escapeHtml(p.trim())}

`)\n .join(\"\");\n\n return `\n

${escapeHtml(pacificDate)}

${escapeHtml(title)}

\n ${descriptionParagraphs}\n

\n `;\n }).join(\"\");\n\n // Replace the placeholder with actual content\n const eventsContent = eventHTML ||\n \"

No events found in the specified date range.

\";\n \n let html = template.replace(\"{{EVENTS_CONTENT}}\", eventsContent);\n \n // Replace preview mode placeholders\n if (isPreview) {\n html = html.replace(\"{{PREVIEW_CLASS}}\", ' class=\"preview-mode\"');\n html = html.replace(\n \"{{PREVIEW_LINK}}\", \n `See all events`\n );\n } else {\n html = html.replace(\"{{PREVIEW_CLASS}}\", \"\");\n html = html.replace(\"{{PREVIEW_LINK}}\", \"\");\n }\n \n return html;\n}\n\nfunction escapeHtml(text: string): string {\n return text\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}",[],[152,196],["D",1770498888162],[171,172],[152],["D",1768686433294],{"_93":92,"_100":96},{"_93":92,"_94":-5,"_95":96,"_18":53,"_97":98,"_99":25},{"_13":82,"_32":83,"_42":41,"_84":43,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":44,"_91":92},"ctx",{"_75":-5,"_121":244,"_245":246,"_247":248,"_249":25,"_250":25,"_251":25,"_252":119,"_253":-5,"_254":-7,"_255":-7,"_256":59,"_257":25,"_258":25,"_259":-5,"_260":25,"_261":25,"_262":25,"_263":-5},"ENV",{"_215":216,"_217":218,"_219":83,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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 · v93