es2015 setup

Author: loiane

.babelrc

@@ -1,4 +1,7 @@
 {
-  "presets": ["es2015", "es2016", "es2017"],
-  "plugins": ["babel-plugin-add-module-exports"]
+  "presets": ["env"],
+  "plugins": [
+    "add-module-exports",
+    "transform-es2015-modules-umd"
+  ]
 }

.eslintrc.json

@@ -16,155 +16,10 @@
     "window": false
   },
   "parser": "babel-eslint",
+  "extends": "airbnb-base",
   "rules": {
-    "block-scoped-var": 2,
-    "brace-style": [2, "1tbs", { "allowSingleLine": true }],
-    "camelcase": [2, { "properties": "always" }],
-    "comma-dangle": [2, "never"],
-    "comma-spacing": [2, { "before": false, "after": true }],
-    "comma-style": [2, "last"],
-    "complexity": 0,
-    "consistent-return": 2,
-    "consistent-this": 0,
-    "curly": [2, "multi-line"],
-    "default-case": 0,
-    "dot-location": [2, "property"],
-    "dot-notation": 0,
-    "eol-last": 2,
-    "eqeqeq": [2, "allow-null"],
-    "func-names": 0,
-    "func-style": 0,
-    "generator-star-spacing": [2, "both"],
-    "guard-for-in": 0,
-    "handle-callback-err": [2, "^(err|error|anySpecificError)$" ],
-    "indent": [2, 2, { "SwitchCase": 1 }],
-    "key-spacing": [2, { "beforeColon": false, "afterColon": true }],
-    "keyword-spacing": [2, {"before": true, "after": true}],
-    "linebreak-style": 0,
-    "max-depth": 0,
-    "max-len": [2, 120, 4],
-    "max-nested-callbacks": 0,
-    "max-params": 0,
-    "max-statements": 0,
-    "new-cap": [2, { "newIsCap": true, "capIsNew": false }],
-    "newline-after-var": [0, "always"],
-    "new-parens": 2,
-    "no-alert": 0,
-    "no-array-constructor": 2,
-    "no-bitwise": 0,
-    "no-caller": 2,
-    "no-catch-shadow": 0,
-    "no-cond-assign": 2,
-    "no-console": 0,
-    "no-constant-condition": 0,
-    "no-continue": 0,
-    "no-control-regex": 2,
-    "no-debugger": 2,
-    "no-delete-var": 2,
-    "no-div-regex": 0,
-    "no-dupe-args": 2,
-    "no-dupe-keys": 2,
-    "no-duplicate-case": 2,
-    "no-else-return": 2,
-    "no-empty": 0,
-    "no-empty-character-class": 2,
-    "no-eq-null": 0,
-    "no-eval": 2,
-    "no-ex-assign": 2,
-    "no-extend-native": 2,
-    "no-extra-bind": 2,
-    "no-extra-boolean-cast": 2,
-    "no-extra-parens": 0,
-    "no-extra-semi": 0,
-    "no-extra-strict": 0,
-    "no-fallthrough": 2,
-    "no-floating-decimal": 2,
-    "no-func-assign": 2,
-    "no-implied-eval": 2,
-    "no-inline-comments": 0,
-    "no-inner-declarations": [2, "functions"],
-    "no-invalid-regexp": 2,
-    "no-irregular-whitespace": 2,
-    "no-iterator": 2,
-    "no-label-var": 2,
-    "no-labels": 2,
-    "no-lone-blocks": 0,
-    "no-lonely-if": 0,
-    "no-loop-func": 0,
-    "no-mixed-requires": 0,
-    "no-mixed-spaces-and-tabs": [2, false],
-    "no-multi-spaces": 2,
-    "no-multi-str": 2,
-    "no-multiple-empty-lines": [2, { "max": 1 }],
-    "no-native-reassign": 2,
-    "no-negated-in-lhs": 2,
-    "no-nested-ternary": 0,
-    "no-new": 2,
-    "no-new-func": 2,
-    "no-new-object": 2,
-    "no-new-require": 2,
-    "no-new-wrappers": 2,
-    "no-obj-calls": 2,
-    "no-octal": 2,
-    "no-octal-escape": 2,
-    "no-path-concat": 0,
+    "class-methods-use-this": 0,
     "no-plusplus": 0,
-    "no-process-env": 0,
-    "no-process-exit": 0,
-    "no-proto": 2,
-    "no-redeclare": 2,
-    "no-regex-spaces": 2,
-    "no-reserved-keys": 0,
-    "no-restricted-modules": 0,
-    "no-return-assign": 2,
-    "no-script-url": 0,
-    "no-self-compare": 2,
-    "no-sequences": 2,
-    "no-shadow": 0,
-    "no-shadow-restricted-names": 2,
-    "no-spaced-func": 2,
-    "no-sparse-arrays": 2,
-    "no-sync": 0,
-    "no-ternary": 0,
-    "no-throw-literal": 2,
-    "no-trailing-spaces": 2,
-    "no-undef": 2,
-    "no-undef-init": 2,
-    "no-undefined": 0,
-    "no-underscore-dangle": 0,
-    "no-unneeded-ternary": 2,
-    "no-unreachable": 2,
-    "no-unused-expressions": 0,
-    "no-unused-vars": [2, { "vars": "all", "args": "none" }],
-    "no-use-before-define": 2,
-    "no-var": 0,
-    "no-void": 0,
-    "no-warning-comments": 0,
-    "no-with": 2,
-    "one-var": 0,
-    "operator-assignment": 0,
-    "operator-linebreak": [2, "after"],
-    "padded-blocks": 0,
-    "quote-props": 0,
-    "quotes": [2, "single", "avoid-escape"],
-    "radix": 2,
-    "semi": [2, "always"],
-    "semi-spacing": 0,
-    "sort-vars": 0,
-    "space-before-blocks": [2, "always"],
-    "space-before-function-paren": [0, {"anonymous": "always", "named": "never"}],
-    "space-in-brackets": 0,
-    "space-in-parens": [2, "never"],
-    "space-infix-ops": 2,
-    "space-unary-ops": [2, { "words": true, "nonwords": false }],
-    "spaced-comment": [2, "always"],
-    "strict": 0,
-    "use-isnan": 2,
-    "valid-jsdoc": 0,
-    "valid-typeof": 2,
-    "vars-on-top": 0,
-    "wrap-iife": [2, "any"],
-    "wrap-regex": 0,
-    "yoda": [2, "never"]
+    "arrow-parens": 0
   }
 }

