Uses ESLint to catch errors and fixes ESLint errors #173

.eslintignore

@@ -0,0 +1,10 @@
+# ESLint does not support both
+#   - import used as a function, and
+#   - the export statement
+# in the same file
+
+/test/integration/dynamic/index.js
+/test/integration/dynamic-css/index.js
+/test/integration/dynamic-esm/index.js
+/test/integration/dynamic-hoist/index.js
+/test/integration/hmr-dynamic/index.js

.eslintrc.json

@@ -0,0 +1,10 @@
+{
+  "extends": "eslint:recommended",
+  "parserOptions": {
+    "ecmaVersion": 8    
+  },
+  "env": {
+    "node": true,
+    "es6": true
+  }
+}

.travis.yml

@@ -4,5 +4,7 @@ node_js:
   # - '6'
   - '8'
 cache: yarn
-script: yarn test
+script: 
+  - yarn test
+  - yarn lint
 sudo: false

bin/cli.js

@@ -62,13 +62,15 @@ program
   });
 
 program.on('--help', function() {
+  /* eslint-disable no-console */
   console.log('');
   console.log(
     '  Run `' +
       chalk.bold('parcel help <command>') +
       '` for more information on specific commands'
   );
   console.log('');
+  /* eslint-enable no-console */
 });
 
 // Make serve the default command

package.json

@@ -42,6 +42,7 @@
     "babel-cli": "^6.26.0",
     "babel-preset-env": "^1.6.1",
     "cross-env": "^5.1.1",
+    "eslint": "^4.13.0",
     "husky": "^0.14.3",
     "less": "^2.7.2",
     "lint-staged": "^6.0.0",
@@ -62,7 +63,8 @@
     "format": "prettier --write './{src,bin,test}/**/*.{js,json,md}'",
     "build": "babel src -d lib",
     "prepublish": "yarn build",
-    "precommit": "lint-staged"
+    "precommit": "lint-staged",
+    "lint": "eslint ."
   },
   "bin": {
     "parcel": "bin/cli.js"
@@ -71,6 +73,10 @@
     "node": ">= 6.0.0"
   },
   "lint-staged": {
-    "*.{js,json,md}": ["prettier --write", "git add"]
+    "*.{js,json,md}": [
+      "prettier --write",
+      "eslint --fix",
+      "git add"
+    ]
   }
 }

src/Asset.js

@@ -1,4 +1,3 @@
-const Parser = require('./Parser');
 const path = require('path');
 const fs = require('./utils/fs');
 const objectHash = require('./utils/objectHash');
