use new incident io page

Co-authored-by: Jakub Dobry <dobrac@users.noreply.github.com>

Author: cursoragent

.env.example

@@ -68,10 +68,10 @@ NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
 # NEXT_PUBLIC_INCLUDE_REPORT_ISSUE=0
 
 ### Enable dashboard status indicator feature: set to 1 to enable
-### When enabled, the E2B status is read from the incident.io widget API
+### When enabled, the E2B status is read from the incident.io summary API
 # NEXT_PUBLIC_INCLUDE_STATUS_INDICATOR=0
-# NEXT_PUBLIC_STATUS_PAGE_URL=https://status.e2b.dev
-# NEXT_PUBLIC_STATUS_PAGE_WIDGET_URL=https://status.e2b.dev/api/widget
+# NEXT_PUBLIC_STATUS_PAGE_URL=https://statuspage.incident.io/e2b-service
+# NEXT_PUBLIC_STATUS_PAGE_SUMMARY_URL=https://statuspage.incident.io/e2b-service/api/v2/summary.json
 
 ### Set to 1 to use mock data
 # NEXT_PUBLIC_MOCK_DATA=0

src/features/dashboard/layouts/status-indicator.server.tsx

@@ -6,14 +6,14 @@ import { l } from '@/core/shared/clients/logger/logger'
 import { LiveDot } from '@/ui/live'
 import {
   type AggregateState,
-  getStatusPageStateFromWidget,
+  getStatusPageStateFromSummary,
+  getStatusPageSummaryUrl,
   getStatusPageUrl,
-  getStatusPageWidgetUrl,
-  type IncidentIOWidgetResponse,
+  type IncidentIOStatusPageSummaryResponse,
 } from './status-indicator'
 
 export const STATUS_PAGE_URL = getStatusPageUrl()
-const STATUS_PAGE_WIDGET_URL = getStatusPageWidgetUrl(STATUS_PAGE_URL)
+const STATUS_PAGE_SUMMARY_URL = getStatusPageSummaryUrl(STATUS_PAGE_URL)
 const STATUS_PAGE_FETCH_TIMEOUT_MS = 5_000
 const STATUS_PAGE_CACHE_SECONDS = 300
 
