chore: disable stdio & lib config

Author: baotlake

client/package.json

@@ -16,6 +16,7 @@
   ],
   "scripts": {
     "dev": "vite --port 6274",
+    "lib": "vite build -c vite.library.ts",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview --port 6274",
@@ -49,10 +50,13 @@
     "serve-handler": "^6.1.6",
     "tailwind-merge": "^2.5.3",
     "tailwindcss-animate": "^1.0.7",
-    "zod": "^3.25.76"
+    "vite-plugin-dts": "^2.1.0",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
+    "@esbuild/win32-x64": "^0.25.3",
     "@eslint/js": "^9.11.1",
+    "@rollup/rollup-win32-x64-msvc": "^4.40.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@types/jest": "^29.5.14",

client/src/App.tsx

@@ -764,7 +764,7 @@ const App = () => {
     </TabsContent>
   );
 
-  if (window.location.pathname === "/oauth/callback") {
+  if (window.location.pathname === "/inspector/oauth/callback") {
     const OAuthCallback = React.lazy(
       () => import("./components/OAuthCallback"),
     );

client/src/components/OAuthCallback.tsx

@@ -71,7 +71,7 @@ const OAuthCallback = ({ onConnect }: OAuthCallbackProps) => {
     };
 
     handleCallback().finally(() => {
-      window.history.replaceState({}, document.title, "/");
+      window.history.replaceState({}, document.title, "/inspector");
     });
   }, [toast, onConnect]);
 

client/src/components/Sidebar.tsx

@@ -250,7 +250,7 @@ const Sidebar = ({
                 <SelectValue placeholder="Select transport type" />
               </SelectTrigger>
               <SelectContent>
-                <SelectItem value="stdio">STDIO</SelectItem>
+                <SelectItem value="stdio" disabled>STDIO</SelectItem>
                 <SelectItem value="sse">SSE</SelectItem>
                 <SelectItem value="streamable-http">Streamable HTTP</SelectItem>
               </SelectContent>

client/src/index.ts

@@ -0,0 +1,4 @@
+import "./index.css"
+
+export { default as App } from "./App";
+export { TooltipProvider } from "./components/ui/tooltip.tsx";

client/src/lib/auth.ts

@@ -72,7 +72,7 @@ export class InspectorOAuthClientProvider implements OAuthClientProvider {
   }
 
   get redirectUrl() {
-    return window.location.origin + "/oauth/callback";
+    return window.location.origin + "/inspector/oauth/callback";
   }
 
   get clientMetadata(): OAuthClientMetadata {

client/src/lib/hooks/useConnection.ts

@@ -280,7 +280,9 @@ export function useConnection({
 
   const checkProxyHealth = async () => {
     try {
-      const proxyHealthUrl = new URL(`${getMCPProxyAddress(config)}/health`);
+      const url = new URL(sseUrl);
+      // const proxyHealthUrl = new URL(`${getMCPProxyAddress(config)}/health`);
+      const proxyHealthUrl = new URL(`${url.origin}/health`);
       const { token: proxyAuthToken, header: proxyAuthTokenHeader } =
         getMCPProxyAuthToken(config);
       const headers: HeadersInit = {};
@@ -294,7 +296,7 @@ export function useConnection({
       }
     } catch (e) {
       console.error("Couldn't connect to MCP Proxy Server", e);
-      throw e;
+      // throw e;
     }
   };
 
@@ -350,6 +352,16 @@ export function useConnection({
       setConnectionStatus("error-connecting-to-proxy");
       return;
     }
+    // const mcpProxyServerUrl = new URL(`${getMCPProxyAddress(config)}/sse`);
+    const mcpProxyServerUrl = new URL(sseUrl);
+    mcpProxyServerUrl.searchParams.append("transportType", transportType);
+    if (transportType === "stdio") {
+      mcpProxyServerUrl.searchParams.append("command", command);
+      mcpProxyServerUrl.searchParams.append("args", args);
+      mcpProxyServerUrl.searchParams.append("env", JSON.stringify(env));
+    } else {
+      mcpProxyServerUrl.searchParams.append("url", sseUrl);
+    }
 
     try {
       // Inject auth manually instead of using SSEClientTransport, because we're

client/tsconfig.json

@@ -6,6 +6,7 @@
   ],
   "compilerOptions": {
     "baseUrl": ".",
+    "jsx": "react-jsx",
     "paths": {
       "@/*": ["./src/*"]
     }

client/vite.library.ts

@@ -0,0 +1,31 @@
+import react from "@vitejs/plugin-react";
+import path from "path";
+import { defineConfig } from "vite";
+import dts from 'vite-plugin-dts'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react(),dts()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+  build: {
+    emptyOutDir: true,
+    outDir: path.resolve(__dirname, '../../inspector/dist'),
+    lib: {
+      entry: path.resolve(__dirname, "./src/index.ts"),
+      name: "InspectorApp",
+      formats: ["es"],
+      fileName: "index",
+    },
+    minify: false,
+    rollupOptions: {
+      external: ["react", "react-dom", "react/jsx-runtime"],
+      // output: {
+      //   manualChunks: undefined,
+      // },
+    },
+  },
+});