Allow us to generate Contentful image fluid and fixed props outside of Graphql

[daydream05]

Summary

Generate fluid props without using graphql so we can use gatby-image in Contentful Rich Text

Basic example

import {  resolveFluid } from 'gatsby-source-contentful'

const fluidProps = resolveFluid(assetFromContentful, { maxWidth: 300, maxHeight: 400 })

<Img  fluidProps={assetFromContentful} />

The code is written already inside gatsby-source-contentful under extend-node-type.js we just need a way to access it!

Motivation

Folks that are using Contentful's Rich Text are having a hard time implementing gatsby-image when they render the node coming from the rich text data. Since all it's returning is the asset data. With no access to GatsbyContentfulFluid or GatsbyContentfulFluid fragments.

The current solutions are very hacky or could slow down whole gatsby sites.

I was inspired by how Sanity's gatsby source allows users to access gatsby-image outside of gatsby with a simple api.

Proof of concept

Here's a gist. All copy pasted from extend-node-type with just a slight rename of the api

[github-actions]

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.
If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!
As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contribute for more information about opening PRs, triaging issues, and contributing!

Thanks for being a part of the Gatsby community! 💪💜

[github-actions]

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it.
Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else.
As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contribute for more information about opening PRs, triaging issues, and contributing!

Thanks again for being part of the Gatsby community! 💪💜