pivots

Author: diberry

articles/ai-services/openai/dall-e-quickstart.md

@@ -54,6 +54,12 @@ zone_pivot_groups: openai-quickstart-dall-e
 
 ::: zone-end
 
+::: zone pivot="programming-language-typescript"
+
+[!INCLUDE [TypeScript SDK quickstart](includes/dall-e-typescript.md)]
+
+::: zone-end
+
 ::: zone pivot="programming-language-go"
 
 [!INCLUDE [Go SDK quickstart](includes/dall-e-go.md)]

articles/ai-services/openai/gpt-v-quickstart.md

@@ -45,6 +45,12 @@ Get started using GPT-4 Turbo with images with the Azure OpenAI Service.
 
 ::: zone-end
 
+::: zone pivot="programming-language-typescript"
+
+[!INCLUDE [TypeScript quickstart](includes/gpt-v-typescript.md)]
+
+::: zone-end
+
 ::: zone pivot="programming-language-dotnet"
 
 [!INCLUDE [.NET quickstart](includes/gpt-v-dotnet.md)]

articles/ai-services/openai/includes/dall-e-javascript.md

@@ -17,24 +17,13 @@ Use this guide to get started generating images with the Azure OpenAI SDK for Ja
 
 ## Prerequisites
 
-#### [TypeScript](#tab/typescript)
 
 - An Azure subscription - [Create one for free](https://azure.microsoft.com/free/cognitive-services?azure-portal=true)
 - [LTS versions of Node.js](https://github.com/nodejs/release#release-schedule)
-- [TypeScript](https://www.typescriptlang.org/download/)
 - [Azure CLI](/cli/azure/install-azure-cli) used for passwordless authentication in a local development environment, create the necessary context by signing in with the Azure CLI.
 - An Azure OpenAI resource created in a supported region (see [Region availability](/azure/ai-services/openai/concepts/models#model-summary-table-and-region-availability)). For more information, see [Create a resource and deploy a model with Azure OpenAI](../how-to/create-resource.md).
 
 
-#### [JavaScript](#tab/javascript)
-
-- An Azure subscription - [Create one for free](https://azure.microsoft.com/free/cognitive-services?azure-portal=true)
-- [LTS versions of Node.js](https://github.com/nodejs/release#release-schedule)
-- [Azure CLI](/cli/azure/install-azure-cli) used for passwordless authentication in a local development environment, create the necessary context by signing in with the Azure CLI.
-- An Azure OpenAI resource created in a supported region (see [Region availability](/azure/ai-services/openai/concepts/models#model-summary-table-and-region-availability)). For more information, see [Create a resource and deploy a model with Azure OpenAI](../how-to/create-resource.md).
-
----
-
 ## Setup
 
 [!INCLUDE [get-key-endpoint](get-key-endpoint.md)]
@@ -64,72 +53,9 @@ Your app's _package.json_ file will be updated with the dependencies.
 
 Create a new file named _ImageGeneration.js_ and open it in your preferred code editor. Copy the following code into the _ImageGeneration.js_ file:
 
-#### [TypeScript (Microsoft Entra ID)](#tab/typescript-keyless)
-
-```typescript
-import { AzureOpenAI } from "openai";
-import { 
-    DefaultAzureCredential, 
-    getBearerTokenProvider 
-} from "@azure/identity";
-
-// You will need to set these environment variables or edit the following values
-const endpoint = process.env["AZURE_OPENAI_ENDPOINT"];
-
-// Required Azure OpenAI deployment name and API version
-const apiVersion = "2024-07-01";
-const deploymentName = "dall-e-3";
-
-// keyless authentication    
-const credential = new DefaultAzureCredential();
-const scope = "https://cognitiveservices.azure.com/.default";
-const azureADTokenProvider = getBearerTokenProvider(credential, scope);
-
-function getClient(): AzureOpenAI {
-  return new AzureOpenAI({
-    endpoint,
-    azureADTokenProvider,
-    apiVersion,
-    deployment: deploymentName,
-  });
-}
-async function main() {
-  console.log("== Image Generation ==");
-
-  const client = getClient();
-
-  const results = await client.images.generate({
-    prompt,
-    size: "1024x1024",
-    n: numberOfImagesToGenerate,
-    model: "",
-    style: "vivid", // or "natural"
-  });
-
-  for (const image of results.data) {
-    console.log(`Image generation result URL: ${image.url}`);
-  }
-}
-
-main().catch((err) => {
-  console.error("The sample encountered an error:", err);
-});
-```
 
-1. Build the application with the following command:
 
-    ```console
-    tsc
-    ```
-
-1. Run the application with the following command:
-
-    ```console
-    node ImageGeneration.js
-    ```
-
-
-#### [JavaScript (Microsoft Entra ID)](#tab/javascript-keyless)
+#### [Microsoft Entra ID](#tab/javascript-keyless)
 
 ```javascript
 const { AzureOpenAI } = require("openai");
@@ -192,68 +118,8 @@ node ImageGeneration.js
 ```
 
 
-#### [TypeScript (API key)](#tab/typescript-key)
-
-```typescript
-import { AzureOpenAI } from "openai";
-
-// You will need to set these environment variables or edit the following values
-const endpoint = process.env["AZURE_OPENAI_ENDPOINT"];
-const apiKey = process.env["AZURE_OPENAI_API_KEY"];
-
-// Required Azure OpenAI deployment name and API version
-const apiVersion = "2024-07-01";
-const deploymentName = "dall-e-3";
-
-// The prompt to generate images from
-const prompt = "a monkey eating a banana";
-const numberOfImagesToGenerate = 1;
-
-function getClient(): AzureOpenAI {
-  return new AzureOpenAI({
-    endpoint,
-    apiKey,
-    apiVersion,
-    deployment: deploymentName,
-  });
-}
-async function main() {
-  console.log("== Image Generation ==");
-
-  const client = getClient();
-
-  const results = await client.images.generate({
-    prompt,
-    size: "1024x1024",
-    n: numberOfImagesToGenerate,
-    model: "",
-    style: "vivid", // or "natural"
-  });
-
-  for (const image of results.data) {
-    console.log(`Image generation result URL: ${image.url}`);
-  }
-}
-
-main().catch((err) => {
-  console.error("The sample encountered an error:", err);
-});
-```
-
-1. Build the application with the following command:
-
-    ```console
-    tsc
-    ```
-
-1. Run the application with the following command:
-
-    ```console
-    node ImageGeneration.js
-    ```
-
 
-#### [JavaScript (API key)](#tab/javascript-key)
+#### [API key](#tab/javascript-key)
 
 ```javascript
 const { AzureOpenAI } = require("openai");