@broberg/app-shell 0.5.0 → 0.6.0

package/dist/preact.d.cts

@@ -153,6 +153,62 @@ declare function createFetchAccountAdapter(opts?: {
     fetch?: typeof fetch;
     credentials?: RequestCredentials;
 }): AccountAdapter;
+interface AnalyticsDay {
+    /** YYYY-MM-DD on the Europe/Copenhagen calendar (Upmetrics' own day key). */
+    day: string;
+    visitors: number;
+    pageviews: number;
+}
+interface AnalyticsData {
+    totals: {
+        visitors: number;
+        pageviews: number;
+    };
+    /** The same-length period just before this one. */
+    prev: {
+        visitors: number;
+        pageviews: number;
+    };
+    /** Only days that had visits — use fillDays() to draw the whole period. */
+    series: AnalyticsDay[];
+    topPages: {
+        value: string;
+        count: number;
+    }[];
+}
+interface AnalyticsAdapter {
+    load(days: number): Promise<AnalyticsData>;
+}
+/** A failed analytics call: HTTP status (0 = no answer) and the server's `error` code. */
+declare class AnalyticsError extends Error {
+    readonly status: number;
+    readonly code?: string | undefined;
+    constructor(status: number, code?: string | undefined);
+}
+/** "unconfigured" only for the backend's explicit 503 analytics_unconfigured; anything else is "unavailable". */
+declare function analyticsErrorKind(err: unknown): "unconfigured" | "unavailable";
+/**
+ * The default adapter: `GET {url}?days=N` on the app's own backend (default
+ * /api/analytics, where `@upmetrics/sdk/hono`'s analyticsRoutes() answers).
+ * A non-2xx, an unreadable body or no answer at all THROWS — never zeros that
+ * look like a real, quiet month.
+ */
+declare function createFetchAnalyticsAdapter(opts?: {
+    url?: string;
+    fetch?: typeof fetch;
+    credentials?: RequestCredentials;
+}): AnalyticsAdapter;
+/** Today's YYYY-MM-DD on the Copenhagen calendar — the calendar Upmetrics buckets on. */
+declare function copenhagenDay(at?: Date): string;
+/**
+ * Exactly `days` entries ending today (Copenhagen calendar), with Upmetrics'
+ * values where it sent a day and zeros where it did not — Upmetrics only sends
+ * days that had visits. Calendar arithmetic, so a DST change never skips or
+ * repeats a day.
+ */
+declare function fillDays(series: AnalyticsDay[], days: number, now?: Date): AnalyticsDay[];
+/** Whole-percent change against the previous period, or null when there is nothing to compare with. */
+declare function changePct(now: number, before: number): number | null;
 declare const TEXT: {
     readonly da: {
         readonly openMenu: "Åbn menu";
@@ -201,6 +257,20 @@ declare const TEXT: {
         readonly pictureTooLarge: "Billedet er for stort — højst 2 MB.";
         readonly pictureWrongType: "Vælg et PNG-, JPEG- eller WebP-billede.";
         readonly bidSecurity: "Sikkerhed i Broberg ID";
+        readonly analyticsPeriod: "Periode";
+        readonly analyticsDays: "{n} dage";
+        readonly analyticsVisitors: "Besøgende";
+        readonly analyticsPageviews: "Sidevisninger";
+        readonly analyticsVsPrev: "{pct} % mod forrige periode";
+        readonly analyticsNoPrev: "Ingen sammenligning";
+        readonly analyticsOverTime: "Sidevisninger pr. dag";
+        readonly analyticsTopPages: "Mest besøgte sider";
+        readonly analyticsDay: "Dag";
+        readonly analyticsPage: "Side";
+        readonly analyticsEmpty: "Ingen besøg i perioden.";
+        readonly analyticsLoading: "Henter tal…";
+        readonly analyticsUnconfigured: "Analytics er ikke sat op for denne app.";
+        readonly analyticsUnavailable: "Upmetrics svarer ikke lige nu. Prøv igen om lidt.";
     };
     readonly en: {
         readonly openMenu: "Open menu";
@@ -249,6 +319,20 @@ declare const TEXT: {
         readonly pictureTooLarge: "The picture is too large — 2 MB at most.";
         readonly pictureWrongType: "Choose a PNG, JPEG or WebP image.";
         readonly bidSecurity: "Security in Broberg ID";
+        readonly analyticsPeriod: "Period";
+        readonly analyticsDays: "{n} days";
+        readonly analyticsVisitors: "Visitors";
+        readonly analyticsPageviews: "Page views";
+        readonly analyticsVsPrev: "{pct}% vs previous period";
+        readonly analyticsNoPrev: "No comparison";
+        readonly analyticsOverTime: "Page views per day";
+        readonly analyticsTopPages: "Most visited pages";
+        readonly analyticsDay: "Day";
+        readonly analyticsPage: "Page";
+        readonly analyticsEmpty: "No visits in this period.";
+        readonly analyticsLoading: "Loading figures…";
+        readonly analyticsUnconfigured: "Analytics is not set up for this app.";
+        readonly analyticsUnavailable: "Upmetrics is not answering right now. Try again shortly.";
     };
 };
 type Lang = keyof typeof TEXT;
@@ -463,5 +547,21 @@ declare function defaultReauthHref(): string;
  * typed text, so nothing is lost and the error says why.
  */
 declare function AccountPage({ lang, adapter, reauthHref, onProfileChange }: AccountPageProps): JSX.Element;
+interface AnalyticsPageProps {
+    lang: Lang;
+    /** Default: `createFetchAnalyticsAdapter()` → GET /api/analytics?days=N (@upmetrics/sdk/hono analyticsRoutes). */
+    adapter?: AnalyticsAdapter;
+    /** The period buttons, in days. Default 7 / 30 / 90. */
+    periods?: number[];
+    /** The period shown first. Default 30 (or the first of `periods` when 30 is not one of them). */
+    initialDays?: number;
+}
+/**
+ * The app's own visitors, page views, page views per day and most visited
+ * pages, from Upmetrics through the app's backend (F097.1). A backend that is
+ * not set up or does not answer says so — it never shows zeros that would read
+ * as a quiet month.
+ */
+declare function AnalyticsPage({ lang, adapter, periods, initialDays }: AnalyticsPageProps): JSX.Element;
 
-export { AVATAR_MAX_BYTES, AVATAR_TYPES, type AccountAdapter, AccountError, AccountPage, type AccountPageProps, type AccountProfile, AppShell, type AppShellProps, Avatar, type Lang, type NavGroup, type NavItem, type Navigate, NotificationBell, type NotificationBellProps, type NotificationSource, PageHeader, type PageTab, PageTabs, type PreactNavGroup, type PreactNavItem, type ShellUser, Sidebar, type SidebarProps, TEXT, TopBar, type TopBarProps, UserMenu, type UserMenuItem, type UserMenuProps, accountErrorKind, activeNavLabel, badgeLabel, checkAvatarFile, createFetchAccountAdapter, createFetchNotificationSource, createMemoryNotificationSource, defaultReauthHref, initials, isActivePath, isExternal, readFlag, readSet, relativeTime, safeNavigate, useIsMobile, writeFlag, writeSet };
+export { AVATAR_MAX_BYTES, AVATAR_TYPES, type AccountAdapter, AccountError, AccountPage, type AccountPageProps, type AccountProfile, type AnalyticsAdapter, type AnalyticsData, type AnalyticsDay, AnalyticsError, AnalyticsPage, type AnalyticsPageProps, AppShell, type AppShellProps, Avatar, type Lang, type NavGroup, type NavItem, type Navigate, NotificationBell, type NotificationBellProps, type NotificationSource, PageHeader, type PageTab, PageTabs, type PreactNavGroup, type PreactNavItem, type ShellUser, Sidebar, type SidebarProps, TEXT, TopBar, type TopBarProps, UserMenu, type UserMenuItem, type UserMenuProps, accountErrorKind, activeNavLabel, analyticsErrorKind, badgeLabel, changePct, checkAvatarFile, copenhagenDay, createFetchAccountAdapter, createFetchAnalyticsAdapter, createFetchNotificationSource, createMemoryNotificationSource, defaultReauthHref, fillDays, initials, isActivePath, isExternal, readFlag, readSet, relativeTime, safeNavigate, useIsMobile, writeFlag, writeSet };

package/dist/preact.d.ts

@@ -153,6 +153,62 @@ declare function createFetchAccountAdapter(opts?: {
     fetch?: typeof fetch;
     credentials?: RequestCredentials;
 }): AccountAdapter;
+interface AnalyticsDay {
+    /** YYYY-MM-DD on the Europe/Copenhagen calendar (Upmetrics' own day key). */
+    day: string;
+    visitors: number;
+    pageviews: number;
+}
+interface AnalyticsData {
+    totals: {
+        visitors: number;
+        pageviews: number;
+    };
+    /** The same-length period just before this one. */
+    prev: {
+        visitors: number;
+        pageviews: number;
+    };
+    /** Only days that had visits — use fillDays() to draw the whole period. */
+    series: AnalyticsDay[];
+    topPages: {
+        value: string;
+        count: number;
+    }[];
+}
+interface AnalyticsAdapter {
+    load(days: number): Promise<AnalyticsData>;
+}
+/** A failed analytics call: HTTP status (0 = no answer) and the server's `error` code. */
+declare class AnalyticsError extends Error {
+    readonly status: number;
+    readonly code?: string | undefined;
+    constructor(status: number, code?: string | undefined);
+}
+/** "unconfigured" only for the backend's explicit 503 analytics_unconfigured; anything else is "unavailable". */
+declare function analyticsErrorKind(err: unknown): "unconfigured" | "unavailable";
+/**
+ * The default adapter: `GET {url}?days=N` on the app's own backend (default
+ * /api/analytics, where `@upmetrics/sdk/hono`'s analyticsRoutes() answers).
+ * A non-2xx, an unreadable body or no answer at all THROWS — never zeros that
+ * look like a real, quiet month.
+ */
+declare function createFetchAnalyticsAdapter(opts?: {
+    url?: string;
+    fetch?: typeof fetch;
+    credentials?: RequestCredentials;
+}): AnalyticsAdapter;
+/** Today's YYYY-MM-DD on the Copenhagen calendar — the calendar Upmetrics buckets on. */
+declare function copenhagenDay(at?: Date): string;
+/**
+ * Exactly `days` entries ending today (Copenhagen calendar), with Upmetrics'
+ * values where it sent a day and zeros where it did not — Upmetrics only sends
+ * days that had visits. Calendar arithmetic, so a DST change never skips or
+ * repeats a day.
+ */
+declare function fillDays(series: AnalyticsDay[], days: number, now?: Date): AnalyticsDay[];
+/** Whole-percent change against the previous period, or null when there is nothing to compare with. */
+declare function changePct(now: number, before: number): number | null;
 declare const TEXT: {
     readonly da: {
         readonly openMenu: "Åbn menu";
@@ -201,6 +257,20 @@ declare const TEXT: {
         readonly pictureTooLarge: "Billedet er for stort — højst 2 MB.";
         readonly pictureWrongType: "Vælg et PNG-, JPEG- eller WebP-billede.";
         readonly bidSecurity: "Sikkerhed i Broberg ID";
+        readonly analyticsPeriod: "Periode";
+        readonly analyticsDays: "{n} dage";
+        readonly analyticsVisitors: "Besøgende";
+        readonly analyticsPageviews: "Sidevisninger";
+        readonly analyticsVsPrev: "{pct} % mod forrige periode";
+        readonly analyticsNoPrev: "Ingen sammenligning";
+        readonly analyticsOverTime: "Sidevisninger pr. dag";
+        readonly analyticsTopPages: "Mest besøgte sider";
+        readonly analyticsDay: "Dag";
+        readonly analyticsPage: "Side";
+        readonly analyticsEmpty: "Ingen besøg i perioden.";
+        readonly analyticsLoading: "Henter tal…";
+        readonly analyticsUnconfigured: "Analytics er ikke sat op for denne app.";
+        readonly analyticsUnavailable: "Upmetrics svarer ikke lige nu. Prøv igen om lidt.";
     };
     readonly en: {
         readonly openMenu: "Open menu";
@@ -249,6 +319,20 @@ declare const TEXT: {
         readonly pictureTooLarge: "The picture is too large — 2 MB at most.";
         readonly pictureWrongType: "Choose a PNG, JPEG or WebP image.";
         readonly bidSecurity: "Security in Broberg ID";
+        readonly analyticsPeriod: "Period";
+        readonly analyticsDays: "{n} days";
+        readonly analyticsVisitors: "Visitors";
+        readonly analyticsPageviews: "Page views";
+        readonly analyticsVsPrev: "{pct}% vs previous period";
+        readonly analyticsNoPrev: "No comparison";
+        readonly analyticsOverTime: "Page views per day";
+        readonly analyticsTopPages: "Most visited pages";
+        readonly analyticsDay: "Day";
+        readonly analyticsPage: "Page";
+        readonly analyticsEmpty: "No visits in this period.";
+        readonly analyticsLoading: "Loading figures…";
+        readonly analyticsUnconfigured: "Analytics is not set up for this app.";
+        readonly analyticsUnavailable: "Upmetrics is not answering right now. Try again shortly.";
     };
 };
 type Lang = keyof typeof TEXT;
@@ -463,5 +547,21 @@ declare function defaultReauthHref(): string;
  * typed text, so nothing is lost and the error says why.
  */
 declare function AccountPage({ lang, adapter, reauthHref, onProfileChange }: AccountPageProps): JSX.Element;
+interface AnalyticsPageProps {
+    lang: Lang;
+    /** Default: `createFetchAnalyticsAdapter()` → GET /api/analytics?days=N (@upmetrics/sdk/hono analyticsRoutes). */
+    adapter?: AnalyticsAdapter;
+    /** The period buttons, in days. Default 7 / 30 / 90. */
+    periods?: number[];
+    /** The period shown first. Default 30 (or the first of `periods` when 30 is not one of them). */
+    initialDays?: number;
+}
+/**
+ * The app's own visitors, page views, page views per day and most visited
+ * pages, from Upmetrics through the app's backend (F097.1). A backend that is
+ * not set up or does not answer says so — it never shows zeros that would read
+ * as a quiet month.
+ */
+declare function AnalyticsPage({ lang, adapter, periods, initialDays }: AnalyticsPageProps): JSX.Element;
 
-export { AVATAR_MAX_BYTES, AVATAR_TYPES, type AccountAdapter, AccountError, AccountPage, type AccountPageProps, type AccountProfile, AppShell, type AppShellProps, Avatar, type Lang, type NavGroup, type NavItem, type Navigate, NotificationBell, type NotificationBellProps, type NotificationSource, PageHeader, type PageTab, PageTabs, type PreactNavGroup, type PreactNavItem, type ShellUser, Sidebar, type SidebarProps, TEXT, TopBar, type TopBarProps, UserMenu, type UserMenuItem, type UserMenuProps, accountErrorKind, activeNavLabel, badgeLabel, checkAvatarFile, createFetchAccountAdapter, createFetchNotificationSource, createMemoryNotificationSource, defaultReauthHref, initials, isActivePath, isExternal, readFlag, readSet, relativeTime, safeNavigate, useIsMobile, writeFlag, writeSet };
+export { AVATAR_MAX_BYTES, AVATAR_TYPES, type AccountAdapter, AccountError, AccountPage, type AccountPageProps, type AccountProfile, type AnalyticsAdapter, type AnalyticsData, type AnalyticsDay, AnalyticsError, AnalyticsPage, type AnalyticsPageProps, AppShell, type AppShellProps, Avatar, type Lang, type NavGroup, type NavItem, type Navigate, NotificationBell, type NotificationBellProps, type NotificationSource, PageHeader, type PageTab, PageTabs, type PreactNavGroup, type PreactNavItem, type ShellUser, Sidebar, type SidebarProps, TEXT, TopBar, type TopBarProps, UserMenu, type UserMenuItem, type UserMenuProps, accountErrorKind, activeNavLabel, analyticsErrorKind, badgeLabel, changePct, checkAvatarFile, copenhagenDay, createFetchAccountAdapter, createFetchAnalyticsAdapter, createFetchNotificationSource, createMemoryNotificationSource, defaultReauthHref, fillDays, initials, isActivePath, isExternal, readFlag, readSet, relativeTime, safeNavigate, useIsMobile, writeFlag, writeSet };

package/dist/preact.js

@@ -224,6 +224,54 @@ function createFetchAccountAdapter(opts = {}) {
     removeAvatar: () => call("/profile/avatar/remove", { method: "POST" })
   };
 }
+var AnalyticsError = class extends Error {
+  constructor(status, code) {
+    super(code ? `HTTP ${status} ${code}` : `HTTP ${status}`);
+    this.status = status;
+    this.code = code;
+    this.name = "AnalyticsError";
+  }
+  status;
+  code;
+};
+function analyticsErrorKind(err) {
+  return err instanceof AnalyticsError && err.status === 503 && err.code === "analytics_unconfigured" ? "unconfigured" : "unavailable";
+}
+function createFetchAnalyticsAdapter(opts = {}) {
+  const url = opts.url ?? "/api/analytics";
+  return {
+    async load(days) {
+      let res;
+      try {
+        res = await (opts.fetch ?? fetch)(`${url}${url.includes("?") ? "&" : "?"}days=${encodeURIComponent(String(days))}`, {
+          credentials: opts.credentials ?? "same-origin",
+          headers: { accept: "application/json" }
+        });
+      } catch {
+        throw new AnalyticsError(0);
+      }
+      const body = await res.json().catch(() => null);
+      if (!res.ok) throw new AnalyticsError(res.status, typeof body?.error === "string" ? body.error : void 0);
+      const ok = body !== null && typeof body.totals?.visitors === "number" && Array.isArray(body.series) && Array.isArray(body.topPages);
+      if (!ok) throw new AnalyticsError(res.status, "bad_response");
+      return body;
+    }
+  };
+}
+function copenhagenDay(at = /* @__PURE__ */ new Date()) {
+  return new Intl.DateTimeFormat("en-CA", { timeZone: "Europe/Copenhagen", year: "numeric", month: "2-digit", day: "2-digit" }).format(at);
+}
+function fillDays(series, days, now = /* @__PURE__ */ new Date()) {
+  const byDay = new Map(series.map((d2) => [d2.day, d2]));
+  const [y, m, d] = copenhagenDay(now).split("-").map(Number);
+  return Array.from({ length: days }, (_, i) => {
+    const day = new Date(Date.UTC(y, m - 1, d - (days - 1 - i))).toISOString().slice(0, 10);
+    return byDay.get(day) ?? { day, visitors: 0, pageviews: 0 };
+  });
+}
+function changePct(now, before) {
+  return before === 0 ? null : Math.round((now - before) / before * 100);
+}
 var TEXT = {
   da: {
     openMenu: "\xC5bn menu",
@@ -271,7 +319,21 @@ var TEXT = {
     pictureRemoved: "Billedet er fjernet",
     pictureTooLarge: "Billedet er for stort \u2014 h\xF8jst 2 MB.",
     pictureWrongType: "V\xE6lg et PNG-, JPEG- eller WebP-billede.",
-    bidSecurity: "Sikkerhed i Broberg ID"
+    bidSecurity: "Sikkerhed i Broberg ID",
+    analyticsPeriod: "Periode",
+    analyticsDays: "{n} dage",
+    analyticsVisitors: "Bes\xF8gende",
+    analyticsPageviews: "Sidevisninger",
+    analyticsVsPrev: "{pct} % mod forrige periode",
+    analyticsNoPrev: "Ingen sammenligning",
+    analyticsOverTime: "Sidevisninger pr. dag",
+    analyticsTopPages: "Mest bes\xF8gte sider",
+    analyticsDay: "Dag",
+    analyticsPage: "Side",
+    analyticsEmpty: "Ingen bes\xF8g i perioden.",
+    analyticsLoading: "Henter tal\u2026",
+    analyticsUnconfigured: "Analytics er ikke sat op for denne app.",
+    analyticsUnavailable: "Upmetrics svarer ikke lige nu. Pr\xF8v igen om lidt."
   },
   en: {
     openMenu: "Open menu",
@@ -319,7 +381,21 @@ var TEXT = {
     pictureRemoved: "Picture removed",
     pictureTooLarge: "The picture is too large \u2014 2 MB at most.",
     pictureWrongType: "Choose a PNG, JPEG or WebP image.",
-    bidSecurity: "Security in Broberg ID"
+    bidSecurity: "Security in Broberg ID",
+    analyticsPeriod: "Period",
+    analyticsDays: "{n} days",
+    analyticsVisitors: "Visitors",
+    analyticsPageviews: "Page views",
+    analyticsVsPrev: "{pct}% vs previous period",
+    analyticsNoPrev: "No comparison",
+    analyticsOverTime: "Page views per day",
+    analyticsTopPages: "Most visited pages",
+    analyticsDay: "Day",
+    analyticsPage: "Page",
+    analyticsEmpty: "No visits in this period.",
+    analyticsLoading: "Loading figures\u2026",
+    analyticsUnconfigured: "Analytics is not set up for this app.",
+    analyticsUnavailable: "Upmetrics is not answering right now. Try again shortly."
   }
 };
 var MOBILE_QUERY = "(max-width: 767px)";
@@ -1128,7 +1204,7 @@ function AccountPage({ lang, adapter, reauthHref, onProfileChange }) {
           /* @__PURE__ */ jsx("button", { type: "button", class: "bas-account__btn is-quiet", onClick: () => setConfirming(false), "data-testid": "account-avatar-remove-cancel", children: t.cancel })
         ] }) : null
       ] }),
