{"id":7766,"date":"2021-08-26T13:07:31","date_gmt":"2021-08-26T20:07:31","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=7766"},"modified":"2021-11-17T12:12:35","modified_gmt":"2021-11-17T20:12:35","slug":"new-public-preview-version-on-upcoming-sharepoint-framework-1-13","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/new-public-preview-version-on-upcoming-sharepoint-framework-1-13\/","title":{"rendered":"New public preview version on upcoming SharePoint Framework 1.13"},"content":{"rendered":"<p>We are excited to announce following\u00a0<strong>updated public preview version of the upcoming SharePoint Framework 1.13<\/strong>. You can use SharePoint Framework to build extensibility for Microsoft Viva, Microsoft Teams and SharePoint with industry standard web stack tooling.<\/p>\n<p>We\u2019ve seen growing interest on building upcoming Microsoft Viva Connections mobile experiences, across the partner and customer ecosystem, after our\u00a0<a href=\"https:\/\/developer.microsoft.com\/en-us\/microsoft-365\/blogs\/announcing-public-preview-of-sharepoint-framework-1-13-with-viva-connections-extensibility\/\">first public release of the SharePoint Framework 1.13<\/a>. Notice that the actual mobile experiences and upcoming dashboard is not yet publicly available, so you can start building experiences with SharePoint Framework 1.13, but the end user experience is not yet in preview phase.<\/p>\n<p>What is expected next?<\/p>\n<ul>\n<li>We will keep on releasing new versions of the SharePoint Framework 1.13 preview capabilities.<\/li>\n<li>There will be a public preview on the Microsoft Viva Connections mobile and dashboard experiences later in autumn 2021, followed by General Availability relatively closely.<\/li>\n<li>We are covering already preview features and capabilities in our public community calls \u2013 see all Microsoft 365 community assets from\u00a0<a href=\"https:\/\/aka.ms\/m365pnp\">https:\/\/aka.ms\/m365pnp<\/a>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Installing SharePoint Framework 1.13 preview<\/h3>\n<p>You can install\u00a0<strong>preview of the SharePoint Framework 1.13\u00a0<\/strong>by using following command \u2013<wbr \/>\u00a0which will always install he latest preview packages.<\/p>\n<pre class=\"\"><span class=\"pl-c1\">npm install @microsoft\/generator-sharepoint@next --global<\/span>\r\n<\/pre>\n<h3>What\u2019s updated on this latest beta version?<\/h3>\n<p>Key changes and updates are as follows:<\/p>\n<ul>\n<li><em>AdaptiveCardExtensionContext.deviceContext: DeviceContext<\/em>\n<ul>\n<li>Provides context on what type of device the ACE is rendering on. This can impact the availability and\/or behavior of certain APIs.<\/li>\n<li>This was previously erroneously announced as available in 1.13.0-beta.11.<\/li>\n<\/ul>\n<\/li>\n<li><em>BaseAdaptiveCardExtension.isVisible: boolean<\/em>\n<ul>\n<li>Sets the visibility of the Adaptive Card Extension and re-render.<\/li>\n<\/ul>\n<\/li>\n<li><em>BaseAdaptiveCardExtension.propertiesMetadata: IAdaptiveCardExtensionPropertiesMetadata | undefined<\/em>\n<ul>\n<li>This property defines metadata for the Adaptive Card Extension property bag.<\/li>\n<li>Similar functionality to `BaseClientSideWebPart.propertiesMetadata`.<\/li>\n<\/ul>\n<\/li>\n<li><em>BaseAdaptiveCardExtension.onAfterPropertiesUpdatedExternally(prevProperties: TProperties): void<\/em>\n<ul>\n<li>Lifecycle method called after the Adaptive Card Extension\u2019s properties have been updated by a source other than the property pane.<\/li>\n<li>Similar functionality to\u00a0<em>BaseClientSideWebPart.onAfterPropertiesUpdatedExternally<\/em>.<\/li>\n<\/ul>\n<\/li>\n<li><em>BaseView.cardSize: CardSize<\/em>\n<ul>\n<li>Returns the current card size.<\/li>\n<\/ul>\n<\/li>\n<li><em>BaseView.setVisibility(isVisible: boolean): void<\/em>\n<ul>\n<li>Sets the visibility of the Adaptive Card Extension from a view.<\/li>\n<\/ul>\n<\/li>\n<li><em>ISubmitCardAction.confirmationDialog: IConfirmationDialog<\/em>\n<ul>\n<li>Renders a confirmation dialog before executing or cancelling the submit action.<\/li>\n<\/ul>\n<\/li>\n<li><em>IBaseCardParameters.iconAltText: string<\/em>\n<ul>\n<li>Specify alternate text for your icon.<\/li>\n<\/ul>\n<\/li>\n<li>Fixed video playing issue in QuickView<\/li>\n<li>Fixed empty\u00a0<em>lib-commonjs\/<\/em>\u00a0main entry.<\/li>\n<li>.gitignore includes\u00a0<em>release\/<\/em>\u00a0directory.<\/li>\n<li>Scaffolded\u00a0<em>copy-assets.json<\/em>\u00a0and\u00a0<em>DeployAzureStorageTask<\/em>\u00a0respect\u00a0<em>release\/assets\/<\/em>\u00a0directory.<\/li>\n<li>Updated\u00a0<em>yosay<\/em>\u00a0dependency.<\/li>\n<\/ul>\n<p>We also introduced new\u00a0<a href=\"https:\/\/www.npmjs.com\/package\/@microsoft\/sp-image-helper\">sp-image-helper package<\/a>, which can be used to resolve image URLs with the DNS routing in your extensibility. This helps developers to provide optimized experiences for end users with the automatic resolution of images in the most optimal way based on tenant settings. Here\u2019s how to get started with it:<\/p>\n<pre class=\"\">import {\r\n  ImageHelper\r\n} from '@microsoft\/sp-image-helper';\r\n\r\nImageHelper.convertToImageUrl({\r\n \u00a0\u00a0\u00a0\u00a0 sourceUrl: sourceUrl,\r\n \u00a0\u00a0\u00a0\u00a0 width: width\r\n});<\/pre>\n<p>&nbsp;<\/p>\n<h3>What\u2019s SharePoint Framework?<\/h3>\n<p class=\"\">SharePoint Framework is widely used extensibility in\u00a0<span class=\"brand\">Microsoft 365<\/span>\u00a0with\u00a0<strong>tens of millions of end users each month for the custom components<\/strong>\u00a0built by customers and partners. It\u2019s the easiest way to get build extensibility for\u00a0<span class=\"brand\">Microsoft 365<\/span>\u00a0and it\u2019s taken advantage by thousands of partners and customers on building custom experiences for end users.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6542 size-large\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/07\/spfx-easiest-way-solutions-m365-1024x576.png\" alt=\"SharePoint Framework - The easiest way to build your enterprise solutions for Microsoft 365\" width=\"640\" height=\"360\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/07\/spfx-easiest-way-solutions-m365-1024x576.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/07\/spfx-easiest-way-solutions-m365-300x169.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/07\/spfx-easiest-way-solutions-m365-768x432.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/07\/spfx-easiest-way-solutions-m365-1536x865.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/07\/spfx-easiest-way-solutions-m365.png 1949w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Additional resources and support<\/h3>\n<ul>\n<li>Please report any issues on the public preview using following issue list \u2013\u00a0<a href=\"http:\/\/aka.ms\/viva\/connections\/developer\/preview\/issues\">https:\/\/aka.ms\/viva\/connections\/developer\/preview\/issues<\/a>\n<ul>\n<li>We have engineering people monitoring any incoming issues and helping you to get unblocked or getting your questions answered<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/techcommunity.microsoft.com\/t5\/microsoft-viva-blog\/viva-connections-welcomes-new-partners-and-opens-developer\/ba-p\/2540643\">Viva Connections welcomes new partners and opens developer preview<\/a>\u00a0\u2013 Microsoft Viva Blog<\/li>\n<li><a href=\"https:\/\/techcommunity.microsoft.com\/t5\/microsoft-viva-blog\/how-to-implement-microsoft-viva-connections-with-microsoft\/ba-p\/2337065\">How to implement Microsoft Viva Connections with Microsoft Mechanics<\/a>\u00a0\u2013\u00a0<a href=\"https:\/\/twitter.com\/AdamHarmetz\">Adam Harmetz<\/a>\u00a0(Microsoft)<\/li>\n<li><a href=\"https:\/\/mybuild.microsoft.com\/sessions\/83a31949-e368-432b-8582-5883e9995046\">Build solutions that span across Microsoft Teams, Viva Connections and SharePoint<\/a>\u00a0\u2013 Build 2021 session \u2013\u00a0<a href=\"https:\/\/twitter.com\/vesajuvonen\">Vesa Juvonen<\/a>\u00a0(Microsoft)<\/li>\n<li><a class=\"x-hidden-focus\" href=\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/viva\/overview-viva-connections\">Getting started with building Microsoft Viva Connections extensibility tutorials<\/a><\/li>\n<li><a href=\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/release-1.13\">SharePoint Framework 1.13 preview release notes<\/a><\/li>\n<li><a href=\"https:\/\/pnp.github.io\/cli-microsoft365\/cmd\/spfx\/project\/project-upgrade\/\">CLI for Microsoft 365<\/a>\u00a0\u2013 SharePoint Framework Upgrade tooling from previous versions to latest<\/li>\n<li><a href=\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/set-up-your-developer-tenant\">SharePoint Framework tutorial for getting started<\/a><\/li>\n<li class=\"\"><a href=\"https:\/\/aka.ms\/spfx-webparts\">SharePoint Framework web part samples<\/a><\/li>\n<\/ul>\n<p>If you are looking into building experiences for\u00a0<span class=\"brand\">Microsoft 365<\/span>, we strongly recommend on joining our community calls and other\u00a0<span class=\"brand\">Microsoft 365<\/span>\u00a0community activities. More details from\u00a0<a href=\"https:\/\/aka.ms\/m365pnp\">https:\/\/aka.ms\/m365pnp<\/a>.<\/p>\n<p class=\"\">Happy coding! Sharing is caring! \ud83e\udde1<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are excited to announce the updated public preview of the SharePoint Framework (SPFx) 1.13 &#8211; with Microsoft Viva Connections extensibility support for optimized mobile experiences.<\/p>\n","protected":false},"author":69078,"featured_media":7767,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[128,142,9],"tags":[],"class_list":["post-7766","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-teams","category-microsoft-viva","category-sharepoint-framework"],"acf":[],"blog_post_summary":"<p>We are excited to announce the updated public preview of the SharePoint Framework (SPFx) 1.13 &#8211; with Microsoft Viva Connections extensibility support for optimized mobile experiences.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/7766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69078"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=7766"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/7766\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/7767"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=7766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=7766"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=7766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}