rshackleton / gatsby-packages Goto Github PK

Describe the bug
The base64 image is always requested, even when not included in the query. This is a pointless performance overhead.

Expected behavior
The base64 image should only be requested if the field is included in the query.

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.

Please support Gatsby v4

Please support Gatsby v4

Is your feature request related to a problem? Please describe.
Currently the fluid resolver generates a series of images at 0.25, 0.5, 1, 1.5, 2 times the requested maxWidth value.

This covers many scenarios but some use cases would benefit from a finer control to allow specific sizes to be generated.

Describe the solution you'd like
Support the srcSetBreakpoints attribute in the same manner as the gatsby-sharp-plugin does. This will be an array of widths at which the original image shall be resized. This will form the bases of the srcset attribute.

I'm using this with the latest version of gatsby-source-kontent (v5.0.0) which has made a few breaking changes to fix a bug (kontent-ai/gatsby-packages#110)

Whenever I try to run fluid or fixed I get an error: ETIMEDOUT. I'm not sure if it is related to the new kontent source changes or something else.

background_image {
  value {
    url
    fluid(maxWidth: 1920) {
       ...KontentAssetFluid
     }
  }
}

Describe the bug
This plugin doesn't seem to do anything.

The fluid and fixed properties fail to appear in GraphiQL and if I try to use them in my project I get Cannot query field "fluid" on type "kontent_item_asset_element".

To Reproduce

My plugins array in gatsby-config.js:

  plugins: [
    `gatsby-transformer-sharp`,
    `gatsby-plugin-sharp`,
    {
      resolve: '@kentico/gatsby-source-kontent',
      options: {
        projectId: process.env.KONTENT_PROJECT_ID,
        globalQueryConfig: {
          usePreviewMode: !!process.env.KONTENT_PREVIEW_KEY
        },
        previewApiKey: process.env.KONTENT_PREVIEW_KEY,
        languageCodenames: [
          'en-GB', 'es-ES'
        ],
      }
    },
    {
      resolve: `@rshackleton/gatsby-transformer-kontent-image`,
      options: {},
    },
  ],

Expected behavior
The plugin should work.

Packages

• "@kentico/gatsby-source-kontent": "^6.0.0",
• "@rshackleton/gatsby-transformer-kontent-image": "^0.1.0",
• "gatsby-image": "^2.4.3",
• "gatsby-plugin-sharp": "^2.6.3",
• "gatsby-transformer-sharp": "^2.5.2",

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• Update dependency @types/fs-extra to v8.1.2
• Update dependency axios to ^0.27.0
• Update actions/checkout action to v3
• Update actions/setup-node action to v3
• Update dependency @kentico/gatsby-source-kontent to v8
• Update dependency @types/node to v18
• Update dependency axios to v1
• Update dependency dotenv to v16
• Update dependency fs-extra to v11 (fs-extra, @types/fs-extra)
• Update dependency typescript to v5
• 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update dependency gatsby-plugin-sharp to v4 [SECURITY]
• Update dependency @changesets/cli to v2.26.1
• Update dependency @kentico/kontent-delivery to v11
• Update dependency cross-env to v7
• Update dependency eslint to v8
• Update dependency lerna to v6
• Update dependency prettier to v2
• Update gatsby monorepo (major) (gatsby, gatsby-image, gatsby-source-filesystem)
• Update jest monorepo to v29 (major) (@types/jest, jest, ts-jest)
• Update react monorepo to v18 (major) (react, react-dom)
• Update typescript-eslint monorepo to v5 (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Describe the bug

There is a security vulnerability in Axios (

Expected behavior

Upgrade axios to 0.21.1 or later.

Additional context

I am currently fixing kontent-ai/gatsby-packages#168 and it would be great to have it fixed in used packages too (I have a sample demo in the repository using transformed image).

Is your feature request related to a problem? Please describe.
The sizes attribute is used to determine which image size should be used at various breakpoints.

Currently the plugin generates a standard size value as per the gatsby-sharp-plugin which is:

sizes="(max-width: ${maxWidth}px) 100vw, ${args.maxWidth}px"

Describe the solution you'd like
The plugin should allow a sizes parameter in the GraphQL query to override this default value and therefore provide more control over which size images are used at different screen sizes.

@kentico/[email protected] fixes a naming issue with GraphQL types which requires a breaking change.

kontent-ai/gatsby-packages#144

The resolvers need to be updated to target the new name.

kontent_item_rich_text_element_link to kontent_item_rich_text_element_image