[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_218":219,"_220":221},"routes/_app.x.$handle.$name",{"_95":94,"_32":44,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":57,"_121":-5,"_122":-5,"_123":124},"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":52,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","0198d953-7deb-723e-9b56-3845a80559b1","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server?deps=react@18.2.0,react-dom@18.2.0\";\n\n// Types for GitHub events\ninterface GitHubActor {\n login: string;\n avatar_url: string;\n html_url?: string;\n}\n\ninterface GitHubRepo {\n name: string;\n url: string;\n}\n\ninterface BaseGitHubEvent {\n id: string;\n type: string;\n actor: GitHubActor;\n repo: GitHubRepo;\n created_at: string;\n public: boolean;\n}\n\ninterface IssuesEvent extends BaseGitHubEvent {\n type: \"IssuesEvent\";\n payload: {\n action: \"opened\" | \"closed\" | \"reopened\";\n issue: {\n number: number;\n title: string;\n html_url: string;\n body?: string;\n labels?: Array<{ name: string; color: string }>;\n };\n };\n}\n\ninterface PushEvent extends BaseGitHubEvent {\n type: \"PushEvent\";\n payload: {\n ref: string;\n commits: Array<{\n sha: string;\n message: string;\n author: { name: string };\n }>;\n size: number;\n };\n}\n\ninterface PullRequestEvent extends BaseGitHubEvent {\n type: \"PullRequestEvent\";\n payload: {\n action: \"opened\" | \"closed\" | \"merged\";\n pull_request: {\n number: number;\n title: string;\n html_url: string;\n merged: boolean;\n body?: string;\n };\n };\n}\n\ninterface PullRequestReviewEvent extends BaseGitHubEvent {\n type: \"PullRequestReviewEvent\";\n payload: {\n action: \"created\";\n review: {\n state: string;\n body?: string;\n };\n pull_request: {\n number: number;\n title: string;\n html_url: string;\n };\n };\n}\n\ninterface IssueCommentEvent extends BaseGitHubEvent {\n type: \"IssueCommentEvent\";\n payload: {\n action: \"created\";\n issue: {\n number: number;\n title: string;\n html_url: string;\n };\n comment: {\n body: string;\n };\n };\n}\n\ninterface DeleteEvent extends BaseGitHubEvent {\n type: \"DeleteEvent\";\n payload: {\n ref: string;\n ref_type: \"branch\" | \"tag\";\n };\n}\n\ntype GitHubEvent =\n | IssuesEvent\n | PushEvent\n | PullRequestEvent\n | PullRequestReviewEvent\n | IssueCommentEvent\n | DeleteEvent;\n\n// Grouped events type for consecutive push events\ninterface GroupedPushEvents {\n type: \"GroupedPushEvents\";\n events: PushEvent[];\n repo: GitHubRepo;\n actor: GitHubActor;\n created_at: string;\n}\n\ntype ProcessedEvent = GitHubEvent | GroupedPushEvents;\n\n// Utility functions\nfunction formatTimeAgo(dateString: string): string {\n const now = new Date();\n const eventDate = new Date(dateString);\n const diffMs = now.getTime() - eventDate.getTime();\n const diffHours = Math.floor(diffMs / (1000 * 60 * 60));\n const diffDays = Math.floor(diffHours / 24);\n\n if (diffDays > 0) {\n return `${diffDays} day${diffDays > 1 ? \"s\" : \"\"} ago`;\n } else if (diffHours > 0) {\n return `${diffHours} hour${diffHours > 1 ? \"s\" : \"\"} ago`;\n } else {\n const diffMinutes = Math.floor(diffMs / (1000 * 60));\n return `${diffMinutes} minute${diffMinutes > 1 ? \"s\" : \"\"} ago`;\n }\n}\n\nfunction getBranchName(ref: string): string {\n return ref.replace(\"refs/heads/\", \"\");\n}\n\nfunction truncateText(text: string, maxLength: number = 100): string {\n if (text.length <= maxLength) return text;\n return text.substring(0, maxLength) + \"...\";\n}\n\n// Function to group consecutive PushEvents for the same repository\nfunction groupConsecutivePushEvents(events: GitHubEvent[]): ProcessedEvent[] {\n const result: ProcessedEvent[] = [];\n let i = 0;\n\n while (i < events.length) {\n const currentEvent = events[i];\n\n if (currentEvent.type === \"PushEvent\") {\n const pushEvents: PushEvent[] = [currentEvent];\n let j = i + 1;\n\n // Look for consecutive PushEvents to the same repository by the same actor\n while (\n j < events.length &&\n events[j].type === \"PushEvent\" &&\n events[j].repo.name === currentEvent.repo.name &&\n events[j].actor.login === currentEvent.actor.login\n ) {\n pushEvents.push(events[j] as PushEvent);\n j++;\n }\n\n // If we found multiple consecutive push events, group them\n if (pushEvents.length > 1) {\n const groupedEvent: GroupedPushEvents = {\n type: \"GroupedPushEvents\",\n events: pushEvents,\n repo: currentEvent.repo,\n actor: currentEvent.actor,\n created_at: currentEvent.created_at, // Use the first event's timestamp\n };\n result.push(groupedEvent);\n } else {\n // Single push event, add as-is\n result.push(currentEvent);\n }\n\n i = j; // Move to the next ungrouped event\n } else {\n // Non-push event, add as-is\n result.push(currentEvent);\n i++;\n }\n }\n\n return result;\n}\n\n// React Components for each event type\nfunction IssuesEventComponent({ event }: { event: IssuesEvent }) {\n const { payload, actor, repo, created_at } = event;\n const actionColor = payload.action === \"opened\"\n ? \"#28a745\"\n : payload.action === \"closed\"\n ? \"#dc3545\"\n : \"#6f42c1\";\n\n return (\n \n \n \n {actor.login} \n \n {payload.action}\n \n issue\n \n #{payload.issue.number}\n \n in\n {repo.name}\n \n

\n \n {payload.issue.title}\n \n

\n {payload.issue.body && (\n

\n {truncateText(payload.issue.body)}\n

\n )}\n {payload.issue.labels && payload.issue.labels.length > 0 && (\n

\n {payload.issue.labels.map((label, index) => (\n \n {label.name}\n \n ))}\n

\n )}\n

Diff · v3