v3 ready: Tools and Plugins

[snorrees]

As we talked about during the v3 launch, here is the first batch of tools and plugin repositories that you can use in Sanity Studio v3 today!

Take a look at the README in each repository to learn more about each plugin or tool.

Note: v3 plugins are released under the studio-v3 npm tag.

You can install them using a regular npm command, for example:

npm install --save @sanity/color-input@studio-v3

then follow the usage section of each plugin.

sanity install is no longer used in Studio v3.

Plugins

Lives in the sanity monorepo.

• @sanity/vision

The following plugins used to live inside the Sanity monorepo,
but have been extracted to standalone repositories now:

• @sanity/color-input
• @sanity/code-input
• @sanity/google-maps-input
• @sanity/dashboard
• @sanity/language-filter

The following plugins have now have a v3 version in their respective repos:

• sanity-plugin-asset-source-unsplash
• sanity-plugin-markdown
• sanity-plugin-scheduled-publishing
• sanity-plugin-graph-view
• dashboard-widget-document-list (widget for @sanity/dashboard)
• example-dashboard-widget-cats (widget for @sanity/dashboard)
• sanity-plugin-media
• sanity-plugin-latex-input
• @sanity/document-internationalization
• sanity-plugin-mux-input
• orderable-document-list
• dashboard-widget-netlify
• dashboard-widget-vercel
• sanity-plugin-documents-pane
• @sanity/studio-secrets (called sanity-secrets in v2)
• sanity-plugin-iframe-pane
• sanity-plugin-cloudinary(v3 version includes sanity-plugin-asset-source-cloudinary)
• sanity-plugin-hotspot-array
• @sanity/table (official V3 replacement for sanity-plugin-table)
• sanity-plugin-bynder-input

Community made

• Giphy asset source plugin

Tools

• @sanity/plugin-kit
• @sanity/eslint-config-no-v2-imports
• @sanity/incompatible-plugin

Take specially note of.@sanity/plugin-kit, it provides CLI commands for create new, and updating existing plugins.

The road ahead

Let us know which plugins you would like to see ported to Studio v3!

Join in the fun and run npx @sanity/plugin-kit verify-package in your own Studio v2 plugin packages to get an idea of the steps needed to get there.

Create your very own v3 plugin package with npx @sanity/plugin-kit init awesome-thing-i-made and let us know about it!

[logemann]

Would love to see the following ones:

• dashboard-widget-netlify (but you are not the maintainer possibly)
• @sanity/google-maps-input
• @sanity/desk-tool

[logemann]

awesome. Thanks and sorry that i overlooked the maps one in your list. Netlify dashboard widget is most likely used by a lot of users because its really kind of useful ;-)

[jkananen]

+1 to dashboard-widget-netlify

It seems I could already use V3 on the simplest studios if website deploys on Netlify were possible from Sanity dashboard with the plugin.

[jaydanurwin]

Same here on dashboard-widget-netlify. I could migrate all of my clients' Sanity desks to v3 if that was migrated.

[snorrees]

dashboard-widget-netlify is now out for v3.

[makerbrothersworldwide]

is it possible to do these as well?

https://www.sanity.io/plugins/social-preview

https://www.sanity.io/plugins/sanity-plugin-google-analytics

https://www.sanity.io/plugins/seo-pane

thanks!

[nickroberts]

Just starting a new project, and would love to see these:

• sanity-plugin-media (I know this one is coming soon!)
• sanity-plugin-cloudinary
• sanity-plugin-asset-source-cloudinary

I'm still trying to figure out which Cloudinary plugin (or vanilla Sanity media) would be best with our NextJs frontend.

Exciting times ahead! Awesome work!

[snorrees]

sanity-plugin-media is out btw :)

[snorrees]

@sanity/vison is out starting from dev-preview.13!

[babyPrince]

Mux :)

• mux video input

*crossing fingers for batch upload of video files in array of mux.input (drag and drop all together) 🤞

[stipsan]

The mux one is coming soon! That one is on me 😄

[babyPrince]

Wonderful :) Any possibilities for batch upload? hehe

By the way, would the plugin work on v2?

[stipsan]

It's out:

npm i sanity-plugin-mux-input@studio-v3

Any possibilities for batch upload?

Not in this release 🙂

[luigimannoni]

Definitely Vision, sanity-plugin-media with batch upload, sanity-plugin-better-slug for the v3, I do understand though the latter with the new form api should be easy to replicate in every project.

[snorrees]

sanity-plugin-media is out!

[snorrees]

@sanity/vison is out starting from dev-preview.13!

[valse]

Hi... with the @sanity/document-internationalization it would be useful the @sanity/language-filter plugin too ;)

[snorrees]

Yep, @sanity/language-filter with @sanity/document-internationalization makes a lot of sense, and is even recommended in the doc-18n README :)

@sanity/language-filter will definitely need a replacement, but I cant promise that we will have anything to replace it until a bit later on the dev-preview timeline. Watch this space ;)

[snorrees]

@sanity/language-filter is now available.

[AmeyGohil]

I installed the @sanity/color-input and followed the usage but in the sanity.config.ts file, it shows Module '"@sanity/color-input"' has no exported member 'colorSchema'.ts(2305) in the editor and giving the following error in the studio

Uncaught error: The requested module '/node_modules/.vite/deps/@sanity_color-input.js?v=344716ad' does not provide an export named 'colorSchema'
http://localhost:3333/sanity.config.ts?t=1655364542058:3:10
SyntaxError: The requested module '/node_modules/.vite/deps/@sanity_color-input.js?v=344716ad' does not provide an export named 'colorSchema'

