fix(genapi): update integrating-generative-apis-with-popular-tools (#4529)

* Update integrating-generative-apis-with-popular-tools.mdx

Add snippets example to configure Langchain client using Typescript.

* Apply suggestions from code review

Co-authored-by: Rowena Jones <[email protected]>

* feat(genapi): add steps

* fix(genapi): fix wording

* fix(genapi): fix wording

* fix(genapi): fix content

---------

Co-authored-by: Benedikt Rollik <[email protected]>
Co-authored-by: Rowena Jones <[email protected]>
Co-authored-by: Benedikt Rollik <[email protected]>

Author: 3 people

pages/generative-apis/reference-content/integrating-generative-apis-with-popular-tools.mdx

@@ -67,10 +67,62 @@ print(response.choices[0].message.content)
 
 LangChain is a popular library for building AI applications. Scaleway's Generative APIs support LangChain for both inference and embeddings.
 
+### Python
 <Message type="tip">
   Refer to our dedicated documentation for [implementing Retrieval-Augmented Generation (RAG) with LangChain and Scaleway Generative APIs](/tutorials/how-to-implement-rag-generativeapis/)
 </Message>
 
+### Javascript (Typescript)
+
+To perform chat conversations with Langchain, first install `langchain` and `@langchain/openai` packages using your node package manager.
+
+1. Use the following command to install Langchain using `npm` (`yarn` and `pnpm` are also available):
+    ```bash
+    npm install langchain @langchain/openai
+    ```
+
+2. Edit your `package.json` file to ensure it has the `"type": "module"` property:
+    ```json
+    {
+      "type": "module",
+      "dependencies": {
+        "@langchain/openai": "^0.4.4",
+        "langchain": "^0.3.19"
+      }
+    }
+    ```
+
+3. Create a `main.js` file and add the following content to it:
+    ```js
+    import { ChatOpenAI } from "@langchain/openai";
+
+    const chat = new ChatOpenAI({
+        apiKey: "<API secret key>",
+        model: "llama-3.1-8b-instruct",
+        configuration: {
+            baseURL: "https://api.scaleway.ai/v1",
+        }
+      });
+
+    const response = await chat.invoke("Tell me a joke");
+    console.log(response.content);
+    ```
+
+    <Message type="tip">
+      Make sure to replace `<API secret key>` with your actual API secret key.
+    </Message>
+
+4. Run `main.js`:
+    ```bash
+    node main.js
+    ```
+    The model answer should display:
+    ```bash
+    Why couldn't the bicycle stand up by itself? Because it was two-tired.
+    ```
+
+Note that other Langchain objects from OpenAI client library are also compatible, such as `OpenAI` and `OpenAIEmbeddings`.
+
 ## Continue Dev (AI coding assistance)
 
 Continue Dev is a library that provides AI-powered coding assistance. Scaleway's Generative APIs support Continue Dev for code completion and more.