feat: add lib and es6 bundles, use closure compiler, remove gulp

.babelrc

@@ -1,3 +1,12 @@
 {
-  "presets": ["es2015", "stage-0"]
+  "presets": [["env", { "modules": false }]],
+  "plugins": [],
+  "env": {
+    "commonjs": {
+      "presets": ["env"]
+    },
+    "test": {
+      "presets": ["env"]
+    }
+  }
 }

.gitignore

@@ -1,5 +1,6 @@
 ### PLACE CUSTOM IGNORES HERE
 lib
+es
 
 
 

.prettierignore

@@ -1,3 +1,6 @@
 CHANGELOG.md
 package.json
 bower.json
+es
+lib
+dist

.travis.yml

@@ -1,10 +1,11 @@
 language: node_js
 node_js:
-  - '4'
+  - '10'
 install:
   - npm install
 script:
-  - gulp build-ci
+  - npm run build
+  - npm run test:ci
 # See https://docs.travis-ci.com/user/languages/javascript-with-nodejs#Node.js-v4-(or-io.js-v3)-compiler-requirements
 env:
   - CXX=g++-4.8

CONTRIBUTING.md

@@ -142,12 +142,11 @@ license your work under the same license as that used by the project.
 ## Code Conventions
 
 1.  Make all changes to files under `./src`, **not** `./dist`.
