clean up

Author: Oscar Lodriguez (OSV)

.gitattributes

@@ -2,14 +2,16 @@
 
 Use this playground to quickly scaffold a rxjs program that includes marble testing for scratchpad purposes
 
-# Usage 
+## Usage
+
 ```bash
-$ npm start
+npm start
 ```
 
-# TDD 
+## TDD
+
 ```bash
-$ npm test
+npm test
 ```
 
 Project will start on the specified port with watch mode, enjoy! 

README.md

@@ -9,11 +9,11 @@ import { scan } from "rxjs/operators/";
 
 const source = interval(2000);
 
-const sourceMessage = x => `rxjs logo spun ${x} times`;
-const messageElement = document.querySelector(".message");
+const sourceMessage = x => `rxjs logo spun ${ x } times`;
+const messageElement = document.querySelector('.message');
 
-const print = x => (messageElement.textContent = x);
+const log = x => (messageElement.textContent = x);
 
 source
-  .pipe(scan((rotation, count) => count + 1, 0))
-  .subscribe(x => print(sourceMessage(x)));
+  .pipe(scan((_, count) => count + 1, 0))
+  .subscribe(message => log(sourceMessage(message)));

main.ts

@@ -19,29 +19,37 @@
     "node": ">= 0.10.26",
     "npm": ">=1.4.3"
   },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm test"
+    }
+  },
   "scripts": {
-    "prestart": "npm i && webpack",
+    "prestart": "npm i",
     "start": "webpack-dev-server",
-    "test": "jest --watch"
+    "test": "jest",
+    "test:watch": "jest --watch"
   },
   "devDependencies": {
-    "@types/jest": "^25.1.4",
-    "@types/rx": "^4.1.1",
+    "@types/jest": "^25.2.3",
+    "@types/rx": "^4.1.2",
     "copy-webpack-plugin": "^5.1.1",
-    "css-loader": "^3.4.2",
+    "css-loader": "^3.6.0",
     "file-loader": "^5.1.0",
+    "html-loader": "^1.1.0",
     "html-webpack-plugin": "^3.2.0",
-    "jest": "^25.1.0",
-    "rxjs-marbles": "^5.0.4",
-    "style-loader": "^1.1.3",
-    "ts-jest": "^25.2.1",
-    "ts-loader": "^6.2.1",
-    "typescript": "^3.8.3",
-    "webpack": "^4.42.0",
-    "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.10.3"
+    "husky": "^4.2.5",
+    "jest": "^25.5.4",
+    "rxjs-marbles": "^5.0.6",
+    "style-loader": "^1.2.1",
+    "ts-jest": "^25.5.1",
+    "ts-loader": "^6.2.2",
+    "typescript": "^3.9.7",
+    "webpack": "^4.43.0",
+    "webpack-cli": "^3.3.12",
+    "webpack-dev-server": "^3.11.0"
   },
   "dependencies": {
-    "rxjs": "^6.5.4"
+    "rxjs": "^6.6.0"
   }
 }