.travis.yml

@@ -6,7 +6,7 @@ install:
 script:
   - npm run go
 after_success:
-  - npm run nyc-report
+  - npm run coverage
 notifications:
   email:
     on_failure: change

examples/chapter03/index.html

@@ -5,6 +5,7 @@
     <title></title>
 </head>
 <body>
-<script src="index.js" type="module"></script>
+<script src="./../../dist/js/data-structures/Stack.js"></script>
+<script src="index.js"></script>
 </body>
 </html>

examples/chapter03/index.js

@@ -1,5 +1,8 @@
-import Stack from './../../src/js/data-structures/stack.js';
+// import Stack from './../../src/js/data-structures/stack.js'; // ES2015 modules
+// const Stack = require('../../dist/js/data-structures/Stack'); // node
+// none above for browser
 
-const stack = new Stack();
+// const s = new Stack();
+// s.push(1);
 
-console.log(stack);
+// console.log(s.isEmpty());

gulpfile.babel.js

@@ -14,19 +14,20 @@
   },
   "homepage": "https://github.com/loiane/javascript-datastructures-algorithms",
   "scripts": {
-    "gulp": "gulp",
-    "clean": "rm -rf ./dist; mkdir ./dist rm; rm -rf ./coverage",
-    "build:js": "babel src/js --presets babel-preset-es2015 --out-dir dist/js",
+    "clean": "rm -rf ./dist ./coverage ./.nyc_output",
+    "build:js": "babel src/js -d dist/js",
     "build:ts": "tsc",
     "build": "npm run build:js && npm run build:ts",
-    "test:js": "mocha --compilers js:babel-core/register --colors --recursive ./test/js/**/*.spec.js",
-    "test:ts": "mocha -r ts-node/register --colors --recursive ./test/ts/**/*.spec.ts",
+    "lint:js": "eslint src/js && eslint test/js",
+    "lint:ts": "tslint -c tslint.json 'src/ts/**/*.ts' && tslint -c tslint.json 'test/ts/**/*.ts'",
+    "lint": "npm run lint:js && npm run lint:ts",
+    "test:js": "mocha --compilers js:babel-core/register ./test/js/**/*.spec.js",
+    "test:ts": "mocha -r ts-node/register ./test/ts/**/*.spec.ts",
     "test": "npm run test:js && npm run test:ts",
-    "coverage:js": "./node_modules/.bin/istanbul cover --include-all-sources --root ./src/js ./node_modules/.bin/_mocha --recursive ./test/js/**/*.spec.js -- --compilers js:babel-core/register",
-    "nyc-report": "npm run coverage && nyc report --reporter=text-lcov > coverage.lcov && codecov",
-    "local": "npm run clean && npm run coverage && nyc report --reporter=text",
-    "coverage": "NODE_ENV=test nyc --report-dir coverage npm run test",
-    "go": "npm run clean && npm run build && npm run test"
+    "test:dev": "npm run clean && npm run generate-report",
+    "coverage": "npm run generate-report && nyc report --reporter=text-lcov > coverage.lcov && codecov",
+    "generate-report": "nyc --report-dir coverage npm run test && nyc report --reporter=text",
+    "go": "npm run clean && npm run lint && npm run build"
   },
   "nyc": {
     "include": [
@@ -55,24 +56,18 @@
     "babel-core": "^6.26.0",
     "babel-eslint": "^8.0.0",
     "babel-plugin-add-module-exports": "^0.2.1",
-    "babel-preset-es2015": "^6.24.1",
-    "babel-preset-es2016": "^6.24.1",
-    "babel-preset-es2017": "^6.24.1",
-    "babelify": "^7.3.0",
-    "browserify": "^14.4.0",
+    "babel-plugin-transform-es2015-modules-umd": "^6.24.1",
+    "babel-preset-env": "^1.6.0",
     "chai": "^4.1.2",
     "codecov": "^2.3.0",
-    "del": "^3.0.0",
     "eslint": "^4.6.1",
-    "event-stream": "^3.3.4",
-    "glob": "^7.1.2",
-    "gulp": "^3.9.1",
+    "eslint-config-airbnb-base": "^12.0.0",
+    "eslint-plugin-import": "^2.7.0",
     "istanbul": "^v1.1.0-alpha.1",
     "mocha": "^3.5.0",
     "nyc": "^11.2.1",
     "ts-node": "^3.3.0",
     "tslint": "^5.7.0",
-    "typescript": "^2.5.2",
-    "vinyl-source-stream": "^1.1.0"
+    "typescript": "^2.5.2"
   }
 }

