docs/docs/deploying-to-gitlab-pages.md

@@ -50,6 +50,7 @@ cache:
     - public/
 
 pages:
+  stage: deploy
   script:
     - npm install
     - ./node_modules/.bin/gatsby build --prefix-paths

docs/docs/how-to/adding-common-features/adding-forms.md

@@ -67,7 +67,7 @@ You do this by passing a function that prevents page refresh as an `onSubmit` pr
 
 The `handleSubmit` function calls `preventDefault()` on the event which prevents the page from refreshing. After this, you'll want to insert desired behavior, like sending the data to a third-party service.
 
-You may want to make addition changes to visual form display after submit, like disabling the form submit button after submission, showing a spinning wheel, or changing the button color.
+You may want to make additional changes to visual form display after submit, like disabling the form submit button after submission, showing a spinning wheel, or changing the button color.
 
 If you need to use any sort of authentication token to submit data, you can use Gatsby Functions (Gatsby's implementation of serverless functions) to [run this logic while keeping any of your credentials secure](https://www.gatsbyjs.com/docs/reference/functions/getting-started/#forms).
 

docs/docs/how-to/plugins-and-themes/creating-a-source-plugin.md

@@ -1027,20 +1027,23 @@ It is also recommended that you add a polyfill to provide support back through G
 ```js
 import { addRemoteFilePolyfillInterface } from "gatsby-plugin-utils/polyfill-remote-file"
 
-addRemoteFilePolyfillInterface(
-  schema.buildObjectType({
-    name: `YourImageAssetNodeType`,
-    fields: {
-      // your fields
-    },
-    interfaces: [`Node`, `RemoteFile`],
-  }),
-  {
-    schema,
-    actions,
-    // schema and actions are arguments on the `createSchemaCustomization` API
-  }
-)
+exports.createSchemaCustomization = ({ actions, schema }) => {
+  const imageAssetType = addRemoteFilePolyfillInterface(
+    schema.buildObjectType({
+      name: `YourImageAssetNodeType`,
+      fields: {
+        // your fields - see createSchemaCustomization docs - if you're using schema inference you can also leave this object empty
+      },
+      interfaces: [`Node`, `RemoteFile`],
+    }),
+    {
+      schema,
+      actions,
+    }
+  )
+
+  actions.createTypes([imageAssetType])
+}
 ```
 
 Implementing the `RemoteFile` interface adds the correct fields to your new GraphQL type and adds the necessary resolvers to handle the type. `RemoteFile` holds the following properties:

docs/docs/how-to/previews-deploys-hosting/deploying-to-s3-cloudfront.md

@@ -131,4 +131,4 @@ If you need the full address elsewhere in your config, you can access it via `si
 - [Using CloudFront with gatsby-plugin-s3](https://github.com/jariz/gatsby-plugin-s3/blob/master/recipes/with-cloudfront.md)
 - [Publishing Your Next Gatsby Site to AWS With AWS Amplify](/blog/2018-08-24-gatsby-aws-hosting/)
 - [Escalade Sports: From $5000 to $5/month in Hosting With Gatsby](/blog/2018-06-14-escalade-sports-from-5000-to-5-in-hosting/)
-- [Deploy your Gatsby.js Site to AWS S3](https://benenewton.com/deploy-your-gatsby-js-site-to-aws-s-3)
+- [Deploy your Gatsby.js Site to AWS S3](https://github.com/bennewton999/blog2018/blob/master/content/posts/11-24-2017/index.md)

docs/docs/reference/release-notes/v4.12/index.md

@@ -0,0 +1,57 @@
+---
+date: "2022-04-12"
+version: "4.12.0"
+title: "v4.12 Release Notes"
+---
+
+Welcome to `gatsby@4.12.0` release (April 2022 #1)
+
+Key highlights of this release:
+
+- [New RFCs](#new-rfcs)
+
+Also check out [notable bugfixes](#notable-bugfixes--improvements).
+
+**Bleeding Edge:** Want to try new features as soon as possible? Install `gatsby@next` and let us know
+if you have any [issues](https://github.com/gatsbyjs/gatsby/issues).
+
+[Previous release notes](/docs/reference/release-notes/v4.11)
+
+[Full changelog][full-changelog]
+
+---
+
+## New RFCs
+
+The Gatsby core team is running a collection of RFC's for new features coming to Gatsby. Please review the open RFC's and share your perspective to help us deliver the best possible experience for Gatsby developers, like you!
+
+- [RFC for new Script component in Gatsby](https://github.com/gatsbyjs/gatsby/discussions/35404) - the script component will make it easier to incorporate 3rd party scripts without negatively impacting site performance
+- [RFC for new Bundler in Gatsby](https://github.com/gatsbyjs/gatsby/discussions/35357) - Gatsby is evaluating other bundlers in order to deliver faster local development and production build speeds
+
+## Notable bugfixes & improvements
+
+- `gatsby`
+  - Fix React 18 hydration with offline plugin via [PR #35319](https://github.com/gatsbyjs/gatsby/pull/35319)
+  - Use gatsby root instead of `process.cwd()` when initializing cache via [PR #35263](https://github.com/gatsbyjs/gatsby/pull/35263)
+  - Fix intermittent wrong sort results when sorting on materialized field via [PR #35271](https://github.com/gatsbyjs/gatsby/pull/35271)
+  - Fix URL encoding issue with DSG urls via [PR #35336](https://github.com/gatsbyjs/gatsby/pull/35336)
+  - Fix URL encoding issue with SSR urls via [PR #35346](https://github.com/gatsbyjs/gatsby/pull/35346)
+- `create-gatsby`: Fix missing site title prompt via [PR #35272](https://github.com/gatsbyjs/gatsby/pull/35272)
+- `gatsby-core-utils`: Fix exports map for importing from `dist` via [PR #35274](https://github.com/gatsbyjs/gatsby/pull/35274)
+- `gatsby-plugin-sharp`: Handle slashes and `..` within paths for Windows via [PR #35246](https://github.com/gatsbyjs/gatsby/pull/35246)
+- `gatsby-plugin-utils`: Fix path pieces being too long in image URLs and make url safely encoded via [PR #35160](https://github.com/gatsbyjs/gatsby/pull/35160)
+- `gatsby-source-contentful`: Handle backreferences on data updates properly via [PR #35214](https://github.com/gatsbyjs/gatsby/pull/35214)
+- `gatsby-source-wordpress`: Fix logic for matching image nodes via [PR #35324](https://github.com/gatsbyjs/gatsby/pull/35324)
+
+## Contributors
+
+A big **Thank You** to [our community who contributed][full-changelog] to this release 💜
+
+- [oneknucklehead](https://github.com/oneknucklehead): chore(babel-preset-gatsby): Updated README to include babel presets [PR #35069](https://github.com/gatsbyjs/gatsby/pull/35069)
+- [me4502](https://github.com/me4502): fix(gatsby): ignore crawlers when prefetching [PR #35260](https://github.com/gatsbyjs/gatsby/pull/35260)
+- [g00glen00b](https://github.com/g00glen00b): fix(gatsby-source-filesystem): use correct hash when using createFileNodeFromBuffer [PR #35243](https://github.com/gatsbyjs/gatsby/pull/35243)
+- [jasonbosco](https://github.com/jasonbosco): chore(docs): Add Typesense as a search engine option [PR #35257](https://github.com/gatsbyjs/gatsby/pull/35257)
+- [gmourier](https://github.com/gmourier): chore(docs): Fix Meilisearch spelling [PR #35275](https://github.com/gatsbyjs/gatsby/pull/35275)
+- [BrunoAderaldo](https://github.com/BrunoAderaldo): chore(docs): typo in 4.11 release notes [PR #35349](https://github.com/gatsbyjs/gatsby/pull/35349)
+
+[full-changelog]: https://github.com/gatsbyjs/gatsby/compare/gatsby@4.12.0-next.0...gatsby@4.12.0

docs/tutorial/blog-netlify-cms-tutorial/index.md

@@ -2,8 +2,6 @@
 title: Making a Gatsby Blog with Netlify CMS
 ---
 
-https://youtu.be/JeTqxCJC56Q
-
 This tutorial will use [gatsby-personal-starter-blog](https://github.com/thomaswang/gatsby-personal-starter-blog), a Gatsby starter based on the official [gatsby-starter-blog](/starters/gatsbyjs/gatsby-starter-blog/). The differences are that `gatsby-personal-starter-blog` is configured to run the blog on a subdirectory, `/blog`, and comes pre-installed with [Netlify CMS](https://www.netlifycms.org/) for content editing. It also adds VS Code highlighting for code blocks.
 
 ## Prerequisites

e2e-tests/development-runtime/cypress/integration/remote-file/gatsby-plugin-image.js

@@ -123,6 +123,12 @@ describe(`remote-file`, () => {
         expect($el.prop("tagName")).to.be.equal("IMG")
         expect($el.prop("src")).to.contain("data:image/jpg;base64")
       })
+    cy.get(".constrained_traced [data-placeholder-image]")
+      .first()
+      .should($el => {
+        expect($el.prop("tagName")).to.be.equal("IMG")
+        expect($el.prop("src")).to.contain("data:image/svg+xml,%3csvg")
+      })
     cy.get(".full [data-placeholder-image]")
       .first()
       .should($el => {

e2e-tests/development-runtime/src/pages/remote-file.js

@@ -32,6 +32,11 @@ const RemoteFile = ({ data }) => {
                 image={node.constrained}
                 alt=""
               />
+              <GatsbyImage
+                className="constrained_traced"
+                image={node.constrained_traced}
+                alt=""
+              />
               <GatsbyImage className="full" image={node.full} alt="" />
             </div>
           </div>
@@ -64,6 +69,11 @@ export const pageQuery = graphql`
           width: 300
           placeholder: BLURRED
         )
