feat: onboard spfx productivity dashboard sample (#975)

* feat: add spfx-productivity-dashboard sample * chore: update templates * chore: add recommended extension * chore: add readme file * ci: add code owner * feat: add spfx-productivity-dashboard sample to config * chore: add graph toolkit tag for one productivity hub sample
OfficeDev · Aug 8, 2023 · 8fe3a27 · 8fe3a27
1 parent 260eb9c
commit 8fe3a27
Show file tree

Hide file tree

Showing 44 changed files with 58,747 additions and 1 deletion.
diff --git a/.config/samples-config-v3.json b/.config/samples-config-v3.json
@@ -279,7 +279,8 @@
             "tags": [
                 "Tab",
                 "JS",
-                "SSO"
+                "SSO",
+                "Graph Toolkit"
             ],
             "time": "5min to run",
             "configuration": "Ready for debug",
@@ -420,6 +421,26 @@
             "configuration": "Manual configurations required",
             "gifPath": "assets/preview.gif",
             "suggested": false
+        },
+        {
+            "id": "spfx-productivity-dashboard",
+            "onboardDate": "2023-08-09",
+            "title": "One Productivity Hub using Graph Toolkit with SPFx",
+            "shortDescription": "Microsoft Teams tab powered by SharePoint Framework to view calendar events, to-do tasks and file folders.",
+            "fullDescription": "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 components and SharePoint provider. You can run this app locally or deploy it to SharePoint.",
+            "types": [
+                "Tab"
+            ],
+            "tags": [
+                "Tab",
+                "TS",
+                "SPFx",
+                "Graph Toolkit"
+            ],
+            "time": "5min to run",
+            "configuration": "Ready for debug",
+            "gifPath": "src/assets/screenshot.png",
+            "suggested": false
         }
     ]
 }
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -37,5 +37,6 @@
 /developer-assist-dashboard @eriolchan @huimiu @hund030 @JerryYangKai
 /whos-next-meeting-app @MSFT-yiz @HuihuiWu-Microsoft
 /teams-chef-bot @MSFT-yiz @HuihuiWu-Microsoft
+/spfx-productivity-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
diff --git a/spfx-productivity-dashboard/.gitignore b/spfx-productivity-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
diff --git a/spfx-productivity-dashboard/.vscode/extensions.json b/spfx-productivity-dashboard/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "TeamsDevApp.ms-teams-vscode-extension"
+    ]
+}
diff --git a/spfx-productivity-dashboard/.vscode/launch.json b/spfx-productivity-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
+        }
+    ]
+}
diff --git a/spfx-productivity-dashboard/.vscode/settings.json b/spfx-productivity-dashboard/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "debug.onTaskErrors": "abort"
+}