Status Blocks i18n Provider

1"use client";
2 
3import type {
4  StatusReportImpact,
5  StatusReportUpdateType,
6  StatusType,
7  ThemeValue,
8} from "@/components/blocks/status.types";
9import { defaultStatusBlocksLabels } from "@/components/blocks/status.utils";
10import { createContext, useContext } from "react";
11 
12/**
13 * Labels and locale-aware formatters consumed by block components.
14 *
15 * Blocks read this via `useStatusBlocksLabels()`. When no provider is mounted,
16 * the hook returns `defaultStatusBlocksLabels` (English, "en-US" formatting).
17 * Apps wanting localized copy should mount `StatusBlocksI18nProvider` and
18 * supply translated strings + locale-aware formatters.
19 */
20export type StatusBlocksLabels = {
21  systemStatus: Record<StatusType, { long: string; short: string }>;
22  incidentStatus: Record<StatusReportUpdateType, string>;
23  requestStatus: Record<StatusType, string>;
24  componentImpact: Record<StatusReportImpact, string>;
25 
26  today: string;
27  ongoing: string;
28  reportResolved: string;
29  noRecentNotifications: string;
30  noRecentNotificationsDescription: string;
31  noReports: string;
32  noReportsDescription: string;
33  noPublicMonitors: string;
34  noPublicMonitorsDescription: string;
35 
36  themeNames: Record<ThemeValue, string>;
37  ariaToggleTheme: string;
38 
39  subscribe: string;
40  subscribeRssDescription: string;
41  subscribeAtomDescription: string;
42  subscribeJsonDescription: string;
43  subscribeSlackDescription: string;
44  subscribeSshDescription: string;
45  linkCopiedToClipboard: string;
46  ariaCopyLink: string;
47 
48  poweredBy: string;
49  getInTouch: string;
50 
51  ariaStatusTracker: string;
52  ariaDayStatus: (n: number) => string;
53  clickAgainToUnpin: string;
54 
55  /** Heading shown on the status-calendar block. */
56  calendarTitle: string;
57 
58  durationIn: (s: string) => string;
59  durationEarlier: (s: string) => string;
60  durationFor: (s: string) => string;
61  durationAcross: (s: string) => string;
62 
63  formatDate: (d: Date) => string;
64  formatDateShort: (d: Date) => string;
65  formatDateTime: (d: Date) => string;
66  formatDateRange: (from?: Date, to?: Date) => string;
67  /**
68   * Returns the start/end of a closed range as separate strings, so callers
69   * can render each side independently (e.g. wrap each in a hovercard)
70   * without re-parsing the joined output of `formatDateRange`.
71   *
72   * Implementations should collapse same-day ranges (date on `from`, time
73   * only on `to`) the same way `formatDateRange` does.
74   *
75   * Closed ranges only — both `from` and `to` are required. For open-ended
76// … truncated