@digithings-ai/ui 0.0.0-stage → 0.1.0

package/src/components/repo-activity/RepoHeatmap.tsx

@@ -0,0 +1,225 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import * as HeatGraph from "heat-graph";
+
+import { bucketContributions, levelFor, type HeatDay } from "./heatmap";
+import { grouped, type RepoPullItem } from "./types";
+
+export type RepoHeatmapProps = {
+  pulls: RepoPullItem[];
+  /** Extra contribution sources: commit timestamps (ISO) and closed-issue timestamps (ISO). */
+  commits?: Array<string | null | undefined>;
+  closedIssues?: Array<string | null | undefined>;
+  /** Pre-bucketed daily contributions (snapshot path). Overrides pulls/commits/issues when set. */
+  data?: HeatDay[];
+  /** Weeks of history, oldest week left. Defaults to 53 (a full year, GitHub-style). */
+  weeks?: number;
+  /** Window end (UTC day). Defaults to today. Test seam only. */
+  end?: Date;
+  /**
+   * Grow the squares to fill the container instead of scrolling it. The cell
+   * size is normally a fixed 10px and `.ra-heat-body` scrolls when the history
+   * is wider than its column; with `fit` the grid takes 100% of the column and
+   * each cell keeps a 1:1 aspect ratio, so the squares get bigger as the column
+   * widens and smaller as it narrows — the count still picks how many weeks are
+   * drawn (see `weeks`), the layout picks how large they are drawn.
+   */
+  fit?: boolean;
+  /**
+   * Build the cubes and the month names left to right, once, when the graph
+   * scrolls into view. Off by default so existing heatmaps stay settled.
+   */
+  build?: boolean;
+  className?: string;
+};
+
+/**
+ * RepoHeatmap — repo-level contributions over the last year, GitHub
+ * profile-graph style, via assistant-ui's headless `heat-graph`.
+ * DigiWeb livery: perfect squares (no radius), categorical accent steps
+ * via `var(--accent)` — flat fills only, no gradients. Month row on top,
+ * Mon/Wed/Fri day labels, Less/More legend, per-cell title tooltip.
+ */
+const COLOR_SCALE = [
+  "color-mix(in srgb, var(--ink) 9%, transparent)",
+  "color-mix(in srgb, var(--accent) 28%, transparent)",
+  "color-mix(in srgb, var(--accent) 52%, transparent)",
+  "color-mix(in srgb, var(--accent) 76%, transparent)",
+  "var(--accent)",
+];
+
+const DAY_LABELS = new Set(["Mon", "Wed", "Fri"]);
+
+/** One column of cubes, then the next. A year of weeks stays under ~1.2s. */
+const BUILD_COLUMN_MS = 22;
+
+/**
+ * Hover text for one square. States the day, the total, and — when the caller
+ * bucketed the sources — the split behind it, because "5 contributions" and
+ * "5 commits" are different facts and the graph alone cannot tell them apart.
+ */
+function cellTitle(date: string, count: number, day: HeatDay | undefined): string {
+  const noun = count === 1 ? "contribution" : "contributions";
+  if (day && (day.commits != null || day.pulls != null || day.issues != null)) {
+    const parts: string[] = [];
+    if (day.commits) parts.push(`${day.commits} commit${day.commits === 1 ? "" : "s"}`);
+    if (day.pulls) parts.push(`${day.pulls} PR${day.pulls === 1 ? "" : "s"}`);
+    if (day.issues) parts.push(`${day.issues} issue${day.issues === 1 ? "" : "s"}`);
+    if (parts.length) return `${date} — ${count} ${noun}: ${parts.join(", ")}`;
+  }
+  return `${date} — ${count} ${noun}`;
+}
+
+export function RepoHeatmap({
+  pulls,
+  commits = [],
+  closedIssues = [],
+  data,
+  weeks = 53,
+  end,
+  fit = false,
+  build = false,
+  className,
+}: RepoHeatmapProps) {
+  const days: HeatDay[] =
+    data ?? bucketContributions(pulls, commits, closedIssues, weeks, end ?? new Date());
+  const total = days.reduce((m, d) => m + d.count, 0);
+  const rootRef = useRef<HTMLDivElement>(null);
+  const [armed, setArmed] = useState(!build);
+  useEffect(() => {
+    if (!build) return;
+    const el = rootRef.current;
+    if (!el || typeof IntersectionObserver === "undefined") {
+      setArmed(true);
+      return;
+    }
+    const reduced = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
+    if (reduced) {
+      setArmed(true);
+      return;
+    }
+    // IntersectionObserver(callback, options) is the real DOM signature —
+    // the threshold option below is required behaviour, not a superfluous
+    // argument (CodeQL #3016 flagged for dismissal in GitHub UI).
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (!entries.some((entry) => entry.isIntersecting)) return;
+        setArmed(true);
+        observer.disconnect();
+      },
+      { threshold: 0.35 },
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [build]);
+  const cls = [
+    "ra-heat",
+    fit ? "ra-heat--fit" : "",
+    build ? "ra-heat--build" : "",
+    build && armed ? "is-armed" : "",
+    className ?? "",
+  ]
+    .filter(Boolean)
+    .join(" ");
+  const range = weeks >= 50 ? "the last year" : `the last ${weeks} weeks`;
+  const points = days.map((d) => ({ date: d.date, count: d.count }));
+  // The grid hands back its own cells, so the per-day split is looked up by
+  // date to build the hover title.
+  const byDate = new Map(days.map((d) => [d.date, d]));
+
+  return (
+    <div className={cls} ref={rootRef}>
+      <p className="ra-heat-total">
+        {grouped(total)} contributions in {range}
+      </p>
+      <HeatGraph.Root
+        data={points}
+        start={days[0]?.date ?? points[0]?.date}
+        end={days[days.length - 1]?.date ?? new Date()}
+        weekStart="sunday"
+        colorScale={COLOR_SCALE}
+        classify={(counts) => {
+          const max = counts.reduce((m, c) => Math.max(m, c), 0);
+          return (count: number) => levelFor(count, max);
+        }}
+        className="ra-heat-graph"
+        role="img"
+        aria-label={`${grouped(total)} contributions in ${range}.`}
+      >
+        <div className="ra-heat-body">
+          {/* One max-content frame holds the month row, the cell row and the
+              legend, so the month-label coordinate space is exactly the grid
+              width. Without it .ra-heat-months spans the full body width while
+              .ra-heat-grid is only max-content wide, and the %-positioned
+              labels drift right of their columns (last label ~172px past the
+              last cell at 1440). The frame is max-content at every viewport;
+              .ra-heat-body scrolls when it does not fit. */}
+          <div className="ra-heat-frame">
+            <div className="ra-heat-months" aria-hidden="true">
+              <HeatGraph.MonthLabels>
+                {({ label, totalWeeks }) => (
+                  <span
+                    key={`${label.month}-${label.column}`}
+                    className="ra-heat-month"
+                    style={{
+                      left: `${(label.column / totalWeeks) * 100}%`,
+                      ...(build ? { animationDelay: `${label.column * BUILD_COLUMN_MS}ms` } : {}),
+                    }}
+                  >
+                    {HeatGraph.MONTH_SHORT[label.month]}
+                  </span>
+                )}
+              </HeatGraph.MonthLabels>
+            </div>
+            <div className="ra-heat-row">
+              <div className="ra-heat-days" aria-hidden="true">
+                <HeatGraph.DayLabels>
+                  {({ label }) => {
+                    const name = HeatGraph.DAY_SHORT[label.dayOfWeek];
+                    if (!DAY_LABELS.has(name))
+                      return <span key={label.row} className="ra-heat-day" />;
+                    return (
+                      <span key={label.row} className="ra-heat-day">
+                        {name}
+                      </span>
+                    );
+                  }}
+                </HeatGraph.DayLabels>
+              </div>
+              <HeatGraph.Grid className="ra-heat-grid">
+                {({ cell }) => {
+                  const date = cell.date.toISOString().slice(0, 10);
+                  const n = cell.count;
+                  return (
+                    <HeatGraph.Cell
+                      key={`${cell.column}-${cell.row}`}
+                      className="ra-heat-cell"
+                      data-level={cell.level}
+                      title={cellTitle(date, n, byDate.get(date))}
+                      style={
+                        build
+                          ? { animationDelay: `${cell.column * BUILD_COLUMN_MS}ms` }
+                          : undefined
+                      }
+                    />
+                  );
+                }}
+              </HeatGraph.Grid>
+            </div>
+            <div className="ra-heat-foot">
+              <span />
+              <div className="ra-heat-legend" aria-hidden="true">
+                <span>Less</span>
+                <HeatGraph.Legend>
+                  {() => <HeatGraph.LegendLevel className="ra-heat-cell" />}
+                </HeatGraph.Legend>
+                <span>More</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </HeatGraph.Root>
+    </div>
+  );
+}

