Migrate from LangChainJS to LangChain Python

README.md

@@ -43,7 +43,7 @@ Features:
 - [x] Bring your own Auth provider
 - [x] Chatbots
 - [x] Prompt templates
-- [ ] API endpoints to chatbot
+- [-] API endpoints to chatbot
 - [ ] External datasources
 - [ ] chatGPT plugins
 - [ ] Chatbots themes
@@ -60,6 +60,14 @@ LangChain UI utilizes NextJS 13 `appDir`. Read more about it [here](https://next
 
 ## Getting started
 
+### Langchain UI API
+
+We have migrated all agent functionality from LangChain Typescript to LangChain Python. Thus you will need to run the (Langchain UI API)[https://github.com/homanp/langchain-ui] in order to interact with the chatbot. In the future when the TS package is on par with the Python package we will migrate to only using Javascript.
+
+### Getting started
+
+1. Setup the (Langchain UI API)[https://github.com/homanp/langchain-ui]
+
 1. Clone the repo into a public GitHub repository (or fork https://github.com/homanp/langchain-ui/fork). If you plan to distribute the code, keep the source code public.
 
    ```sh

components/chat/index.js

@@ -6,6 +6,8 @@ import { createChatbotMessage } from "@/lib/api";
 import ChatInput from "./input";
 import ChatOuput from "./output";
 
+const API_URL = process.env.NEXT_PUBLIC_LANGCHAIN_UI_API_URL;
+
 export default function Chat({ id, ...properties }) {
   const [messages, setMessages] = useState([]);
   const [newMessage, setNewMessage] = useState();
@@ -27,7 +29,7 @@ export default function Chat({ id, ...properties }) {
         agent: "user",
       });
 
-      await fetchEventSource(`/api/v1/chatbots/${id}`, {
+      await fetchEventSource(`${API_URL}chatbots/${id}`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",

env.example

@@ -10,4 +10,5 @@ METAL_INDEX_ID=""
 METAL_CLIENT_ID=""
 NEXT_PUBLIC_AMAZON_S3_BUCKET_NAME=""
 NEXT_PUBLIC_AMAZON_S3_SECRET_ACCESS_KEY=""
-NEXT_PUBLIC_AMAZON_S3_ACCESS_KEY_ID=""
+NEXT_PUBLIC_AMAZON_S3_ACCESS_KEY_ID=""
+NEXT_PUBLIC_LANGCHAIN_UI_API_URL=""

lib/api-docs.js

@@ -1,6 +1,6 @@
 const cURL = `\`\`\`bash
 # cURL request to chatbot API endpoint.
-curl -X POST https://langchain-ui.vercel.app/api/v1/chatbot/{{id}}
+curl -X POST https://dolphin-app-tmpol.ondigitalocean.app/api/v1/chatbot/{{id}}
    -H "Content-Type: application/json"
    -H "Authorization: Bearer {token}"
    -d '{"message": "Hello!"}'
@@ -18,7 +18,7 @@ const requestOptions = {
 };
 
 const response = await fetch(
-    'https://langchain-ui.vercel.app/api/v1/chatbot/{{id}}', 
+    'https://dolphin-app-tmpol.ondigitalocean.app/api/v1/chatbot/{{id}}', 
     requestOptions
 );
 const data = await response.json();
@@ -28,7 +28,7 @@ const python = `\`\`\`python
 # Python request to chatbot API endpoint using the requests library.
 import requests
 
-url = 'https://langchain-ui.vercel.app/api/v1/chatbot/{{id}}'
+url = 'https://dolphin-app-tmpol.ondigitalocean.app/api/v1/chatbot/{{id}}'
 headers = {'Authorization': 'Bearer {token}'}
 payload = {'messsage': 'Hello!'}
 
@@ -40,7 +40,7 @@ print(response.text)
 const php = `\`\`\`php
 # PHP request to chatbot API endpoint.
 <?php
-$url = "https://langchain-ui.vercel.app/api/v1/chatbot/{{id}}";
+$url = "https://dolphin-app-tmpol.ondigitalocean.app/api/v1/chatbot/{{id}}";
 $data = array(
     "messate" => "Hello!"
 );