@wral/hsot-data 0.1.0 → 0.1.1

package/README.md

@@ -17,7 +17,8 @@ exactly one of these elements.
 
 Shared attributes on every component:
 
-- `api` — base URL of api-hsot v1 (e.g. `https://api.highschoolot.com/v1`).
+- `api` — base URL of the api-hsot **public read surface** (tokenless):
+  `https://api.highschoolot.com/hsot/v1/public`.
   Alternatively set the `.client` **property** to any object with the client
   method surface (see `src/lib/client.mjs`) — the demo client, a test double,
   or the future `@wral/sdk-hsot`. The property wins over the attribute.
@@ -61,19 +62,25 @@ npm run build   # dist/index.mjs + dist/define.mjs (lit external)
 The demo harness (`index.html`) runs the components against a seeded
 in-memory client (`src/demo/demo-client.mjs`): a full football season with
 live, overtime, forfeit and postponed games, nine weekly polls, and three
-rosters. **Player names in the demo data are pseudonyms** — real rosters stay
-out of this repo pending the minors-data review. No live api-hsot call is
-made by the harness.
+rosters. **Player names in the demo data are pseudonyms** and stay that way —
+the minors'-names decision (approved 2026-08-19, roster-table fields only)
+covers the live public surface, not this repo's fixtures. No live api-hsot
+call is made by the harness.
 
 ## Consuming
 
 From a page template (the data-page pattern):
 
 ```html
-<script type="module" src="https://d2sxodt54h49c7.cloudfront.net/@wral/hsot-data/v0/define.standalone.js"></script>
-<hsot-standings sport="football" api="https://api.highschoolot.com/v1"></hsot-standings>
+<script type="module" src="https://web-components.cdn.highschoolot.com/hsot-data/latest/define.standalone.js"></script>
+<hsot-standings sport="football" api="https://api.highschoolot.com/hsot/v1/public"></hsot-standings>
 ```
 
+The CDN serves every tagged release at `/hsot-data/vX.Y.Z/` (immutable, 1-year
+TTL) plus rolling aliases `/hsot-data/vX/`, `/hsot-data/vX.Y/` and
+`/hsot-data/latest/` (5-minute TTL). Production pages should pin the major
+alias (`/hsot-data/v0/`) rather than `latest`.
+
 From an app:
 
 ```js

package/dist/define.mjs

@@ -1,4 +1,4 @@
-import { H as e, b as n, a as c, d as i, c as a } from "./hsot-boxscore-BYV62gYv.js";
+import { H as e, b as n, a as c, d as i, c as a } from "./hsot-boxscore-D-tEuTZe.js";
 const r = {
   "hsot-scores": a,
   "hsot-standings": i,

package/dist/define.standalone.js

@@ -601,7 +601,7 @@ class b extends R {
     this._refreshId && (clearInterval(this._refreshId), this._refreshId = null);
   }
   render() {
-    return this.error === "not-configured" ? d`<div class="error">This component needs an <code>api</code> attribute (the api-hsot v1 base URL) or an injected client.</div>` : this.error ? d`<div class="error">Unable to load right now. <button class="chip" @click=${() => this.load()}>Retry</button></div>` : this.data ? this.renderView() : d`<div class="loading" role="status">Loading…</div>`;
+    return this.error === "not-configured" ? d`<div class="error">This component needs an <code>api</code> attribute (the api-hsot public read-surface base URL) or an injected client.</div>` : this.error ? d`<div class="error">Unable to load right now. <button class="chip" @click=${() => this.load()}>Retry</button></div>` : this.data ? this.renderView() : d`<div class="loading" role="status">Loading…</div>`;
   }
   renderView() {
     return d``;
@@ -642,24 +642,24 @@ const g = (r) => Object.fromEntries((r || []).map((t) => [t.id, t])), ge = w`
 	}
 	.mut { color: var(--hsot-gray-5); }
 `, $e = w`
-	.band { background: var(--hsot-black); color: var(--hsot-white); }
+	.band { background: var(--hsot-white); color: var(--hsot-black); }
 	.band .inner { max-width: 1366px; margin: 0 auto; padding: 1.1rem 1.25rem 0; }
 	.band h1, .band h2.bandtitle {
 		margin: 0; font-family: var(--hsot-heading-font); font-size: 2.4rem; font-weight: 500;
-		letter-spacing: -0.035em; line-height: 1.1; text-transform: capitalize; color: var(--hsot-white);
+		letter-spacing: -0.035em; line-height: 1.1; text-transform: capitalize; color: var(--hsot-black);
 	}
-	.band .sub { margin: 0.25rem 0 0.9rem; color: rgba(255,255,255,0.75); font-size: 0.95rem; }
+	.band .sub { margin: 0.25rem 0 0.9rem; color: var(--hsot-gray-5); font-size: 0.95rem; }
 	.band nav.tabs {
-		display: flex; gap: 1rem; border-top: 1px solid rgba(255,255,255,0.2);
+		display: flex; gap: 1rem; border-top: 1px solid var(--hsot-gray-2);
 		max-width: 1366px; margin: 0 auto; padding: 0 1.25rem; overflow-x: auto;
 	}
 	.band nav.tabs a, .band nav.tabs span {
 		font-family: var(--hsot-heading-font); font-weight: 500; font-size: 0.875rem;
-		text-transform: uppercase; text-decoration: none; color: var(--hsot-white);
+		text-transform: uppercase; text-decoration: none; color: var(--hsot-black);
 		padding: 0.55rem 0.15rem; white-space: nowrap; border-bottom: 3px solid transparent;
 	}
 	.band nav.tabs a.on { border-bottom-color: var(--hsot-red); }
