gatsbyjs · Jun 18, 2021 · Jun 18, 2021 · Jun 21, 2021 · Jun 21, 2021 · Jun 21, 2021
Showing 539 changed files with 20,818 additions and 5,429 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -484,10 +484,11 @@ jobs:
     executor: node
     steps:
       - checkout
+      # jq is helpful for parsing json & python required for node-gyp to build lmdb
+      - run: apt-get update && apt-get install jq python -y
       - <<: *restore_cache
       - <<: *install_node_modules
       - run: yarn markdown
-      - run: sudo apt-get update && sudo apt-get install jq # jq is helpful for parsing json
       - run: git config --global user.name "GatsbyJS Bot"
       - run: git config --global user.email "core-team@gatsbyjs.com"
       - run: sh ./scripts/publish-starters.sh "starters/*"
@@ -563,6 +564,8 @@ jobs:
         default: "next"
     steps:
       - checkout
+      # python 2 is not built in and node-gyp needs it to build lmdb
+      - run: apt-get update && apt-get install python -y
       - run:
           name: "Update React to prerelease"
           command: "REACT_CHANNEL=<< parameters.version >> node ./scripts/upgrade-react"

diff --git a/.eslintignore b/.eslintignore
@@ -28,6 +28,9 @@ packages/gatsby-admin/public
 packages/gatsby/gatsby-admin-public
 packages/gatsby-codemods/transforms
 packages/gatsby-source-graphql/batching
