fix: update js-chatbot to work in IDX preview (#1874)

* fix: update js-chatbot to work in IDX preview

Author: i2amsam

Diff for: samples/idx-template.json

@@ -15,6 +15,7 @@
       "default": "js-character-generator",
       "options": {
         "js-character-generator": "Simple Character Generator",
+        "js-chatbot": "A chatbot using Vertex and Llama 3.1 or Gemini Flash",
         "js-coffee-shop": "Coffeeshop w Several types of Prompt",
         "js-schoolAgent": "A Multi-Agent School Assistant",
         "js-prompts": "A sample with various prompt styles",

Diff for: samples/js-chatbot/genkit-app/angular.json

@@ -67,6 +67,9 @@
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "proxyConfig": "proxy.conf.json"
+          },
           "configurations": {
             "production": {
               "buildTarget": "genkit-app:build:production"

Diff for: samples/js-chatbot/genkit-app/proxy.conf.json

@@ -0,0 +1,7 @@
+{
+  "/chatbotFlow": {
+    "target": "http://localhost:3400/",
+    "secure": false,
+    "logLevel": "debug"
+  }
+}

Diff for: samples/js-chatbot/genkit-app/src/app/samples/chatbot/chatbot.component.ts

@@ -33,7 +33,9 @@ import { MatRadioModule } from '@angular/material/radio';
 import { streamFlow } from 'genkit/beta/client';
 import { MarkdownModule } from 'ngx-markdown';
 
-const url = 'http://127.0.0.1:3400/chatbotFlow';
+// This sample uses an angular proxy to connect to the flow
+// see the config in genkit-app/proxy.conf.json
+const url = '/chatbotFlow';
 
 interface ToolResponse {
   name: string;