Improvement/babel setup (#32)

* bust cache

* simplify circle setup

* more updates for circle

* update nwb

* update lock file

* update babel config

* more babel stuff

Author: frontendphil

.circleci/config.yml

@@ -1,87 +1,82 @@
 version: 2
 
-defaults: &defaults
-  working_directory: ~/project/react-stick
-  docker:
-    - image: circleci/node:latest-browsers
-      environment:
-        CHROME_BIN: '/usr/bin/google-chrome'
-
-attach_workspace: &attach_workspace
-  attach_workspace:
-    at: ~/project
-
-restore_cache: &restore_cache
-  restore_cache:
-    name: Restore node_modules cache
-    keys:
-      - v1-node-{{ .Branch }}-{{ checksum "yarn.lock" }}
-      - v1-node-{{ .Branch }}-
-      - v1-node-
+references:
+  defaults: &defaults
+    working_directory: ~/repo
+    docker:
+      - image: circleci/node:latest-browsers
+        environment:
+          CHROME_BIN: "/usr/bin/google-chrome"
+
+  restore_cache: &restore_cache
+    restore_cache:
+      keys:
+        - deps-v1-{{ .Branch }}-{{ checksum "yarn.lock" }}
+        - deps-v1-{{ .Branch }}
+        - deps-v1
 
 jobs:
   install:
     <<: *defaults
+
     steps:
       - checkout
-      - *attach_workspace
+
       - *restore_cache
-      - run:
-          name: Install Dependencies
-          command: yarn install --frozen-lockfile
-      - save_cache:
-          name: Save yarn cache
-          key: v1-yarn-{{ .Branch }}-{{ checksum "yarn.lock" }}
-          paths:
-            - .cache/yarn
+
+      - run: yarn
+
       - save_cache:
-          name: Save node_modules cache
-          key: v1-node-{{ .Branch }}-{{ checksum "yarn.lock" }}
-          paths:
-            - node_modules/
-      - run:
-          name: Remove node_modules to cleanup workspace
-          command: rm -r node_modules/
-      - persist_to_workspace:
-          root: ~/project
+          key: deps-v1-{{ .Branch }}-{{ checksum "yarn.lock" }}
           paths:
-            - react-stick
+            - node_modules
 
   lint:
     <<: *defaults
+
     steps:
-      - *attach_workspace
+      - checkout
+
       - *restore_cache
+
       - run:
           name: Lint
           command: yarn lint
 
   flow:
     <<: *defaults
+
     steps:
-      - *attach_workspace
+      - checkout
+
       - *restore_cache
+
       - run:
           name: Flow
           command: yarn flow
 
   test:
     <<: *defaults
     steps:
-      - *attach_workspace
+      - checkout
+
       - *restore_cache
+
       - run:
           name: Test
           command: yarn test:coverage
+
       - run:
           name: Codecov
           command: bash <(curl -s https://codecov.io/bash)
 
   publish-demo:
     <<: *defaults
     steps:
-      - *attach_workspace
+      - checkout
+
       - *restore_cache
+
       - run:
           name: Fix host authenticity for github.com
           command: mkdir -p ~/.ssh/ && ssh-keyscan github.com >> ~/.ssh/known_hosts
@@ -102,7 +97,7 @@ jobs:
   release-preview:
     <<: *defaults
     steps:
-      - *attach_workspace
+      - checkout
       - *restore_cache
       - run:
           name: Post release preview
@@ -111,7 +106,7 @@ jobs:
   release:
     <<: *defaults
     steps:
-      - *attach_workspace
+      - checkout
       - *restore_cache
       - run:
           name: Fix host authenticity for github.com

babel.config.js

@@ -16,14 +16,8 @@ module.exports = {
   comments: true,
   plugins: [
     '@babel/transform-runtime',
-    '@babel/plugin-transform-flow-strip-types',
     '@babel/plugin-proposal-object-rest-spread',
-    '@babel/plugin-proposal-export-namespace-from',
-    '@babel/plugin-proposal-optional-chaining',
 
     'lodash',
-    'syntax-dynamic-import',
-
-    ...(NODE_ENV === 'test' ? ['dynamic-import-node'] : []),
   ],
 }

package.json

@@ -33,7 +33,11 @@
   },
   "devDependencies": {
     "@babel/core": "7.8.7",
+    "@babel/plugin-proposal-object-rest-spread": "^7.9.5",
+    "@babel/plugin-transform-runtime": "^7.9.0",
+    "@babel/preset-env": "^7.9.5",
     "@babel/preset-flow": "7.8.3",
+    "@babel/preset-react": "^7.9.4",
     "babel-eslint": "10.1.0",
     "babel-loader": "^8.1.0",
     "babel-plugin-syntax-dynamic-import": "6.18.0",
@@ -53,7 +57,7 @@
     "html-webpack-harddisk-plugin": "^1.0.1",
     "html-webpack-plugin": "^4.0.4",
     "inferno": "7.4.2",
-    "nwb": "0.24.3",
+    "nwb": "0.24.5",
     "prettier": "1.19.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",