@@ -73,7 +72,7 @@ class Asset {
 
     let resolved = path
       .resolve(path.dirname(from), url)
-      .replace(/[\?#].*$/, '');
+      .replace(/[?#].*$/, '');
     this.addDependency(
       './' + path.relative(path.dirname(this.name), resolved),
       Object.assign({dynamic: true}, opts)

src/Bundle.js

@@ -1,5 +1,4 @@
 const Path = require('path');
-const fs = require('fs');
 const crypto = require('crypto');
 
 /**

src/Bundler.js

@@ -2,7 +2,6 @@ const fs = require('./utils/fs');
 const Resolver = require('./Resolver');
 const Parser = require('./Parser');
 const WorkerFarm = require('./WorkerFarm');
-const worker = require('./utils/promisify')(require('./worker.js'));
 const Path = require('path');
 const Bundle = require('./Bundle');
 const {FSWatcher} = require('chokidar');
@@ -262,19 +261,21 @@ class Bundler extends EventEmitter {
     try {
       return await this.resolveAsset(dep.name, asset.name);
     } catch (err) {
-      if (err.message.indexOf(`Cannot find module '${dep.name}'`) === 0) {
-        err.message = `Cannot resolve dependency '${dep.name}'`;
+      let thrown = err;
+
+      if (thrown.message.indexOf(`Cannot find module '${dep.name}'`) === 0) {
+        thrown.message = `Cannot resolve dependency '${dep.name}'`;
 
         // Generate a code frame where the dependency was used
         if (dep.loc) {
           await asset.loadIfNeeded();
-          err.loc = dep.loc;
-          err = asset.generateErrorMessage(err);
+          thrown.loc = dep.loc;
+          thrown = asset.generateErrorMessage(thrown);
         }
 
-        err.fileName = asset.name;
+        thrown.fileName = asset.name;
       }
-      throw err;
+      throw thrown;
     }
   }
 

src/FSCache.js

@@ -36,6 +36,7 @@ class FSCache {
       await fs.writeFile(this.getCacheFile(filename), JSON.stringify(data));
       this.invalidated.delete(filename);
     } catch (err) {
+      // eslint-disable-next-line no-console
       console.error('Error writing to cache', err);
     }
   }
@@ -70,7 +71,9 @@ class FSCache {
     try {
       await fs.unlink(this.getCacheFile(filename));
       this.invalidated.delete(filename);
-    } catch (err) {}
+    } catch (err) {
+      // Fail silently
+    }
   }
 }
 

src/Logger.js

@@ -17,6 +17,7 @@ class Logger {
       this.lines += message.split('\n').length;
     }
 
+    // eslint-disable-next-line no-console
     console.log(message);
   }
 

src/Server.js

@@ -1,6 +1,4 @@
 const http = require('http');
-const path = require('path');
-const url = require('url');
 const serveStatic = require('serve-static');
 
 function middleware(bundler) {

src/assets/CSSAsset.js

@@ -1,12 +1,10 @@
 const Asset = require('../Asset');
 const postcss = require('postcss');
 const valueParser = require('postcss-value-parser');
-const path = require('path');
-const md5 = require('../utils/md5');
 const postcssTransform = require('../transforms/postcss');
 const CssSyntaxError = require('postcss/lib/css-syntax-error');
 
-const URL_RE = /url\s*\(\"?(?![a-z]+:)/;
+const URL_RE = /url\s*\("?(?![a-z]+:)/;
 const IMPORT_RE = /@import/;
 const PROTOCOL_RE = /^[a-z]+:/;
 

src/assets/HTMLAsset.js

@@ -1,9 +1,7 @@
 const Asset = require('../Asset');
-const posthtml = require('posthtml');
 const parse = require('posthtml-parser');
 const api = require('posthtml/lib/api');
 const path = require('path');
-const md5 = require('../utils/md5');
 const render = require('posthtml-render');
 const posthtmlTransform = require('../transforms/posthtml');
 const isURL = require('../utils/is-url');

src/assets/LESSAsset.js

@@ -32,7 +32,7 @@ function urlPlugin(asset) {
   return {
     install: (less, pluginManager) => {
       let visitor = new less.visitors.Visitor({
-        visitUrl: (node, args) => {
+        visitUrl: (node) => {
           node.value.value = asset.addURLDependency(
             node.value.value,
             node.currentFileInfo.filename

src/assets/RawAsset.js

@@ -1,5 +1,4 @@
 const Asset = require('../Asset');
-const path = require('path');
 
 class RawAsset extends Asset {
   // Don't load raw assets. They will be copied by the RawPackager directly.

src/builtins/.eslintrc.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../.eslintrc.json",
+  "env": {
+    "browser": true
+  },
+  "rules": {
+    "no-global-assign": [1]
+  }
+}

src/builtins/bundle-url.js

@@ -12,7 +12,7 @@ function getBundleURL() {
   try {
     throw new Error;
   } catch (err) {
-    var matches = ('' + err.stack).match(/(https?|file|ftp):\/\/[^\)\n]+/g);
+    var matches = ('' + err.stack).match(/(https?|file|ftp):\/\/[^)\n]+/g);
     if (matches) {
       return getBaseURL(matches[0]);
     }
@@ -22,7 +22,7 @@ function getBundleURL() {
 }
 
 function getBaseURL(url) {
-  return ('' + url).replace(/^((?:https?|file|ftp):\/\/.+)\/[^\/]+$/, '$1') + '/';
+  return ('' + url).replace(/^((?:https?|file|ftp):\/\/.+)\/[^/]+$/, '$1') + '/';
 }
 
 exports.getBundleURL = getBundleURLCached;

src/builtins/css-loader.js

@@ -25,6 +25,6 @@ function reloadCSS() {
 
     cssTimeout = null;
   }, 50);
-};
+}
 
 module.exports = reloadCSS;

src/builtins/hmr-runtime.js

@@ -32,10 +32,12 @@ if (!module.bundle.parent) {
     }
 
     if (data.type === 'error-resolved') {
+      // eslint-disable-next-line no-console
       console.log('[parcel] ✨ Error resolved');
     }
 
     if (data.type === 'error') {
+      // eslint-disable-next-line no-console
       console.error(`[parcel] 🚨 ${data.error.message}\n${data.error.stack}`);
     }
   };

src/builtins/prelude.js

@@ -34,21 +34,21 @@ require = (function (modules, cache, entry) {
         throw err;
       }
 
-      function localRequire(x) {
-        return newRequire(localRequire.resolve(x));
-      }
-
-      localRequire.resolve = function (x) {
-        return modules[name][1][x] || x;
-      };
-
       var module = cache[name] = new newRequire.Module;
       modules[name][0].call(module.exports, localRequire, module, module.exports);
     }
 
     return cache[name].exports;
   }
 
+  function localRequire(x) {
+    return newRequire(localRequire.resolve(x));
+  }
+
+  localRequire.resolve = function (x) {
+    return modules[name][1][x] || x;
+  };
+
   function Module() {
     this.bundle = newRequire;
     this.exports = {};

src/packagers/Packager.js

@@ -17,6 +17,7 @@ class Packager {
 
   async start() {}
 
+  // eslint-disable-next-line no-unused-vars
   async addAsset(asset) {
     throw new Error('Must be implemented by subclasses');
   }

src/transforms/babel.js

@@ -1,5 +1,4 @@
 const babel = require('babel-core');
-const path = require('path');
 const config = require('../utils/config');
 
 module.exports = async function(asset) {

src/transforms/uglify.js

@@ -1,7 +1,5 @@
 const {AST_Node, minify} = require('uglify-js');
 const {toEstree} = require('babel-to-estree');
-const types = require('babel-types');
-const walk = require('babylon-walk');
 
 module.exports = async function(asset) {
   await asset.parseIfNeeded();

src/utils/is-url.js

@@ -4,7 +4,7 @@ const isURL = require('is-url');
 const ANCHOR_REGEXP = /^#/;
 
 // Matches scheme (ie: tel:, mailto:, data:)
-const SCHEME_REGEXP = /^[a-z]*\:/i;
+const SCHEME_REGEXP = /^[a-z]*:/i;
 
 module.exports = function(url) {
   return isURL(url) || ANCHOR_REGEXP.test(url) || SCHEME_REGEXP.test(url);

src/visitors/dependencies.js

@@ -1,5 +1,4 @@
 const types = require('babel-types');
-const {resolve} = require('path');
 const template = require('babel-template');
 
 const requireTemplate = template('require("_bundle_loader")');

src/visitors/fs.js

@@ -20,7 +20,6 @@ module.exports = {
   },
 
   CallExpression(path, asset) {
-    let callee = path.node.callee;
     if (referencesImport(path, 'fs', 'readFileSync')) {
       let vars = {
         __dirname: Path.dirname(asset.name),

src/visitors/globals.js

@@ -1,4 +1,3 @@
-const template = require('babel-template');
 const Path = require('path');
 const types = require('babel-types');
 

src/worker.js

@@ -1,14 +1,8 @@
 require('v8-compile-cache');
-const fs = require('./utils/fs');
 const Parser = require('./Parser');
-const babel = require('./transforms/babel');
 
 let parser;
 
-function emit(event, ...args) {
-  process.send({event, args});
-}
-
 exports.init = function(options, callback) {
   parser = new Parser(options || {});
   callback();
@@ -25,11 +19,13 @@ exports.run = async function(path, pkg, options, callback) {
       hash: asset.hash
     });
   } catch (err) {
+    let returned = err;
+
     if (asset) {
-      err = asset.generateErrorMessage(err);
+      returned = asset.generateErrorMessage(returned);
     }
 
-    err.fileName = path;
-    callback(err);
+    returned.fileName = path;
+    callback(returned);
   }
 };

test/.eslintrc.json

@@ -0,0 +1,6 @@
+{
+  "extends": "../.eslintrc.json",
+  "env": {
+    "mocha": true
+  }
+}

test/fs.js

@@ -1,6 +1,5 @@
 const assert = require('assert');
-const fs = require('fs');
-const {bundle, run, assertBundleTree} = require('./utils');
+const {bundle, run} = require('./utils');
 
 describe('fs', function() {
   it('should inline a file as a string', async function() {