Use ES2015 syntax.

Cameron Cundiff · Cameron Cundiff · commit f10a6846823a · 2015-08-28T17:49:39.000-04:00
- Transpile with babel - Bundle with Browserify - gulpfile from https://gist.github.com/danharper/3ca2273125f500429945
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,2 @@
 node_modules
-dist/*
+build/*
diff --git a/gulpfile.js b/gulpfile.js
@@ -1,32 +1,40 @@
-"use strict";
-
-var watchify = require("watchify");
-var browserify = require("browserify");
 var gulp = require("gulp");
+var sourcemaps = require("gulp-sourcemaps");
 var source = require("vinyl-source-stream");
-var gutil = require("gulp-util");
 var buffer = require("vinyl-buffer");
-var sourcemaps = require("gulp-sourcemaps");
-var assign = require("lodash").assign;
+var browserify = require("browserify");
+var watchify = require("watchify");
+var babel = require("babelify");
 
-var customOpts = {
-  entries: ["./src/index.coffee"],
-  debug: true
-};
-var opts = assign({}, watchify.args, customOpts);
-var b = watchify(browserify(opts));
+function compile(watch) {
+  var bundler = watchify(browserify("./src/index.js", { debug: true })
+      .transform(babel));
+
+  function rebundle() {
+    bundler.bundle()
+      .on("error", function(err) { console.error(err); this.emit("end"); })
+      .pipe(source("build.js"))
+      .pipe(buffer())
+      .pipe(sourcemaps.init({ loadMaps: true }))
+      .pipe(sourcemaps.write("./"))
+      .pipe(gulp.dest("./build"));
+  }
 
-b.transform("coffeeify");
-gulp.task("js", bundle);
-b.on("update", bundle);
-b.on("log", gutil.log);
+  if (watch) {
+    bundler.on("update", function() {
+      console.log("-> bundling...");
+      rebundle();
+    });
+  }
 
-function bundle() {
-  return b.bundle()
-    .on("error", gutil.log.bind(gutil, "Browserify Error"))
-    .pipe(source("bundle.js"))
-    .pipe(buffer())
-    .pipe(sourcemaps.init({loadMaps: true}))
-    .pipe(sourcemaps.write("./"))
-    .pipe(gulp.dest("./dist"));
+  rebundle();
 }
+
+function watch() {
+  return compile(true);
+};
+
+gulp.task("build", function() { return compile(); });
+gulp.task("watch", function() { return watch(); });
+
+gulp.task("default", ["watch"]);
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "accesslint-monitor",
   "version": "0.0.1",
   "description": "Monitor your webpages for accessibility errors.",
-  "main": "index.js",
+  "main": "src/index.js",
   "repository": {
     "type": "git",
     "url": "https://github.com/accesslint/monitor.git"
@@ -18,19 +18,18 @@
     "url": "https://github.com/accesslint/monitor/issues"
   },
   "devDependencies": {
-    "accessibility-developer-tools": "~2.7.1-rc.1",
-    "browserify": "~11.0.1",
-    "coffeeify": "~1.1.0",
-    "coffee-script": "~1.9.3",
-    "request": "~2.61.0",
-    "express": "~4.13.3",
-    "cors": "~2.7.1",
     "axe-core": "~1.1.0",
-    "watchify": "~3.3.1",
-    "vinyl-source-stream": "~1.1.0",
-    "gulp-util": "~3.0.6",
-    "lodash": "~3.10.1",
-    "gulp-sourcemaps": "~1.5.2",
-    "vinyl-buffer": "~1.0.0"
+    "babelify": "^6.2.0",
+    "browserify": "^11.0.1",
+    "cors": "~2.7.1",
+    "express": "~4.13.3",
+    "gulp": "^3.9.0",
+    "gulp-babel": "^5.2.1",
+    "gulp-concat": "^2.6.0",
+    "gulp-sourcemaps": "^1.5.2",
+    "request": "~2.61.0",
+    "vinyl-buffer": "^1.0.0",
+    "vinyl-source-stream": "^1.1.0",
+    "watchify": "^3.3.1"
   }
 }
diff --git a/src/auditor.coffee b/src/auditor.coffee
diff --git a/src/auditor.js b/src/auditor.js
@@ -0,0 +1,8 @@
+import { axe } from "axe-core/axe.min.js";
+import logger from "./logger.js";
+
+export default function () {
+  window.axe.a11yCheck(document, {}, (results) => {
+    logger(results);
+  });
+}
diff --git a/src/index.coffee b/src/index.coffee
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,3 @@
+import auditor from "./auditor.js";
+
+auditor();
diff --git a/src/logger.coffee b/src/logger.coffee
diff --git a/src/logger.js b/src/logger.js
@@ -0,0 +1,5 @@
+import request from "request";
+
+export default function (message) {
+  request.post("http://localhost:3000", message)
+}
diff --git a/test/index.html b/test/index.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <script src="../dist/bundle.js"></script>
+    <script src="../build/build.js"></script>
   </head>
   <body>
     <img src="image.jpg" />

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`	`1`	`node_modules`
`2`		`-dist/*`
	`2`	`+build/*`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import auditor from "./auditor.js";`
	`2`	`+`
	`3`	`+auditor();`