chore: revert extra package changes to publish babel-preset-gatsby fi…

…rst (#9322)

* Revert "Add babel-preset-gatsby (#8724)"

This reverts commit 69faca0.

* chore: add these packages _first_ then use them in a future PR

.babel-preset.js

@@ -0,0 +1,50 @@
+const r = m => require.resolve(m)
+
+function preset(context, options = {}) {
+  const { browser = false, debug = false } = options
+  const { NODE_ENV, BABEL_ENV } = process.env
+
+  const PRODUCTION = (BABEL_ENV || NODE_ENV) === "production"
+
+  const browserConfig = {
+    useBuiltIns: false,
+    targets: {
+      browsers: PRODUCTION
+        ? [`last 4 versions`, `safari >= 7`, "ie >= 9"]
+        : [`last 2 versions`, `not ie <= 11`, `not android 4.4.3`],
+    },
+  }
+
+  const nodeConfig = {
+    targets: {
+      node: PRODUCTION ? 6.0 : "current",
+    },
+  }
+
+  return {
+    presets: [
+      [
+        r("@babel/preset-env"),
+        Object.assign(
+          {
+            loose: true,
+            debug: !!debug,
+            useBuiltIns: "entry",
+            shippedProposals: true,
+            modules: "commonjs",
+          },
+          browser ? browserConfig : nodeConfig
+        ),
+      ],
+      [r("@babel/preset-react"), { development: !PRODUCTION }],
+      r("@babel/preset-flow"),
+    ],
+    plugins: [
+      r("@babel/plugin-proposal-class-properties"),
+      r("@babel/plugin-proposal-optional-chaining"),
+      r("@babel/plugin-transform-runtime"),
+    ],
+  }
+}
+
+module.exports = preset

.babelrc.js

@@ -6,8 +6,10 @@ if (process.env.NODE_ENV !== `test`) {
   ignore.push(`**/__tests__`)
 }
 
+const presetAbsPath = require(`path`).join(__dirname, '.babel-preset.js')
+
 module.exports = {
   sourceMaps: true,
-  presets: ["babel-preset-gatsby-package"],
+  presets: [presetAbsPath],
   ignore,
 }

docs/docs/babel.md

@@ -22,25 +22,48 @@ browsers.
 ## How to use a custom .babelrc file
 
 Gatsby ships with a default .babelrc setup that should work for most sites. If you'd like
-to add custom Babel presets or plugins, you can create your own `.babelrc` at the root of your site, import [`babel-preset-gatsby`](https://github.com/gatsbyjs/gatsby/tree/master/packages/babel-preset-gatsby), and overwrite the `target` option.
-
-```bash
-npm install --save babel-preset-gatsby
-```
+to add custom Babel presets or plugins, we recommend copying our default .babelrc below
+to the root of your site and modifying it per your needs.
 
 ```json5:title=.babelrc
 {
   presets: [
     [
-      "babel-preset-gatsby",
+      "@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",
+      },
+    ],
+  ],
+  plugins: [
+    [
+      "@babel/plugin-proposal-class-properties",
+      {
+        loose: true,
+      },
+    ],
+    "@babel/plugin-syntax-dynamic-import",
+    "babel-plugin-macros",
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        helpers: true,
+        regenerator: true,
+      },
+    ],
   ],
 }
 ```
-
-For more advanced configurations, you can also copy the defaults from [`babel-preset-gatsby`](https://github.com/gatsbyjs/gatsby/tree/master/packages/babel-preset-gatsby) and customize them to suit your needs.

docs/docs/testing-css-in-js.md

@@ -22,10 +22,12 @@ If you followed along with the [Unit testing guide](/docs/unit-testing) you'll h
 
 ```diff:title=jest-preprocess.js
 const babelOptions = {
-  presets: ["babel-preset-gatsby"],
-+  plugins: [
+  presets: ["@babel/react", "@babel/env"],
+  plugins: [
 +    "emotion",
-+  ],
+    "@babel/plugin-proposal-optional-chaining",
+    "@babel/plugin-proposal-class-properties",
+  ],
 }
 
 module.exports = require("babel-jest").createTransformer(babelOptions)

docs/docs/unit-testing.md

@@ -22,7 +22,7 @@ First you need to install Jest and some more required packages. You need to
 install Babel 7 as it's required by Jest.
 
 ```sh
-npm install --save-dev jest babel-jest react-test-renderer identity-obj-proxy 'babel-core@^7.0.0-0' @babel/core babel-preset-gatsby
+npm install --save-dev jest babel-jest react-test-renderer identity-obj-proxy 'babel-core@^7.0.0-0' @babel/core @babel/preset-env @babel/preset-react @babel/plugin-proposal-class-properties @babel/plugin-proposal-optional-chaining
 ```
 
 Because Gatsby handles its own Babel configuration, you will need to manually
@@ -61,7 +61,11 @@ with a minimal config.
 
 ```js:title=jest-preprocess.js
 const babelOptions = {
-  presets: ["babel-preset-gatsby"],
+  presets: ["@babel/react", "@babel/env"],
+  plugins: [
+    "@babel/plugin-proposal-optional-chaining",
+    "@babel/plugin-proposal-class-properties",
+  ],
 }
 
 module.exports = require("babel-jest").createTransformer(babelOptions)

jest-transformer.js

@@ -1,2 +1,3 @@
-const babelPreset = require(`babel-preset-gatsby-package`)()
+const presetAbsPath = require(`path`).join(__dirname, `.babel-preset.js`)
+const babelPreset = require(presetAbsPath)()
 module.exports = require(`babel-jest`).createTransformer(babelPreset)

package.json

@@ -2,6 +2,12 @@
   "devDependencies": {
     "@babel/core": "^7.0.0",
     "@babel/node": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.0.0",
+    "@babel/plugin-transform-runtime": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@babel/preset-flow": "^7.0.0",
+    "@babel/preset-react": "^7.0.0",
     "@babel/runtime": "^7.0.0",
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "8.2.1",

packages/babel-plugin-remove-graphql-queries/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package"]
+    ["../../.babel-preset.js"]
   ]
 }

packages/gatsby-cli/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package"]
+    ["../../.babel-preset.js"]
   ]
 }

