gatsbyjs · Aug 27, 2020 · Aug 27, 2020 · Aug 27, 2020 · Aug 27, 2020 · Aug 28, 2020
diff --git a/benchmarks/mdx-without-images/package.json b/benchmarks/mdx-without-images/package.json
@@ -14,18 +14,18 @@
     "format": "prettier --write \"**/*.{js,jsx,json,md}\""
   },
   "dependencies": {
-    "@mdx-js/mdx": "1.6.6",
-    "@mdx-js/react": "1.6.6",
+    "@mdx-js/mdx": "^1",
+    "@mdx-js/react": "^1",
     "faker": "^4.1.0",
-    "front-matter": "4.0.2",
-    "gatsby": "2.24.2",
+    "front-matter": "^4",
+    "gatsby": "^2",
     "gatsby-plugin-benchmark-reporting": "*",
-    "gatsby-plugin-mdx": "1.2.25",
-    "gatsby-plugin-page-creator": "2.3.10",
-    "gatsby-source-filesystem": "2.3.18",
+    "gatsby-plugin-mdx": "^1",
+    "gatsby-plugin-page-creator": "^2",
+    "gatsby-source-filesystem": "^2",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
-    "remark-react": "^7.0.1"
+    "remark-react": "^7"
   },
   "devDependencies": {
     "prettier": "2.0.4"

diff --git a/docs/docs/file-system-page-creation.md b/docs/docs/file-system-page-creation.md
@@ -140,22 +140,22 @@ Assume that a `Product` model is used in two pages:
 - `/src/pages/products/{Product.name}.js`
 - `/src/pages/discounts/{Product.name}.js`
 
-If you wanted to link to the `products/{Product:name}` route from your home page, you would have a component like this:
+If you wanted to link to the `products/{Product.name}` route from your home page, you would have a component like this:
 
 ```jsx:title=/src/pages/index.js
 import { Link, graphql } from "gatsby"
 
 export default function HomePage(props) {
   return props.data.allProducts.map(
-    product => <Link to={product.path}>{product.name}</Link>
+    product => <Link to={product.gatsbyPath}>{product.name}</Link>
   );
 }
 
 export const query = graphql`
-  query ($id: String) {
+  query {
     allProducts {
       name
-      gatsbyPath(filePath: "/products/{Product:name}")
+      gatsbyPath(filePath: "/products/{Product.name}")
     }
   }
 }

diff --git a/docs/docs/path-prefix.md b/docs/docs/path-prefix.md
@@ -6,7 +6,7 @@ Many applications are hosted at something other than the root (`/`) of their dom
 
 For example, a Gatsby blog could live at `example.com/blog/`, or a site could be hosted on GitHub Pages at `example.github.io/my-gatsby-site/`.
 
-Each of these sites need a prefix added to all paths on the site. So a link to
+Each of these sites needs a prefix added to all paths on the site. So a link to
 `/my-sweet-blog-post/` should be rewritten as `/blog/my-sweet-blog-post`.
 
 In addition, links to various resources (JavaScript, CSS, images, and other static content) need the same prefix, so that the site continues to function correctly when served with the path prefix in place.

diff --git a/package.json b/package.json
@@ -33,7 +33,7 @@
     "babel-eslint": "^10.1.0",
     "babel-jest": "^24.9.0",
     "chalk": "^2.4.2",
-    "chokidar": "^3.4.0",
+    "chokidar": "^3.4.2",
     "cross-env": "^5.2.1",
     "danger": "^8.0.0",
     "date-fns": "^1.30.1",
@@ -45,7 +45,7 @@
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.20.2",
+    "eslint-plugin-react": "^7.20.6",
     "fs-extra": "^8.1.0",
     "glob": "^7.1.6",
     "husky": "3.1.0",

diff --git a/packages/babel-preset-gatsby/CHANGELOG.md b/packages/babel-preset-gatsby/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.5.8](https://github.com/gatsbyjs/gatsby/compare/babel-preset-gatsby@0.5.7...babel-preset-gatsby@0.5.8) (2020-08-28)
+
+### Features
+
+- **gatsby:** Support React 17's new JSX Transform ([#26652](https://github.com/gatsbyjs/gatsby/issues/26652)) ([6ba68f8](https://github.com/gatsbyjs/gatsby/commit/6ba68f8))
+
 ## [0.5.7](https://github.com/gatsbyjs/gatsby/compare/babel-preset-gatsby@0.5.6...babel-preset-gatsby@0.5.7) (2020-08-26)
 
 **Note:** Version bump only for package babel-preset-gatsby

diff --git a/packages/babel-preset-gatsby/package.json b/packages/babel-preset-gatsby/package.json
@@ -1,6 +1,6 @@
 {
   "name": "babel-preset-gatsby",
-  "version": "0.5.7",
+  "version": "0.5.8",
   "author": "Philipp Spiess <hello@philippspiess.com>",
   "repository": {
     "type": "git",
@@ -21,8 +21,8 @@
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-macros": "^2.8.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "gatsby-core-utils": "^1.3.17",
-    "gatsby-legacy-polyfills": "^0.0.3"
+    "gatsby-core-utils": "^1.3.18",
+    "gatsby-legacy-polyfills": "^0.0.4"
   },
   "peerDependencies": {
     "@babel/core": "^7.0.0",

diff --git a/packages/babel-preset-gatsby/src/__tests__/__snapshots__/index.js.snap b/packages/babel-preset-gatsby/src/__tests__/__snapshots__/index.js.snap
@@ -258,6 +258,7 @@ Object {
       Object {
         "development": false,
         "pragma": "React.createElement",
+        "runtime": "classic",
         "useBuiltIns": true,
       },
     ],
@@ -527,6 +528,7 @@ Object {
       Object {
         "development": false,
         "pragma": "React.createElement",
+        "runtime": "classic",
         "useBuiltIns": true,
       },
     ],
@@ -790,6 +792,7 @@ Object {
       Object {
         "development": false,
         "pragma": "React.createElement",
+        "runtime": "classic",
         "useBuiltIns": true,
       },
     ],
@@ -1053,6 +1056,7 @@ Object {
       Object {
         "development": true,
         "pragma": "React.createElement",
+        "runtime": "classic",
         "useBuiltIns": true,
       },
     ],

diff --git a/packages/babel-preset-gatsby/src/__tests__/index.js b/packages/babel-preset-gatsby/src/__tests__/index.js
@@ -26,4 +26,18 @@ describe(`babel-preset-gatsby`, () => {
       }),
     ])
   })
