animar - npm Package Compare versions

Comparing version 0.4.2 to 0.4.3

lib/__tests__/animar2-test.js

@@ -308,2 +308,3 @@ jest.dontMock('../animar');
     animar._add = jest.genMockFn();
+    window.requestAnimationFrame = jest.genMockFn();
     defaultChainOptions = { delay: 0, currentDuration: 25, totalDuration: 120, animationList: [
@@ -310,0 +311,0 @@ { loop: false, wait: 0, delay: 10, totalIterations: 50 }

lib/animar.js

@@ -65,3 +65,3 @@ var EasingFactory = require("./ease"),
 Animar.prototype._thenChainFunction = function(chainOptions) {
-  var self = this; // maintain reference to Animar instance through the forEach calls
+  var self = this;
   return function(element, attributes, options) {
@@ -76,2 +76,3 @@ chainOptions.totalDuration = chainOptions.totalDuration + chainOptions.currentDuration;
 Animar.prototype._loopChainFunction = function(chainOptions) {
+  var self = this;
   return function() {
@@ -84,2 +85,3 @@ chainOptions.totalDuration = chainOptions.totalDuration + chainOptions.currentDuration;
     }
+    self._requestTick();
   };
@@ -86,0 +88,0 @@ };

package.json

 {
   "name": "animar",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "a modern, focused, flexible javascript animation library.",
@@ -35,3 +35,2 @@ "keywords": [
   },
-  "jshintConfig": {},
   "jest": {
@@ -54,9 +53,9 @@ "collectCoverage": true,
   "devDependencies": {
-    "codeclimate-test-reporter": "0.0.4",
     "compression-webpack-plugin": "^0.1.2",
     "jest-cli": "^0.4.0",
     "jshint": "^2.6.0",
-    "rimraf": "latest",
+    "lodash": "^3.3.1",
+    "rimraf": "^2.3.1",
     "webpack": "^1.6.0"
   }
 }

README.md

 [![Build Status](https://img.shields.io/travis/vincentriemer/animar/master.svg?style=flat)](https://travis-ci.org/vincentriemer/animar) [![Dependency Status](https://img.shields.io/david/vincentriemer/animar.svg?style=flat)](https://david-dm.org/vincentriemer/animar) [![devDependency Status](https://img.shields.io/david/dev/vincentriemer/animar.svg?style=flat)](https://david-dm.org/vincentriemer/animar#info=devDependencies) [![npm version](https://img.shields.io/npm/v/animar.js.svg?style=flat)](http://badge.fury.io/js/animar) [![Code Climate](https://img.shields.io/codeclimate/github/vincentriemer/animar.svg?style=flat)](https://codeclimate.com/github/vincentriemer/animar) [![Test Coverage](https://img.shields.io/codeclimate/coverage/github/vincentriemer/animar.svg?style=flat)](https://codeclimate.com/github/vincentriemer/animar)
 
 # Animar
+
+**NOTE**: This is still very much a work in progress (espcially in the documentation department). If you attempt to use this in its current state, you are doing so at your own risk.
+
+## Initialization
+
+```javascript
+var animar = new Animar();
+```
+
+## Animating an Element
+
+The Animar library only provides one function for animating an element. The syntax is as follows:
+
+```
+animar.add([DOMElement element], [Object attributeMap], [Object options]);
+```

webpack.config.js

 var path = require('path');
 
 module.exports = {
-
   entry: './lib/animar.js',
-
   output: {
@@ -13,3 +11,2 @@ path: path.join(__dirname, 'dist'),
   }
-
 };

webpack.config.minified.js

 var webpack = require('webpack'),
-  path = require('path'),
-  CompressionPlugin = require('compression-webpack-plugin');
+  CompressionPlugin = require('compression-webpack-plugin'),
+  _ = require('lodash');
 
-module.exports = {
-
-  entry: './lib/animar.js',
-
+module.exports = _.merge(require('./webpack.config.js'), {
   output: {
-    path: path.join(__dirname, 'dist'),
-    filename: 'animar.min.js',
-    library: 'Animar',
-    libraryTarget: 'umd'
+    filename: 'animar.min.js'
   },
-
   plugins: [
@@ -29,2 +22,2 @@ new webpack.optimize.OccurenceOrderPlugin(),
   ]
-};
+});

webpack.config.versioned.js

@@ -1,16 +0,8 @@
-var path = require('path');
-
+var _ = require('lodash');
 var pjson = require('./package.json');
 
-module.exports = {
-
-  entry: './lib/animar.js',
-
+module.exports = _.merge(require('./webpack.config.js'), {
   output: {
-    path: path.join(__dirname, 'dist'),
-    filename: 'animar-v' + pjson.version + '.js',
-    library: 'Animar',
-    libraryTarget: 'umd'
+    filename: 'animar-v' + pjson.version + '.js'
   }
-
-};
+});

webpack.config.versioned.minified.js

@@ -1,31 +0,9 @@
-var webpack = require('webpack'),
-  path = require('path'),
-  CompressionPlugin = require('compression-webpack-plugin');
+var path = require('path'),
+  _ = require('lodash'),
+  pjson = require('./package.json');
 
-var pjson = require('./package.json');
-
-module.exports = {
-
-  entry: './lib/animar.js',
-
+module.exports = _.merge(require('./webpack.config.minified.js'), {
   output: {
-    path: path.join(__dirname, 'dist'),
-    filename: 'animar-v' + pjson.version + '.min.js',
-    library: 'Animar',
-    libraryTarget: 'umd'
-  },
-
-  plugins: [
-    new webpack.optimize.OccurenceOrderPlugin(),
-    new webpack.optimize.DedupePlugin(),
-    new webpack.optimize.UglifyJsPlugin({
-      compress: {
-        warnings: false,
-        drop_console: true,
-        hoist_vars: true,
-        unsafe: true
-      }
-    }),
-    new CompressionPlugin()
-  ]
-};
+    filename: 'animar-v' + pjson.version + '.min.js'
+  }
+});

No alert changes

Improved metrics

Number of lines in readme file

20

increased by400%

Worsened metrics

Total package byte prevSize

50242

decreased by-0.22%

Lines of code

1176

decreased by-1.92%

No dependency changes