web-animation-club - npm Package Compare versions

Comparing version 0.5.0 to 0.6.0

dist/web-animation-club.js

@@ -103,7 +103,7 @@ (function webpackUniversalModuleDefinition(root, factory) {
   \**********************/
-/*! exports provided: setCssEndEvent, beforeCssLayout, beforeNextCssLayout, beforeFutureCssLayout, onceNextCssLayout, onceTransitionEnd, onceAnimationEnd */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setCssEndEvent\", function() { return setCssEndEvent; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"beforeCssLayout\", function() { return beforeCssLayout; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"beforeNextCssLayout\", function() { return beforeNextCssLayout; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"beforeFutureCssLayout\", function() { return beforeFutureCssLayout; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onceNextCssLayout\", function() { return onceNextCssLayout; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onceTransitionEnd\", function() { return onceTransitionEnd; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onceAnimationEnd\", function() { return onceAnimationEnd; });\nfunction recursiveAnimationFrame(frames, callback) {\n  if (window && frames && Number.isInteger(frames) && frames > 0) {\n    window.requestAnimationFrame(() => {\n      recursiveAnimationFrame(frames - 1, callback);\n    });\n    return;\n  }\n  callback();\n}\n\nfunction setCssEndEvent(element, type, { tolerance = 0, propertyName } = {}) {\n  return new Promise(resolve => {\n    if (!element) {\n      resolve(false);\n      return;\n    }\n    let eventName = null;\n    const capitalized = type.charAt(0).toUpperCase() + type.slice(1);\n    let run = 0;\n    function end(event) {\n      const target = event.srcElement || event.target;\n      if (target === element) {\n        if (run >= tolerance) {\n          if (propertyName && propertyName !== event.propertyName) {\n            return;\n          }\n          element.removeEventListener(eventName, end);\n          resolve(event);\n        }\n        run += 1;\n      }\n    }\n    if (element.style[`Webkit${capitalized}`] !== undefined) {\n      eventName = `webkit${capitalized}End`;\n    }\n    if (element.style.OTransition !== undefined) {\n      eventName = `o${type}End`;\n    }\n    if (element.style[type] !== undefined) {\n      eventName = `${type}end`;\n    }\n    if (element.clearCssEndEvent) {\n      element.clearCssEndEvent();\n    }\n    element.clearCssEndEvent = function () {\n      element.removeEventListener(eventName, end);\n    };\n    element.addEventListener(eventName, end);\n  });\n}\n\nfunction beforeCssLayout(callback) {\n  window && window.requestAnimationFrame(callback);\n}\n\nfunction beforeNextCssLayout(callback) {\n  window && window.requestAnimationFrame(() => {\n    window.requestAnimationFrame(callback);\n  });\n}\n\nfunction beforeFutureCssLayout(frames, callback) {\n  recursiveAnimationFrame(frames + 1, callback);\n}\n\nfunction onceNextCssLayout() {\n  return new Promise(resolve => {\n    beforeNextCssLayout(resolve);\n  });\n}\n\nfunction onceTransitionEnd(element, options = {}) {\n  return new Promise(resolve => {\n    setCssEndEvent(element, \"transition\", options).then(resolve);\n  });\n}\n\nfunction onceAnimationEnd(element, options = {}) {\n  return new Promise(resolve => {\n    setCssEndEvent(element, \"animation\", options).then(resolve);\n  });\n}\n\n//# sourceURL=webpack://wac/./src/index.js?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.setCssEndEvent = setCssEndEvent;\nexports.beforeCssLayout = beforeCssLayout;\nexports.beforeNextCssLayout = beforeNextCssLayout;\nexports.beforeFutureCssLayout = beforeFutureCssLayout;\nexports.onceNextCssLayout = onceNextCssLayout;\nexports.onceTransitionEnd = onceTransitionEnd;\nexports.onceAnimationEnd = onceAnimationEnd;\nfunction recursiveAnimationFrame(frames, callback) {\n  if (window && frames && Number.isInteger(frames) && frames > 0) {\n    window.requestAnimationFrame(function () {\n      recursiveAnimationFrame(frames - 1, callback);\n    });\n    return;\n  }\n  callback();\n}\n\nfunction setCssEndEvent(element, type) {\n  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n      _ref$tolerance = _ref.tolerance,\n      tolerance = _ref$tolerance === undefined ? 0 : _ref$tolerance,\n      propertyName = _ref.propertyName;\n\n  return new Promise(function (resolve) {\n    if (!element) {\n      resolve(false);\n      return;\n    }\n    var eventName = null;\n    var capitalized = type.charAt(0).toUpperCase() + type.slice(1);\n    var run = 0;\n    function end(event) {\n      var target = event.srcElement || event.target;\n      if (target === element) {\n        if (run >= tolerance) {\n          if (propertyName && propertyName !== event.propertyName) {\n            return;\n          }\n          element.removeEventListener(eventName, end);\n          resolve(event);\n        }\n        run += 1;\n      }\n    }\n    if (element.style[\"Webkit\" + capitalized] !== undefined) {\n      eventName = \"webkit\" + capitalized + \"End\";\n    }\n    if (element.style.OTransition !== undefined) {\n      eventName = \"o\" + type + \"End\";\n    }\n    if (element.style[type] !== undefined) {\n      eventName = type + \"end\";\n    }\n    if (element.clearCssEndEvent) {\n      element.clearCssEndEvent();\n    }\n    element.clearCssEndEvent = function () {\n      element.removeEventListener(eventName, end);\n    };\n    element.addEventListener(eventName, end);\n  });\n}\n\nfunction beforeCssLayout(callback) {\n  window && window.requestAnimationFrame(callback);\n}\n\nfunction beforeNextCssLayout(callback) {\n  window && window.requestAnimationFrame(function () {\n    window.requestAnimationFrame(callback);\n  });\n}\n\nfunction beforeFutureCssLayout(frames, callback) {\n  recursiveAnimationFrame(frames + 1, callback);\n}\n\nfunction onceNextCssLayout() {\n  return new Promise(function (resolve) {\n    beforeNextCssLayout(resolve);\n  });\n}\n\nfunction onceTransitionEnd(element) {\n  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n  return new Promise(function (resolve) {\n    setCssEndEvent(element, \"transition\", options).then(resolve);\n  });\n}\n\nfunction onceAnimationEnd(element) {\n  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n  return new Promise(function (resolve) {\n    setCssEndEvent(element, \"animation\", options).then(resolve);\n  });\n}\n\n//# sourceURL=webpack://wac/./src/index.js?");
 
@@ -110,0 +110,0 @@ /***/ })

