Calendar Events

${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 upcoming 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}",[],[158,177],{"_104":186,"_97":187,"_159":188,"_161":160,"_162":144,"_163":189,"_165":166,"_106":190,"_101":33,"_168":181,"_170":191,"_171":22,"_172":-5,"_173":192,"_100":193},"438254e0-0472-11f1-93c2-42dde27851f2","env.ts","438255a8-0472-11f1-93c2-42dde27851f2",43,["D",1770502423052],"/**\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",[],[158,187],[158],{"_104":196,"_97":197,"_159":198,"_161":-5,"_162":144,"_163":199,"_165":166,"_106":200,"_101":33,"_168":201,"_170":202,"_171":22,"_172":-5,"_173":203,"_100":204},"0f140e2c-046a-11f1-b024-42dde27851f2","README.md","0f140f26-046a-11f1-b024-42dde27851f2",31,["D",1770498899113],"file","# 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)",[],[197],{"_104":206,"_97":207,"_159":208,"_161":-5,"_162":144,"_163":209,"_165":166,"_106":210,"_101":211,"_168":212,"_170":213,"_171":22,"_172":98,"_173":214,"_100":215},"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;",[],[207],{"_104":217,"_97":218,"_159":219,"_161":-5,"_162":144,"_163":220,"_165":166,"_106":221,"_101":222,"_168":201,"_170":223,"_171":22,"_172":-5,"_173":224,"_100":225},"dafdc7a6-09ee-11f1-b236-42dde27851f2","template.html","dbb01d78-0473-11f1-9881-42dde27851f2",105,["D",1771105690597],33,"\n\n \n \n \n Calendar Events\n \n \n \n

Upcoming Events

\n {{EVENTS_CONTENT}} {{PREVIEW_LINK}}\n \n",[],[218],"files",[156,175,185,195,205,216],"counts",{"_230":33,"_231":232,"_233":33,"_234":235,"_239":240},"pulls","branches",1,"forks","envVars",{"_236":237,"_238":33},"count",3,"emptyCount","connections",{"_236":33,"_241":33},"unfilledCount","contents",[244,247,250,253],{"_104":157,"_97":158,"_159":160,"_161":-5,"_162":144,"_163":164,"_165":166,"_106":245,"_101":33,"_168":169,"_170":-5,"_171":22,"_172":-5,"_100":246},["D",1770498888162],[158],{"_104":196,"_97":197,"_159":198,"_161":-5,"_162":144,"_163":199,"_165":166,"_106":248,"_101":33,"_168":201,"_170":202,"_171":22,"_172":-5,"_100":249},["D",1770498899113],[197],{"_104":206,"_97":207,"_159":208,"_161":-5,"_162":144,"_163":209,"_165":166,"_106":251,"_101":211,"_168":212,"_170":213,"_171":22,"_172":98,"_100":252},["D",1771104184257],[207],{"_104":217,"_97":218,"_159":219,"_161":-5,"_162":144,"_163":220,"_165":166,"_106":254,"_101":222,"_168":201,"_170":223,"_171":22,"_172":-5,"_100":255},["D",1771105690597],[218],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_95":96,"_97":98,"_102":264,"_234":269,"_286":22},{"_104":105,"_97":98,"_106":265,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":-5,"_119":33,"_16":120,"_121":-5,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":266,"_136":267,"_141":268,"_153":22},["D",1768686433294],{"_95":96,"_134":135},{"_95":96,"_138":135,"_14":114,"_139":140},{"_101":143,"_97":45,"_104":144,"_145":105,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":98,"_152":96},[270,277,281],{"_271":272,"_106":273,"_274":-5,"_112":275,"_276":22},"key","GCP_PROJECT",["D",1771103762964],"updatedAt","Google Cloud project number or ID","isEmpty",{"_271":278,"_106":279,"_274":-5,"_112":280,"_276":22},"GCP_SERVICE_ACCOUNT_KEY",["D",1771103738089],"JSON service account key\t",{"_271":282,"_106":283,"_274":284,"_112":285,"_276":22},"GOOGLE_CALENDAR_URL",["D",1768698243267],["D",1768802447314],"Public address in iCal format","isTeamOrg","actionData","errors"]

halffullheart

dpiscal

Environment variables