github-contributions-ui 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Theme = "light" | "dark" | "blue" | "purple";
+interface Props {
+    username: string;
+    theme?: Theme;
+    className?: string;
+}
+declare function GithubActivity({ username, theme, className }: Props): react_jsx_runtime.JSX.Element;
+declare const _default: react.MemoExoticComponent<typeof GithubActivity>;
+
+export { _default as GithubActivity };

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Theme = "light" | "dark" | "blue" | "purple";
+interface Props {
+    username: string;
+    theme?: Theme;
+    className?: string;
+}
+declare function GithubActivity({ username, theme, className }: Props): react_jsx_runtime.JSX.Element;
+declare const _default: react.MemoExoticComponent<typeof GithubActivity>;
+
+export { _default as GithubActivity };

package/dist/index.js

@@ -0,0 +1,383 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  GithubActivity: () => GithubActivity_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/GithubActivity.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var MONTHS = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+var DAY_LABELS = { 1: "Mon", 3: "Wed", 5: "Fri" };
+var CELL = 13;
+var GAP = 3;
+var STEP = CELL + GAP;
+var DAY_COL_W = 30;
+var LIGHT = ["#ebedf0", "#9be9a8", "#40c463", "#30a14e", "#216e39"];
+var DARK = ["#21262d", "#0e4429", "#006d32", "#26a641", "#39d353"];
+var BLUE = ["#21262d", "#a3c9ff", "#5fa3ff", "#2f7bff", "#0b5cff"];
+var PURPLE = ["#21262d", "#d8b4ff", "#c084fc", "#a855f7", "#7e22ce"];
+var COLOR_MAP = {
+  light: LIGHT,
+  dark: DARK,
+  blue: BLUE,
+  purple: PURPLE
+};
+function toLevel(count) {
+  if (count === 0) return 0;
+  if (count <= 3) return 1;
+  if (count <= 6) return 2;
+  if (count <= 9) return 3;
+  return 4;
+}
+function buildGrid(dayMap, year) {
+  let start;
+  let end;
+  if (year === "last") {
+    end = /* @__PURE__ */ new Date();
+    start = new Date(end);
+    start.setFullYear(start.getFullYear() - 1);
+    start.setDate(start.getDate() + 1);
+  } else {
+    start = new Date(year, 0, 1);
+    end = year === (/* @__PURE__ */ new Date()).getFullYear() ? /* @__PURE__ */ new Date() : new Date(year, 11, 31);
+  }
+  start.setDate(start.getDate() - start.getDay());
+  const weeks = [];
+  const cur = new Date(start);
+  while (cur <= end) {
+    const week = [];
+    for (let d = 0; d < 7; d++) {
+      const iso = cur.toISOString().slice(0, 10);
+      if (cur > end) {
+        week.push(null);
+      } else {
+        week.push(
+          dayMap.get(iso) ?? {
+            date: iso,
+            count: 0,
+            level: 0
+          }
+        );
+      }
+      cur.setDate(cur.getDate() + 1);
+    }
+    weeks.push(week);
+  }
+  return weeks;
+}
+function monthLabels(grid) {
+  const out = [];
+  let last = -1;
+  grid.forEach((week, i) => {
+    const first = week.find(Boolean);
+    if (!first) return;
+    const m = new Date(first.date).getMonth();
+    if (m !== last) {
+      out.push({ label: MONTHS[m], col: i });
+      last = m;
+    }
+  });
+  return out;
+}
+function Tooltip({ day, x, y }) {
+  const label = new Date(day.date).toLocaleDateString("en-US", {
+    weekday: "long",
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: "fixed z-50 pointer-events-none -translate-x-1/2 -translate-y-full px-2.5 py-1.5 rounded-md text-xs font-mono whitespace-nowrap shadow-xl bg-neutral-900 text-white dark:bg-white dark:text-neutral-900",
+      style: { left: x, top: y - 8 },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("b", { children: [
+          day.count,
+          " contribution",
+          day.count !== 1 ? "s" : ""
+        ] }),
+        " ",
+        "\xB7 ",
+        label
+      ]
+    }
+  );
+}
+function Skeleton() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-[3px] animate-pulse opacity-40", children: Array.from({ length: 53 }).map((_, w) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-[3px]", children: Array.from({ length: 7 }).map((_2, d) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: "w-[13px] h-[13px] rounded-[3px] bg-neutral-300 dark:bg-neutral-700"
+    },
+    d
+  )) }, w)) });
+}
+function YearPill({
+  label,
+  active,
+  onClick
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      onClick,
+      className: [
+        "px-2.5 py-0.5 rounded-full text-[11px] font-medium transition-colors duration-150",
+        active ? "bg-neutral-900 text-white dark:bg-white dark:text-neutral-900" : "bg-neutral-100 text-neutral-600 hover:bg-neutral-200 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700"
+      ].join(" "),
+      children: label
+    }
+  );
+}
+function GithubActivity({ username, theme = "dark", className }) {
+  const [allDays, setAllDays] = (0, import_react.useState)(/* @__PURE__ */ new Map());
+  const [years, setYears] = (0, import_react.useState)([]);
+  const [selectedYear, setSelectedYear] = (0, import_react.useState)("last");
+  const [total, setTotal] = (0, import_react.useState)(null);
+  const [bestDay, setBestDay] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [error, setError] = (0, import_react.useState)(false);
+  const [tip, setTip] = (0, import_react.useState)(
+    null
+  );
+  const colors = COLOR_MAP[theme] ?? COLOR_MAP.dark;
+  (0, import_react.useEffect)(() => {
+    if (!username) return;
+    let mounted = true;
+    setLoading(true);
+    setError(false);
+    (async () => {
+      try {
+        const res = await fetch(
+          `https://github-contributions-api.jogruber.de/v4/${username}?y=all`
+        );
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        const json = await res.json();
+        const raw = json.contributions ?? [];
+        if (!raw.length) throw new Error("empty data");
+        const map = /* @__PURE__ */ new Map();
+        const yearSet = /* @__PURE__ */ new Set();
+        raw.forEach((c) => {
+          map.set(c.date, {
+            date: c.date,
+            count: c.count,
+            level: toLevel(c.count)
+          });
+          yearSet.add(new Date(c.date).getFullYear());
+        });
+        if (mounted) {
+          setAllDays(map);
+          setYears(Array.from(yearSet).sort((a, b) => b - a));
+          setLoading(false);
+        }
+      } catch (err) {
+        console.warn("GithubActivity fetch error:", err);
+        if (mounted) {
+          setError(true);
+          setLoading(false);
+        }
+      }
+    })();
+    return () => {
+      mounted = false;
+    };
+  }, [username]);
+  (0, import_react.useEffect)(() => {
+    if (!allDays.size) return;
+    const entries = Array.from(allDays.values()).filter((d) => {
+      if (selectedYear === "last") {
+        const oneYearAgo = /* @__PURE__ */ new Date();
+        oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);
+        return new Date(d.date) >= oneYearAgo;
+      }
+      return new Date(d.date).getFullYear() === selectedYear;
+    });
+    const sum = entries.reduce((s, d) => s + d.count, 0);
+    const best = entries.reduce(
+      (b, d) => !b || d.count > b.count ? d : b,
+      null
+    );
+    setTotal(sum);
+    setBestDay(best && best.count > 0 ? best : null);
+  }, [allDays, selectedYear]);
+  const grid = (0, import_react.useMemo)(
+    () => allDays.size ? buildGrid(allDays, selectedYear) : [],
+    [allDays, selectedYear]
+  );
+  const labels = (0, import_react.useMemo)(() => monthLabels(grid), [grid]);
+  const outlineColor = theme === "light" ? "#333" : "#f0f0f0";
+  const bestDateLabel = bestDay ? new Date(bestDay.date).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }) : null;
+  const periodLabel = selectedYear === "last" ? " in the last year" : ` in ${selectedYear}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: ["w-full font-mono", className].join(" ").trim(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-1 mb-4 text-xs text-neutral-500 dark:text-neutral-400", children: [
+      loading ? "Loading\u2026" : error ? "Unavailable" : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-semibold text-neutral-700 dark:text-neutral-200", children: total?.toLocaleString() }),
+        " contributions",
+        periodLabel
+      ] }),
+      bestDay && !loading && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: "inline-block w-[10px] h-[10px] rounded-[2px]",
+            style: { backgroundColor: colors[4] }
+          }
+        ),
+        "Best day:",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-semibold text-neutral-700 dark:text-neutral-200", children: [
+          bestDay.count,
+          " contributions"
+        ] }),
+        "on ",
+        bestDateLabel
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border border-neutral-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-neutral-950", children: error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm italic text-neutral-400", children: "GitHub activity unavailable." }) : loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "overflow-x-auto overflow-y-visible pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: "relative",
+          style: {
+            minWidth: grid.length * STEP + DAY_COL_W + 8
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                className: "relative h-[18px] mb-1",
+                style: { marginLeft: DAY_COL_W },
+                children: labels.map(({ label, col }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "span",
+                  {
+                    className: "absolute text-[11px] select-none text-neutral-500 dark:text-neutral-400",
+                    style: { left: col * STEP },
+                    children: label
+                  },
+                  `${label}-${col}`
+                ))
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-[3px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
+                {
+                  className: "flex flex-col gap-[3px] pt-px shrink-0",
+                  style: { width: DAY_COL_W - GAP },
+                  children: Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "div",
+                    {
+                      className: "h-[13px] text-[10px] leading-[13px] text-right pr-1.5 select-none text-neutral-500 dark:text-neutral-400",
+                      children: DAY_LABELS[i] ?? ""
+                    },
+                    i
+                  ))
+                }
+              ),
+              grid.map((week, wi) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-[3px]", children: week.map((day, di) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
+                {
+                  className: "w-[13px] h-[13px] rounded-[3px] transition-transform duration-100 hover:scale-125",
+                  style: {
+                    backgroundColor: day ? colors[day.level] : "transparent",
+                    cursor: day ? "pointer" : "default",
+                    outline: bestDay && day?.date === bestDay.date ? `2px solid ${outlineColor}` : "none",
+                    outlineOffset: "1px"
+                  },
+                  onMouseEnter: (e) => {
+                    if (!day) return;
+                    const r = e.currentTarget.getBoundingClientRect();
+                    setTip({
+                      day,
+                      x: r.left + r.width / 2,
+                      y: r.top
+                    });
+                  },
+                  onMouseLeave: () => setTip(null)
+                },
+                di
+              )) }, wi))
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-start gap-1 mt-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[11px] text-neutral-500 dark:text-neutral-400 mr-1", children: "Less" }),
+        colors.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: "w-[13px] h-[13px] rounded-[3px]",
+            style: { backgroundColor: c }
+          },
+          i
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[11px] text-neutral-500 dark:text-neutral-400 ml-1", children: "More" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5 mt-4 pt-3 border-t border-neutral-100 dark:border-neutral-800", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[11px] text-neutral-400 mr-1", children: "Year:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          YearPill,
+          {
+            label: "Last year",
+            active: selectedYear === "last",
+            onClick: () => setSelectedYear("last")
+          }
+        ),
+        years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          YearPill,
+          {
+            label: String(y),
+            active: selectedYear === y,
+            onClick: () => setSelectedYear(y)
+          },
+          y
+        ))
+      ] })
+    ] }) }),
+    tip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, { day: tip.day, x: tip.x, y: tip.y })
+  ] });
+}
+var GithubActivity_default = (0, import_react.memo)(GithubActivity);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GithubActivity
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/GithubActivity.tsx"],"sourcesContent":["export { default as GithubActivity } from \"./GithubActivity\";","import { memo, useEffect, useState, useMemo } from \"react\";\r\n\r\ntype Theme = \"light\" | \"dark\" | \"blue\" | \"purple\";\r\n\r\ninterface Day {\r\n  date: string;\r\n  count: number;\r\n  level: 0 | 1 | 2 | 3 | 4;\r\n}\r\n\r\ninterface Props {\r\n  username: string;\r\n  theme?: Theme;\r\n  className?: string;\r\n}\r\n\r\n/* ---------- Constants ---------- */\r\n\r\nconst MONTHS = [\r\n  \"Jan\",\r\n  \"Feb\",\r\n  \"Mar\",\r\n  \"Apr\",\r\n  \"May\",\r\n  \"Jun\",\r\n  \"Jul\",\r\n  \"Aug\",\r\n  \"Sep\",\r\n  \"Oct\",\r\n  \"Nov\",\r\n  \"Dec\",\r\n];\r\nconst DAY_LABELS: Record<number, string> = { 1: \"Mon\", 3: \"Wed\", 5: \"Fri\" };\r\n\r\nconst CELL = 13;\r\nconst GAP = 3;\r\nconst STEP = CELL + GAP;\r\nconst DAY_COL_W = 30;\r\n\r\n/* ---------- Color Themes ---------- */\r\n\r\nconst LIGHT = [\"#ebedf0\", \"#9be9a8\", \"#40c463\", \"#30a14e\", \"#216e39\"];\r\nconst DARK = [\"#21262d\", \"#0e4429\", \"#006d32\", \"#26a641\", \"#39d353\"];\r\nconst BLUE = [\"#21262d\", \"#a3c9ff\", \"#5fa3ff\", \"#2f7bff\", \"#0b5cff\"];\r\nconst PURPLE = [\"#21262d\", \"#d8b4ff\", \"#c084fc\", \"#a855f7\", \"#7e22ce\"];\r\n\r\nconst COLOR_MAP: Record<Theme, string[]> = {\r\n  light: LIGHT,\r\n  dark: DARK,\r\n  blue: BLUE,\r\n  purple: PURPLE,\r\n};\r\n\r\n/* ---------- Utilities ---------- */\r\n\r\nfunction toLevel(count: number): 0 | 1 | 2 | 3 | 4 {\r\n  if (count === 0) return 0;\r\n  if (count <= 3) return 1;\r\n  if (count <= 6) return 2;\r\n  if (count <= 9) return 3;\r\n  return 4;\r\n}\r\n\r\nfunction buildGrid(\r\n  dayMap: Map<string, Day>,\r\n  year: number | \"last\",\r\n): (Day | null)[][] {\r\n  let start: Date;\r\n  let end: Date;\r\n\r\n  if (year === \"last\") {\r\n    end = new Date();\r\n    start = new Date(end);\r\n    start.setFullYear(start.getFullYear() - 1);\r\n    start.setDate(start.getDate() + 1);\r\n  } else {\r\n    start = new Date(year, 0, 1);\r\n    end =\r\n      year === new Date().getFullYear() ? new Date() : new Date(year, 11, 31);\r\n  }\r\n\r\n  start.setDate(start.getDate() - start.getDay());\r\n\r\n  const weeks: (Day | null)[][] = [];\r\n  const cur = new Date(start);\r\n\r\n  while (cur <= end) {\r\n    const week: (Day | null)[] = [];\r\n\r\n    for (let d = 0; d < 7; d++) {\r\n      const iso = cur.toISOString().slice(0, 10);\r\n\r\n      if (cur > end) {\r\n        week.push(null);\r\n      } else {\r\n        week.push(\r\n          dayMap.get(iso) ?? {\r\n            date: iso,\r\n            count: 0,\r\n            level: 0,\r\n          },\r\n        );\r\n      }\r\n\r\n      cur.setDate(cur.getDate() + 1);\r\n    }\r\n\r\n    weeks.push(week);\r\n  }\r\n\r\n  return weeks;\r\n}\r\n\r\nfunction monthLabels(grid: (Day | null)[][]) {\r\n  const out: { label: string; col: number }[] = [];\r\n  let last = -1;\r\n\r\n  grid.forEach((week, i) => {\r\n    const first = week.find(Boolean);\r\n    if (!first) return;\r\n\r\n    const m = new Date(first.date).getMonth();\r\n\r\n    if (m !== last) {\r\n      out.push({ label: MONTHS[m], col: i });\r\n      last = m;\r\n    }\r\n  });\r\n\r\n  return out;\r\n}\r\n\r\n/* ---------- UI Components ---------- */\r\n\r\nfunction Tooltip({ day, x, y }: { day: Day; x: number; y: number }) {\r\n  const label = new Date(day.date).toLocaleDateString(\"en-US\", {\r\n    weekday: \"long\",\r\n    year: \"numeric\",\r\n    month: \"long\",\r\n    day: \"numeric\",\r\n  });\r\n\r\n  return (\r\n    <div\r\n      className=\"fixed z-50 pointer-events-none -translate-x-1/2 -translate-y-full px-2.5 py-1.5 rounded-md text-xs font-mono whitespace-nowrap shadow-xl bg-neutral-900 text-white dark:bg-white dark:text-neutral-900\"\r\n      style={{ left: x, top: y - 8 }}\r\n    >\r\n      <b>\r\n        {day.count} contribution{day.count !== 1 ? \"s\" : \"\"}\r\n      </b>{\" \"}\r\n      · {label}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction Skeleton() {\r\n  return (\r\n    <div className=\"flex gap-[3px] animate-pulse opacity-40\">\r\n      {Array.from({ length: 53 }).map((_, w) => (\r\n        <div key={w} className=\"flex flex-col gap-[3px]\">\r\n          {Array.from({ length: 7 }).map((_, d) => (\r\n            <div\r\n              key={d}\r\n              className=\"w-[13px] h-[13px] rounded-[3px] bg-neutral-300 dark:bg-neutral-700\"\r\n            />\r\n          ))}\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction YearPill({\r\n  label,\r\n  active,\r\n  onClick,\r\n}: {\r\n  label: string;\r\n  active: boolean;\r\n  onClick: () => void;\r\n}) {\r\n  return (\r\n    <button\r\n      onClick={onClick}\r\n      className={[\r\n        \"px-2.5 py-0.5 rounded-full text-[11px] font-medium transition-colors duration-150\",\r\n        active\r\n          ? \"bg-neutral-900 text-white dark:bg-white dark:text-neutral-900\"\r\n          : \"bg-neutral-100 text-neutral-600 hover:bg-neutral-200 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700\",\r\n      ].join(\" \")}\r\n    >\r\n      {label}\r\n    </button>\r\n  );\r\n}\r\n\r\n/* ---------- Main Component ---------- */\r\n\r\nfunction GithubActivity({ username, theme = \"dark\", className }: Props) {\r\n  const [allDays, setAllDays] = useState<Map<string, Day>>(new Map());\r\n  const [years, setYears] = useState<number[]>([]);\r\n  const [selectedYear, setSelectedYear] = useState<number | \"last\">(\"last\");\r\n  const [total, setTotal] = useState<number | null>(null);\r\n  const [bestDay, setBestDay] = useState<Day | null>(null);\r\n  const [loading, setLoading] = useState(true);\r\n  const [error, setError] = useState(false);\r\n  const [tip, setTip] = useState<{ day: Day; x: number; y: number } | null>(\r\n    null,\r\n  );\r\n\r\n  const colors = COLOR_MAP[theme] ?? COLOR_MAP.dark;\r\n\r\n  /* Fetch Contributions */\r\n\r\n  useEffect(() => {\r\n    if (!username) return;\r\n\r\n    let mounted = true;\r\n    setLoading(true);\r\n    setError(false);\r\n\r\n    (async () => {\r\n      try {\r\n        const res = await fetch(\r\n          `https://github-contributions-api.jogruber.de/v4/${username}?y=all`,\r\n        );\r\n\r\n        if (!res.ok) throw new Error(`HTTP ${res.status}`);\r\n\r\n        const json = await res.json();\r\n        const raw: { date: string; count: number }[] = json.contributions ?? [];\r\n\r\n        if (!raw.length) throw new Error(\"empty data\");\r\n\r\n        const map = new Map<string, Day>();\r\n        const yearSet = new Set<number>();\r\n\r\n        raw.forEach((c) => {\r\n          map.set(c.date, {\r\n            date: c.date,\r\n            count: c.count,\r\n            level: toLevel(c.count),\r\n          });\r\n\r\n          yearSet.add(new Date(c.date).getFullYear());\r\n        });\r\n\r\n        if (mounted) {\r\n          setAllDays(map);\r\n          setYears(Array.from(yearSet).sort((a, b) => b - a));\r\n          setLoading(false);\r\n        }\r\n      } catch (err) {\r\n        console.warn(\"GithubActivity fetch error:\", err);\r\n\r\n        if (mounted) {\r\n          setError(true);\r\n          setLoading(false);\r\n        }\r\n      }\r\n    })();\r\n\r\n    return () => {\r\n      mounted = false;\r\n    };\r\n  }, [username]);\r\n\r\n  /* Stats Calculation */\r\n\r\n  useEffect(() => {\r\n    if (!allDays.size) return;\r\n\r\n    const entries = Array.from(allDays.values()).filter((d) => {\r\n      if (selectedYear === \"last\") {\r\n        const oneYearAgo = new Date();\r\n        oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);\r\n        return new Date(d.date) >= oneYearAgo;\r\n      }\r\n\r\n      return new Date(d.date).getFullYear() === selectedYear;\r\n    });\r\n\r\n    const sum = entries.reduce((s, d) => s + d.count, 0);\r\n\r\n    const best = entries.reduce<Day | null>(\r\n      (b, d) => (!b || d.count > b.count ? d : b),\r\n      null,\r\n    );\r\n\r\n    setTotal(sum);\r\n    setBestDay(best && best.count > 0 ? best : null);\r\n  }, [allDays, selectedYear]);\r\n\r\n  /* Rendering Helpers */\r\n\r\n  const grid = useMemo(\r\n    () => (allDays.size ? buildGrid(allDays, selectedYear) : []),\r\n    [allDays, selectedYear],\r\n  );\r\n\r\n  const labels = useMemo(() => monthLabels(grid), [grid]);\r\n\r\n  const outlineColor = theme === \"light\" ? \"#333\" : \"#f0f0f0\";\r\n\r\n  const bestDateLabel = bestDay\r\n    ? new Date(bestDay.date).toLocaleDateString(\"en-US\", {\r\n        month: \"short\",\r\n        day: \"numeric\",\r\n        year: \"numeric\",\r\n      })\r\n    : null;\r\n\r\n  const periodLabel =\r\n    selectedYear === \"last\" ? \" in the last year\" : ` in ${selectedYear}`;\r\n\r\n  return (\r\n    <section className={[\"w-full font-mono\", className].join(\" \").trim()}>\r\n      <div className=\"flex flex-wrap items-center gap-x-6 gap-y-1 mb-4 text-xs text-neutral-500 dark:text-neutral-400\">\r\n        {loading ? (\r\n          \"Loading…\"\r\n        ) : error ? (\r\n          \"Unavailable\"\r\n        ) : (\r\n          <>\r\n            <span className=\"font-semibold text-neutral-700 dark:text-neutral-200\">\r\n              {total?.toLocaleString()}\r\n            </span>\r\n            {\" contributions\"}\r\n            {periodLabel}\r\n          </>\r\n        )}\r\n\r\n        {bestDay && !loading && (\r\n          <span className=\"flex items-center gap-1.5\">\r\n            <span\r\n              className=\"inline-block w-[10px] h-[10px] rounded-[2px]\"\r\n              style={{ backgroundColor: colors[4] }}\r\n            />\r\n            Best day:\r\n            <span className=\"font-semibold text-neutral-700 dark:text-neutral-200\">\r\n              {bestDay.count} contributions\r\n            </span>\r\n            on {bestDateLabel}\r\n          </span>\r\n        )}\r\n      </div>\r\n\r\n      <div className=\"border border-neutral-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-neutral-950\">\r\n        {error ? (\r\n          <p className=\"text-sm italic text-neutral-400\">\r\n            GitHub activity unavailable.\r\n          </p>\r\n        ) : loading ? (\r\n          <Skeleton />\r\n        ) : (\r\n          <>\r\n            <div className=\"overflow-x-auto overflow-y-visible pb-1\">\r\n              <div\r\n                className=\"relative\"\r\n                style={{\r\n                  minWidth: grid.length * STEP + DAY_COL_W + 8,\r\n                }}\r\n              >\r\n                <div\r\n                  className=\"relative h-[18px] mb-1\"\r\n                  style={{ marginLeft: DAY_COL_W }}\r\n                >\r\n                  {labels.map(({ label, col }) => (\r\n                    <span\r\n                      key={`${label}-${col}`}\r\n                      className=\"absolute text-[11px] select-none text-neutral-500 dark:text-neutral-400\"\r\n                      style={{ left: col * STEP }}\r\n                    >\r\n                      {label}\r\n                    </span>\r\n                  ))}\r\n                </div>\r\n\r\n                <div className=\"flex gap-[3px]\">\r\n                  <div\r\n                    className=\"flex flex-col gap-[3px] pt-px shrink-0\"\r\n                    style={{ width: DAY_COL_W - GAP }}\r\n                  >\r\n                    {Array.from({ length: 7 }).map((_, i) => (\r\n                      <div\r\n                        key={i}\r\n                        className=\"h-[13px] text-[10px] leading-[13px] text-right pr-1.5 select-none text-neutral-500 dark:text-neutral-400\"\r\n                      >\r\n                        {DAY_LABELS[i] ?? \"\"}\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n\r\n                  {grid.map((week, wi) => (\r\n                    <div key={wi} className=\"flex flex-col gap-[3px]\">\r\n                      {week.map((day, di) => (\r\n                        <div\r\n                          key={di}\r\n                          className=\"w-[13px] h-[13px] rounded-[3px] transition-transform duration-100 hover:scale-125\"\r\n                          style={{\r\n                            backgroundColor: day\r\n                              ? colors[day.level]\r\n                              : \"transparent\",\r\n                            cursor: day ? \"pointer\" : \"default\",\r\n                            outline:\r\n                              bestDay && day?.date === bestDay.date\r\n                                ? `2px solid ${outlineColor}`\r\n                                : \"none\",\r\n                            outlineOffset: \"1px\",\r\n                          }}\r\n                          onMouseEnter={(e) => {\r\n                            if (!day) return;\r\n\r\n                            const r = e.currentTarget.getBoundingClientRect();\r\n\r\n                            setTip({\r\n                              day,\r\n                              x: r.left + r.width / 2,\r\n                              y: r.top,\r\n                            });\r\n                          }}\r\n                          onMouseLeave={() => setTip(null)}\r\n                        />\r\n                      ))}\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"flex items-center justify-start gap-1 mt-3\">\r\n              <span className=\"text-[11px] text-neutral-500 dark:text-neutral-400 mr-1\">\r\n                Less\r\n              </span>\r\n\r\n              {colors.map((c, i) => (\r\n                <div\r\n                  key={i}\r\n                  className=\"w-[13px] h-[13px] rounded-[3px]\"\r\n                  style={{ backgroundColor: c }}\r\n                />\r\n              ))}\r\n\r\n              <span className=\"text-[11px] text-neutral-500 dark:text-neutral-400 ml-1\">\r\n                More\r\n              </span>\r\n            </div>\r\n\r\n            <div className=\"flex flex-wrap items-center gap-1.5 mt-4 pt-3 border-t border-neutral-100 dark:border-neutral-800\">\r\n              <span className=\"text-[11px] text-neutral-400 mr-1\">Year:</span>\r\n\r\n              <YearPill\r\n                label=\"Last year\"\r\n                active={selectedYear === \"last\"}\r\n                onClick={() => setSelectedYear(\"last\")}\r\n              />\r\n\r\n              {years.map((y) => (\r\n                <YearPill\r\n                  key={y}\r\n                  label={String(y)}\r\n                  active={selectedYear === y}\r\n                  onClick={() => setSelectedYear(y)}\r\n                />\r\n              ))}\r\n            </div>\r\n          </>\r\n        )}\r\n      </div>\r\n\r\n      {tip && <Tooltip day={tip.day} x={tip.x} y={tip.y} />}\r\n    </section>\r\n  );\r\n}\r\n\r\nexport default memo(GithubActivity);\r\n"],"mappings":"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","names":["_"]}

