@selkirk-systems/fetch 0.1.0

package/.jshintrc

@@ -0,0 +1,125 @@
+{
+	// --------------------------------------------------------------------
+	// JSHint Nodeclipse Configuration v0.18 
+	// Strict Edition with some relaxations and switch to Node.js, no `use strict`
+	// by Ory Band, Michael Haschke, Paul Verest
+	// https://github.com/Nodeclipse/nodeclipse-1/blob/master/org.nodeclipse.ui/templates/common-templates/.jshintrc
+	// JSHint Documentation is at http://www.jshint.com/docs/options/
+	// JSHint Integration v0.9.10 comes with JSHInt 2.5.6 , see https://github.com/eclipsesource/jshint-eclipse
+	// --------------------------------------------------------------------
+	// from https://gist.github.com/haschek/2595796
+	//
+	// This is a options template for [JSHint][1], using [JSHint example][2]
+	// and [Ory Band's example][3] as basis and setting config values to
+	// be most strict:
+	//
+	// * set all enforcing options to true
+	// * set all relaxing options to false
+	// * set all environment options to false, except the node value
+	// * set all JSLint legacy options to false
+	//
+	// [1]: http://www.jshint.com/
+	// [2]: https://github.com/jshint/node-jshint/blob/master/example/config.json //404
+	// [3]: https://github.com/oryband/dotfiles/blob/master/jshintrc
+	// [4]: http://www.jshint.com/options/
+	//
+	// @author http://michael.haschke.biz/
+	// @license http://unlicense.org/
+	 
+	// == Enforcing Options ===============================================
+	//
+	// These options tell JSHint to be more strict towards your code. Use
+	// them if you want to allow only a safe subset of JavaScript, very
+	// useful when your codebase is shared with a big number of developers
+	// with different skill levels. Was all true.
+	 
+	"bitwise" : true, // Prohibit bitwise operators (&, |, ^, etc.).
+	"curly" : true, // Require {} for every new block or scope.
+	"eqeqeq" : true, // Require triple equals i.e. `===`.
+	"forin" : true, // Tolerate `for in` loops without `hasOwnPrototype`.
+	"immed" : true, // Require immediate invocations to be wrapped in parens e.g. `( function(){}() );`
+	"latedef" : true, // Prohibit variable use before definition.
+	"newcap" : true, // Require capitalization of all constructor functions e.g. `new F()`.
+	"noarg" : true, // Prohibit use of `arguments.caller` and `arguments.callee`.
+	"noempty" : true, // Prohibit use of empty blocks.
+	"nonew" : true, // Prohibit use of constructors for side-effects.
+	"plusplus" : false, // Prohibit use of `++` & `--`. //coding style related only
+	"regexp" : true, // Prohibit `.` and `[^...]` in regular expressions.
+	"undef" : true, // Require all non-global variables be declared before they are used.
+	"strict" : false, // Require `use strict` pragma in every file.
+	"trailing" : true, // Prohibit trailing whitespaces.
+	
+	// == Relaxing Options ================================================
+	//
+	// These options allow you to suppress certain types of warnings. Use
+	// them only if you are absolutely positive that you know what you are
+	// doing. Was all false.
+	"asi" : false, // Tolerate Automatic Semicolon Insertion (no semicolons).
+	"boss" : false, // Tolerate assignments inside if, for & while. Usually conditions & loops are for comparison, not assignments.
+	"debug" : false, // Allow debugger statements e.g. browser breakpoints.
+	"eqnull" : false, // Tolerate use of `== null`.
+	//"es5" : true, // Allow EcmaScript 5 syntax. // es5 is default https://github.com/jshint/jshint/issues/1411
+	"esnext" : false, // Allow ES.next (ECMAScript 6) specific features such as `const` and `let`.
+	"evil" : false, // Tolerate use of `eval`.
+	"expr" : false, // Tolerate `ExpressionStatement` as Programs.
+	"funcscope" : false, // Tolerate declarations of variables inside of control structures while accessing them later from the outside.
+	"globalstrict" : false, // Allow global "use strict" (also enables 'strict').
+	"iterator" : false, // Allow usage of __iterator__ property.
+	"lastsemic" : false, // Tolerat missing semicolons when the it is omitted for the last statement in a one-line block.
+	"laxbreak" : false, // Tolerate unsafe line breaks e.g. `return [\n] x` without semicolons.
+	"laxcomma" : true, // Suppress warnings about comma-first coding style.
+	"loopfunc" : false, // Allow functions to be defined within loops.
+	"maxerr" : 100, // This options allows you to set the maximum amount of warnings JSHint will produce before giving up. Default is 50.
+	"multistr" : false, // Tolerate multi-line strings.
+	"onecase" : false, // Tolerate switches with just one case.
+	"proto" : false, // Tolerate __proto__ property. This property is deprecated.
+	"regexdash" : false, // Tolerate unescaped last dash i.e. `[-...]`.
+	"scripturl" : false, // Tolerate script-targeted URLs.
+	"smarttabs" : false, // Tolerate mixed tabs and spaces when the latter are used for alignmnent only.
+	"shadow" : false, // Allows re-define variables later in code e.g. `var x=1; x=2;`.
+	"sub" : false, // Tolerate all forms of subscript notation besides dot notation e.g. `dict['key']` instead of `dict.key`.
+	"supernew" : false, // Tolerate `new function () { ... };` and `new Object;`.
+	"validthis" : false, // Tolerate strict violations when the code is running in strict mode and you use this in a non-constructor function.
+	
+	// == Environments ====================================================
+	//
+	// These options pre-define global variables that are exposed by
+	// popular JavaScript libraries and runtime environments—such as
+	// browser or node.js. TODO JSHint Documentation has more, but it is not clear since what JSHint version they appeared 
+	"browser" : false, // Standard browser globals e.g. `window`, `document`.
+	"couch" : false, // Enable globals exposed by CouchDB.
+	"devel" : false, // Allow development statements e.g. `console.log();`.
+	"dojo" : false, // Enable globals exposed by Dojo Toolkit.
+	"jquery" : false, // Enable globals exposed by jQuery JavaScript library.
+	"mootools" : false, // Enable globals exposed by MooTools JavaScript framework.
+	"node" : true, // Enable globals available when code is running inside of the NodeJS runtime environment.
+	"nonstandard" : false, // Define non-standard but widely adopted globals such as escape and unescape.
+	"phantom" : false, //?since version? This option defines globals available when your core is running inside of the PhantomJS runtime environment.
+	"prototypejs" : false, // Enable globals exposed by Prototype JavaScript framework.
+	"rhino" : false, // Enable globals available when your code is running inside of the Rhino runtime environment.
+	"worker" : false, //?since version? This option defines globals available when your code is running inside of a Web Worker.
+	"wsh" : false, // Enable globals available when your code is running as a script for the Windows Script Host.
+	"yui" : false, //?since version? This option defines globals exposed by the YUI JavaScript framework.
+	
+	// == JSLint Legacy ===================================================
+	//
+	// These options are legacy from JSLint. Aside from bug fixes they will
+	// not be improved in any way and might be removed at any point.
+	"nomen" : false, // Prohibit use of initial or trailing underbars in names.
+	"onevar" : false, // Allow only one `var` statement per function.
+	"passfail" : false, // Stop on first error.
+	"white" : false, // Check against strict whitespace and indentation rules.
+	
+	// == Undocumented Options ============================================
+	//
+	// While Michael have found these options in [example1][2] and [example2][3] (already gone 404)
+	// they are not described in the [JSHint Options documentation][4].
+	 
+	"predef" : [ // Extra globals.
+		//"exampleVar",
+		//"anotherCoolGlobal",
+		//"iLoveDouglas"
+		"Java", "JavaFX", "$ARG" //no effect
+	]
+	//,	"indent" : 2 // Specify indentation spacing
+}

