Fix WisdomTree browser startup (#3)

* Fix WisdomTree browser script startup

* Add inline browser script validation

---------

Co-authored-by: daggerok <daggerok@users.noreply.github.com>

Author: daggerok

.github/workflows/update-data.yml

@@ -175,6 +175,9 @@ jobs:
         with:
           bun-version: latest
 
+      - name: Validate inline browser script
+        run: bun ./scripts/check-index.ts
+
       - name: Run updater unit tests
         run: bun test scripts/update-data.test.ts
 

README.md

@@ -117,6 +117,7 @@ The header toolbar includes the same integrated drag-and-drop upload as `daggero
 
 - `scripts/update-data.ts` — Bun updater with no runtime dependencies: WisdomTree catalog parser, SEC fund/series resolver, raw N-PORT XML parser, issuer fallback, Yahoo chart reader, derived metrics, strict range parsers, bounded-run cursor, retries and deterministic paginated writes.
 - `scripts/update-data.test.ts` — Bun tests for range/AUM parsing, catalog parsing and $(000) conversion, SEC mapping and raw N-PORT parsing, Atom resolution, Yahoo chart/return helpers and distribution-frequency inference.
+- `scripts/check-index.ts` — Bun transpile check for the inline browser TypeScript, preventing a syntax error from leaving the published catalog on its loading screen.
 - `api/wisdomtree/**` — generated static feed: `index.json`, `funds/{TICKER}/meta.json`, paginated `holdings/` and `history/` files, and `update-state.json`.
 - `index.html` — single-file TypeScript UI with inline styles and scripts, matching the sibling repositories' searchable catalog, persistent selection/blacklist, watchlist aggregation, detail tabs, exports and N-PORT upload workflow.
 - Verification before publishing: `bun test scripts/update-data.test.ts`, `bunx tsc --noEmit`, and a static-server smoke test.

index.html

@@ -366,11 +366,11 @@ <h1 class="min-w-0 text-xl font-bold tracking-tight text-slate-900 dark:text-whi
       'CAGR 5Y': 'CAGR 5Y (5-Year Compound Annual Growth Rate) — Annualized market-price return over 5 years, computed from adjusted closes.',
       'CAGR 10Y': 'CAGR 10Y (10-Year Compound Annual Growth Rate) — Annualized market-price return over 10 years, computed from adjusted closes.',
       YTD: 'YTD market-price total return, last trading day (adjusted closes).',
-      '1Y': '1-year official WisdomTree Market Price Return where published, otherwise adjusted market-price return, month-end series.'
-      '3Y': '3-year average annual market-price return (CAGR), official WisdomTree Market Price Return where published, otherwise Yahoo adjusted close.'
-      '5Y': '5-year average annual market-price return (CAGR), official WisdomTree Market Price Return where published, otherwise Yahoo adjusted close.'
-      '10Y': '10-year average annual market-price return (CAGR), official WisdomTree Market Price Return where published, otherwise Yahoo adjusted close.'
-      'SI Ann.': 'Since-inception annualized market-price return, official WisdomTree Market Price Return where published, otherwise Yahoo adjusted close.'
+      '1Y': '1-year official WisdomTree Market Price Return where published, otherwise adjusted market-price return, month-end series.',
+      '3Y': '3-year average annual market-price return (CAGR), official WisdomTree Market Price Return where published, otherwise Yahoo adjusted close.',
+      '5Y': '5-year average annual market-price return (CAGR), official WisdomTree Market Price Return where published, otherwise Yahoo adjusted close.',
+      '10Y': '10-year average annual market-price return (CAGR), official WisdomTree Market Price Return where published, otherwise Yahoo adjusted close.',
+      'SI Ann.': 'Since-inception annualized market-price return, official WisdomTree Market Price Return where published, otherwise Yahoo adjusted close.',
       'Return As Of': 'As-of date of the month-end return series.',
       Inception: 'Fund inception date.',
       Exchange: 'Primary listing exchange.',

scripts/check-index.ts

@@ -0,0 +1,31 @@
+#!/usr/bin/env bun
+
+// Parse the browser's inline TypeScript before publishing. The deployed page
+// relies on Babel standalone at runtime, so a missing comma or other syntax
+// error would otherwise leave the catalog permanently on its loading state.
+
+declare const Bun: {
+  file(path: string): { text(): Promise<string> };
+  Transpiler: new (options: { loader: string }) => { transform(source: string): string | Promise<string> };
+};
+
+type Match = RegExpExecArray & { 1: string };
+
+export function extractInlineBrowserScript(html: string): string {
+  const match = /<script\s+type=["']text\/babel["'][^>]*>([\s\S]*?)<\/script>/i.exec(html) as Match | null;
+  if (!match || !match[1].trim()) throw new Error('index.html: inline text/babel script not found');
+  return match[1];
+}
+
+export async function parseInlineBrowserScript(source: string): Promise<string> {
+  const transformed = await new Bun.Transpiler({ loader: 'tsx' }).transform(source);
+  if (!transformed || typeof transformed !== 'string') throw new Error('index.html: inline script did not transpile');
+  return transformed;
+}
+
+if ((import.meta as { main?: boolean }).main) {
+  const html = await Bun.file(new URL('../index.html', import.meta.url).pathname).text();
+  const source = extractInlineBrowserScript(html);
+  const transformed = await parseInlineBrowserScript(source);
+  console.log(`index.html inline script parses (${source.length.toLocaleString()} source chars, ${transformed.length.toLocaleString()} transpiled chars)`);
+}