GCal Playground

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_269":270,"_271":272},"routes/_app.x.$handle.$name",{"_100":99,"_32":49,"_108":90,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_21":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":25,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_47":48,"_32":49,"_36":50,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":60,"_61":62,"_63":62,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",8,"changes",[19,20],"aiChatInfo","userId",{"_21":41,"_23":-7,"_24":25,"_26":25,"_27":42,"_29":42},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":-5,"_36":37,"_38":14,"_39":40,"_24":25},"previous","deleted",false,"deletedHere","path","frontend","latestPath","fileId","6ffa6166-c12d-4dcb-b3a8-8c667bd0594e","name","fileType","directory","content","createdAt",["D",1747848507550],"branchVersion","branchId","a4804fa6-3667-11f0-9020-9e149126039e",{"_30":43,"_32":44,"_33":21,"_35":45,"_36":46,"_38":14,"_39":40,"_24":25},"frontend/index.html","01a528fe-3669-11f0-90f4-9e149126039e","index.html","\n\n\n \n \n GCal Playground\n \n \n \n\n\n

\n \n\n",["D",1747848507550],"id","a4801ffe-3667-11f0-9020-9e149126039e","FlexCal",["D",1747847921786],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","53f045b0-fcaa-11ef-9928-c9aafb5d50fa","pinnedFileId","bd5c7b0c-3668-11f0-88eb-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",4,"orgId","658b7c0d-aded-45be-b139-8952d52d1479","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":58,"_104":105,"_106":25},"branch",{"_13":89,"_32":90,"_47":40,"_91":48,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":49,"_98":99},"isOwned",53,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","malcolmocean","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydTRFSlhQcUNYWnZFTjJHNURLendoUzgwbGwifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_32":49,"_36":265,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":60,"_61":62,"_63":62,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":266,"_84":267,"_86":268,"_88":25},"tree",[171,179,181,184],"files",[171,172,173,174,175,176,177,178,179,180,181,182,183,184],"counts",{"_160":141,"_161":138,"_162":141,"_163":164,"_165":166},"contents",[130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_47":154,"_32":155,"_30":156,"_137":-5,"_39":40,"_38":157,"_139":62,"_36":158,"_13":141,"_33":34,"_35":-5,"_24":25,"_143":-5,"_27":159},{"_47":151,"_32":28,"_30":31,"_137":-5,"_39":40,"_38":14,"_139":62,"_36":152,"_13":141,"_33":34,"_35":-5,"_24":25,"_143":-5,"_27":153},{"_47":145,"_32":146,"_30":147,"_137":-5,"_39":40,"_38":148,"_139":62,"_36":149,"_13":141,"_33":34,"_35":-5,"_24":25,"_143":-5,"_27":150},{"_47":134,"_32":135,"_30":136,"_137":-5,"_39":40,"_38":138,"_139":25,"_36":140,"_13":141,"_33":21,"_35":142,"_24":25,"_143":-5,"_27":144},"b111e6b6-3668-11f0-8c53-9e149126039e","README.md","b111e756-3668-11f0-8c53-9e149126039e","parentId",1,"latest",["D",1747848372367],0,"# GCal Playground\n\nA flexible Google Calendar alternative interface that syncs two-way with Google Calendar via OAuth. This application allows for creating and using different views and interfaces for Google Calendar data.\n\n## Features\n\n- OAuth integration with Google Calendar\n- Two-way sync with Google Calendar\n- Vertical-scrolling year view with week-grid layout\n- Custom event formatting and colorization based on rules\n- Secondary calendar for metadata storage\n- Extensible architecture for future interfaces\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main entry point and API routes\n│ ├── auth/\n│ │ └── google-oauth.ts # Google OAuth implementation\n│ ├── calendar/\n│ │ ├── api.ts # Google Calendar API integration\n│ │ ├── events.ts # Event handling functions\n│ │ └── metadata.ts # Metadata calendar management\n│ └── utils/\n│ └── formatting.ts # Event formatting utilities\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ ├── components/\n│ │ ├── App.tsx # Main application component\n│ │ ├── Auth.tsx # Authentication component\n│ │ ├── views/\n│ │ │ ├── ViewSelector.tsx # Interface for selecting views\n│ │ │ ├── YearView/ # Year view implementation\n│ │ │ │ ├── index.tsx # Year view component\n│ │ │ │ ├── Day.tsx # Day cell component\n│ │ │ │ └── Week.tsx # Week row component\n│ │ │ └── [Future Views]/ # Placeholder for future views\n│ │ └── settings/\n│ │ ├── FormatRules.tsx # UI for managing formatting rules\n│ │ └── Settings.tsx # General settings component\n│ └── utils/\n│ ├── date.ts # Date manipulation utilities\n│ └── formatting.ts # Event formatting utilities\n└── shared/\n ├── types.ts # Shared TypeScript types\n └── constants.ts # Shared constants\n```\n\n## Getting Started\n\n1. Authenticate with your Google account\n2. The app will create a secondary calendar for metadata if it doesn't exist\n3. View your calendar in the vertical-scrolling year view\n4. Create formatting rules for events\n\n## Formatting Rules\n\nEvents can be formatted based on various criteria:\n- Event title contains specific text\n- Event is in a specific calendar\n- Event has specific properties (all-day, recurring, etc.)\n- Custom rules using simple expressions\n\nFormatting options include:\n- Background color\n- Text color\n- Custom display format (e.g., \"XYZ✈ABC\" for flights)\n- Visibility options\n\n## Future Extensions\n\nThe architecture is designed to easily add new views and interfaces in the future.","label",[135],"f169bf18-3668-11f0-8c1e-9e149126039e","shared","32fb92a6-293f-4123-94b8-36795996ed78",6,["D",1747848480317],[146],"01a54bd6-3669-11f0-90f4-9e149126039e",["D",1747848507550],[28],"bd5c8598-3668-11f0-88eb-9e149126039e","backend","67720bca-35c7-4bf0-9d93-812d648b7dd1",2,["D",1747848392985],[155],"pulls","branches","forks","envVars",{"_167":169,"_170":141},"connections",{"_167":141,"_168":141},"count","unfilledCount",3,"emptyCount",{"_47":154,"_32":155,"_30":156,"_137":-5,"_39":40,"_38":157,"_139":62,"_36":262,"_13":141,"_33":34,"_35":-5,"_24":25,"_143":-5,"_186":263,"_27":264},{"_47":258,"_32":257,"_30":252,"_137":156,"_39":40,"_38":169,"_139":62,"_36":259,"_13":141,"_33":34,"_35":-5,"_24":25,"_143":-5,"_186":260,"_27":261},{"_47":249,"_32":250,"_30":251,"_137":252,"_39":40,"_38":169,"_139":62,"_36":253,"_13":141,"_33":193,"_35":254,"_24":25,"_143":-5,"_186":255,"_27":256},{"_47":245,"_32":244,"_30":239,"_137":156,"_39":40,"_38":66,"_139":62,"_36":246,"_13":141,"_33":34,"_35":-5,"_24":25,"_143":-5,"_186":247,"_27":248},{"_47":236,"_32":237,"_30":238,"_137":239,"_39":40,"_38":66,"_139":25,"_36":240,"_13":141,"_33":193,"_35":241,"_24":25,"_143":-5,"_186":242,"_27":243},{"_47":232,"_32":231,"_30":225,"_137":156,"_39":40,"_38":226,"_139":62,"_36":233,"_13":141,"_33":34,"_35":-5,"_24":25,"_143":-5,"_186":234,"_27":235},{"_47":222,"_32":223,"_30":224,"_137":225,"_39":40,"_38":226,"_139":62,"_36":227,"_13":141,"_33":193,"_35":228,"_24":25,"_143":-5,"_186":229,"_27":230},{"_47":215,"_32":216,"_30":60,"_137":156,"_39":40,"_38":157,"_139":25,"_36":217,"_13":141,"_33":193,"_35":218,"_24":25,"_143":219,"_186":220,"_27":221},{"_47":151,"_32":28,"_30":31,"_137":-5,"_39":40,"_38":14,"_139":62,"_36":212,"_13":141,"_33":34,"_35":-5,"_24":25,"_143":-5,"_186":213,"_27":214},{"_47":208,"_32":44,"_30":43,"_137":31,"_39":40,"_38":14,"_139":25,"_36":209,"_13":141,"_33":21,"_35":45,"_24":25,"_143":-5,"_186":210,"_27":211},{"_47":145,"_32":146,"_30":147,"_137":-5,"_39":40,"_38":148,"_139":62,"_36":205,"_13":141,"_33":34,"_35":-5,"_24":25,"_143":-5,"_186":206,"_27":207},{"_47":197,"_32":198,"_30":199,"_137":147,"_39":40,"_38":200,"_139":62,"_36":201,"_13":141,"_33":193,"_35":202,"_24":25,"_143":-5,"_186":203,"_27":204},{"_47":189,"_32":190,"_30":191,"_137":147,"_39":40,"_38":148,"_139":62,"_36":192,"_13":141,"_33":193,"_35":194,"_24":25,"_143":-5,"_186":195,"_27":196},{"_47":134,"_32":135,"_30":136,"_137":-5,"_39":40,"_38":138,"_139":25,"_36":185,"_13":141,"_33":21,"_35":142,"_24":25,"_143":-5,"_186":187,"_27":188},["D",1747848372367],"children",[],[135],"f169b2e8-3668-11f0-8c1e-9e149126039e","types.ts","f169b3a6-3668-11f0-8c1e-9e149126039e",["D",1747848480317],"script","// Event types\nexport interface CalendarEvent {\n id: string;\n summary: string;\n description?: string;\n location?: string;\n start: {\n date?: string;\n dateTime?: string;\n timeZone?: string;\n };\n end: {\n date?: string;\n dateTime?: string;\n timeZone?: string;\n };\n colorId?: string;\n creator?: {\n email: string;\n displayName?: string;\n };\n organizer?: {\n email: string;\n displayName?: string;\n };\n recurringEventId?: string;\n originalStartTime?: {\n date?: string;\n dateTime?: string;\n timeZone?: string;\n };\n transparency?: string;\n visibility?: string;\n iCalUID?: string;\n sequence?: number;\n attendees?: Array<{\n email: string;\n displayName?: string;\n responseStatus?: string;\n }>;\n reminders?: {\n useDefault: boolean;\n overrides?: Array<{\n method: string;\n minutes: number;\n }>;\n };\n // Custom formatting applied by our app\n formatting?: EventFormatting;\n}\n\n// Formatting options for events\nexport interface EventFormatting {\n backgroundColor?: string;\n textColor?: string;\n displayText?: string;\n visible?: boolean;\n}\n\n// Format rule definition\nexport interface FormatRule {\n id?: string;\n name: string;\n condition: RuleCondition;\n format: EventFormatting;\n}\n\n// Rule condition types\nexport type RuleCondition = \n | TitleCondition\n | CalendarCondition\n | PropertyCondition\n | CustomCondition;\n\nexport interface TitleCondition {\n type: 'title';\n value: string;\n}\n\nexport interface CalendarCondition {\n type: 'calendar';\n value: string; // Calendar ID\n}\n\nexport interface PropertyCondition {\n type: 'property';\n value: 'all-day' | 'recurring' | 'has-attendees' | 'has-location';\n}\n\nexport interface CustomCondition {\n type: 'custom';\n value: string; // Custom expression\n}\n\n// Calendar metadata\nexport interface CalendarMetadata {\n formatRules: FormatRule[];\n settings: AppSettings;\n}\n\n// App settings\nexport interface AppSettings {\n defaultView: string;\n weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6; // 0 = Sunday, 1 = Monday, etc.\n showWeekNumbers: boolean;\n defaultCalendars: string[]; // IDs of calendars to show by default\n theme: 'light' | 'dark' | 'system';\n}\n\n// Auth state\nexport interface AuthState {\n isAuthenticated: boolean;\n accessToken?: string;\n refreshToken?: string;\n expiresAt?: number;\n}\n\n// View types for extensibility\nexport interface CalendarView {\n id: string;\n name: string;\n component: React.ComponentType;\n icon?: string;\n}",[],[146,190],"f960a4d4-3668-11f0-9bc5-9e149126039e","constants.ts","f960a57e-3668-11f0-9bc5-9e149126039e",7,["D",1747848493679],"// App constants\nexport const APP_NAME = 'GCal Playground';\nexport const METADATA_CALENDAR_NAME = 'GCal Playground Metadata';\n\n// Local storage keys\nexport const STORAGE_KEYS = {\n AUTH: 'gcal_playground_auth',\n SETTINGS: 'gcal_playground_settings',\n SELECTED_VIEW: 'gcal_playground_view',\n SELECTED_CALENDARS: 'gcal_playground_calendars',\n};\n\n// Default settings\nexport const DEFAULT_SETTINGS = {\n defaultView: 'year',\n weekStartsOn: 1, // Monday\n showWeekNumbers: false,\n defaultCalendars: ['primary'],\n theme: 'system' as const,\n};\n\n// Calendar colors\nexport const CALENDAR_COLORS = {\n 1: '#7986cb', // Lavender\n 2: '#33b679', // Sage\n 3: '#8e24aa', // Grape\n 4: '#e67c73', // Flamingo\n 5: '#f6bf26', // Banana\n 6: '#f4511e', // Tangerine\n 7: '#039be5', // Peacock\n 8: '#616161', // Graphite\n 9: '#3f51b5', // Blueberry\n 10: '#0b8043', // Basil\n 11: '#d50000', // Tomato\n};\n\n// Date formatting options\nexport const DATE_FORMATS = {\n monthYear: { month: 'long', year: 'numeric' } as const,\n monthDay: { month: 'short', day: 'numeric' } as const,\n weekday: { weekday: 'short' } as const,\n time: { hour: 'numeric', minute: '2-digit' } as const,\n};\n\n// View types\nexport const VIEW_TYPES = {\n YEAR: 'year',\n MONTH: 'month',\n WEEK: 'week',\n DAY: 'day',\n AGENDA: 'agenda',\n};\n\n// Event formatting defaults\nexport const DEFAULT_EVENT_FORMAT = {\n backgroundColor: undefined,\n textColor: undefined,\n displayText: undefined,\n visible: true,\n};",[],[146,198],["D",1747848480317],[182,183],[146],"01a52840-3669-11f0-90f4-9e149126039e",["D",1747848507550],[],[28,44],["D",1747848507550],[180],[28],"bd5c7a44-3668-11f0-88eb-9e149126039e","index.ts",["D",1747848392985],"import { Hono } from 'https://esm.sh/hono@3.11.7';\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { handleGoogleAuth, handleGoogleCallback, getAuthUrl } from './auth/google-oauth';\nimport { \n getCalendarEvents, \n createEvent, \n updateEvent, \n deleteEvent,\n getCalendarList,\n createMetadataCalendar\n} from './calendar/api';\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get('/frontend/*', c => serveFile(c.req.path, import.meta.url));\napp.get('/shared/*', c => serveFile(c.req.path, import.meta.url));\n\n// Serve index.html with initial data\napp.get('/', async c => {\n let html = await readFile('/frontend/index.html', import.meta.url);\n return c.html(html);\n});\n\n// Auth routes\napp.get('/api/auth/google', async c => {\n return await handleGoogleAuth(c);\n});\n\napp.get('/api/auth/google/callback', async c => {\n return await handleGoogleCallback(c);\n});\n\napp.get('/api/auth/url', async c => {\n const url = await getAuthUrl();\n return c.json({ url });\n});\n\n// Calendar API routes\napp.get('/api/calendars', async c => {\n const token = c.req.header('Authorization')?.replace('Bearer ', '');\n if (!token) return c.json({ error: 'Unauthorized' }, 401);\n \n try {\n const calendars = await getCalendarList(token);\n return c.json(calendars);\n } catch (error) {\n console.error('Error fetching calendars:', error);\n return c.json({ error: 'Failed to fetch calendars' }, 500);\n }\n});\n\napp.post('/api/metadata-calendar', async c => {\n const token = c.req.header('Authorization')?.replace('Bearer ', '');\n if (!token) return c.json({ error: 'Unauthorized' }, 401);\n \n try {\n const calendar = await createMetadataCalendar(token);\n return c.json(calendar);\n } catch (error) {\n console.error('Error creating metadata calendar:', error);\n return c.json({ error: 'Failed to create metadata calendar' }, 500);\n }\n});\n\napp.get('/api/events', async c => {\n const token = c.req.header('Authorization')?.replace('Bearer ', '');\n if (!token) return c.json({ error: 'Unauthorized' }, 401);\n \n const calendarId = c.req.query('calendarId') || 'primary';\n const timeMin = c.req.query('timeMin');\n const timeMax = c.req.query('timeMax');\n \n try {\n const events = await getCalendarEvents(token, calendarId, timeMin, timeMax);\n return c.json(events);\n } catch (error) {\n console.error('Error fetching events:', error);\n return c.json({ error: 'Failed to fetch events' }, 500);\n }\n});\n\napp.post('/api/events', async c => {\n const token = c.req.header('Authorization')?.replace('Bearer ', '');\n if (!token) return c.json({ error: 'Unauthorized' }, 401);\n \n const calendarId = c.req.query('calendarId') || 'primary';\n const event = await c.req.json();\n \n try {\n const createdEvent = await createEvent(token, calendarId, event);\n return c.json(createdEvent);\n } catch (error) {\n console.error('Error creating event:', error);\n return c.json({ error: 'Failed to create event' }, 500);\n }\n});\n\napp.put('/api/events/:eventId', async c => {\n const token = c.req.header('Authorization')?.replace('Bearer ', '');\n if (!token) return c.json({ error: 'Unauthorized' }, 401);\n \n const calendarId = c.req.query('calendarId') || 'primary';\n const eventId = c.req.param('eventId');\n const event = await c.req.json();\n \n try {\n const updatedEvent = await updateEvent(token, calendarId, eventId, event);\n return c.json(updatedEvent);\n } catch (error) {\n console.error('Error updating event:', error);\n return c.json({ error: 'Failed to update event' }, 500);\n }\n});\n\napp.delete('/api/events/:eventId', async c => {\n const token = c.req.header('Authorization')?.replace('Bearer ', '');\n if (!token) return c.json({ error: 'Unauthorized' }, 401);\n \n const calendarId = c.req.query('calendarId') || 'primary';\n const eventId = c.req.param('eventId');\n \n try {\n await deleteEvent(token, calendarId, eventId);\n return c.json({ success: true });\n } catch (error) {\n console.error('Error deleting event:', error);\n return c.json({ error: 'Failed to delete event' }, 500);\n }\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;","flexcal",[],[155,216],"e8c671ee-3668-11f0-b34d-9e149126039e","formatting.ts","e8c672a2-3668-11f0-b34d-9e149126039e","fa1a5312-b855-4196-806e-953784eccab0",5,["D",1747848465826],"import { OpenAI } from \"https://esm.town/v/std/openai\";\n\n// Interface for formatting rules\ninterface FormatRule {\n id: string;\n name: string;\n condition: {\n type: 'title' | 'calendar' | 'property' | 'custom';\n value: string;\n };\n format: {\n backgroundColor?: string;\n textColor?: string;\n displayFormat?: string;\n visible?: boolean;\n };\n}\n\n// Apply formatting rules to events\nexport function applyFormatRules(events: any[], rules: FormatRule[]): any[] {\n return events.map(event => {\n // Clone the event to avoid modifying the original\n const formattedEvent = { ...event, formatting: {} };\n \n // Apply each rule that matches\n for (const rule of rules) {\n if (ruleMatches(event, rule.condition)) {\n // Apply the formatting\n formattedEvent.formatting = {\n ...formattedEvent.formatting,\n ...rule.format\n };\n \n // Apply custom display format if specified\n if (rule.format.displayFormat) {\n formattedEvent.formatting.displayText = formatEventText(event, rule.format.displayFormat);\n }\n }\n }\n \n return formattedEvent;\n });\n}\n\n// Check if an event matches a condition\nfunction ruleMatches(event: any, condition: any): boolean {\n switch (condition.type) {\n case 'title':\n return event.summary?.toLowerCase().includes(condition.value.toLowerCase());\n \n case 'calendar':\n // The calendar ID is usually in the event's organizer or in a custom field\n return event.organizer?.email === condition.value;\n \n case 'property':\n // Check for properties like all-day, recurring, etc.\n switch (condition.value) {\n case 'all-day':\n return !!event.start?.date && !!event.end?.date;\n case 'recurring':\n return !!event.recurringEventId;\n default:\n return false;\n }\n \n case 'custom':\n // For custom conditions, we would need a simple expression evaluator\n // This is a simplified version\n try {\n // Very basic evaluation - in a real app, use a proper expression evaluator\n const hasTitle = event.summary?.toLowerCase().includes(condition.value.toLowerCase());\n const hasDescription = event.description?.toLowerCase().includes(condition.value.toLowerCase());\n return hasTitle || hasDescription;\n } catch (error) {\n console.error('Error evaluating custom condition:', error);\n return false;\n }\n \n default:\n return false;\n }\n}\n\n// Format event text according to a template\nfunction formatEventText(event: any, format: string): string {\n // Replace placeholders in the format string\n let result = format;\n \n // Replace basic placeholders\n result = result.replace(/\\{title\\}/g, event.summary || '');\n result = result.replace(/\\{location\\}/g, event.location || '');\n result = result.replace(/\\{description\\}/g, event.description || '');\n \n // Handle special formatting for flights\n if (format.includes('{flight}') && (event.summary?.includes('flight') || event.summary?.includes('✈'))) {\n result = result.replace(/\\{flight\\}/g, extractFlightInfo(event));\n }\n \n return result;\n}\n\n// Extract flight information from an event\nfunction extractFlightInfo(event: any): string {\n // This is a simplified version - in a real app, use more sophisticated parsing\n const title = event.summary || '';\n const description = event.description || '';\n const location = event.location || '';\n \n // Look for airport codes (3 uppercase letters)\n const airportCodeRegex = /\\b([A-Z]{3})\\b/g;\n const allText = `${title} ${description} ${location}`;\n const matches = [...allText.matchAll(airportCodeRegex)];\n \n if (matches.length >= 2) {\n // If we found at least two airport codes, format as departure✈arrival\n return `${matches[0][1]}✈${matches[1][1]}`;\n }\n \n return title; // Fall back to the original title\n}\n\n// Use AI to extract flight information\nexport async function extractFlightInfoWithAI(event: any): Promise {\n try {\n const openai = new OpenAI();\n \n const prompt = `\nExtract the departure and arrival airport codes from this flight information.\nReturn only the codes in the format \"XXX✈YYY\" where XXX is the departure airport code and YYY is the arrival airport code.\nIf you can't find both codes, just return \"FLIGHT\".\n\nEvent title: ${event.summary || ''}\nEvent location: ${event.location || ''}\nEvent description: ${event.description || ''}\n `;\n \n const completion = await openai.chat.completions.create({\n messages: [\n { role: \"system\", content: \"You extract airport codes from flight information.\" },\n { role: \"user\", content: prompt }\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 20,\n });\n \n const result = completion.choices[0].message.content?.trim() || 'FLIGHT';\n \n // Validate that the result matches the expected format\n if (/^[A-Z]{3}✈[A-Z]{3}$/.test(result)) {\n return result;\n } else {\n return 'FLIGHT';\n }\n } catch (error) {\n console.error('Error extracting flight info with AI:', error);\n return 'FLIGHT';\n }\n}",[],[155,231,223],"utils","e8c698d6-3668-11f0-b34d-9e149126039e",["D",1747848465826],[177],[155,231],"da3c740c-3668-11f0-b390-9e149126039e","api.ts","da3c74c0-3668-11f0-b390-9e149126039e","f0e0f308-929f-4a61-95d4-33431cd86715",["D",1747848441433],"import { refreshAccessToken } from '../auth/google-oauth';\n\nconst CALENDAR_API_BASE = 'https://www.googleapis.com/calendar/v3';\nconst METADATA_CALENDAR_NAME = 'GCal Playground Metadata';\n\n// Helper function to make authenticated requests to the Google Calendar API\nasync function fetchWithAuth(token: string, url: string, options: RequestInit = {}): Promise {\n const headers = {\n 'Authorization': `Bearer ${token}`,\n 'Content-Type': 'application/json',\n ...options.headers,\n };\n\n const response = await fetch(url, {\n ...options,\n headers,\n });\n\n if (response.status === 401) {\n // Token expired, would need to refresh\n // In a real implementation, we would use the refresh token to get a new access token\n throw new Error('Authentication token expired');\n }\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Google Calendar API error (${response.status}): ${errorText}`);\n }\n\n return response.json();\n}\n\n// Get a list of the user's calendars\nexport async function getCalendarList(token: string): Promise {\n return fetchWithAuth(token, `${CALENDAR_API_BASE}/users/me/calendarList`);\n}\n\n// Get events from a calendar\nexport async function getCalendarEvents(\n token: string, \n calendarId: string = 'primary',\n timeMin?: string,\n timeMax?: string\n): Promise {\n const params = new URLSearchParams();\n \n if (timeMin) params.append('timeMin', timeMin);\n if (timeMax) params.append('timeMax', timeMax);\n \n // Get more details about events\n params.append('singleEvents', 'true');\n params.append('maxResults', '2500'); // Get a large number of events\n\n const url = `${CALENDAR_API_BASE}/calendars/${encodeURIComponent(calendarId)}/events?${params.toString()}`;\n return fetchWithAuth(token, url);\n}\n\n// Create a new event\nexport async function createEvent(token: string, calendarId: string, event: any): Promise {\n const url = `${CALENDAR_API_BASE}/calendars/${encodeURIComponent(calendarId)}/events`;\n return fetchWithAuth(token, url, {\n method: 'POST',\n body: JSON.stringify(event),\n });\n}\n\n// Update an existing event\nexport async function updateEvent(token: string, calendarId: string, eventId: string, event: any): Promise {\n const url = `${CALENDAR_API_BASE}/calendars/${encodeURIComponent(calendarId)}/events/${encodeURIComponent(eventId)}`;\n return fetchWithAuth(token, url, {\n method: 'PUT',\n body: JSON.stringify(event),\n });\n}\n\n// Delete an event\nexport async function deleteEvent(token: string, calendarId: string, eventId: string): Promise {\n const url = `${CALENDAR_API_BASE}/calendars/${encodeURIComponent(calendarId)}/events/${encodeURIComponent(eventId)}`;\n await fetchWithAuth(token, url, {\n method: 'DELETE',\n });\n}\n\n// Check if the metadata calendar exists\nasync function findMetadataCalendar(token: string): Promise {\n const calendars = await getCalendarList(token);\n \n for (const calendar of calendars.items) {\n if (calendar.summary === METADATA_CALENDAR_NAME) {\n return calendar.id;\n }\n }\n \n return null;\n}\n\n// Create the metadata calendar if it doesn't exist\nexport async function createMetadataCalendar(token: string): Promise {\n // First check if it already exists\n const existingId = await findMetadataCalendar(token);\n if (existingId) {\n return { id: existingId, name: METADATA_CALENDAR_NAME, alreadyExists: true };\n }\n \n // Create a new calendar for metadata\n const url = `${CALENDAR_API_BASE}/calendars`;\n const calendar = await fetchWithAuth(token, url, {\n method: 'POST',\n body: JSON.stringify({\n summary: METADATA_CALENDAR_NAME,\n description: 'Calendar used to store metadata for GCal Playground',\n timeZone: 'UTC',\n }),\n });\n \n return { ...calendar, alreadyExists: false };\n}\n\n// Get metadata from the metadata calendar\nexport async function getMetadata(token: string, metadataCalendarId: string): Promise {\n const events = await getCalendarEvents(token, metadataCalendarId);\n \n // Process events to extract metadata\n const metadata = {\n formatRules: [],\n settings: {},\n };\n \n for (const event of events.items) {\n if (event.summary.startsWith('FORMAT_RULE:')) {\n try {\n const rule = JSON.parse(event.description);\n metadata.formatRules.push({\n id: event.id,\n ...rule,\n });\n } catch (error) {\n console.error('Error parsing format rule:', error);\n }\n } else if (event.summary === 'SETTINGS') {\n try {\n metadata.settings = JSON.parse(event.description);\n } catch (error) {\n console.error('Error parsing settings:', error);\n }\n }\n }\n \n return metadata;\n}\n\n// Save a formatting rule to the metadata calendar\nexport async function saveFormatRule(\n token: string, \n metadataCalendarId: string, \n rule: any\n): Promise {\n const event = {\n summary: `FORMAT_RULE: ${rule.name}`,\n description: JSON.stringify(rule),\n start: {\n date: '2000-01-01', // Use a fixed date for metadata events\n },\n end: {\n date: '2000-01-02',\n },\n transparency: 'transparent', // Don't block time on calendar\n };\n \n return createEvent(token, metadataCalendarId, event);\n}\n\n// Update a formatting rule\nexport async function updateFormatRule(\n token: string, \n metadataCalendarId: string, \n ruleId: string,\n rule: any\n): Promise {\n const event = {\n summary: `FORMAT_RULE: ${rule.name}`,\n description: JSON.stringify(rule),\n start: {\n date: '2000-01-01',\n },\n end: {\n date: '2000-01-02',\n },\n transparency: 'transparent',\n };\n \n return updateEvent(token, metadataCalendarId, ruleId, event);\n}\n\n// Delete a formatting rule\nexport async function deleteFormatRule(\n token: string, \n metadataCalendarId: string, \n ruleId: string\n): Promise {\n return deleteEvent(token, metadataCalendarId, ruleId);\n}\n\n// Save settings to the metadata calendar\nexport async function saveSettings(\n token: string, \n metadataCalendarId: string, \n settings: any\n): Promise {\n // First check if settings event already exists\n const events = await getCalendarEvents(token, metadataCalendarId);\n let settingsEventId = null;\n \n for (const event of events.items) {\n if (event.summary === 'SETTINGS') {\n settingsEventId = event.id;\n break;\n }\n }\n \n const event = {\n summary: 'SETTINGS',\n description: JSON.stringify(settings),\n start: {\n date: '2000-01-01',\n },\n end: {\n date: '2000-01-02',\n },\n transparency: 'transparent',\n };\n \n if (settingsEventId) {\n return updateEvent(token, metadataCalendarId, settingsEventId, event);\n } else {\n return createEvent(token, metadataCalendarId, event);\n }\n}",[],[155,244,237],"calendar","da3c85d2-3668-11f0-b390-9e149126039e",["D",1747848441433],[175],[155,244],"c9670660-3668-11f0-bc5a-9e149126039e","google-oauth.ts","c9670714-3668-11f0-bc5a-9e149126039e","f35f9dd1-3f63-45c4-9028-ef78dd555ce7",["D",1747848413187],"import { Context } from 'https://esm.sh/hono@3.11.7';\n\n// Google OAuth configuration\nconst GOOGLE_CLIENT_ID = Deno.env.get('GOOGLE_CLIENT_ID');\nconst GOOGLE_CLIENT_SECRET = Deno.env.get('GOOGLE_CLIENT_SECRET');\nconst REDIRECT_URI = Deno.env.get('REDIRECT_URI') || 'https://your-val-town-url.web.val.run/api/auth/google/callback';\nconst SCOPES = [\n 'https://www.googleapis.com/auth/calendar',\n 'https://www.googleapis.com/auth/calendar.events',\n 'https://www.googleapis.com/auth/calendar.settings.readonly',\n 'https://www.googleapis.com/auth/calendar.calendarlist.readonly'\n];\n\n// Generate a random state for OAuth security\nfunction generateState(): string {\n const array = new Uint8Array(16);\n crypto.getRandomValues(array);\n return Array.from(array, byte => byte.toString(16).padStart(2, '0')).join('');\n}\n\n// Get the Google OAuth URL\nexport async function getAuthUrl(): Promise {\n if (!GOOGLE_CLIENT_ID) {\n throw new Error('GOOGLE_CLIENT_ID environment variable is not set');\n }\n\n const state = generateState();\n \n const params = new URLSearchParams({\n client_id: GOOGLE_CLIENT_ID,\n redirect_uri: REDIRECT_URI,\n response_type: 'code',\n scope: SCOPES.join(' '),\n access_type: 'offline',\n state,\n prompt: 'consent',\n });\n\n return `https://accounts.google.com/o/oauth2/v2/auth?${params.toString()}`;\n}\n\n// Handle the initial OAuth request\nexport async function handleGoogleAuth(c: Context): Promise {\n try {\n const authUrl = await getAuthUrl();\n return new Response(null, {\n status: 302,\n headers: {\n Location: authUrl\n }\n });\n } catch (error) {\n console.error('Error in Google auth:', error);\n return c.json({ error: 'Authentication failed' }, 500);\n }\n}\n\n// Exchange the authorization code for tokens\nasync function exchangeCodeForTokens(code: string): Promise {\n if (!GOOGLE_CLIENT_ID || !GOOGLE_CLIENT_SECRET) {\n throw new Error('Google OAuth credentials are not set');\n }\n\n const tokenResponse = await fetch('https://oauth2.googleapis.com/token', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded',\n },\n body: new URLSearchParams({\n code,\n client_id: GOOGLE_CLIENT_ID,\n client_secret: GOOGLE_CLIENT_SECRET,\n redirect_uri: REDIRECT_URI,\n grant_type: 'authorization_code',\n }),\n });\n\n if (!tokenResponse.ok) {\n const errorData = await tokenResponse.json();\n throw new Error(`Failed to exchange code for tokens: ${JSON.stringify(errorData)}`);\n }\n\n return tokenResponse.json();\n}\n\n// Handle the OAuth callback\nexport async function handleGoogleCallback(c: Context): Promise {\n const code = c.req.query('code');\n const error = c.req.query('error');\n const state = c.req.query('state');\n\n if (error) {\n return c.json({ error: `Authentication failed: ${error}` }, 400);\n }\n\n if (!code) {\n return c.json({ error: 'Authorization code is missing' }, 400);\n }\n\n try {\n const tokens = await exchangeCodeForTokens(code);\n \n // Redirect to the frontend with the tokens in the URL fragment\n // This is more secure than using query parameters\n const redirectUrl = `/?auth_success=true#access_token=${tokens.access_token}&refresh_token=${tokens.refresh_token}&expires_in=${tokens.expires_in}`;\n \n return new Response(null, {\n status: 302,\n headers: {\n Location: redirectUrl\n }\n });\n } catch (error) {\n console.error('Error in Google callback:', error);\n return c.json({ error: 'Failed to complete authentication' }, 500);\n }\n}\n\n// Refresh an access token using a refresh token\nexport async function refreshAccessToken(refreshToken: string): Promise {\n if (!GOOGLE_CLIENT_ID || !GOOGLE_CLIENT_SECRET) {\n throw new Error('Google OAuth credentials are not set');\n }\n\n const response = await fetch('https://oauth2.googleapis.com/token', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded',\n },\n body: new URLSearchParams({\n client_id: GOOGLE_CLIENT_ID,\n client_secret: GOOGLE_CLIENT_SECRET,\n refresh_token: refreshToken,\n grant_type: 'refresh_token',\n }),\n });\n\n if (!response.ok) {\n const errorData = await response.json();\n throw new Error(`Failed to refresh token: ${JSON.stringify(errorData)}`);\n }\n\n const data = await response.json();\n return data.access_token;\n}",[],[155,257,250],"auth","c96726e0-3668-11f0-bc5a-9e149126039e",["D",1747848413187],[173],[155,257],["D",1747848392985],[172,174,176,178],[155],["D",1747847921786],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":58,"_104":105,"_106":25},{"_13":89,"_32":90,"_47":40,"_91":48,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":49,"_98":99},"ctx",{"_82":-5,"_127":302,"_303":304,"_305":306,"_307":25,"_308":25,"_309":25,"_310":62,"_311":-5,"_312":-7,"_313":-7,"_314":141,"_315":25,"_316":25,"_317":-5,"_318":25,"_319":25,"_320":25,"_321":-5},"ENV",{"_273":274,"_275":276,"_277":90,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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 · v8