Merge branch 'feature/webpack'

Author: raphaelpor

.eslintignore

@@ -1,3 +1,4 @@
-tests/*
-api/*
-examples/*
+tests
+api
+examples
+dist

.gitignore

@@ -2,3 +2,4 @@ node_modules
 .nyc_output
 coverage
 npm-debug.log
+dist

.npmignore

@@ -3,3 +3,4 @@ tests
 assets
 api
 docs
+src

package.json

@@ -15,27 +15,54 @@
     "url": "https://github.com/raphaelpor/fitch.js/issues"
   },
   "homepage": "https://github.com/raphaelpor/fitch.js#readme",
-  "main": "src/index.js",
+  "main": "dist/index.js",
   "dependencies": {
     "es6-promise": "^4.0.5",
     "fetch-everywhere": "^1.0.5"
   },
   "devDependencies": {
     "ava": "^0.16.0",
+    "babel-cli": "^6.18.0",
+    "babel-eslint": "^7.1.0",
+    "babel-loader": "^6.2.7",
+    "babel-preset-es2015": "^6.18.0",
+    "babel-preset-stage-2": "^6.18.0",
     "eslint": "^3.9.1",
     "eslint-config-airbnb": "^13.0.0",
     "eslint-plugin-import": "^2.2.0",
     "eslint-plugin-jsx-a11y": "^2.2.3",
     "eslint-plugin-react": "^6.6.0",
     "hapi": "^15.2.0",
-    "nyc": "^8.4.0"
+    "npm-run-all": "^3.1.1",
+    "nyc": "^8.4.0",
+    "rimraf": "^2.5.4",
+    "webpack": "^1.13.3"
   },
   "scripts": {
-    "start": "node ./api/index.js",
+    "build": "npm-run-all --parallel build:*",
+    "build:main": "babel --copy-files --out-dir dist src",
+    "build:umd": "webpack --output-filename index.umd.js --colors",
+    "build:umd.min": "webpack --output-filename index.umd.min.js -p --colors",
+    "check": "npm run lint && npm run test",
+    "clean": "rimraf dist coverage",
+    "coverage": "nyc ava ./tests/*",
+    "examples": "node ./examples/index.js",
+    "prebuild": "npm run check && npm run clean",
     "lint": "eslint src",
+    "start": "node ./api/index.js",
     "test": "ava ./tests/*",
-    "watch:test": "npm test -- -w",
-    "coverage": "nyc ava ./tests/*",
-    "examples": "node ./examples/index.js"
+    "watch:test": "npm test -- -w"
+  },
+  "babel": {
+    "presets": [
+      "es2015",
+      "stage-2"
+    ]
+  },
+  "ava": {
+    "require": [
+      "babel-register"
+    ],
+    "babel": "inherit"
   }
 }

src/config.js

@@ -1,54 +1,36 @@
-require('es6-promise').polyfill();
-require('fetch-everywhere');
+import 'fetch-everywhere';
 
-const config = require('./config');
-const params = require('./params');
+import request from './utils/request';
 
-module.exports = {
-  get(url, req) {
-    return this.request('GET', url, req);
-  },
+function get(url, req) {
+  return request('GET', url, req);
+}
 
-  post(url, req) {
-    return this.request('POST', url, req);
-  },
+function post(url, req) {
+  return request('POST', url, req);
+}
 
-  put(url, req) {
-    return this.request('PUT', url, req);
-  },
+function put(url, req) {
+  return request('PUT', url, req);
+}
 
-  patch(url, req) {
-    return this.request('PATCH', url, req);
-  },
+function patch(url, req) {
+  return request('PATCH', url, req);
+}
 
-  delete(url, req) {
-    return this.request('DELETE', url, req);
-  },
+function del(url, req) {
+  return request('DELETE', url, req);
+}
 
-  request(method, url, req = {}) {
-    let paramsEncoded = '';
-    if (req.params) {
-      paramsEncoded = params.transform(req.params);
-    }
+function error(err = '') {
+  console.log('Error >', err);
+}
 
-    const configObj = config.create(method, req);
-    const call = fetch(url + paramsEncoded, configObj);
-
-    return req.raw ? call : call.then(resp => this.check(resp, req.dataType));
-  },
-
-  check(resp, dataType = 'json') {
-    const typeList = ['arrayBuffer', 'blob', 'formData', 'json', 'text'];
-    const included = typeList.indexOf(dataType);
-
-    if (resp.ok && included !== -1) {
-      return resp[dataType]();
-    }
-
-    throw new Error(`${resp.status} - ${resp.statusText}.`);
-  },
-
-  error(err = '') {
-    console.log('Error >', err);
-  },
+export {
+  del,
+  error,
+  get,
+  patch,
+  post,
+  put,
 };

src/index.js

@@ -0,0 +1,14 @@
+import 'fetch-everywhere';
+
+function check(resp, dataType = 'json') {
+  const typeList = ['arrayBuffer', 'blob', 'formData', 'json', 'text'];
+  const included = typeList.indexOf(dataType);
+
+  if (resp.ok && included !== -1) {
+    return resp[dataType]();
+  }
+
+  throw new Error(`${resp.status} - ${resp.statusText}.`);
+}
+
+export default check;

src/params.js

@@ -0,0 +1,38 @@
+export default function createConfig(method, {
+    body,
+    cache = 'default',
+    credentials,
+    headers = { 'Content-Type': 'application/json' },
+    integrity,
+    mode = 'cors',
+    redirect,
+    referrer,
+    referrerPolicy,
+  } = {}) {
+  let data;
+
+  if (body) {
+    data = JSON.stringify(body);
+  }
+
+  const result = {
+    body: data,
+    cache,
+    credentials,
+    headers,
+    method,
+    mode,
+    redirect,
+    referrer,
+  };
+
+  if (integrity) {
+    result.integrity = integrity;
+  }
+
+  if (referrerPolicy) {
+    result.referrerPolicy = referrerPolicy;
+  }
+
+  return result;
+}

src/utils/check.js

@@ -0,0 +1,11 @@
+export default function transformParams(source) {
+  const list = [];
+
+  for (const key in source) {
+    if ({}.hasOwnProperty.call(source, key)) {
+      list.push(`${encodeURIComponent(key)}=${encodeURIComponent(source[key])}`);
+    }
+  }
+
+  return list.length ? `?${list.join('&')}` : '';
+}