feat: add metadata to readme

.config/samples-config-v3.json

@@ -566,8 +566,8 @@
             "shortId": "large-notification",
             "onboardDate": "2023-10-17",
             "title": "Large Scale Notification Bot",
-            "shortDescription": "This sample demonstrates the architecture of a Teams notfication bot app created by Teams Toolkit to send individual chat messages to a large number of users in a tenant.",
-            "fullDescription": "This sample demonstrates the architecture of a Teams notfication bot app created by Teams Toolkit to send individual chat messages to a large number of users in a tenant. This app relies on Azure services such as Azure Durable Functions and Service Bus Queue to handle high volume and speed of notification messaging.",
+            "shortDescription": "This sample demonstrates the architecture of a Teams notification bot app created by Teams Toolkit to send individual chat messages to a large number of users in a tenant.",
+            "fullDescription": "This sample demonstrates the architecture of a Teams notification bot app created by Teams Toolkit to send individual chat messages to a large number of users in a tenant. This app relies on Azure services such as Azure Durable Functions and Service Bus Queue to handle high volume and speed of notification messaging.",
             "types": [
               "Bot"
             ],

NPM-search-connector-M365/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: NPM Search Connector
+urlFragment: officedev-teamsfx-samples-me-NPM-search-connector-M365
+description: Search and Share an NPM Package in Teams and Outlook (Web).
+extensions:
+  createdDate: "2021-11-09"
+---
 # Getting Started with Npm Search Connector
 NPM Search Connector is a Message Extension that allows you to perform a quick search to NPM Registry for a package and insert package details into conversations for sharing with your co-workers. The front end is built with Adaptive Cards to render NPM package details and the backend is an Azure Bot Service handling search queries and communication between the server workload and the clients, including Teams and Outlook (Web Client).
 

adaptive-card-notification/README.md

@@ -1,3 +1,17 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Adaptive Card Notification
+urlFragment: officedev-teamsfx-samples-bot-adaptive-card-notification
+description: This is a sample which shows how to send notification with different adaptive cards using Bots.
+extensions:
+ createdDate: "2022-03-28"
+---
+
 # Getting Started with Adaptive Card Notification
 
 Adaptive Card Notification provides an easy way to send notification in Teams. The front end is built with Adaptive Cards to render notification details, the bot framework service is an Azure Bot Service handling search queries and communication between the server workload and the client and the backend is hosted in Azure Functions providing notification trigger and message handler.

basic-blazor-tab-app/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- csharp
+products:
+- office-teams
+- office
+name: Basic Blazor Tab App using .NET
+urlFragment: officedev-teamsfx-samples-tab-basic-blazor-tab-app
+description: A Teams tab app built using the Blazor web framework
+extensions:
+  createdDate: "2023-06-06"
+---
 # Getting Started with Basic Blazor Tab App
 
 Blazor is a feature of ASP.NET for building interactive web UIs. The Basic Blazor Tab App is a Teams Tab App built using the Blazor web framework, which supports both personal tab and configurable tab functionalities.

bot-sso/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Bot App with SSO Enabled
+urlFragment: officedev-teamsfx-samples-bot-bot-sso
+description: A Hello World app of Microsoft Teams Bot app with SSO
+extensions:
+  createdDate: "2021-10-19"
+---
 # Getting Started with Bot SSO
 
 A bot, chatbot, or conversational bot is an app that responds to simple commands sent in chat and replies in meaningful ways. Examples of bots in everyday use include: bots that notify about build failures, bots that provide information about the weather or bus schedules, or provide travel information. A bot interaction can be a quick question and answer, or it can be a complex conversation. Being a cloud application, a bot can provide valuable and secure access to cloud services and corporate resources.

developer-assist-dashboard/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Developer Assist Dashboard
+urlFragment: officedev-teamsfx-samples-tab-developer-assist-dashboard
+description: A dashboard that integrates with Azure DevOps, Github issues and Planner tasks that accelerates developer productivity.
+extensions:
+  createdDate: "2023-03-08"
+---
 # Getting Started with Developer Assist Dashboard
 
 Microsoft Teams supports the ability to run web-based UI inside "custom tabs" that users can install either for just themselves (personal tabs) or within a team or group chat context.

graph-connector-app/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Graph Connector App
+urlFragment: officedev-teamsfx-samples-tab-graph-connector-app
+description: This sample app showcases how to build custom Graph Connector with Azure Functions and query data using Microsoft Graph Client and TeamsFx SDK.
+extensions:
+  createdDate: "2022-04-18"
+---
 # Getting Started with Graph Connector App
 
 This sample app showcases how to build custom Graph Connector with Azure Functions and query data using Microsoft Graph Client and TeamsFx SDK.

graph-connector-bot/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Graph Connector Bot
+urlFragment: officedev-teamsfx-samples-bot-graph-connector-bot
+description: This sample app showcases how to build a Teams command bot that queries custom data ingested into Microsoft Graph using Graph connector.
+extensions:
+  createdDate: "2023-11-07"
+---
 # Getting Started with Graph Connector Bot
 
 This sample app showcases how to build a Teams command bot that queries custom data ingested into Microsoft Graph using Graph connector.