package/.npmignore

@@ -0,0 +1,10 @@
+*.swp
+*~
+*.iml
+.*.haste_cache.*
+.DS_Store
+.idea
+.babelrc
+.eslintrc
+npm-debug.log
+lib

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Julian Ćwirko <julian.io>
+
+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.

package/README.md

@@ -0,0 +1,61 @@
+# Selkirk Fetch 
+
+This is a wrapper for [isomorphic-fetch](https://github.com/matthew-andrews/isomorphic-fetch).
+All options provided by isomorphic-fetch are available by default. 
+
+
+### Notes
+This wrapper abstracts some additional config that selkirk would use 90% of the time.
+All config options can be overridden if needed
+
+Config
+- All Data sent and received assumed to be JSON
+- Anything set to the body property is automatically JSON.stringify
+- Method "GET" is assumed if not provided
+- Responses from the server are processed into JSON objects automatically.
+- Errors in responses are also processed and will cause a "catch" to fire based on httpResponseCodes
+
+
+### Component Example
+
+```
+const Fetch = require('selkirk-fetch');
+
+Fetch('/api', {
+        method: 'put',
+        body  : user
+    })
+   .then((response)=> {
+        //response is already processed into a valid obj and can be used as such
+        
+       Dispatcher.handleViewAction({
+           actionType: Constants.USER_SUBMITTED,
+           item      : response
+       })
+   })
+   .catch((err)=> {
+        //valid httpResponseCodes that are considered errors will trigger a catch (500,401) etc.
+        
+       _onError(err);
+       Dispatcher.handleViewAction({
+           actionType: Constants.USER_SUBMIT_FAILED,
+       })
+   })
+
+```
+
+#### Boilerplate
+
+The package is based on [react-npm-boilerplate](https://github.com/juliancwirko/react-npm-boilerplate). This one is prepared to be used as a starter point for React components which needs to be published on Npm.
+
+It includes linting with [ESLint](http://eslint.org/) and testing with [Mocha](https://mochajs.org/), [Enzyme](http://airbnb.io/enzyme/) and [JSDOM](https://github.com/tmpvar/jsdom).
+
+Also there is of course ES6 transpilation.
+
+#### Basic Usage
+
+1. Clone this repo
+2. Inside cloned repo run `npm install`
+3. If you want to run tests: `npm test` or `npm run testonly` or `npm run test-watch`. You need to write tests in `__tests__` folder. You need at least Node 4 on your machine to run tests.
+4. If you want to run linting: `npm test` or `npm run lint`. Fix bugs: `npm run lint-fix`. You can adjust your `.eslintrc` config file.
+5. If you want to run transpilation to ES5 in `dist` folder: `npm run prepublish` (standard npm hook).

package/dist/exampleTests.js

@@ -0,0 +1,27 @@
+"use strict";
+
+// Demo component
+// this is only example component
+// you can find tests in __test__ folder
+
+var React = require("react");
+var DOM = require('react-dom');
+
+var MyComponent = React.createClass({
+    displayName: "MyComponent",
+    componentDidMount: function componentDidMount() {
+        // some logic here - we only test if the method is called
+    },
+    render: function render() {
+        return React.createElement(
+            "div",
+            { className: "my-component" },
+            React.createElement("i", { className: "icon-test" }),
+            React.createElement("i", { className: "icon-test" }),
+            React.createElement("i", { className: "icon-test" }),
+            React.createElement("button", { onClick: this.props.handleClick, type: "button" })
+        );
+    }
+});
+
+module.exports = MyComponent;

package/dist/index.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var Assign = require("object-assign");
+var Promise = require("bluebird");
+
+require('es6-promise').polyfill();
+require('isomorphic-fetch');
+
+var _networkTimer = null;
+
+function _checkFetchStatus(response) {
+    if (response.status >= 200 && response.status < 300) {
+        return response.json();
+    } else {
+        var error = new Error(response.statusText);
+        return response.json().then(function (result) {
+            error.response = result;
+            throw error;
+        });
+    }
+}
+
+function _invokeFetch(url, props) {
+    if (!url) {
+        throw new Error("fetch:Missing Parameter - URL");
+    }
+
+    var options = Assign({
+        method: "GET",
+        credentials: 'same-origin',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json'
+        }
+    }, props);
+
+    if (_networkTimer) {
+        return new Promise(function (resolve, reject) {
+            setTimeout(resolve, _networkTimer);
+        });
+    }
+
+    if (options.body) options.body = JSON.stringify(options.body);
+
+    return fetch(url, options).then(_checkFetchStatus);
+}
+module.exports = function (dispatcher, params) {
+    if (!dispatcher) return _invokeFetch;
+
+    var options = Assign({
+        lastErrorEvent: "LAST_ERROR_EVENT",
+        errorID: null
+    }, params);
+
+    return function (url, props, responseEvent) {
+        return _invokeFetch(url, props).then(function (response) {
+
+            if (!responseEvent) return null;
+
+            dispatcher.handleViewAction({
+                actionType: responseEvent,
+                item: response
+            });
+
+            return response;
+        }).catch(function (err) {
+            console.error(new Error("Fetch - " + options.errorID || ""), err);
+            dispatcher.handleViewAction({
+                actionType: options.lastErrorEvent,
+                item: { error: err, id: options.errorID }
+            });
+        });
+    };
+};

package/gulpfile.js

@@ -0,0 +1,11 @@
+var gulp = require('gulp');
+var bambooUtil = require('@selkirk-systems/bamboo-util')();
+var concat = require('gulp-concat');
+
+gulp.task('projectInit', bambooUtil.projectInit);
+gulp.task('npmPublish', bambooUtil.npmPublish);
+gulp.task('concatCss', function () {
+    return gulp.src('./src/css/*.css')
+    .pipe(concat('form-controls.css'))
+    .pipe(gulp.dest('./dist/css/'));
+});

package/index.js

@@ -0,0 +1 @@
+module.exports = require('./dist/index');

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@selkirk-systems/fetch",
+  "version": "0.1.0",
+  "description": "A wrapper on fetch-polyfill that will work for server and client environments",
+  "selkirk": {
+    "bambooDeploy": "npm",
+    "bambooKey": "EDF",
+    "bambooUrl": [
+      "http://bamboo5.selkirksystems.com/browse/RCB-EDFDEF",
+      "http://bamboo5.selkirksystems.com/browse/RCB-EDFPUB"
+    ]
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://bitbucket.org/selkirk/selkirk-fetch.git"
+  },
+  "author": "Marcos Bernal <mbernal@selkirksystems.com>",
+  "contributors": [
+    {
+      "name": "Marcos Bernal",
+      "email": "mbernal@selkirksystems.com"
+    }
+  ],
+  "homepage": "https://bitbucket.org/selkirk/selkirk-fetch/wiki/Home",
+  "keywords": [
+    "react-component",
+    "react",
+    "utility"
+  ],
+  "scripts": {
+    "prepublish": "babel src --ignore __tests__ --out-dir ./dist",
+    "lint": "eslint ./src",
+    "lintfix": "eslint ./src --fix",
+    "testonly": "mocha --require scripts/mocha_runner src/**/__tests__/**/*.js",
+    "test": "npm run lint && npm run testonly",
+    "test-watch": "npm run testonly -- --watch --watch-extensions js"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.6.4",
+    "babel-core": "^6.7.4",
+    "babel-eslint": "^6.0.2",
+    "babel-plugin-transform-es2015-modules-umd": "^6.6.5",
+    "babel-polyfill": "^6.7.4",
+    "babel-preset-es2015": "^6.6.0",
+    "babel-preset-react": "^6.5.0",
+    "babel-preset-stage-2": "^6.5.0",
+    "babelify": "^7.3.0",
+    "@selkirk-systems/bamboo-util": "~1.2.0",
+    "chai": "^3.5.0",
+    "enzyme": "^2.2.0",
+    "eslint": "^2.7.0",
+    "eslint-plugin-babel": "^3.1.0",
+    "eslint-plugin-react": "^4.2.3",
+    "gulp": "^3.9.1",
+    "gulp-concat": "^2.6.0",
+    "jsdom": "^8.1.0",
+    "mocha": "^2.4.5",
+    "nodemon": "^1.9.1",
+    "react-addons-test-utils": "^15.0.0",
+    "sinon": "^1.17.3"
+  },
+  "dependencies": {
+    "babel-runtime": "^6.6.1",
+    "bluebird": "^3.4.6",
+    "es6-promise": "^3.2.1",
+    "isomorphic-fetch": "^2.2.1",
+    "object-assign": "^4.1.0"
+  }
+}

package/scripts/mocha_runner.js

@@ -0,0 +1,21 @@
+var jsdom = require('jsdom').jsdom;
+
+var exposedProperties = ['window', 'navigator', 'document'];
+
+global.document = jsdom('');
+global.window = document.defaultView;
+Object.keys(document.defaultView).forEach((property) => {
+    if (typeof global[property] === 'undefined') {
+        exposedProperties.push(property);
+        global[property] = document.defaultView[property];
+    }
+});
+
+global.navigator = {
+    userAgent: 'node.js'
+};
+
+documentRef = document;
+
+require('babel-core/register');
+require('babel-polyfill');

package/src/__tests__/index.js

@@ -0,0 +1,61 @@
+/*
+import React from 'react';
+
+import {shallow, mount, render} from 'enzyme';
+import {expect} from 'chai';
+import sinon from 'sinon';
+
+import MyComponent from '../exampleTests';
+
+// Demo tests
+
+// Shallow Rendering
+// https://github.com/airbnb/enzyme/blob/master/docs/api/shallow.md
+describe('Shallow Rendering', () => {
+
+    it('to have three `.icon-test`s', () => {
+        const wrapper = shallow(<MyComponent />);
+        expect(wrapper.find('.icon-test')).to.have.length(3);
+    });
+
+    it('simulates click events', () => {
+        const buttonClick = sinon.spy();
+        const wrapper = shallow(
+          <MyComponent handleClick={buttonClick} />
+        );
+        wrapper.find('button').simulate('click');
+        expect(buttonClick.calledOnce).to.equal(true);
+    });
+
+});
+
+// Full DOM Rendering
+// https://github.com/airbnb/enzyme/blob/master/docs/api/mount.md
+describe('Full DOM Rendering', () => {
+
+    it('allows us to set props', () => {
+        const wrapper = mount(<MyComponent bar='baz' />);
+        expect(wrapper.props().bar).to.equal('baz');
+        wrapper.setProps({ bar: 'foo' });
+        expect(wrapper.props().bar).to.equal('foo');
+    });
+
+    it('calls componentDidMount', () => {
+        sinon.spy(MyComponent.prototype, 'componentDidMount');
+        const wrapper = mount(<MyComponent />);
+        expect(MyComponent.prototype.componentDidMount.calledOnce).to.be.true;
+        MyComponent.prototype.componentDidMount.restore();
+    });
+
+});
+
+// Static Rendered Markup
+// https://github.com/airbnb/enzyme/blob/master/docs/api/render.md
+describe('Static Rendered Markup', () => {
+
+    it('renders three `.icon-test`s', () => {
+        const wrapper = render(<MyComponent />);
+        expect(wrapper.find('.icon-test').length).to.equal(3);
+    });
+
+});*/

package/src/exampleTests.js

@@ -0,0 +1,26 @@
+// Demo component
+// this is only example component
+// you can find tests in __test__ folder
+
+const React = require("react");
+const DOM = require('react-dom');
+
+const MyComponent = React.createClass({
+    componentDidMount() {
+        // some logic here - we only test if the method is called
+    },
+    render() {
+        return(
+            <div className="my-component">
+                <i className="icon-test"></i>
+                <i className="icon-test"></i>
+                <i className="icon-test"></i>
+                <button onClick={this.props.handleClick} type="button"></button>
+            </div>
+        )
+    }
+
+});
+
+
+module.exports = MyComponent;

package/src/index.js

@@ -0,0 +1,76 @@
+const Assign = require("object-assign");
+const Promise = require("bluebird");
+
+require('es6-promise').polyfill();
+require('isomorphic-fetch');
+
+const _networkTimer = null;
+
+function _checkFetchStatus(response) {
+   if (response.status >= 200 && response.status < 300) {
+      return response.json()
+   } else {
+      var error = new Error(response.statusText);
+       return response.json().then((result)=>{
+           error.response = result;
+           throw error;
+       });
+   }
+}
+
+function _invokeFetch(url,props) {
+   if(!url) {
+      throw new Error("fetch:Missing Parameter - URL");
+   }
+
+   var options = Assign({
+      method:"GET",
+      credentials:'same-origin',
+      headers: {
+         'Accept': 'application/json',
+         'Content-Type': 'application/json'
+      }
+   },props);
+
+   if(_networkTimer){
+      return new Promise((resolve,reject)=>{
+         setTimeout(resolve,_networkTimer);
+      })
+   }
+
+   if(options.body)options.body = JSON.stringify(options.body);
+
+   return fetch(url, options)
+      .then(_checkFetchStatus)
+}
+module.exports = function(dispatcher,params){
+    if(!dispatcher) return _invokeFetch;
+    
+    const options = Assign({
+        lastErrorEvent:"LAST_ERROR_EVENT",
+        errorID: null
+    }, params);
+    
+    return function(url,props,responseEvent){
+        return _invokeFetch(url,props)
+            .then((response)=>{
+            
+                if(!responseEvent) return null;
+            
+                dispatcher.handleViewAction({
+                    actionType: responseEvent,
+                    item: response
+                });
+                
+                return response;
+            })
+            .catch((err)=>{
+                console.error(new Error("Fetch - " + options.errorID ||""),err);
+                dispatcher.handleViewAction({
+                    actionType: options.lastErrorEvent,
+                    item: {error:err,id:options.errorID}
+                });
+                
+            })
+    }
+};