Viva Connections & SharePoint Framework Community Call – 9th of March, 2023

Call summary

Welcome to the bi-weekly call focused on Microsoft 365 client-side development. In this call, we focus on using Viva Connections and SharePoint Framework to build solutions for Microsoft Teams and SharePoint Online.

New this week

• Announcements
  • Agenda set for next Microsoft 365 platform call - Tuesday, March 14, 2023, 8:00 am PT.
    • Latest news from Microsoft engineering on the Microsoft 365 topics
    • Community together mode group photo
    • Demo – Waldek Mastykarz - Microsoft Graph Hackathon – Recap on the second week
    • Demo – Gary Pretty - Boost your conversations with GPT and PVA
    • Demo – Dan Wahlin - Deploying the Azure Communications Services Application to Azure
  • Sharing-Is-Caring training event next week - Power Platform Samples Contributor | Wednesday, March 15th, 10:00am PT | 1:00pm ET - Register
  • Community Recognition Program badges for 2023 - aka.ms/community/recognition
• Project releases
  • SharePoint Framework (SPFx) – v1.17 (Preview)
  • CLI for Microsoft 365 – v6.3 (GA)
  • Microsoft Graph Developer Proxy – v0.5 (Preview)
  • Reusable SPFx React Controls – v3.13.0 (GA)
  • Reusable SPFx React Property Controls – v3.12.0 (GA)
  • Viva Connections Toolkit for VS Code – v0.4.1 (Preview)
• SPFx samples
  • Updated - All Microsoft 365 Groups and Teams with SPFx - Alison Collins | ReactIntern
  • New - Search Conversation Teams Tab - Siddharth Vaghasia | @siddh_me
  • Updated - Chat GPT App - João Mendes | @joaojmendes
  • New - Quick Links - Dan Toft | @tanddant
  • Updated - Applications Secrets Expiration - Aimery Thomas | @aimery_Thomas
  • Updated - Advanced Page Properties - Valeras Narbutas | @ValerasNarbutas
  • Updated - Twitter - Reshmee Auckloo | @ReshmeeAuckloo
  • New - Multilingual SharePoint Page Summarization with Open AI API and Microsoft Graph Pages API - Anoop Tatti | @anooptells
• ACE samples
  • New - Daily Insights with ChatGPT - Siddharth Vaghasia | @siddh_me
  • Updated - Join New Teams Upgrade – SPFx 1.16.1- Aimery Thomas | @aimery_thomas
• Conversations
  • Microsoft 365 PnP Weekly – Episode 200 (March 6th) with hossts Sébastien Levert (Microsoft) | @sebastienlevert, Vesa Juvonen (Microsoft) | @vesajuvonen and Waldek Mastykarz (Microsoft) | @waldekm | video | podcast
  • Microsoft 365 PnP Weekly – Episode 199 (February 27th) with reflections from Vesa Juvonen (Microsoft) | @vesajuvonen and Waldek Mastykarz (Microsoft) | @waldekm | video | podcast

Demos

• Build a SPFx solution to create AI generated images with DALL-E API – review DALL-E capabilities and billing model. Access Open AI API of DALL-E 2, create an account, generate an API key. Next create an image first by calling image API from Postman, then via the SPFx web part. Save image to document library. Step through the web part code – uses SPFx to call API, PnPjs to save image to library, base64 encoding.
• Build AI integration for Microsoft 365 using ChatGPT and SPFx solution – to easily incorporate this search capability in your Microsoft 365 environment. Review prerequisites - get OpenAI API key, install the web part, add web part to a site and add your API key to Properties. Code deep dive – install OpenAI package, configure chatGPT and API response parameters. Review 4 Open AI language models, options for concealing your API key and token usage optimization.

The host of this call is Hugo Bernier (Microsoft) @bernierh. Q&A takes place as always in chat throughout the call.

Agenda items

00:00 – Intro – Hugo Bernier (Microsoft) @bernierh

04:48 – SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen

06:19 – PnPjs Client-Side Libraries – Patrick Rodgers (Microsoft) | @mediocrebowler

07:11 – CLI for Microsoft 365 – Garry Trinder (Microsoft) | @garrytrinder

08:47 – Microsoft Graph Developer Proxy – Garry Trinder (Microsoft) | @garrytrinder

10:24 – PnP SPFx Controls – Alex Terentiev (Microsoft) | @alexaterentiev

11:14 – Viva Connections Toolkit for Visual Studio Code – Vesa Juvonen (Microsoft) | @vesajuvonen

12:09 – PnP Modern Search – Hugo Bernier (Microsoft) @bernierh

12:55 – PnP Samples - Hugo Bernier (Microsoft) | @bernierh

14:53 – PnP SPFx ACEs Samples - David Warner II (Microsoft) | @DavidWarnerII

15:46 – Together mode picture – Vesa Juvonen (Microsoft) | @vesajuvonen

17:08 – Demo – Build a SPFx solution to create AI generated images with DALL-E API – Luis Mañez (ClearPeople) | @luismanez

28:47 – Demo – Build AI integration for Microsoft 365 using ChatGPT and SPFx solution – Nico De Cleyre (Ordina) | @NicoDeCleyre