graph-toolkit-contact-exporter/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Contact Exporter using Graph Toolkit
+urlFragment: officedev-teamsfx-samples-tab-graph-toolkit-contact-exporter
+description: Contact Exporter app of Microsoft Teams Tab app.
+extensions:
+  createdDate: "2021-11-30"
+---
 # Getting Started with Graph Toolkit Contact Exporter
 
 Graph Toolkit Contact Exporter sample APP provides an easy way to export your teams contact info to Excel file. This APP is using [Microsoft Graph Toolkit](https://docs.microsoft.com/en-us/graph/toolkit/overview) as UI component.

graph-toolkit-one-productivity-hub/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: One Productivity Hub using Graph Toolkit
+urlFragment: officedev-teamsfx-samples-tab-graph-toolkit-one-productivity-hub
+description: Microsoft Teams tab with SSO to view calendar events, to-do tasks and file folders.
+extensions:
+  createdDate: "2022-07-27"
+---
 # Getting Started with One Productivity Hub
 
 One Productivity Hub sample shows you how to build a tab for viewing your calendar events, to-do tasks and files by using [Microsoft Graph Toolkit](https://docs.microsoft.com/en-us/graph/toolkit/overview) components and [TeamsFx Provider](https://www.npmjs.com/package/@microsoft/mgt-teamsfx-provider).

hello-world-in-meeting/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: My First Meeting App
+urlFragment: officedev-teamsfx-samples-tab-hello-world-in-meeting
+description: A template for apps using only in the context of a Teams meeting.
+extensions:
+  createdDate: "2022-04-08"
+---
 # Getting Started with HelloWorld In-meeting app
 
 This App helps to enable your apps for Teams meetings and configure the apps to be available in the meeting scope. This app covers show Teams context in meeting detail view, chat view and side panel.

hello-world-tab-with-backend/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Tab App with Azure Backend
+urlFragment: officedev-teamsfx-samples-tab-hello-world-tab-with-backend
+description: A Hello World app of Microsoft Teams Tab app which has a backend service.
+extensions:
+  createdDate: "2021-11-30"
+---
 # Getting Started with Hello World Tab with Backend Sample (Azure)
 
 Microsoft Teams supports the ability to run web-based UI inside "custom tabs" that users can install either for just themselves (personal tabs) or within a team or group chat context.

hello-world-teams-tab-and-outlook-add-in/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Hello World Teams Tab and Outlook add-in
+urlFragment: officedev-teamsfx-samples-tab-hello-world-teams-tab-and-outlook-add-in
+description: A hello world project that contains both Teams Tab and Outlook add-in capability.
+extensions:
+  createdDate: "2023-03-02"
+---
 # Getting Started with Hello World Teams Tab and Outlook add-in Sample
 
 Microsoft Teams supports the ability to run web-based UI inside "custom tabs" that users can install either for just themselves (personal tabs) or within a team or group chat context.

incoming-webhook-notification/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Incoming Webhook Notification
+urlFragment: officedev-teamsfx-samples-bot-incoming-webhook-notification
+description: This is a sample which shows how to send notification via Incoming Webhook in Microsoft Teams channels.
+extensions:
+  createdDate: "2022-03-31"
+---
 # Getting Started with Incoming Webhook Notification
 An Incoming Webhook Sample provides an easy way to send adaptive cards in Microsoft Teams channels. The webhooks are used as tools to track and notify.
 ![Incoming Webhook Overall](./assets/sampleDemo.gif)

large-scale-notification/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Large Scale Notification Bot
+urlFragment: officedev-teamsfx-samples-bot-large-scale-notification
+description: This sample demonstrates a Teams notification bot app created by Teams Toolkit to send individual chat messages to a large number of users.
+extensions:
+  createdDate: "2023-10-17"
+---
 # Overview of the Large Scale Notification Bot
 
 This sample demonstrates the architecture of a Teams notfication bot app created by Teams Toolkit to send individual chat messages to a large number of users in a tenant. This app relies on Azure services such as [Durable Function](https://learn.microsoft.com/en-us/azure/azure-functions/durable/durable-functions-overview?tabs=csharp-inproc) and [Service Bus Queue](https://learn.microsoft.com/en-us/azure/service-bus-messaging/service-bus-queues-topics-subscriptions#queues) to handle high volume and speed of notification messaging.

large-scale-notification/assets/sample.json

@@ -3,10 +3,10 @@
     "name": "officedev-teamsfx-samples-bot-large-scale-notification",
     "source": "officeDev",
     "title": "Large Scale Notification Bot",
-    "shortDescription": "This sample demonstrates the architecture of a Teams notfication bot app created by Teams Toolkit to send individual chat messages to a large number of users in a tenant.",
+    "shortDescription": "This sample demonstrates the architecture of a Teams notification bot app created by Teams Toolkit to send individual chat messages to a large number of users in a tenant.",
     "url": "https://github.com/OfficeDev/TeamsFx-Samples/tree/dev/large-scale-notification",
     "longDescription": [
-      "This sample demonstrates the architecture of a Teams notfication bot app created by Teams Toolkit to send individual chat messages to a large number of users in a tenant. This app relies on Azure services such as Azure Durable Functions and Service Bus Queue to handle high volume and speed of notification messaging."
+      "This sample demonstrates the architecture of a Teams notification bot app created by Teams Toolkit to send individual chat messages to a large number of users in a tenant. This app relies on Azure services such as Azure Durable Functions and Service Bus Queue to handle high volume and speed of notification messaging."
     ],
     "creationDateTime": "2023-10-17",
     "updateDateTime": "2023-10-24",

live-share-dice-roller/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Dice Roller in meeting
+urlFragment: officedev-teamsfx-samples-tab-live-share-dice-roller
+description: This sample introduces Microsoft Live Share and Azure Fluid Relay to enable a shared experience between multiple users.
+extensions:
+  createdDate: "2023-04-27"
+---
 # Dice Roller - Live Share sample
 
 This repository contains a simple app that enables all connected clients to roll a dice and view the result. For a

query-org-user-with-message-extension-sso/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Org User Search Connector
+urlFragment: officedev-teamsfx-samples-me-query-org-user-with-message-extension-sso
+description: Query Org User with Message Extension SSO.
+extensions:
+  createdDate: "2022-09-20"
+---
 # Getting Start with Query Org User with Message Extension SSO
 This is a simple search-based message extension app demonstrating how to integrate with Bot Framework SDK, TeamsFx SDK and Microsoft Graph API to implement a feature that queries organization's user with single sign on (SSO) capability.
 

share-now/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Share Now
+urlFragment: officedev-teamsfx-samples-tab-share-now
+description: Knowledge sharing app contains a Tab and a Message extension.
+extensions:
+  createdDate: "2021-05-17"
+---
 # Getting Started With Share Now Sample
 
 Share Now promotes the exchange of information between colleagues by enabling users to share content within the Teams environment. Users engage the app to share items of interest and discover new shared content.

sso-enabled-tab-via-apim-proxy/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: SSO Enabled Tab via APIM Proxy
+urlFragment: officedev-teamsfx-samples-tab-sso-enabled-tab-via-apim-proxy
+description: An SSO-enabled Microsoft Teams Tab app using APIM as a proxy.
+extensions:
+  createdDate: "2023-09-15"
+---
 # Getting Started with SSO Enabled Tab via APIM Proxy Sample (Azure)
 
 Microsoft Teams supports the ability to run web-based UI inside "custom tabs" that users can install either for just themselves (personal tabs) or within a team or group chat context.

stocks-update-notification-bot-dotnet/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- csharp
+products:
+- office-teams
+- office
+name: Stocks Update Notification Bot using .NET
+urlFragment: officedev-teamsfx-samples-bot-stocks-update-notification-bot-dotnet
+description: A Teams bot app that sends stock messages as Adaptive Cards
+extensions:
+  createdDate: "2022-10-24"
+---
 # Getting Started with Stocks Update Notification Bot
 
 Stocks Update Notifcation Bot is a an application that can be installed in different Microsoft Teams contexts, personal, group chat, or teams channel, which sends a message on a pre-defined schedule as an Adaptive Card to locations where it is installed.

stocks-update-notification-bot/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Stocks Update
+urlFragment: officedev-teamsfx-samples-bot-stocks-update-notification-bot
+description: Keep up to date with the latest stock price in Microsoft Teams.
+extensions:
+  createdDate: "2022-08-08"
+---
 # Getting Started with Stocks Update Notification Bot
 
 Bots can be used to deliver pro-active messages into different Microsoft Teams contexts, such as a personal bot chat, one to one or group chat, or a channel conversation.

team-central-dashboard/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Team Central Dashboard
+urlFragment: officedev-teamsfx-samples-tab-team-central-dashboard
+description: A single dashboard displaying data chats and content from Microsoft Graph to accelerate team collaboration and personal productivity.
+extensions:
+  createdDate: "2022-09-20"
+---
 # Getting Started with Team Central Dashboard
 
 Microsoft Teams supports the ability to run web-based UI inside "custom tabs" that users can install either for just themselves (personal tabs) or within a team or group chat context.

teams-chef-bot/README.md

@@ -1,3 +1,16 @@
+---
+page_type: sample
+languages:
+- typescript
+products:
+- office-teams
+- office
+name: Teams Chef Bot
+urlFragment: officedev-teamsfx-samples-bot-teams-chef-bot
+description: This is a conversational bot for Microsoft Teams that impersonates a Chef to help you you cook Teams apps.
+extensions:
+  createdDate: "2023-06-25"
+---
 # Microsoft Teams Conversational Bot with Teams AI Library: Teams Chef
 
 This is a conversational bot for Microsoft Teams that impersonates a chef to help you cook Teams apps. The bot uses the text-davinci-003 model to chat with Teams users and respond in a polite and respectful manner, staying within the scope of the conversation.