Add typescript langgraph to dojo agents

Author: maxkorp

typescript-sdk/apps/dojo/scripts/generate-content-json.ts

@@ -177,6 +177,15 @@ const agentFilesMapper: Record<string, (agentKeys: string[]) => Record<string, s
       ]
     }), {})
   },
+  'langgraph-typescript': (agentKeys: string[]) => {
+    return agentKeys.reduce((acc, agentId) => ({
+      ...acc,
+      [agentId]: [
+        path.join(__dirname, integrationsFolderPath, `/langgraph/examples/python/agents/${agentId}/agent.py`),
+        path.join(__dirname, integrationsFolderPath, `/langgraph/examples/typescript/src/agents/${agentId}/agent.ts`)
+      ]
+    }), {})
+  },
   'langgraph-fastapi': (agentKeys: string[]) => {
     return agentKeys.reduce((acc, agentId) => ({
       ...acc,

typescript-sdk/apps/dojo/scripts/run-dojo-everything.js

@@ -119,10 +119,8 @@ const dojo = {
     AGNO_URL: 'http://localhost:8002',
     CREW_AI_URL: 'http://localhost:8003',
     LANGGRAPH_FAST_API_URL: 'http://localhost:8004',
-    // TODO: Move this to run 2 platforms for testing.
-    LANGGRAPH_URL: 'http://localhost:8005',
-    // LANGGRAPH_PLATFORM_PYTHON_URL: 'http://localhost:8005',
-    // LANGGRAPH_PLATFORM_TYPESCRIPT_URL: 'http://localhost:8006',
+    LANGGRAPH_PYTHON_URL: 'http://localhost:8005',
+    LANGGRAPH_TYPESCRIPT_URL: 'http://localhost:8006',
     LLAMA_INDEX_URL: 'http://localhost:8007',
     MASTRA_URL: 'http://localhost:8008',
     PYDANTIC_AI_URL: 'http://localhost:8009',
@@ -137,7 +135,6 @@ const procs = [
   crewai,
   langgraphFastapi,
   langgraphPlatformPython,
-  // TODO: Also run the typescript version of langgraph.
   langgraphPlatformTypescript,
   llamaIndex,
   mastra,

typescript-sdk/apps/dojo/src/agents.ts

@@ -115,27 +115,27 @@ export const agentsIntegrations: AgentIntegrationConfig[] = [
     agents: async () => {
       return {
         agentic_chat: new LangGraphAgent({
-          deploymentUrl: envVars.langgraphUrl,
+          deploymentUrl: envVars.langgraphPythonUrl,
           graphId: "agentic_chat",
         }),
         agentic_generative_ui: new LangGraphAgent({
-          deploymentUrl: envVars.langgraphUrl,
+          deploymentUrl: envVars.langgraphPythonUrl,
           graphId: "agentic_generative_ui",
         }),
         human_in_the_loop: new LangGraphAgent({
-          deploymentUrl: envVars.langgraphUrl,
+          deploymentUrl: envVars.langgraphPythonUrl,
           graphId: "human_in_the_loop",
         }),
         predictive_state_updates: new LangGraphAgent({
-          deploymentUrl: envVars.langgraphUrl,
+          deploymentUrl: envVars.langgraphPythonUrl,
           graphId: "predictive_state_updates",
         }),
         shared_state: new LangGraphAgent({
-          deploymentUrl: envVars.langgraphUrl,
+          deploymentUrl: envVars.langgraphPythonUrl,
           graphId: "shared_state",
         }),
         tool_based_generative_ui: new LangGraphAgent({
-          deploymentUrl: envVars.langgraphUrl,
+          deploymentUrl: envVars.langgraphPythonUrl,
           graphId: "tool_based_generative_ui",
         }),
       };
@@ -169,6 +169,37 @@ export const agentsIntegrations: AgentIntegrationConfig[] = [
       };
     },
   },
+  {
+    id: "langgraph-typescript",
+    agents: async () => {
+      return {
+        agentic_chat: new LangGraphAgent({
+          deploymentUrl: envVars.langgraphTypescriptUrl,
+          graphId: "agentic_chat",
+        }),
+        agentic_generative_ui: new LangGraphAgent({
+          deploymentUrl: envVars.langgraphTypescriptUrl,
+          graphId: "agentic_generative_ui",
+        }),
+        human_in_the_loop: new LangGraphAgent({
+          deploymentUrl: envVars.langgraphTypescriptUrl,
+          graphId: "human_in_the_loop",
+        }),
+        predictive_state_updates: new LangGraphAgent({
+          deploymentUrl: envVars.langgraphTypescriptUrl,
+          graphId: "predictive_state_updates",
+        }),
+        shared_state: new LangGraphAgent({
+          deploymentUrl: envVars.langgraphTypescriptUrl,
+          graphId: "shared_state",
+        }),
+        tool_based_generative_ui: new LangGraphAgent({
+          deploymentUrl: envVars.langgraphTypescriptUrl,
+          graphId: "tool_based_generative_ui",
+        })
+      };
+    },
+  },
   {
     id: "agno",
     agents: async () => {

typescript-sdk/apps/dojo/src/env.ts

@@ -2,8 +2,9 @@ type envVars = {
   serverStarterUrl: string;
   serverStarterAllFeaturesUrl: string;
   mastraUrl: string;
-  langgraphUrl: string;
+  langgraphPythonUrl: string;
   langgraphFastApiUrl: string;
+  langgraphTypescriptUrl: string;
   agnoUrl: string;
   llamaIndexUrl: string;
   crewAiUrl: string;
@@ -24,8 +25,9 @@ export default function getEnvVars(): envVars {
     serverStarterUrl: process.env.SERVER_STARTER_URL || 'http://localhost:8000',
     serverStarterAllFeaturesUrl: process.env.SERVER_STARTER_ALL_FEATURES_URL || 'http://localhost:8000',
     mastraUrl: process.env.MASTRA_URL || 'http://localhost:4111',
-    langgraphUrl: process.env.LANGGRAPH_URL || 'http://localhost:2024',
+    langgraphPythonUrl: process.env.LANGGRAPH_URL || 'http://localhost:2024',
     langgraphFastApiUrl: process.env.LANGGRAPH_FAST_API_URL || 'http://localhost:8000',
+    langgraphTypescriptUrl: process.env.LANGGRAPH_TYPESCRIPT_URL || 'http://localhost:8000',
     agnoUrl: process.env.AGNO_URL || 'http://localhost:9001',
     llamaIndexUrl: process.env.LLAMA_INDEX_URL || 'http://localhost:9000',
     crewAiUrl: process.env.CREW_AI_URL || 'http://localhost:9002',