package/dist/index.mjs

@@ -0,0 +1,356 @@
+// src/GithubActivity.tsx
+import { memo, useEffect, useState, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var MONTHS = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+var DAY_LABELS = { 1: "Mon", 3: "Wed", 5: "Fri" };
+var CELL = 13;
+var GAP = 3;
+var STEP = CELL + GAP;
+var DAY_COL_W = 30;
+var LIGHT = ["#ebedf0", "#9be9a8", "#40c463", "#30a14e", "#216e39"];
+var DARK = ["#21262d", "#0e4429", "#006d32", "#26a641", "#39d353"];
+var BLUE = ["#21262d", "#a3c9ff", "#5fa3ff", "#2f7bff", "#0b5cff"];
+var PURPLE = ["#21262d", "#d8b4ff", "#c084fc", "#a855f7", "#7e22ce"];
+var COLOR_MAP = {
+  light: LIGHT,
+  dark: DARK,
+  blue: BLUE,
+  purple: PURPLE
+};
+function toLevel(count) {
+  if (count === 0) return 0;
+  if (count <= 3) return 1;
+  if (count <= 6) return 2;
+  if (count <= 9) return 3;
+  return 4;
+}
+function buildGrid(dayMap, year) {
+  let start;
+  let end;
+  if (year === "last") {
+    end = /* @__PURE__ */ new Date();
+    start = new Date(end);
+    start.setFullYear(start.getFullYear() - 1);
+    start.setDate(start.getDate() + 1);
+  } else {
+    start = new Date(year, 0, 1);
+    end = year === (/* @__PURE__ */ new Date()).getFullYear() ? /* @__PURE__ */ new Date() : new Date(year, 11, 31);
+  }
+  start.setDate(start.getDate() - start.getDay());
+  const weeks = [];
+  const cur = new Date(start);
+  while (cur <= end) {
+    const week = [];
+    for (let d = 0; d < 7; d++) {
+      const iso = cur.toISOString().slice(0, 10);
+      if (cur > end) {
+        week.push(null);
+      } else {
+        week.push(
+          dayMap.get(iso) ?? {
+            date: iso,
+            count: 0,
+            level: 0
+          }
+        );
+      }
+      cur.setDate(cur.getDate() + 1);
+    }
+    weeks.push(week);
+  }
+  return weeks;
+}
+function monthLabels(grid) {
+  const out = [];
+  let last = -1;
+  grid.forEach((week, i) => {
+    const first = week.find(Boolean);
+    if (!first) return;
+    const m = new Date(first.date).getMonth();
+    if (m !== last) {
+      out.push({ label: MONTHS[m], col: i });
+      last = m;
+    }
+  });
+  return out;
+}
+function Tooltip({ day, x, y }) {
+  const label = new Date(day.date).toLocaleDateString("en-US", {
+    weekday: "long",
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "fixed z-50 pointer-events-none -translate-x-1/2 -translate-y-full px-2.5 py-1.5 rounded-md text-xs font-mono whitespace-nowrap shadow-xl bg-neutral-900 text-white dark:bg-white dark:text-neutral-900",
+      style: { left: x, top: y - 8 },
+      children: [
+        /* @__PURE__ */ jsxs("b", { children: [
+          day.count,
+          " contribution",
+          day.count !== 1 ? "s" : ""
+        ] }),
+        " ",
+        "\xB7 ",
+        label
+      ]
+    }
+  );
+}
+function Skeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "flex gap-[3px] animate-pulse opacity-40", children: Array.from({ length: 53 }).map((_, w) => /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[3px]", children: Array.from({ length: 7 }).map((_2, d) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "w-[13px] h-[13px] rounded-[3px] bg-neutral-300 dark:bg-neutral-700"
+    },
+    d
+  )) }, w)) });
+}
+function YearPill({
+  label,
+  active,
+  onClick
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick,
+      className: [
+        "px-2.5 py-0.5 rounded-full text-[11px] font-medium transition-colors duration-150",
+        active ? "bg-neutral-900 text-white dark:bg-white dark:text-neutral-900" : "bg-neutral-100 text-neutral-600 hover:bg-neutral-200 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700"
+      ].join(" "),
+      children: label
+    }
+  );
+}
+function GithubActivity({ username, theme = "dark", className }) {
+  const [allDays, setAllDays] = useState(/* @__PURE__ */ new Map());
+  const [years, setYears] = useState([]);
+  const [selectedYear, setSelectedYear] = useState("last");
+  const [total, setTotal] = useState(null);
+  const [bestDay, setBestDay] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(false);
+  const [tip, setTip] = useState(
+    null
+  );
+  const colors = COLOR_MAP[theme] ?? COLOR_MAP.dark;
+  useEffect(() => {
+    if (!username) return;
+    let mounted = true;
+    setLoading(true);
+    setError(false);
+    (async () => {
+      try {
+        const res = await fetch(
+          `https://github-contributions-api.jogruber.de/v4/${username}?y=all`
+        );
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        const json = await res.json();
+        const raw = json.contributions ?? [];
+        if (!raw.length) throw new Error("empty data");
+        const map = /* @__PURE__ */ new Map();
+        const yearSet = /* @__PURE__ */ new Set();
+        raw.forEach((c) => {
+          map.set(c.date, {
+            date: c.date,
+            count: c.count,
+            level: toLevel(c.count)
+          });
+          yearSet.add(new Date(c.date).getFullYear());
+        });
+        if (mounted) {
+          setAllDays(map);
+          setYears(Array.from(yearSet).sort((a, b) => b - a));
+          setLoading(false);
+        }
+      } catch (err) {
+        console.warn("GithubActivity fetch error:", err);
+        if (mounted) {
+          setError(true);
+          setLoading(false);
+        }
+      }
+    })();
+    return () => {
+      mounted = false;
+    };
+  }, [username]);
+  useEffect(() => {
+    if (!allDays.size) return;
+    const entries = Array.from(allDays.values()).filter((d) => {
+      if (selectedYear === "last") {
+        const oneYearAgo = /* @__PURE__ */ new Date();
+        oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);
+        return new Date(d.date) >= oneYearAgo;
+      }
+      return new Date(d.date).getFullYear() === selectedYear;
+    });
+    const sum = entries.reduce((s, d) => s + d.count, 0);
+    const best = entries.reduce(
+      (b, d) => !b || d.count > b.count ? d : b,
+      null
+    );
+    setTotal(sum);
+    setBestDay(best && best.count > 0 ? best : null);
+  }, [allDays, selectedYear]);
+  const grid = useMemo(
+    () => allDays.size ? buildGrid(allDays, selectedYear) : [],
+    [allDays, selectedYear]
+  );
+  const labels = useMemo(() => monthLabels(grid), [grid]);
+  const outlineColor = theme === "light" ? "#333" : "#f0f0f0";
+  const bestDateLabel = bestDay ? new Date(bestDay.date).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }) : null;
+  const periodLabel = selectedYear === "last" ? " in the last year" : ` in ${selectedYear}`;
+  return /* @__PURE__ */ jsxs("section", { className: ["w-full font-mono", className].join(" ").trim(), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-1 mb-4 text-xs text-neutral-500 dark:text-neutral-400", children: [
+      loading ? "Loading\u2026" : error ? "Unavailable" : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "font-semibold text-neutral-700 dark:text-neutral-200", children: total?.toLocaleString() }),
+        " contributions",
+        periodLabel
+      ] }),
+      bestDay && !loading && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "inline-block w-[10px] h-[10px] rounded-[2px]",
+            style: { backgroundColor: colors[4] }
+          }
+        ),
+        "Best day:",
+        /* @__PURE__ */ jsxs("span", { className: "font-semibold text-neutral-700 dark:text-neutral-200", children: [
+          bestDay.count,
+          " contributions"
+        ] }),
+        "on ",
+        bestDateLabel
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "border border-neutral-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-neutral-950", children: error ? /* @__PURE__ */ jsx("p", { className: "text-sm italic text-neutral-400", children: "GitHub activity unavailable." }) : loading ? /* @__PURE__ */ jsx(Skeleton, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "overflow-x-auto overflow-y-visible pb-1", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "relative",
+          style: {
+            minWidth: grid.length * STEP + DAY_COL_W + 8
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "relative h-[18px] mb-1",
+                style: { marginLeft: DAY_COL_W },
+                children: labels.map(({ label, col }) => /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "absolute text-[11px] select-none text-neutral-500 dark:text-neutral-400",
+                    style: { left: col * STEP },
+                    children: label
+                  },
+                  `${label}-${col}`
+                ))
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-[3px]", children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "flex flex-col gap-[3px] pt-px shrink-0",
+                  style: { width: DAY_COL_W - GAP },
+                  children: Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "h-[13px] text-[10px] leading-[13px] text-right pr-1.5 select-none text-neutral-500 dark:text-neutral-400",
+                      children: DAY_LABELS[i] ?? ""
+                    },
+                    i
+                  ))
+                }
+              ),
+              grid.map((week, wi) => /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[3px]", children: week.map((day, di) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "w-[13px] h-[13px] rounded-[3px] transition-transform duration-100 hover:scale-125",
+                  style: {
+                    backgroundColor: day ? colors[day.level] : "transparent",
+                    cursor: day ? "pointer" : "default",
+                    outline: bestDay && day?.date === bestDay.date ? `2px solid ${outlineColor}` : "none",
+                    outlineOffset: "1px"
+                  },
+                  onMouseEnter: (e) => {
+                    if (!day) return;
+                    const r = e.currentTarget.getBoundingClientRect();
+                    setTip({
+                      day,
+                      x: r.left + r.width / 2,
+                      y: r.top
+                    });
+                  },
+                  onMouseLeave: () => setTip(null)
+                },
+                di
+              )) }, wi))
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start gap-1 mt-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] text-neutral-500 dark:text-neutral-400 mr-1", children: "Less" }),
+        colors.map((c, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "w-[13px] h-[13px] rounded-[3px]",
+            style: { backgroundColor: c }
+          },
+          i
+        )),
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] text-neutral-500 dark:text-neutral-400 ml-1", children: "More" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5 mt-4 pt-3 border-t border-neutral-100 dark:border-neutral-800", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] text-neutral-400 mr-1", children: "Year:" }),
+        /* @__PURE__ */ jsx(
+          YearPill,
+          {
+            label: "Last year",
+            active: selectedYear === "last",
+            onClick: () => setSelectedYear("last")
+          }
+        ),
+        years.map((y) => /* @__PURE__ */ jsx(
+          YearPill,
+          {
+            label: String(y),
+            active: selectedYear === y,
+            onClick: () => setSelectedYear(y)
+          },
+          y
+        ))
+      ] })
+    ] }) }),
+    tip && /* @__PURE__ */ jsx(Tooltip, { day: tip.day, x: tip.x, y: tip.y })
+  ] });
+}
+var GithubActivity_default = memo(GithubActivity);
+export {
+  GithubActivity_default as GithubActivity
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/GithubActivity.tsx"],"sourcesContent":["import { memo, useEffect, useState, useMemo } from \"react\";\r\n\r\ntype Theme = \"light\" | \"dark\" | \"blue\" | \"purple\";\r\n\r\ninterface Day {\r\n  date: string;\r\n  count: number;\r\n  level: 0 | 1 | 2 | 3 | 4;\r\n}\r\n\r\ninterface Props {\r\n  username: string;\r\n  theme?: Theme;\r\n  className?: string;\r\n}\r\n\r\n/* ---------- Constants ---------- */\r\n\r\nconst MONTHS = [\r\n  \"Jan\",\r\n  \"Feb\",\r\n  \"Mar\",\r\n  \"Apr\",\r\n  \"May\",\r\n  \"Jun\",\r\n  \"Jul\",\r\n  \"Aug\",\r\n  \"Sep\",\r\n  \"Oct\",\r\n  \"Nov\",\r\n  \"Dec\",\r\n];\r\nconst DAY_LABELS: Record<number, string> = { 1: \"Mon\", 3: \"Wed\", 5: \"Fri\" };\r\n\r\nconst CELL = 13;\r\nconst GAP = 3;\r\nconst STEP = CELL + GAP;\r\nconst DAY_COL_W = 30;\r\n\r\n/* ---------- Color Themes ---------- */\r\n\r\nconst LIGHT = [\"#ebedf0\", \"#9be9a8\", \"#40c463\", \"#30a14e\", \"#216e39\"];\r\nconst DARK = [\"#21262d\", \"#0e4429\", \"#006d32\", \"#26a641\", \"#39d353\"];\r\nconst BLUE = [\"#21262d\", \"#a3c9ff\", \"#5fa3ff\", \"#2f7bff\", \"#0b5cff\"];\r\nconst PURPLE = [\"#21262d\", \"#d8b4ff\", \"#c084fc\", \"#a855f7\", \"#7e22ce\"];\r\n\r\nconst COLOR_MAP: Record<Theme, string[]> = {\r\n  light: LIGHT,\r\n  dark: DARK,\r\n  blue: BLUE,\r\n  purple: PURPLE,\r\n};\r\n\r\n/* ---------- Utilities ---------- */\r\n\r\nfunction toLevel(count: number): 0 | 1 | 2 | 3 | 4 {\r\n  if (count === 0) return 0;\r\n  if (count <= 3) return 1;\r\n  if (count <= 6) return 2;\r\n  if (count <= 9) return 3;\r\n  return 4;\r\n}\r\n\r\nfunction buildGrid(\r\n  dayMap: Map<string, Day>,\r\n  year: number | \"last\",\r\n): (Day | null)[][] {\r\n  let start: Date;\r\n  let end: Date;\r\n\r\n  if (year === \"last\") {\r\n    end = new Date();\r\n    start = new Date(end);\r\n    start.setFullYear(start.getFullYear() - 1);\r\n    start.setDate(start.getDate() + 1);\r\n  } else {\r\n    start = new Date(year, 0, 1);\r\n    end =\r\n      year === new Date().getFullYear() ? new Date() : new Date(year, 11, 31);\r\n  }\r\n\r\n  start.setDate(start.getDate() - start.getDay());\r\n\r\n  const weeks: (Day | null)[][] = [];\r\n  const cur = new Date(start);\r\n\r\n  while (cur <= end) {\r\n    const week: (Day | null)[] = [];\r\n\r\n    for (let d = 0; d < 7; d++) {\r\n      const iso = cur.toISOString().slice(0, 10);\r\n\r\n      if (cur > end) {\r\n        week.push(null);\r\n      } else {\r\n        week.push(\r\n          dayMap.get(iso) ?? {\r\n            date: iso,\r\n            count: 0,\r\n            level: 0,\r\n          },\r\n        );\r\n      }\r\n\r\n      cur.setDate(cur.getDate() + 1);\r\n    }\r\n\r\n    weeks.push(week);\r\n  }\r\n\r\n  return weeks;\r\n}\r\n\r\nfunction monthLabels(grid: (Day | null)[][]) {\r\n  const out: { label: string; col: number }[] = [];\r\n  let last = -1;\r\n\r\n  grid.forEach((week, i) => {\r\n    const first = week.find(Boolean);\r\n    if (!first) return;\r\n\r\n    const m = new Date(first.date).getMonth();\r\n\r\n    if (m !== last) {\r\n      out.push({ label: MONTHS[m], col: i });\r\n      last = m;\r\n    }\r\n  });\r\n\r\n  return out;\r\n}\r\n\r\n/* ---------- UI Components ---------- */\r\n\r\nfunction Tooltip({ day, x, y }: { day: Day; x: number; y: number }) {\r\n  const label = new Date(day.date).toLocaleDateString(\"en-US\", {\r\n    weekday: \"long\",\r\n    year: \"numeric\",\r\n    month: \"long\",\r\n    day: \"numeric\",\r\n  });\r\n\r\n  return (\r\n    <div\r\n      className=\"fixed z-50 pointer-events-none -translate-x-1/2 -translate-y-full px-2.5 py-1.5 rounded-md text-xs font-mono whitespace-nowrap shadow-xl bg-neutral-900 text-white dark:bg-white dark:text-neutral-900\"\r\n      style={{ left: x, top: y - 8 }}\r\n    >\r\n      <b>\r\n        {day.count} contribution{day.count !== 1 ? \"s\" : \"\"}\r\n      </b>{\" \"}\r\n      · {label}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction Skeleton() {\r\n  return (\r\n    <div className=\"flex gap-[3px] animate-pulse opacity-40\">\r\n      {Array.from({ length: 53 }).map((_, w) => (\r\n        <div key={w} className=\"flex flex-col gap-[3px]\">\r\n          {Array.from({ length: 7 }).map((_, d) => (\r\n            <div\r\n              key={d}\r\n              className=\"w-[13px] h-[13px] rounded-[3px] bg-neutral-300 dark:bg-neutral-700\"\r\n            />\r\n          ))}\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction YearPill({\r\n  label,\r\n  active,\r\n  onClick,\r\n}: {\r\n  label: string;\r\n  active: boolean;\r\n  onClick: () => void;\r\n}) {\r\n  return (\r\n    <button\r\n      onClick={onClick}\r\n      className={[\r\n        \"px-2.5 py-0.5 rounded-full text-[11px] font-medium transition-colors duration-150\",\r\n        active\r\n          ? \"bg-neutral-900 text-white dark:bg-white dark:text-neutral-900\"\r\n          : \"bg-neutral-100 text-neutral-600 hover:bg-neutral-200 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700\",\r\n      ].join(\" \")}\r\n    >\r\n      {label}\r\n    </button>\r\n  );\r\n}\r\n\r\n/* ---------- Main Component ---------- */\r\n\r\nfunction GithubActivity({ username, theme = \"dark\", className }: Props) {\r\n  const [allDays, setAllDays] = useState<Map<string, Day>>(new Map());\r\n  const [years, setYears] = useState<number[]>([]);\r\n  const [selectedYear, setSelectedYear] = useState<number | \"last\">(\"last\");\r\n  const [total, setTotal] = useState<number | null>(null);\r\n  const [bestDay, setBestDay] = useState<Day | null>(null);\r\n  const [loading, setLoading] = useState(true);\r\n  const [error, setError] = useState(false);\r\n  const [tip, setTip] = useState<{ day: Day; x: number; y: number } | null>(\r\n    null,\r\n  );\r\n\r\n  const colors = COLOR_MAP[theme] ?? COLOR_MAP.dark;\r\n\r\n  /* Fetch Contributions */\r\n\r\n  useEffect(() => {\r\n    if (!username) return;\r\n\r\n    let mounted = true;\r\n    setLoading(true);\r\n    setError(false);\r\n\r\n    (async () => {\r\n      try {\r\n        const res = await fetch(\r\n          `https://github-contributions-api.jogruber.de/v4/${username}?y=all`,\r\n        );\r\n\r\n        if (!res.ok) throw new Error(`HTTP ${res.status}`);\r\n\r\n        const json = await res.json();\r\n        const raw: { date: string; count: number }[] = json.contributions ?? [];\r\n\r\n        if (!raw.length) throw new Error(\"empty data\");\r\n\r\n        const map = new Map<string, Day>();\r\n        const yearSet = new Set<number>();\r\n\r\n        raw.forEach((c) => {\r\n          map.set(c.date, {\r\n            date: c.date,\r\n            count: c.count,\r\n            level: toLevel(c.count),\r\n          });\r\n\r\n          yearSet.add(new Date(c.date).getFullYear());\r\n        });\r\n\r\n        if (mounted) {\r\n          setAllDays(map);\r\n          setYears(Array.from(yearSet).sort((a, b) => b - a));\r\n          setLoading(false);\r\n        }\r\n      } catch (err) {\r\n        console.warn(\"GithubActivity fetch error:\", err);\r\n\r\n        if (mounted) {\r\n          setError(true);\r\n          setLoading(false);\r\n        }\r\n      }\r\n    })();\r\n\r\n    return () => {\r\n      mounted = false;\r\n    };\r\n  }, [username]);\r\n\r\n  /* Stats Calculation */\r\n\r\n  useEffect(() => {\r\n    if (!allDays.size) return;\r\n\r\n    const entries = Array.from(allDays.values()).filter((d) => {\r\n      if (selectedYear === \"last\") {\r\n        const oneYearAgo = new Date();\r\n        oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);\r\n        return new Date(d.date) >= oneYearAgo;\r\n      }\r\n\r\n      return new Date(d.date).getFullYear() === selectedYear;\r\n    });\r\n\r\n    const sum = entries.reduce((s, d) => s + d.count, 0);\r\n\r\n    const best = entries.reduce<Day | null>(\r\n      (b, d) => (!b || d.count > b.count ? d : b),\r\n      null,\r\n    );\r\n\r\n    setTotal(sum);\r\n    setBestDay(best && best.count > 0 ? best : null);\r\n  }, [allDays, selectedYear]);\r\n\r\n  /* Rendering Helpers */\r\n\r\n  const grid = useMemo(\r\n    () => (allDays.size ? buildGrid(allDays, selectedYear) : []),\r\n    [allDays, selectedYear],\r\n  );\r\n\r\n  const labels = useMemo(() => monthLabels(grid), [grid]);\r\n\r\n  const outlineColor = theme === \"light\" ? \"#333\" : \"#f0f0f0\";\r\n\r\n  const bestDateLabel = bestDay\r\n    ? new Date(bestDay.date).toLocaleDateString(\"en-US\", {\r\n        month: \"short\",\r\n        day: \"numeric\",\r\n        year: \"numeric\",\r\n      })\r\n    : null;\r\n\r\n  const periodLabel =\r\n    selectedYear === \"last\" ? \" in the last year\" : ` in ${selectedYear}`;\r\n\r\n  return (\r\n    <section className={[\"w-full font-mono\", className].join(\" \").trim()}>\r\n      <div className=\"flex flex-wrap items-center gap-x-6 gap-y-1 mb-4 text-xs text-neutral-500 dark:text-neutral-400\">\r\n        {loading ? (\r\n          \"Loading…\"\r\n        ) : error ? (\r\n          \"Unavailable\"\r\n        ) : (\r\n          <>\r\n            <span className=\"font-semibold text-neutral-700 dark:text-neutral-200\">\r\n              {total?.toLocaleString()}\r\n            </span>\r\n            {\" contributions\"}\r\n            {periodLabel}\r\n          </>\r\n        )}\r\n\r\n        {bestDay && !loading && (\r\n          <span className=\"flex items-center gap-1.5\">\r\n            <span\r\n              className=\"inline-block w-[10px] h-[10px] rounded-[2px]\"\r\n              style={{ backgroundColor: colors[4] }}\r\n            />\r\n            Best day:\r\n            <span className=\"font-semibold text-neutral-700 dark:text-neutral-200\">\r\n              {bestDay.count} contributions\r\n            </span>\r\n            on {bestDateLabel}\r\n          </span>\r\n        )}\r\n      </div>\r\n\r\n      <div className=\"border border-neutral-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-neutral-950\">\r\n        {error ? (\r\n          <p className=\"text-sm italic text-neutral-400\">\r\n            GitHub activity unavailable.\r\n          </p>\r\n        ) : loading ? (\r\n          <Skeleton />\r\n        ) : (\r\n          <>\r\n            <div className=\"overflow-x-auto overflow-y-visible pb-1\">\r\n              <div\r\n                className=\"relative\"\r\n                style={{\r\n                  minWidth: grid.length * STEP + DAY_COL_W + 8,\r\n                }}\r\n              >\r\n                <div\r\n                  className=\"relative h-[18px] mb-1\"\r\n                  style={{ marginLeft: DAY_COL_W }}\r\n                >\r\n                  {labels.map(({ label, col }) => (\r\n                    <span\r\n                      key={`${label}-${col}`}\r\n                      className=\"absolute text-[11px] select-none text-neutral-500 dark:text-neutral-400\"\r\n                      style={{ left: col * STEP }}\r\n                    >\r\n                      {label}\r\n                    </span>\r\n                  ))}\r\n                </div>\r\n\r\n                <div className=\"flex gap-[3px]\">\r\n                  <div\r\n                    className=\"flex flex-col gap-[3px] pt-px shrink-0\"\r\n                    style={{ width: DAY_COL_W - GAP }}\r\n                  >\r\n                    {Array.from({ length: 7 }).map((_, i) => (\r\n                      <div\r\n                        key={i}\r\n                        className=\"h-[13px] text-[10px] leading-[13px] text-right pr-1.5 select-none text-neutral-500 dark:text-neutral-400\"\r\n                      >\r\n                        {DAY_LABELS[i] ?? \"\"}\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n\r\n                  {grid.map((week, wi) => (\r\n                    <div key={wi} className=\"flex flex-col gap-[3px]\">\r\n                      {week.map((day, di) => (\r\n                        <div\r\n                          key={di}\r\n                          className=\"w-[13px] h-[13px] rounded-[3px] transition-transform duration-100 hover:scale-125\"\r\n                          style={{\r\n                            backgroundColor: day\r\n                              ? colors[day.level]\r\n                              : \"transparent\",\r\n                            cursor: day ? \"pointer\" : \"default\",\r\n                            outline:\r\n                              bestDay && day?.date === bestDay.date\r\n                                ? `2px solid ${outlineColor}`\r\n                                : \"none\",\r\n                            outlineOffset: \"1px\",\r\n                          }}\r\n                          onMouseEnter={(e) => {\r\n                            if (!day) return;\r\n\r\n                            const r = e.currentTarget.getBoundingClientRect();\r\n\r\n                            setTip({\r\n                              day,\r\n                              x: r.left + r.width / 2,\r\n                              y: r.top,\r\n                            });\r\n                          }}\r\n                          onMouseLeave={() => setTip(null)}\r\n                        />\r\n                      ))}\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"flex items-center justify-start gap-1 mt-3\">\r\n              <span className=\"text-[11px] text-neutral-500 dark:text-neutral-400 mr-1\">\r\n                Less\r\n              </span>\r\n\r\n              {colors.map((c, i) => (\r\n                <div\r\n                  key={i}\r\n                  className=\"w-[13px] h-[13px] rounded-[3px]\"\r\n                  style={{ backgroundColor: c }}\r\n                />\r\n              ))}\r\n\r\n              <span className=\"text-[11px] text-neutral-500 dark:text-neutral-400 ml-1\">\r\n                More\r\n              </span>\r\n            </div>\r\n\r\n            <div className=\"flex flex-wrap items-center gap-1.5 mt-4 pt-3 border-t border-neutral-100 dark:border-neutral-800\">\r\n              <span className=\"text-[11px] text-neutral-400 mr-1\">Year:</span>\r\n\r\n              <YearPill\r\n                label=\"Last year\"\r\n                active={selectedYear === \"last\"}\r\n                onClick={() => setSelectedYear(\"last\")}\r\n              />\r\n\r\n              {years.map((y) => (\r\n                <YearPill\r\n                  key={y}\r\n                  label={String(y)}\r\n                  active={selectedYear === y}\r\n                  onClick={() => setSelectedYear(y)}\r\n                />\r\n              ))}\r\n            </div>\r\n          </>\r\n        )}\r\n      </div>\r\n\r\n      {tip && <Tooltip day={tip.day} x={tip.x} y={tip.y} />}\r\n    </section>\r\n  );\r\n}\r\n\r\nexport default memo(GithubActivity);\r\n"],"mappings":"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","names":["_"]}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "github-contributions-ui",
+  "version": "1.0.0",
+  "description": "GitHub contributions graph React component",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsup",
+    "publish-package": "npm run build && npm publish --access public"
+  },
+  "keywords": ["github", "react", "contributions", "graph", "ui"],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "react": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  }
+}
+