feat: onboard retail dashboard sample (#1006)

* chore: add retail dashboard sample
* feat: add sample config
* ci: update code owner

.config/samples-config-v3.json

@@ -464,6 +464,26 @@
             "configuration": "Ready for debug",
             "gifPath": "src/assets/screenshot.png",
             "suggested": false
+        },
+        {
+            "id": "react-retail-dashboard",
+            "shortId": "retail-dashboard",
+            "onboardDate": "2023-09-15",
+            "title": "Contoso Retail Dashboard",
+            "shortDescription": "Microsoft Teams tab powered by SharePoint Framework to show a Contoso retail dashboard based on demo sample data.",
+            "fullDescription": "Contoso Retail Dashboard sample shows you how to build a dashboard for viewing different control layouts. It also shows you how to create a Microsoft Teams personal app with SharePoint Framework, hosting the solution also in Outlook.com and in the Microsoft 365 Portal as a Microsoft 365 app.",
+            "types": [
+                "Tab"
+            ],
+            "tags": [
+                "Tab",
+                "TS",
+                "SPFx"
+            ],
+            "time": "5min to run",
+            "configuration": "Ready for debug",
+            "gifPath": "assets/screenshot.png",
+            "suggested": false
         }
     ]
 }

.github/CODEOWNERS

@@ -38,5 +38,6 @@
 /whos-next-meeting-app @MSFT-yiz @HuihuiWu-Microsoft
 /teams-chef-bot @MSFT-yiz @HuihuiWu-Microsoft
 /spfx-productivity-dashboard @MSFT-yiz @HuihuiWu-Microsoft
+/react-retail-dashboard @MSFT-yiz @HuihuiWu-Microsoft
 /.config/samples-config-v3.json @HuihuiWu-Microsoft @wenytang-ms @tecton
 /.github/workflows/cd.yml @adashen @LongOddCode @Siglud @qinezh @wenytang-ms

react-retail-dashboard/.gitignore

@@ -0,0 +1,20 @@
+# TeamsFx files
+env/.env.*.user
+env/.env.local
+.DS_Store
+build
+appPackage/build
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env
+.deployment

react-retail-dashboard/.vscode/launch.json