-	.band nav.tabs span.off { color: rgba(255,255,255,0.45); cursor: not-allowed; }
+	.band nav.tabs span.off { color: var(--hsot-gray-4); cursor: not-allowed; }
 	@media (max-width: 720px) { .band h1, .band h2.bandtitle { font-size: 1.8rem; } }
 `, ve = w`
 	.view { max-width: 1366px; margin: 0 auto; padding: 1.25rem; box-sizing: border-box; }
@@ -1386,7 +1386,9 @@ class Gt extends b {
       t.listConferences(),
       i ? t.listRankings({ sport: i.sport }) : Promise.resolve({ items: [] }),
       i ? t.listRosters({ teamId: i.id }) : Promise.resolve({ items: [] }),
-      i ? t.listPlayers() : Promise.resolve({ items: [] })
+      // teamId is the public surface's one players filter (roster
+      // membership) — never fetch the whole collection.
+      i ? t.listPlayers({ teamId: i.id }) : Promise.resolve({ items: [] })
     ]);
     return {
       season: e,

package/dist/{hsot-boxscore-BYV62gYv.js → hsot-boxscore-D-tEuTZe.js}

@@ -101,7 +101,7 @@ class y extends J {
     this._refreshId && (clearInterval(this._refreshId), this._refreshId = null);
   }
   render() {
-    return this.error === "not-configured" ? l`<div class="error">This component needs an <code>api</code> attribute (the api-hsot v1 base URL) or an injected client.</div>` : this.error ? l`<div class="error">Unable to load right now. <button class="chip" @click=${() => this.load()}>Retry</button></div>` : this.data ? this.renderView() : l`<div class="loading" role="status">Loading…</div>`;
+    return this.error === "not-configured" ? l`<div class="error">This component needs an <code>api</code> attribute (the api-hsot public read-surface base URL) or an injected client.</div>` : this.error ? l`<div class="error">Unable to load right now. <button class="chip" @click=${() => this.load()}>Retry</button></div>` : this.data ? this.renderView() : l`<div class="loading" role="status">Loading…</div>`;
   }
   renderView() {
     return l``;
@@ -142,24 +142,24 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), se = b`
 	}
 	.mut { color: var(--hsot-gray-5); }
 `, ae = b`
-	.band { background: var(--hsot-black); color: var(--hsot-white); }
+	.band { background: var(--hsot-white); color: var(--hsot-black); }
 	.band .inner { max-width: 1366px; margin: 0 auto; padding: 1.1rem 1.25rem 0; }
 	.band h1, .band h2.bandtitle {
 		margin: 0; font-family: var(--hsot-heading-font); font-size: 2.4rem; font-weight: 500;
-		letter-spacing: -0.035em; line-height: 1.1; text-transform: capitalize; color: var(--hsot-white);
+		letter-spacing: -0.035em; line-height: 1.1; text-transform: capitalize; color: var(--hsot-black);
 	}
-	.band .sub { margin: 0.25rem 0 0.9rem; color: rgba(255,255,255,0.75); font-size: 0.95rem; }
+	.band .sub { margin: 0.25rem 0 0.9rem; color: var(--hsot-gray-5); font-size: 0.95rem; }
 	.band nav.tabs {
-		display: flex; gap: 1rem; border-top: 1px solid rgba(255,255,255,0.2);
+		display: flex; gap: 1rem; border-top: 1px solid var(--hsot-gray-2);
 		max-width: 1366px; margin: 0 auto; padding: 0 1.25rem; overflow-x: auto;
 	}
 	.band nav.tabs a, .band nav.tabs span {
 		font-family: var(--hsot-heading-font); font-weight: 500; font-size: 0.875rem;
-		text-transform: uppercase; text-decoration: none; color: var(--hsot-white);
+		text-transform: uppercase; text-decoration: none; color: var(--hsot-black);
 		padding: 0.55rem 0.15rem; white-space: nowrap; border-bottom: 3px solid transparent;
 	}
 	.band nav.tabs a.on { border-bottom-color: var(--hsot-red); }
-	.band nav.tabs span.off { color: rgba(255,255,255,0.45); cursor: not-allowed; }
+	.band nav.tabs span.off { color: var(--hsot-gray-4); cursor: not-allowed; }
 	@media (max-width: 720px) { .band h1, .band h2.bandtitle { font-size: 1.8rem; } }
 `, re = b`
 	.view { max-width: 1366px; margin: 0 auto; padding: 1.25rem; box-sizing: border-box; }
@@ -892,7 +892,9 @@ class $e extends y {
       e.listConferences(),
       n ? e.listRankings({ sport: n.sport }) : Promise.resolve({ items: [] }),
       n ? e.listRosters({ teamId: n.id }) : Promise.resolve({ items: [] }),
-      n ? e.listPlayers() : Promise.resolve({ items: [] })
+      // teamId is the public surface's one players filter (roster
+      // membership) — never fetch the whole collection.
+      n ? e.listPlayers({ teamId: n.id }) : Promise.resolve({ items: [] })
     ]);
     return {
       season: t,

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { D as o, H as e, a as t, b as r, c as n, d as l, e as c, f as i, g as H, h as g, p as d, r as m, i as R, s as S, j as f, t as p } from "./hsot-boxscore-BYV62gYv.js";
+import { D as o, H as e, a as t, b as r, c as n, d as l, e as c, f as i, g as H, h as g, p as d, r as m, i as R, s as S, j as f, t as p } from "./hsot-boxscore-D-tEuTZe.js";
 export {
   o as DEFAULT_HREFS,
   e as HsotBoxscore,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wral/hsot-data",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "description": "Lit web components for the HighSchoolOT public data pages: scores/schedules, standings, rankings, school pages, and box scores, rendered from api-hsot v1 read payloads.",
   "author": "WRAL Digital",