+packages/gatsby-plugin-gatsby-cloud/components
+packages/gatsby-plugin-gatsby-cloud/utils
+packages/gatsby-plugin-preact/fast-refresh
 
 packages/gatsby-source-wordpress/test-site/**
 !packages/gatsby-source-wordpress/test-site/__tests__

diff --git a/.github/ISSUE_TEMPLATE/BUG_REPORT.yml b/.github/ISSUE_TEMPLATE/BUG_REPORT.yml
@@ -0,0 +1,98 @@
+name: Bug Report
+description: Something isn't working as expected? Report your bugs here.
+labels: "type: bug"
+body:
+  - type: markdown
+    attributes:
+      value: |
+        # Welcome 👋 
+
+        Thanks for taking the time to fill out this bug report.
+        Please fill out each section below. This info allows Gatsby maintainers to diagnose (and fix!) your issue as quickly as possible. Otherwise we might need to close the issue without e.g. clear reproduction steps.
+
+        Also please verify that your issue is present in `gatsby@next`, too. The `next` version is the latest beta version of Gatsby and has any pending changes that are in the next stable release.
+
+        Useful Links:
+        - Documentation: https://www.gatsbyjs.com/docs/
+        - How to File an Issue: https://www.gatsbyjs.com/contributing/how-to-file-an-issue/
+  - type: checkboxes
+    attributes:
+      label: Preliminary Checks
+      description: Please make sure that you verify each checkbox and follow the instructions for them.
+      options:
+        - label: "This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues"
+          required: true
+        - label: "This issue is not a question, feature request, RFC, or anything other than a bug report. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions"
+          required: true
+  - type: textarea
+    attributes:
+      label: Description
+      description: Describe the issue that you're seeing.
+      placeholder: Be as precise as you can. Feel free to share screenshots, videos, or data from the devtools of your browser.
+    validations:
+      required: true
+  - type: input
+    id: reproduction-link
+    attributes:
+      label: Reproduction Link
+      placeholder: "https://github.com/username/repository-name/"
+      description: "Link to a reproduction (GitHub repository, Codesandbox, etc.). How to make a minimal reproduction: https://gatsby.dev/reproduction"
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Steps to Reproduce
+      description: Clear steps describing how to reproduce the issue.
+      value: |
+        1.
+        2.
+        3.
+        ...
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Expected Result
+      description: Describe what you expected to happen.
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Actual Result
+      description: Describe what actually happened.
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Environment
+      render: shell
+      description: Run "gatsby info --clipboard" in your project directory and paste the output here.
+      placeholder: |
+        You'll get an output similar to this:
+
+        System:
+          OS: Operating System
+          CPU: CPU
+        Binaries:
+          Node: X
+          npm: X
+        Languages:
+          Python: X
+        Browsers:
+          Chrome: X
+          Edge: X
+        npmPackages:
+          gatsby: X => X
+    validations:
+      required: true
+  - type: textarea
+    attributes:
+      label: Config Flags
+      description: Do you use any "flags" inside "gatsby-config.js"? If yes, please paste them here.
+      placeholder: |
+        For example:
+
+        DEV_SSR: true
+        FAST_DEV: false
+    validations:
+      required: false
diff --git a/.github/ISSUE_TEMPLATE/DOCUMENTATION.yml b/.github/ISSUE_TEMPLATE/DOCUMENTATION.yml
@@ -0,0 +1,43 @@
+name: Documentation
+description: Did you find an error in our documentation? Report your findings here.
+labels: "type: documentation"
+body:
+  - type: markdown
+    attributes:
+      value: |
+        # Welcome 👋
+
+        Thanks for taking the time to fill out this issue.
+        Please fill out each section below. This info allows Gatsby maintainers to triage and fix your issue as quickly as possible.
+
+        Useful links:
+
+        - Documentation: https://www.gatsbyjs.com/docs/
+        - Contributing: https://www.gatsbyjs.com/contributing/
+  - type: checkboxes
+    attributes:
+      label: Preliminary Checks
+      description: Please make sure that you verify each checkbox and follow the instructions for them.
+      options:
+        - label: "This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues"
+          required: true
+        - label: "This issue is not a question, feature request, RFC, or anything other than a bug report. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions"
+          required: true
+  - type: textarea
+    validations:
+      required: true
+    attributes:
+      label: Summary
+      description: |
+        What problem(s) did you run into that caused you to request a fix to the documentation or additional documentation? What questions do you think we should answer?
+  - type: textarea
+    validations:
+      required: true
+    attributes:
+      label: Steps to Resolve this Issue
+      description: How can the problem be solved? Are there any additional steps required? Do any other pages need to be updated?
+      value: |
+        1.
+        2.
+        3.
+        ...
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
diff --git a/.github/ISSUE_TEMPLATE/documentation.md b/.github/ISSUE_TEMPLATE/documentation.md
diff --git a/benchmarks/query-filters-sort/gatsby-node.js b/benchmarks/query-filters-sort/gatsby-node.js
@@ -11,6 +11,24 @@ if (NUM_NODES < NUM_PAGES) {
 const nodesPerPage = Math.max(1, Math.round(NUM_NODES / NUM_PAGES))
 const ptop = require(`process-top`)()
 
+exports.createSchemaCustomization = ({ actions }) => {
+  actions.createTypes(`
+    type Test implements Node @dontInfer {
+      id: ID!
+      nodeNum: Int!
+      pageNum: Int!
+      unique: String!
+      fooBar: String!
+      fooBarArray: [TestFooBarArray!]
+      text: String!
+      randon: Float
+    }
+    type TestFooBarArray {
+      fooBar: String!
+    }
+  `)
+}
+
 exports.sourceNodes = async ({ actions: { createNode } }) => {
   console.log(`Creating ${NUM_NODES} nodes`)
   for (let nodeNum = 0; nodeNum < NUM_NODES; nodeNum++) {
@@ -19,15 +37,14 @@ exports.sourceNodes = async ({ actions: { createNode } }) => {
       id: String(nodeNum),
       nodeNum,
       pageNum,
-      nodeNumReversed: NUM_NODES - nodeNum,
-      testEq: String(nodeNum),
-      testIn: [`foo`, `bar`, `baz`, `foobar`][nodeNum % 4],
-      testElemMatch: [
-        { testIn: [`foo`, `bar`, `baz`, `foobar`][nodeNum % 4] },
-        { testEq: String(nodeNum) },
+      unique: String(nodeNum),
+      fooBar: [`foo`, `bar`, `baz`, `foobar`][nodeNum % 4],
+      fooBarArray: [
+        { fooBar: [`foo`, `bar`, `baz`, `foobar`][nodeNum % 4] },
+        { fooBar: [`bar`, `baz`, `foobar`, `foo`][nodeNum % 4] },
       ],
-      text: `${TEXT ? new Array(4128).join("*") : ``}${nodeNum}`,
-      sortRandom: Math.random() * NUM_NODES,
+      text: TEXT ? randomStr(4128) : `${nodeNum}`,
+      random: Math.random() * NUM_NODES,
       internal: {
         type: `Test`,
         contentDigest: String(nodeNum),
@@ -51,20 +68,21 @@ exports.createPages = async ({ actions: { createPage } }) => {
       path: `/path/${pageNum}/`,
       component: pageTemplate,
       context: {
-        pageNumAsStr: String(pageNum),
-        fooBarValues: [
+        fooBarArray: [
           [`foo`, `bar`, `baz`, `foobar`][pageNum % 4],
           [`foo`, `bar`, `baz`, `foobar`][(pageNum + 1) % 4],
         ],
-        intValue: pageNum,
+        fooBar: [`foo`, `bar`, `baz`, `foobar`][pageNum % 4],
         pageNum: pageNum,
         pagesLeft: NUM_PAGES - pageNum,
         limit: nodesPerPage,
         skip: nodesPerPage * pageNum,
         nodesTotal: NUM_NODES,
         pagesTotal: NUM_PAGES,
         sort: SORT
-          ? { fields: ["sortRandom"], order: SORT === `1` ? `ASC` : `DESC` }
+          ? {
+              fields: SORT === `fooBar` ? ["fooBar", "random"] : ["random"],
+            }
           : undefined,
         regex: `/^${String(pageNum).slice(0, 1)}/`, // node id starts with the same number as page id
       },
@@ -85,3 +103,12 @@ exports.onPostBuild = () => {
   }
   console.log(ptop.toString())
 }
+
+function randomStr(length) {
+  let chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"
+  let str = []
+  for (let i = 0; i < length; i++) {
+    str.push(chars.charAt(Math.floor(Math.random() * chars.length)))
+  }
+  return str.join(``)
+}
diff --git a/benchmarks/query-filters-sort/src/templates/elemMatch-eq.js b/benchmarks/query-filters-sort/src/templates/elemMatch-eq.js
@@ -3,19 +3,17 @@ import { graphql } from "gatsby"
 
 export default ({ data }) => {
   if (!data?.allTest?.nodes) {
-    throw new Error("Wrong data")
+    throw new Error("Wrong data: " + JSON.stringify(data))
   }
   return <div>{JSON.stringify(data)}</div>
 }
 
 export const query = graphql`
-  query($pageNumAsStr: String, $sort: TestSortInput) {
+  query($fooBar: String, $sort: TestSortInput) {
     allTest(
-      filter: {
-        testElemMatch: { elemMatch: { testEq: { eq: $pageNumAsStr } } }
-      }
+      filter: { fooBarArray: { elemMatch: { fooBar: { eq: $fooBar } } } }
       sort: $sort
-      limit: 5
+      limit: 100
     ) {
       nodes {
         nodeNum

diff --git a/benchmarks/query-filters-sort/src/templates/eq.js b/benchmarks/query-filters-sort/src/templates/eq.js
@@ -3,14 +3,14 @@ import { graphql } from "gatsby"
 
 export default ({ data }) => {
   if (!data?.allTest?.nodes) {
-    throw new Error("Bad query result")
+    throw new Error("Wrong data: " + JSON.stringify(data))
   }
   return <div>{JSON.stringify(data)}</div>
 }
 
 export const query = graphql`
-  query($pageNumAsStr: String!, $sort: TestSortInput) {
-    allTest(filter: { testEq: { eq: $pageNumAsStr } }, sort: $sort, limit: 5) {
+  query($fooBar: String!, $sort: TestSortInput) {
+    allTest(filter: { fooBar: { eq: $fooBar } }, sort: $sort, limit: 100) {
       nodes {
         nodeNum
         text