Calendar Events

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_217":218,"_219":220},"routes/_app.x.$handle.$name",{"_103":102,"_33":54,"_111":93,"_28":112,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_21":-5,"_123":-5,"_124":-5,"_125":26,"_126":127,"_128":129,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_52":53,"_33":54,"_38":55,"_56":-5,"_57":26,"_58":59,"_60":59,"_61":-5,"_62":-5,"_18":63,"_64":-5,"_65":26,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":26},"version",122,"changes",[19,20],"aiChatInfo","userId",{"_21":43,"_23":44,"_25":26,"_27":26,"_28":45,"_30":45},{"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_34":21,"_35":37,"_38":39,"_40":14,"_41":42,"_25":26},"previous",{"_31":32,"_33":29,"_34":21,"_35":36},"deleted",false,"deletedHere","path","README.md","latestPath","fileId","0f140f26-046a-11f1-b024-42dde27851f2","name","fileType","content","# 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- Parses `DTEND` and shows the end of an event when it has one:\n - `Saturday, March 1 at 2:00 PM – 4:00 PM` (same day)\n - `Saturday, March 1 at 10:00 PM – Sunday, March 2 at 1:00 AM` (overnight)\n - `Monday, March 3 – Wednesday, March 5` (multi-day all-day event; `DTEND` is\n exclusive per RFC 5545, so the last displayed day is `DTEND` minus one day)\n - Recurring events reuse the first occurrence's duration for every instance\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)","# 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)","createdAt",["D",1786657342021],"branchVersion","branchId","15438552-f3ee-11f0-9fd1-42dde27851f2",{"_31":46,"_33":47,"_34":48,"_35":50,"_38":51,"_40":14,"_41":42,"_25":26},{"_31":46,"_33":47,"_34":48,"_35":49},"shared/calendar.ts","088d4992-046a-11f1-a639-42dde27851f2","calendar.ts","script","// Shared calendar parsing and HTML generation functions\n\nexport interface CalendarEvent {\n summary?: string;\n description?: string;\n start: string;\n /**\n * Event end, in the same format as `start`. Optional: not every event has a\n * DTEND. Note that for all-day events DTEND is *exclusive* (per RFC 5545),\n * so a one-day event on the 5th has an end of the 6th.\n */\n end?: string;\n isAllDay: boolean;\n}\n\ninterface ParsedICalDate {\n value: string;\n isAllDay: boolean;\n timezone?: string;\n}\n\n/**\n * Parse a DTSTART/DTEND line (e.g. `DTEND;TZID=America/Los_Angeles:20240115T150000`)\n * into a normalized date string plus its all-day flag and timezone.\n */\nfunction parseICalDateLine(line: string): ParsedICalDate | null {\n const colonIndex = line.indexOf(\":\");\n if (colonIndex === -1) return null;\n\n const params = line.substring(0, colonIndex);\n const rawValue = line.substring(colonIndex + 1).trim();\n if (!rawValue) return null;\n\n const tzMatch = params.match(/TZID=([^;:]+)/);\n const timezone = tzMatch ? tzMatch[1] : undefined;\n\n if (rawValue.includes(\"T\")) {\n // DateTime format: 20240115T140000Z or 20240115T140000\n return {\n value: rawValue.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 isAllDay: false,\n timezone,\n };\n }\n\n // Date only format: 20240115\n return {\n value: rawValue.replace(/(\\d{4})(\\d{2})(\\d{2})/, \"$1-$2-$3\"),\n isAllDay: true,\n timezone,\n };\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 & { \n rrule?: string; \n timezone?: string;\n dtstart?: string;\n dtend?: string;\n } | 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 // If this event has a recurrence rule, expand it\n if (currentEvent.rrule && currentEvent.dtstart) {\n const expandedEvents = expandRecurringEvent(\n currentEvent,\n startDate,\n endDate,\n );\n events.push(...expandedEvents);\n } else {\n // Check if single 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 }\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(\"RRULE:\")) {\n currentEvent.rrule = trimmedLine.substring(6);\n } else if (trimmedLine.startsWith(\"DTSTART\")) {\n // Store the raw DTSTART line for timezone-aware parsing\n currentEvent.dtstart = trimmedLine;\n\n const parsed = parseICalDateLine(trimmedLine);\n if (parsed) {\n if (parsed.timezone) currentEvent.timezone = parsed.timezone;\n currentEvent.start = parsed.value;\n currentEvent.isAllDay = parsed.isAllDay;\n }\n } else if (trimmedLine.startsWith(\"DTEND\")) {\n // Store the raw DTEND line so recurring events can derive a duration\n currentEvent.dtend = trimmedLine;\n\n const parsed = parseICalDateLine(trimmedLine);\n if (parsed) {\n currentEvent.end = parsed.value;\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\nfunction expandRecurringEvent(\n event: Partial & { \n rrule: string; \n timezone?: string;\n dtstart: string;\n dtend?: string;\n },\n startDate: Date,\n endDate: Date,\n): CalendarEvent[] {\n const expandedEvents: CalendarEvent[] = [];\n\n // Every occurrence of a recurring event lasts as long as the first one, so\n // derive the duration once and apply it to each generated instance.\n const durationMs = event.start && event.end\n ? new Date(event.end).getTime() - new Date(event.start).getTime()\n : 0;\n\n const withEnd = (start: Date): string | undefined =>\n durationMs > 0 ? new Date(start.getTime() + durationMs).toISOString() : undefined;\n \n // Parse RRULE\n const rruleParts = event.rrule.split(\";\").reduce((acc, part) => {\n const [key, value] = part.split(\"=\");\n acc[key] = value;\n return acc;\n }, {} as Record);\n\n const freq = rruleParts.FREQ;\n const byDay = rruleParts.BYDAY;\n \n if (!freq) return [];\n\n // Parse the original start date\n const dtstartValue = event.dtstart.split(\":\")[1];\n if (!dtstartValue) return [];\n\n // Parse the base date and time\n const match = dtstartValue.match(/(\\d{4})(\\d{2})(\\d{2})T(\\d{2})(\\d{2})(\\d{2})/);\n if (!match) return [];\n \n const [, year, month, day, hour, minute, second] = match;\n \n // Create base date in the specified timezone (or UTC if none)\n let baseDate: Date;\n if (event.timezone === \"America/Los_Angeles\") {\n // For Pacific time, convert to UTC by adding the offset\n // PST is UTC-8, PDT is UTC-7\n // This is simplified - ideally would use a proper timezone library\n const localDate = new Date(`${year}-${month}-${day}T${hour}:${minute}:${second}`);\n // Determine if DST is in effect (rough approximation)\n const monthNum = parseInt(month);\n const isDST = monthNum >= 3 && monthNum <= 10; // March through October is roughly DST\n const offsetHours = isDST ? 7 : 8;\n baseDate = new Date(localDate.getTime() + offsetHours * 60 * 60 * 1000);\n } else {\n baseDate = new Date(`${year}-${month}-${day}T${hour}:${minute}:${second}Z`);\n }\n\n // Start from the base date, but we'll fast-forward to find occurrences in our range\n let currentDate = new Date(baseDate);\n \n // Generate instances up to the end date (with a reasonable limit)\n let iterationCount = 0;\n const maxIterations = 100; // Safety limit\n\n while (currentDate <= endDate && iterationCount < maxIterations) {\n iterationCount++;\n \n // For MONTHLY with BYDAY, we need to find the specific day in the month\n if (freq === \"MONTHLY\" && byDay) {\n const targetDate = findByDayInMonth(currentDate, byDay);\n if (targetDate) {\n // Check if this instance is within our range\n if (targetDate >= startDate && targetDate <= endDate) {\n expandedEvents.push({\n summary: event.summary,\n description: event.description,\n start: targetDate.toISOString(),\n end: withEnd(targetDate),\n isAllDay: event.isAllDay || false,\n });\n }\n }\n // Move to next month\n currentDate.setMonth(currentDate.getMonth() + 1);\n } else {\n // Check if this instance is within our range\n if (currentDate >= startDate) {\n expandedEvents.push({\n summary: event.summary,\n description: event.description,\n start: currentDate.toISOString(),\n end: withEnd(currentDate),\n isAllDay: event.isAllDay || false,\n });\n }\n\n // Move to the next occurrence based on frequency\n if (freq === \"MONTHLY\") {\n currentDate.setMonth(currentDate.getMonth() + 1);\n } else if (freq === \"WEEKLY\") {\n currentDate.setDate(currentDate.getDate() + 7);\n } else if (freq === \"DAILY\") {\n currentDate.setDate(currentDate.getDate() + 1);\n } else if (freq === \"YEARLY\") {\n currentDate.setFullYear(currentDate.getFullYear() + 1);\n } else {\n // Unknown frequency, break to avoid infinite loop\n break;\n }\n }\n }\n\n return expandedEvents;\n}\n\nfunction findByDayInMonth(date: Date, byDay: string): Date | null {\n // BYDAY format examples: \"2FR\" = 2nd Friday, \"MO\" = every Monday, \"-1SA\" = last Saturday\n \n const weekdayMap: Record = {\n SU: 0, MO: 1, TU: 2, WE: 3, TH: 4, FR: 5, SA: 6,\n };\n\n // Extract the position and day\n const match = byDay.match(/^(-?\\d+)?([A-Z]{2})$/);\n if (!match) return null;\n\n const [, posStr, dayCode] = match;\n const targetWeekday = weekdayMap[dayCode];\n \n if (targetWeekday === undefined) return null;\n\n const year = date.getFullYear();\n const month = date.getMonth();\n const hour = date.getHours();\n const minute = date.getMinutes();\n const second = date.getSeconds();\n\n if (!posStr) {\n // No position specified - this would match every occurrence (not typically used in RRULE)\n return null;\n }\n\n const position = parseInt(posStr);\n\n if (position > 0) {\n // Find the Nth occurrence of the weekday in the month\n const firstDayOfMonth = new Date(Date.UTC(year, month, 1));\n const firstWeekday = firstDayOfMonth.getUTCDay();\n \n // Calculate the date of the first occurrence of target weekday\n let daysUntilTarget = (targetWeekday - firstWeekday + 7) % 7;\n let targetDate = 1 + daysUntilTarget;\n \n // Add weeks to get to the Nth occurrence\n targetDate += (position - 1) * 7;\n \n // Check if this date exists in the month\n const resultDate = new Date(Date.UTC(year, month, targetDate, hour, minute, second));\n if (resultDate.getUTCMonth() !== month) {\n // Date doesn't exist (e.g., 5th Monday in a month with only 4)\n return null;\n }\n \n return resultDate;\n } else {\n // Negative position: find from the end of the month\n const lastDayOfMonth = new Date(Date.UTC(year, month + 1, 0));\n const lastDate = lastDayOfMonth.getUTCDate();\n const lastWeekday = lastDayOfMonth.getUTCDay();\n \n // Find the last occurrence of the target weekday\n let daysBack = (lastWeekday - targetWeekday + 7) % 7;\n let targetDate = lastDate - daysBack;\n \n // Go back the specified number of weeks\n targetDate -= (Math.abs(position) - 1) * 7;\n \n if (targetDate < 1) {\n return null;\n }\n \n return new Date(Date.UTC(year, month, targetDate, hour, minute, second));\n }\n}\n\nfunction matchesByDay(date: Date, byDay: string): boolean {\n // BYDAY format examples: \"2FR\" = 2nd Friday, \"MO\" = every Monday, \"-1SA\" = last Saturday\n \n const weekdayMap: Record = {\n SU: 0, MO: 1, TU: 2, WE: 3, TH: 4, FR: 5, SA: 6,\n };\n\n // Extract the position and day\n const match = byDay.match(/^(-?\\d+)?([A-Z]{2})$/);\n if (!match) return false;\n\n const [, posStr, dayCode] = match;\n const targetWeekday = weekdayMap[dayCode];\n \n if (targetWeekday === undefined) return false;\n\n const actualWeekday = date.getDay();\n \n // If no position specified, just match the weekday\n if (!posStr) {\n return actualWeekday === targetWeekday;\n }\n\n const position = parseInt(posStr);\n \n // Check if it's the correct weekday\n if (actualWeekday !== targetWeekday) return false;\n\n // Calculate which occurrence of this weekday it is in the month\n const dayOfMonth = date.getDate();\n const occurrenceInMonth = Math.ceil(dayOfMonth / 7);\n\n if (position > 0) {\n // Positive position: 1st, 2nd, 3rd, etc.\n return occurrenceInMonth === position;\n } else {\n // Negative position: last (-1), second to last (-2), etc.\n // Calculate from the end of the month\n const year = date.getFullYear();\n const month = date.getMonth();\n const lastDayOfMonth = new Date(year, month + 1, 0).getDate();\n const daysFromEnd = lastDayOfMonth - dayOfMonth;\n const occurrenceFromEnd = Math.floor(daysFromEnd / 7) + 1;\n return occurrenceFromEnd === Math.abs(position);\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 // Format the date (and end time, if the event has one) in Pacific Time\n const pacificDate = formatEventDateRange(event);\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 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}\nconst PACIFIC_TZ = \"America/Los_Angeles\";\nconst DAY_MS = 24 * 60 * 60 * 1000;\n\nconst dayFormatter = new Intl.DateTimeFormat(\"en-US\", {\n timeZone: PACIFIC_TZ,\n weekday: \"long\",\n month: \"long\",\n day: \"numeric\",\n});\n\nconst timeFormatter = new Intl.DateTimeFormat(\"en-US\", {\n timeZone: PACIFIC_TZ,\n hour: \"numeric\",\n minute: \"2-digit\",\n hour12: true,\n});\n\n// All-day values are plain calendar dates with no time zone, so they're\n// formatted in UTC (the zone they were parsed into) to avoid slipping back a\n// day when rendered in Pacific time.\nconst allDayFormatter = new Intl.DateTimeFormat(\"en-US\", {\n timeZone: \"UTC\",\n weekday: \"long\",\n month: \"long\",\n day: \"numeric\",\n});\n\n/**\n * Render an event's date/time for display, including its end when it has one:\n * \"Saturday, March 1 at 2:00 PM\" (no DTEND)\n * \"Saturday, March 1 at 2:00 PM – 4:00 PM\" (same day)\n * \"Saturday, March 1 at 10:00 PM – Sunday, March 2 at 1:00 AM\" (overnight)\n * \"Monday, March 3 – Wednesday, March 5\" (all-day span)\n */\nexport function formatEventDateRange(event: CalendarEvent): string {\n const start = new Date(event.start);\n const end = event.end ? new Date(event.end) : null;\n const hasEnd = !!end && !isNaN(end.getTime()) &&\n end.getTime() > start.getTime();\n\n if (event.isAllDay) {\n const startDay = allDayFormatter.format(start);\n if (!hasEnd) return startDay;\n\n // DTEND is exclusive for all-day events, so the last day is one day earlier\n const lastDay = new Date(end!.getTime() - DAY_MS);\n if (lastDay.getTime() <= start.getTime()) return startDay;\n\n return `${startDay} – ${allDayFormatter.format(lastDay)}`;\n }\n\n const startDay = dayFormatter.format(start);\n const startTime = timeFormatter.format(start);\n if (!hasEnd) return `${startDay} at ${startTime}`;\n\n const endDay = dayFormatter.format(end!);\n const endTime = timeFormatter.format(end!);\n\n return endDay === startDay\n ? `${startDay} at ${startTime} – ${endTime}`\n : `${startDay} at ${startTime} – ${endDay} at ${endTime}`;\n}\n","// 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 & { \n rrule?: string; \n timezone?: string;\n dtstart?: string;\n } | 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 // If this event has a recurrence rule, expand it\n if (currentEvent.rrule && currentEvent.dtstart) {\n const expandedEvents = expandRecurringEvent(\n currentEvent,\n startDate,\n endDate,\n );\n events.push(...expandedEvents);\n } else {\n // Check if single 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 }\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(\"RRULE:\")) {\n currentEvent.rrule = trimmedLine.substring(6);\n } else if (trimmedLine.startsWith(\"DTSTART\")) {\n // Store the raw DTSTART line for timezone-aware parsing\n currentEvent.dtstart = trimmedLine;\n \n // Parse the timezone if present\n if (trimmedLine.includes(\"TZID=\")) {\n const tzMatch = trimmedLine.match(/TZID=([^:]+):/);\n if (tzMatch) {\n currentEvent.timezone = tzMatch[1];\n }\n }\n \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 or 20240115T140000\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\nfunction expandRecurringEvent(\n event: Partial & { \n rrule: string; \n timezone?: string;\n dtstart: string;\n },\n startDate: Date,\n endDate: Date,\n): CalendarEvent[] {\n const expandedEvents: CalendarEvent[] = [];\n \n // Parse RRULE\n const rruleParts = event.rrule.split(\";\").reduce((acc, part) => {\n const [key, value] = part.split(\"=\");\n acc[key] = value;\n return acc;\n }, {} as Record);\n\n const freq = rruleParts.FREQ;\n const byDay = rruleParts.BYDAY;\n \n if (!freq) return [];\n\n // Parse the original start date\n const dtstartValue = event.dtstart.split(\":\")[1];\n if (!dtstartValue) return [];\n\n // Parse the base date and time\n const match = dtstartValue.match(/(\\d{4})(\\d{2})(\\d{2})T(\\d{2})(\\d{2})(\\d{2})/);\n if (!match) return [];\n \n const [, year, month, day, hour, minute, second] = match;\n \n // Create base date in the specified timezone (or UTC if none)\n let baseDate: Date;\n if (event.timezone === \"America/Los_Angeles\") {\n // For Pacific time, convert to UTC by adding the offset\n // PST is UTC-8, PDT is UTC-7\n // This is simplified - ideally would use a proper timezone library\n const localDate = new Date(`${year}-${month}-${day}T${hour}:${minute}:${second}`);\n // Determine if DST is in effect (rough approximation)\n const monthNum = parseInt(month);\n const isDST = monthNum >= 3 && monthNum <= 10; // March through October is roughly DST\n const offsetHours = isDST ? 7 : 8;\n baseDate = new Date(localDate.getTime() + offsetHours * 60 * 60 * 1000);\n } else {\n baseDate = new Date(`${year}-${month}-${day}T${hour}:${minute}:${second}Z`);\n }\n\n // Start from the base date, but we'll fast-forward to find occurrences in our range\n let currentDate = new Date(baseDate);\n \n // Generate instances up to the end date (with a reasonable limit)\n let iterationCount = 0;\n const maxIterations = 100; // Safety limit\n\n while (currentDate <= endDate && iterationCount < maxIterations) {\n iterationCount++;\n \n // For MONTHLY with BYDAY, we need to find the specific day in the month\n if (freq === \"MONTHLY\" && byDay) {\n const targetDate = findByDayInMonth(currentDate, byDay);\n if (targetDate) {\n // Check if this instance is within our range\n if (targetDate >= startDate && targetDate <= endDate) {\n expandedEvents.push({\n summary: event.summary,\n description: event.description,\n start: targetDate.toISOString(),\n isAllDay: event.isAllDay || false,\n });\n }\n }\n // Move to next month\n currentDate.setMonth(currentDate.getMonth() + 1);\n } else {\n // Check if this instance is within our range\n if (currentDate >= startDate) {\n expandedEvents.push({\n summary: event.summary,\n description: event.description,\n start: currentDate.toISOString(),\n isAllDay: event.isAllDay || false,\n });\n }\n\n // Move to the next occurrence based on frequency\n if (freq === \"MONTHLY\") {\n currentDate.setMonth(currentDate.getMonth() + 1);\n } else if (freq === \"WEEKLY\") {\n currentDate.setDate(currentDate.getDate() + 7);\n } else if (freq === \"DAILY\") {\n currentDate.setDate(currentDate.getDate() + 1);\n } else if (freq === \"YEARLY\") {\n currentDate.setFullYear(currentDate.getFullYear() + 1);\n } else {\n // Unknown frequency, break to avoid infinite loop\n break;\n }\n }\n }\n\n return expandedEvents;\n}\n\nfunction findByDayInMonth(date: Date, byDay: string): Date | null {\n // BYDAY format examples: \"2FR\" = 2nd Friday, \"MO\" = every Monday, \"-1SA\" = last Saturday\n \n const weekdayMap: Record = {\n SU: 0, MO: 1, TU: 2, WE: 3, TH: 4, FR: 5, SA: 6,\n };\n\n // Extract the position and day\n const match = byDay.match(/^(-?\\d+)?([A-Z]{2})$/);\n if (!match) return null;\n\n const [, posStr, dayCode] = match;\n const targetWeekday = weekdayMap[dayCode];\n \n if (targetWeekday === undefined) return null;\n\n const year = date.getFullYear();\n const month = date.getMonth();\n const hour = date.getHours();\n const minute = date.getMinutes();\n const second = date.getSeconds();\n\n if (!posStr) {\n // No position specified - this would match every occurrence (not typically used in RRULE)\n return null;\n }\n\n const position = parseInt(posStr);\n\n if (position > 0) {\n // Find the Nth occurrence of the weekday in the month\n const firstDayOfMonth = new Date(Date.UTC(year, month, 1));\n const firstWeekday = firstDayOfMonth.getUTCDay();\n \n // Calculate the date of the first occurrence of target weekday\n let daysUntilTarget = (targetWeekday - firstWeekday + 7) % 7;\n let targetDate = 1 + daysUntilTarget;\n \n // Add weeks to get to the Nth occurrence\n targetDate += (position - 1) * 7;\n \n // Check if this date exists in the month\n const resultDate = new Date(Date.UTC(year, month, targetDate, hour, minute, second));\n if (resultDate.getUTCMonth() !== month) {\n // Date doesn't exist (e.g., 5th Monday in a month with only 4)\n return null;\n }\n \n return resultDate;\n } else {\n // Negative position: find from the end of the month\n const lastDayOfMonth = new Date(Date.UTC(year, month + 1, 0));\n const lastDate = lastDayOfMonth.getUTCDate();\n const lastWeekday = lastDayOfMonth.getUTCDay();\n \n // Find the last occurrence of the target weekday\n let daysBack = (lastWeekday - targetWeekday + 7) % 7;\n let targetDate = lastDate - daysBack;\n \n // Go back the specified number of weeks\n targetDate -= (Math.abs(position) - 1) * 7;\n \n if (targetDate < 1) {\n return null;\n }\n \n return new Date(Date.UTC(year, month, targetDate, hour, minute, second));\n }\n}\n\nfunction matchesByDay(date: Date, byDay: string): boolean {\n // BYDAY format examples: \"2FR\" = 2nd Friday, \"MO\" = every Monday, \"-1SA\" = last Saturday\n \n const weekdayMap: Record = {\n SU: 0, MO: 1, TU: 2, WE: 3, TH: 4, FR: 5, SA: 6,\n };\n\n // Extract the position and day\n const match = byDay.match(/^(-?\\d+)?([A-Z]{2})$/);\n if (!match) return false;\n\n const [, posStr, dayCode] = match;\n const targetWeekday = weekdayMap[dayCode];\n \n if (targetWeekday === undefined) return false;\n\n const actualWeekday = date.getDay();\n \n // If no position specified, just match the weekday\n if (!posStr) {\n return actualWeekday === targetWeekday;\n }\n\n const position = parseInt(posStr);\n \n // Check if it's the correct weekday\n if (actualWeekday !== targetWeekday) return false;\n\n // Calculate which occurrence of this weekday it is in the month\n const dayOfMonth = date.getDate();\n const occurrenceInMonth = Math.ceil(dayOfMonth / 7);\n\n if (position > 0) {\n // Positive position: 1st, 2nd, 3rd, etc.\n return occurrenceInMonth === position;\n } else {\n // Negative position: last (-1), second to last (-2), etc.\n // Calculate from the end of the month\n const year = date.getFullYear();\n const month = date.getMonth();\n const lastDayOfMonth = new Date(year, month + 1, 0).getDate();\n const daysFromEnd = lastDayOfMonth - dayOfMonth;\n const occurrenceFromEnd = Math.floor(daysFromEnd / 7) + 1;\n return occurrenceFromEnd === Math.abs(position);\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.

