Viva Connections & SharePoint Framework Community Call – 15th of June, 2023

Viva Connections & SharePoint Framework Community Call – 15th of June, 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.


  • Multilingual SharePoint Page Summarization with Open AI API and Microsoft Graph Pages API – add this Summarize web part (to webpage) that requests summary (of text on page) in 4 languages from OpenAI, results are displayed on page. Code walkthrough - get page text using microsoft.graph.textWebPart. call Azure PS function, construct a prompt… Overview on OpenAI and Azure OpenAI, setting up the API, integrating with SPFx, and use cases. See webpart and Azure functions code, in sample.
  • SPFx framework at Microsoft - Accelerator Live Update Feature – see how event created by one user is seen by other users, no page refresh needed. Content (field) updates by others are announced in your version of form by visual indicator dots courtesy of Live Update React Component. You have option to choose best update of many for field. Uses package called sp-list-subscription. Covers Live Updates implementation (entities and States) and React UI.
  • Viva Connections + Stage View in Teams – reduce Viva Dashboard clutter, cleanly open/respond to multiple forms using Stage View accessed from this single custom ACE card or access multiple Power Apps from this custom ACE. Convenience, authentication, process benefits become clear in demo. How does it work - review supporting list structure, ACE card configuration and deep-link generation.

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

05:43 – PnPjs Client-Side Libraries – Beau Cameron (Aerie Consulting) | @beau_cameron

07:08 – CLI for Microsoft 365 – Adam Wójcik (Hitachi Energy) | @Adam25858782

08:47 – PnP SPFx Controls – Hugo Bernier (Microsoft) | @bernierh

09:38 – Viva Connections Toolkit for Visual Studio Code – Adam Wójcik (Hitachi Energy) | @Adam25858782

11:30 – PnP Modern Search – Hugo Bernier (Microsoft) | @bernierh

11:59 – PnP Samples - Hugo Bernier (Microsoft) | @bernierh

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

14:44 – Together mode picture

15:40 – Demo – Multilingual SharePoint Page Summarization with Open AI API and Microsoft Graph Pages API – Anoop Tatti (Content and Code) | @anooptells

29:04 – Demo – SPFx framework at Microsoft - Accelerator Live Update Feature – Daniel Turley (Avanade)

38:47 – Demo – Viva Connections + Stage View in Teams – Marcus Castro (Microsoft)

47:55 – Closing

Together Mode


Here’s the proof that you were here today! Thanks for being part of this awesome community.

Upcoming activities and actions

Demo references

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

Open-source project status

PnP ProjectCurrent versionRelease/Status
SharePoint Framework (SPFx)v1.17.3 (GA)v1.18 around September
PnPjs Client-Side Librariesv3.16 (GA)v4.0 Planning – Issue #2678
CLI for Microsoft 365v6.9 (beta)
Microsoft Graph Developer Proxyv0.8 (Preview)
Reusable SPFx React Controlsv3.14.0 (GA), v2.9.0
Reusable SPFx React Property Controlsv3.13.0 (GA), v2.7.0
Viva Connections Toolkit for VS Codev1.0 (GA)v2.0 Roadmap shared
PnP SPFx Generatorv1.16.0v1.17.0 on the way
PnP Modern Searchv4.9.0 (GA), v3.23.0 (GA)

General Resources

Other mentioned topics

Upcoming calls | Recurrent invites


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 Welcome and join the discussion!

“Sharing is caring”

Microsoft 365 PnP team, Microsoft - 15th of June 2023