@modelcontextprotocol/server-basic-vue 1.2.2 → 1.3.1
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/dist/mcp-app.html +9 -9
- package/dist/server.js +41 -37
- package/package.json +1 -1
package/dist/server.js
CHANGED
|
@@ -28266,8 +28266,8 @@ class j {
|
|
|
28266
28266
|
sessionId;
|
|
28267
28267
|
setProtocolVersion;
|
|
28268
28268
|
}
|
|
28269
|
-
var
|
|
28270
|
-
var
|
|
28269
|
+
var g = exports_external.union([exports_external.literal("light"), exports_external.literal("dark")]).describe("Color theme preference for the host environment.");
|
|
28270
|
+
var G = exports_external.union([exports_external.literal("inline"), exports_external.literal("fullscreen"), exports_external.literal("pip")]).describe("Display mode for UI presentation.");
|
|
28271
28271
|
var i = exports_external.union([exports_external.literal("--color-background-primary"), exports_external.literal("--color-background-secondary"), exports_external.literal("--color-background-tertiary"), exports_external.literal("--color-background-inverse"), exports_external.literal("--color-background-ghost"), exports_external.literal("--color-background-info"), exports_external.literal("--color-background-danger"), exports_external.literal("--color-background-success"), exports_external.literal("--color-background-warning"), exports_external.literal("--color-background-disabled"), exports_external.literal("--color-text-primary"), exports_external.literal("--color-text-secondary"), exports_external.literal("--color-text-tertiary"), exports_external.literal("--color-text-inverse"), exports_external.literal("--color-text-ghost"), exports_external.literal("--color-text-info"), exports_external.literal("--color-text-danger"), exports_external.literal("--color-text-success"), exports_external.literal("--color-text-warning"), exports_external.literal("--color-text-disabled"), exports_external.literal("--color-border-primary"), exports_external.literal("--color-border-secondary"), exports_external.literal("--color-border-tertiary"), exports_external.literal("--color-border-inverse"), exports_external.literal("--color-border-ghost"), exports_external.literal("--color-border-info"), exports_external.literal("--color-border-danger"), exports_external.literal("--color-border-success"), exports_external.literal("--color-border-warning"), exports_external.literal("--color-border-disabled"), exports_external.literal("--color-ring-primary"), exports_external.literal("--color-ring-secondary"), exports_external.literal("--color-ring-inverse"), exports_external.literal("--color-ring-info"), exports_external.literal("--color-ring-danger"), exports_external.literal("--color-ring-success"), exports_external.literal("--color-ring-warning"), exports_external.literal("--font-sans"), exports_external.literal("--font-mono"), exports_external.literal("--font-weight-normal"), exports_external.literal("--font-weight-medium"), exports_external.literal("--font-weight-semibold"), exports_external.literal("--font-weight-bold"), exports_external.literal("--font-text-xs-size"), exports_external.literal("--font-text-sm-size"), exports_external.literal("--font-text-md-size"), exports_external.literal("--font-text-lg-size"), exports_external.literal("--font-heading-xs-size"), exports_external.literal("--font-heading-sm-size"), exports_external.literal("--font-heading-md-size"), exports_external.literal("--font-heading-lg-size"), exports_external.literal("--font-heading-xl-size"), exports_external.literal("--font-heading-2xl-size"), exports_external.literal("--font-heading-3xl-size"), exports_external.literal("--font-text-xs-line-height"), exports_external.literal("--font-text-sm-line-height"), exports_external.literal("--font-text-md-line-height"), exports_external.literal("--font-text-lg-line-height"), exports_external.literal("--font-heading-xs-line-height"), exports_external.literal("--font-heading-sm-line-height"), exports_external.literal("--font-heading-md-line-height"), exports_external.literal("--font-heading-lg-line-height"), exports_external.literal("--font-heading-xl-line-height"), exports_external.literal("--font-heading-2xl-line-height"), exports_external.literal("--font-heading-3xl-line-height"), exports_external.literal("--border-radius-xs"), exports_external.literal("--border-radius-sm"), exports_external.literal("--border-radius-md"), exports_external.literal("--border-radius-lg"), exports_external.literal("--border-radius-xl"), exports_external.literal("--border-radius-full"), exports_external.literal("--border-width-regular"), exports_external.literal("--shadow-hairline"), exports_external.literal("--shadow-sm"), exports_external.literal("--shadow-md"), exports_external.literal("--shadow-lg")]).describe("CSS variable keys available to MCP apps for theming.");
|
|
28272
28272
|
var o = exports_external.record(i.describe(`Style variables for theming MCP apps.
|
|
28273
28273
|
|
|
@@ -28302,15 +28302,16 @@ var t = exports_external.object({ method: exports_external.literal("ui/notificat
|
|
|
28302
28302
|
var A = exports_external.object({ method: exports_external.literal("ui/notifications/tool-input"), params: exports_external.object({ arguments: exports_external.record(exports_external.string(), exports_external.unknown().describe("Complete tool call arguments as key-value pairs.")).optional().describe("Complete tool call arguments as key-value pairs.") }) });
|
|
28303
28303
|
var P = exports_external.object({ method: exports_external.literal("ui/notifications/tool-input-partial"), params: exports_external.object({ arguments: exports_external.record(exports_external.string(), exports_external.unknown().describe("Partial tool call arguments (incomplete, may change).")).optional().describe("Partial tool call arguments (incomplete, may change).") }) });
|
|
28304
28304
|
var H = exports_external.object({ method: exports_external.literal("ui/notifications/tool-cancelled"), params: exports_external.object({ reason: exports_external.string().optional().describe('Optional reason for the cancellation (e.g., "user action", "timeout").') }) });
|
|
28305
|
-
var
|
|
28306
|
-
var
|
|
28305
|
+
var S = exports_external.object({ fonts: exports_external.string().optional() });
|
|
28306
|
+
var y = exports_external.object({ variables: o.optional().describe("CSS variables for theming the app."), css: S.optional().describe("CSS blocks that apps can inject.") });
|
|
28307
28307
|
var _ = exports_external.object({ method: exports_external.literal("ui/resource-teardown"), params: exports_external.object({}) });
|
|
28308
28308
|
var e = exports_external.record(exports_external.string(), exports_external.unknown());
|
|
28309
28309
|
var q = exports_external.object({ text: exports_external.object({}).optional().describe("Host supports text content blocks."), image: exports_external.object({}).optional().describe("Host supports image content blocks."), audio: exports_external.object({}).optional().describe("Host supports audio content blocks."), resource: exports_external.object({}).optional().describe("Host supports resource content blocks."), resourceLink: exports_external.object({}).optional().describe("Host supports resource link content blocks."), structuredContent: exports_external.object({}).optional().describe("Host supports structured content.") });
|
|
28310
|
-
var
|
|
28311
|
-
var
|
|
28312
|
-
var
|
|
28313
|
-
var ZQ = exports_external.object({
|
|
28310
|
+
var QQ = exports_external.object({ method: exports_external.literal("ui/notifications/request-teardown"), params: exports_external.object({}).optional() });
|
|
28311
|
+
var C = exports_external.object({ experimental: exports_external.object({}).optional().describe("Experimental features (structure TBD)."), openLinks: exports_external.object({}).optional().describe("Host supports opening external URLs."), downloadFile: exports_external.object({}).optional().describe("Host supports file downloads via ui/download-file."), serverTools: exports_external.object({ listChanged: exports_external.boolean().optional().describe("Host supports tools/list_changed notifications.") }).optional().describe("Host can proxy tool calls to the MCP server."), serverResources: exports_external.object({ listChanged: exports_external.boolean().optional().describe("Host supports resources/list_changed notifications.") }).optional().describe("Host can proxy resource reads to the MCP server."), logging: exports_external.object({}).optional().describe("Host accepts log messages."), sandbox: exports_external.object({ permissions: K.optional().describe("Permissions granted by the host (camera, microphone, geolocation)."), csp: B.optional().describe("CSP domains approved by the host.") }).optional().describe("Sandbox configuration applied by the host."), updateModelContext: q.optional().describe("Host accepts context updates (ui/update-model-context) to be included in the model's context for future turns."), message: q.optional().describe("Host supports receiving content messages (ui/message) from the view.") });
|
|
28312
|
+
var f = exports_external.object({ experimental: exports_external.object({}).optional().describe("Experimental features (structure TBD)."), tools: exports_external.object({ listChanged: exports_external.boolean().optional().describe("App supports tools/list_changed notifications.") }).optional().describe("App exposes MCP-style tools that the host can call."), availableDisplayModes: exports_external.array(G).optional().describe("Display modes the app supports.") });
|
|
28313
|
+
var ZQ = exports_external.object({ method: exports_external.literal("ui/notifications/initialized"), params: exports_external.object({}).optional() });
|
|
28314
|
+
var $Q = exports_external.object({ csp: B.optional().describe("Content Security Policy configuration for UI resources."), permissions: K.optional().describe("Sandbox permissions requested by the UI resource."), domain: exports_external.string().optional().describe(`Dedicated origin for view sandbox.
|
|
28314
28315
|
|
|
28315
28316
|
Useful when views need stable, dedicated origins for OAuth callbacks, CORS policies, or API key allowlists.
|
|
28316
28317
|
|
|
@@ -28325,27 +28326,27 @@ Boolean requesting whether a visible border and background is provided by the ho
|
|
|
28325
28326
|
- \`true\`: request visible border + background
|
|
28326
28327
|
- \`false\`: request no visible border + background
|
|
28327
28328
|
- omitted: host decides border`) });
|
|
28328
|
-
var
|
|
28329
|
-
var T = exports_external.object({ mode:
|
|
28330
|
-
var
|
|
28331
|
-
var
|
|
28329
|
+
var JQ = exports_external.object({ method: exports_external.literal("ui/request-display-mode"), params: exports_external.object({ mode: G.describe("The display mode being requested.") }) });
|
|
28330
|
+
var T = exports_external.object({ mode: G.describe("The display mode that was actually set. May differ from requested if not supported.") }).passthrough();
|
|
28331
|
+
var u = exports_external.union([exports_external.literal("model"), exports_external.literal("app")]).describe("Tool visibility scope - who can access the tool.");
|
|
28332
|
+
var XQ = exports_external.object({ resourceUri: exports_external.string().optional(), visibility: exports_external.array(u).optional().describe(`Who can access this tool. Default: ["model", "app"]
|
|
28332
28333
|
- "model": Tool visible to and callable by the agent
|
|
28333
28334
|
- "app": Tool callable by the app from this server only`) });
|
|
28334
|
-
var
|
|
28335
|
-
var
|
|
28336
|
-
var
|
|
28337
|
-
var
|
|
28338
|
-
var
|
|
28339
|
-
var k = exports_external.object({ toolInfo: exports_external.object({ id: RequestIdSchema.optional().describe("JSON-RPC id of the tools/call request."), tool: ToolSchema.describe("Tool definition including name, inputSchema, etc.") }).optional().describe("Metadata of the tool call that instantiated this App."), theme:
|
|
28335
|
+
var RQ = exports_external.object({ mimeTypes: exports_external.array(exports_external.string()).optional().describe('Array of supported MIME types for UI resources.\nMust include `"text/html;profile=mcp-app"` for MCP Apps support.') });
|
|
28336
|
+
var VQ = exports_external.object({ method: exports_external.literal("ui/download-file"), params: exports_external.object({ contents: exports_external.array(exports_external.union([EmbeddedResourceSchema, ResourceLinkSchema])).describe("Resource contents to download — embedded (inline data) or linked (host fetches). Uses standard MCP resource types.") }) });
|
|
28337
|
+
var DQ = exports_external.object({ method: exports_external.literal("ui/message"), params: exports_external.object({ role: exports_external.literal("user").describe('Message role, currently only "user" is supported.'), content: exports_external.array(ContentBlockSchema).describe("Message content blocks (text, image, etc.).") }) });
|
|
28338
|
+
var GQ = exports_external.object({ method: exports_external.literal("ui/notifications/sandbox-resource-ready"), params: exports_external.object({ html: exports_external.string().describe("HTML content to load into the inner iframe."), sandbox: exports_external.string().optional().describe("Optional override for the inner iframe's sandbox attribute."), csp: B.optional().describe("CSP configuration from resource metadata."), permissions: K.optional().describe("Sandbox permissions from resource metadata.") }) });
|
|
28339
|
+
var E = exports_external.object({ method: exports_external.literal("ui/notifications/tool-result"), params: CallToolResultSchema.describe("Standard MCP tool execution result.") });
|
|
28340
|
+
var k = exports_external.object({ toolInfo: exports_external.object({ id: RequestIdSchema.optional().describe("JSON-RPC id of the tools/call request."), tool: ToolSchema.describe("Tool definition including name, inputSchema, etc.") }).optional().describe("Metadata of the tool call that instantiated this App."), theme: g.optional().describe("Current color theme preference."), styles: y.optional().describe("Style configuration for theming the app."), displayMode: G.optional().describe("How the UI is currently displayed."), availableDisplayModes: exports_external.array(G).optional().describe("Display modes the host supports."), containerDimensions: exports_external.union([exports_external.object({ height: exports_external.number().describe("Fixed container height in pixels.") }), exports_external.object({ maxHeight: exports_external.union([exports_external.number(), exports_external.undefined()]).optional().describe("Maximum container height in pixels.") })]).and(exports_external.union([exports_external.object({ width: exports_external.number().describe("Fixed container width in pixels.") }), exports_external.object({ maxWidth: exports_external.union([exports_external.number(), exports_external.undefined()]).optional().describe("Maximum container width in pixels.") })])).optional().describe(`Container dimensions. Represents the dimensions of the iframe or other
|
|
28340
28341
|
container holding the app. Specify either width or maxWidth, and either height or maxHeight.`), locale: exports_external.string().optional().describe("User's language and region preference in BCP 47 format."), timeZone: exports_external.string().optional().describe("User's timezone in IANA format."), userAgent: exports_external.string().optional().describe("Host application identifier."), platform: exports_external.union([exports_external.literal("web"), exports_external.literal("desktop"), exports_external.literal("mobile")]).optional().describe("Platform type for responsive design decisions."), deviceCapabilities: exports_external.object({ touch: exports_external.boolean().optional().describe("Whether the device supports touch input."), hover: exports_external.boolean().optional().describe("Whether the device supports hover interactions.") }).optional().describe("Device input capabilities."), safeAreaInsets: exports_external.object({ top: exports_external.number().describe("Top safe area inset in pixels."), right: exports_external.number().describe("Right safe area inset in pixels."), bottom: exports_external.number().describe("Bottom safe area inset in pixels."), left: exports_external.number().describe("Left safe area inset in pixels.") }).optional().describe("Mobile safe area boundaries in pixels.") }).passthrough();
|
|
28341
|
-
var
|
|
28342
|
+
var R = exports_external.object({ method: exports_external.literal("ui/notifications/host-context-changed"), params: k.describe("Partial context update containing only changed fields.") });
|
|
28342
28343
|
var LQ = exports_external.object({ method: exports_external.literal("ui/update-model-context"), params: exports_external.object({ content: exports_external.array(ContentBlockSchema).optional().describe("Context content blocks (text, image, etc.)."), structuredContent: exports_external.record(exports_external.string(), exports_external.unknown().describe("Structured content for machine-readable context data.")).optional().describe("Structured content for machine-readable context data.") }) });
|
|
28343
|
-
var
|
|
28344
|
-
var
|
|
28344
|
+
var WQ = exports_external.object({ method: exports_external.literal("ui/initialize"), params: exports_external.object({ appInfo: ImplementationSchema.describe("App identification (name and version)."), appCapabilities: f.describe("Features and capabilities this app provides."), protocolVersion: exports_external.string().describe("Protocol version this app supports.") }) });
|
|
28345
|
+
var U = exports_external.object({ protocolVersion: exports_external.string().describe('Negotiated protocol version string (e.g., "2025-11-21").'), hostInfo: ImplementationSchema.describe("Host application identification and version."), hostCapabilities: C.describe("Features and capabilities provided by the host."), hostContext: k.describe("Rich context about the host environment.") }).passthrough();
|
|
28345
28346
|
var v = "ui/resourceUri";
|
|
28346
28347
|
var d = "text/html;profile=mcp-app";
|
|
28347
28348
|
|
|
28348
|
-
class
|
|
28349
|
+
class OQ extends Protocol {
|
|
28349
28350
|
_appInfo;
|
|
28350
28351
|
_capabilities;
|
|
28351
28352
|
options;
|
|
@@ -28377,13 +28378,13 @@ class qQ extends Protocol {
|
|
|
28377
28378
|
this.setNotificationHandler(P, ($) => Z($.params));
|
|
28378
28379
|
}
|
|
28379
28380
|
set ontoolresult(Z) {
|
|
28380
|
-
this.setNotificationHandler(
|
|
28381
|
+
this.setNotificationHandler(E, ($) => Z($.params));
|
|
28381
28382
|
}
|
|
28382
28383
|
set ontoolcancelled(Z) {
|
|
28383
28384
|
this.setNotificationHandler(H, ($) => Z($.params));
|
|
28384
28385
|
}
|
|
28385
28386
|
set onhostcontextchanged(Z) {
|
|
28386
|
-
this.setNotificationHandler(
|
|
28387
|
+
this.setNotificationHandler(R, ($) => {
|
|
28387
28388
|
this._hostContext = { ...this._hostContext, ...$.params }, Z($.params);
|
|
28388
28389
|
});
|
|
28389
28390
|
}
|
|
@@ -28445,6 +28446,9 @@ class qQ extends Protocol {
|
|
|
28445
28446
|
downloadFile(Z, $) {
|
|
28446
28447
|
return this.request({ method: "ui/download-file", params: Z }, I, $);
|
|
28447
28448
|
}
|
|
28449
|
+
requestTeardown(Z = {}) {
|
|
28450
|
+
return this.notification({ method: "ui/notifications/request-teardown", params: Z });
|
|
28451
|
+
}
|
|
28448
28452
|
requestDisplayMode(Z, $) {
|
|
28449
28453
|
return this.request({ method: "ui/request-display-mode", params: Z }, T, $);
|
|
28450
28454
|
}
|
|
@@ -28457,11 +28461,11 @@ class qQ extends Protocol {
|
|
|
28457
28461
|
return;
|
|
28458
28462
|
Z = true, requestAnimationFrame(() => {
|
|
28459
28463
|
Z = false;
|
|
28460
|
-
let V = document.documentElement,
|
|
28464
|
+
let V = document.documentElement, L = V.style.width, W = V.style.height;
|
|
28461
28465
|
V.style.width = "fit-content", V.style.height = "max-content";
|
|
28462
|
-
let
|
|
28463
|
-
V.style.width =
|
|
28464
|
-
let h = window.innerWidth - V.clientWidth, N = Math.ceil(
|
|
28466
|
+
let x = V.getBoundingClientRect();
|
|
28467
|
+
V.style.width = L, V.style.height = W;
|
|
28468
|
+
let h = window.innerWidth - V.clientWidth, N = Math.ceil(x.width + h), Y = Math.ceil(x.height);
|
|
28465
28469
|
if (N !== $ || Y !== J)
|
|
28466
28470
|
$ = N, J = Y, this.sendSizeChanged({ width: N, height: Y });
|
|
28467
28471
|
});
|
|
@@ -28475,7 +28479,7 @@ class qQ extends Protocol {
|
|
|
28475
28479
|
throw Error("App is already connected. Call close() before connecting again.");
|
|
28476
28480
|
await super.connect(Z);
|
|
28477
28481
|
try {
|
|
28478
|
-
let J = await this.request({ method: "ui/initialize", params: { appCapabilities: this._capabilities, appInfo: this._appInfo, protocolVersion: F } },
|
|
28482
|
+
let J = await this.request({ method: "ui/initialize", params: { appCapabilities: this._capabilities, appInfo: this._appInfo, protocolVersion: F } }, U, $);
|
|
28479
28483
|
if (J === undefined)
|
|
28480
28484
|
throw Error(`Server sent invalid initialize result: ${J}`);
|
|
28481
28485
|
if (this._hostCapabilities = J.hostCapabilities, this._hostInfo = J.hostInfo, this._hostContext = J.hostContext, await this.notification({ method: "ui/notifications/initialized" }), this.options?.autoResize)
|
|
@@ -28485,15 +28489,15 @@ class qQ extends Protocol {
|
|
|
28485
28489
|
}
|
|
28486
28490
|
}
|
|
28487
28491
|
}
|
|
28488
|
-
function
|
|
28489
|
-
let D = J._meta, V = D.ui,
|
|
28490
|
-
if (V?.resourceUri && !
|
|
28492
|
+
function hZ(Z, $, J, X) {
|
|
28493
|
+
let D = J._meta, V = D.ui, L = D[v], W = D;
|
|
28494
|
+
if (V?.resourceUri && !L)
|
|
28491
28495
|
W = { ...D, [v]: V.resourceUri };
|
|
28492
|
-
else if (
|
|
28493
|
-
W = { ...D, ui: { ...V, resourceUri:
|
|
28496
|
+
else if (L && !V?.resourceUri)
|
|
28497
|
+
W = { ...D, ui: { ...V, resourceUri: L } };
|
|
28494
28498
|
return Z.registerTool($, { ...J, _meta: W }, X);
|
|
28495
28499
|
}
|
|
28496
|
-
function
|
|
28500
|
+
function mZ(Z, $, J, X, D) {
|
|
28497
28501
|
return Z.registerResource($, J, { mimeType: d, ...X }, D);
|
|
28498
28502
|
}
|
|
28499
28503
|
|
|
@@ -28505,7 +28509,7 @@ function createServer() {
|
|
|
28505
28509
|
version: "1.0.0"
|
|
28506
28510
|
});
|
|
28507
28511
|
const resourceUri = "ui://get-time/mcp-app.html";
|
|
28508
|
-
|
|
28512
|
+
hZ(server, "get-time", {
|
|
28509
28513
|
title: "Get Time",
|
|
28510
28514
|
description: "Returns the current server time as an ISO 8601 string.",
|
|
28511
28515
|
inputSchema: {},
|
|
@@ -28514,7 +28518,7 @@ function createServer() {
|
|
|
28514
28518
|
const time3 = new Date().toISOString();
|
|
28515
28519
|
return { content: [{ type: "text", text: time3 }] };
|
|
28516
28520
|
});
|
|
28517
|
-
|
|
28521
|
+
mZ(server, resourceUri, resourceUri, { mimeType: d }, async () => {
|
|
28518
28522
|
const html = await fs.readFile(path.join(DIST_DIR, "mcp-app.html"), "utf-8");
|
|
28519
28523
|
return {
|
|
28520
28524
|
contents: [
|