+        constrained_traced: gatsbyImage(
+          layout: CONSTRAINED
+          width: 300
+          placeholder: TRACED_SVG
+        )
         full: gatsbyImage(layout: FULL_WIDTH, width: 500, placeholder: NONE)
       }
     }

e2e-tests/production-runtime/cypress/integration/remote-file.js

@@ -119,6 +119,12 @@ describe(`remote-file`, () => {
         expect($el.prop("tagName")).to.be.equal("IMG")
         expect($el.prop("src")).to.contain("data:image/jpg;base64")
       })
+    cy.get(".constrained_traced [data-placeholder-image]")
+      .first()
+      .should($el => {
+        expect($el.prop("tagName")).to.be.equal("IMG")
+        expect($el.prop("src")).to.contain("data:image/svg+xml,%3csvg")
+      })
     cy.get(".full [data-placeholder-image]")
       .first()
       .should($el => {

e2e-tests/production-runtime/src/pages/remote-file.js

@@ -29,6 +29,11 @@ const RemoteFile = ({ data }) => {
                 image={node.constrained}
                 alt=""
               />
+              <GatsbyImage
+                className="constrained_traced"
+                image={node.constrained_traced}
+                alt=""
+              />
               <GatsbyImage className="full" image={node.full} alt="" />
             </div>
           </div>
@@ -61,6 +66,11 @@ export const pageQuery = graphql`
           width: 300
           placeholder: BLURRED
         )
+        constrained_traced: gatsbyImage(
+          layout: CONSTRAINED
+          width: 300
+          placeholder: TRACED_SVG
+        )
         full: gatsbyImage(layout: FULL_WIDTH, width: 500, placeholder: NONE)
       }
     }

e2e-tests/trailing-slash/cypress/integration/always.js

@@ -94,6 +94,10 @@ describe(`always`, () => {
     cy.waitForRouteChange().assertRoute(`/client-only-splat/with/with/`)
     cy.getTestElement(`title`).should(`have.text`, `with/with`)
   })
+  it("relative path with trailing slash", () => {
+    cy.getTestElement(`relative-path-with-trailing-slash`).click()
+    cy.waitForRouteChange().assertRoute(`/page-2/`)
+  })
 })
 
 describe(`always (direct visits)`, () => {

e2e-tests/trailing-slash/src/pages/index.js

@@ -121,6 +121,11 @@ const IndexPage = ({ data }) => {
             </Link>
           </li>
         ))}
+        <li>
+          <Link to="page-2" data-testid="relative-path-with-trailing-slash">
+            Relative path with trailing slash
+          </Link>
+        </li>
       </ul>
     </main>
   )

integration-tests/gatsby-source-wordpress/__tests__/__snapshots__/index.js.snap

@@ -18,10 +18,6 @@ Array [
     "id": "cG9zdDo3NzUy",
     "mediaItemUrl": "http://localhost:8001/wp-content/uploads/2020/08/1003-1181x1772-1.jpg",
   },
-  Object {
-    "id": "cG9zdDo3NzYw",
-    "mediaItemUrl": "http://localhost:8001/wp-content/uploads/2020/08/10-2500x1667-1.jpg",
-  },
   Object {
     "id": "cG9zdDo5Ng==",
     "mediaItemUrl": "http://localhost:8001/wp-content/uploads/2018/10/brandon-siu-608784-unsplash-scaled.jpg",

integration-tests/gatsby-source-wordpress/__tests__/index.js

@@ -18,7 +18,7 @@ const {
   resetSchema,
 } = require(`../test-fns/test-utils/increment-remote-data`)
 
-jest.setTimeout(300000)
+jest.setTimeout(100000)
 
 // we run these tests twice in a row
 // to make sure everything passes on a warm cache build