Actually build for environments, and make logging cleaner

Author: Mina Smart

.babelrc

@@ -17,4 +17,3 @@ test:
     - mkdir -p $CIRCLE_TEST_REPORTS/junit
   override:
     - yarn test
-    - yarn run test:with-optimized-types

circle.yml

@@ -8,17 +8,15 @@
   "scripts": {
     "prepublish": "yarn run build",
     "build": "rollup -c",
-    "start": "yarn run clean && yarn run setup-paths && concurrently 'yarn run test:web-deps' 'yarn run test:livereload-server' 'yarn run test:watch' 'http-server -p 4200 .tmp/test' 'yarn run print-start-message'",
+    "start": "yarn run clean && yarn run setup-paths && concurrently --names DEPS,LIVERELOAD,ROLLUP,HTTP,NOTIFIER 'yarn run test:web-deps' 'yarn run test:livereload-server' 'yarn run test:watch' 'http-server -p 4200 .tmp/test' 'yarn run print-start-message'",
     "clean": "rimraf .tmp index.*",
     "doc:build": "jsdoc2md src/*.js > docs/API_REFERENCE.md",
     "setup-paths": "mkdir -p .tmp/test",
     "test": "yarn run clean && yarn run setup-paths && yarn run test:node-deps && yarn run mocha",
-    "test:with-optimized-types": "yarn run clean && yarn run setup-paths && yarn run test:node-deps-optimized && yarn run mocha",
     "test:watch": "rollup -w -c rollup-browser-tests.config.js",
     "test:web-deps": "cp test/index.html node_modules/mocha/mocha.* node_modules/jquery/dist/jquery.slim.min.js .tmp/test/ && cp node_modules/expect.js/index.js .tmp/test/expect.js",
-    "test:node-deps": "rollup -c rollup-node-tests.config.js",
-    "test:node-deps-optimized": "cross-env BABEL_ENV='node' node -- scripts/test-build-node.js --with-optimized-types .tmp/test/node-tests.js",
     "test:livereload-server": "node scripts/livereload.js",
+    "test:node-deps": "rollup -c rollup-node-tests.config.js",
     "mocha": "mocha -u tdd $(yarn run mocha:reporter-args 2>&1 >/dev/null) .tmp/test/node-tests.js",
     "mocha:reporter-args": "test -n \"${CI}\" && >&2 echo --reporter xunit --reporter-options output=$CIRCLE_TEST_REPORTS/junit/mocha-$(date +%s).xml || true",
     "lint": "eslint --max-warnings 0 -c .eslintrc.json $(yarn run lint:reporter-args 2>&1 >/dev/null) src/ test/",
@@ -31,12 +29,10 @@
   "dependencies": {},
   "devDependencies": {
     "babel": "6.23.0",
-    "babel-cli": "6.26.0",
     "babel-core": "6.26.0",
-    "babel-preset-es2015-rollup": "3.0.0",
-    "babel-preset-shopify": "15.0.1",
+    "babel-plugin-external-helpers": "6.22.0",
+    "babel-preset-env": "1.6.0",
     "concurrently": "3.5.0",
-    "cross-env": "5.0.5",
     "eslint": "3.8.1",
     "eslint-plugin-shopify": "14.0.0",
     "eslint-test-generator": "1.0.5",
@@ -57,7 +53,7 @@
     "rollup": "0.47.6",
     "rollup-plugin-babel": "3.0.2",
     "rollup-plugin-commonjs": "8.1.0",
-    "rollup-plugin-graphql-js-client-compiler": "0.1.0",
+    "rollup-plugin-graphql-js-client-compiler": "0.1.1",
     "rollup-plugin-json": "2.3.0",
     "rollup-plugin-multi-entry": "2.0.1",
     "rollup-plugin-node-builtins": "2.1.2",

package.json

@@ -1,4 +1,5 @@
 import fetch from 'node-fetch';
+import graphqlCompiler from 'rollup-plugin-graphql-js-client-compiler';
 import nodeResolve from 'rollup-plugin-node-resolve';
 import builtins from 'rollup-plugin-node-builtins';
 import globals from 'rollup-plugin-node-globals';
@@ -10,6 +11,11 @@ const {livereloadPort} = require('./package.json');
 
 const reloadUri = `http://localhost:${livereloadPort}/changed?files=tests.js,index.html`;
 
+baseConfig.plugins.unshift(
+  graphqlCompiler({
+    schema: './schema.json'
+  })
+);
 baseConfig.plugins.push(
   remap({
     originalPath: './test/isomorphic-fetch-mock.js',
@@ -25,11 +31,15 @@ baseConfig.plugins.push(
   babel({
     babelrc: false,
     presets: [
-      [
-        `${process.cwd()}/node_modules/babel-preset-shopify/web`, {
-          modules: false
-        }
-      ]
+      [`${process.cwd()}/node_modules/babel-preset-env/lib/index`, {
+        targets: {
+          browsers: ['last 2 versions']
+        },
+        modules: false
+      }]
+    ],
+    plugins: [
+      `${process.cwd()}/node_modules/babel-plugin-external-helpers/lib/index`
     ]
   }),
   {

rollup-browser-tests.config.js

@@ -1,8 +1,16 @@
+import graphqlCompiler from 'rollup-plugin-graphql-js-client-compiler';
 import nodeResolve from 'rollup-plugin-node-resolve';
 import babel from 'rollup-plugin-babel';
 import remap from 'rollup-plugin-remap';
 import baseConfig from './rollup-tests-common.config';
 
+baseConfig.plugins.unshift(
+  graphqlCompiler({
+    schema: './schema.json',
+    optimize: true,
+    profileDocuments: ['src/graphql/**/*.graphql']
+  })
+);
 baseConfig.plugins.push(
   remap({
     originalPath: './test/isomorphic-fetch-mock.js',
@@ -16,11 +24,12 @@ baseConfig.plugins.push(
   babel({
     babelrc: false,
     presets: [
-      [
-        `${process.cwd()}/node_modules/babel-preset-shopify/node`, {
-          modules: false
-        }
-      ]
+      [`${process.cwd()}/node_modules/babel-preset-env/lib/index`, {
+        targets: {
+          node: '8.1.2'
+        },
+        modules: false
+      }]
     ]
   })
 );

rollup-node-tests.config.js

@@ -1,15 +1,11 @@
 import commonjs from 'rollup-plugin-commonjs';
-import graphqlCompiler from 'rollup-plugin-graphql-js-client-compiler';
 import json from 'rollup-plugin-json';
 import multiEntry from 'rollup-plugin-multi-entry';
 import eslintTestGenerator from './scripts/rollup-plugin-eslint-test-generator';
 
 export default {
   entry: ['test/setup.js', 'test/**/*-test.js'],
   plugins: [
-    graphqlCompiler({
-      schema: './schema.json'
-    }),
     multiEntry({
       exports: false
     }),

rollup-tests-common.config.js

@@ -19,10 +19,22 @@ const plugins = [
     jsnext: true,
     main: true
   }),
-  babel(),
-  sizes({
-    details: true
-  })
+  babel({
+    babelrc: false,
+    presets: [
+      [`${process.cwd()}/node_modules/babel-preset-env/lib/index`, {
+        targets: {
+          browsers: ['last 2 versions'],
+          node: '8.1.2'
+        },
+        modules: false
+      }]
+    ],
+    plugins: [
+      `${process.cwd()}/node_modules/babel-plugin-external-helpers/lib/index`
+    ]
+  }),
+  sizes()
 ];
 
 const targets = [

rollup.config.js

@@ -0,0 +1,7 @@
+setup(() => {
+  if (typeof mocha !== 'undefined') {
+    mocha.setup({
+      globals: ['LiveReload']
+    });
+  }
+});