@mcp-use/inspector 20.0.0-beta.8 → 20.0.0

package/dist/cdn/ViewPreview-CBhrVdwx.js

@@ -1,238 +0,0 @@
-import { s as e, t } from "./react-BIs9pQ3H.js";
-import { n } from "./createLucideIcon-BONxC1L5.js";
-import { d as r, r as i } from "./react-Bl-hSkvn.js";
-import { t as a } from "./basePath-B8HuhIMu.js";
-import { c as o, s } from "./chunk-QUQL4437-XnDcYQEx.js";
-import { t as c } from "./useViewHostProps-CDOm2w6u.js";
-//#region src/client/components/ViewPreview.tsx
-var l = /* @__PURE__ */ e(t(), 1), u = n(), d = "preview-default";
-function f(e) {
-	if (!e) return {};
-	try {
-		let t = atob(e), n = JSON.parse(t);
-		if (n && typeof n == "object") return n;
-	} catch {}
-	return {};
-}
-function p(e, t) {
-	let n = `ui://widget/${t}`, r = e.find((e) => e.uri.startsWith(`${n}.`) && e.uri.endsWith(".html"));
-	return r ? r.uri : e.find((e) => e.name === t)?.uri;
-}
-function m() {
-	let e = globalThis.__mcpUsePreviewBundle;
-	if (!e || typeof e != "object") return;
-	let t = e;
-	if (typeof t.resourceUri == "string") return t;
-}
-function h() {
-	(0, l.useEffect)(() => {
-		let e = document.documentElement, t = document.body, n = e.style.margin, r = t.style.margin, i = t.style.overflow;
-		return e.style.margin = "0", t.style.margin = "0", t.style.overflow = "hidden", () => {
-			e.style.margin = n, t.style.margin = r, t.style.overflow = i;
-		};
-	}, []);
-}
-function g(e, t) {
-	(0, l.useEffect)(() => {
-		let n = () => {
-			document.body.dataset.viewError = "runtime_error";
-		};
-		return e && !t && (document.body.dataset.viewError = "invalid_payload"), window.addEventListener("error", n), window.addEventListener("unhandledrejection", n), () => {
-			window.removeEventListener("error", n), window.removeEventListener("unhandledrejection", n), delete document.body.dataset.viewError;
-		};
-	}, [e, t]);
-}
-function _(e) {
-	(0, l.useEffect)(() => {
-		if (!e) return;
-		let t = !1;
-		return (async () => {
-			try {
-				await document.fonts.ready;
-			} catch {}
-			t || (await new Promise((e) => requestAnimationFrame(() => e(void 0))), await new Promise((e) => requestAnimationFrame(() => e(void 0))), !t && document.body.setAttribute("data-view-ready", "true"));
-		})(), () => {
-			t = !0, document.body.removeAttribute("data-view-ready");
-		};
-	}, [e]);
-}
-function v(e, t) {
-	(0, l.useEffect)(() => {
-		if (!e) return;
-		let n = !1, r, i, a = (e) => {
-			n || (e && (document.body.dataset.viewX = String(Math.round(e.left)), document.body.dataset.viewY = String(Math.round(e.top)), document.body.dataset.viewWidth = String(Math.round(e.width)), document.body.dataset.viewHeight = String(Math.round(e.height))), document.body.setAttribute("data-view-ready", "true"));
-		};
-		return (async () => {
-			try {
-				await document.fonts.ready;
-			} catch {}
-			if (n || (await new Promise((e) => requestAnimationFrame(() => e(void 0))), await new Promise((e) => requestAnimationFrame(() => e(void 0))), n)) return;
-			let e = t.current?.querySelector("iframe");
-			if (!e) {
-				a(null);
-				return;
-			}
-			let o = () => {
-				r && clearTimeout(r), r = setTimeout(() => {
-					n || (i?.disconnect(), a(e.getBoundingClientRect()));
-				}, 250);
-			};
-			i = new ResizeObserver(o), i.observe(e), o();
-		})(), () => {
-			n = !0, r && clearTimeout(r), i?.disconnect(), document.body.removeAttribute("data-view-ready"), delete document.body.dataset.viewX, delete document.body.dataset.viewY, delete document.body.dataset.viewWidth, delete document.body.dataset.viewHeight;
-		};
-	}, [e, t]);
-}
-function y({ view: e, bundle: t, widthOverride: n }) {
-	let [r, a] = (0, l.useState)(!1), o = (0, l.useRef)(null);
-	h(), v(r, o);
-	let s = (0, l.useMemo)(() => async (e) => {
-		if (e === t.resourceUri) return t.resourceContents;
-		throw Error(`Resource ${e} not in screenshot bundle`);
-	}, [t]);
-	return /* @__PURE__ */ (0, u.jsx)("div", {
-		ref: o,
-		style: {
-			width: "100vw",
-			height: "100vh"
-		},
-		children: /* @__PURE__ */ (0, u.jsx)(i, {
-			viewId: (0, l.useMemo)(() => `preview-bundle-${e}-${Date.now().toString(36)}`, [e]),
-			toolName: e,
-			toolInput: t.toolInput,
-			toolOutput: t.toolOutput,
-			displayMode: "inline",
-			inlineMaxWidth: n,
-			chromeless: !0,
-			onReady: () => a(!0),
-			source: {
-				kind: "live",
-				connection: {
-					callTool: async () => {
-						throw Error("Preview bundle mode has no server connection");
-					},
-					readResource: s
-				},
-				resourceUri: t.resourceUri
-			},
-			cspMode: "permissive",
-			hostInfo: {
-				name: "mcp-use-inspector",
-				version: "11.0.0"
-			},
-			mockOpenAiFileApis: !0
-		})
-	});
-}
-function b({ view: e }) {
-	let [t] = o(), n = (0, l.useMemo)(() => f(t.get("props")), [t]), s = (0, l.useMemo)(() => t.get("server") || `${window.location.origin}${a() || "/"}`, [t]), m = (0, l.useMemo)(() => {
-		let e = t.get("headers");
-		if (e) try {
-			let t = JSON.parse(atob(e));
-			if (t && typeof t == "object") return t;
-		} catch {}
-	}, [t]), { servers: g, addServer: v, storageLoaded: y } = r(), b = g.find((e) => e.id === d);
-	(0, l.useEffect)(() => {
-		y && v(d, {
-			url: s,
-			displayName: "Preview",
-			protocolNegotiation: "auto",
-			...m ? { headers: m } : {}
-		});
-	}, [
-		y,
-		s,
-		m,
-		v
-	]);
-	let x = b?.state === "ready", S = b?.state === "failed", C = (0, l.useMemo)(() => {
-		if (x) return p(b.resources, e);
-	}, [
-		x,
-		b?.resources,
-		e
-	]), w = (0, l.useMemo)(() => `preview-${e}-${Date.now().toString(36)}`, [e]), T = (0, l.useMemo)(() => async (e) => {
-		if (!b?.readResource) throw Error("Server not ready");
-		return b.readResource(e);
-	}, [b]), [E, D] = (0, l.useState)(!1);
-	_(E), h();
-	let O = c({
-		serverId: d,
-		viewId: w,
-		resourceUri: C ?? "",
-		toolName: e,
-		toolInput: n.toolInput,
-		toolOutput: n.toolOutput,
-		readResource: T,
-		displayMode: "fullscreen",
-		chromeless: !0,
-		onReady: () => D(!0)
-	});
-	return S ? /* @__PURE__ */ (0, u.jsxs)("div", {
-		style: {
-			padding: 16,
-			fontFamily: "monospace",
-			color: "#b00"
-		},
-		children: [
-			"Failed to connect to MCP server at ",
-			s,
-			"."
-		]
-	}) : !x || !C ? x && !C ? /* @__PURE__ */ (0, u.jsxs)("div", {
-		style: {
-			padding: 16,
-			fontFamily: "monospace",
-			color: "#b00"
-		},
-		children: [
-			"View \"",
-			e,
-			"\" not found on ",
-			s,
-			"."
-		]
-	}) : /* @__PURE__ */ (0, u.jsx)("div", {
-		style: {
-			width: "100vw",
-			height: "100vh",
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center",
-			fontFamily: "monospace",
-			color: "var(--muted-foreground, #888)"
-		},
-		children: "Loading…"
-	}) : /* @__PURE__ */ (0, u.jsx)("div", {
-		style: {
-			width: "100vw",
-			height: "100vh"
-		},
-		children: O && C ? /* @__PURE__ */ (0, u.jsx)(i, {
-			viewId: w,
-			toolName: e,
-			toolInput: n.toolInput,
-			toolOutput: n.toolOutput,
-			displayMode: "fullscreen",
-			chromeless: !0,
-			...O
-		}) : null
-	});
-}
-function x() {
-	let e = s(), [t] = o(), n = e.view ?? "", r = (0, l.useMemo)(() => m(), []), i = t.get("protocol") === "1";
-	g(i, r !== void 0);
-	let a = (0, l.useMemo)(() => {
-		let e = t.get("width");
-		if (!e) return;
-		let n = parseInt(e, 10);
-		return Number.isFinite(n) && n > 0 ? n : void 0;
-	}, [t]);
-	return r ? /* @__PURE__ */ (0, u.jsx)(y, {
-		view: n,
-		bundle: r,
-		widthOverride: a
-	}) : i ? null : /* @__PURE__ */ (0, u.jsx)(b, { view: n });
-}
-//#endregion
-export { x as ViewPreview };