@@ -0,0 +1,245 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Hosted workbench (Edge)",
+            "type": "msedge",
+            "request": "launch",
+            "url": "https://enter-your-SharePoint-site/_layouts/workbench.aspx",
+            "webRoot": "${workspaceRoot}/src",
+            "sourceMaps": true,
+            "sourceMapPathOverrides": {
+                "webpack:///.././src/*": "${webRoot}/src/*",
+                "webpack:///../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../../src/*": "${webRoot}/src/*"
+            },
+            "runtimeArgs": [
+                "--remote-debugging-port=9222",
+                "-incognito"
+            ],
+            "preLaunchTask": "gulp serve",
+            "postDebugTask": "Terminate All Tasks",
+            "presentation": {
+                "group": "remote",
+                "order": 1
+            }
+        },
+        {
+            "name": "Hosted workbench (Chrome)",
+            "type": "chrome",
+            "request": "launch",
+            "url": "https://enter-your-SharePoint-site/_layouts/workbench.aspx",
+            "webRoot": "${workspaceRoot}/src",
+            "sourceMaps": true,
+            "sourceMapPathOverrides": {
+                "webpack:///.././src/*": "${webRoot}/src/*",
+                "webpack:///../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../../src/*": "${webRoot}/src/*"
+            },
+            "runtimeArgs": [
+                "--remote-debugging-port=9222",
+                "-incognito"
+            ],
+            "preLaunchTask": "gulp serve",
+            "postDebugTask": "Terminate All Tasks",
+            "presentation": {
+                "group": "remote",
+                "order": 2
+            }
+        },
+        {
+            "name": "Start Teams workbench (Edge)",
+            "type": "msedge",
+            "request": "launch",
+            "url": "https://teams.microsoft.com/l/app/${{local:TEAMS_APP_ID}}?installAppPackage=true&webjoin=true&${account-hint}",
+            "webRoot": "${workspaceRoot}/src",
+            "sourceMaps": true,
+            "sourceMapPathOverrides": {
+                "webpack:///.././src/*": "${webRoot}/src/*",
+                "webpack:///../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../../src/*": "${webRoot}/src/*"
+            },
+            "postDebugTask": "Terminate All Tasks",
+            "presentation": {
+                "hidden": true
+            },
+            "internalConsoleOptions": "neverOpen"
+        },
+        {
+            "name": "Start Teams workbench (Chrome)",
+            "type": "chrome",
+            "request": "launch",
+            "url": "https://teams.microsoft.com/l/app/${{local:TEAMS_APP_ID}}?installAppPackage=true&webjoin=true&${account-hint}",
+            "webRoot": "${workspaceRoot}/src",
+            "sourceMaps": true,
+            "sourceMapPathOverrides": {
+                "webpack:///.././src/*": "${webRoot}/src/*",
+                "webpack:///../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../../src/*": "${webRoot}/src/*"
+            },
+            "postDebugTask": "Terminate All Tasks",
+            "presentation": {
+                "hidden": true
+            },
+            "internalConsoleOptions": "neverOpen"
+        },
+        {
+            "name": "Attach to Frontend in Outlook (Edge)",
+            "type": "msedge",
+            "request": "launch",
+            "url": "https://outlook.office.com/host/${{local:M365_APP_ID}}?${account-hint}",
+            "webRoot": "${workspaceRoot}/src",
+            "sourceMaps": true,
+            "sourceMapPathOverrides": {
+                "webpack:///.././src/*": "${webRoot}/src/*",
+                "webpack:///../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../../src/*": "${webRoot}/src/*"
+            },
+            "postDebugTask": "Terminate All Tasks",
+            "presentation": {
+                "group": "all",
+                "hidden": true
+            },
+            "internalConsoleOptions": "neverOpen"
+        },
+        {
+            "name": "Attach to Frontend in Outlook (Chrome)",
+            "type": "chrome",
+            "request": "launch",
+            "url": "https://outlook.office.com/host/${{local:M365_APP_ID}}?${account-hint}",
+            "webRoot": "${workspaceRoot}/src",
+            "sourceMaps": true,
+            "sourceMapPathOverrides": {
+                "webpack:///.././src/*": "${webRoot}/src/*",
+                "webpack:///../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../../src/*": "${webRoot}/src/*"
+            },
+            "postDebugTask": "Terminate All Tasks",
+            "presentation": {
+                "group": "all",
+                "hidden": true
+            },
+            "internalConsoleOptions": "neverOpen"
+        },
+        {
+            "name": "Attach to Frontend in the Microsoft 365 app (Edge)",
+            "type": "msedge",
+            "request": "launch",
+            "url": "https://www.office.com/m365apps/${{local:M365_APP_ID}}?auth=2&${account-hint}",
+            "webRoot": "${workspaceRoot}/src",
+            "sourceMaps": true,
+            "sourceMapPathOverrides": {
+                "webpack:///.././src/*": "${webRoot}/src/*",
+                "webpack:///../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../../src/*": "${webRoot}/src/*"
+            },
+            "postDebugTask": "Terminate All Tasks",
+            "presentation": {
+                "group": "all",
+                "hidden": true
+            },
+            "internalConsoleOptions": "neverOpen"
+        },
+        {
+            "name": "Attach to Frontend in the Microsoft 365 app (Chrome)",
+            "type": "chrome",
+            "request": "launch",
+            "url": "https://www.office.com/m365apps/${{local:M365_APP_ID}}?auth=2&${account-hint}",
+            "webRoot": "${workspaceRoot}/src",
+            "sourceMaps": true,
+            "sourceMapPathOverrides": {
+                "webpack:///.././src/*": "${webRoot}/src/*",
+                "webpack:///../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../src/*": "${webRoot}/src/*",
+                "webpack:///../../../../../src/*": "${webRoot}/src/*"
+            },
+            "postDebugTask": "Terminate All Tasks",
+            "presentation": {
+                "group": "all",
+                "hidden": true
+            },
+            "internalConsoleOptions": "neverOpen"
+        }
+    ],
+    "compounds": [
+        {
+            "name": "Teams workbench (Edge)",
+            "configurations": [
+                "Start Teams workbench (Edge)"
+            ],
+            "preLaunchTask": "Start Teams App Locally",
+            "presentation": {
+                "group": "forteams",
+                "order": 1
+            },
+            "stopAll": true
+        },
+        {
+            "name": "Teams workbench (Chrome)",
+            "configurations": [
+                "Start Teams workbench (Chrome)"
+            ],
+            "preLaunchTask": "Start Teams App Locally",
+            "presentation": {
+                "group": "forteams",
+                "order": 2
+            },
+            "stopAll": true
+        },
+        {
+            "name": "Outlook workbench (Edge)",
+            "configurations": [
+                "Attach to Frontend in Outlook (Edge)"
+            ],
+            "preLaunchTask": "Start Teams App Locally",
+            "presentation": {
+                "group": "group2: Outlook",
+                "order": 3
+            },
+            "stopAll": true
+        },
+        {
+            "name": "Outlook workbench (Chrome)",
+            "configurations": [
+                "Attach to Frontend in Outlook (Chrome)"
+            ],
+            "preLaunchTask": "Start Teams App Locally",
+            "presentation": {
+                "group": "group2: Outlook",
+                "order": 4
+            },
+            "stopAll": true
+        },
+        {
+            "name": "The Microsoft 365 app workbench (Edge)",
+            "configurations": [
+                "Attach to Frontend in the Microsoft 365 app (Edge)"
+            ],
+            "preLaunchTask": "Start Teams App Locally",
+            "presentation": {
+                "group": "group3: the Microsoft 365 app",
+                "order": 5
+            },
+            "stopAll": true
+        },
+        {
+            "name": "The Microsoft 365 app workbench (Chrome)",
+            "configurations": [
+                "Attach to Frontend in the Microsoft 365 app (Chrome)"
+            ],
+            "preLaunchTask": "Start Teams App Locally",
+            "presentation": {
+                "group": "group3: the Microsoft 365 app",
+                "order": 6
+            },
+            "stopAll": true
+        }
+    ]
+}

react-retail-dashboard/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "debug.onTaskErrors": "abort"
+}