react-d3-animation - npm Package Compare versions

Comparing version 0.1.2 to 0.2.0

lib/animate.js

 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
+var _react = require('react');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+var _lodash = require('lodash');
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
+var _lodash2 = _interopRequireDefault(_lodash);
 
-function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+var _d = require('d3');
 
-var _react = require('react');
+var _d2 = _interopRequireDefault(_d);
 
-var _lodash = require('lodash');
+var _d3Timer = require('d3-timer');
 
-var _lodash2 = _interopRequireDefault(_lodash);
+var _d3Timer2 = _interopRequireDefault(_d3Timer);
 
-var _d3 = require('d3');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _d32 = _interopRequireDefault(_d3);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var Animation = (function (_Component) {
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Animation = function (_Component) {
   _inherits(Animation, _Component);
@@ -33,5 +37,6 @@
 
-    _get(Object.getPrototypeOf(Animation.prototype), 'constructor', this).call(this, props);
+    var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Animation).call(this, props));
 
-    this.state = this.props;
+    _this.state = _this.props;
+    return _this;
   }
@@ -48,6 +53,7 @@
 
+
       var that = this;
 
-      if (that.animateTimeout) clearTimeout(that.animateTimeout);
-      if (that.animateInterval) clearInterval(that.animateInterval);
+      if (that.animateTimeout) that.animateTimeout.stop();
+      if (that.animateInterval) that.animateInterval.stop();
 
@@ -57,6 +63,6 @@ var frame = 0;
       var updateState = this.updateState.bind(this);
-      var filter = _lodash2['default'].omit(this.state, ['ease', 'duration', 'fps', 'delay']);
+      var filter = _lodash2.default.omit(this.state, ['ease', 'duration', 'fps', 'delay']);
 
