tbenandClaude Opus 5.5
bea656ade8
Bots can now show a concept as a visual: create_graphic (with update_graphic, read_graphic and list_graphics, on every run, no computer needed) stores one HTML document in bot_graphics, per user like the conversation, and the chat renders its [graphic:ID] ref as an inline card sized to fit, with a large view and a page of its own (no rail). Graphic HTML is treated as hostile: it is only served at /graphics/<id> with a CSP sandbox allowing scripts under an origin of its own and no network, loading only the vendored Chart.js and Mermaid from /graphics-lib/. The document carries the app's theme vars and scrollbars, reports its height to the thread, and a frame that navigates away is closed. Co-Authored-By: Claude Opus 5.5 <[email protected]>
30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
import { describe, expect, test } from "bun:test";
|
|
import fs from "fs";
|
|
import path from "path";
|
|
import parseThemeVars from "./parse-theme-vars";
|
|
|
|
describe("parseThemeVars", () => {
|
|
test("reads both schemes and the fonts", () => {
|
|
const css = `:root {\n --c-paper: #fff;\n --m-fast: 1ms;\n}\n\n.dark {\n --c-paper: #000;\n}\n\n@theme inline {\n --font-sans:\n "A", sans-serif;\n --color-ink: var(--c-ink);\n}\n`;
|
|
|
|
expect(parseThemeVars({ css })).toEqual({
|
|
light: { "--c-paper": "#fff" },
|
|
dark: { "--c-paper": "#000" },
|
|
fonts: { "--font-sans": `"A", sans-serif` },
|
|
});
|
|
});
|
|
|
|
test("finds the app's own tokens", () => {
|
|
const css = fs.readFileSync(path.join(process.cwd(), "src/styles/main.css"), "utf-8");
|
|
const vars = parseThemeVars({ css });
|
|
|
|
for (const name of ["--c-paper", "--c-ink", "--c-border"]) {
|
|
expect(vars.light[name]).toBeTruthy();
|
|
expect(vars.dark[name]).toBeTruthy();
|
|
expect(vars.light[name]).not.toBe(vars.dark[name]);
|
|
}
|
|
|
|
expect(vars.fonts["--font-sans"]).toBeTruthy();
|
|
});
|
|
});
|