@@ -67,7 +67,7 @@ async function getStatusPageState(): Promise<AggregateState> {
   })
 
   try {
-    const response = await fetch(STATUS_PAGE_WIDGET_URL, {
+    const response = await fetch(STATUS_PAGE_SUMMARY_URL, {
       cache: 'force-cache',
       next: { revalidate: STATUS_PAGE_CACHE_SECONDS },
       signal: AbortSignal.timeout(STATUS_PAGE_FETCH_TIMEOUT_MS),
@@ -85,8 +85,8 @@ async function getStatusPageState(): Promise<AggregateState> {
       return 'unknown'
     }
 
-    const data = (await response.json()) as IncidentIOWidgetResponse
-    return getStatusPageStateFromWidget(data)
+    const data = (await response.json()) as IncidentIOStatusPageSummaryResponse
+    return getStatusPageStateFromSummary(data)
   } catch {
     return 'unknown'
   }

src/features/dashboard/layouts/status-indicator.ts

@@ -5,62 +5,77 @@ export type AggregateState =
   | 'maintenance'
   | 'unknown'
 
-export interface IncidentIOWidgetEvent {
-  affected_components?: Array<{
+export interface IncidentIOStatusPageSummaryResponse {
+  status?: {
+    indicator?: string
+  }
+  components?: Array<{
+    status?: string
+  }>
+  scheduled_maintenances?: Array<{
     status?: string
   }>
-}
-
-export interface IncidentIOWidgetResponse {
-  ongoing_incidents?: IncidentIOWidgetEvent[]
-  in_progress_maintenances?: IncidentIOWidgetEvent[]
-  scheduled_maintenances?: IncidentIOWidgetEvent[]
 }
 
 export function getStatusPageUrl() {
-  return (process.env.NEXT_PUBLIC_STATUS_PAGE_URL ?? 'https://status.e2b.dev')
+  return (
+    process.env.NEXT_PUBLIC_STATUS_PAGE_URL ??
+    'https://statuspage.incident.io/e2b-service'
+  )
     .trim()
     .replace(/\/+$/, '')
 }
 
-export function getStatusPageWidgetUrl(statusPageUrl: string) {
-  const configuredWidgetUrl =
-    process.env.NEXT_PUBLIC_STATUS_PAGE_WIDGET_URL?.trim()
+export function getStatusPageSummaryUrl(statusPageUrl: string) {
+  const configuredSummaryUrl =
+    process.env.NEXT_PUBLIC_STATUS_PAGE_SUMMARY_URL?.trim()
 
-  if (configuredWidgetUrl) return configuredWidgetUrl
+  if (configuredSummaryUrl) return configuredSummaryUrl
 
-  return `${statusPageUrl}/api/widget`
+  return `${statusPageUrl}/api/v2/summary.json`
 }
 
-function hasEvents(events: IncidentIOWidgetEvent[] | undefined) {
-  return Array.isArray(events) && events.length > 0
+function stateFromIndicator(indicator: string | undefined) {
+  if (indicator === 'none') return 'operational'
+  if (indicator === 'minor') return 'degraded'
+  if (indicator === 'major') return 'degraded'
+  if (indicator === 'critical') return 'downtime'
+  if (indicator === 'maintenance') return 'maintenance'
+
+  return undefined
 }
 
 function getWorstComponentState(
-  events: IncidentIOWidgetEvent[] | undefined
+  components: IncidentIOStatusPageSummaryResponse['components']
 ): AggregateState | undefined {
   const componentStatuses =
-    events?.flatMap(
-      (event) =>
-        event.affected_components?.map((component) => component.status) ?? []
-    ) ?? []
+    components?.map((component) => component.status) ?? []
 
-  if (componentStatuses.includes('full_outage')) return 'downtime'
+  if (componentStatuses.includes('major_outage')) return 'downtime'
   if (componentStatuses.includes('partial_outage')) return 'degraded'
   if (componentStatuses.includes('degraded_performance')) return 'degraded'
   if (componentStatuses.includes('under_maintenance')) return 'maintenance'
 
   return undefined
 }
 
-export function getStatusPageStateFromWidget(
-  data: IncidentIOWidgetResponse
-): AggregateState {
-  if (hasEvents(data.ongoing_incidents)) {
-    return getWorstComponentState(data.ongoing_incidents) ?? 'degraded'
-  }
+function hasMaintenanceInProgress(
+  maintenances: IncidentIOStatusPageSummaryResponse['scheduled_maintenances']
+) {
+  return maintenances?.some(
+    (maintenance) => maintenance.status === 'maintenance_in_progress'
+  )
+}
 
-  if (hasEvents(data.in_progress_maintenances)) return 'maintenance'
+export function getStatusPageStateFromSummary(
+  data: IncidentIOStatusPageSummaryResponse
+): AggregateState {
+  if (hasMaintenanceInProgress(data.scheduled_maintenances))
+    return 'maintenance'
 
-  return 'operational'
+  return (
+    stateFromIndicator(data.status?.indicator) ??
+    getWorstComponentState(data.components) ??
+    'unknown'
+  )
 }

src/lib/env.ts

@@ -56,7 +56,7 @@ export const clientSchema = z.object({
   NEXT_PUBLIC_INCLUDE_REPORT_ISSUE: z.string().optional(),
   NEXT_PUBLIC_INCLUDE_STATUS_INDICATOR: z.string().optional(),
   NEXT_PUBLIC_STATUS_PAGE_URL: z.url().optional(),
-  NEXT_PUBLIC_STATUS_PAGE_WIDGET_URL: z.url().optional(),
+  NEXT_PUBLIC_STATUS_PAGE_SUMMARY_URL: z.url().optional(),
   NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY: z.string().optional(),
   NEXT_PUBLIC_SCAN: z.string().optional(),
   NEXT_PUBLIC_MOCK_DATA: z.string().optional(),

tests/unit/status-indicator.test.ts

@@ -1,61 +1,55 @@
 import { describe, expect, it } from 'vitest'
-import { getStatusPageStateFromWidget } from '@/features/dashboard/layouts/status-indicator'
+import { getStatusPageStateFromSummary } from '@/features/dashboard/layouts/status-indicator'
 
 describe('status-indicator', () => {
-  it('should report operational when widget has no active events', () => {
+  it('should report operational for summary indicator none', () => {
     expect(
-      getStatusPageStateFromWidget({
-        ongoing_incidents: [],
-        in_progress_maintenances: [],
-        scheduled_maintenances: [
-          {
-            affected_components: [{ status: 'under_maintenance' }],
-          },
-        ],
+      getStatusPageStateFromSummary({
+        status: {
+          indicator: 'none',
+        },
       })
     ).toBe('operational')
   })
 
-  it('should report maintenance for in-progress maintenances', () => {
+  it('should report maintenance for in-progress maintenance', () => {
     expect(
-      getStatusPageStateFromWidget({
-        ongoing_incidents: [],
-        in_progress_maintenances: [{}],
+      getStatusPageStateFromSummary({
+        scheduled_maintenances: [
+          {
+            status: 'maintenance_in_progress',
+          },
+        ],
       })
     ).toBe('maintenance')
   })
 
-  it('should report downtime for full outage incidents', () => {
+  it('should report downtime for critical summary indicator', () => {
     expect(
-      getStatusPageStateFromWidget({
-        ongoing_incidents: [
-          {
-            affected_components: [
-              { status: 'degraded_performance' },
-              { status: 'full_outage' },
-            ],
-          },
-        ],
+      getStatusPageStateFromSummary({
+        status: {
+          indicator: 'critical',
+        },
       })
     ).toBe('downtime')
   })
 
-  it('should report degraded for partial outage incidents', () => {
+  it('should report degraded for major summary indicator', () => {
     expect(
-      getStatusPageStateFromWidget({
-        ongoing_incidents: [
-          {
-            affected_components: [{ status: 'partial_outage' }],
-          },
-        ],
+      getStatusPageStateFromSummary({
+        status: {
+          indicator: 'major',
+        },
       })
     ).toBe('degraded')
   })
 
-  it('should report degraded when incident has no component status', () => {
+  it('should report degraded for minor summary indicator', () => {
     expect(
-      getStatusPageStateFromWidget({
-        ongoing_incidents: [{}],
+      getStatusPageStateFromSummary({
+        status: {
+          indicator: 'minor',
+        },
       })
     ).toBe('degraded')
   })