use-animation-frame - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

index.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("use-animation-frame",["React"],t):"object"==typeof exports?exports["use-animation-frame"]=t(require("react")):e["use-animation-frame"]=t(e.React)}(this,(function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=1)}([function(t,r){t.exports=e},function(e,t,r){"use strict";r.r(t);var n=r(0);t.default=function(e){if("undefined"!=typeof performance&&"undefined"!=typeof window){var t=Object(n.useRef)(),r=Object(n.useRef)(),o=Object(n.useRef)(performance.now()),u=Object(n.useRef)(performance.now());t.current=e;var f=function e(n){t.current({time:(n-o.current)/1e3,delta:(n-u.current)/1e3}),u.current=n,r.current=requestAnimationFrame(e)};Object(n.useLayoutEffect)((function(){return r.current=requestAnimationFrame(f),function(){return r.current&&cancelAnimationFrame(r.current)}}),[])}}}])}));
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react")):"function"==typeof define&&define.amd?define("use-animation-frame",["React"],r):"object"==typeof exports?exports["use-animation-frame"]=r(require("react")):e["use-animation-frame"]=r(e.React)}(this,(e=>(()=>{"use strict";var r={639:r=>{r.exports=e}},t={};function n(e){var o=t[e];if(void 0!==o)return o.exports;var u=t[e]={exports:{}};return r[e](u,u.exports,n),u.exports}n.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return n.d(r,{a:r}),r},n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{n.r(o),n.d(o,{default:()=>r});var e=n(639);const r=function(r){if("undefined"!=typeof performance&&"undefined"!=typeof window){var t=(0,e.useRef)(),n=(0,e.useRef)(),o=(0,e.useRef)(performance.now()),u=(0,e.useRef)(performance.now());t.current=r;var a=function e(r){t.current({time:(r-o.current)/1e3,delta:(r-u.current)/1e3}),u.current=r,n.current=requestAnimationFrame(e)};(0,e.useLayoutEffect)((function(){return n.current=requestAnimationFrame(a),function(){return n.current&&cancelAnimationFrame(n.current)}}),[])}}})(),o})()));

index.test.js

@@ -20,3 +20,3 @@ /**
     expect($counter.text()).toBe("0.0s");
-    await delay(1000);
+    await $counter.delay(1000);
     expect($counter.text()).toBe("1.0s");
@@ -36,9 +36,9 @@ });
     expect($counter.text()).toBe("hello");
-    await delay(1000);
+    await $counter.delay(1000);
     expect($counter.text()).toBe("hello");
     await $counter.click();
     expect($counter.text()).toBe("bye");
-    await delay(1000);
+    await $counter.delay(1000);
     expect($counter.text()).toBe("bye");
   });
 });

package.json

 {
   "name": "use-animation-frame",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "A React hook to run requestAnimationFrame seamlessly",
@@ -20,4 +20,3 @@ "homepage": "https://github.com/franciscop/use-animation-frame#readme",
   "peerDependencies": {
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "react": ">=16.8.0"
   },
@@ -33,8 +32,8 @@ "devDependencies": {
     "jest": "^27.5.1",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
-    "react-test": "^0.11.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "react-test": "^0.13.1",
     "regenerator-runtime": "^0.12.1",
     "uglify-es": "^3.1.3",
-    "webpack": "^4.25.0",
+    "webpack": "^5.72.0",
     "webpack-cli": "^3.1.2"
@@ -41,0 +40,0 @@ },

No alert changes

Improved metrics

Dependency count

1

decreased by-50%

Worsened metrics

Total package byte prevSize

9390

decreased by-4.03%

No dependency changes