feat: add preview link sharing with QR code

[stipsan]

Introducing Preview Sharing ✨

preview.sharing.mov

Preview Sharing creates share links with codes that are valid for as long as you want them to be. Toggling sharing off/on will create a new code that makes previous URLs no longer valid.
It also shows a QR code to enable quickly opening a PR on your phone to test your content in context before publishing it.

Prerequisites

For the menu to show up you'll need to have preview mode configured:

presentationTool({
  previewUrl: {
    previewMode: { // or `previewMode`
      enable: '/api/draft-mode/enable' // <- required
    }
  }
})

And to use @sanity/preview-kit v2 in your app for calling validatePreviewUrl in your API route, v1 doesn't support the new custom-duration preview URL secrets used to authenticate the request to see draft content.

Permissions

By default only Editor's or above can toggle sharing, although Enterprise plans with custom roles can change this.

Opting out

The menu is enabled by default when previewMode.enable is setup. You can turn it off by setting shareAccess to false.

presentationTool({
  previewUrl: {
    previewMode: {
      enable: '/api/draft-mode/enable',
      shareAccess: false // <- disable the QR code preview sharing menu
    }
  }
})

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
live-visual-editing-next	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 21, 2024 1:20pm
visual-editing-astro	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 21, 2024 1:20pm
visual-editing-next	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 21, 2024 1:20pm
visual-editing-next-with-i18n	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 21, 2024 1:20pm
visual-editing-nuxt	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 21, 2024 1:20pm
visual-editing-page-builder-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 21, 2024 1:20pm
visual-editing-remix	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 21, 2024 1:20pm
visual-editing-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 21, 2024 1:20pm
visual-editing-studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 21, 2024 1:20pm
visual-editing-svelte	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 21, 2024 1:20pm

[rdunk]

Awesome, this is very cool.