-      /* @__PURE__ */ jsxs("form", { class: "bas-account__form", onSubmit: onSaveName, children: [
+      /* @__PURE__ */ jsxs("form", { class: "bas-account__form", onSubmit: onSaveName, "data-testid": "account-name-form", children: [
         /* @__PURE__ */ jsx("label", { class: "bas-account__label", for: "bas-account-name", children: t.name }),
         /* @__PURE__ */ jsxs("div", { class: "bas-account__row", children: [
           /* @__PURE__ */ jsx(
@@ -1155,7 +1231,88 @@ function AccountPage({ lang, adapter, reauthHref, onProfileChange }) {
     ] }) : null
   ] });
 }
+function AnalyticsPage({ lang, adapter, periods = [7, 30, 90], initialDays }) {
+  const t = TEXT[lang];
+  const api = useMemo(() => adapter ?? createFetchAnalyticsAdapter(), [adapter]);
+  const [days, setDays] = useState(initialDays ?? (periods.includes(30) ? 30 : periods[0]));
+  const [load, setLoad] = useState({ state: "loading" });
+  const locale = lang === "da" ? "da-DK" : "en-GB";
+  const num = (n) => n.toLocaleString(locale);
+  useEffect(() => {
+    let live = true;
+    setLoad({ state: "loading" });
+    api.load(days).then(
+      (data) => live && setLoad({ state: "ok", days, data }),
+      (e) => live && setLoad({ state: "error", reason: analyticsErrorKind(e) })
+    );
+    return () => {
+      live = false;
+    };
+  }, [api, days]);
+  return /* @__PURE__ */ jsxs("section", { class: "bas-analytics", "data-testid": "analytics-page", "aria-busy": load.state === "loading", children: [
+    /* @__PURE__ */ jsx("div", { class: "bas-analytics__periods", role: "group", "aria-label": t.analyticsPeriod, children: periods.map((d) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        class: "bas-analytics__period" + (d === days ? " is-active" : ""),
+        "aria-pressed": d === days,
+        onClick: () => setDays(d),
+        "data-testid": `analytics-period-${d}`,
+        children: t.analyticsDays.replace("{n}", String(d))
+      },
+      d
+    )) }),
+    load.state === "loading" ? /* @__PURE__ */ jsx("p", { class: "bas-analytics__muted", "data-testid": "analytics-loading", children: t.analyticsLoading }) : null,
+    load.state === "error" ? /* @__PURE__ */ jsx("p", { class: "bas-analytics__note", role: "alert", "data-testid": "analytics-error", "data-reason": load.reason, children: load.reason === "unconfigured" ? t.analyticsUnconfigured : t.analyticsUnavailable }) : null,
+    load.state === "ok" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { class: "bas-analytics__tiles", children: ["visitors", "pageviews"].map((k) => {
+        const c = changePct(load.data.totals[k], load.data.prev[k]);
+        return /* @__PURE__ */ jsxs("div", { class: "bas-analytics__tile", "data-testid": `analytics-${k}`, children: [
+          /* @__PURE__ */ jsx("div", { class: "bas-analytics__label", children: k === "visitors" ? t.analyticsVisitors : t.analyticsPageviews }),
+          /* @__PURE__ */ jsx("div", { class: "bas-analytics__value", "data-testid": `analytics-${k}-value`, children: num(load.data.totals[k]) }),
+          /* @__PURE__ */ jsx("div", { class: "bas-analytics__muted", "data-testid": `analytics-${k}-change`, children: c === null ? t.analyticsNoPrev : t.analyticsVsPrev.replace("{pct}", `${c > 0 ? "+" : ""}${c}`) })
+        ] }, k);
+      }) }),
+      /* @__PURE__ */ jsx(AnalyticsSeries, { data: fillDays(load.data.series, load.days), t, locale, num }),
+      /* @__PURE__ */ jsxs("div", { class: "bas-analytics__card", "data-testid": "analytics-top-pages", children: [
+        /* @__PURE__ */ jsx("h2", { class: "bas-analytics__h", children: t.analyticsTopPages }),
+        load.data.topPages.length === 0 ? /* @__PURE__ */ jsx("p", { class: "bas-analytics__muted", "data-testid": "analytics-top-pages-empty", children: t.analyticsEmpty }) : /* @__PURE__ */ jsx("ol", { class: "bas-analytics__pages", children: load.data.topPages.map((p) => /* @__PURE__ */ jsxs("li", { class: "bas-analytics__page", children: [
+          /* @__PURE__ */ jsx("span", { class: "bas-analytics__path", title: p.value, children: p.value }),
+          /* @__PURE__ */ jsx("span", { class: "bas-analytics__count", children: num(p.count) })
+        ] }, p.value)) })
+      ] })
+    ] }) : null
+  ] });
+}
+function dayLabel(day, locale) {
+  return (/* @__PURE__ */ new Date(`${day}T12:00:00Z`)).toLocaleDateString(locale, { day: "numeric", month: "short", timeZone: "UTC" });
+}
+function AnalyticsSeries({ data, t, locale, num }) {
+  const max = Math.max(1, ...data.map((d) => d.pageviews));
+  const empty = data.every((d) => d.pageviews === 0);
+  return /* @__PURE__ */ jsxs("div", { class: "bas-analytics__card", "data-testid": "analytics-series", children: [
+    /* @__PURE__ */ jsx("h2", { class: "bas-analytics__h", children: t.analyticsOverTime }),
+    empty ? /* @__PURE__ */ jsx("p", { class: "bas-analytics__muted", "data-testid": "analytics-series-empty", children: t.analyticsEmpty }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { class: "bas-analytics__bars", "aria-hidden": "true", children: data.map((d) => /* @__PURE__ */ jsx("div", { class: "bas-analytics__col", title: `${dayLabel(d.day, locale)}: ${num(d.pageviews)}`, "data-day": d.day, children: /* @__PURE__ */ jsx("div", { class: "bas-analytics__bar", style: { height: d.pageviews === 0 ? "0" : `max(2px, ${d.pageviews / max * 100}%)` } }) }, d.day)) }),
+      /* @__PURE__ */ jsxs("div", { class: "bas-analytics__axis", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("span", { children: dayLabel(data[0].day, locale) }),
+        /* @__PURE__ */ jsx("span", { children: dayLabel(data[data.length - 1].day, locale) })
+      ] }),
+      /* @__PURE__ */ jsxs("table", { class: "bas-analytics__sr", "data-testid": "analytics-series-table", children: [
+        /* @__PURE__ */ jsx("caption", { children: t.analyticsOverTime }),
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { scope: "col", children: t.analyticsDay }),
+          /* @__PURE__ */ jsx("th", { scope: "col", children: t.analyticsPageviews })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: data.map((d) => /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { children: dayLabel(d.day, locale) }),
+          /* @__PURE__ */ jsx("td", { children: num(d.pageviews) })
+        ] }, d.day)) })
+      ] })
+    ] })
+  ] });
+}
 
