mcpgraph-ux 0.1.1 → 0.1.2

package/app/api/graph/route.ts

@@ -1,6 +1,9 @@
 import { NextResponse } from 'next/server';
 import { McpGraphApi, type NodeDefinition } from 'mcpgraph';
 
+// Force dynamic rendering - this route requires runtime config
+export const dynamic = 'force-dynamic';
+
 let apiInstance: McpGraphApi | null = null;
 
 function getApi(): McpGraphApi {

package/app/api/tools/[toolName]/route.ts

@@ -1,6 +1,9 @@
 import { NextResponse } from 'next/server';
 import { McpGraphApi } from 'mcpgraph';
 
+// Force dynamic rendering - this route requires runtime config
+export const dynamic = 'force-dynamic';
+
 let apiInstance: McpGraphApi | null = null;
 
 function getApi(): McpGraphApi {

package/app/api/tools/route.ts

@@ -1,6 +1,9 @@
 import { NextResponse } from 'next/server';
 import { McpGraphApi } from 'mcpgraph';
 
+// Force dynamic rendering - this route requires runtime config
+export const dynamic = 'force-dynamic';
+
 let apiInstance: McpGraphApi | null = null;
 
 function getApi(): McpGraphApi {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mcpgraph-ux",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Visual interface for mcpGraph - visualize and test MCP tool execution graphs",
   "main": "server.ts",
   "bin": {

package/server.ts

@@ -3,11 +3,19 @@
 /**
  * Server entry point for mcpGraph UX
  * 
- * Usage: npm run server <port> <config-path>
- * Example: npm run server 3000 ../mcpGraph/examples/count_files.yaml
+ * Usage:
+ *   npm run server <port> <config-path>
+ *   Example: npm run server 3000 ../mcpGraph/examples/count_files.yaml
+ * 
+ * Or set MCPGRAPH_CONFIG_PATH environment variable:
+ *   MCPGRAPH_CONFIG_PATH=../mcpGraph/examples/count_files.yaml npm run server 3000
  * 
  * Or with tsx directly:
- * tsx server.ts 3000 ../mcpGraph/examples/count_files.yaml
+ *   tsx server.ts 3000 ../mcpGraph/examples/count_files.yaml
+ * 
+ * The config path can be provided either as:
+ * - Command-line argument (3rd argument)
+ * - MCPGRAPH_CONFIG_PATH environment variable (takes precedence)
  */
 
 import { createServer } from 'http';
@@ -18,18 +26,24 @@ import { resolve } from 'path';
 const port = parseInt(process.argv[2] || '3000', 10);
 const configPathArg = process.argv[3];
 
-if (!configPathArg) {
+// Use env var if set, otherwise use command-line argument
+let configPath: string;
+if (process.env.MCPGRAPH_CONFIG_PATH) {
+  configPath = resolve(process.cwd(), process.env.MCPGRAPH_CONFIG_PATH);
+  console.log(`Using config path from MCPGRAPH_CONFIG_PATH env var: ${configPath}`);
+} else if (configPathArg) {
+  configPath = resolve(process.cwd(), configPathArg);
+  // Store config path in environment variable for API routes
+  process.env.MCPGRAPH_CONFIG_PATH = configPath;
+} else {
   console.error('Usage: npm run server <port> <config-path>');
   console.error('Example: npm run server 3000 ../mcpGraph/examples/count_files.yaml');
+  console.error('');
+  console.error('Alternatively, set MCPGRAPH_CONFIG_PATH environment variable:');
+  console.error('  MCPGRAPH_CONFIG_PATH=../mcpGraph/examples/count_files.yaml npm run server 3000');
   process.exit(1);
 }
 
-// Resolve config path to absolute path
-const configPath = resolve(process.cwd(), configPathArg);
-
-// Store config path in environment variable for API routes
-process.env.MCPGRAPH_CONFIG_PATH = configPath;
-
 const dev = process.env.NODE_ENV !== 'production';
 const app = next({ dev });
 const handle = app.getRequestHandler();