-2.  Use [Gulp](#gulp) to build the JavaScript files.
-3.  Use [Prettier](https://prettier.io/) for code formatting. Code will automatically be formatted upon submitting a PR.
+2.  Use [Prettier](https://prettier.io/) for code formatting. Code will automatically be formatted upon submitting a PR.
 
-<a name="gulp"></a>
+<a name="npm-scripts"></a>
 
-### Using ES6 and Gulp
+### Using ES6 and NPM scripts
 
 To install all development dependencies, in the project's root directory, run
 
@@ -158,13 +157,13 @@ npm install
 Once you're configured, building the JavaScript from the command line is easy:
 
 ```
-gulp            # build Drift from source
-gulp watch      # watch for changes and build automatically, testing with PhantomJS
-gulp test-local # run the test against local browsers only (Chrome, Safari, Firefox)
-gulp test-full  # run the test suite against all supported browsers (using SauceLabs)
+npm run build			# build Drift from source
+npm run build:watch     # watch for changes and build automatically
+npm run test:watch 		# watch for changes and test automatically
+npm run test:local 		# run the test against local browsers only (Chrome, Safari, Firefox)
 ```
 
-Please note: in order to run tests in-browser (with `gulp test-local`), Chrome and Firefox should be installed locally. If you want to run `gulp test-full`, `SAUCE_USERNAME` and `SAUCE_ACCESS_KEY` must be defined in your shell.
+Please note: in order to run tests in-browser (with `npm run test:local`), Chrome and Firefox should be installed locally.
 
 ### Cutting a release
 

bower.json

@@ -3,7 +3,7 @@
   "version": "1.2.2",
   "description": "Easily add \"zoom on hover\" functionality to your site's images. Lightweight, no-dependency JavaScript.",
   "main": [
-    "dist/Drift.js",
+    "dist/Drift.min.js",
     "dist/drift-basic.css"
   ],
   "authors": [
@@ -25,7 +25,6 @@
     "src",
     "test",
     "CONTRIBUTING.md",
-    "gulpfile.js",
     "index.html",
     "karmaConfig.js",
     "package.json"

config/karma/karma-ci.config.js

@@ -0,0 +1 @@
+module.exports = require("./karma.config").ci;

config/karma/karma-local.config.js

@@ -0,0 +1 @@
+module.exports = require("./karma.config").local;

config/karma/karma.config.js

@@ -0,0 +1,131 @@
+const webpackConfig = require("../../webpack.config");
+
+const webpackConfigAugmented = {
+  ...webpackConfig,
+  module: {
+    ...webpackConfig.module,
+    rules: [
+      // ...webpackConfig.module.rules,
+      {
+        test: /(\.jsx|\.js)$/,
+        loader: "babel-loader",
+        exclude: /(node_modules|bower_components)/
+      }
+    ]
+  }
+};
+
+const baseConfig = {
+  frameworks: ["jasmine"],
+  files: [
+    { pattern: "../../src/**/*.js", included: false, served: false, watched: false },
+    { pattern: "../../test/**/test*.js", watched: false }
+  ],
+  preprocessors: {
+    "../../src/**/*.js": ["webpack"],
+    "../../test/**/*.js": ["webpack"]
+  },
+  webpack: webpackConfigAugmented,
+  webpackMiddleware: {
+    stats: "errors-only"
+  },
+  concurrency: 5,
+  captureTimeout: 90000,
+  browserConnectTimeout: 3000,
+  browserNoActivityTimeout: 15000
+};
+
+const stringConfig = JSON.stringify(baseConfig);
+
+/**
+ * Local testing - Chrome and FF, headlessly
+ */
+
+const localConfig = karmaConfig => {
+  const config = {
+    ...baseConfig,
+    browsers: ["ChromeHeadless", "FirefoxHeadless"],
+    customLaunchers: {
+      FirefoxHeadless: {
+        base: "Firefox",
+        flags: ["-headless"]
+      }
+    }
+  };
+
+  karmaConfig.set(config);
+};
+
+/**
+ * CI testing - Chrome, Firefox
+ */
+
+const ciConfig = karmaConfig => {
+  const config = {
+    ...baseConfig,
+    browsers: ["ChromeTravis", "FirefoxHeadless"],
+    customLaunchers: {
+      ChromeTravis: {
+        base: "ChromeHeadless",
+        flags: ["--no-sandbox"]
+      },
+      FirefoxHeadless: {
+        base: "Firefox",
+        flags: ["-headless"]
+      }
+    },
+    client: {
+      mocha: {
+        timeout: 20000 // 20 seconds
+      }
+    }
+  };
+
+  karmaConfig.set(config);
+};
+
+/**
+ * SauceLabs configuration - not supported
+ */
+
+var fullConfig = JSON.parse(stringConfig);
+fullConfig.reporters = ["progress", "saucelabs"];
+fullConfig.saucelabs = { testName: "Drift Tests" };
+fullConfig.browsers = [
+  "sl_chrome",
+  "sl_safari_9",
+  "sl_safari_8",
+  "sl_firefox_42",
+  "sl_firefox_41",
+  "sl_ie_11",
+  "sl_ie_10",
+  "sl_ios_9",
+  "sl_ios_8",
+  "sl_android_5",
+  "sl_android_4"
+];
+fullConfig.customLaunchers = {
+  sl_chrome: { base: "SauceLabs", browserName: "Chrome" },
+  sl_safari_9: { base: "SauceLabs", browserName: "Safari", version: 9 },
+  sl_safari_8: { base: "SauceLabs", browserName: "Safari", version: 8 },
+  sl_firefox_42: { base: "SauceLabs", browserName: "Firefox", version: 42 },
+  sl_firefox_41: { base: "SauceLabs", browserName: "Firefox", version: 41 },
+  sl_ie_11: {
+    base: "SauceLabs",
+    browserName: "Internet Explorer",
+    version: "11"
+  },
+  sl_ie_10: {
+    base: "SauceLabs",
+    browserName: "Internet Explorer",
+    version: "10"
+  },
+  sl_ios_9: { base: "SauceLabs", browserName: "iPhone", version: "9.2" },
+  sl_ios_8: { base: "SauceLabs", browserName: "iPhone", version: "8.4" },
+  sl_android_5: { base: "SauceLabs", browserName: "Android", version: "5.1" },
+  sl_android_4: { base: "SauceLabs", browserName: "Android", version: "4.4" }
+};
+
+exports.local = localConfig;
+exports.ci = ciConfig;
+exports.full = karmaConfig => karmaConfig.set(fullConfig);

index.html

@@ -119,7 +119,7 @@ <h1>Drift Demo</h1>
 		</div>
 	</div>
 
-	<script src="dist/Drift.js"></script>
+	<script src="dist/Drift.min.js"></script>
 	<script>
 		new Drift(document.querySelector('.drift-demo-trigger'), {
 			paneContainer: document.querySelector('.detail'),