dist/web-animation-club.min.js

@@ -1,1 +0,1 @@
-!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.wac=n():e.wac=n()}(this,function(){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=0)}([function(e,n,t){"use strict";function r(e,n,{tolerance:t=0,propertyName:r}={}){return new Promise(o=>{if(!e)return void o(!1);let i=null;const u=n.charAt(0).toUpperCase()+n.slice(1);let f=0;function c(n){if((n.srcElement||n.target)===e){if(f>=t){if(r&&r!==n.propertyName)return;e.removeEventListener(i,c),o(n)}f+=1}}void 0!==e.style[`Webkit${u}`]&&(i=`webkit${u}End`),void 0!==e.style.OTransition&&(i=`o${n}End`),void 0!==e.style[n]&&(i=`${n}end`),e.clearCssEndEvent&&e.clearCssEndEvent(),e.clearCssEndEvent=function(){e.removeEventListener(i,c)},e.addEventListener(i,c)})}function o(e){window&&window.requestAnimationFrame(e)}function i(e){window&&window.requestAnimationFrame(()=>{window.requestAnimationFrame(e)})}function u(e,n){!function e(n,t){window&&n&&Number.isInteger(n)&&n>0?window.requestAnimationFrame(()=>{e(n-1,t)}):t()}(e+1,n)}function f(){return new Promise(e=>{i(e)})}function c(e,n={}){return new Promise(t=>{r(e,"transition",n).then(t)})}function s(e,n={}){return new Promise(t=>{r(e,"animation",n).then(t)})}t.r(n),t.d(n,"setCssEndEvent",function(){return r}),t.d(n,"beforeCssLayout",function(){return o}),t.d(n,"beforeNextCssLayout",function(){return i}),t.d(n,"beforeFutureCssLayout",function(){return u}),t.d(n,"onceNextCssLayout",function(){return f}),t.d(n,"onceTransitionEnd",function(){return c}),t.d(n,"onceAnimationEnd",function(){return s})}])});
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.wac=n():e.wac=n()}(this,(function(){return function(e){var n={};function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:o})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)t.d(o,r,function(n){return e[n]}.bind(null,r));return o},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=0)}([function(e,n,t){"use strict";function o(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=t.tolerance,r=void 0===o?0:o,i=t.propertyName;return new Promise((function(t){if(e){var o=null,u=n.charAt(0).toUpperCase()+n.slice(1),f=0;void 0!==e.style["Webkit"+u]&&(o="webkit"+u+"End"),void 0!==e.style.OTransition&&(o="o"+n+"End"),void 0!==e.style[n]&&(o=n+"end"),e.clearCssEndEvent&&e.clearCssEndEvent(),e.clearCssEndEvent=function(){e.removeEventListener(o,c)},e.addEventListener(o,c)}else t(!1);function c(n){if((n.srcElement||n.target)===e){if(f>=r){if(i&&i!==n.propertyName)return;e.removeEventListener(o,c),t(n)}f+=1}}}))}function r(e){window&&window.requestAnimationFrame((function(){window.requestAnimationFrame(e)}))}Object.defineProperty(n,"__esModule",{value:!0}),n.setCssEndEvent=o,n.beforeCssLayout=function(e){window&&window.requestAnimationFrame(e)},n.beforeNextCssLayout=r,n.beforeFutureCssLayout=function(e,n){!function e(n,t){if(window&&n&&Number.isInteger(n)&&n>0)return void window.requestAnimationFrame((function(){e(n-1,t)}));t()}(e+1,n)},n.onceNextCssLayout=function(){return new Promise((function(e){r(e)}))},n.onceTransitionEnd=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new Promise((function(t){o(e,"transition",n).then(t)}))},n.onceAnimationEnd=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new Promise((function(t){o(e,"animation",n).then(t)}))}}])}));

