chore(gatsby-transformer-screenshot): Use createContentDigest helper …

…for file name (#18830)

* update gatsby plugins to use new createContentDigest helper at gatsby-transformer-screenshot & replace peerDependency for gatsby-transformer-sqip

* change to use contentDigest

* Update yarn.lock

* Make changes from review

* Move dependency to right package

packages/gatsby-transformer-screenshot/lambda/index.js

@@ -1,6 +1,6 @@
 const setup = require(`./starter-kit/setup`)
 
-const crypto = require(`crypto`)
+const { createContentDigest } = require(`gatsby-core-utils`)
 
 const AWS = require(`aws-sdk`)
 const s3 = new AWS.S3({
@@ -55,12 +55,8 @@ exports.run = async (browser, url, width, height, fullPage) => {
     throw new Error(`invalid bucket ${process.env.S3_BUCKET}`)
   }
 
-  const keyBase = `${url}-(${width},${height})`
-  const digest = crypto
-    .createHash(`md5`)
-    .update(keyBase)
-    .digest(`hex`)
-  const key = `${digest}.png`
+  const contentDigest = createContentDigest({ url, width, height })
+  const key = `${contentDigest}.png`
 
   const screenshotUrl = `https://s3-${region}.amazonaws.com/${
     process.env.S3_BUCKET

packages/gatsby-transformer-screenshot/lambda/package.json

@@ -1,5 +1,6 @@
 {
   "dependencies": {
+    "gatsby-core-utils": "^1.0.15",
     "puppeteer": "0.13.0",
     "tar": "^4.4.13"
   },
@@ -9,4 +10,4 @@
   "keywords": [
     "gatsby-plugin"
   ]
-}
+}