INF is here

Author: peter-mach

.babelrc

@@ -0,0 +1,19 @@
+{
+  "stage": 0,
+  "env": {
+    "development": {
+      "plugins": [
+        "react-transform"
+      ],
+      "extra": {
+        "react-transform": {
+          "transforms": [{
+            "transform": "react-transform-hmr",
+            "imports": ["react"],
+            "locals":  ["module"]
+          }]
+        }
+      }
+    }
+  }
+}

.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc

@@ -0,0 +1,63 @@
+{
+  "parser": "babel-eslint",
+  "extends": "eslint:recommended",
+  "plugins": [
+    "react"
+  ],
+  "env": {
+    "es6": true,
+    "browser": true,
+    "node": true,
+    "jquery": true,
+    "mocha": true
+  },
+  "ecmaFeatures": {
+    "jsx": true,
+    "modules": true
+  },
+  "rules": {
+    "quotes": 0,
+    "no-debugger": 1,
+    "semi": [1, "always"],
+    "no-trailing-spaces": 0,
+    "eol-last": 0,
+    "no-unused-vars": 0,
+    "no-underscore-dangle": 0,
+    "no-alert": 0,
+    "no-lone-blocks": 0,
+    "jsx-quotes": 1,
+    "react/display-name": [ 1, {"acceptTranspilerName": true }],
+    "react/forbid-prop-types": [1, {"forbid": "any"}],
+    "react/jsx-boolean-value": 1,
+    "react/jsx-closing-bracket-location": 0,
+    "react/jsx-curly-spacing": 1,
+    "react/jsx-indent-props": 0,
+    "react/jsx-key": 1,
+    "react/jsx-max-props-per-line": 0,
+    "react/jsx-no-bind": 0,
+    "react/jsx-no-duplicate-props": 1,
+    "react/jsx-no-literals": 0,
+    "react/jsx-no-undef": 1,
+    "react/jsx-pascal-case": 1,
+    "react/jsx-sort-prop-types": 0,
+    "react/jsx-sort-props": 0,
+    "react/jsx-uses-react": 1,
+    "react/jsx-uses-vars": 1,
+    "react/no-danger": 1,
+    "react/no-did-mount-set-state": 1,
+    "react/no-did-update-set-state": 1,
+    "react/no-direct-mutation-state": 1,
+    "react/no-multi-comp": 1,
+    "react/no-set-state": 1,
+    "react/no-unknown-property": 1,
+    "react/prefer-es6-class": 1,
+    "react/prop-types": 1,
+    "react/react-in-jsx-scope": 1,
+    "react/require-extension": 1,
+    "react/self-closing-comp": 1,
+    "react/sort-comp": 1,
+    "react/wrap-multilines": 1
+  },
+  "globals": {
+  }
+}

.gitignore

@@ -0,0 +1,36 @@
+# Logs
+logs
+*.log
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
+node_modules
+
+#dist folder
+dist
+
+#Webstorm metadata
+.idea
+
+# Mac files
+.DS_Store

.npmrc

@@ -0,0 +1 @@
+save-exact=true

LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Cory House
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

README.md