package/src/components/repo-activity/demo.ts

@@ -0,0 +1,201 @@
+import type { RepoActivitySnapshot } from "./types";
+
+/** Realistic fixture for the design-reference specimens. Not live data. */
+export const REPO_ACTIVITY_DEMO: RepoActivitySnapshot = {
+  generatedAt: "2026-08-24T07:15:49Z",
+  windowDays: 30,
+  branch: "main",
+  commits: 940,
+  pullsMerged: 546,
+  issuesClosed: 605,
+  pullsOpen: 4,
+  issuesOpen: 6,
+  latestRelease: {
+    tag: "digichat-v1.3.1",
+    name: "digichat: v1.3.1",
+    publishedAt: "2026-08-21T00:49:33Z",
+    url: "https://github.com/digithings-ai/digithings/releases/tag/digichat-v1.3.1",
+  },
+  mergedPulls: [
+    {
+      number: 2574,
+      title: "trade idea continuity, levels ladder, formatting",
+      url: "https://github.com/digithings-ai/digithings/pull/2574",
+      mergedAt: "2026-08-21T17:35:10Z",
+    },
+    {
+      number: 1081,
+      title: "wrap SDCA engine as NautilusTrader strategy",
+      url: "https://github.com/digithings-ai/digithings/pull/1081",
+      mergedAt: "2026-08-20T22:32:46Z",
+    },
+    {
+      number: 2519,
+      title: "add SDCA core engine (composite-risk + accum/dist curve + backtest)",
+      url: "https://github.com/digithings-ai/digithings/pull/2519",
+      mergedAt: "2026-08-20T13:47:08Z",
+    },
+    {
+      number: 2489,
+      title: "book paper fills from the order ledger at the open",
+      url: "https://github.com/digithings-ai/digithings/pull/2489",
+      mergedAt: "2026-08-19T22:29:27Z",
+    },
+    {
+      number: 2482,
+      title: "make H9 append the authoritative commit chain",
+      url: "https://github.com/digithings-ai/digithings/pull/2482",
+      mergedAt: "2026-08-19T16:06:51Z",
+    },
+    {
+      number: 2432,
+      title: "add append-only portfolio lineage ledger schema",
+      url: "https://github.com/digithings-ai/digithings/pull/2432",
+      mergedAt: "2026-08-17T19:24:40Z",
+    },
+    {
+      number: 2398,
+      title: "rate-limit live refresh behind a shared budget",
+      url: "https://github.com/digithings-ai/digithings/pull/2398",
+      mergedAt: "2026-08-14T11:02:19Z",
+    },
+    {
+      number: 2381,
+      title: "collapse two-column activity on narrow screens",
+      url: "https://github.com/digithings-ai/digithings/pull/2381",
+      mergedAt: "2026-08-11T15:44:52Z",
+    },
+    {
+      number: 2377,
+      title: "hairline lists for merged PRs and open issues",
+      url: "https://github.com/digithings-ai/digithings/pull/2377",
+      mergedAt: "2026-08-11T09:18:03Z",
+    },
+    {
+      number: 2355,
+      title: "snapshot-first velocity with atomic live swap",
+      url: "https://github.com/digithings-ai/digithings/pull/2355",
+      mergedAt: "2026-08-06T20:31:47Z",
+    },
+    {
+      number: 2319,
+      title: "mono numerals with tabular figures",
+      url: "https://github.com/digithings-ai/digithings/pull/2319",
+      mergedAt: "2026-07-30T14:09:55Z",
+    },
+    {
+      number: 2314,
+      title: "kicker grammar across data specimens",
+      url: "https://github.com/digithings-ai/digithings/pull/2314",
+      mergedAt: "2026-07-29T18:52:36Z",
+    },
+    {
+      number: 2290,
+      title: "clone-box geometry that keeps beating utilities",
+      url: "https://github.com/digithings-ai/digithings/pull/2290",
+      mergedAt: "2026-07-24T10:27:11Z",
+    },
+    {
+      number: 2271,
+      title: "design tokens bridge for reference and web",
+      url: "https://github.com/digithings-ai/digithings/pull/2271",
+      mergedAt: "2026-07-17T16:40:28Z",
+    },
+    {
+      number: 2244,
+      title: "no stars, forks, or watchers on activity",
+      url: "https://github.com/digithings-ai/digithings/pull/2244",
+      mergedAt: "2026-07-10T12:14:59Z",
+    },
+    {
+      number: 2210,
+      title: "compact card for portfolio surfaces",
+      url: "https://github.com/digithings-ai/digithings/pull/2210",
+      mergedAt: "2026-07-02T09:33:22Z",
+    },
+    {
+      number: 2187,
+      title: "detailed view with backlog split",
+      url: "https://github.com/digithings-ai/digithings/pull/2187",
+      mergedAt: "2026-06-25T21:48:07Z",
+    },
+    {
+      number: 2179,
+      title: "release link with honest timestamps",
+      url: "https://github.com/digithings-ai/digithings/pull/2179",
+      mergedAt: "2026-06-25T08:05:41Z",
+    },
+    {
+      number: 2152,
+      title: "copy button for the clone command",
+      url: "https://github.com/digithings-ai/digithings/pull/2152",
+      mergedAt: "2026-06-18T13:57:30Z",
+    },
+    {
+      number: 2118,
+      title: "first activity snapshot fixture",
+      url: "https://github.com/digithings-ai/digithings/pull/2118",
+      mergedAt: "2026-06-11T17:22:54Z",
+    },
+  ],
+  openIssues: [
+    {
+      number: 3445,
+      title: "website: progressively enhance repository section with live GitHub data",
+      url: "https://github.com/digithings-ai/digithings/issues/3445",
+      updatedAt: "2026-09-02T19:57:46Z",
+    },
+    {
+      number: 3291,
+      title: "chore(website): refresh repository activity snapshot",
+      url: "https://github.com/digithings-ai/digithings/issues/3291",
+      updatedAt: "2026-08-31T09:12:00Z",
+    },
+    {
+      number: 2547,
+      title: "worktree task must branch from origin base, not a stale local develop",
+      url: "https://github.com/digithings-ai/digithings/issues/2547",
+      updatedAt: "2026-08-20T11:04:00Z",
+    },
+    {
+      number: 1981,
+      title: "lint and type-check the design-reference workspace in CI",
+      url: "https://github.com/digithings-ai/digithings/issues/1981",
+      updatedAt: "2026-08-18T16:40:00Z",
+    },
+    {
+      number: 1450,
+      title: "promote F1 component families into @digithings-ai/ui",
+      url: "https://github.com/digithings-ai/digithings/issues/1450",
+      updatedAt: "2026-08-12T08:22:00Z",
+    },
+    {
+      number: 1310,
+      title: "frontend scoring exception for presentation-only surfaces",
+      url: "https://github.com/digithings-ai/digithings/issues/1310",
+      updatedAt: "2026-08-08T14:01:00Z",
+    },
+  ],
+  /** Synthetic 14-day series so the specimen shows graded cells. Not live data. */
+  dailyContributions: [
+    { date: "2026-08-11", count: 1 },
+    { date: "2026-08-12", count: 3 },
+    { date: "2026-08-13", count: 2 },
+    { date: "2026-08-14", count: 6 },
+    { date: "2026-08-15", count: 1 },
+    { date: "2026-08-16", count: 4 },
+    { date: "2026-08-17", count: 8 },
+    { date: "2026-08-18", count: 2 },
+    { date: "2026-08-19", count: 5 },
+    { date: "2026-08-20", count: 3 },
+    { date: "2026-08-21", count: 9 },
+    { date: "2026-08-22", count: 1 },
+    { date: "2026-08-23", count: 4 },
+    { date: "2026-08-24", count: 7 },
+  ],
+};
+
+export const REPO_ACTIVITY_DEMO_URL = "https://github.com/digithings-ai/digithings";
+export const REPO_ACTIVITY_DEMO_CLONE = "git clone https://github.com/digithings-ai/digithings";
+export const REPO_ACTIVITY_DEMO_CONTRIBUTING =
+  "https://github.com/digithings-ai/digithings/blob/main/CONTRIBUTING.md";

