added videos to metadata

samples/angular-ngofficeuifabric-todo/assets/sample.json

@@ -31,6 +31,12 @@
         "order": 100,
         "url": "https://avatars2.githubusercontent.com/u/11164679?s=460\u0026v=4",
         "alt": "Angular \u0026 ngOfficeUIFabric Client-Side Web Part"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/FS-_0KENJkI",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/js-advanced-commenting/assets/sample.json

@@ -34,6 +34,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-advanced-commenting/assets/Advanced-Comments-Box.gif",
         "alt": "Advanced Comments Box"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/ndHMdfFscsk",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/js-dynamic-bundling-libraries/assets/sample.json

@@ -36,6 +36,12 @@
         "order": 101,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-dynamic-bundling-libraries/assets/WebPart-Preview-PreClick.jpg?raw=true",
         "alt": "Dynamic Bundling \u0026 Loading of SPFx Packages"
+      },
+      {
+        "type": "video",
+        "order": 102,
+        "url": "https://www.youtube.com/embed/Gxsau1yhHZE",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/js-workbench-customizer/assets/sample.json

@@ -30,6 +30,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-workbench-customizer/assets/Preview.png",
         "alt": "Workbench customizer"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/u1Bnb7yn3_w",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-accordion-section/assets/sample.json

@@ -50,6 +50,12 @@
         "order": 102,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-accordion-section/assets/ListForAccordion.png?raw=true",
         "alt": "Accordion Section FAQ Builder"
+      },
+      {
+        "type": "video",
+        "order": 103,
+        "url": "https://www.youtube.com/embed/-oKhmh-g3z8",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-admin-sc-catalog-pnpjs/assets/sample.json

@@ -34,6 +34,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-admin-sc-catalog-pnpjs/assets/react-admin-sc-catalog-pnpjs-webpart-animated.gif",
         "alt": "Site Collection App Catalogs"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/rNypp40HpdI",
+        "alt": "Demo of the web part in action"
       }
     ],
     "authors": [

samples/react-appinsights-dashboard/assets/sample.json

@@ -68,6 +68,12 @@
         "order": 105,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-appinsights-dashboard/assets/UserStatistics.png?raw=true",
         "alt": "React AppInsights Dashboard"
+      },
+      {
+        "type": "video",
+        "order": 106,
+        "url": "https://www.youtube.com/embed/ynwGKrvIimo",
+        "alt": "Demo of the web part in action"
       }
     ],
     "authors": [

samples/react-carousel/assets/sample.json

@@ -34,6 +34,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-carousel/assets/carousel.gif",
         "alt": "Carousel Web Part"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/VDkt9Ht0OwM",
+        "alt": "Demo of the web part in action"
       }
     ],
     "authors": [

samples/react-chartcontrol/assets/sample.json

@@ -146,6 +146,12 @@
         "order": 118,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/ScatterChart.png?raw=true",
         "alt": "Chart Control Samples"
+      },
+      {
+        "type": "video",
+        "order": 119,
+        "url": "https://www.youtube.com/embed/U_rtVSyM6_I",
+        "alt": "Demo of the web part in action"
       }
     ],
     "authors": [

samples/react-content-query-online/assets/sample.json

@@ -96,6 +96,18 @@
         "order": 111,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-content-query-online/assets/itemSelectorTemplateOutput.png?raw=true",
         "alt": "Content Query Web Part (SharePoint Online)"
+      },
+      {
+        "type": "video",
+        "order": 112,
+        "url": "https://www.youtube.com/embed/bbWMQhl4Y38",
+        "alt": "Demo of the web part in action"
+      },
+      {
+        "type": "video",
+        "order": 113,
+        "url": "https://www.youtube.com/embed/reZfuibLCpo",
+        "alt": "Demo of the web part in action"
       }
     ],
     "authors": [

samples/react-covid19-info/assets/sample.json

@@ -36,6 +36,12 @@
         "order": 101,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-covid19-info/assets/Langing-page-screenshot.png?raw=true",
         "alt": "COVID 19 information web part"
+      },
+      {
+        "type": "video",
+        "order": 102,
+        "url": "https://www.youtube.com/embed/nuso6glfQ5Q",
+        "alt": "Demo of the web part in action"
       }
     ],
     "authors": [

samples/react-css-in-js-typestyle/assets/sample.json

@@ -34,6 +34,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-css-in-js-typestyle/assets/dynamic-styles.gif",
         "alt": "CSS in JS with SharePoint Framework and TypeStyle"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/IGt5DJHYPsQ",
+        "alt": "Demo of the web part in action"
       }
     ],
     "authors": [

samples/react-datatable/assets/sample.json

@@ -34,6 +34,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-datatable/assets/preview.png",
         "alt": "Data Table"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/-i4EAmjKxpQ",
+        "alt": "Demo of the web part in action"
       }
     ],
     "authors": [

samples/react-doccard-faq/assets/sample.json

@@ -40,6 +40,12 @@
         "order": 101,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-doccard-faq/assets/reactdoccardfaq.png",
         "alt": "Web part in action"
+      },
+      {
+        "type": "video",
+        "order": 102,
+        "url": "https://www.youtube.com/embed/oIr-rgGvUUk",
+        "alt": "Demo of the web part in action"
       }
     ],
     "authors": [

samples/react-dynamics-crm-api/assets/sample.json

@@ -38,6 +38,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-dynamics-crm-api/assets/screenshot.gif",
         "alt": "Using Dynamics CRM API"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/VXzYc6cfjuI",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-enhanced-list-formatting/assets/sample.json

@@ -36,6 +36,12 @@
         "order": 101,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-enhanced-list-formatting/assets/Viewformatting.png?raw=true",
         "alt": "Enhanced List Formatting"
+      },
+      {
+        "type": "video",
+        "order": 102,
+        "url": "https://www.youtube.com/embed/B7p7_lVc8kI",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-enhanced-powerapps/assets/sample.json

@@ -66,6 +66,12 @@
         "order": 106,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-enhanced-powerapps/assets/step2.png?raw=true",
         "alt": "Enhanced Power Apps"
+      },
+      {
+        "type": "video",
+        "order": 107,
+        "url": "https://www.youtube.com/embed/L_ArTxSQKgo",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-follow-document/assets/sample.json

@@ -30,6 +30,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-follow-document/Assets/FollowDocumentSample1.gif?raw=true",
         "alt": "react-follow-document"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/Wx7nqlP3WQU",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-graph-calendar/assets/sample.json

@@ -44,6 +44,12 @@
         "order": 101,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-graph-calendar/assets/react-graph-calendar-teams.gif?raw=true",
         "alt": "Graph Calendar Web Part"
+      },
+      {
+        "type": "video",
+        "order": 102,
+        "url": "https://www.youtube.com/embed/1R1Ed3rdwts",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-graph-cascading-managed-metadata/assets/sample.json

@@ -36,6 +36,12 @@
         "order": 101,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-graph-cascading-managed-metadata/assets/termstore.png?raw=true",
         "alt": "Cascading managed metadata using Graph API"
+      },
+      {
+        "type": "video",
+        "order": 102,
+        "url": "https://www.youtube.com/embed/lk47ijo_H6Y",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-graph-telephonedirectory/assets/sample.json

@@ -36,6 +36,12 @@
         "order": 101,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-graph-telephonedirectory/assets/Capture.PNG?raw=true",
         "alt": "Telephone Directory using React, Ms Graph and SPFx"
+      },
+      {
+        "type": "video",
+        "order": 102,
+        "url": "https://www.youtube.com/embed/5ArJneWBy8s  ",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-pnpjsexplorer/assets/sample.json

@@ -36,6 +36,12 @@
         "order": 101,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-pnpjsexplorer/assets/pnpjstesterinaction.gif?raw=true",
         "alt": "SPFx web part to Test PnpJS SharePoint Methods"
+      },
+      {
+        "type": "video",
+        "order": 102,
+        "url": "https://www.youtube.com/embed/mdgkyxeayY0",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-remote-event-receiver-manager/assets/sample.json

@@ -30,6 +30,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-remote-event-receiver-manager/assets/video.gif",
         "alt": "Word Game"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/nYKXmXkuaKc",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-save-attachments/assets/sample.json

@@ -46,6 +46,12 @@
         "order": 102,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-save-attachments/assets/react-save-attachments-2.gif?raw=true",
         "alt": "Save Attachments"
+      },
+      {
+        "type": "video",
+        "order": 103,
+        "url": "https://www.youtube.com/embed/Hl4zu9YeeRA",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-sites-selected-admin/assets/sample.json

@@ -48,6 +48,12 @@
         "order": 103,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-sites-selected-admin/assets/vsDemo.gif?raw=true",
         "alt": "Sites Selected Admin"
+      },
+      {
+        "type": "video",
+        "order": 104,
+        "url": "https://www.youtube.com/embed/afwLIS77h8Y",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-smart-profile-photo-editor/assets/sample.json

@@ -30,6 +30,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-smart-profile-photo-editor/assets/WebPartPreview.gif",
         "alt": "Smart Profile Photo Editor"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/FQITfL_EfaU",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-soccer-highlights/assets/sample.json

@@ -46,6 +46,12 @@
         "order": 102,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-soccer-highlights/assets/SoccerHighlights.png?raw=true",
         "alt": "Soccer Highlights"
+      },
+      {
+        "type": "video",
+        "order": 103,
+        "url": "https://www.youtube.com/embed/LZcFEVV7J94",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-spupsproperty-sync/assets/sample.json

@@ -34,6 +34,18 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-spupsproperty-sync/assets/SPUPS-Sync.gif",
         "alt": "SPUPS Property Sync"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/BaNWS0hzUpQ",
+        "alt": "Community demo of the web part"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/plS_1BsQAto",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-tailwindcss/assets/sample.json

@@ -34,6 +34,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-tailwindcss/assets/react-tailwindcss-overview.gif",
         "alt": "Tailwind CSS"
+      },
+      {
+        "type": "video",
+        "order": 102,
+        "url": "https://www.youtube.com/embed/_gQkauERWh0",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-teams-meeting-app-questionnaire/assets/sample.json

@@ -42,6 +42,12 @@
         "order": 101,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-teams-meeting-app-questionnaire/assets/questionnaire-preview.png",
         "alt": "Questionnaire Preview"
+      },
+      {
+        "type": "video",
+        "order": 102,
+        "url": "https://www.youtube.com/embed/gDcT7yu6UmU",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-teams-message/assets/sample.json

@@ -36,6 +36,12 @@
         "order": 101,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-teams-message/assets/webpartproperties.jpg?raw=true",
         "alt": "React Teams Messages"
+      },
+      {
+        "type": "video",
+        "order": 102,
+        "url": "https://www.youtube.com/embed/lzOcAL_6A7c",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-teams-tabs-pnpjs/assets/sample.json

@@ -36,6 +36,12 @@
         "order": 101,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-teams-tabs-pnpjs/assets/react-teams-tabs-pnpjs-webpart.png?raw=true",
         "alt": "MS Teams Channels and Tabs from Modern Team site"
+      },
+      {
+        "type": "video",
+        "order": 102,
+        "url": "https://www.youtube.com/embed/jUesdAdHRng",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-twitter/assets/sample.json

@@ -30,6 +30,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-twitter/assets/twitter-timeline.png",
         "alt": "Twitter Timeline"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/e8K_Hu4-Bx8",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-webcam/assets/sample.json

@@ -30,6 +30,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-webcam/screens/4.png?raw=true",
         "alt": "Web/Mobile Camera Demo"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/YIaCEkjCTKc",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-world-clocks/assets/sample.json

@@ -46,6 +46,12 @@
         "order": 102,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-world-clocks/assets/WorldClockList.png?raw=true",
         "alt": "React World Clocks"
+      },
+      {
+        "type": "video",
+        "order": 103,
+        "url": "https://www.youtube.com/embed/91uQHUgpKo8",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/react-yammer-praise/assets/sample.json

@@ -44,6 +44,12 @@
         "order": 101,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-yammer-praise/assets/screenshot2.gif?raw=true",
         "alt": "Yammer Praise using aadTokenProvider"
+      },
+      {
+        "type": "video",
+        "order": 102,
+        "url": "https://www.youtube.com/embed/fYDqjOEuTKY",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [

samples/sample-metadatatemplate.json

@@ -30,6 +30,12 @@
         "order": 100,
         "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/YOUR-SAMPLE-NAME/assets/YOUR-IMAGE-NAME-HERE",
         "alt": "Web Part Preview"
+      },
+      {
+        "type": "video",
+        "order": 101,
+        "url": "https://www.youtube.com/embed/FS-_0KENJkI",
+        "alt": "Community demo of the web part"
       }
     ],
     "authors": [