package.json

 {
   "name": "web-animation-club",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Web Animation Club",
@@ -16,3 +16,3 @@ "repository": "rcaferati/web-animation-club",
     "build": "webpack --mode development",
-    "build-min": "NODE_ENV=production webpack --mode production --optimize-minimize",
+    "build-min": "webpack --mode production --config webpack.prod.js",
     "build-watch": "webpack --mode development --watch",
@@ -36,6 +36,6 @@ "test": "echo true",
     "uglifyjs-webpack-plugin": "^1.3.0",
-    "webpack": "^4.20.2",
-    "webpack-cli": "^3.1.1",
-    "webpack-dev-server": "^3.1.4"
+    "webpack": "^4.41.2",
+    "webpack-cli": "^3.3.10",
+    "webpack-dev-server": "^3.9.0"
   }
 }

webpack.config.js

 const path = require("path");
-const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
 
-const production = process.env.NODE_ENV === "production" || false;
-const minimizer = [];
-
-if (production) {
-  minimizer.push(
-    new UglifyJsPlugin({
-      uglifyOptions: {
-        beautify: false,
-        mangle: true,
-        compress: true,
-        comments: false
-      }
-    })
-  );
-}
-
 module.exports = {
   entry: "./src/index.js",
   output: {
-    filename: production
-      ? "web-animation-club.min.js"
-      : "web-animation-club.js",
+    filename: "web-animation-club.js",
     path: path.resolve(__dirname, "dist"),
@@ -36,9 +17,9 @@ library: "wac",
         exclude: /node_modules/,
-        loader: "babel-loader"
+        loader: "babel-loader",
+        options: {
+          presets: ["es2015", "stage-0"]
+        }
       }
     ]
-  },
-  optimization: {
-    minimizer
   }
 };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

Number of package files

15

increased by7.14%

Lines of code

302

increased by1.68%

Number of low supply chain risk alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

650886

decreased by-0.01%

No dependency changes