Dashboard unavailable
+Please try again later.
+ +Please try again later.
+ +{entry.error}
) : null} - {index < imports.length - 1 ?No activity sessions available yet.
++ No activity sessions available yet. +
) : ( items.map((session, index) => ({session.durationMin ? `${session.durationMin} min` : "n/a"}
++ {session.durationMin ? `${session.durationMin} min` : "n/a"} +
- {session.caloriesBurned ? `${session.caloriesBurned} kcal` : "No calories"} + {session.caloriesBurned + ? `${session.caloriesBurned} kcal` + : "No calories"}
{value}
++ {value} +
); } @@ -386,7 +436,9 @@ function KeyDatum({ {icon} {label} -{value}
++ {value} +
); } @@ -396,7 +448,9 @@ function formatMetricFromTimeline( key: "weightKg" | "steps" | "sleepDurationMin" | "restingHr" | "stressScore", suffix?: string, ) { - const latest = [...timeline.points].reverse().find((point) => point[key] !== null)?.[key]; + const latest = [...timeline.points] + .reverse() + .find((point) => point[key] !== null)?.[key]; if (latest === undefined || latest === null) { return "No data"; @@ -405,7 +459,9 @@ function formatMetricFromTimeline( return suffix ? `${latest} ${suffix}` : String(latest); } -function mapSummaryStatus(status: DashboardSummaryResponse["daily"]["summary"]["status"]) { +function mapSummaryStatus( + status: DashboardSummaryResponse["daily"]["summary"]["status"], +) { if (status === "attention") { return "warning" as const; } diff --git a/eslint.config.mjs b/eslint.config.mjs new file mode 100644 index 0000000..8a0a695 --- /dev/null +++ b/eslint.config.mjs @@ -0,0 +1,20 @@ +import { createRequire } from "node:module"; +import { dirname } from "node:path"; +import { FlatCompat } from "@eslint/eslintrc"; +const compat = new FlatCompat({ + baseDirectory: import.meta.dirname, + resolvePluginsRelativeTo: dirname( + createRequire(import.meta.url).resolve("eslint-config-next/package.json"), + ), +}); +export default [ + { + ignores: [ + ".next/**", + "node_modules/**", + "playwright-report/**", + "test-results/**", + ], + }, + ...compat.extends("next/core-web-vitals", "next/typescript"), +]; diff --git a/instrumentation.ts b/instrumentation.ts new file mode 100644 index 0000000..c741843 --- /dev/null +++ b/instrumentation.ts @@ -0,0 +1,8 @@ +export async function register() { + const { initializeMonitoring } = await import("./lib/monitoring/sentry"); + initializeMonitoring(process.env.SENTRY_DSN); +} +export async function onRequestError(error: unknown) { + const { reportFailure } = await import("./lib/monitoring/sentry"); + reportFailure(error); +} diff --git a/lib/current-user.ts b/lib/current-user.ts new file mode 100644 index 0000000..4c999fc --- /dev/null +++ b/lib/current-user.ts @@ -0,0 +1,24 @@ +import "server-only"; +import { withAuth } from "@workos-inc/authkit-nextjs"; +import { headers } from "next/headers"; +import { redirect } from "next/navigation"; +import { e2eEnabled } from "./e2e-mode"; +export async function currentUser() { + if (!e2eEnabled()) return withAuth({ ensureSignedIn: true }); + const input = await headers(); + if (!["127.0.0.1:4318", "localhost:4318"].includes(input.get("host") ?? "")) + redirect("/signin"); + const session = input.get("x-loadiq-e2e-session"); + const name = ["alice", "bob"].find( + (name) => session === `${process.env.LOADIQ_E2E_SECRET}:${name}`, + ); + if (!name) redirect("/signin"); + return { + user: { + id: `synthetic-${name}`, + email: `${name}@example.invalid`, + firstName: name, + lastName: "Fixture", + }, + }; +} diff --git a/lib/e2e-mode.ts b/lib/e2e-mode.ts new file mode 100644 index 0000000..596c8d5 --- /dev/null +++ b/lib/e2e-mode.ts @@ -0,0 +1,9 @@ +// Both checks are required. A production build rejects this flag in next.config.js. +export function e2eEnabled() { + return ( + process.env.NODE_ENV === "development" && + process.env.LOADIQ_E2E_MODE === "true" && + Boolean(process.env.LOADIQ_E2E_SECRET) && + process.env.LOADIQ_API_BASE_URL === "http://127.0.0.1:4319" + ); +} diff --git a/lib/loadiq-api.ts b/lib/loadiq-api.ts index 57ab246..ae748a3 100644 --- a/lib/loadiq-api.ts +++ b/lib/loadiq-api.ts @@ -1,6 +1,8 @@ import "server-only"; +import { headers as requestHeaders } from "next/headers"; +import { e2eEnabled } from "./e2e-mode"; -import { withAuth } from "@workos-inc/authkit-nextjs"; +import { currentUser } from "@/lib/current-user"; const INTERNAL_API_KEY_HEADER = "x-loadiq-internal-api-key"; const EXTERNAL_AUTH_ID_HEADER = "x-loadiq-external-auth-id"; @@ -150,9 +152,15 @@ function requireEnv(name: string) { } async function getApiHeaders() { - const { user } = await withAuth({ ensureSignedIn: true }); + const { user } = await currentUser(); return { + ...(e2eEnabled() + ? { + "x-loadiq-e2e-scenario": + (await requestHeaders()).get("x-loadiq-e2e-scenario") ?? "normal", + } + : {}), [INTERNAL_API_KEY_HEADER]: requireEnv("LOADIQ_INTERNAL_API_KEY"), [EXTERNAL_AUTH_ID_HEADER]: user.id, [USER_EMAIL_HEADER]: user.email, @@ -171,7 +179,9 @@ async function apiFetch