LEND · Framework Portability Proof

LEND · HDI · Phase 1.5 ← back to tracker

SCHEMA type Provenance = "measured" | "baseline" | "derived" — defined once in src/core/types.ts, imported unchanged by all three columns.

TOKENS Same --astro-* custom properties styling all three columns. Same .prov class names. Same DOM shape.

What this demonstrates. All three columns import the Provenance union from src/core/types.ts and the same astro-tokens.css variables. No file under src/core/ or src/ui/ was modified to add the Vue or AngularJS port. Adding a fourth framework — Svelte, Solid, Lit — is a known-cost operation: write a small adapter, reuse the type, reuse the CSS. This mirrors the NASA Open MCT migration pattern (AngularJS → Vue) where a stable framework-agnostic contract underneath the UI lets the rendering layer be swapped without rewriting the data model or the design system.