chore(deps): upgrade sharp to latest v0.32.6 (#38374)

* chore(deps): upgrade sharp to latest v0.32.5

Ensures some PNG-related test snapshots use deterministic
raw pixel data rather than non-deterministic compressed byte
streams.

* chore(deps): upgrade sharp to latest v0.32.6

---------

Co-authored-by: Michal Piechowiak <[email protected]>

Author: lovell

benchmarks/source-strapi/package.json

@@ -14,7 +14,7 @@
     "prop-types": "^15.7.2",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
-    "sharp": "^0.26.3"
+    "sharp": "^0.32.6"
   },
   "devDependencies": {
     "prettier": "2.0.5"

packages/gatsby-plugin-manifest/package.json

@@ -11,7 +11,7 @@
     "gatsby-core-utils": "^4.13.0-next.0",
     "gatsby-plugin-utils": "^4.13.0-next.0",
     "semver": "^7.5.3",
-    "sharp": "^0.32.1"
+    "sharp": "^0.32.6"
   },
   "devDependencies": {
     "@babel/cli": "^7.20.7",

packages/gatsby-plugin-sharp/package.json

@@ -18,7 +18,7 @@
     "lodash": "^4.17.21",
     "probe-image-size": "^7.2.3",
     "semver": "^7.5.3",
-    "sharp": "^0.32.1"
+    "sharp": "^0.32.6"
   },
   "devDependencies": {
     "@babel/cli": "^7.20.7",

packages/gatsby-plugin-sharp/src/__tests__/__snapshots__/index.js.snap

@@ -18,6 +18,11 @@ const sharp = require(`sharp`)
 fs.ensureDirSync = jest.fn()
 fs.existsSync = jest.fn().mockReturnValue(false)
 
+const decodeBase64PngAsRaw = async png =>
+  sharp(Buffer.from(png.replace(`data:image/png;base64,`, ``), `base64`))
+    .raw()
+    .toBuffer()
+
 const {
   base64,
   generateBase64,
@@ -136,10 +141,13 @@ describe(`gatsby-plugin-sharp`, () => {
     })
 
     it(`includes responsive image properties, e.g. sizes, srcset, etc.`, async () => {
-      const result = await fluid({ file })
+      const { base64, ...result } = await fluid({ file })
 
       expect(actions.createJobV2).toHaveBeenCalledTimes(1)
       expect(result).toMatchSnapshot()
+
+      const rawPixelData = await decodeBase64PngAsRaw(base64)
+      expect(rawPixelData.toString(`hex`)).toMatchSnapshot()
     })
 
     it(`adds pathPrefix if defined`, async () => {
@@ -400,12 +408,15 @@ describe(`gatsby-plugin-sharp`, () => {
 
   describe(`base64`, () => {
     it(`converts image to base64`, async () => {
-      const result = await base64({
+      const { src, ...result } = await base64({
         file,
         args,
       })
 
       expect(result).toMatchSnapshot()
+
+      const rawPixelData = await decodeBase64PngAsRaw(src)
+      expect(rawPixelData.toString(`hex`)).toMatchSnapshot()
     })
 
     it(`should cache same image`, async () => {
@@ -597,25 +608,31 @@ describe(`gatsby-plugin-sharp`, () => {
         base64: false,
       }
 
-      const fixedSvg = await fixed({
+      const { tracedSVG: fixedTracedSVG, ...fixedSvg } = await fixed({
         file,
         args,
       })
 
       expect(fixedSvg).toMatchSnapshot(`fixed`)
 
-      expect(fixedSvg.tracedSVG).toMatch(`data:image/png;base64`)
-      expect(fixedSvg.tracedSVG).not.toMatch(`data:image/svg+xml`)
+      expect(fixedTracedSVG).toMatch(`data:image/png;base64`)
+      expect(fixedTracedSVG).not.toMatch(`data:image/svg+xml`)
+
+      const fixedRawPixelData = await decodeBase64PngAsRaw(fixedTracedSVG)
+      expect(fixedRawPixelData.toString(`hex`)).toMatchSnapshot()
 
-      const fluidSvg = await fluid({
+      const { tracedSVG: fluidTracedSVG, ...fluidSvg } = await fluid({
         file,
         args,
       })
 
       expect(fluidSvg).toMatchSnapshot(`fluid`)
 
-      expect(fluidSvg.tracedSVG).toMatch(`data:image/png;base64`)
-      expect(fluidSvg.tracedSVG).not.toMatch(`data:image/svg+xml`)
+      expect(fluidTracedSVG).toMatch(`data:image/png;base64`)
+      expect(fluidTracedSVG).not.toMatch(`data:image/svg+xml`)
+
+      const fluidRawPixelData = await decodeBase64PngAsRaw(fluidTracedSVG)
+      expect(fluidRawPixelData.toString(`hex`)).toMatchSnapshot()
     })
   })
 
@@ -627,13 +644,20 @@ describe(`gatsby-plugin-sharp`, () => {
     }
 
     it(`fixed`, async () => {
-      const result = await fixed({ file, args })
+      const { base64, ...result } = await fixed({ file, args })
+
       expect(result).toMatchSnapshot()
+
+      const rawPixelData = await decodeBase64PngAsRaw(base64)
+      expect(rawPixelData.toString(`hex`)).toMatchSnapshot()
     })
 
     it(`fluid`, async () => {
-      const result = await fluid({ file, args })
+      const { base64, ...result } = await fluid({ file, args })
       expect(result).toMatchSnapshot()
+
+      const rawPixelData = await decodeBase64PngAsRaw(base64)
+      expect(rawPixelData.toString(`hex`)).toMatchSnapshot()
     })
 
     it(`creates two different images for different duotone settings`, async () => {

packages/gatsby-plugin-sharp/src/__tests__/index.js

@@ -22,7 +22,7 @@
     "is-relative-url": "^3.0.0",
     "lodash": "^4.17.21",
     "semver": "^7.5.3",
-    "sharp": "^0.32.1",
+    "sharp": "^0.32.6",
     "unist-util-select": "^3.0.4"
   },
   "devDependencies": {

packages/gatsby-remark-images-contentful/package.json

@@ -14,7 +14,7 @@
   "types": "dist/index.d.ts",
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-sharp#readme",
   "dependencies": {
-    "sharp": "^0.32.1"
+    "sharp": "^0.32.6"
   },
   "devDependencies": {
     "@babel/cli": "^7.20.7",

packages/gatsby-sharp/package.json

@@ -44,7 +44,7 @@
     "gatsby": "^5.0.0-next",
     "gatsby-plugin-image": "^3.0.0-next",
     "gatsby-plugin-sharp": "^5.0.0-next",
-    "sharp": "^0.30.1"
+    "sharp": "^0.32.6"
   },
   "repository": {
     "type": "git",