49:00 – Closing

Together Mode

And the winners are captured above herein, right here. Congratulations! Thanks for joining and participating in the call today. Cheers.

Actions

• Request a Demo spot on the call | https://aka.ms/community/request/demo
• Opt into the PnP Recognition Program | aka.ms/m365pnp-recognition
• Register for upcoming Sharing is Caring events:
  • Power Platform Samples Contributor | Wednesday, March 15th, 10:00am PT | 1:00pm ET - Register
  • Maturity Model Practitioners | Tuesday, March 21st, 7am PST – Download reoccurring invite
  • PnP Office Hours – 1:1 session | Register
  • PnP Buddy System | Request a Buddy
• Register for the Microsoft 365 Developer Program and get a free developer tenant
• Get started with free training modules covering Microsoft 365 platform capabilities.
• Visit the Microsoft 365 Unified Sample Solution Gallery from Microsoft and community.
• Download the recurrent invite for this call | https://aka.ms/spdev-spfx-call

Demo references

• Build a SPFx solution to create AI generated images with DALL-E API
  • Sample - Image generation using DALL-E API
• Build AI integration for Microsoft 365 using ChatGPT and SPFx solution
  • Key – platform.openai.com/account/api-keys
  • Sample - ChatGPT inside SPFx
  • Article - Integrate ChatGPT into SPFx solutions

Thank you for your great work. Samples are often showcased in Demos.

Open-source project status

General Resources

• Viva Connections https://aka.ms/VivaConnections
• Archives - Microsoft 365 PnP Weekly - Videos, Podcasts  
• Tools - Teams Toolkit (v2.2 Preview) 
• Tools - Microsoft Teams Framework (TeamsFx) 
• Gallery - Microsoft 365 Extensibility look book gallery   
• Microsoft Build sessions guide (Modern Work Digital Brochure) - aka.ms/modernworkbuildsessions
• SharePoint Framework - v1.12.1 npm install –g @microsoft/generator-sharepoint@next
• CLI for Microsoft 365 v3
• CodeTour
• Sharing is Caring | aka.ms/sharing-is-caring
• Tools - PnP Modern Search v4  | https://aka.ms/pnp-search
• M365 PnP site | aka.ms/m365pnp
• SharePoint Starter Kit v2
• Blog: “A Lap Around Microsoft Graph Toolkit” blog series
• New Microsoft 365 Patterns and Practices (PnP) team model with new community leads
• Microsoft 365 Community Content (non-Dev docs)
• PnP SPFx web part samples
• PnP SPFx extension samples
• GitHub PnPjs
• Tutorials - Getting started with SharePoint Framework v1.10 Tutorials (12 videos)
• Tutorials - Getting started with SharePoint Framework v1.10 Extensions (6 videos)
• Docs - Tutorials and training material for SharePoint Development
• SPFX Training Package
• SPFx Web Parts
• SPFx Extensions
• SPFx Library Components
• Documentation - PnPjs v2 documentation
• Link - Microsoft 365 developer training
• Link - Office 365 Developer Program
• Latest documentation on SharePoint Framework
• Found an issue with SharePoint Dev? - please let us know at https://aka.ms/spdev-issues
• Reusable web part property controls
• Reusable react controls for SharePoint Framework solutions
• Reusable controls webcast
• CLI for Microsoft 365
• PnP SPFx Yeoman Generator - Extends the out-of-the-box experience with open-source community capabilities
• SharePoint Dev UserVoice - for new feature requests

Other mentioned topics

• SharePoint dev documentation
• SharePoint dev issue list

Upcoming calls | Recurrent invites

• Microsoft 365 platform call | Tuesday, March 14, 8:00 am PT - https://aka.ms/m365-dev-call (weekly)
• Power Platform monthly call | Wednesday, March 15, 8:00 am PT - https://aka.ms/PowerAppsMonthlyCall (monthly)
• Microsoft 365 General Dev call | Thursday, March 16, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
• Microsoft Identity Platform call | Thursday, March 16, 9:00 am PT - https://aka.ms/IDDevCommunityCalendar (monthly)
• Viva Connections & SharePoint Framework call | Thursday, March 23, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
• Office add-in monthly call | Wednesday, April 12, 8:00 am PT - https://aka.ms/officeaddinscall (monthly)

About

Viva Connections & SharePoint Framework bi-weekly calls are targeted at anyone who is interested in the JavaScript-based development towards Microsoft Connections, Microsoft Teams, SharePoint Online, and also on-premises. Calls are used for the following objectives.

• SharePoint Framework engineering update from Microsoft
• Talk about PnP JavaScript Core libraries
• CLI for Microsoft 365 Updates
• SPFx reusable controls
• PnP SPFx Yeoman generator
• Share code samples and best practices
• Possible engineering asks for the field - input, feedback, and suggestions
• Cover any open questions on the client-side development
• Demonstrate SharePoint Framework in practice in Microsoft Viva, Microsoft Teams or SharePoint context
• You can download a recurrent invite from https://aka.ms/spdev-spfx-call. Welcome and join the discussion!

“Sharing is caring”

Microsoft 365 PnP team, Microsoft - 9th of March 2023