mittnavnermike/gatsby-plugins

A collection of plugins for gatsby

gatsby-plugins's Issues

Wrong spelling of package name in README

Hi Mike,

Thanks for the great plugin! I was trying to extract image colours using some other packages and was having a tough time. Being able to query the colour in Graphql makes it so much more convenient and easy in Gatsby environment. Thanks for creating this! 😄

However, when trying to install it, yarn was throwing a 404 error and I noticed the package as actually named gatsby-plugin-extract-image-colors on both npm and yarn. Whereas it says gatsby-plugin-extract-image-color in the README (the s at the end was missing). I was just copy-pasting the commands and hence the error.

Thought I'd update the README so that others can install this amazing plugin easily without any confusion. Here's a little PR: #1

Thanks again! 🙂

Plugin only works when video files are accessible through API

The plugin gatsby-source-vimeo-all only works when video files are accessible through API. This means that it will always break if used with accounts on the Free/Plus plan, where video files are not available through the API. It will also break if video_files is not inside the scope of the access token.

At the moment, a warning is being shown in the console but it would probably better to just allow the plugin to work, even if there aren't any video files available.

Edit: Sorry this is regarding gatsby-source-vimeo-all, I'm not sure how to mark this in a mono repo. 🙃

Increase limit of videos to 100

Great plugin, totally works.

By default however the API only returns 25 videos when it can do up to 100. I modified the plugin to do this below and it totally worked to pull in 100.

client.request({  
  method: 'GET',
  path: '/me/videos?per_page=100'
},

The API also supports pagination but that would take more work to implement in the plugin, I imagine.

Plugin gatsby-plugin-extract-image-colors is not compatible with your gatsby version 3.2.1

warn Plugin gatsby-plugin-extract-image-colors is not compatible with your gatsby version 3.2.1 - It requires gatsby@^2.0.0

I see in your package.json you have made few changes, would you please publish those changes to npm, so that version 0.0.15 is available for use.

Thanks.

[gatsby-plugin-extract-image-colors] Add other queries other than file

Hey, super awesome library idea! I was hoping to use this for images from the shopify source...is there any way to pull in colors from sources other than file?

"gatsby-plugin-extract-image-colors" threw an error while running the onCreateNode lifecycle

Hey,

Facing this issue while using gatsby-plugin-extract-image-colors and had no luck troubleshooting it. My implementation seems correct too as it runs fine on development server locally (despite the error showing) but fails to build.

I have already tried to add [email protected] and reinstalled all dependencies

Any help would be greatly appreciated

Error Message

ERROR #11321  PLUGIN

 "gatsby-plugin-extract-image-colors" threw an error while running the onCreateNode lifecycle:

Cannot read property 'Vibrant' of undefined

  38 |       yield Vibrant.from(node.absolutePath).getPalette((err, palette) => {
  39 |         const colors = {
> 40 |           vibrant: getHex(palette.Vibrant._rgb),
     |                                   ^
  41 |           darkVibrant: getHex(palette.DarkVibrant._rgb),
  42 |           lightVibrant: getHex(palette.LightVibrant._rgb),
  43 |           muted: getHex(palette.Muted._rgb),

Relevant GraphQL

frontmatter {
  image {
    colors {
      ...GatsbyImageColors
    }
    childImageSharp {
      fluid(maxHeight: 450) {
        ...GatsbyImageSharpFluid_tracedSVG
      }
    }
  }
}