+
+
+
+
+
+ 00 - History
+
+ v1/index.json
+ Dataset growth, synced live
+Counts come from the published static dump, while recent syncs come from repository activity when GitHub is reachable.
+
+
+
+
+ Current snapshot
+ loading
+
+
+
+ Recent syncs
+ -
+
- Loading repository history... +
diff --git a/site/src/scripts/techapi.js b/site/src/scripts/techapi.js
index f1f6af04d90..7f84280c60f 100644
--- a/site/src/scripts/techapi.js
+++ b/site/src/scripts/techapi.js
@@ -3,7 +3,12 @@
const raw = import.meta.env.BASE_URL;
const base = raw.endsWith("/") ? raw : raw + "/";
const absUrl = (path) => new URL(path.replace(/^\//, ""), location.origin + base).href;
-const esc = (s) => String(s).replace(/&/g, "&").replace(//g, ">");
+const esc = (s) => String(s)
+ .replace(/&/g, "&")
+ .replace(//g, ">")
+ .replace(/"/g, """)
+ .replace(/'/g, "'");
/* ---- theme: follow OS preference until the user picks one (persisted) ---- */
const root = document.documentElement;
@@ -180,6 +185,54 @@ function countUp(node, target) {
})(performance.now());
}
+/* ============================================================
+ HISTORY
+ ============================================================ */
+(function history() {
+ const totalEl = document.getElementById("history-total");
+ const countsEl = document.getElementById("history-counts");
+ const listEl = document.getElementById("history-list");
+ if (!totalEl || !countsEl || !listEl) return;
+
+ const order = ["smartphones", "socs", "gpus", "cpus", "brands"];
+ const label = { smartphones: "Phones", socs: "SoCs", gpus: "GPUs", cpus: "CPUs", brands: "Brands" };
+
+ getJSON("v1/index.json").then((manifest) => {
+ const rows = order
+ .map((key) => ({ key, count: manifest.collections?.[key]?.count }))
+ .filter((row) => row.count != null);
+ const total = rows.reduce((sum, row) => sum + row.count, 0);
+ totalEl.textContent = total.toLocaleString() + " records";
+ countsEl.innerHTML = rows.map((row) =>
+ `${esc(message)}${esc(when)} · ${esc(sha)} `;
+ }).join("");
+ })
+ .catch(() => {
+ listEl.innerHTML = 'Current static dump is available; repository history could not be loaded.GitHub API unavailable ';
+ });
+})();
+
/* ============================================================
PLAYGROUND
============================================================ */
diff --git a/site/src/styles/techapi.css b/site/src/styles/techapi.css
index 1e1e1f80988..894e8973aaa 100644
--- a/site/src/styles/techapi.css
+++ b/site/src/styles/techapi.css
@@ -247,6 +247,92 @@ code, .mono { font-family: var(--mono); }
.hero { padding: 56px 0 40px; }
}
+/* ============================================================
+ HISTORY
+ ============================================================ */
+.history {
+ display: grid;
+ grid-template-columns: .9fr 1.1fr;
+ gap: 16px;
+}
+.history-panel {
+ border: 1px solid var(--border);
+ border-radius: 8px;
+ background: var(--surface);
+ padding: 22px;
+}
+.history-label {
+ font-family: var(--mono);
+ font-size: 11px;
+ color: var(--muted);
+ text-transform: uppercase;
+ letter-spacing: .12em;
+}
+.history-total {
+ margin-top: 12px;
+ font-family: var(--mono);
+ font-size: clamp(30px, 4vw, 48px);
+ font-weight: 700;
+ letter-spacing: -.04em;
+ line-height: 1;
+}
+.history-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 8px;
+ margin-top: 22px;
+}
+.history-count {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ padding: 10px 12px;
+ border: 1px solid var(--border);
+ border-radius: var(--radius);
+ background: var(--surface-2);
+ font-family: var(--mono);
+}
+.history-count span { color: var(--muted); font-size: 12px; }
+.history-count b { color: var(--fg); font-size: 13px; }
+.history-list {
+ list-style: none;
+ margin: 18px 0 0;
+ padding: 0;
+ display: grid;
+ gap: 14px;
+}
+.history-list li {
+ display: grid;
+ grid-template-columns: 12px 1fr;
+ gap: 12px;
+ align-items: start;
+}
+.history-dot {
+ width: 8px;
+ height: 8px;
+ margin-top: 7px;
+ border-radius: 50%;
+ background: var(--accent);
+ box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);
+}
+.history-list a {
+ color: var(--fg);
+ font-weight: 600;
+}
+.history-list a:hover { color: var(--accent-text); }
+.history-list small {
+ display: block;
+ margin-top: 2px;
+ font-family: var(--mono);
+ font-size: 11.5px;
+ color: var(--muted);
+}
+@media (max-width: 760px) {
+ .history { grid-template-columns: 1fr; }
+ .history-grid { grid-template-columns: 1fr; }
+}
+
/* ============================================================
SECTION SHELL
============================================================ */
${label[row.key]}${row.count.toLocaleString()}
`
+ ).join("");
+ }).catch(() => {
+ totalEl.textContent = "sync unavailable";
+ countsEl.innerHTML = 'Static dumpoffline
';
+ });
+
+ fetch("https://api.github.com/repos/GetTechAPI/TechAPI/commits?path=site/public/v1&per_page=5")
+ .then((response) => {
+ if (!response.ok) throw new Error(response.statusText);
+ return response.json();
+ })
+ .then((commits) => {
+ const items = Array.isArray(commits) ? commits.slice(0, 4) : [];
+ if (!items.length) throw new Error("empty history");
+ listEl.innerHTML = items.map((item) => {
+ const message = (item.commit?.message || "Dataset sync").split("\n")[0];
+ const date = item.commit?.committer?.date ? new Date(item.commit.committer.date) : null;
+ const when = date ? date.toLocaleDateString(undefined, { month: "short", day: "numeric", year: "numeric" }) : "recent";
+ const sha = String(item.sha || "").slice(0, 7);
+ const url = item.html_url || "https://github.com/GetTechAPI/TechAPI";
+ return `