+
+  it(`Allows to configure react runtime`, () => {
+    const { presets } = preset(null, {
+      reactRuntime: `automatic`,
+    })
+
+    expect(presets[1]).toEqual([
+      expect.stringContaining(path.join(`@babel`, `preset-react`)),
+      expect.objectContaining({
+        pragma: undefined,
+        runtime: `automatic`,
+      }),
+    ])
+  })
 })
diff --git a/packages/babel-preset-gatsby/src/index.js b/packages/babel-preset-gatsby/src/index.js
@@ -77,8 +77,12 @@ export default function preset(_, options = {}) {
         resolve(`@babel/preset-react`),
         {
           useBuiltIns: true,
-          pragma: `React.createElement`,
+          pragma:
+            options.reactRuntime === `automatic`
+              ? undefined
+              : `React.createElement`,
           development: stage === `develop`,
+          runtime: options.reactRuntime || `classic`,
         },
       ],
     ],

diff --git a/packages/gatsby-admin/CHANGELOG.md b/packages/gatsby-admin/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.141](https://github.com/gatsbyjs/gatsby/compare/gatsby-admin@0.1.140...gatsby-admin@0.1.141) (2020-08-28)
+
+**Note:** Version bump only for package gatsby-admin
+
 ## [0.1.140](https://github.com/gatsbyjs/gatsby/compare/gatsby-admin@0.1.139...gatsby-admin@0.1.140) (2020-08-26)
 
 ### Features

diff --git a/packages/gatsby-admin/gatsby-node.js b/packages/gatsby-admin/gatsby-node.js
@@ -0,0 +1,7 @@
+exports.onCreateWebpackConfig = ({ actions }) => {
+    actions.setWebpackConfig({
+      node: {
+        fs: 'empty'
+      }
+    })
+  }
diff --git a/packages/gatsby-admin/package.json b/packages/gatsby-admin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-admin",
-  "version": "0.1.140",
+  "version": "0.1.141",
   "main": "index.js",
   "author": "Max Stoiber",
   "license": "MIT",
@@ -19,15 +19,16 @@
     "csstype": "^2.6.10",
     "feedback-fish": "^0.1.12",
     "formik": "^2.1.4",
-    "gatsby": "^2.24.51",
+    "gatsby": "^2.24.52",
     "gatsby-interface": "0.0.183",
     "gatsby-plugin-typescript": "^2.4.18",
     "gatsby-plugin-webfonts": "^1.1.3",
-    "gatsby-source-graphql": "^2.7.1",
+    "gatsby-source-graphql": "^2.7.2",
     "lodash-es": "^4.17.15",
     "ncp": "^2.0.0",
     "nodemon": "^2.0.4",
     "prism-react-renderer": "^1.1.1",
+    "query-string": "^6.13.1",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
     "react-helmet": "^6.1.0",

diff --git a/packages/gatsby-admin/src/components/providers.tsx b/packages/gatsby-admin/src/components/providers.tsx
@@ -2,19 +2,87 @@ import React from "react"
 import { Provider, Client } from "urql"
 import { ThemeProvider, getTheme } from "gatsby-interface"
 import { ThemeProvider as StrictUIProvider } from "strict-ui"
-import { Spinner } from "theme-ui"
+import { Spinner, merge } from "theme-ui"
 import { createUrqlClient } from "../urql-client"
+import "normalize.css"
 
 const baseTheme = getTheme()
 
-const theme = {
-  ...baseTheme,
+const recipesTheme = merge(baseTheme, {
+  colors: {
+    background: `white`,
+  },
+  styles: {
+    h1: {
+      fontSize: 6,
+      fontFamily: `heading`,
+      fontWeight: `heading`,
+      mt: 0,
+      mb: 4,
+    },
+    h2: {
+      fontSize: 5,
+      fontFamily: `heading`,
+      fontWeight: `heading`,
+      mt: 0,
+      mb: 4,
+    },
+    p: {
+      color: baseTheme.tones.NEUTRAL.dark,
+      fontSize: 2,
+      fontFamily: `body`,
+      fontWeight: `body`,
+      mt: 0,
+      mb: 4,
+      lineHeight: 1.45,
+    },
+    pre: {
+      fontFamily: baseTheme.fonts.monospace,
+      fontSize: 0,
+      lineHeight: 1.45,
+      mt: 0,
+      mb: 6,
+      whiteSpace: `pre-wrap`,
+    },
+    inlineCode: {
+      backgroundColor: `hsla(0,0%,0%,0.06)`,
+      color: baseTheme.tones.NEUTRAL.darker,
+      borderRadius: `3px`,
+      py: `0.2em`,
+      px: `0.2em`,
+      fontSize: `90%`,
+    },
+    ol: {
+      color: baseTheme.tones.NEUTRAL.dark,
+      paddingLeft: 8,
+      mt: 0,
+      mb: 6,
+      fontFamily: `body`,
+      fontWeight: `body`,
+    },
+    ul: {
+      color: baseTheme.tones.NEUTRAL.dark,
+      paddingLeft: 8,
+      mt: 0,
+      mb: 6,
+      fontFamily: `body`,
+      fontWeight: `body`,
+    },
+    li: {
+      color: baseTheme.tones.NEUTRAL.dark,
+      mb: 2,
+      fontFamily: `body`,
+      fontWeight: `body`,
+      lineHeight: 1.6,
+    },
+  },
+})
+
+const theme = merge(recipesTheme, {
   colors: {
-    ...baseTheme.colors,
     background: baseTheme.colors.primaryBackground,
   },
   fonts: {
-    ...baseTheme.fonts,
     // We want to use inter for all text on the page, no more futura!
     brand: baseTheme.fonts.sans,
     heading: baseTheme.fonts.sans,
@@ -61,7 +129,7 @@ const theme = {
       backgroundColor: `grey.5`,
     },
   },
-}
+})
 
 const GraphQLProvider: React.FC<{}> = ({ children }) => {
   const [status, setStatus] = React.useState(`loading`)