react-progress-bar-plus - npm Package Compare versions

Comparing version 0.2.3 to 1.0.0

bower.json

 {
   "name": "react-progress-bar-plus",
-  "version": "0.2.3",
+  "version": "1.0.0",
   "description": "Progress bar component for ReactJS.",
@@ -23,5 +23,3 @@ "main": ["dist/progress-bar.css", "dist/react-progress-bar-plus.js"],
   "dependencies": {},
-  "devDependencies": {
-    "bootstrap-customize": "~3.3.4"
-  }
+  "devDependencies": {}
 }

dist/react-progress-bar-plus.js

@@ -1,6 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ReactProgressBarPlus=t(require("react")):e.ReactProgressBarPlus=t(e.React)}(this,function(e){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),a=n(o);t["default"]=a["default"],e.exports=t["default"]},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),u=function(e,t,r){for(var n=!0;n;){var o=e,a=t,i=r;n=!1,null===o&&(o=Function.prototype);var u=Object.getOwnPropertyDescriptor(o,a);if(void 0!==u){if("value"in u)return u.value;var s=u.get;if(void 0===s)return;return s.call(i)}var c=Object.getPrototypeOf(o);if(null===c)return;e=c,t=a,r=i,n=!0,u=c=void 0}},s=r(2),c=n(s),p=r(3),l=n(p),f=function(e){function t(){var e=this;o(this,t),u(Object.getPrototypeOf(t.prototype),"constructor",this).apply(this,arguments),this.state={percent:this.props.percent},this.increment=function(){var t=e.state.percent+(Math.random()+1-Math.random());t=99>t?t:99,e.setState({percent:t})},this.handleProps=function(t){t.autoIncrement&&t.percent>=0&&t.percent<99&&(e.interval=setInterval(e.increment,t.intervalTime)),t.percent>=100?e.setState({percent:99.9},function(){e.timeout=setTimeout(function(){e.setState({percent:-1})},400)}):e.setState({percent:t.percent})},this.componentDidMount=function(){e.handleProps(e.props)},this.componentWillReceiveProps=function(t){e.interval&&clearInterval(e.interval),e.timeout&&clearTimeout(e.timeout),e.handleProps(t)},this.componentWillUnmount=function(){e.interval&&clearInterval(e.interval),e.timeout&&clearTimeout(e.timeout)}}return a(t,e),i(t,[{key:"render",value:function(){var e=(0,l["default"])({"react-progress-bar":!0,"react-progress-bar-on-top":this.props.onTop,"react-progress-bar-hide":this.state.percent<0||this.state.percent>=100}),t={width:(this.state.percent<0?0:this.state.percent)+"%"};return c["default"].createElement("div",{className:e},c["default"].createElement("div",{className:"react-progress-bar-percent",style:t}),c["default"].createElement("div",{className:"react-progress-bar-spinner"},c["default"].createElement("div",{className:"react-progress-bar-spinner-icon"})))}}],[{key:"propTypes",value:{percent:c["default"].PropTypes.number.isRequired,onTop:c["default"].PropTypes.bool,autoIncrement:c["default"].PropTypes.bool,intervalTime:c["default"].PropTypes.number},enumerable:!0},{key:"defaultProps",value:{percent:-1,onTop:!1,autoIncrement:!1,intervalTime:200},enumerable:!0}]),t}(c["default"].Component);t["default"]=f,e.exports=t["default"]},function(t,r){t.exports=e},function(e,t,r){var n,o;/*!
-	  Copyright (c) 2015 Jed Watson.
-	  Licensed under the MIT License (MIT), see
-	  http://jedwatson.github.io/classnames
-	*/
-!function(){"use strict";function r(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];if(n){var o=typeof n;if("string"===o||"number"===o)e+=" "+n;else if(Array.isArray(n))e+=" "+r.apply(null,n);else if("object"===o)for(var i in n)a.call(n,i)&&n[i]&&(e+=" "+i)}}return e.substr(1)}var a={}.hasOwnProperty;"undefined"!=typeof e&&e.exports?e.exports=r:(n=[],o=function(){return r}.apply(t,n),!(void 0!==o&&(e.exports=o)))}()}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ReactProgressBarPlus=t(require("react")):e.ReactProgressBarPlus=t(e.React)}(this,function(e){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),a=n(o);t["default"]=a["default"],e.exports=t["default"]},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),u=function(e,t,r){for(var n=!0;n;){var o=e,a=t,i=r;n=!1,null===o&&(o=Function.prototype);var u=Object.getOwnPropertyDescriptor(o,a);if(void 0!==u){if("value"in u)return u.value;var c=u.get;if(void 0===c)return;return c.call(i)}var s=Object.getPrototypeOf(o);if(null===s)return;e=s,t=a,r=i,n=!0,u=s=void 0}},c=r(2),s=n(c),p=r(3),l=n(p),f=function(e){function t(){var e=this;o(this,t),u(Object.getPrototypeOf(t.prototype),"constructor",this).apply(this,arguments),this.state={percent:this.props.percent},this.increment=function(){var t=e.state.percent+(Math.random()+1-Math.random());t=99>t?t:99,e.setState({percent:t})},this.handleProps=function(t){t.autoIncrement&&t.percent>=0&&t.percent<99&&(e.interval=setInterval(e.increment,t.intervalTime)),t.percent>=100?e.setState({percent:99.9},function(){e.timeout=setTimeout(function(){e.setState({percent:-1})},400)}):e.setState({percent:t.percent})},this.componentDidMount=function(){e.handleProps(e.props)},this.componentWillReceiveProps=function(t){e.interval&&clearInterval(e.interval),e.timeout&&clearTimeout(e.timeout),e.handleProps(t)},this.componentWillUnmount=function(){e.interval&&clearInterval(e.interval),e.timeout&&clearTimeout(e.timeout)}}return a(t,e),i(t,[{key:"render",value:function(){var e=(0,l["default"])({"react-progress-bar":!0,"react-progress-bar-on-top":this.props.onTop,"react-progress-bar-hide":this.state.percent<0||this.state.percent>=100}),t={width:(this.state.percent<0?0:this.state.percent)+"%"};return s["default"].createElement("div",{className:e},s["default"].createElement("div",{className:"react-progress-bar-percent",style:t}),s["default"].createElement("div",{className:"react-progress-bar-spinner"},s["default"].createElement("div",{className:"react-progress-bar-spinner-icon"})))}}],[{key:"propTypes",value:{percent:s["default"].PropTypes.number.isRequired,onTop:s["default"].PropTypes.bool,autoIncrement:s["default"].PropTypes.bool,intervalTime:s["default"].PropTypes.number},enumerable:!0},{key:"defaultProps",value:{percent:-1,onTop:!1,autoIncrement:!1,intervalTime:200},enumerable:!0}]),t}(s["default"].Component);t["default"]=f,e.exports=t["default"]},function(t,r){t.exports=e},function(e,t,r){var n,o;!function(){"use strict";function r(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var o=typeof n;if("string"===o||"number"===o)e.push(n);else if(Array.isArray(n))e.push(r.apply(null,n));else if("object"===o)for(var i in n)a.call(n,i)&&n[i]&&e.push(i)}}return e.join(" ")}var a={}.hasOwnProperty;"undefined"!=typeof e&&e.exports?e.exports=r:(n=[],o=function(){return r}.apply(t,n),!(void 0!==o&&(e.exports=o)))}()}])});

