Upgrade to Gatsby v2 (reactjs#1104)

* Upgrade to Gatsby v2

* Remove unnecessary polyfills since gatsby already provides them

* Move global styles to gatsby-browser

* Add fb comment and convert to cjs

* Revert to use pageQuery again

* Add back html.js

* Update dependencies

* Move TitleAndMetaTags

* Replace glamor/reset with normalize.css which fixes style order in prod

* Prettier formatting

* Remove unused types

* Remove old layout

* Fix versions link

* Update deps

* Update deps

* Remove hack since it's no longer needed

* Update dependencies

* Fix build error

* Fix prettier config resolution

* Update gatsby

* Remove custom onCreatePage logic

* Update dependencies

* Fix build

* Update dependencies

* prettier formatting

* update dependencies

* add custom babel config for flow

* upgrade dependencies

* update dependencies

* use stable gatsby release

Author: alexandernanberg

.babelrc

@@ -1,4 +1,41 @@
 {
-  "presets": ['react', 'es2015', 'stage-1'],
-  "plugins": ['add-module-exports']
-}
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "loose": true,
+        "modules": false,
+        "useBuiltIns": "usage",
+        "shippedProposals": true,
+        "targets": {
+          "browsers": [">0.25%", "not dead"],
+        }
+      }
+    ],
+    [
+      "@babel/preset-react",
+      {
+        "useBuiltIns": true,
+        "pragma": "React.createElement",
+      }
+    ],
+    "@babel/flow"
+  ],
+  "plugins": [
+    [
+      "@babel/plugin-proposal-class-properties",
+      {
+        "loose": true
+      }
+    ],
+    "@babel/plugin-syntax-dynamic-import",
+    "babel-plugin-macros",
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        "helpers": true,
+        "regenerator": true
+      }
+    ]
+  ]
+}

.prettierrc.examples renamed to examples/.prettierrc

@@ -1,3 +1,3 @@
-declare module 'gatsby-link' {
+declare module 'gatsby' {
   declare module.exports: any;
 }

flow-typed/gatsby-link.js renamed to flow-typed/gatsby.js

@@ -15,7 +15,3 @@ declare module 'glamor/react' {
     propMerge: Function,
   };
 }
-
-declare module 'glamor/reset' {
-  declare module.exports: any;
-}

flow-typed/glamor.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * @emails react-core
+ */
+
+'use strict';
+
+// Import global styles
+require('normalize.css');
+require('./src/css/reset.css');
+require('./src/prism-styles');
+require('./src/css/algolia.css');
+
+// A stub function is needed because gatsby won't load this file otherwise
+// (https://github.com/gatsbyjs/gatsby/issues/6759)
+exports.onClientEntry = () => {};

flow-typed/graphql.js

@@ -23,7 +23,6 @@ module.exports = {
     'gatsby-transformer-versions-yaml',
     'gatsby-plugin-netlify',
     'gatsby-plugin-glamor',
-    'gatsby-plugin-react-next',
     'gatsby-plugin-twitter',
     {
       resolve: 'gatsby-plugin-nprogress',
@@ -134,7 +133,7 @@ module.exports = {
               {
                   allMarkdownRemark
                   (limit: 10,
-                  filter: {id: {regex: "/blog/"}},
+                  filter: {fileAbsolutePath: {regex: "/blog/"}},
                   sort: {fields: [fields___date],
                   order: DESC}) {
                     edges {

flow-typed/polyfills.js

@@ -6,7 +6,7 @@
 
 'use strict';
 
-exports.modifyWebpackConfig = require('./gatsby/modifyWebpackConfig');
+exports.onCreateWebpackConfig = require('./gatsby/onCreateWebpackConfig');
 exports.createPages = require('./gatsby/createPages');
 exports.onCreateNode = require('./gatsby/onCreateNode');
 exports.onCreatePage = require('./gatsby/onCreatePage');

gatsby-browser.js

@@ -8,8 +8,8 @@
 
 const {resolve} = require('path');
 
-module.exports = async ({graphql, boundActionCreators}) => {
-  const {createPage, createRedirect} = boundActionCreators;
+module.exports = async ({graphql, actions}) => {
+  const {createPage, createRedirect} = actions;
 
   // Used to detect and prevent duplicate redirects
   const redirectToSlugMap = {};
@@ -129,7 +129,7 @@ module.exports = async ({graphql, boundActionCreators}) => {
       {
         allMarkdownRemark(
           limit: 1
-          filter: {id: {regex: "/blog/"}}
+          filter: {fileAbsolutePath: {regex: "/blog/"}}
           sort: {fields: [fields___date], order: DESC}
         ) {
           edges {
@@ -143,6 +143,7 @@ module.exports = async ({graphql, boundActionCreators}) => {
       }
     `,
   );
+
   const newestBlogNode = newestBlogEntry.data.allMarkdownRemark.edges[0].node;
 
   // Blog landing page should always show the most recent blog entry.
@@ -151,4 +152,4 @@ module.exports = async ({graphql, boundActionCreators}) => {
     redirectInBrowser: true,
     toPath: newestBlogNode.fields.slug,
   });
-};
+};