Upcoming Events

\n {{EVENTS_CONTENT}} {{PREVIEW_LINK}}\n \n","label",[139],"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;",[150],"92caf617-0d27-47bf-9353-a6103006f8c0",["D",1786657342021],2,[29],"088d9366-046a-11f1-a639-42dde27851f2","shared","59bc6f62-0fa2-4497-b15a-7be05c626a1f",30,["D",1770498888162],"directory",[163],"pulls","branches",1,"forks","envVars",{"_177":179,"_180":69},"connections",{"_177":69,"_178":69},"count","unfilledCount",3,"emptyCount",{"_52":162,"_33":163,"_31":164,"_141":-5,"_41":42,"_40":165,"_143":129,"_38":210,"_13":69,"_34":167,"_35":-5,"_25":26,"_147":-5,"_188":211,"_28":212},{"_52":205,"_33":47,"_31":46,"_141":164,"_41":42,"_40":14,"_143":26,"_38":206,"_13":207,"_34":48,"_35":50,"_25":26,"_147":-5,"_188":208,"_28":209},{"_52":197,"_33":198,"_31":199,"_141":164,"_41":42,"_40":200,"_143":129,"_38":201,"_13":69,"_34":48,"_35":202,"_25":26,"_147":-5,"_188":203,"_28":204},{"_52":158,"_33":29,"_31":32,"_141":-5,"_41":42,"_40":14,"_143":129,"_38":194,"_13":160,"_34":21,"_35":37,"_25":26,"_147":-5,"_188":195,"_28":196},{"_52":149,"_33":150,"_31":151,"_141":-5,"_41":42,"_40":152,"_143":129,"_38":191,"_13":154,"_34":155,"_35":156,"_25":26,"_147":54,"_188":192,"_28":193},{"_52":138,"_33":139,"_31":140,"_141":-5,"_41":42,"_40":142,"_143":129,"_38":187,"_13":145,"_34":21,"_35":146,"_25":26,"_147":-5,"_188":189,"_28":190},["D",1771105690597],"children",[],[139],["D",1771104184257],[],[150],["D",1786657342021],[],[29],"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",[],[163,198],"46f8f929-2cf9-4df0-9873-77df3bb317b1",["D",1786657342021],26,[],[163,47],["D",1770498888162],[182,183],[163],["D",1768686433294],{"_103":102,"_110":106},{"_103":102,"_104":-5,"_105":106,"_18":63,"_107":108,"_109":26},{"_13":92,"_33":93,"_52":42,"_94":53,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":54,"_101":102},"ctx",{"_85":-5,"_131":250,"_251":252,"_253":254,"_255":26,"_256":26,"_257":26,"_258":129,"_259":-5,"_260":-7,"_261":-7,"_262":69,"_263":26,"_264":26,"_265":-5,"_266":26,"_267":26,"_268":26,"_269":-5},"ENV",{"_221":222,"_223":224,"_225":93,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249},"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 · v122