package/src/components/repo-activity/fetch.ts

@@ -0,0 +1,211 @@
+/**
+ * Unauthenticated GitHub refresh for repository activity.
+ *
+ * All requests must succeed and validate before a result is returned. The
+ * caller (RepoActivity) applies that result atomically or keeps the snapshot.
+ * Commits are counted on the configured branch via the Link last-page trick
+ * (per_page=1); Search supplies the four issue/PR totals plus list rows.
+ * `/repos/{owner}/{repo}` is never fetched — that payload carries stars/forks.
+ */
+
+import {
+  DEFAULT_LIVE_TIMEOUT_MS,
+  type RepoActivityLiveConfig,
+  type RepoActivitySnapshot,
+  type RepoIssueItem,
+  type RepoPullItem,
+  type RepoRelease,
+} from "./types";
+
+export type FetchRepoActivityLiveOptions = RepoActivityLiveConfig & {
+  fetch?: typeof globalThis.fetch;
+  now?: () => Date;
+};
+
+type LiveResult = Omit<RepoActivitySnapshot, "features" | "modules">;
+
+const API = "https://api.github.com";
+
+export async function fetchRepoActivityLive(
+  options: FetchRepoActivityLiveOptions,
+): Promise<LiveResult> {
+  const owner = options.owner.trim();
+  const repo = options.repo.trim();
+  if (!/^[A-Za-z0-9_.-]+$/.test(owner) || !/^[A-Za-z0-9_.-]+$/.test(repo)) {
+    throw new Error("malformed repo activity: invalid owner/repo");
+  }
+  const branch = options.branch?.trim() || "main";
+  const windowDays = options.windowDays ?? 30;
+  const timeoutMs = options.timeoutMs ?? DEFAULT_LIVE_TIMEOUT_MS;
+  const fetchFn = options.fetch ?? globalThis.fetch;
+  const now = options.now ?? (() => new Date());
+  const generatedAt = toIsoZ(now());
+  const since = new Date(Date.parse(generatedAt) - windowDays * 86_400_000);
+  const sinceIso = toIsoZ(since);
+  const sinceDay = sinceIso.slice(0, 10);
+  const slug = `${owner}/${repo}`;
+
+  const controller = new AbortController();
+  const timer = setTimeout(() => controller.abort(), timeoutMs);
+  const get = (path: string) =>
+    fetchJson(fetchFn, `${API}${path}`, controller.signal);
+
+  try {
+    const [commitsRes, merged, closed, openPrs, openIssues, releases] = await Promise.all([
+      get(`/repos/${slug}/commits?sha=${encodeURIComponent(branch)}&since=${sinceIso}&per_page=1`),
+      get(
+        `/search/issues?q=repo:${slug}+is:pr+is:merged+merged:>=${sinceDay}&per_page=6&sort=updated`,
+      ),
+      get(`/search/issues?q=repo:${slug}+is:issue+is:closed+closed:>=${sinceDay}&per_page=1`),
+      get(`/search/issues?q=repo:${slug}+is:pr+is:open&per_page=1`),
+      get(`/search/issues?q=repo:${slug}+is:issue+is:open&per_page=6&sort=updated`),
+      get(`/repos/${slug}/releases?per_page=1`),
+    ]);
+
+    return {
+      generatedAt,
+      windowDays,
+      branch,
+      commits: commitCount(commitsRes),
+      pullsMerged: searchTotal(merged.body),
+      issuesClosed: searchTotal(closed.body),
+      pullsOpen: searchTotal(openPrs.body),
+      issuesOpen: searchTotal(openIssues.body),
+      latestRelease: parseLatestRelease(releases.body),
+      mergedPulls: parsePullItems(merged.body),
+      openIssues: parseIssueItems(openIssues.body),
+    };
+  } catch (err) {
+    if (isAbort(err)) throw new Error("repo activity timeout");
+    throw err;
+  } finally {
+    clearTimeout(timer);
+  }
+}
+
+type Fetched = { body: unknown; headers: Headers };
+
+async function fetchJson(
+  fetchFn: typeof globalThis.fetch,
+  url: string,
+  signal: AbortSignal,
+): Promise<Fetched> {
+  let res: Response;
+  try {
+    res = await fetchFn(url, { signal });
+  } catch (err) {
+    if (isAbort(err)) throw new Error("repo activity timeout");
+    throw err;
+  }
+  if (!res.ok) {
+    throw new Error(`repo activity HTTP ${res.status}`);
+  }
+  let body: unknown;
+  try {
+    body = await res.json();
+  } catch {
+    throw new Error("malformed repo activity");
+  }
+  return { body, headers: res.headers };
+}
+
+function commitCount(res: Fetched): number {
+  const last = lastPage(res.headers.get("Link") ?? res.headers.get("link"));
+  if (last != null) return last;
+  if (!Array.isArray(res.body)) throw new Error("malformed repo activity");
+  return res.body.length;
+}
+
+function lastPage(link: string | null): number | null {
+  if (!link) return null;
+  for (const part of link.split(",")) {
+    if (!part.includes('rel="last"')) continue;
+    const m = /[?&]page=(\d+)/.exec(part);
+    if (m) return Number(m[1]);
+  }
+  return null;
+}
+
+function searchTotal(body: unknown): number {
+  if (!body || typeof body !== "object" || Array.isArray(body)) {
+    throw new Error("malformed repo activity");
+  }
+  const count = (body as { total_count?: unknown }).total_count;
+  return intCount(count);
+}
+
+function parsePullItems(body: unknown): RepoPullItem[] {
+  return searchItems(body).map((item) => ({
+    number: intCount(item.number, { min: 1 }),
+    title: str(item.title),
+    url: githubUrl(item.html_url),
+    mergedAt: stamp(item.closed_at) ?? stamp(item.updated_at),
+  }));
+}
+
+function parseIssueItems(body: unknown): RepoIssueItem[] {
+  return searchItems(body).map((item) => ({
+    number: intCount(item.number, { min: 1 }),
+    title: str(item.title),
+    url: githubUrl(item.html_url),
+    updatedAt: stamp(item.updated_at),
+  }));
+}
+
+function searchItems(body: unknown): Record<string, unknown>[] {
+  if (!body || typeof body !== "object" || Array.isArray(body)) {
+    throw new Error("malformed repo activity");
+  }
+  const items = (body as { items?: unknown }).items;
+  if (items == null) return [];
+  if (!Array.isArray(items)) throw new Error("malformed repo activity");
+  return items.filter((it): it is Record<string, unknown> => !!it && typeof it === "object");
+}
+
+function parseLatestRelease(body: unknown): RepoRelease | null {
+  if (!Array.isArray(body)) throw new Error("malformed repo activity");
+  const first = body[0];
+  if (!first || typeof first !== "object") return null;
+  const row = first as Record<string, unknown>;
+  return {
+    tag: str(row.tag_name),
+    name: row.name == null ? null : str(row.name),
+    publishedAt: str(row.published_at),
+    url: githubUrl(row.html_url),
+  };
+}
+
+function intCount(v: unknown, opts: { min?: number } = {}): number {
+  if (typeof v !== "number" || !Number.isInteger(v) || !Number.isFinite(v) || v < (opts.min ?? 0)) {
+    throw new Error("malformed repo activity");
+  }
+  return v;
+}
+
+function str(v: unknown): string {
+  if (typeof v !== "string" || !v.trim()) throw new Error("malformed repo activity");
+  return v;
+}
+
+function githubUrl(v: unknown): string {
+  const url = str(v);
+  if (!url.startsWith("https://github.com/")) throw new Error("malformed repo activity");
+  return url;
+}
+
+function stamp(v: unknown): string | null {
+  if (v == null) return null;
+  if (typeof v !== "string") throw new Error("malformed repo activity");
+  return v;
+}
+
+function toIsoZ(d: Date): string {
+  return d.toISOString().replace(/\.\d{3}Z$/, "Z");
+}
+
+function isAbort(err: unknown): boolean {
+  return (
+    (err instanceof DOMException && err.name === "AbortError") ||
+    (err instanceof Error && (err.name === "AbortError" || /aborted/i.test(err.message)))
+  );
+}