let shellHtmlCache: string | undefined; /** * The self-contained shell HTML served as the MCP-Apps `ui://` resource. * * Hosts inject this through `SharedMcpServerConfig.loadAppShellHtml` rather * than the MCP host package importing it directly: the shell drags React, * Recharts and Tailwind into whatever graph imports it, and the MCP host also * runs on Workers where none of that belongs. */ export const loadMcpAppsShellHtml = async (): Promise => { if (shellHtmlCache) return shellHtmlCache; // oxlint-disable-next-line executor/no-try-catch-or-throw -- boundary: optional prebuilt shell asset is loaded from local filesystem when present try { const fs = await import("node:fs/promises"); const path = await import("node:path"); const candidates = [ // `bun build --compile` can't bundle this runtime `fs.readFile`, so the // binary build (apps/cli/src/build.ts) copies `mcp-app.html` next to the // executable. We find it via `process.execPath`, the same colocation // trick native-bindings.ts uses for `libsql.node` / `keyring.node`. path.join(path.dirname(process.execPath), "mcp-app.html"), // Dev / package-resolved (`bun run`, vitest): the package's own dist. path.join(import.meta.dirname, "../dist/mcp-app.html"), path.join(import.meta.dirname, "../../dist/mcp-app.html"), ]; for (const candidate of candidates) { // oxlint-disable-next-line executor/no-try-catch-or-throw -- boundary: try each possible emitted shell path before falling back try { shellHtmlCache = await fs.readFile(candidate, "utf-8"); return shellHtmlCache; } catch { // Try the next candidate path. } } } catch { // Fall through to the development fallback below. } shellHtmlCache = MCP_APPS_SHELL_NOT_BUILT_HTML; return shellHtmlCache; }; /** What the loader serves when no built shell is on disk. Exported so tests can * assert a host is serving the real thing rather than this placeholder. */ export const MCP_APPS_SHELL_NOT_BUILT_HTML = "

Shell not built. Run: bun run --cwd packages/hosts/mcp-apps-shell build:shell

";