@docyrus/docyrus 0.0.19 → 0.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/agent-loader.js +37 -3
- package/agent-loader.js.map +2 -2
- package/main.js +498 -93
- package/main.js.map +4 -4
- package/package.json +14 -4
- package/resources/chrome-tools/browser-content.js +103 -0
- package/resources/chrome-tools/browser-cookies.js +35 -0
- package/resources/chrome-tools/browser-eval.js +53 -0
- package/resources/chrome-tools/browser-hn-scraper.js +108 -0
- package/resources/chrome-tools/browser-nav.js +44 -0
- package/resources/chrome-tools/browser-pick.js +162 -0
- package/resources/chrome-tools/browser-screenshot.js +34 -0
- package/resources/chrome-tools/browser-start.js +86 -0
- package/resources/pi-agent/extensions/answer.ts +532 -0
- package/resources/pi-agent/extensions/context.ts +578 -0
- package/resources/pi-agent/extensions/control.ts +1779 -0
- package/resources/pi-agent/extensions/diff.ts +218 -0
- package/resources/pi-agent/extensions/files.ts +199 -0
- package/resources/pi-agent/extensions/loop.ts +446 -0
- package/resources/pi-agent/extensions/multi-edit.ts +835 -0
- package/resources/pi-agent/extensions/notify.ts +88 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/CHANGELOG.md +192 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/LICENSE +21 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/README.md +296 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/app-bridge.bundle.js +67 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/cli.js +108 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/commands.ts +211 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/config.ts +227 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/consent-manager.ts +64 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/direct-tools.ts +301 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/errors.ts +219 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/glimpse-ui.ts +80 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/host-html-template.ts +427 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/index.ts +232 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/init.ts +319 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/lifecycle.ts +93 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/logger.ts +169 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/mcp-panel.ts +713 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/metadata-cache.ts +191 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/npx-resolver.ts +419 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/oauth-handler.ts +56 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/package.json +85 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/paths.ts +29 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/proxy-modes.ts +635 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/resource-tools.ts +17 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/server-manager.ts +330 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/state.ts +41 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/tool-metadata.ts +144 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/tool-registrar.ts +46 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/types.ts +367 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/ui-resource-handler.ts +145 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/ui-server.ts +623 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/ui-session.ts +384 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/ui-stream-types.ts +89 -0
- package/resources/pi-agent/extensions/pi-mcp-adapter/utils.ts +75 -0
- package/resources/pi-agent/extensions/prompt-editor.ts +1315 -0
- package/resources/pi-agent/extensions/prompt-url-widget.ts +158 -0
- package/resources/pi-agent/extensions/redraws.ts +24 -0
- package/resources/pi-agent/extensions/review.ts +2160 -0
- package/resources/pi-agent/extensions/todos.ts +2076 -0
- package/resources/pi-agent/extensions/tps.ts +47 -0
- package/resources/pi-agent/extensions/whimsical.ts +474 -0
- package/resources/pi-agent/prompts/coder-system.md +106 -0
- package/resources/pi-agent/skills/changelog-generator/SKILL.md +425 -0
- package/resources/pi-agent/skills/docyrus-chrome-devtools-cli/SKILL.md +80 -0
- package/resources/pi-agent/skills/docyrus-platform/SKILL.md +71 -0
- package/resources/pi-agent/skills/docyrus-platform/references/ai-capabilities.md +43 -0
- package/resources/pi-agent/skills/docyrus-platform/references/auth-and-multi-tenancy.md +35 -0
- package/resources/pi-agent/skills/docyrus-platform/references/automation-and-workflows.md +30 -0
- package/resources/pi-agent/skills/docyrus-platform/references/core-building-blocks.md +53 -0
- package/resources/pi-agent/skills/{docyrus-api-dev → docyrus-platform}/references/data-source-query-guide.md +32 -28
- package/resources/pi-agent/skills/docyrus-platform/references/developer-tools.md +28 -0
- package/resources/pi-agent/skills/docyrus-platform/references/docyrus-cli-usage.md +554 -0
- package/resources/pi-agent/skills/{docyrus-api-dev → docyrus-platform}/references/formula-design-guide-llm.md +15 -23
- package/resources/pi-agent/skills/docyrus-platform/references/integrations-and-events.md +60 -0
- package/resources/pi-agent/skills/docyrus-platform/references/platform-services.md +58 -0
- package/resources/pi-agent/skills/docyrus-platform/references/querying-and-data-operations.md +27 -0
- package/resources/pi-agent/prompts/coder-append-system.md +0 -19
- package/resources/pi-agent/skills/docyrus-ai/SKILL.md +0 -28
- package/resources/pi-agent/skills/docyrus-api-dev/SKILL.md +0 -161
- package/resources/pi-agent/skills/docyrus-api-dev/references/api-client.md +0 -349
- package/resources/pi-agent/skills/docyrus-api-dev/references/authentication.md +0 -238
- package/resources/pi-agent/skills/docyrus-api-dev/references/query-and-formulas.md +0 -592
- package/resources/pi-agent/skills/docyrus-api-doctor/SKILL.md +0 -70
- package/resources/pi-agent/skills/docyrus-api-doctor/references/checklist-details.md +0 -588
- package/resources/pi-agent/skills/docyrus-app-dev/SKILL.md +0 -159
- package/resources/pi-agent/skills/docyrus-app-dev/references/api-client-and-auth.md +0 -275
- package/resources/pi-agent/skills/docyrus-app-dev/references/collections-and-patterns.md +0 -352
- package/resources/pi-agent/skills/docyrus-app-dev/references/data-source-query-guide.md +0 -2059
- package/resources/pi-agent/skills/docyrus-app-dev/references/formula-design-guide-llm.md +0 -320
- package/resources/pi-agent/skills/docyrus-app-dev/references/query-guide.md +0 -525
- package/resources/pi-agent/skills/docyrus-app-ui-design/SKILL.md +0 -466
- package/resources/pi-agent/skills/docyrus-app-ui-design/references/component-selection-guide.md +0 -602
- package/resources/pi-agent/skills/docyrus-app-ui-design/references/icon-usage-guide.md +0 -463
- package/resources/pi-agent/skills/docyrus-app-ui-design/references/preferred-components-catalog.md +0 -242
- package/resources/pi-agent/skills/docyrus-apps/SKILL.md +0 -54
- package/resources/pi-agent/skills/docyrus-architect/SKILL.md +0 -174
- package/resources/pi-agent/skills/docyrus-architect/references/custom-query-guide.md +0 -410
- package/resources/pi-agent/skills/docyrus-architect/references/data-source-query-guide.md +0 -2059
- package/resources/pi-agent/skills/docyrus-architect/references/formula-design-guide-llm.md +0 -320
- package/resources/pi-agent/skills/docyrus-architect/references/formula-reference.md +0 -145
- package/resources/pi-agent/skills/docyrus-auth/SKILL.md +0 -100
- package/resources/pi-agent/skills/docyrus-cli-app/SKILL.md +0 -279
- package/resources/pi-agent/skills/docyrus-cli-app/references/cli-manifest.md +0 -532
- package/resources/pi-agent/skills/docyrus-cli-app/references/list-query-examples.md +0 -248
- package/resources/pi-agent/skills/docyrus-curl/SKILL.md +0 -32
- package/resources/pi-agent/skills/docyrus-discover/SKILL.md +0 -63
- package/resources/pi-agent/skills/docyrus-ds/SKILL.md +0 -95
- package/resources/pi-agent/skills/docyrus-env/SKILL.md +0 -21
- package/resources/pi-agent/skills/docyrus-studio/SKILL.md +0 -369
- package/resources/pi-agent/skills/docyrus-tui/SKILL.md +0 -15
|
@@ -0,0 +1,427 @@
|
|
|
1
|
+
import type { UiHostContext, UiResourceContent, UiResourceCsp } from "./types.js";
|
|
2
|
+
|
|
3
|
+
// Use locally bundled AppBridge to avoid CDN Zod bundling issues
|
|
4
|
+
const DEFAULT_APP_BRIDGE_MODULE_URL = "/app-bridge.bundle.js";
|
|
5
|
+
|
|
6
|
+
export interface HostHtmlTemplateInput {
|
|
7
|
+
sessionToken: string;
|
|
8
|
+
serverName: string;
|
|
9
|
+
toolName: string;
|
|
10
|
+
toolArgs: Record<string, unknown>;
|
|
11
|
+
resource: UiResourceContent;
|
|
12
|
+
allowAttribute: string;
|
|
13
|
+
requireToolConsent: boolean;
|
|
14
|
+
cacheToolConsent: boolean;
|
|
15
|
+
hostContext?: UiHostContext;
|
|
16
|
+
appBridgeModuleUrl?: string;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export function buildHostHtmlTemplate(input: HostHtmlTemplateInput): string {
|
|
20
|
+
const cspContent = buildCspMetaContent(input.resource.meta.csp);
|
|
21
|
+
const resourceHtml = applyCspMeta(input.resource.html, cspContent);
|
|
22
|
+
const hostContext = input.hostContext ?? {};
|
|
23
|
+
|
|
24
|
+
const sessionToken = safeInlineJSON(input.sessionToken);
|
|
25
|
+
const toolArgs = safeInlineJSON(input.toolArgs);
|
|
26
|
+
const uiHtml = safeInlineJSON(resourceHtml);
|
|
27
|
+
const serverName = safeInlineJSON(input.serverName);
|
|
28
|
+
const toolName = safeInlineJSON(input.toolName);
|
|
29
|
+
const hostContextJson = safeInlineJSON(hostContext);
|
|
30
|
+
const allowAttribute = safeInlineJSON(input.allowAttribute);
|
|
31
|
+
const requireToolConsent = safeInlineJSON(input.requireToolConsent);
|
|
32
|
+
const cacheToolConsent = safeInlineJSON(input.cacheToolConsent);
|
|
33
|
+
const moduleUrl = safeInlineJSON(input.appBridgeModuleUrl ?? DEFAULT_APP_BRIDGE_MODULE_URL);
|
|
34
|
+
|
|
35
|
+
return `<!doctype html>
|
|
36
|
+
<html lang="en">
|
|
37
|
+
<head>
|
|
38
|
+
<meta charset="utf-8" />
|
|
39
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
40
|
+
<title>MCP UI - ${escapeHtml(input.serverName)} / ${escapeHtml(input.toolName)}</title>
|
|
41
|
+
<style>
|
|
42
|
+
:root {
|
|
43
|
+
color-scheme: light dark;
|
|
44
|
+
--bg: #0f1115;
|
|
45
|
+
--surface: #181c22;
|
|
46
|
+
--text: #ecf0f5;
|
|
47
|
+
--muted: #a9b2bf;
|
|
48
|
+
--accent: #43c0ff;
|
|
49
|
+
--border: rgba(255, 255, 255, 0.12);
|
|
50
|
+
--good: #34d399;
|
|
51
|
+
--warn: #fbbf24;
|
|
52
|
+
--bad: #f87171;
|
|
53
|
+
}
|
|
54
|
+
@media (prefers-color-scheme: light) {
|
|
55
|
+
:root {
|
|
56
|
+
--bg: #f6f7fb;
|
|
57
|
+
--surface: #ffffff;
|
|
58
|
+
--text: #1d2939;
|
|
59
|
+
--muted: #667085;
|
|
60
|
+
--accent: #0ea5e9;
|
|
61
|
+
--border: rgba(15, 23, 42, 0.14);
|
|
62
|
+
--good: #059669;
|
|
63
|
+
--warn: #b45309;
|
|
64
|
+
--bad: #b91c1c;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
* { box-sizing: border-box; }
|
|
68
|
+
html, body { margin: 0; padding: 0; height: 100%; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--bg); color: var(--text); }
|
|
69
|
+
body { display: flex; flex-direction: column; min-height: 100vh; }
|
|
70
|
+
header { background: var(--surface); border-bottom: 1px solid var(--border); padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
|
|
71
|
+
.title { display: flex; gap: 8px; align-items: baseline; min-width: 0; }
|
|
72
|
+
.server { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; }
|
|
73
|
+
.tool { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
74
|
+
.badge { border: 1px solid var(--border); border-radius: 999px; padding: 2px 8px; font-size: 11px; color: var(--muted); white-space: nowrap; }
|
|
75
|
+
.controls { display: flex; gap: 8px; align-items: center; }
|
|
76
|
+
.status { font-size: 12px; color: var(--muted); white-space: nowrap; }
|
|
77
|
+
button { border: 1px solid var(--border); background: transparent; color: var(--text); border-radius: 8px; padding: 6px 10px; cursor: pointer; font-size: 12px; }
|
|
78
|
+
button.primary { border-color: color-mix(in srgb, var(--good) 40%, var(--border) 60%); color: var(--good); }
|
|
79
|
+
button.danger { border-color: color-mix(in srgb, var(--bad) 40%, var(--border) 60%); color: var(--bad); }
|
|
80
|
+
button:hover { background: color-mix(in srgb, var(--surface) 75%, var(--accent) 25%); }
|
|
81
|
+
main { flex: 1; min-height: 0; padding: 10px; display: flex; }
|
|
82
|
+
iframe { width: 100%; height: 100%; border: 1px solid var(--border); border-radius: 10px; background: white; }
|
|
83
|
+
.overlay { position: fixed; inset: 0; background: color-mix(in srgb, var(--bg) 90%, black 10%); display: none; align-items: center; justify-content: center; z-index: 2; }
|
|
84
|
+
.overlay.visible { display: flex; }
|
|
85
|
+
.panel { width: min(680px, calc(100vw - 40px)); background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 18px; }
|
|
86
|
+
.panel h2 { margin: 0 0 8px; font-size: 16px; }
|
|
87
|
+
.panel p { margin: 0; color: var(--muted); line-height: 1.4; font-size: 14px; white-space: pre-wrap; }
|
|
88
|
+
</style>
|
|
89
|
+
</head>
|
|
90
|
+
<body>
|
|
91
|
+
<header>
|
|
92
|
+
<div class="title">
|
|
93
|
+
<span class="server">MCP · <span id="server-name"></span></span>
|
|
94
|
+
<span class="tool" id="tool-name"></span>
|
|
95
|
+
<span class="badge">Sandboxed</span>
|
|
96
|
+
</div>
|
|
97
|
+
<div class="controls">
|
|
98
|
+
<span class="status" id="status">Loading UI...</span>
|
|
99
|
+
<button class="primary" id="done-btn" title="Cmd/Ctrl+Enter">Done</button>
|
|
100
|
+
<button class="danger" id="cancel-btn" title="Escape">Cancel</button>
|
|
101
|
+
</div>
|
|
102
|
+
</header>
|
|
103
|
+
<main>
|
|
104
|
+
<iframe id="mcp-app" referrerpolicy="no-referrer"></iframe>
|
|
105
|
+
</main>
|
|
106
|
+
<div class="overlay" id="error-overlay">
|
|
107
|
+
<div class="panel">
|
|
108
|
+
<h2>UI Error</h2>
|
|
109
|
+
<p id="error-message"></p>
|
|
110
|
+
</div>
|
|
111
|
+
</div>
|
|
112
|
+
<script type="module">
|
|
113
|
+
import { AppBridge, PostMessageTransport } from ${moduleUrl};
|
|
114
|
+
|
|
115
|
+
const SESSION_TOKEN = ${sessionToken};
|
|
116
|
+
const SERVER_NAME = ${serverName};
|
|
117
|
+
const TOOL_NAME = ${toolName};
|
|
118
|
+
const TOOL_ARGS = ${toolArgs};
|
|
119
|
+
const HOST_CONTEXT = ${hostContextJson};
|
|
120
|
+
const ALLOW_ATTRIBUTE = ${allowAttribute};
|
|
121
|
+
const REQUIRE_TOOL_CONSENT = ${requireToolConsent};
|
|
122
|
+
const CACHE_TOOL_CONSENT = ${cacheToolConsent};
|
|
123
|
+
const STREAM_CONTEXT_KEY = "pi-mcp-adapter/stream";
|
|
124
|
+
const STREAM_PATCH_METHOD = "notifications/pi-mcp-adapter/ui-result-patch";
|
|
125
|
+
|
|
126
|
+
const iframe = document.getElementById("mcp-app");
|
|
127
|
+
const statusNode = document.getElementById("status");
|
|
128
|
+
const doneBtn = document.getElementById("done-btn");
|
|
129
|
+
const cancelBtn = document.getElementById("cancel-btn");
|
|
130
|
+
const errorOverlay = document.getElementById("error-overlay");
|
|
131
|
+
const errorMessage = document.getElementById("error-message");
|
|
132
|
+
|
|
133
|
+
document.getElementById("server-name").textContent = SERVER_NAME;
|
|
134
|
+
document.getElementById("tool-name").textContent = TOOL_NAME;
|
|
135
|
+
|
|
136
|
+
const setStatus = (text, isError = false) => {
|
|
137
|
+
statusNode.textContent = text;
|
|
138
|
+
statusNode.style.color = isError ? "var(--bad)" : "var(--muted)";
|
|
139
|
+
};
|
|
140
|
+
|
|
141
|
+
const showError = (message) => {
|
|
142
|
+
errorMessage.textContent = message;
|
|
143
|
+
errorOverlay.classList.add("visible");
|
|
144
|
+
setStatus("Error", true);
|
|
145
|
+
};
|
|
146
|
+
|
|
147
|
+
const post = async (endpoint, params) => {
|
|
148
|
+
const response = await fetch(endpoint, {
|
|
149
|
+
method: "POST",
|
|
150
|
+
headers: { "Content-Type": "application/json" },
|
|
151
|
+
body: JSON.stringify({ token: SESSION_TOKEN, params }),
|
|
152
|
+
});
|
|
153
|
+
|
|
154
|
+
const body = await response.json().catch(() => ({ ok: false, error: "Invalid JSON response" }));
|
|
155
|
+
if (!response.ok || !body.ok) {
|
|
156
|
+
const message = body.error || ("HTTP " + response.status);
|
|
157
|
+
throw new Error(message);
|
|
158
|
+
}
|
|
159
|
+
return body.result ?? {};
|
|
160
|
+
};
|
|
161
|
+
|
|
162
|
+
let consentGranted = !REQUIRE_TOOL_CONSENT;
|
|
163
|
+
const initialStreamContext = HOST_CONTEXT?.[STREAM_CONTEXT_KEY];
|
|
164
|
+
const streamMode = initialStreamContext?.mode === "stream-first" ? "stream-first" : "eager";
|
|
165
|
+
|
|
166
|
+
const bridge = new AppBridge(
|
|
167
|
+
null,
|
|
168
|
+
{ name: "pi", version: "1.0.0" },
|
|
169
|
+
{ serverTools: {}, openLinks: {}, logging: {}, updateModelContext: {}, message: {} },
|
|
170
|
+
{ hostContext: HOST_CONTEXT }
|
|
171
|
+
);
|
|
172
|
+
|
|
173
|
+
bridge.oncalltool = async (params) => {
|
|
174
|
+
if (!consentGranted) {
|
|
175
|
+
const accepted = window.confirm("Allow this UI to call server tools for this session?");
|
|
176
|
+
if (!accepted) {
|
|
177
|
+
await post("/proxy/ui/consent", { approved: false }).catch(() => {});
|
|
178
|
+
return {
|
|
179
|
+
isError: true,
|
|
180
|
+
content: [{ type: "text", text: "Tool call denied by user." }],
|
|
181
|
+
};
|
|
182
|
+
}
|
|
183
|
+
await post("/proxy/ui/consent", { approved: true });
|
|
184
|
+
if (CACHE_TOOL_CONSENT) {
|
|
185
|
+
consentGranted = true;
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
const result = await post("/proxy/tools/call", params);
|
|
189
|
+
// Notify agent about the tool call
|
|
190
|
+
await post("/proxy/ui/message", {
|
|
191
|
+
type: "intent",
|
|
192
|
+
intent: "call_tool",
|
|
193
|
+
params: { tool: params.name, arguments: params.arguments, isError: result.isError }
|
|
194
|
+
}).catch(() => {});
|
|
195
|
+
return result;
|
|
196
|
+
};
|
|
197
|
+
|
|
198
|
+
bridge.onmessage = async (params) => post("/proxy/ui/message", params);
|
|
199
|
+
bridge.onupdatemodelcontext = async (params) => post("/proxy/ui/context", params);
|
|
200
|
+
|
|
201
|
+
// Also listen for raw postMessage events with custom types (notify, prompt, intent, etc.)
|
|
202
|
+
// These bypass the AppBridge protocol but are used by some MCP UI implementations
|
|
203
|
+
window.addEventListener("message", async (event) => {
|
|
204
|
+
const data = event.data;
|
|
205
|
+
if (!data || typeof data !== "object") return;
|
|
206
|
+
|
|
207
|
+
// Skip AppBridge protocol messages (handled by bridge)
|
|
208
|
+
if (data.jsonrpc || (typeof data.method === "string" && (data.method.startsWith("app/") || data.method.startsWith("host/")))) return;
|
|
209
|
+
|
|
210
|
+
// Handle raw UI action messages
|
|
211
|
+
const msgType = data.type;
|
|
212
|
+
if (typeof msgType !== "string") return;
|
|
213
|
+
|
|
214
|
+
if (msgType === "notify" || msgType === "prompt" || msgType === "intent" || msgType === "message") {
|
|
215
|
+
// Standard MCP-UI types - preserve their semantics
|
|
216
|
+
// Support both { type, payload: {...} } and { type, field: value } formats
|
|
217
|
+
const { type: _, payload, ...directFields } = data;
|
|
218
|
+
await post("/proxy/ui/message", { type: msgType, ...directFields, ...(payload || {}) }).catch(() => {});
|
|
219
|
+
} else if (!msgType.startsWith("ui-lifecycle-") && !msgType.startsWith("ui-message-")) {
|
|
220
|
+
// Any other custom type - forward as intent with type as intent name
|
|
221
|
+
// (Skip internal lifecycle/ack messages)
|
|
222
|
+
const payload = data.payload || {};
|
|
223
|
+
await post("/proxy/ui/message", {
|
|
224
|
+
type: "intent",
|
|
225
|
+
intent: msgType,
|
|
226
|
+
params: payload,
|
|
227
|
+
}).catch(() => {});
|
|
228
|
+
}
|
|
229
|
+
});
|
|
230
|
+
bridge.ondownloadfile = async (params) => post("/proxy/ui/download-file", params);
|
|
231
|
+
bridge.onrequestdisplaymode = async (params) => post("/proxy/ui/request-display-mode", params);
|
|
232
|
+
bridge.onopenlink = async (params) => {
|
|
233
|
+
const result = await post("/proxy/ui/open-link", params);
|
|
234
|
+
if (!result.isError) {
|
|
235
|
+
window.open(params.url, "_blank", "noopener,noreferrer");
|
|
236
|
+
// Notify agent about the link open
|
|
237
|
+
await post("/proxy/ui/message", {
|
|
238
|
+
type: "intent",
|
|
239
|
+
intent: "open_link",
|
|
240
|
+
params: { url: params.url }
|
|
241
|
+
}).catch(() => {});
|
|
242
|
+
}
|
|
243
|
+
return result;
|
|
244
|
+
};
|
|
245
|
+
|
|
246
|
+
bridge.oninitialized = () => {
|
|
247
|
+
if (streamMode !== "stream-first") {
|
|
248
|
+
bridge.sendToolInput({ arguments: TOOL_ARGS });
|
|
249
|
+
}
|
|
250
|
+
setStatus(streamMode === "stream-first" ? "Streaming…" : "Connected");
|
|
251
|
+
};
|
|
252
|
+
|
|
253
|
+
bridge.onsizechange = ({ width, height }) => {
|
|
254
|
+
if (typeof width === "number" && width > 0) {
|
|
255
|
+
iframe.style.minWidth = Math.min(width, window.innerWidth - 24) + "px";
|
|
256
|
+
}
|
|
257
|
+
if (typeof height === "number" && height > 0) {
|
|
258
|
+
iframe.style.height = Math.max(height, 320) + "px";
|
|
259
|
+
}
|
|
260
|
+
};
|
|
261
|
+
|
|
262
|
+
if (ALLOW_ATTRIBUTE) {
|
|
263
|
+
iframe.setAttribute("allow", ALLOW_ATTRIBUTE);
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
// Connect bridge BEFORE loading iframe to ensure we're listening when the app sends ui/initialize
|
|
267
|
+
try {
|
|
268
|
+
const transport = new PostMessageTransport(iframe.contentWindow, null);
|
|
269
|
+
await bridge.connect(transport);
|
|
270
|
+
} catch (error) {
|
|
271
|
+
console.error("[host] Bridge connection failed:", error);
|
|
272
|
+
showError("Failed to initialize AppBridge: " + String(error));
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
const iframeLoaded = new Promise((resolve) => {
|
|
276
|
+
iframe.onload = resolve;
|
|
277
|
+
});
|
|
278
|
+
iframe.src = "/ui-app?session=" + encodeURIComponent(SESSION_TOKEN);
|
|
279
|
+
await iframeLoaded;
|
|
280
|
+
|
|
281
|
+
const eventSource = new EventSource("/events?session=" + encodeURIComponent(SESSION_TOKEN));
|
|
282
|
+
eventSource.addEventListener("tool-input", (event) => {
|
|
283
|
+
try {
|
|
284
|
+
bridge.sendToolInput(JSON.parse(event.data));
|
|
285
|
+
} catch (error) {
|
|
286
|
+
showError("Failed to forward tool input: " + String(error));
|
|
287
|
+
}
|
|
288
|
+
});
|
|
289
|
+
eventSource.addEventListener("tool-result", (event) => {
|
|
290
|
+
try {
|
|
291
|
+
bridge.sendToolResult(JSON.parse(event.data));
|
|
292
|
+
} catch (error) {
|
|
293
|
+
showError("Failed to forward tool result: " + String(error));
|
|
294
|
+
}
|
|
295
|
+
});
|
|
296
|
+
eventSource.addEventListener("tool-cancelled", (event) => {
|
|
297
|
+
try {
|
|
298
|
+
bridge.sendToolCancelled(JSON.parse(event.data));
|
|
299
|
+
} catch (error) {
|
|
300
|
+
showError("Failed to forward cancellation: " + String(error));
|
|
301
|
+
}
|
|
302
|
+
});
|
|
303
|
+
eventSource.addEventListener("result-patch", async (event) => {
|
|
304
|
+
try {
|
|
305
|
+
await bridge.notification({
|
|
306
|
+
method: STREAM_PATCH_METHOD,
|
|
307
|
+
params: JSON.parse(event.data),
|
|
308
|
+
});
|
|
309
|
+
} catch (error) {
|
|
310
|
+
showError("Failed to forward stream patch: " + String(error));
|
|
311
|
+
}
|
|
312
|
+
});
|
|
313
|
+
eventSource.addEventListener("host-context", (event) => {
|
|
314
|
+
try {
|
|
315
|
+
bridge.setHostContext(JSON.parse(event.data));
|
|
316
|
+
} catch {}
|
|
317
|
+
});
|
|
318
|
+
eventSource.addEventListener("session-complete", async () => {
|
|
319
|
+
await bridge.teardownResource({}).catch(() => {});
|
|
320
|
+
eventSource.close();
|
|
321
|
+
window.close();
|
|
322
|
+
});
|
|
323
|
+
eventSource.onerror = () => {
|
|
324
|
+
setStatus("Connection lost", true);
|
|
325
|
+
};
|
|
326
|
+
|
|
327
|
+
const heartbeat = setInterval(() => {
|
|
328
|
+
post("/proxy/ui/heartbeat", {}).catch(() => {});
|
|
329
|
+
}, 10000);
|
|
330
|
+
|
|
331
|
+
const complete = async (reason) => {
|
|
332
|
+
try {
|
|
333
|
+
await post("/proxy/ui/complete", { reason });
|
|
334
|
+
} catch {}
|
|
335
|
+
try {
|
|
336
|
+
await bridge.teardownResource({});
|
|
337
|
+
} catch {}
|
|
338
|
+
clearInterval(heartbeat);
|
|
339
|
+
eventSource.close();
|
|
340
|
+
window.close();
|
|
341
|
+
};
|
|
342
|
+
|
|
343
|
+
doneBtn.addEventListener("click", () => complete("done"));
|
|
344
|
+
cancelBtn.addEventListener("click", () => complete("cancel"));
|
|
345
|
+
window.addEventListener("keydown", (event) => {
|
|
346
|
+
if (event.key === "Escape") {
|
|
347
|
+
event.preventDefault();
|
|
348
|
+
complete("cancel");
|
|
349
|
+
} else if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
|
|
350
|
+
event.preventDefault();
|
|
351
|
+
complete("done");
|
|
352
|
+
}
|
|
353
|
+
});
|
|
354
|
+
</script>
|
|
355
|
+
</body>
|
|
356
|
+
</html>`;
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
export function buildCspMetaContent(csp: UiResourceCsp | undefined): string | undefined {
|
|
360
|
+
if (!csp) return undefined;
|
|
361
|
+
|
|
362
|
+
const directives: string[] = [];
|
|
363
|
+
directives.push("default-src 'none'");
|
|
364
|
+
|
|
365
|
+
const scriptSrc = toDirective("script-src", csp.scriptDomains);
|
|
366
|
+
const styleSrc = toDirective("style-src", csp.styleDomains);
|
|
367
|
+
const fontSrc = toDirective("font-src", csp.fontDomains);
|
|
368
|
+
const imgSrc = toDirective("img-src", csp.imgDomains);
|
|
369
|
+
const mediaSrc = toDirective("media-src", csp.mediaDomains);
|
|
370
|
+
const connectSrc = toDirective("connect-src", csp.connectDomains);
|
|
371
|
+
const frameSrc = toDirective("frame-src", csp.frameDomains);
|
|
372
|
+
const workerSrc = toDirective("worker-src", csp.workerDomains);
|
|
373
|
+
const baseUri = toDirective("base-uri", csp.baseUriDomains);
|
|
374
|
+
|
|
375
|
+
if (scriptSrc) directives.push(scriptSrc);
|
|
376
|
+
if (styleSrc) directives.push(styleSrc);
|
|
377
|
+
if (fontSrc) directives.push(fontSrc);
|
|
378
|
+
if (imgSrc) directives.push(imgSrc);
|
|
379
|
+
if (mediaSrc) directives.push(mediaSrc);
|
|
380
|
+
if (connectSrc) directives.push(connectSrc);
|
|
381
|
+
if (frameSrc) directives.push(frameSrc);
|
|
382
|
+
if (workerSrc) directives.push(workerSrc);
|
|
383
|
+
if (baseUri) directives.push(baseUri);
|
|
384
|
+
|
|
385
|
+
return directives.join("; ");
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
function toDirective(name: string, domains: string[] | undefined): string | null {
|
|
389
|
+
if (!domains || domains.length === 0) return null;
|
|
390
|
+
return `${name} ${domains.join(" ")}`;
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
export function applyCspMeta(html: string, cspContent: string | undefined): string {
|
|
394
|
+
if (!cspContent) return html;
|
|
395
|
+
if (/http-equiv=["']Content-Security-Policy["']/i.test(html)) return html;
|
|
396
|
+
const metaTag = `<meta http-equiv="Content-Security-Policy" content="${escapeHtmlAttribute(cspContent)}">`;
|
|
397
|
+
if (/<head[^>]*>/i.test(html)) {
|
|
398
|
+
return html.replace(/<head[^>]*>/i, (match) => `${match}\n${metaTag}`);
|
|
399
|
+
}
|
|
400
|
+
return `${metaTag}\n${html}`;
|
|
401
|
+
}
|
|
402
|
+
|
|
403
|
+
function safeInlineJSON(value: unknown): string {
|
|
404
|
+
return JSON.stringify(value)
|
|
405
|
+
.replace(/</g, "\\u003c")
|
|
406
|
+
.replace(/>/g, "\\u003e")
|
|
407
|
+
.replace(/&/g, "\\u0026")
|
|
408
|
+
.replace(/\u2028/g, "\\u2028")
|
|
409
|
+
.replace(/\u2029/g, "\\u2029");
|
|
410
|
+
}
|
|
411
|
+
|
|
412
|
+
function escapeHtml(value: string): string {
|
|
413
|
+
return value
|
|
414
|
+
.replace(/&/g, "&")
|
|
415
|
+
.replace(/</g, "<")
|
|
416
|
+
.replace(/>/g, ">")
|
|
417
|
+
.replace(/"/g, """)
|
|
418
|
+
.replace(/'/g, "'");
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
function escapeHtmlAttribute(value: string): string {
|
|
422
|
+
return value
|
|
423
|
+
.replace(/&/g, "&")
|
|
424
|
+
.replace(/"/g, """)
|
|
425
|
+
.replace(/</g, "<")
|
|
426
|
+
.replace(/>/g, ">");
|
|
427
|
+
}
|
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
import type { ExtensionAPI, ExtensionContext, ToolInfo } from "@mariozechner/pi-coding-agent";
|
|
2
|
+
import type { McpExtensionState } from "./state.js";
|
|
3
|
+
import { Type } from "@sinclair/typebox";
|
|
4
|
+
import { showStatus, showTools, reconnectServers, authenticateServer, openMcpPanel } from "./commands.js";
|
|
5
|
+
import { loadMcpConfig } from "./config.js";
|
|
6
|
+
import { buildProxyDescription, createDirectToolExecutor, resolveDirectTools } from "./direct-tools.js";
|
|
7
|
+
import { flushMetadataCache, initializeMcp, updateStatusBar } from "./init.js";
|
|
8
|
+
import { loadMetadataCache } from "./metadata-cache.js";
|
|
9
|
+
import { executeCall, executeConnect, executeDescribe, executeList, executeSearch, executeStatus, executeUiMessages } from "./proxy-modes.js";
|
|
10
|
+
import { getConfigPathFromArgv } from "./utils.js";
|
|
11
|
+
|
|
12
|
+
export default function mcpAdapter(pi: ExtensionAPI) {
|
|
13
|
+
let state: McpExtensionState | null = null;
|
|
14
|
+
let initPromise: Promise<McpExtensionState> | null = null;
|
|
15
|
+
|
|
16
|
+
const earlyConfigPath = getConfigPathFromArgv();
|
|
17
|
+
const earlyConfig = loadMcpConfig(earlyConfigPath);
|
|
18
|
+
const earlyCache = loadMetadataCache();
|
|
19
|
+
const prefix = earlyConfig.settings?.toolPrefix ?? "server";
|
|
20
|
+
|
|
21
|
+
const envRaw = process.env.MCP_DIRECT_TOOLS;
|
|
22
|
+
const directSpecs = envRaw === "__none__"
|
|
23
|
+
? []
|
|
24
|
+
: resolveDirectTools(
|
|
25
|
+
earlyConfig,
|
|
26
|
+
earlyCache,
|
|
27
|
+
prefix,
|
|
28
|
+
envRaw?.split(",").map(s => s.trim()).filter(Boolean),
|
|
29
|
+
);
|
|
30
|
+
|
|
31
|
+
for (const spec of directSpecs) {
|
|
32
|
+
pi.registerTool({
|
|
33
|
+
name: spec.prefixedName,
|
|
34
|
+
label: `MCP: ${spec.originalName}`,
|
|
35
|
+
description: spec.description || "(no description)",
|
|
36
|
+
parameters: Type.Unsafe<Record<string, unknown>>(spec.inputSchema || { type: "object", properties: {} }),
|
|
37
|
+
execute: createDirectToolExecutor(() => state, () => initPromise, spec),
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
const getPiTools = (): ToolInfo[] => pi.getAllTools();
|
|
42
|
+
|
|
43
|
+
pi.registerFlag("mcp-config", {
|
|
44
|
+
description: "Path to MCP config file",
|
|
45
|
+
type: "string",
|
|
46
|
+
});
|
|
47
|
+
|
|
48
|
+
pi.on("session_start", async (_event, ctx) => {
|
|
49
|
+
initPromise = initializeMcp(pi, ctx);
|
|
50
|
+
|
|
51
|
+
initPromise.then(s => {
|
|
52
|
+
state = s;
|
|
53
|
+
initPromise = null;
|
|
54
|
+
updateStatusBar(s);
|
|
55
|
+
}).catch(err => {
|
|
56
|
+
console.error("MCP initialization failed:", err);
|
|
57
|
+
initPromise = null;
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
|
|
61
|
+
pi.on("session_shutdown", async () => {
|
|
62
|
+
if (initPromise) {
|
|
63
|
+
try {
|
|
64
|
+
state = await initPromise;
|
|
65
|
+
} catch {
|
|
66
|
+
// Initialization failed, nothing to clean up
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
if (state) {
|
|
71
|
+
if (state.uiServer) {
|
|
72
|
+
state.uiServer.close("session_shutdown");
|
|
73
|
+
state.uiServer = null;
|
|
74
|
+
}
|
|
75
|
+
flushMetadataCache(state);
|
|
76
|
+
await state.lifecycle.gracefulShutdown();
|
|
77
|
+
state = null;
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
|
|
81
|
+
pi.registerCommand("mcp", {
|
|
82
|
+
description: "Show MCP server status",
|
|
83
|
+
handler: async (args, ctx) => {
|
|
84
|
+
if (!state && initPromise) {
|
|
85
|
+
try {
|
|
86
|
+
state = await initPromise;
|
|
87
|
+
} catch {
|
|
88
|
+
if (ctx.hasUI) ctx.ui.notify("MCP initialization failed", "error");
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
if (!state) {
|
|
93
|
+
if (ctx.hasUI) ctx.ui.notify("MCP not initialized", "error");
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
const parts = args?.trim()?.split(/\s+/) ?? [];
|
|
98
|
+
const subcommand = parts[0] ?? "";
|
|
99
|
+
const targetServer = parts[1];
|
|
100
|
+
|
|
101
|
+
switch (subcommand) {
|
|
102
|
+
case "reconnect":
|
|
103
|
+
await reconnectServers(state, ctx, targetServer);
|
|
104
|
+
break;
|
|
105
|
+
case "tools":
|
|
106
|
+
await showTools(state, ctx);
|
|
107
|
+
break;
|
|
108
|
+
case "status":
|
|
109
|
+
case "":
|
|
110
|
+
default:
|
|
111
|
+
if (ctx.hasUI) {
|
|
112
|
+
await openMcpPanel(state, pi, ctx, earlyConfigPath);
|
|
113
|
+
} else {
|
|
114
|
+
await showStatus(state, ctx);
|
|
115
|
+
}
|
|
116
|
+
break;
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
});
|
|
120
|
+
|
|
121
|
+
pi.registerCommand("mcp-auth", {
|
|
122
|
+
description: "Authenticate with an MCP server (OAuth)",
|
|
123
|
+
handler: async (args, ctx) => {
|
|
124
|
+
const serverName = args?.trim();
|
|
125
|
+
if (!serverName) {
|
|
126
|
+
if (ctx.hasUI) ctx.ui.notify("Usage: /mcp-auth <server-name>", "error");
|
|
127
|
+
return;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
if (!state && initPromise) {
|
|
131
|
+
try {
|
|
132
|
+
state = await initPromise;
|
|
133
|
+
} catch {
|
|
134
|
+
if (ctx.hasUI) ctx.ui.notify("MCP initialization failed", "error");
|
|
135
|
+
return;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
if (!state) {
|
|
139
|
+
if (ctx.hasUI) ctx.ui.notify("MCP not initialized", "error");
|
|
140
|
+
return;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
await authenticateServer(serverName, state.config, ctx);
|
|
144
|
+
},
|
|
145
|
+
});
|
|
146
|
+
|
|
147
|
+
pi.registerTool({
|
|
148
|
+
name: "mcp",
|
|
149
|
+
label: "MCP",
|
|
150
|
+
description: buildProxyDescription(earlyConfig, earlyCache, directSpecs),
|
|
151
|
+
parameters: Type.Object({
|
|
152
|
+
tool: Type.Optional(Type.String({ description: "Tool name to call (e.g., 'xcodebuild_list_sims')" })),
|
|
153
|
+
args: Type.Optional(Type.String({ description: "Arguments as JSON string (e.g., '{\"key\": \"value\"}')" })),
|
|
154
|
+
connect: Type.Optional(Type.String({ description: "Server name to connect (lazy connect + metadata refresh)" })),
|
|
155
|
+
describe: Type.Optional(Type.String({ description: "Tool name to describe (shows parameters)" })),
|
|
156
|
+
search: Type.Optional(Type.String({ description: "Search tools by name/description" })),
|
|
157
|
+
regex: Type.Optional(Type.Boolean({ description: "Treat search as regex (default: substring match)" })),
|
|
158
|
+
includeSchemas: Type.Optional(Type.Boolean({ description: "Include parameter schemas in search results (default: true)" })),
|
|
159
|
+
server: Type.Optional(Type.String({ description: "Filter to specific server (also disambiguates tool calls)" })),
|
|
160
|
+
action: Type.Optional(Type.String({ description: "Action: 'ui-messages' to retrieve prompts/intents from UI sessions" })),
|
|
161
|
+
}),
|
|
162
|
+
async execute(_toolCallId, params: {
|
|
163
|
+
tool?: string;
|
|
164
|
+
args?: string;
|
|
165
|
+
connect?: string;
|
|
166
|
+
describe?: string;
|
|
167
|
+
search?: string;
|
|
168
|
+
regex?: boolean;
|
|
169
|
+
includeSchemas?: boolean;
|
|
170
|
+
server?: string;
|
|
171
|
+
action?: string;
|
|
172
|
+
}, _signal, _onUpdate, _ctx) {
|
|
173
|
+
let parsedArgs: Record<string, unknown> | undefined;
|
|
174
|
+
if (params.args) {
|
|
175
|
+
try {
|
|
176
|
+
parsedArgs = JSON.parse(params.args);
|
|
177
|
+
if (typeof parsedArgs !== "object" || parsedArgs === null || Array.isArray(parsedArgs)) {
|
|
178
|
+
const gotType = Array.isArray(parsedArgs) ? "array" : parsedArgs === null ? "null" : typeof parsedArgs;
|
|
179
|
+
return {
|
|
180
|
+
content: [{ type: "text" as const, text: `Invalid args: expected a JSON object, got ${gotType}` }],
|
|
181
|
+
isError: true,
|
|
182
|
+
details: { error: "invalid_args_type" },
|
|
183
|
+
};
|
|
184
|
+
}
|
|
185
|
+
} catch (e) {
|
|
186
|
+
return {
|
|
187
|
+
content: [{ type: "text" as const, text: `Invalid args JSON: ${e instanceof Error ? e.message : e}` }],
|
|
188
|
+
isError: true,
|
|
189
|
+
details: { error: "invalid_args" },
|
|
190
|
+
};
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
if (!state && initPromise) {
|
|
195
|
+
try {
|
|
196
|
+
state = await initPromise;
|
|
197
|
+
} catch {
|
|
198
|
+
return {
|
|
199
|
+
content: [{ type: "text" as const, text: "MCP initialization failed" }],
|
|
200
|
+
details: { error: "init_failed" },
|
|
201
|
+
};
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
if (!state) {
|
|
205
|
+
return {
|
|
206
|
+
content: [{ type: "text" as const, text: "MCP not initialized" }],
|
|
207
|
+
details: { error: "not_initialized" },
|
|
208
|
+
};
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
if (params.action === "ui-messages") {
|
|
212
|
+
return executeUiMessages(state);
|
|
213
|
+
}
|
|
214
|
+
if (params.tool) {
|
|
215
|
+
return executeCall(state, params.tool, parsedArgs, params.server);
|
|
216
|
+
}
|
|
217
|
+
if (params.connect) {
|
|
218
|
+
return executeConnect(state, params.connect);
|
|
219
|
+
}
|
|
220
|
+
if (params.describe) {
|
|
221
|
+
return executeDescribe(state, params.describe);
|
|
222
|
+
}
|
|
223
|
+
if (params.search) {
|
|
224
|
+
return executeSearch(state, params.search, params.regex, params.server, params.includeSchemas, getPiTools);
|
|
225
|
+
}
|
|
226
|
+
if (params.server) {
|
|
227
|
+
return executeList(state, params.server);
|
|
228
|
+
}
|
|
229
|
+
return executeStatus(state);
|
|
230
|
+
},
|
|
231
|
+
});
|
|
232
|
+
}
|