Update web-ui example to use javascript-repl instead of calculate/getCurrentTime tools

This commit is contained in:
Mario Zechner 2025-10-04 21:52:30 +02:00
parent 9d6267a915
commit 7159c9734e
3 changed files with 4 additions and 8 deletions

View file

@ -1,4 +1,4 @@
import { html, type TemplateResult } from "@mariozechner/mini-lit";
import { html, i18n, type TemplateResult } from "@mariozechner/mini-lit";
import type { AgentTool, ToolResultMessage } from "@mariozechner/pi-ai";
import { type Static, Type } from "@sinclair/typebox";
import { type SandboxFile, SandboxIframe, type SandboxResult } from "../components/SandboxedIframe.js";
@ -246,7 +246,7 @@ export const javascriptReplRenderer: ToolRenderer<JavaScriptReplParams, JavaScri
}
return html`
<div class="text-sm text-muted-foreground mb-2">${"Executing JavaScript"}</div>
<div class="text-sm text-muted-foreground mb-2">${i18n("Executing JavaScript")}</div>
<code-block .code=${params.code || ""} language="javascript"></code-block>
`;
},

View file

@ -2,14 +2,10 @@ import type { TemplateResult } from "@mariozechner/mini-lit";
import type { ToolResultMessage } from "@mariozechner/pi-ai";
import { getToolRenderer, registerToolRenderer } from "./renderer-registry.js";
import { BashRenderer } from "./renderers/BashRenderer.js";
import { CalculateRenderer } from "./renderers/CalculateRenderer.js";
import { DefaultRenderer } from "./renderers/DefaultRenderer.js";
import { GetCurrentTimeRenderer } from "./renderers/GetCurrentTimeRenderer.js";
import "./javascript-repl.js"; // Auto-registers the renderer
// Register all built-in tool renderers
registerToolRenderer("calculate", new CalculateRenderer());
registerToolRenderer("get_current_time", new GetCurrentTimeRenderer());
registerToolRenderer("bash", new BashRenderer());
const defaultRenderer = new DefaultRenderer();

View file

@ -1,4 +1,4 @@
import { html, type TemplateResult } from "@mariozechner/mini-lit";
import { html, i18n, type TemplateResult } from "@mariozechner/mini-lit";
import type { AgentTool, ToolResultMessage } from "@mariozechner/pi-ai";
import { type Static, Type } from "@sinclair/typebox";
import { type SandboxFile, SandboxIframe, type SandboxResult } from "../components/SandboxedIframe.js";
@ -245,7 +245,7 @@ export const javascriptReplRenderer: ToolRenderer<JavaScriptReplParams, JavaScri
}
return html`
<div class="text-sm text-muted-foreground mb-2">Executing JavaScript</div>
<div class="text-sm text-muted-foreground mb-2">${i18n("Executing JavaScript")}</div>
<code-block .code=${params.code || ""} language="javascript"></code-block>
`;
},