-export { AVATAR_MAX_BYTES, AVATAR_TYPES, AccountError, AccountPage, AppShell, Avatar, NotificationBell, PageHeader, PageTabs, Sidebar, TEXT, TopBar, UserMenu, accountErrorKind, activeNavLabel, badgeLabel, checkAvatarFile, createFetchAccountAdapter, createFetchNotificationSource, createMemoryNotificationSource, defaultReauthHref, initials, isActivePath, isExternal, readFlag, readSet, relativeTime, safeNavigate, useIsMobile, writeFlag, writeSet };
+export { AVATAR_MAX_BYTES, AVATAR_TYPES, AccountError, AccountPage, AnalyticsError, AnalyticsPage, AppShell, Avatar, NotificationBell, PageHeader, PageTabs, Sidebar, TEXT, TopBar, UserMenu, accountErrorKind, activeNavLabel, analyticsErrorKind, badgeLabel, changePct, checkAvatarFile, copenhagenDay, createFetchAccountAdapter, createFetchAnalyticsAdapter, createFetchNotificationSource, createMemoryNotificationSource, defaultReauthHref, fillDays, initials, isActivePath, isExternal, readFlag, readSet, relativeTime, safeNavigate, useIsMobile, writeFlag, writeSet };
 //# sourceMappingURL=preact.js.map
 //# sourceMappingURL=preact.js.map