-      _d32['default'].interpolators.push(function (a, b) {
-        _d32['default'].ease(ease);
+      _d2.default.interpolators.push(function (a, b) {
+        _d2.default.ease(ease);
       });
@@ -66,13 +72,13 @@
       this.interpolate = {};
-      _lodash2['default'].forIn(filter, function (val, key) {
-        if (_lodash2['default'].isObject(val) || _lodash2['default'].isNumber(val) || _lodash2['default'].isString(val) || _lodash2['default'].isArray(val)) that.interpolate[key] = _d32['default'].interpolate(that.state[key], nextProps[key]);
+      _lodash2.default.forIn(filter, function (val, key) {
+        if (_lodash2.default.isObject(val) || _lodash2.default.isNumber(val) || _lodash2.default.isString(val) || _lodash2.default.isArray(val)) that.interpolate[key] = _d2.default.interpolate(that.state[key], nextProps[key]);
       });
 
-      this.animateTimeout = setTimeout(function () {
-        that.animateInterval = setInterval(function () {
+      this.animateTimeout = _d3Timer2.default.timeout(function () {
+        that.animateInterval = _d3Timer2.default.interval(function () {
           frame++;
 
           var newState = {};
-          _lodash2['default'].forIn(filter, function (val, key) {
-            if (_lodash2['default'].isObject(val) || _lodash2['default'].isNumber(val) || _lodash2['default'].isString(val) || _lodash2['default'].isArray(val)) newState[key] = that.interpolate[key](frame / time);
+          _lodash2.default.forIn(filter, function (val, key) {
+            if (_lodash2.default.isObject(val) || _lodash2.default.isNumber(val) || _lodash2.default.isString(val) || _lodash2.default.isArray(val)) newState[key] = that.interpolate[key](frame / time);
           });
@@ -82,3 +88,3 @@
 
-          if (frame >= time) clearInterval(that.animateInterval);
+          if (frame >= time) that.animateInterval.stop();
         }, 1000 / time);
@@ -97,26 +103,20 @@ }, delay);
     }
-  }], [{
-    key: 'defaultProps',
-    value: {
-      ease: 'circle',
-      duration: 250,
-      delay: 0,
-      fps: 60
-    },
-    enumerable: true
-  }, {
-    key: 'propTypes',
-    value: {
-      ease: _react.PropTypes.string.isRequired,
-      duration: _react.PropTypes.number.isRequired,
-      delay: _react.PropTypes.number.isRequired,
-      fps: _react.PropTypes.number.isRequired
-    },
-    enumerable: true
   }]);
 
   return Animation;
-})(_react.Component);
+}(_react.Component);
 
-exports['default'] = Animation;
+Animation.defaultProps = {
+  ease: 'circle',
+  duration: 250,
+  delay: 0,
+  fps: 60
+};
+Animation.propTypes = {
+  ease: _react.PropTypes.string.isRequired,
+  duration: _react.PropTypes.number.isRequired,
+  delay: _react.PropTypes.number.isRequired,
+  fps: _react.PropTypes.number.isRequired
+};
+exports.default = Animation;
 module.exports = exports['default'];

lib/index.js

 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.Animation = undefined;
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
 var _animate = require('./animate');
@@ -13,2 +12,4 @@
 
-exports.Animation = _animate2['default'];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.Animation = _animate2.default;

package.json

 {
   "name": "react-d3-animation",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "react-d3 animation",
   "main": "./lib/index.js",
   "scripts": {
-    "build": "rm -rf ./lib && babel -w --stage 0 src --out-dir lib"
+    "test": "karma start",
+    "build": "rm -rf ./lib && BABEL_ENV=production ./node_modules/.bin/babel ./src --out-dir ./lib",
+    "prod": "BABEL_ENV=production NODE_ENV=0 webpack --config webpack.prod.config.js && BABEL_ENV=production NODE_ENV=1 webpack --config webpack.prod.config.js"
   },
@@ -12,28 +14,43 @@ "author": "ElixirDoc team",
   "devDependencies": {
-    "babel-core": "^5.8.24",
-    "babel-jest": "^5.3.0",
-    "babel-loader": "^5.3.2",
-    "css-loader": "^0.18.0",
+    "babel-cli": "^6.6.4",
+    "babel-core": "^6.5.2",
+    "babel-eslint": "^3.1.9",
+    "babel-loader": "^6.2.3",
+    "babel-plugin-add-module-exports": "^0.1.2",
+    "babel-plugin-react-transform": "^2.0.0",
+    "babel-plugin-transform-react-remove-prop-types": "^0.2.2",
+    "babel-plugin-transform-runtime": "^6.5.2",
+    "babel-polyfill": "^6.5.0",
+    "babel-preset-es2015": "^6.5.0",
+    "babel-preset-react": "^6.5.0",
+    "babel-preset-react-hmre": "1.0.1",
+    "babel-preset-stage-0": "^6.5.0",
     "dsv-loader": "^1.0.0",
-    "jest-cli": "^0.5.8",
-    "json-loader": "^0.5.3",
+    "expect": "^1.13.3",
+    "express": "^4.13.4",
+    "extract-text-webpack-plugin": "^1.0.1",
+    "json-loader": "^0.5.4",
     "jsx-loader": "^0.13.2",
-    "react": "^0.14.3",
     "react-addons-test-utils": "^0.14.0",
-    "react-d3-basic": "^1.4.1",
-    "react-dom": "^0.14.0",
+    "react-bootstrap": "^0.28.3",
+    "react-d3-basic": "^1.6.7",
+    "react-d3-core": "^1.2.7",
+    "react-d3-shape": "^0.2.9",
     "react-hot-loader": "^1.3.0",
+    "react-router": "^2.0.0",
     "style-loader": "^0.12.4",
     "webpack": "^1.12.2",
-    "webpack-dev-server": "^1.11.0"
+    "webpack-dev-middleware": "^1.5.1",
+    "webpack-dev-server": "^1.11.0",
+    "webpack-hot-middleware": "^2.9.1"
   },
-  "peerDepencies": {
-    "react": "^0.14.2"
+  "peerDependencies": {
+    "react": "^0.14.7",
+    "react-dom": "^0.14.7"
   },
   "dependencies": {
     "d3": "^3.5.6",
-    "immutable": "^3.7.5",
-    "lodash": "^3.10.1",
-    "queue-async": "^1.0.7",
-    "react-faux-dom": "^2.1.0"
+    "d3-interpolate": "^0.7.0",
+    "d3-timer": "^0.4.1",
+    "lodash": "^3.10.1"
   },
@@ -40,0 +57,0 @@ "jest": {

webpack.config.js

@@ -1,27 +0,31 @@
-
 'use strict';
+var path = require('path');
+var webpack = require('webpack');
+var ExtractTextPlugin = require('extract-text-webpack-plugin');
 
-var path = require('path'),
-  webpack = require('webpack'),
-  nodeModulesPath = path.join(__dirname, 'node_modules');
+var js_dist = path.join(__dirname, './example/dist/origin');
 
-// 0 stands for development, 1 stands for production
-// for development mode: NODE_ENV=0 webpack
-// for production mode: NODE_ENV=1 webpack
-var ENV = !!(+process.env.NODE_ENV || 0);
-
-
-module.exports = [{
-  name: 'react-d3-animate',
-  devtool: ENV ? "source-map": '',
+module.exports = {
+  devtool: 'eval-source-map',
   entry: {
-    animate: './example/src/animate.jsx',
-    line: './example/src/line.jsx'
+    index: ['webpack-hot-middleware/client', './example/index.js']
   },
-
   output: {
-    path: path.join(__dirname, './example/dist'),
-    filename: ENV ? '[name].min.js': '[name].js'
+    path: js_dist,
+    filename: '[name].js',
+    publicPath: '/static/'
   },
-
+  resolve: {
+    extensions: ['', '.webpack.js', '.web.js', '.js', '.jsx']
+  },
+  plugins: [
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NoErrorsPlugin(),
+    new webpack.DefinePlugin({
+      "process.env": {
+        NODE_ENV: JSON.stringify("development")
+      }
+    }),
+    new ExtractTextPlugin('[name].css', { allChunks: true })
+  ],
   module: {
@@ -31,19 +35,17 @@ loaders: [
         test: [/\.jsx$/, /\.js$/],
-        exclude: /node_modules/,
-        loaders: ["jsx-loader"],
+        loaders: ["babel"],
+        exclude: /node_modules/
       },
       {
         test: /\.css$/,
-        loader: 'style-loader!css-loader'
+        loader: 'style-loader!css-loader',
+        exclude: /node_modules/
       },
       {
         test: /\.json$/,
-        loader: "json-loader"
+        loader: "json-loader",
+        exclude: /node_modules/
       }
     ],
-  },
-
-  resolve: {
-    extensions: ['', '.webpack.js', '.web.js', '.js', '.jsx']
   }
-}];
+}

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

10894

16.39%

Number of package files

8

33.33%

Lines of code

166

19.42%

Number of low supply chain risk alerts

1

-50%

Worsened metrics

Dependency count

6

20%

Dev dependency count

31

93.75%

Number of medium supply chain risk alerts

1

Infinity%

Dependency changes

• + Added

  d3-interpolate@^0.7.0

• + Added

  d3-timer@^0.4.1

• + Added

  acorn@5.7.4
  (transitive)

• + Added

  amdefine@1.0.1
  (transitive)

• + Added

  asap@2.0.6
  (transitive)

• + Added

  ast-types@0.9.6
  (transitive)

• + Added

  balanced-match@1.0.2
  (transitive)

• + Added

  base62@1.2.8
  (transitive)

• + Added

  brace-expansion@1.1.11
  (transitive)

• + Added

  commander@2.20.3
  (transitive)

• + Added

  commoner@0.10.8
  (transitive)

• + Added

  concat-map@0.0.1
  (transitive)

• + Added

  core-js@1.2.7
  (transitive)

• + Added

  d3-color@0.4.2
  (transitive)

• + Added

  d3-interpolate@0.7.0
  (transitive)

• + Added

  d3-timer@0.4.4
  (transitive)

• + Added

  defined@1.0.1
  (transitive)

• + Added

  detective@4.7.1
  (transitive)

• + Added

  envify@3.4.1
  (transitive)

• + Added

  esprima@3.1.3
  (transitive)

• + Added

  esprima-fb@15001.1.0-dev-harmony-fb
  (transitive)

• + Added

  fbjs@0.6.1
  (transitive)

• + Added

  glob@5.0.15
  (transitive)

• + Added

  graceful-fs@4.2.11
  (transitive)

• + Added

  iconv-lite@0.4.24
  (transitive)

• + Added

  inflight@1.0.6
  (transitive)

• + Added

  inherits@2.0.4
  (transitive)

• + Added

  js-tokens@4.0.0
  (transitive)

• + Added

  jstransform@11.0.3
  (transitive)

• + Added

  loose-envify@1.4.0
  (transitive)

• + Added

  minimatch@3.1.2
  (transitive)

• + Added

  minimist@1.2.8
  (transitive)

• + Added

  mkdirp@0.5.6
  (transitive)

• + Added

  object-assign@2.1.1
  (transitive)

• + Added

  once@1.4.0
  (transitive)

• + Added

  path-is-absolute@1.0.1
  (transitive)

• + Added

  private@0.1.8
  (transitive)

• + Added

  promise@7.3.1
  (transitive)

• + Added

  q@1.5.1
  (transitive)

• + Added

  react@0.14.10
  (transitive)

• + Added

  react-dom@0.14.10
  (transitive)

• + Added

  recast@0.11.23
  (transitive)

• + Added

  safer-buffer@2.1.2
  (transitive)

• + Added

  source-map@0.4.40.5.7
  (transitive)

• + Added

  through@2.3.8
  (transitive)

• + Added

  ua-parser-js@0.7.40
  (transitive)

• + Added

  whatwg-fetch@0.9.0
  (transitive)

• + Added

  wrappy@1.0.2
  (transitive)

• - Removed

  immutable@^3.7.5

• - Removed

  queue-async@^1.0.7

• - Removed

  react-faux-dom@^2.1.0

• - Removed

  immutable@3.8.2
  (transitive)

• - Removed

  query-selector@1.0.9
  (transitive)

• - Removed

  queue-async@1.2.1
  (transitive)

• - Removed

  react@19.1.0
  (transitive)

• - Removed

  react-faux-dom@2.7.1
  (transitive)

• - Removed

  style-attr@1.3.0
  (transitive)