package/dist/cdn/WidgetDebugContext-B6yoOVVV.js

@@ -1,314 +0,0 @@
-import { s as e, t } from "./react-BIs9pQ3H.js";
-import { n } from "./createLucideIcon-BONxC1L5.js";
-//#region src/client/context/ThemeContext.tsx
-var r = /* @__PURE__ */ e(t(), 1), i = n(), a = (0, r.createContext)(void 0);
-function o() {
-	let e = (0, r.use)(a);
-	if (e === void 0) throw Error("useTheme must be used within a ThemeProvider");
-	return e;
-}
-function s({ children: e, defaultTheme: t = "system", storageKey: n = "theme", forcedTheme: o }) {
-	let [s, c] = (0, r.useState)(o || t), [l, u] = (0, r.useState)(!1), d = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", f = s === "system" ? d() : s, p = (e) => {
-		let t = document.documentElement, r = e === "system" ? d() : e;
-		t.classList.remove("light", "dark"), t.classList.add(r), o || localStorage.setItem(n, e);
-	};
-	return (0, r.useEffect)(() => {
-		u(!0);
-		let e = localStorage.getItem(n), r = o || e || t;
-		c(r), p(r);
-	}, [
-		t,
-		n,
-		o
-	]), (0, r.useEffect)(() => {
-		if (s !== "system") return;
-		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => {
-			p("system");
-		};
-		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, [s]), (0, r.useEffect)(() => {
-		l && p(s);
-	}, [s, l]), /* @__PURE__ */ (0, i.jsx)(a, {
-		value: {
-			theme: s,
-			setTheme: (e) => {
-				if (o) {
-					console.warn("[ThemeProvider] Theme is forced via URL parameter, ignoring setTheme call");
-					return;
-				}
-				c(e);
-			},
-			resolvedTheme: f
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/client/rpc-traffic-coalesce.ts
-var c = 300, l = /(?:^|\/)notifications\//;
-function u(e) {
-	let t = e;
-	return typeof t?.method == "string" ? t.method : null;
-}
-function d(e) {
-	let t = e.message;
-	if (t?.id !== void 0 && t.id !== null || t?.result !== void 0 || t?.error !== void 0) return null;
-	let n = u(e.message);
-	return !n || !l.test(n) ? null : [
-		e.source,
-		e.serverId,
-		e.widgetId ?? "",
-		e.direction,
-		n
-	].join("|");
-}
-function f(e, t, n = Date.now()) {
-	let r = d(e), i = d(t);
-	if (!r || r !== i) return !1;
-	let a = Date.parse(e.timestamp);
-	return Number.isNaN(a) ? !1 : n - a <= c;
-}
-function p(e, t) {
-	return {
-		...e,
-		timestamp: t.timestamp,
-		message: t.message,
-		repeatCount: (e.repeatCount ?? 1) + 1
-	};
-}
-var m = new class {
-	maxEntries;
-	entries = [];
-	listeners = /* @__PURE__ */ new Set();
-	nextId = 0;
-	emitFrame = null;
-	constructor(e = 1e3) {
-		this.maxEntries = e;
-	}
-	publish(e) {
-		let t = this.entries[this.entries.length - 1];
-		if (t && f(t, e, Date.parse(e.timestamp))) {
-			this.entries[this.entries.length - 1] = p(t, e), this.scheduleEmit();
-			return;
-		}
-		this.entries.push({
-			...e,
-			id: `rpc-${++this.nextId}`
-		}), this.entries.length > this.maxEntries && this.entries.splice(0, this.entries.length - this.maxEntries), this.scheduleEmit();
-	}
-	getSnapshot = () => this.entries;
-	subscribe = (e) => (this.listeners.add(e), () => this.listeners.delete(e));
-	clear(e = {}) {
-		let t = new Set(e.serverIds ?? []), n = new Set(e.sources ?? []);
-		t.size === 0 && n.size === 0 ? this.entries = [] : this.entries = this.entries.filter((e) => !((t.size === 0 || t.has(e.serverId)) && (n.size === 0 || n.has(e.source)))), this.scheduleEmit();
-	}
-	peekCoalesceKey(e) {
-		return d(e);
-	}
-	scheduleEmit() {
-		if (this.emitFrame === null) {
-			if (typeof requestAnimationFrame > "u") {
-				this.emit();
-				return;
-			}
-			this.emitFrame = requestAnimationFrame(() => {
-				this.emitFrame = null, this.emit();
-			});
-		}
-	}
-	emit() {
-		this.listeners.forEach((e) => e());
-	}
-}(), h = (0, r.createContext)(void 0), g = {
-	deviceType: "desktop",
-	customViewport: {
-		width: 768,
-		height: 1024
-	},
-	cspMode: "permissive",
-	displayModeOverride: null,
-	capabilities: {
-		hover: !0,
-		touch: !1
-	},
-	safeAreaInsets: {
-		top: 0,
-		right: 0,
-		bottom: 0,
-		left: 0
-	},
-	locale: "en-US",
-	timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC"
-};
-function _({ children: e }) {
-	let [t, n] = (0, r.useState)({
-		activeWidgetId: null,
-		widgets: /* @__PURE__ */ new Map(),
-		playground: g
-	}), a = (0, r.useCallback)((e) => {
-		n((t) => ({
-			...t,
-			activeWidgetId: e
-		}));
-	}, []), o = (0, r.useCallback)((e, t) => {
-		n((n) => {
-			if (n.widgets.has(e)) return n;
-			let r = new Map(n.widgets);
-			return r.set(e, {
-				...t,
-				cspViolations: []
-			}), {
-				...n,
-				widgets: r
-			};
-		});
-	}, []), s = (0, r.useCallback)((e) => {
-		n((t) => {
-			let n = new Map(t.widgets);
-			return n.delete(e), {
-				...t,
-				widgets: n,
-				activeWidgetId: t.activeWidgetId === e ? null : t.activeWidgetId
-			};
-		});
-	}, []), c = (0, r.useRef)(t);
-	c.current = t;
-	let l = (0, r.useCallback)((e) => c.current.widgets.get(e), []), u = (0, r.useCallback)((e, t) => {
-		n((n) => {
-			let r = n.widgets.get(e);
-			if (!r) return n;
-			let i = { cspViolations: [...r.cspViolations, t] };
-			t.originalPolicy && r.effectivePolicy === void 0 && (i.effectivePolicy = t.originalPolicy);
-			let a = new Map(n.widgets);
-			return a.set(e, {
-				...r,
-				...i
-			}), {
-				...n,
-				widgets: a
-			};
-		});
-	}, []), d = (0, r.useCallback)((e) => {
-		n((t) => {
-			let n = t.widgets.get(e);
-			if (!n) return t;
-			let r = new Map(t.widgets);
-			return r.set(e, {
-				...n,
-				cspViolations: []
-			}), {
-				...t,
-				widgets: r
-			};
-		});
-	}, []), f = (0, r.useCallback)((e, t) => {
-		n((n) => {
-			let r = n.widgets.get(e);
-			if (!r) return n;
-			let i = new Map(n.widgets);
-			return i.set(e, {
-				...r,
-				modelContext: t
-			}), {
-				...n,
-				widgets: i
-			};
-		});
-	}, []), p = (0, r.useCallback)((e, t) => {
-		n((n) => {
-			let r = n.widgets.get(e);
-			if (!r) return n;
-			let i = new Map(n.widgets);
-			return i.set(e, {
-				...r,
-				widgetState: t
-			}), {
-				...n,
-				widgets: i
-			};
-		});
-	}, []), m = (0, r.useCallback)((e, t, r) => {
-		n((n) => {
-			let i = n.widgets.get(e);
-			if (!i) return n;
-			let a = new Map(n.widgets);
-			return a.set(e, {
-				...i,
-				declaredCsp: t,
-				...r !== void 0 && { effectivePolicy: r }
-			}), {
-				...n,
-				widgets: a
-			};
-		});
-	}, []), _ = (0, r.useCallback)((e) => {
-		n((t) => ({
-			...t,
-			playground: {
-				...t.playground,
-				...e
-			}
-		}));
-	}, []), v = (0, r.useCallback)(() => {
-		n((e) => ({
-			...e,
-			widgets: /* @__PURE__ */ new Map(),
-			activeWidgetId: null
-		}));
-	}, []), y = (0, r.useCallback)(() => {
-		let e = /* @__PURE__ */ new Map();
-		for (let [n, r] of t.widgets) r.modelContext && e.set(n, r.modelContext);
-		return e;
-	}, [t.widgets]);
-	return /* @__PURE__ */ (0, i.jsx)(h, {
-		value: (0, r.useMemo)(() => ({
-			...t,
-			setActiveWidget: a,
-			addWidget: o,
-			removeWidget: s,
-			getWidget: l,
-			addCspViolation: u,
-			clearCspViolations: d,
-			setWidgetModelContext: f,
-			setWidgetState: p,
-			setWidgetDeclaredCsp: m,
-			updatePlaygroundSettings: _,
-			clearAllWidgets: v,
-			getAllModelContexts: y
-		}), [
-			t,
-			a,
-			o,
-			s,
-			l,
-			u,
-			d,
-			f,
-			p,
-			m,
-			_,
-			v,
-			y
-		]),
-		children: e
-	});
-}
-function v() {
-	let e = (0, r.use)(h);
-	if (!e) throw Error("useWidgetDebug must be used within WidgetDebugProvider");
-	return e;
-}
-var y = {
-	mobile: {
-		width: 390,
-		height: 844,
-		name: "iPhone 14"
-	},
-	desktop: {
-		width: 1440,
-		height: 900,
-		name: "Desktop"
-	}
-};
-//#endregion
-export { u as a, m as i, _ as n, s as o, v as r, o as s, y as t };

package/dist/cdn/WidgetWrapper-BlbQAh_X.js

@@ -1,12 +0,0 @@
-import { n as e } from "./createLucideIcon-BONxC1L5.js";
-import { U as t } from "./button-CB4uOoUV.js";
-//#region src/client/components/ui/WidgetWrapper.tsx
-var n = e();
-function r({ children: e, className: r, noWrapper: i }) {
-	return i ? e : /* @__PURE__ */ (0, n.jsx)("div", {
-		className: t("flex flex-1 items-center justify-center bg-zinc-50 dark:bg-zinc-800", "[background-image:radial-gradient(circle,rgba(0,0,0,0.12)_1px,transparent_1px)]", "dark:[background-image:radial-gradient(circle,rgba(255,255,255,0.1)_1px,transparent_1px)]", "bg-[length:32px_32px]", r),
-		children: e
-	});
-}
-//#endregion
-export { r as t };

package/dist/cdn/basePath-B8HuhIMu.js

@@ -1,25 +0,0 @@
-//#region src/client/utils/basePath.ts
-function e(e) {
-	if (e == null) return "/mcp";
-	let t = e.trim().replace(/\/{2,}/g, "/").replace(/\/+$/, "");
-	return t === "" || t === "/" ? "" : (t.startsWith("/") || (t = `/${t}`), t);
-}
-function t() {
-	if (typeof window > "u") return "";
-	let t = window.location.pathname || "", n = t.indexOf("/inspector");
-	return n <= 0 ? "" : e(t.slice(0, n));
-}
-function n() {
-	if (typeof window > "u") return "";
-	let n = window.__MCP_BASE_PATH__;
-	return n == null ? t() : e(n);
-}
-function r() {
-	return `${n()}/inspector`;
-}
-function i(e) {
-	let t = e.replace(/^\/+/, "");
-	return `${r()}/api/${t}`;
-}
-//#endregion
-export { r as n, i as r, n as t };

package/dist/cdn/bell-GrTZcnD2.js

@@ -1,10 +0,0 @@
-import { t as e } from "./createLucideIcon-BONxC1L5.js";
-var t = e("bell", [["path", {
-	d: "M10.268 21a2 2 0 0 0 3.464 0",
-	key: "vwvbt9"
-}], ["path", {
-	d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
-	key: "11g9vi"
-}]]);
-//#endregion
-export { t };

package/dist/cdn/browser-DG2Z8392.js

@@ -1,42 +0,0 @@
-import { t as e } from "./createLucideIcon-BONxC1L5.js";
-var t = e("check", [["path", {
-	d: "M20 6 9 17l-5-5",
-	key: "1gmf2c"
-}]]), n = e("copy", [["rect", {
-	width: "14",
-	height: "14",
-	x: "8",
-	y: "8",
-	rx: "2",
-	ry: "2",
-	key: "17jyea"
-}], ["path", {
-	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
-	key: "zix9uf"
-}]]);
-//#endregion
-//#region src/client/utils/browser.ts
-function r(e) {
-	let t = document.createElement("textarea");
-	t.value = e, t.style.cssText = "position:fixed;top:-9999px;left:-9999px;opacity:0", document.body.appendChild(t), t.focus(), t.select();
-	try {
-		return document.execCommand("copy");
-	} finally {
-		document.body.removeChild(t);
-	}
-}
-function i(e) {
-	return r(e);
-}
-async function a(e) {
-	if (!r(e)) {
-		if (navigator.clipboard?.writeText) return navigator.clipboard.writeText(e);
-		throw Error("copy failed");
-	}
-}
-function o(e) {
-	let t = Date.now() - e, n = Math.floor(t / 1e3), r = Math.floor(n / 60), i = Math.floor(r / 60), a = Math.floor(i / 24);
-	return n < 60 ? "just now" : r < 60 ? `${r}m ago` : i < 24 ? `${i}h ago` : a < 7 ? `${a}d ago` : new Date(e).toLocaleDateString();
-}
-//#endregion
-export { t as a, n as i, i as n, o as r, a as t };

package/dist/cdn/brush-CelVvMGp.js

@@ -1,17 +0,0 @@
-import { t as e } from "./createLucideIcon-BONxC1L5.js";
-var t = e("brush", [
-	["path", {
-		d: "m11 10 3 3",
-		key: "fzmg1i"
-	}],
-	["path", {
-		d: "M6.5 21A3.5 3.5 0 1 0 3 17.5a2.62 2.62 0 0 1-.708 1.792A1 1 0 0 0 3 21z",
-		key: "p4q2r7"
-	}],
-	["path", {
-		d: "M9.969 17.031 21.378 5.624a1 1 0 0 0-3.002-3.002L6.967 14.031",
-		key: "wy6l02"
-	}]
-]);
-//#endregion
-export { t };