Polishing Plugin library

[shannonbux]

Description

The plugin library is in dark deploy, thanks to @gillkyle and many others!
This fixes Issue #3003.

Next steps based off of discussions w/ @fk, @KyleAMathews, and @calcsam.
@KyleAMathews do these things?

• Make sure deprecated packages are not appearing in plugin search
• Support searching for gatsby-library in addition to gatsby-plugin and gatsby-component
• Add "gatsby-plugin" keyword to package.json where missing
• show total count of plugins w/o any search
• script fetching all community plugins to find which ones aren't in the library and then PR adding keyword to them

@jlengstorf do this:

• Template for plugin READme's ([docs] Add template for plugin READMEs #4284 thanks @jlengstorf) and can we make sure people know (possibly thru template and plugin instructions you wrote) that they need to use gatsby-plugin as a keyword, since Algolia search uses this?
• Add instructions to the page for plugin authors about how to get their plugin to show up — namely
  • add "gatsby-plugin" as keyword
  • wait 24 hours while Algolia reindexes

@fk do this:

• Fix bug in Safari https://twitter.com/ARasheedPhoto/status/971407215553781761
• Design enhancements
• send mobile icon to Shannon
• redirect /plugins/ to /packages/

Shannon do this:

• Figuring out where the plugin library ought to reside and how to navigate there on gatsbyjs.org ("Packages on top nav desktop and bottom nav in mobile) --> edit plugin docs page to redirect to packages library and plugin authoring page

Notes on possible future enhancements to the library:

• Introduce filters (examples: filter by category, popularity, and what version of Gatsby the package works with)
• For each plugin, include a list of open source websites from the showcase (and how many) that are using the plugin

[KyleAMathews]

Community plugins missing the "gatsby-plugin" keyword so not currently showing up in the search. Each one should have a PR adding either gatsby-plugin, gatsby-component, or gatsby-library as a keyword alampros/gatsby-plugin-accessibilityjs#1

Please check them off when you've made a PR!

• https://github.com/alampros/gatsby-plugin-accessibilityjs
• https://github.com/indigotree/gatsby-plugin-bugherd
• https://github.com/Creatiwity/gatsby-plugin-favicon
• https://github.com/didierfranc/gatsby-plugin-google-fonts
• https://github.com/marcobiedermann/gatsby-plugin-svg-sprite
• https://github.com/getchalk/gatsby-plugin-meta-redirect
• https://github.com/angeloocana/gatsby-plugin-i18n
• https://github.com/rongierlach/gatsby-plugin-purify-css
• https://github.com/jlengstorf/gatsby-remark-numbered-footnotes
• https://github.com/kevzettler/gatsby-source-airtable
• https://github.com/Rulikkk/gatsby-remark-emoji
• https://github.com/jcreamer898/gatsby-plugin-typescript-css-modules
• https://github.com/pixelstew/gatsby-paginate
• https://github.com/jedidiah/gatsby-source-soundcloud
• https://github.com/angeloashmore/gatsby-node-helpers
• https://github.com/jedidiah/gatsby-source-twitch
• https://github.com/G100g/gatsby-source-twitter
• https://github.com/infinitedescent/gatsby-pagination
• https://github.com/atrauzzi/gatsby-plugin-protoculture

[KyleAMathews]

cc-ing repo owners if you want to fix things yourselves :-D @alampros @crgeary @julien1619 @didierfranc @marcobiedermann @dannywils @angeloocana @rongierlach @jlengstorf @kevzettler @Rulikkk @jcreamer898 @pixelstew @Jedidiah @angeloashmore @G100g @haysclark

[jcreamer898]

Thanks for the heads up! Mine is updated.

[crgeary]

Thanks! Mine gatsby-plugin-bugherd has been updated.

[youfoundron]

The deed is done -- gatsby-plugin-purify-css

[Rulikkk]

gatsby-remark-emoji updated with keywords. Thanks.

[dannywils]

gatsby-plugin-meta-redirect has been updated

[fk]

I added a PR #4472 'Replace main navigation item "Community" with "Plugins"' over the weekend, preview here: https://deploy-preview-4472--gatsbyjs.netlify.com/

[fk]

Hey @jacobmischka, want to tag https://github.com/jacobmischka/gatsby-plugin-react-svg/?

[DirtyF]

keyword added on https://github.com/didierfranc/gatsby-plugin-google-fonts

[DirtyF]

@KyleAMathews all listed plugins have now a PR to add the missing keyword ✅

[didierfranc]

@DirtyF merged and published ;)

[jacobmischka]

@fk Will do!

[fk]

Wow, thanks @DirtyF!
Thanks @jacobmischka!
🙏 🤗

[angeloashmore]

Merged PR into gatsby-node-helpers. Thanks @DirtyF!

[marcobiedermann]

Merged in marcobiedermann/gatsby-plugin-svg-sprite#2 for gatsby-plugin-svg-sprite by @DirtyF

[lowmess]

@jlengstorf Opened #4622 before seeing this issue and that the task was already on your roadmap. feel free to adjust/suggest wording or close the issue if it's not what was in mind.

[nihgwu]

I think we should support versioned plugin, I'm planning publish some of my own plugins but realize that they are for Gatsby V2

for example packages for Sublime Text

[m-allanson]

@lowmess @jlengstorf I merged #4622 and checked it off at the top of this issue.

[shannonbux]

@nihgwu Can you explain more about this? Do you mean you want the plugin library to show what version of Gatsby the plugin is compatible with?

[nihgwu]

@shannonbux exactly

[shannonbux]

@fk and @jlengstorf and @KyleAMathews Are your checklists at the top of this issue updated? Happy to help where I can.

ALSO Kyle, I just updated the long checklist of plugins to reflect that PR's have been made and/or merged for the entire list of plugins! Wait to go everyone.

[jlengstorf]

@shannonbux I need to write the README template still, and I haven't done anything about the Algolia notes.

I also think we discussed keeping plugins instead of packages even though it's technically more than plugins.

Maybe those should be tracked in separate issues (the README already is) and close this?

[shannonbux]

will do tomorrow! Thanks!

[KyleAMathews]

Fun being able to regularly see the count of plugins now — we're already up 8-10 or so since we launched the library

[shannonbux]

@nihgwu Just created issue #4671 to add filters to plugin library, which would include version compatibility! Thanks!

[shannonbux]

Ok closing this issue because I turned the remaining tasks into smaller issues in the UX project.

• Maintain light purple selected state in plugin library Maintain light purple selected state in plugin library #4670
• Plugin library filters and sorting enhancements Plugin library filters and sorting enhancements #4671
• Plugin library list sites that use plugin Plugin library list sites that use plugin #4672
• Add Algolia notes to Plugin Authoring doc Add Algolia notes to Plugin Authoring doc #4673
• Create READme template for plugins [docs] Add template for plugin READMEs #4284