webpack build for browser step added | build for npm step added (#9)

* webpack build for browser step added | build for npm step added

* package

* added babel-plugin module to package for travis

.babelrc

@@ -1,3 +1,4 @@
 {
-  "presets": ["es2015"]
-}
+  "presets": ["es2015"],
+  "plugins": ["babel-plugin-add-module-exports"]
+}

.eslintrc

@@ -11,7 +11,7 @@
         "no-mixed-spaces-and-tabs": 1,
         "eqeqeq": 1,
         "no-console": 0,
-       	"camelcase": 1,
+       	"camelcase": 0,
 		"comma-dangle": 2,
 		"quotes": 0
     }

gulpfile.js

@@ -2,12 +2,6 @@ var gulp = require("gulp");
 var eslint = require("gulp-eslint");
 var prettify = require('gulp-jsbeautifier');
 
-function lint(){
-  return gulp
-    .src("./**/*.js")
-    .pipe(eslint())
-    .pipe(eslint.format());
-}
 
 gulp.task('prettify', function() {
   gulp.src(['./src/**/*.js'])
@@ -23,13 +17,13 @@ gulp.task('prettify', function() {
     .pipe(gulp.dest('./src'));
 });
 
-gulp.task("lint", lint);
-
-gulp.task("watch", ["default"], function() {
-  gulp.watch("./src/**/*.js", ["lint"]);
-});
+gulp.task("lint", function(){
+    gulp.src("./src/**/*.js")
+    .pipe(eslint())
+    .pipe(eslint.format())
+    .pipe(eslint.failAfterError())
+  })
 
 //build this for npm
 
-
 gulp.task("default", ["lint", "prettify"]);

package.json

@@ -1,32 +1,34 @@
 {
   "name": "@cosmocochrane/giphy-web-sdk-core",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "",
   "main": "index.js",
   "scripts": {
-    "test": "npm run compile && mocha --compilers js:babel-core/register",
-    "compile": "babel -d lib/ src/",
-    "lint": "gulp default"
+    "test": "babel -d lib/ src/ && mocha --compilers js:babel-core/register",
+    "lint": "gulp default",
+    "build_for_npm": "gulp; babel -d lib/ src/",
+    "build_for_browser": "WEBPACK_ENV=build webpack"
   },
-  "author": "",
+  "author": "Cosmo Cochrane",
   "license": "ISC",
   "dependencies": {
+    "babel-plugin-add-module-exports": "^0.2.1",
     "es6-promise": "^4.1.0",
     "isomorphic-fetch": "^2.2.1",
     "lodash": "^4.17.4",
     "promise": "^7.1.1"
   },
   "devDependencies": {
     "babel-cli": "^6.24.1",
-    "gulp": "^3.9.1",
-    "chai": "^3.5.0",
-    "gulp-eslint": "^3.0.1",
+    "babel-core": "^6.24.1",
     "babel-eslint": "^7.2.3",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
-    "mocha": "^3.3.0",
-    "babel-core": "^6.24.1",
-    "gulp-jsbeautifier": "^2.1.0"
+    "chai": "^3.5.0",
+    "gulp": "^3.9.1",
+    "gulp-eslint": "^3.0.1",
+    "gulp-jsbeautifier": "^2.1.0",
+    "mocha": "^3.3.0"
   }
 }

src/handlers/RequestHandler.js

@@ -43,7 +43,7 @@ function RequestHandler(vals, endpoint, cb) {
         method: args.method,
         headers: {
           "Content-Type": "application/json"
-        },
+        }
       }).then((response) => { //calling the end function will send the actual request 
         if (canceled === true) {
           return

src/handlers/ResponseHandler.js

@@ -26,7 +26,6 @@
 
 
 
-var _ = require('lodash');
 var responseFormatter = require('../utils/responseFormatter');
 
 //handle status code and resolve/reject promise

src/utils/Image.js

@@ -36,7 +36,7 @@ var Image = function(data, id, rendition_type) {
     mp4_url: data.mp4 ? data.mp4 : null,
     mp4_size: data.mp4_size ? data.mp4_size : null,
     webp_url: data.webp_url ? data.webp_url : null,
-    webp_size: data.webp_size ? data.webp_size : null,
+    webp_size: data.webp_size ? data.webp_size : null
   })
 }
 

src/utils/Media.js

@@ -25,7 +25,6 @@
 */
 
 var Images = require('./Images');
-var Image = require('./Image');
 var User = require('./User');
 
 var Media = function(data) {

src/utils/responseFormatter.js

@@ -75,11 +75,6 @@ function responseFormatter(data, endpoint) {
             height: data.fixed_height_small_height,
             width: data.fixed_height_small_width
           },
-          fixed_height_downsampled: {
-            gif_url: data.fixed_height_small_url,
-            height: data.fixed_height_small_height,
-            width: data.fixed_height_small_width
-          },
           fixed_width_small: {
             gif_url: data.fixed_width_small_url,
             height: data.fixed_width_small_height,

webpack.config.js

@@ -0,0 +1,54 @@
+// webpack.config.js
+
+var webpack = require('webpack');
+var path = require('path');
+var libraryName = 'library';
+var outputFile = libraryName + '.js';
+
+var UglifyJsPlugin = webpack.optimize.UglifyJsPlugin;
+var env = process.env.WEBPACK_ENV;
+
+var libraryName = 'GphApiClient';
+var plugins = [];
+var outputFile;
+
+if (env === 'build') {
+  plugins.push(new UglifyJsPlugin({ minimize: true }));
+  outputFile = libraryName + '.min.js';
+} else {
+  outputFile = libraryName + '.js';
+}
+
+module.exports = {
+  entry: __dirname + '/src/GphApiClient.js',
+  devtool: 'source-map',
+  output: {
+    path: __dirname + '/build_for_browser',
+    filename: outputFile,
+    library: libraryName,
+    libraryTarget: 'umd',
+    umdNamedDefine: true
+  },
+  module: {
+    loaders: [
+      {
+        test: /(\.jsx|\.js)$/,
+        loader: 'babel-loader',
+        exclude: /(node_modules|bower_components)/
+      },
+      {
+        test: /(\.jsx|\.js)$/,
+        loader: "eslint-loader",
+        exclude: /node_modules/
+      }
+    ]
+  },
+  plugins: plugins,
+  resolve: {
+  modules: [
+       path.join(__dirname, "src"),
+       "node_modules"
+     ]  
+   }
+};
+