package.json

 {
   "name": "react-progress-bar-plus",
-  "version": "0.2.3",
+  "version": "1.0.0",
   "description": "Progress bar component for ReactJS.",
   "main": "lib/index.js",
   "scripts": {
-    "start": "NODE_ENV=development node example/webpack.dev.server.js",
+    "start": "NODE_ENV=development gulp start",
     "build": "NODE_ENV=production gulp build"
@@ -19,3 +19,3 @@ },
   "peerDependencies": {
-    "react": "0.13 - 0.14"
+    "react": "^0.13 || ^0.14 || ^15.0.0"
   },
@@ -26,7 +26,9 @@ "dependencies": {
   "devDependencies": {
-    "autoprefixer": "^6.1.1",
-    "babel-core": "^5.8.25",
-    "babel-eslint": "^4.1.6",
+    "autoprefixer": "^6.3.1",
+    "babel": "^5.8.34",
+    "babel-core": "^5.8.29",
+    "babel-eslint": "^4.1.3",
     "babel-loader": "^5.3.2",
     "babel-plugin-react-transform": "^1.1.1",
+    "bootstrap": "^3.3.6",
     "camelcase": "^2.0.1",
@@ -37,27 +39,25 @@ "css-loader": "^0.23.0",
     "eslint": "^1.10.1",
-    "eslint-loader": "^1.1.1",
-    "eslint-plugin-react": "^3.10.0",
+    "eslint-loader": "^1.2.0",
+    "eslint-plugin-react": "^3.15.0",
     "express": "^4.13.3",
-    "extract-text-webpack-plugin": "^0.9.1",
+    "extract-text-webpack-plugin": "^1.0.1",
     "file-loader": "^0.8.5",
-    "fs-extra": "^0.26.2",
     "gulp": "^3.9.0",
     "gulp-babel": "^5.2.1",
-    "gulp-eslint": "^1.1.1",
+    "gulp-eslint": "^1.1.0",
     "gulp-filter": "^3.0.1",
-    "gulp-frep": "^0.1.3",
-    "gulp-minify-html": "^1.0.4",
-    "gulp-postcss": "^6.0.1",
-    "gulp-preprocess": "^1.2.0",
-    "gulp-sass": "^2.1.0",
+    "gulp-postcss": "^6.1.0",
+    "gulp-sass": "^2.2.0",
+    "history": "^2.0.1",
+    "html-loader": "^0.4.0",
+    "html-webpack-plugin": "^2.7.1",
     "http-proxy": "^1.12.0",
     "json-loader": "^0.5.4",
     "less": "^2.5.3",
-    "less-loader": "^2.2.2",
+    "less-loader": "^2.2.1",
     "node-sass": "^3.4.2",
-    "opn": "^3.0.3",
+    "opn": "^4.0.0",
     "postcss-loader": "^0.8.0",
-    "preprocess": "^3.0.2",
-    "react-dom": "^0.14.3",
-    "react-router": "^1.0.0",
+    "react-dom": "^0.13 || ^0.14 || ^15.0.0",
+    "react-router": "^2.0.0",
     "react-transform-hmr": "^1.0.1",
@@ -67,6 +67,8 @@ "run-sequence": "^1.1.5",
     "style-loader": "^0.13.0",
-    "webpack": "^1.12.9",
-    "webpack-dev-middleware": "^1.4.0",
+    "task-dir": "^0.2.0",
+    "webpack": "^1.12.11",
+    "webpack-dev-middleware": "^1.2.0",
     "webpack-hot-middleware": "^2.5.0",
-    "webpack-stream": "^3.1.0"
+    "webpack-manifest-plugin": "^1.0.0",
+    "webpack-stream": "^3.0.1"
   },
@@ -73,0 +75,0 @@ "repository": {

README.md

@@ -69,1 +69,5 @@ # React Progress Bar Plus
 View [demo](http://vn38minhtran.github.io/react-progress-bar-plus) or example folder.
+
+## License
+
+MIT Licensed. Copyright (c) Minh Tran 2016.

src/ProgressBar.js

 import React from 'react';
-import ClassNames from 'classnames';
+import classnames from 'classnames';
 
@@ -77,3 +77,3 @@ class ProgressBar extends React.Component {
   render() {
-    let className = ClassNames({
+    let className = classnames({
       'react-progress-bar': true,
@@ -86,5 +86,5 @@ 'react-progress-bar-on-top': this.props.onTop,
       <div className={className}>
-        <div className='react-progress-bar-percent' style={style}/>
-        <div className='react-progress-bar-spinner'>
-          <div className='react-progress-bar-spinner-icon'/>
+        <div className="react-progress-bar-percent" style={style}/>
+        <div className="react-progress-bar-spinner">
+          <div className="react-progress-bar-spinner-icon"/>
         </div>
@@ -91,0 +91,0 @@ </div>

webpack.config.js

@@ -1,36 +0,10 @@
-var webpack = require('webpack');
-var path = require('path');
-var pkg = require('./package.json');
-var camelCase = require('camelcase');
+import webpack from 'webpack';
+import pkg from './package.json';
+import camelCase from 'camelcase';
 
-function capitalizeFirstLetter(string) {
+const capitalizeFirstLetter = (string) => {
   return string.charAt(0).toUpperCase() + string.slice(1);
-}
+};
 
-var plugins = [
-  new webpack.DefinePlugin({
-    'process.env': {
-      NODE_ENV: JSON.stringify(process.env.NODE_ENV)
-    }
-  })
-];
-
-if (process.env.NODE_ENV === 'production') {
-  plugins.push(new webpack.optimize.UglifyJsPlugin({
-    compressor: {
-      warnings: false
-    }
-  }));
-  plugins.push(new webpack.optimize.DedupePlugin());
-}
-
-var loaders = [
-  {
-    test: /\.(js|jsx)$/,
-    exclude: /(node_modules)/,
-    loader: 'babel-loader'
-  }
-];
-
-module.exports = {
+const webpackConfig = {
   output: {
@@ -50,8 +24,33 @@ filename: pkg.name + '.js',
   module: {
-    loaders: loaders
+    loaders: [
+      {
+        test: /\.(js|jsx)$/,
+        exclude: /(node_modules)/,
+        loader: 'babel-loader'
+      }
+    ]
   },
   resolve: {
+    modulesDirectories: ['node_modules', 'bower_components'],
     extensions: ['', '.jsx', '.js']
   },
-  plugins: plugins
-};
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: JSON.stringify(process.env.NODE_ENV)
+      }
+    }),
+    new webpack.optimize.UglifyJsPlugin({
+      sourceMap: false,
+      compress: {
+        warnings: false
+      },
+      output: {
+        comments: false
+      }
+    }),
+    new webpack.optimize.DedupePlugin()
+  ]
+};
+
+export default webpackConfig;

New alerts

Shell access

Supply chain risk

This module accesses the system shell. Accessing the system shell increases the risk of executing arbitrary code.

Found 1 instance in 1 package

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of package files

29

52.63%

Number of low quality alerts

1

-50%

Number of lines in readme file

73

5.8%

Number of low supply chain risk alerts

1

-50%

Worsened metrics

Total package byte prevSize

32936

-0.76%

Dev dependency count

45

4.65%

Lines of code

450

-4.66%

Number of medium supply chain risk alerts

1

Infinity%

No dependency changes