package.json

@@ -1,42 +1,39 @@
-const Stack = (() => {
-  let items;
-  class DS {
-    constructor() {
-      items = [];
-    }
-    push(element) {
-      items.push(element);
-    }
-
-    pop() {
-      return items.pop();
-    }
-
-    peek() {
-      return items[items.length - 1];
-    }
-
-    isEmpty() {
-      return items.length === 0;
-    }
-
-    size() {
-      return items.length;
-    }
-
-    clear() {
-      items = [];
-    }
-
-    toArray() {
-      return items;
-    }
-
-    toString() {
-      return items.toString();
-    }
-  }
-  return DS;
-})();
-
-export default Stack;
+let items;
+export default class Stack {
+  constructor() {
+    items = [];
+  }
+  push(element) {
+    items.push(element);
+  }
+
+  pop() {
+    return items.pop();
+  }
+
+  peek() {
+    return items[items.length - 1];
+  }
+
+  isEmpty() {
+    return items.length === 0;
+  }
+
+  size() {
+    return items.length;
+  }
+
+  clear() {
+    items = [];
+  }
+
+  toArray() {
+    return items;
+  }
+
+  toString() {
+    return items.toString();
+  }
+}
+
+// export default Stack;

src/js/data-structures/stack.js

@@ -5,7 +5,7 @@ import Stack from '../../../src/js/data-structures/stack';
 describe('Stack', () => {
   let stack;
 
-  beforeEach(function() {
+  beforeEach(() => {
     stack = new Stack();
   });