mcp-use 1.7.0-canary.1 → 1.7.0-canary.3

package/dist/{chunk-PE7UMCVO.js → chunk-3R5PDYIN.js}

@@ -2,8 +2,33 @@ import {
   __name
 } from "./chunk-3GQAWCBQ.js";
 
+// src/utils/url-sanitize.ts
+function sanitizeUrl(raw) {
+  const abort = /* @__PURE__ */ __name(() => {
+    throw new Error(`Invalid url to pass to open(): ${raw}`);
+  }, "abort");
+  let url;
+  try {
+    url = new URL(raw);
+  } catch (_) {
+    abort();
+  }
+  if (url.protocol !== "https:" && url.protocol !== "http:") abort();
+  if (url.hostname !== encodeURIComponent(url.hostname)) abort();
+  if (url.username) url.username = encodeURIComponent(url.username);
+  if (url.password) url.password = encodeURIComponent(url.password);
+  url.pathname = url.pathname.slice(0, 1) + encodeURIComponent(url.pathname.slice(1)).replace(/%2f/gi, "/");
+  url.search = url.search.slice(0, 1) + Array.from(url.searchParams.entries()).map(sanitizeParam).join("&");
+  url.hash = url.hash.slice(0, 1) + encodeURIComponent(url.hash.slice(1));
+  return url.href;
+}
+__name(sanitizeUrl, "sanitizeUrl");
+function sanitizeParam([k, v]) {
+  return `${encodeURIComponent(k)}${v.length > 0 ? `=${encodeURIComponent(v)}` : ""}`;
+}
+__name(sanitizeParam, "sanitizeParam");
+
 // src/auth/browser-provider.ts