packages/gatsby-codemods/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package"]
+    ["../../.babel-preset.js"]
   ]
 }

packages/gatsby-dev-cli/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package"]
+    ["../../.babel-preset.js"]
   ]
 }

packages/gatsby-image/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }

packages/gatsby-link/.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }
 

packages/gatsby-plugin-canonical-urls/.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }
 

packages/gatsby-plugin-catch-links/.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }
 

packages/gatsby-plugin-coffeescript/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package"]
+    ["../../.babel-preset.js"]
   ]
 }

packages/gatsby-plugin-create-client-paths/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package"]
+    ["../../.babel-preset.js"]
   ]
 }

packages/gatsby-plugin-emotion/.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }
 

packages/gatsby-plugin-facebook-analytics/.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": [["babel-preset-gatsby-package", { "browser": true }]]
+  "presets": [["../../.babel-preset.js", { "browser": true }]]
 }

packages/gatsby-plugin-feed/.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }
 

packages/gatsby-plugin-fullstory/.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": [["babel-preset-gatsby-package", { "browser": true }]]
+  "presets": [["../../.babel-preset.js", { "browser": true }]]
 }

packages/gatsby-plugin-glamor/.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }
 

packages/gatsby-plugin-google-analytics/.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }
 

packages/gatsby-plugin-google-tagmanager/.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }
 

packages/gatsby-plugin-guess-js/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }

packages/gatsby-plugin-jss/.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }
 

packages/gatsby-plugin-layout/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }

packages/gatsby-plugin-less/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package"]
+    ["../../.babel-preset.js"]
   ]
 }

packages/gatsby-plugin-lodash/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package"]
+    ["../../.babel-preset.js"]
   ]
 }

packages/gatsby-plugin-manifest/.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }
 

packages/gatsby-plugin-netlify-cms/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }

packages/gatsby-plugin-netlify/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package"]
+    ["../../.babel-preset.js"]
   ]
 }

packages/gatsby-plugin-nprogress/.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }
 

packages/gatsby-plugin-offline/.babelrc

@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }
 

packages/gatsby-plugin-page-creator/.babelrc

@@ -1,3 +1,3 @@
 {
-  presets: [["babel-preset-gatsby-package", { browser: true }]],
+  presets: [["../../.babel-preset.js", { browser: true }]],
 }

packages/gatsby-plugin-postcss/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package"]
+    ["../../.babel-preset.js"]
   ]
 }

packages/gatsby-plugin-preact/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package", { "browser": true }]
+    ["../../.babel-preset.js", { "browser": true }]
   ]
 }

packages/gatsby-plugin-react-css-modules/.babelrc

@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["babel-preset-gatsby-package"]
+    ["../../.babel-preset.js"]
   ]
 }