Revert master to pre v6

Author: tannerlinsley

.eslintrc.js

@@ -3,8 +3,4 @@ module.exports = {
   env: {
     jest: true,
   },
-  rules: {
-    'import/no-unresolved': 0,
-    'import/extensions': 0,
-  },
 }

.prettierrc.js

@@ -1,6 +1,7 @@
-sudo: false
 language: node_js
 node_js:
-- stable
-script:
-- npm test
+  - "10"
+  - "9"
+  - "8"
+  - "7"
+script: npm test

.travis.yml

@@ -18,51 +18,50 @@ React-Static is a fast, lightweight, and powerful framework for building static-
 
 ## Features
 
-- ⚛️ 100% React (or Preact!)
-- 🚀 [Blazing](https://twitter.com/acdlite/status/974390255393505280) fast builds and performance.
-- 🚚 Data Agnostic. Supply your site with data from anywhere, **however you want**.
-- ✂️ Automatic code and data splitting for routes!
-- 💥 Instant page views via [PRPL](https://developers.google.com/web/fundamentals/performance/prpl-pattern/) pattern.
-- 🎯 Built for **SEO**.
-- 🥇 React-first developer experience.
-- 😌 Painless project setup & migration.
-- 💯 Supports 100% of the React ecosystem. Including CSS-in-JS libraries, custom Query layers like GraphQL, and even Redux.
-- 🔥 Hot Reloadable out-of-the-box. Edit React components & styles in real-time.
-- 📲 LAN accessible dev environment for testing on other devices like phones and tablets.
+* ⚛️ 100% React (or Preact!)
+* 🚀 [Blazing](https://twitter.com/acdlite/status/974390255393505280) fast builds and performance.
+* 🚚 Data Agnostic. Supply your site with data from anywhere, **however you want**.
+* ✂️ Automatic code and data splitting for routes!
+* 💥 Instant page views via [PRPL](https://developers.google.com/web/fundamentals/performance/prpl-pattern/) pattern.
+* 🎯 Built for **SEO**.
+* 🥇 React-first developer experience.
+* 😌 Painless project setup & migration.
+* 💯 Supports 100% of the React ecosystem. Including CSS-in-JS libraries, custom Query layers like GraphQL, and even Redux.
+* 🔥 Hot Reloadable out-of-the-box. Edit React components & styles in real-time.
+* 📲 LAN accessible dev environment for testing on other devices like phones and tablets.
 
 ## Videos & Tutorials
 
-- [Quick Start with Styled Components](https://www.youtube.com/watch?v=KvlTVZPlmgs) (20 min)
-- [Introducing React-Static! How it works and why we built it!](https://www.youtube.com/watch?v=OqbJ5swVpDQ) (80 min)
-- [Using React-Static to replace create-react-app](https://youtu.be/1pBzh7IM1s8) (5 min)
+* [Quick Start with Styled Components](https://www.youtube.com/watch?v=KvlTVZPlmgs) (20 min)
+* [Introducing React-Static! How it works and why we built it!](https://www.youtube.com/watch?v=OqbJ5swVpDQ) (80 min)
+* [Using React-Static to replace create-react-app](https://youtu.be/1pBzh7IM1s8) (5 min)
 
 ## Sites Built with React-Static
 
-- [React-Static.js.org](https://react-static.js.org) ([source](https://github.com/nozzle/react-static/tree/master/www))
-- [React-Charts.js.org](https://react-charts.js.org) ([source](https://github.com/nozzle/react-charts/tree/master/www))
-- [Nozzle.io](https://nozzle.io) ([source](https://github.com/nozzle/nozzle.io))
-- [Timber.io](https://timber.io)
-- [HeadlessCMS.org](https://headlesscms.org) ([source](https://github.com/netlify/headlesscms.org))
-- [Manta.life](https://manta.life) ([source](https://github.com/MantaApp/Website))
-- [Manticore Games](http://manticoregames.com)
-- [BlackSandSolutions.co](https://www.blacksandsolutions.co)
-- [David York - Personal Blog](http://davideyork.com)
-- [Cryptagon - Crypto Portfolio Tracker](https://cryptagon.io 'Crypto Portfolio Tracker')
-- [Typetalk - Chat App for Businesses and Teams](https://www.typetalk.com 'Chat App for Businesses and Teams')
-- [Lam Hieu - Personal Website](https://lamhieu.info)
-- [Elsa Salonen - Artist Portfolio](https://elsasalonen.com/)
-- [PSD Wizard: On-demand Front-End Coding Service](https://psdwizard.com)
-- [NYC Vintage Map](https://nycvintagemap.com)
-- [Eldar Labs - Utilities and Productivity Tools](https://eldarlabs.com)
-- [Dan Webb - Personal Website](https://danwebb.co) ([source](https://github.com/DanWebb/danwebb.co))
-- [Intuit Turbo](http://turbo.com)
-- [Messenger Corp. client asset ordering](http://chartwells.messengercorp.com/)
-- [Digital Neighborhood watch service](https://neighborhoodwatch.io/)
-- [Carmen Marcos Art - Artist Portfolio](http://carmen-marcos.art/) ([source](https://github.com/rafacm/carmen-marcos-art-portfolio))
-- [BlockAce - Blockchain Jobs Board](https://blockace.io 'The Best Blockchain Jobs Board')
-- [Luke Haas - Personal Website](https://lukehaas.me)
-- [KleineKoning.nl - Webshop](https://kleinekoning.nl)
-- [blue-frontend.com - Company Website](https://blue-frontend.com)
+* [React-Static.js.org](https://react-static.js.org) ([source](https://github.com/nozzle/react-static/tree/master/www))
+* [React-Charts.js.org](https://react-charts.js.org) ([source](https://github.com/nozzle/react-charts/tree/master/www))
+* [Nozzle.io](https://nozzle.io) ([source](https://github.com/nozzle/nozzle.io))
+* [Timber.io](https://timber.io)
+* [HeadlessCMS.org](https://headlesscms.org) ([source](https://github.com/netlify/headlesscms.org))
+* [Manta.life](https://manta.life) ([source](https://github.com/MantaApp/Website))
+* [Manticore Games](http://manticoregames.com)
+* [BlackSandSolutions.co](https://www.blacksandsolutions.co)
+* [David York - Personal Blog](http://davideyork.com)
+* [Cryptagon - Crypto Portfolio Tracker](https://cryptagon.io 'Crypto Portfolio Tracker')
+* [Typetalk - Chat App for Businesses and Teams](https://www.typetalk.com 'Chat App for Businesses and Teams')
+* [Lam Hieu - Personal Website](https://lamhieu.info)
+* [Elsa Salonen - Artist Portfolio](https://elsasalonen.com/)
+* [PSD Wizard: On-demand Front-End Coding Service](https://psdwizard.com)
+* [NYC Vintage Map](https://nycvintagemap.com)
+* [Eldar Labs - Utilities and Productivity Tools](https://eldarlabs.com)
+* [Dan Webb - Personal Website](https://danwebb.co) ([source](https://github.com/DanWebb/danwebb.co))
+* [Intuit Turbo](http://turbo.com)
+* [Messenger Corp. client asset ordering](http://chartwells.messengercorp.com/)
+* [Digital Neighborhood watch service](https://neighborhoodwatch.io/)
+* [Carmen Marcos Art - Artist Portfolio](http://carmen-marcos.art/) ([source](https://github.com/rafacm/carmen-marcos-art-portfolio))
+* [BlockAce - Blockchain Jobs Board](https://blockace.io 'The Best Blockchain Jobs Board')
+* [Luke Haas - Personal Website](https://lukehaas.me)
+* [KleineKoning.nl - Webshop](https://kleinekoning.nl)
 
 ## Quick Start
 
@@ -108,49 +107,41 @@ $ yarn build # or react-static build
 
 Once you've installed and test driven sufficiently, you may want to:
 
-- [Read about the core concepts of React Static](/docs/concepts.md)
-- [Join the React Static Spectrum community!](https://spectrum.chat/react-static)
+* [Read about the core concepts of React Static](/docs/concepts.md)
+* [Join the React Static Spectrum community!](https://spectrum.chat/react-static)
 
-* [Familiarize yourself with the API and all that is possible!](/docs/config.md)
-
-### Plugins
-
-- CSS & Style Tooling
-  - [react-static-plugin-emotion](https://github.com/nozzle/react-static-plugin-emotion) - Adds SSR support for Emotion components.
-  - [react-static-plugin-styled-components](https://github.com/nozzle/react-static-plugin-styled-components) - Adds SSR support for Styled-Components
-  - [react-static-plugin-sass](https://github.com/nozzle/react-static-plugin-sass) - Adds SSR and general support for SASS
-- React Alternatives
-  - [react-static-plugin-preact](https://github.com/nozzle/react-static-plugin-preact) - Adds preact support
+- [Familiarize yourself with the API and all that is possible!](/docs/config.md)
 
 ## Examples and Templates
 
 All of the following examples can be used as a template at project creation.
 
-- [Basic](https://github.com/nozzle/react-static/tree/master/examples/basic)
-- [Blank (Create-React-App)](https://github.com/nozzle/react-static/tree/master/examples/blank)
-- [Preact](https://github.com/nozzle/react-static/tree/master/examples/preact)
-- [Animated Routes](https://github.com/nozzle/react-static/tree/master/examples/animated-routes)
-- [Custom Routing](https://github.com/nozzle/react-static/tree/master/examples/custom-routing)
-- [Dynamic Imports (code-splitting)](https://github.com/nozzle/react-static/tree/master/examples/dynamic-imports)
-- [Emotion](https://github.com/nozzle/react-static/tree/master/examples/emotion)
-- [Styled-Components](https://github.com/nozzle/react-static/tree/master/examples/styled-components)
-- [LESS & Antdesign](https://github.com/nozzle/react-static/tree/master/examples/less-antdesign)
-- [Firebase Auth](https://github.com/nozzle/react-static/tree/master/examples/firebase-auth)
-- [Redux](https://github.com/nozzle/react-static/tree/master/examples/redux)
-- [Apollo GraphQL](https://github.com/nozzle/react-static/tree/master/examples/apollo)
-- [Apollo & Redux](https://github.com/nozzle/react-static/tree/master/examples/apollo-redux)
-- [TypeScript](https://github.com/nozzle/react-static/tree/master/examples/typescript)
-- [Cordova (Hybrid App)](https://github.com/nozzle/react-static/tree/master/examples/cordova)
-- [Basic Prismic (Headless CMS)](https://github.com/nozzle/react-static/tree/master/examples/basic-prismic)
-- [GraphCMS](https://github.com/nozzle/react-static/tree/master/examples/graphql-request)
-- [Sass](https://github.com/nozzle/react-static/tree/master/examples/sass)
-- [Tailwind CSS](https://github.com/nozzle/react-static/tree/master/examples/tailwindcss)
-- [Algolia](https://github.com/nozzle/react-static/tree/master/examples/algolia)
-- [Styled-JSX](https://github.com/nozzle/react-static/tree/master/examples/styled-jsx)
-- [Netlify CMS](https://github.com/nozzle/react-static/tree/master/examples/netlifycms)
-- [Gentics Mesh CMS](https://github.com/nozzle/react-static/tree/master/examples/gentics-mesh)
-- [Markdown](https://github.com/nozzle/react-static/tree/master/examples/markdown)
-- [Documentation](https://github.com/nozzle/react-static/tree/master/examples/documentation)
+* [Basic](https://github.com/nozzle/react-static/tree/master/examples/basic)
+* [Blank (Create-React-App)](https://github.com/nozzle/react-static/tree/master/examples/blank)
+* [Preact](https://github.com/nozzle/react-static/tree/master/examples/preact)
+* [Animated Routes](https://github.com/nozzle/react-static/tree/master/examples/animated-routes)
+* [Custom Routing](https://github.com/nozzle/react-static/tree/master/examples/custom-routing)
+* [Dynamic Imports (code-splitting)](https://github.com/nozzle/react-static/tree/master/examples/dynamic-imports)
+* [Firebase Auth](https://github.com/nozzle/react-static/tree/master/examples/firebase-auth)
+* [Glamorous & Tailwind CSS](https://github.com/nozzle/react-static/tree/master/examples/glamorous-tailwind)
+* [Glamorous](https://github.com/nozzle/react-static/tree/master/examples/glamorous)
+* [LESS & Antdesign](https://github.com/nozzle/react-static/tree/master/examples/less-antdesign)
+* [Styled-Components](https://github.com/nozzle/react-static/tree/master/examples/styled-components)
+* [Redux](https://github.com/nozzle/react-static/tree/master/examples/redux)
+* [Apollo GraphQL](https://github.com/nozzle/react-static/tree/master/examples/apollo)
+* [Apollo & Redux](https://github.com/nozzle/react-static/tree/master/examples/apollo-redux)
+* [TypeScript](https://github.com/nozzle/react-static/tree/master/examples/typescript)
+* [Cordova (Hybrid App)](https://github.com/nozzle/react-static/tree/master/examples/cordova)
+* [Basic Prismic (Headless CMS)](https://github.com/nozzle/react-static/tree/master/examples/basic-prismic)
+* [GraphCMS](https://github.com/nozzle/react-static/tree/master/examples/graphql-request)
+* [Sass](https://github.com/nozzle/react-static/tree/master/examples/sass)
+* [Tailwind CSS](https://github.com/nozzle/react-static/tree/master/examples/tailwindcss)
+* [Algolia](https://github.com/nozzle/react-static/tree/master/examples/algolia)
+* [Styled-JSX](https://github.com/nozzle/react-static/tree/master/examples/styled-jsx)
+* [Netlify CMS](https://github.com/nozzle/react-static/tree/master/examples/netlifycms)
+* [Gentics Mesh CMS](https://github.com/nozzle/react-static/tree/master/examples/gentics-mesh)
+* [Markdown](https://github.com/nozzle/react-static/tree/master/examples/markdown)
+* [Documentation](https://github.com/nozzle/react-static/tree/master/examples/documentation)
 
 Can't find an example? We invite you to write one! Simply copy the `basic` or `blank` templates and make the necessary changes. Then submit a PR including your new example directory and a new item in the list above. When merged, your example will automatically become a template in the CLI. How magical!
 

CHANGELOG.md

@@ -1,41 +1,27 @@
-const r = require.resolve
-
-module.exports = (api, options = {}) => {
-  const { NODE_ENV, BABEL_ENV } = process.env
-
-  const PRODUCTION = (BABEL_ENV || NODE_ENV) === 'production'
-
-  return {
-    presets: [
-      [
-        r('@babel/preset-env'),
-        {
-          modules: options.modules,
-          useBuiltIns: false,
-          targets: {
-            browsers: PRODUCTION
-              ? ['last 4 versions', 'safari >= 7', 'ie >= 9']
-              : ['last 2 versions', 'not ie <= 11', 'not android 4.4.3'],
-          },
-        },
-      ],
-      [r('@babel/preset-react'), { development: !PRODUCTION }],
+module.exports = {
+  presets: ['env', 'stage-0', 'react'],
+  plugins: [
+    [
+      'universal-import'
     ],
-    plugins: [
-      PRODUCTION
-        ? r('babel-plugin-universal-import')
-        : r('react-hot-loader/babel'),
-      [
-        r('@babel/plugin-transform-runtime'),
-        {
-          helpers: false,
-          regenerator: true,
-        },
-      ],
-      r('@babel/plugin-syntax-dynamic-import'),
-      r('@babel/plugin-proposal-class-properties'),
-      r('@babel/plugin-proposal-optional-chaining'),
-      r('@babel/plugin-proposal-export-default-from'),
-    ].filter(Boolean),
-  }
+    [
+      'transform-runtime',
+      {
+        helpers: false,
+        polyfill: false,
+        regenerator: true,
+        moduleName: 'babel-runtime',
+      },
+    ],
+    'transform-class-properties',
+  ],
+  env: {
+    development: {
+      plugins: ['react-hot-loader/babel'],
+    },
+    test: {
+      presets: ['env', 'stage-0', 'react'],
+    },
+  },
+  compact: false,
 }

README.md

@@ -1,5 +1,6 @@
 #!/usr/bin/env node
 
+require('babel-register')
 require('../lib/utils/binHelper')
 const program = require('commander')
 const buildCmd = require('../lib/commands/build')
@@ -26,4 +27,4 @@ buildCmd
   .catch(err => {
     console.error(err)
     process.exit(1)
-  })
+  })

babel-preset.js

@@ -1,5 +1,6 @@
 #!/usr/bin/env node
 
+require('babel-register')
 require('../lib/utils/binHelper')
 const program = require('commander')
 const bundleCmd = require('../lib/commands/bundle')
@@ -13,13 +14,13 @@ program
 
 const { config, staging, debug } = program
 
-bundleCmd
-  .default({
-    config,
-    staging,
-    debug,
-    isCLI: true,
-  })
+
+bundleCmd.default({
+  config,
+  staging,
+  debug,
+  isCLI: true,
+})
   .then(() => {
     process.exit(0)
   })

bin/react-static-build

@@ -1,5 +1,6 @@
 #!/usr/bin/env node
 
+require('babel-register')
 require('../lib/utils/binHelper')
 const program = require('commander')
 const chalk = require('chalk')

bin/react-static-bundle

@@ -1,5 +1,6 @@
 #!/usr/bin/env node
 
+require('babel-register')
 require('../lib/utils/binHelper')
 const program = require('commander')
 const exportCmd = require('../lib/commands/export')
@@ -13,13 +14,12 @@ program
 
 const { config, staging, debug } = program
 
-exportCmd
-  .default({
-    config,
-    staging,
-    debug,
-    isCLI: true,
-  })
+exportCmd.default({
+  config,
+  staging,
+  debug,
+  isCLI: true,
+})
   .then(() => {
     process.exit(0)
   })

bin/react-static-create

@@ -1,5 +1,6 @@
 #!/usr/bin/env node
 
+require('babel-register')
 require('../lib/utils/binHelper')
 const program = require('commander')
 const startCmd = require('../lib/commands/start')