WIP: Add rollup to transpile percy-agent.js

This is to resolve the error where winston was being being included in
various webpack bundles. We change the `main` entry point of the
`@percy/agent` package so only the file that's ready for a browser is
bundled. Then we transpile that file fully with babel and rollup so
their webpack config isn't looking to compile it too.

This solves percy/percy-cypress#58 fully.

.babelrc

@@ -0,0 +1,10 @@
+{
+  "presets": [
+    "@babel/env",
+    "@babel/typescript"
+  ],
+  "plugins": [
+    "@babel/proposal-class-properties",
+    "@babel/proposal-object-rest-spread"
+]
+}

.gitignore

@@ -5,3 +5,4 @@
 .percy.pid
 /tmp/*
 /dist-test
+/.rpt2_cache

package.json

@@ -39,6 +39,11 @@
     "winston": "^2.0.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.4.0",
+    "@babel/plugin-proposal-class-properties": "^7.4.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.4.0",
+    "@babel/preset-env": "^7.4.2",
+    "@babel/preset-typescript": "^7.3.3",
     "@oclif/dev-cli": "^1",
     "@oclif/errors": "^1",
     "@oclif/test": "^1",
@@ -67,6 +72,10 @@
     "prettier": "1.14.2",
     "pryjs": "^1.0.3",
     "semantic-release": "^15.13.3",
+    "rollup": "^1.8.0",
+    "rollup-plugin-babel": "^4.3.2",
+    "rollup-plugin-commonjs": "^9.2.3",
+    "rollup-plugin-node-resolve": "^4.0.1",
     "sinon": "7.2.3",
     "sinon-chai": "^3.2.0",
     "stdout-stderr": "^0.1.9",
@@ -98,7 +107,7 @@
     "agent"
   ],
   "license": "MIT",
-  "main": "dist/index.js",
+  "main": "dist/public/percy-agent.js",
   "oclif": {
     "commands": "./dist/commands",
     "bin": "percy",
@@ -110,6 +119,7 @@
   "repository": "percy/percy-agent",
   "scripts": {
     "build": "npm run clean && rm -rf dist && tsc && npm run build-client",
+    "build-client:new": "rollup -c",
     "build-client": "mkdir -p dist/public && browserify src/percy-agent-client/index.ts -p [ tsify --noImplicitAny ] --standalone PercyAgent > dist/public/percy-agent.js",
     "build-client-test": "npm run build-client && browserify test/percy-agent-client/*.ts -p [ tsify --noImplicitAny ] > dist-test/browserified-tests.js",
     "clean": "rm -f .oclif.manifest.json",

rollup.config.js

@@ -0,0 +1,26 @@
+import commonjs from "rollup-plugin-commonjs";
+import resolve from "rollup-plugin-node-resolve";
+import babel from "rollup-plugin-babel";
+import pkg from "./package.json";
+
+export default {
+  input: "src/percy-agent-client/index.ts",
+  output: {
+    name: "percy-agent",
+    file: pkg.main,
+    format: "umd"
+  },
+  plugins: [
+    // Allows node_modules resolution
+    resolve({ extensions: [".ts"] }),
+
+    // Allow bundling cjs modules. Rollup doesn't understand cjs
+    commonjs(),
+
+    // Compile TypeScript/JavaScript files
+    babel({
+      extensions: [".ts"],
+      include: ["src/**"]
+    })
+  ]
+};

src/percy-agent-client/index.ts

@@ -2,4 +2,6 @@
 // and then simply use `var percyAgent = new PercyAgent()` to create a new client instance.
 
 // tslint:disable-next-line:no-var-requires
-module.exports = require('./percy-agent').default
+import PercyAgent from './percy-agent'
+
+export default PercyAgent

tsconfig.json

@@ -14,5 +14,9 @@
   },
   "include": [
     "./src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
   ]
 }