Edits

Author: pauljewellmsft

articles/storage/blobs/storage-blob-tags-javascript.md

@@ -5,7 +5,7 @@ description: Learn how to categorize, manage, and query for blob objects by usin
 services: storage
 author: pauljewellmsft
 ms.author: pauljewell
-ms.date: 08/05/2024
+ms.date: 10/23/2024
 ms.service: azure-blob-storage
 ms.topic: how-to
 ms.devlang: javascript
@@ -38,27 +38,17 @@ To set tags at blob upload time, create a [BlobClient](storage-blob-javascript-g
 
 The following example performs this task.
 
-```javascript
-// A blob can have up to 10 tags. 
-//
-// const tags = {
-//   project: 'End of month billing summary',
-//   reportOwner: 'John Doe',
-//   reportPresented: 'April 2022'
-// }
-async function setTags(containerClient, blobName, tags) {
+### [JavaScript](#tab/javascript)
 
-  // Create blob client from container client
-  const blockBlobClient = await containerClient.getBlockBlobClient(blobName);
+:::code language="javascript" source="~/azure-storage-snippets/blobs/howto/JavaScript/NodeJS-v12/dev-guide/set-and-retrieve-blob-tags.js" id="Snippet_setTags":::
 
-  // Set tags
-  await blockBlobClient.setTags(tags);
+### [TypeScript](#tab/typescript)
 
-  console.log(`uploading blob ${blobName}`);
-}
-```
+:::code language="typescript" source="~/azure-storage-snippets/blobs/howto/TypeScript/NodeJS-v12/dev-guide/src/blob-set-tags.ts" id="Snippet_setTags" :::
 
-You can delete all tags by passing an empty JSON object into the setTags method.
+---
+
+You can delete all tags by passing an empty JSON object into the `setTags` method.
 
 | Related articles |
 |--|
@@ -75,21 +65,15 @@ To get tags, create a [BlobClient](storage-blob-javascript-get-started.md#create
 
 The following example shows how to get and iterate over the blob's tags.
 
-```javascript
-async function getTags(containerClient, blobName) {
+### [JavaScript](#tab/javascript)
 
-  // Create blob client from container client
-  const blockBlobClient = await containerClient.getBlockBlobClient(blobName);
+:::code language="javascript" source="~/azure-storage-snippets/blobs/howto/JavaScript/NodeJS-v12/dev-guide/set-and-retrieve-blob-tags.js" id="Snippet_getTags":::
 
-  // Get tags
-  const result = await blockBlobClient.getTags();
+### [TypeScript](#tab/typescript)
 
-  for (const tag in result.tags) {
+:::code language="typescript" source="~/azure-storage-snippets/blobs/howto/TypeScript/NodeJS-v12/dev-guide/src/blob-set-tags.ts" id="Snippet_getTags" :::
 
-      console.log(`TAG: ${tag}: ${result.tags[tag]}`);
-  }
-}
-```
+---
 
 ## Filter and find data with blob index tags
 
@@ -113,54 +97,17 @@ To find blobs, create a [BlobClient](storage-blob-javascript-get-started.md#crea
 
 - [BlobServiceClient.findBlobsByTags](/javascript/api/@azure/storage-blob/blobserviceclient#@azure-storage-blob-blobserviceclient-findblobsbytags)
 
-The following example finds all blobs matching the tagOdataQuery parameter.
-
-```javascript
-async function findBlobsByQuery(blobServiceClient, tagOdataQuery) {
-
-  // page size
-  const maxPageSize = 10;
-
-  let i = 1;
-  let marker;
-
-  const listOptions = {
-    includeMetadata: true,
-    includeSnapshots: false,
-    includeTags: true,
-    includeVersions: false
-  };
-
-  let iterator = blobServiceClient.findBlobsByTags(tagOdataQuery, listOptions).byPage({ maxPageSize });
-  let response = (await iterator.next()).value;
-
-  // Prints blob names
-  if (response.blobs) {
-    for (const blob of response.blobs) {
-      console.log(`Blob ${i++}: ${blob.name} - ${JSON.stringify(blob.tags)}`);
-    }
-  }
-
-  // Gets next marker
-  marker = response.continuationToken;
-  
-  // no more blobs
-  if (!marker) return;
-  
-  // Passing next marker as continuationToken
-  iterator = blobServiceClient
-    .findBlobsByTags(tagOdataQuery, listOptions)
-    .byPage({ continuationToken: marker, maxPageSize });
-  response = (await iterator.next()).value;
-
-  // Prints blob names
-  if (response.blobs) {
-    for (const blob of response.blobs) {
-      console.log(`Blob ${i++}: ${blob.name} - ${JSON.stringify(blob.tags)}`);
-    }
-  }
-}
-```
+The following example finds all blobs matching the `tagOdataQuery` parameter.
+
+### [JavaScript](#tab/javascript)
+
+:::code language="javascript" source="~/azure-storage-snippets/blobs/howto/JavaScript/NodeJS-v12/dev-guide/set-and-retrieve-blob-tags.js" id="Snippet_findBlobsByQuery":::
+
+### [TypeScript](#tab/typescript)
+
+:::code language="typescript" source="~/azure-storage-snippets/blobs/howto/TypeScript/NodeJS-v12/dev-guide/src/blob-set-and-retrieve-tags.ts" id="Snippet_findBlobsByQuery" :::
+
+---
 
 And example output for this function shows the matched blobs and their tags, based on the console.log code in the preceding function:
 
@@ -172,6 +119,10 @@ And example output for this function shows the matched blobs and their tags, bas
 
 To learn more about how to use index tags to manage and find data using the Azure Blob Storage client library for JavaScript, see the following resources.
 
+### Code samples
+
+- View [JavaScript](https://github.com/Azure-Samples/AzureStorageSnippets/blob/master/blobs/howto/JavaScript/NodeJS-v12/dev-guide/set-and-retrieve-blob-tags.js) and [TypeScript](https://github.com/Azure-Samples/AzureStorageSnippets/blob/master/blobs/howto/TypeScript/NodeJS-v12/dev-guide/src/blob-set-and-retrieve-tags.ts) code samples from this article (GitHub)
+
 ### REST API operations
 
 The Azure SDK for JavaScript contains libraries that build on top of the Azure REST API, allowing you to interact with REST API operations through familiar JavaScript paradigms. The client library methods for managing and using blob index tags use the following REST API operations: