mirror of
https://github.com/badlogic/pi-mono.git
synced 2026-11-05 23:37:25 +00:00
c5d98a78ed
We share the bundled UI built from p2 for Radius. This PR adds a script to bundle it, and this gets uploaded to R2 on every green commit to main.
61 lines
2.9 KiB
TypeScript
61 lines
2.9 KiB
TypeScript
// Builds p2's web UI for Radius Cloud Brain into `<out>/<sha>/`: the plugins' web facets, their stylesheet and a
|
|
// manifest.json naming both. Radius serves the `pi-ui` bucket under `/pi/ui/` and puts the Chord URL in the page's
|
|
// `#root` `data-pi-bootstrap`; the built script assumes p2 serves it, so its Chord socket and its version poll are
|
|
// patched. A missing patch target, or anything else still loaded from p2's `/__p2_web/`, fails the build:
|
|
// `src/hosts/web/main.tsx` or `WEB_BUNDLE_PATH` changed, and this script must follow.
|
|
//
|
|
// node --import ./src/source.ts scripts/cloud-bundle.ts <full commit sha> <out dir>
|
|
|
|
import { mkdir, writeFile } from "node:fs/promises";
|
|
import { join } from "node:path";
|
|
import { buildWebBundle } from "../src/hosts/bundles.ts";
|
|
|
|
/** The plugins Cloud Brain serves. `web-shell` registers the "app" slot; without it the page stays on "Loading…". */
|
|
const PLUGINS = ["web-shell", "artifacts", "chat", "drafts", "models", "sessions", "status", "subagents", "workspace"];
|
|
|
|
const [sha, out] = process.argv.slice(2);
|
|
if (!sha || !/^[0-9a-f]{40}$/.test(sha) || !out) throw new Error("usage: cloud-bundle.ts <full commit sha> <out dir>");
|
|
|
|
const base = `/pi/ui/${sha}`;
|
|
const dir = join(out, sha);
|
|
const bundle = await buildWebBundle(PLUGINS);
|
|
await mkdir(dir, { recursive: true });
|
|
|
|
// Source maps embed the sources and the bundle is served publicly: they are left out, and so are the comments naming
|
|
// them (the last line of the script and of the stylesheet).
|
|
for (const [file, { body }] of bundle.files) {
|
|
if (file.endsWith(".map")) continue;
|
|
let text = new TextDecoder().decode(body);
|
|
if (file === bundle.script) text = patchScript(text.replace(/\n\/\/# sourceMappingURL=\S+\n?$/, "\n"));
|
|
else if (file === bundle.style) text = text.replace(/\n\/\*# sourceMappingURL=\S+ \*\/\n?$/, "\n");
|
|
await writeFile(join(dir, file), text);
|
|
}
|
|
const manifest = {
|
|
version: `pi-${sha}`,
|
|
script: bundle.script,
|
|
stylesheets: bundle.style ? [bundle.style] : [],
|
|
commit: sha,
|
|
};
|
|
await writeFile(join(dir, "manifest.json"), `${JSON.stringify(manifest, null, 2)}\n`);
|
|
console.log(`built ${dir}`);
|
|
|
|
function patchScript(script: string): string {
|
|
script = patch(
|
|
script,
|
|
// biome-ignore lint/suspicious/noTemplateCurlyInString: the built script's exact text, not a template.
|
|
'new WebSocket(`${location.protocol==="https:"?"wss":"ws"}://${location.host}/chord`)',
|
|
'new WebSocket(JSON.parse(document.getElementById("root").dataset.piBootstrap).chordUrl)',
|
|
);
|
|
script = patch(
|
|
script,
|
|
'fetch("/__p2_web",{cache:"no-store",credentials:"same-origin"})',
|
|
`fetch("${base}/manifest.json",{cache:"no-store"})`,
|
|
);
|
|
if (script.includes("__p2_web")) throw new Error("the built script still names /__p2_web");
|
|
return script;
|
|
}
|
|
|
|
function patch(source: string, from: string, to: string): string {
|
|
if (!source.includes(from)) throw new Error(`patch target not found: ${from}`);
|
|
return source.replaceAll(from, to);
|
|
}
|