@@ -0,0 +1,45 @@
+# INF
+
+Based on React Slingshot. Tech includes:
+
+| **Tech** | **Description** |**Learn More**|
+|----------|-------|---|
+|  [React](https://facebook.github.io/react/)  |   Fast, composable client-side components.    | [Pluralsight Course](https://www.pluralsight.com/courses/react-flux-building-applications)  |
+|  [Redux](http://redux.js.org) |  Enforces unidirectional data flows and immutable, hot reloadable store. Lean alternative to [Facebook's Flux](https://facebook.github.io/flux/docs/overview.html).| [Tutorial](https://egghead.io/series/getting-started-with-redux)    |
+|  [Babel](http://babeljs.io) |  Compiles ES6 to ES5. Enjoy the new version of JavaScript today.     | [ES6 REPL](https://babeljs.io/repl/), [ES6 vs ES5](http://es6-features.org), [ES6 Katas](http://es6katas.org), [Pluralsight course](https://www.pluralsight.com/courses/javascript-fundamentals-es6)    |
+| [Webpack](http://webpack.github.io) | Bundles npm packages and our JS into a single file. Includes hot reloading via [react-transform-hmr](https://www.npmjs.com/package/react-transform-hmr). | [Pluralsight Course](https://www.pluralsight.com/courses/webpack-fundamentals)|
+| [Browsersync](https://www.browsersync.io/) | Lightweight development HTTP server that supports synchronized testing and debugging on multiple devices. | [Intro vid](https://www.youtube.com/watch?time_continue=1&v=heNWfzc7ufQ)|
+| [Mocha](http://mochajs.org) | Automated tests with [Chai](http://chaijs.com/) for assertions and [Cheerio](https://www.npmjs.com/package/cheerio) for DOM testing without a browser using Node. | [Pluralsight Course](https://www.pluralsight.com/courses/testing-javascript) |
+| [TrackJS](https://trackjs.com/) | JavaScript error tracking. | [Free trial](https://my.trackjs.com/signup)|
+| [ESLint](http://eslint.org/)| Lint JS. Reports syntax and style issues. Using [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react) for additional React specific linting rules. | |
+| [SASS](http://sass-lang.com/) | Compiled CSS styles with variables, functions, and more. | [Pluralsight Course](https://www.pluralsight.com/courses/better-css)|
+| [Editor Config](http://editorconfig.org) | Enforce consistent editor settings (spaces vs tabs, etc). | [IDE Plugins](http://editorconfig.org/#download) |
+| [npm Scripts](https://docs.npmjs.com/misc/scripts)| Glues all this together in a handy automated build. | [Pluralsight course](https://www.pluralsight.com/courses/npm-build-tool-introduction)  |
+
+The starter kit includes a working example app that puts all of the above to use.
+
+## Get Started
+1. **Initial Machine Setup**. First time running the starter kit? Then complete the [Initial Machine Setup](https://github.com/coryhouse/react-slingshot#initial-machine-setup).
+2. **Clone the project**. `git clone https://github.com/coryhouse/react-slingshot.git`.
+3. **Install Node packages**. `npm install`
+4. **Run the example app**. `npm start -s`
+This will run the automated build process, start up a webserver, and open the application in your default browser. When doing development with this kit, you'll want to keep the command line open at all times so that your code is rebuilt and tests run automatically every time you hit save. Note: The -s flag is optional. It enables silent mode which supresses unnecessary messages during the build.
+5. **Review the example app.** This starter kit includes a working example app that calculates fuel savings. Note how all source code is placed under /src. Tests are placed alongside the file under test. The final built app is placed under /dist. These are the files you run in production.
+6. **Delete the example app files.** Once you're comfortable with how the example app works, you can [delete those files and begin creating your own app](https://github.com/coryhouse/react-slingshot#i-just-want-an-empty-starter-kit). You can always refer to this repo for the example app code that you deleted.
+
+| **Script** | **Description** |
+|----------|-------|
+| prestart | Runs automatically before start. Calls remove-dist script which deletes the dist folder. This helps remind you to run the build script before committing since the dist folder will be deleted if you dont. ;) |
+| start | Runs tests, lints, starts dev webserver, and opens the app in your default browser. |
+| open | Opens the app in your default browser. |
+| lint | Runs ESLint. |
+| lint:watch | Runs ESLint and watches all files so that they are automatically linted upon save. |
+| clean-dist | Removes everything from the dist folder. |
+| remove-dist | Deletes the dist folder. |
+| create-dist | Creates the dist folder and the necessary subfolders. |
+| build:html | Adds trackJS tracking script and copies to /dist. |
+| build:sass | Compiles SASS, minifies, generates sourcemap, and stores in /dist. |
+| prebuild | Runs automatically before build script (due to naming convention). Cleans dist folder, builds html, and builds sass. |
+| build | Bundles all JavaScript using webpack and writes it to /dist. |
+| build:verbose | Same as above, but verbose so you can see all the details happening including warnings. |
+| test | Runs tests (files ending in .spec.js) using Mocha and outputs results to the command line. Watches all files so tests are re-run upon save. |

package.json

@@ -0,0 +1,62 @@
+{
+  "name": "INF",
+  "version": "1.0.0",
+  "description": "INF - calculate real cost of company purchases",
+  "scripts": {
+    "prestart": "npm run remove-dist",
+    "start": "parallelshell \"npm run test:watch\" \"npm run open\"",
+    "open": "node tools/server.js",
+    "lint": "eslint src",
+    "lint:watch": "watch 'npm run lint' src",
+    "clean-dist": "npm run remove-dist && npm run create-dist",
+    "remove-dist": "node_modules/.bin/rimraf ./dist",
+    "create-dist": "mkdir dist && cd dist && mkdir js && mkdir styles",
+    "build:html": "node tools/buildHtml.js",
+    "build:sass": "node-sass --quiet --output dist/styles src/styles/styles.scss --source-map true --output-style compressed",
+    "prebuild": "npm run clean-dist && npm run build:html && npm run build:sass",
+    "build": "npm run test && npm run build:verbose -- -s",
+    "build:verbose": "node tools/build.js",
+    "test": "cross-env NODE_ENV=test mocha --reporter progress --compilers js:babel/register --recursive \"./src/**/*.spec.js\"",
+    "test:watch": "npm run test -- --watch"
+  },
+  "author": "Piotr Machowski",
+  "license": "MIT",
+  "dependencies": {
+    "normalize.css": "3.0.3",
+    "react": "0.14.0",
+    "react-dom": "0.14.0",
+    "react-redux": "4.0.0",
+    "redux": "3.0.4"
+  },
+  "devDependencies": {
+    "babel": "5.8.23",
+    "babel-eslint": "4.1.6",
+    "babel-loader": "5.1.4",
+    "babel-plugin-react-display-name": "2.0.0",
+    "babel-plugin-react-transform": "1.1.1",
+    "browser-sync": "2.10.0",
+    "chai": "3.3.0",
+    "cheerio": "0.19.0",
+    "colors": "1.1.2",
+    "cross-env": "1.0.6",
+    "css-loader": "0.23.0",
+    "eslint": "1.10.3",
+    "eslint-loader": "1.1.1",
+    "eslint-plugin-react": "3.10.0",
+    "file-loader": "0.8.5",
+    "mocha": "2.3.3",
+    "node-sass": "3.4.2",
+    "parallelshell": "2.0.0",
+    "react-transform-catch-errors": "1.0.0",
+    "react-transform-hmr": "1.0.1",
+    "redbox-react": "1.2.0",
+    "rimraf": "2.5.0",
+    "sass-loader": "3.1.2",
+    "style-loader": "0.12.3",
+    "watch": "0.16.0",
+    "webpack": "1.12.9",
+    "webpack-dev-middleware": "1.4.0",
+    "webpack-hot-middleware": "2.6.0",
+    "yargs": "3.31.0"
+  }
+}

src/actions/infAppActions.js

@@ -0,0 +1,21 @@
+import * as actionTypes from '../constants/actionTypes';
+
+export function saveCalculation() {
+  return { type: actionTypes.SAVE_CALCULATION };
+}
+
+export function deleteCalculation(key) {
+  return { type: actionTypes.DELETE_CALCULATION, key };
+}
+
+export function changeCalculationName(key, name) {
+  return { type: actionTypes.CHANGE_CALCULATION_NAME, key, name };
+}
+
+export function calculatePrice(key, value) {
+  return { type: actionTypes.CALCULATE_PRICE, key, value };
+}
+
+export function filterCalculations(filter) {
+  return { type: actionTypes.FILTER_CALCULATIONS, filter };
+}

src/actions/infAppActions.spec.js

@@ -0,0 +1,64 @@
+import * as actions from './infAppActions';
+import * as actionTypes from '../constants/actionTypes';
+
+import chai from 'chai';
+chai.should();
+
+describe('Actions', () => {
+  it('should create an action to save calculation', () => {
+    const expectedAction = {
+      type: actionTypes.SAVE_CALCULATION
+    };
+
+    //assert
+    actions.saveCalculation().should.deep.equal(expectedAction);
+  });
+
+  it('should create an action to delete calculation', () => {
+    const key = 'key';
+    const expectedAction = {
+      type: actionTypes.DELETE_CALCULATION,
+      key
+    };
+
+    //assert
+    actions.deleteCalculation(key).should.deep.equal(expectedAction);
+  });
+
+  it('should create an action to change calculation name', () => {
+    const key = 'key';
+    const name = 'name';
+    const expectedAction = {
+      type: actionTypes.CHANGE_CALCULATION_NAME,
+      key,
+      name
+    };
+
+    //assert
+    actions.changeCalculationName(key, name).should.deep.equal(expectedAction);
+  });
+
+  it('should create an action to calculate the price', () => {
+    const key = 'key';
+    const value = 12;
+    const expectedAction = {
+      type: actionTypes.CALCULATE_PRICE,
+      key,
+      value
+    };
+
+    //assert
+    actions.calculatePrice(key, value).should.deep.equal(expectedAction);
+  });
+
+  it('should create an action to filter calculation list', () => {
+    const filter = 'filter';
+    const expectedAction = {
+      type: actionTypes.FILTER_CALCULATIONS,
+      filter
+    };
+
+    //assert
+    actions.filterCalculations(filter).should.deep.equal(expectedAction);
+  });
+});

src/businessLogic/infCalculator.js

@@ -0,0 +1,16 @@
+import mathHelper from '../helpers/mathHelper';
+import NumberFormatter from '../helpers/numberFormatter';
+
+export default function infCalculator() {
+    //private
+    function calculateCost (price, tax, vat) {
+        let net = price / (1 + vat);
+        let cost = net * (1 - tax);
+        return cost;
+    }
+
+    //public
+    return {
+        calculateCost: calculateCost
+    };
+}