-import { sanitizeUrl } from "strict-url-sanitise";
 var BrowserOAuthClientProvider = class {
   static {
     __name(this, "BrowserOAuthClientProvider");
@@ -372,6 +397,7 @@ async function onMcpAuthorization() {
 __name(onMcpAuthorization, "onMcpAuthorization");
 
 export {
+  sanitizeUrl,
   BrowserOAuthClientProvider,
   onMcpAuthorization
 };

package/dist/{chunk-XN2PU4PS.js → chunk-BBEY6HHN.js}

@@ -1,16 +1,16 @@
 import {
   BrowserMCPClient
-} from "./chunk-QSLJXXMG.js";
+} from "./chunk-PSO6HYXH.js";
 import {
-  BrowserOAuthClientProvider
-} from "./chunk-PE7UMCVO.js";
+  BrowserOAuthClientProvider,
+  sanitizeUrl
+} from "./chunk-3R5PDYIN.js";
 import {
   __name
 } from "./chunk-3GQAWCBQ.js";
 
 // src/react/useMcp.ts
 import { useCallback, useEffect, useRef, useState } from "react";
-import { sanitizeUrl } from "strict-url-sanitise";
 
 // src/utils/assert.ts
 function assert(condition, message) {
@@ -1490,8 +1490,25 @@ function WidgetControls({
 __name(WidgetControls, "WidgetControls");
 
 // src/react/McpUseProvider.tsx
-import React5, { StrictMode, useCallback as useCallback3, useEffect as useEffect5, useRef as useRef3 } from "react";
-import { BrowserRouter } from "react-router-dom";
+import React5, {
+  StrictMode,
+  useCallback as useCallback3,
+  useEffect as useEffect5,
+  useRef as useRef3,
+  useState as useState5
+} from "react";
+var BrowserRouter = null;
+var routerError = null;
+(async () => {
+  try {
+    const routerModule = await import("react-router-dom");
+    BrowserRouter = routerModule.BrowserRouter;
+  } catch (error) {
+    routerError = new Error(
+      "\u274C react-router-dom not installed!\n\nTo use MCP widgets with McpUseProvider, you need to install:\n\n  npm install react-router-dom\n  # or\n  pnpm add react-router-dom\n\nThis dependency is automatically included in projects created with 'create-mcp-use-app'."
+    );
+  }
+})();
 function getBasename() {
   if (typeof window === "undefined") return "/";
   const path = window.location.pathname;
@@ -1515,6 +1532,33 @@ function McpUseProvider({
   const lastHeightRef = useRef3(0);
   const debounceTimeoutRef = useRef3(null);
   const notificationInProgressRef = useRef3(false);
+  const [BrowserRouter2, setBrowserRouter] = useState5(null);
+  const [routerError2, setRouterError] = useState5(null);
+  const [isRouterLoading, setIsRouterLoading] = useState5(true);
+  useEffect5(() => {
+    let mounted = true;
+    (async () => {
+      try {
+        const routerModule = await import("react-router-dom");
+        if (mounted) {
+          setBrowserRouter(() => routerModule.BrowserRouter);
+          setIsRouterLoading(false);
+        }
+      } catch (error) {
+        if (mounted) {
+          setRouterError(
+            new Error(
+              "\u274C react-router-dom not installed!\n\nTo use MCP widgets with McpUseProvider, you need to install:\n\n  npm install react-router-dom\n  # or\n  pnpm add react-router-dom\n\nThis dependency is automatically included in projects created with 'create-mcp-use-app'."
+            )
+          );
+          setIsRouterLoading(false);
+        }
+      }
+    })();
+    return () => {
+      mounted = false;
+    };
+  }, []);
   const notifyHeight = useCallback3((height) => {
     if (typeof window !== "undefined" && window.openai?.notifyIntrinsicHeight) {
       notificationInProgressRef.current = true;
@@ -1580,12 +1624,20 @@ function McpUseProvider({
       notificationInProgressRef.current = false;
     };
   }, [autoSize, debouncedNotifyHeight]);
+  if (isRouterLoading) {
+    return /* @__PURE__ */ React5.createElement(StrictMode, null, /* @__PURE__ */ React5.createElement(ThemeProvider, null, /* @__PURE__ */ React5.createElement("div", { style: { padding: "20px", textAlign: "center" } }, "Loading...")));
+  }
+  if (routerError2) {
+    throw routerError2;
+  }
   let content = children;
   content = /* @__PURE__ */ React5.createElement(ErrorBoundary, null, content);
   if (enableDebugger || viewControls) {
     content = /* @__PURE__ */ React5.createElement(WidgetControls, { debugger: enableDebugger, viewControls }, content);
   }
-  content = /* @__PURE__ */ React5.createElement(BrowserRouter, { basename }, content);
+  if (BrowserRouter2) {
+    content = /* @__PURE__ */ React5.createElement(BrowserRouter2, { basename }, content);
+  }
   content = /* @__PURE__ */ React5.createElement(ThemeProvider, null, content);
   if (autoSize) {
     const containerStyle = {

package/dist/{chunk-YURRUCIM.js → chunk-CPG2WZUL.js}

@@ -6,8 +6,6 @@ import {
 } from "./chunk-3GQAWCBQ.js";
 
 // src/observability/langfuse.ts
-import { config } from "dotenv";
-config();
 var langfuseDisabled = process.env.MCP_USE_LANGFUSE?.toLowerCase() === "false";
 var langfuseState = {
   handler: null,
@@ -33,13 +31,13 @@ async function initializeLangfuse(agentId, metadata, metadataProvider, tagsProvi
       metadataProvider;
       tagsProvider;
       verbose;
-      constructor(config3, agentId2, metadata2, metadataProvider2, tagsProvider2) {
-        super(config3);
+      constructor(config2, agentId2, metadata2, metadataProvider2, tagsProvider2) {
+        super(config2);
         this.agentId = agentId2;
         this.metadata = metadata2;
         this.metadataProvider = metadataProvider2;
         this.tagsProvider = tagsProvider2;
-        this.verbose = config3?.verbose ?? false;
+        this.verbose = config2?.verbose ?? false;
       }
       // Override to add custom metadata to traces
       async handleChainStart(chain, inputs, runId, parentRunId, tags, metadata2, name, kwargs) {
@@ -164,7 +162,7 @@ async function initializeLangfuse(agentId, metadata, metadataProvider, tagsProvi
     }
     const initialMetadata = metadata || (metadataProvider ? metadataProvider() : {});
     const initialTags = tagsProvider ? tagsProvider() : [];
-    const config2 = {
+    const config = {
       publicKey: process.env.LANGFUSE_PUBLIC_KEY,
       secretKey: process.env.LANGFUSE_SECRET_KEY,
       baseUrl: process.env.LANGFUSE_HOST || process.env.LANGFUSE_BASEURL || "https://cloud.langfuse.com",
@@ -189,17 +187,17 @@ async function initializeLangfuse(agentId, metadata, metadataProvider, tagsProvi
       "Langfuse handler config:",
       JSON.stringify(
         {
-          traceName: config2.traceName,
-          sessionId: config2.sessionId,
-          userId: config2.userId,
-          tags: config2.tags
+          traceName: config.traceName,
+          sessionId: config.sessionId,
+          userId: config.userId,
+          tags: config.tags
         },
         null,
         2
       )
     );
     langfuseState.handler = new LoggingCallbackHandler(
-      config2,
+      config,
       agentId,
       metadata,
       metadataProvider,

package/dist/{chunk-R5DJJ4IV.js → chunk-F4UHAA5L.js}

@@ -1,3 +1,6 @@
+import {
+  getEnv
+} from "./chunk-MTHLLDCX.js";
 import {
   __name
 } from "./chunk-3GQAWCBQ.js";
@@ -425,91 +428,6 @@ var CustomOAuthProvider = class {
   }
 };
 
-// src/server/utils/runtime.ts
-var isDeno = typeof globalThis.Deno !== "undefined";
-function getEnv(key) {
-  if (isDeno) {
-    return globalThis.Deno.env.get(key);
-  }
-  return process.env[key];
-}
-__name(getEnv, "getEnv");
-function getCwd() {
-  if (isDeno) {
-    return globalThis.Deno.cwd();
-  }
-  return process.cwd();
-}
-__name(getCwd, "getCwd");
-var fsHelpers = {
-  async readFileSync(path, encoding = "utf8") {
-    if (isDeno) {
-      return await globalThis.Deno.readTextFile(path);
-    }
-    const { readFileSync } = await import("fs");
-    const result = readFileSync(path, encoding);
-    return typeof result === "string" ? result : result.toString(encoding);
-  },
-  async readFile(path) {
-    if (isDeno) {
-      const data = await globalThis.Deno.readFile(path);
-      return data.buffer;
-    }
-    const { readFileSync } = await import("fs");
-    const buffer = readFileSync(path);
-    return buffer.buffer.slice(
-      buffer.byteOffset,
-      buffer.byteOffset + buffer.byteLength
-    );
-  },
-  async existsSync(path) {
-    if (isDeno) {
-      try {
-        await globalThis.Deno.stat(path);
-        return true;
-      } catch {
-        return false;
-      }
-    }
-    const { existsSync } = await import("fs");
-    return existsSync(path);
-  },
-  async readdirSync(path) {
-    if (isDeno) {
-      const entries = [];
-      for await (const entry of globalThis.Deno.readDir(path)) {
-        entries.push(entry.name);
-      }
-      return entries;
-    }
-    const { readdirSync } = await import("fs");
-    return readdirSync(path);
-  }
-};
-var pathHelpers = {
-  join(...paths) {
-    if (isDeno) {
-      return paths.join("/").replace(/\/+/g, "/");
-    }
-    return paths.join("/").replace(/\/+/g, "/");
-  },
-  relative(from, to) {
-    const fromParts = from.split("/").filter((p) => p);
-    const toParts = to.split("/").filter((p) => p);
-    let i = 0;
-    while (i < fromParts.length && i < toParts.length && fromParts[i] === toParts[i]) {
-      i++;
-    }
-    const upCount = fromParts.length - i;
-    const relativeParts = [...Array(upCount).fill(".."), ...toParts.slice(i)];
-    return relativeParts.join("/");
-  }
-};
-function generateUUID() {
-  return globalThis.crypto.randomUUID();
-}
-__name(generateUUID, "generateUUID");
-
 // src/server/oauth/providers.ts
 function oauthSupabaseProvider(config = {}) {
   const projectId = config.projectId ?? getEnv("MCP_USE_OAUTH_SUPABASE_PROJECT_ID");
@@ -921,12 +839,6 @@ function requireAnyScope(needed) {
 __name(requireAnyScope, "requireAnyScope");
 
 export {
-  isDeno,
-  getEnv,
-  getCwd,
-  fsHelpers,
-  pathHelpers,
-  generateUUID,
   oauthSupabaseProvider,
   oauthAuth0Provider,
   oauthKeycloakProvider,

package/dist/chunk-MTHLLDCX.js

@@ -0,0 +1,97 @@
+import {
+  __name
+} from "./chunk-3GQAWCBQ.js";
+
+// src/server/utils/runtime.ts
+var isDeno = typeof globalThis.Deno !== "undefined";
+function getEnv(key) {
+  if (isDeno) {
+    return globalThis.Deno.env.get(key);
+  }
+  return process.env[key];
+}
+__name(getEnv, "getEnv");
+function getCwd() {
+  if (isDeno) {
+    return globalThis.Deno.cwd();
+  }
+  return process.cwd();
+}
+__name(getCwd, "getCwd");
+var fsHelpers = {
+  async readFileSync(path, encoding = "utf8") {
+    if (isDeno) {
+      return await globalThis.Deno.readTextFile(path);
+    }
+    const { readFileSync } = await import("fs");
+    const result = readFileSync(path, encoding);
+    return typeof result === "string" ? result : result.toString(encoding);
+  },
+  async readFile(path) {
+    if (isDeno) {
+      const data = await globalThis.Deno.readFile(path);
+      return data.buffer;
+    }
+    const { readFileSync } = await import("fs");
+    const buffer = readFileSync(path);
+    return buffer.buffer.slice(
+      buffer.byteOffset,
+      buffer.byteOffset + buffer.byteLength
+    );
+  },
+  async existsSync(path) {
+    if (isDeno) {
+      try {
+        await globalThis.Deno.stat(path);
+        return true;
+      } catch {
+        return false;
+      }
+    }
+    const { existsSync } = await import("fs");
+    return existsSync(path);
+  },
+  async readdirSync(path) {
+    if (isDeno) {
+      const entries = [];
+      for await (const entry of globalThis.Deno.readDir(path)) {
+        entries.push(entry.name);
+      }
+      return entries;
+    }
+    const { readdirSync } = await import("fs");
+    return readdirSync(path);
+  }
+};
+var pathHelpers = {
+  join(...paths) {
+    if (isDeno) {
+      return paths.join("/").replace(/\/+/g, "/");
+    }
+    return paths.join("/").replace(/\/+/g, "/");
+  },
+  relative(from, to) {
+    const fromParts = from.split("/").filter((p) => p);
+    const toParts = to.split("/").filter((p) => p);
+    let i = 0;
+    while (i < fromParts.length && i < toParts.length && fromParts[i] === toParts[i]) {
+      i++;
+    }
+    const upCount = fromParts.length - i;
+    const relativeParts = [...Array(upCount).fill(".."), ...toParts.slice(i)];
+    return relativeParts.join("/");
+  }
+};
+function generateUUID() {
+  return globalThis.crypto.randomUUID();
+}
+__name(generateUUID, "generateUUID");
+
+export {
+  isDeno,
+  getEnv,
+  getCwd,
+  fsHelpers,
+  pathHelpers,
+  generateUUID
+};

package/dist/{chunk-QSLJXXMG.js → chunk-PSO6HYXH.js}

@@ -1,6 +1,9 @@
 import {
   BaseConnector
 } from "./chunk-2JBWOW4S.js";
+import {
+  generateUUID
+} from "./chunk-MTHLLDCX.js";
 import {
   logger
 } from "./chunk-34R6SIER.js";
@@ -509,9 +512,6 @@ var HttpConnector = class extends BaseConnector {
   }
 };
 
-// src/connectors/websocket.ts
-import { v4 as uuidv4 } from "uuid";
-
 // src/task_managers/websocket.ts
 import WS from "ws";
 var WebSocketConnectionManager = class extends ConnectionManager {
@@ -630,7 +630,7 @@ var WebSocketConnector = class extends BaseConnector {
   }
   sendRequest(method, params = null) {
     if (!this.ws) throw new Error("WebSocket is not connected");
-    const id = uuidv4();
+    const id = generateUUID();
     const payload = JSON.stringify({ id, method, params: params ?? {} });
     return new Promise((resolve, reject) => {
       this.pending.set(id, { resolve, reject });