[snorrees]

Oh, you found a typo in the documentation. Export was renamed to colorInput at the last moment, and I see the README was left behind.

It should be:

import { colorInput } from "@sanity/color-input";

export default createConfig({
  // ...
  plugins: [
    colorInput(),
  ] 
})

I have released a new version with the text update; you dont have to update - fixing the import should work in the current version you have :)

Thanks for reporting!

[babyPrince]

One more very useful could be Vercel Deploy if possible

[snorrees]

Not the same plugin, but dashboard-widget-vercel is now out for v3, and should hopefully serve the same purpose.

[Gawdfrey]

I have updated the Giphy asset source plugin to v3!

[snorrees]

Fantastic! Would love to hear if the plugin-kit was of any help at all.

I also see that we have linked to plugin-sdk instead of plugin-kit in the last part of all our readmes 😅 . Another one of those "changed name at the last minute" things that is not checked by a compiler, and thus slipped through ;) I will update things in the released plugins over the weekend, you might want to do the same.

[Gawdfrey]

Thanks!

The plugin kit was definitely a great tool to have. Would have probably spent a few hours searching the docs and looking at example plugins to configure the v3 version without it. I have also started a fresh plugin repo with it now and i was up and running writing the plugin within minutes, which is amazing so great work on it so far!

I will also change the plugin-kit url, copy pastas are dangerous 😄

[evenwestvang]

So great to hear the kit was useful in porting! Thanks for doing this.

[XSlemX]

@Gawdfrey did such a great job porting/upgrading, that I finally woke up and reworked the UI.

[XSlemX]

@kmelve @evenwestvang the readme has been updated on the package, but the tools and plugin page is not.

[snorrees]

@valse @sanity/document-internationalization is out!

No language-filter quite yet: that bit is pending implementation in Studio core, so you will have to bear with us for now.

[edolyne]

Would love to see these updated for v3 as well

• sanity-plugin-seo-pane
• sanity-plugin-hierarchical-document-list
• @sanity/orderable-document-list

[snorrees]

orderable-document-list is out for v3 as of today.

[Designer023]

Seconding seo-pane

[bline]

Would really help me to have @sanity/block-tools for converting html to portable text outside of sanity studio.

[kmelve]

You can use block tools outside Sanity Studio today. Here's an example of a project using it. It does require a schema, but it doesn't require the studio.

[bline108]

Right, I guess my blocker on that was the complications of schema custom inputs which require the parts system.

Really excited to see v3 solve these issues. Thanks!

[alex289]

Any updates for Vision or when we can expect it?

[snorrees]

@sanity/vison is out starting from dev-preview.13!

[mehmet-karaca]

@codesandbox/sandpack-react does not work with

Unhandled Runtime Error Error: Unrecognized extension value in extension set ([object Object]). This sometimes happens because multiple instances of @codemirror/state are loaded, breaking instanceof checks.

[ottob]

sanity-plugin-markdown works locally for me, but now when deployed. I have opened an issue here: sanity-io/sanity-plugin-markdown#28

Does anyone else have the same problem?

[snorrees]

Thanks for the heads up! Released a new version that fixes the crash, but its a breaking change as we had to change the markdown editor to make it play nice with the build.

https://github.com/sanity-io/sanity-plugin-markdown/releases/tag/v3.0.0-v3-studio.1

With this version you should have an working editor, but image upload is not working. Sorry!

[snorrees]

@sanity/language-filter now has a v3 version.

[mosesoak]

Hi, we currently use a tool called sanity-codegen https://github.com/ricokahler/sanity-codegen to generate types from our studio into our frontend. Invaluable!

Is that something that will be needed in v3, or will it have a way to export all of the types easily?

If it will, my guess is that it would need to be upgraded to work with v3, would that just fall to the original author? Thanks

[snorrees]

Vercel and Netlify dashboard widget plugins are now V3 ready:

• dashboard-widget-netlify
• dashboard-widget-vercel

[robinpyon]

sanity-plugin-documents-pane is now V3 ready

[Designer023]

Thanks 👍 It's a great plugin

[snorrees]

V3 ready:

• @sanity/studio-secrets (called sanity-secrets in v2)
• sanity-plugin-iframe-pane
• sanity-plugin-cloudinary(v3 version includes sanity-plugin-asset-source-cloudinary)
• sanity-plugin-hotspot-array

[ehuelsda]

Any plans for upgrading the hierarchical-document-list plugin?

[kmelve]

Hi! We're looking into this!

[ehuelsda]

@kmelve any progress on this? 😊

[ehuelsda]

@kmelve still waiting for this one. Can we get an update?

[snorrees]

@sanity/table, V3 replacement for sanity-plugin-table is ready.

Big thanks to @davydog187 for doing all the migration work!

[davydog187]

@snorrees the plugin in the docs is showing the wrong contributor(s) (this was the fork) and the NPM / Github links are also wrong. https://www.sanity.io/plugins/table

Can you update?

[Adstokoe19]

Please could you make next-auth-sanity V3 ready? Thanks.

[kmelve]

I think you have to ask the maintainer for this plugin. That being said, I don't see any code in the plugin that wouldn't make it work with Studio v3 as it is now.

[Adstokoe19]

@kmelve Thanks. Yes the plugin works fine with v3. The schema requires updating (but still works!).