create-transition - npm Package Compare versions

Comparing version 0.2.0 to 0.3.0

dist/createTransition.js

@@ -1,5 +0,1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
 function createTransition(animate, duration, easing) {
@@ -143,34 +139,3 @@ return new Promise(function (resolve) {
 
-exports.createTransition = createTransition;
-exports.default = createTransition;
-exports.easeInBack = easeInBack;
-exports.easeInBounce = easeInBounce;
-exports.easeInCubic = easeInCubic;
-exports.easeInElastic = easeInElastic;
-exports.easeInOutBack = easeInOutBack;
-exports.easeInOutBounce = easeInOutBounce;
-exports.easeInOutCubic = easeInOutCubic;
-exports.easeInOutElastic = easeInOutElastic;
-exports.easeInOutQuad = easeInOutQuad;
-exports.easeInOutQuart = easeInOutQuart;
-exports.easeInOutQuint = easeInOutQuint;
-exports.easeInOutSine = easeInOutSine;
-exports.easeInQuad = easeInQuad;
-exports.easeInQuart = easeInQuart;
-exports.easeInQuint = easeInQuint;
-exports.easeInSine = easeInSine;
-exports.easeOutBack = easeOutBack;
-exports.easeOutBounce = easeOutBounce;
-exports.easeOutCubic = easeOutCubic;
-exports.easeOutElastic = easeOutElastic;
-exports.easeOutQuad = easeOutQuad;
-exports.easeOutQuart = easeOutQuart;
-exports.easeOutQuint = easeOutQuint;
-exports.easeOutSine = easeOutSine;
-exports.generateEaseInBack = generateEaseInBack;
-exports.generateEaseInElastic = generateEaseInElastic;
-exports.generateEaseInOutBack = generateEaseInOutBack;
-exports.generateEaseInOutElastic = generateEaseInOutElastic;
-exports.generateEaseOutBack = generateEaseOutBack;
-exports.generateEaseOutElastic = generateEaseOutElastic;
-exports.linear = linear;
+export default createTransition;
+export { createTransition, easeInBack, easeInBounce, easeInCubic, easeInElastic, easeInOutBack, easeInOutBounce, easeInOutCubic, easeInOutElastic, easeInOutQuad, easeInOutQuart, easeInOutQuint, easeInOutSine, easeInQuad, easeInQuart, easeInQuint, easeInSine, easeOutBack, easeOutBounce, easeOutCubic, easeOutElastic, easeOutQuad, easeOutQuart, easeOutQuint, easeOutSine, generateEaseInBack, generateEaseInElastic, generateEaseInOutBack, generateEaseInOutElastic, generateEaseOutBack, generateEaseOutElastic, linear };

package.json

 {
   "name": "create-transition",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Create transitions that CSS can't.",
-  "main": "dist/createTransition",
+  "main": "dist/createTransition.js",
   "repository": {
@@ -13,10 +13,10 @@ "type": "git",
   "scripts": {
-    "build": "rollup -c rollup.config.esm.js && rollup -c rollup.config.cjs.js"
+    "build": "rollup -c"
   },
   "devDependencies": {
-    "@babel/core": "^7.5.5",
-    "@babel/preset-env": "^7.5.5",
-    "eslint": "^6.1.0",
-    "eslint-config-enough": "^0.3.5",
-    "rollup": "^1.19.4",
+    "@babel/core": "^7.8.6",
+    "@babel/preset-env": "^7.8.6",
+    "eslint": "^6.8.0",
+    "eslint-config-enough": "^0.3.8",
+    "rollup": "^1.32.0",
     "rollup-plugin-babel": "^4.3.3"
@@ -23,0 +23,0 @@ },

README.md

@@ -42,4 +42,4 @@ # create-transition
       <p><input type="text" id="num" value="0"></p>
-      <button id="gotoTop">go to top</button>
-      <button id="gotoBottom">go to bottom</button>
+      <button id="scrollToTop">scroll to top</button>
+      <button id="scrollToBottom">scroll to bottom</button>
       <button id="scrollToBox">scroll to box</button>
@@ -53,9 +53,9 @@ <button id="inc">increase</button>
     <script type="module">
-    import { createTransition, easeInOutQuad, easeInOutCubic } from '../dist/createTransition.mjs'
+    import { createTransition, easeInOutQuad, easeInOutCubic } from 'https://unpkg.com/create-transition'
 
-    document.getElementById('gotoTop').addEventListener('click', gotoTop)
-    document.getElementById('gotoBottom').addEventListener('click', gotoBottom)
+    document.getElementById('scrollToTop').addEventListener('click', scrollToTop)
+    document.getElementById('scrollToBottom').addEventListener('click', scrollToBottom)
 
     document.getElementById('scrollToBox').addEventListener('click', () =>
-      scrollTo(document.querySelector('.box'), -150)
+      scrollToElement(document.querySelector('.box'), 150)
     )
@@ -67,9 +67,9 @@
 
-    function scrollTo(el, offset = 0) {
+    function scrollToElement(el, offset = 0) {
       const y = window.scrollY
-      const d = el.getBoundingClientRect().top + offset
+      const d = el.getBoundingClientRect().top - offset
       createTransition(t => window.scrollTo(0, y + t * d), 300, easeInOutQuad)
     }
 
-    function gotoTop() {
+    function scrollToTop() {
       const y = window.scrollY
@@ -79,3 +79,3 @@ createTransition(t => window.scrollTo(0, y - t * y), 300, easeInOutQuad)
 
-    function gotoBottom() {
+    function scrollToBottom() {
       const y = window.scrollY
@@ -82,0 +82,0 @@ const d = document.documentElement.scrollHeight - window.innerHeight - window.scrollY

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

Worsened metrics

Total package byte prevSize

20444

decreased by-76.65%

Number of package files

9

decreased by-25%

Lines of code

232

decreased by-41.12%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes