@code-hike/smooth-code - npm Package Compare versions

Comparing version 0.3.0-next.27 to 0.3.0-next.28

dist/index.cjs.js

@@ -1159,19 +1159,42 @@ 'use strict';
     var _a = __read(React__default['default'].useState({
-        target: 0,
-        tween: { prev: step, next: step },
-    }), 2), _b = _a[0], target = _b.target, tween = _b.tween, setState = _a[1];
+        target: 2,
+        steps: [step, step, step],
+        index: 0,
+    }), 2), _b = _a[0], target = _b.target, steps = _b.steps, index = _b.index, setState = _a[1];
     React__default['default'].useEffect(function () {
-        if (tween.next != step) {
-            setState(function (s) { return ({
-                target: s.target + 1,
-                tween: { prev: tween.next, next: step },
-            }); });
+        var lastStep = steps[steps.length - 1];
+        if (lastStep != step) {
+            setState(function (s) { return updateStepSpring(s, step, progress); });
         }
     }, [step]);
     var _c = __read(useSpring.useSpring(target, springConfig), 1), progress = _c[0];
-    var t = progress % 1;
-    return { tween: tween, t: t || 1 };
+    var trioProgress = progress - index;
+    var result = trioProgress <= 1
+        ? {
+            tween: { prev: steps[0], next: steps[1] },
+            t: trioProgress,
+        }
+        : {
+            tween: { prev: steps[1], next: steps[2] },
+            t: trioProgress - 1,
+        };
+    return result;
 }
+function updateStepSpring(state, newStep, progress) {
+    var steps = state.steps, target = state.target, index = state.index;
+    var stepsClone = steps.slice();
+    var trioProgress = progress - index;
+    if (trioProgress < 1) {
+        stepsClone[2] = newStep;
+        return __assign(__assign({}, state), { steps: stepsClone });
+    }
+    else {
+        stepsClone[0] = steps[1];
+        stepsClone[1] = steps[2];
+        stepsClone[2] = newStep;
+        return __assign(__assign({}, state), { steps: stepsClone, target: target + 1, index: index + 1 });
+    }
+}
 
 exports.CodeSpring = CodeSpring;
 exports.CodeTween = CodeTween;

dist/index.esm.js

@@ -1151,18 +1151,41 @@ import React from 'react';
     var _a = __read(React.useState({
-        target: 0,
-        tween: { prev: step, next: step },
-    }), 2), _b = _a[0], target = _b.target, tween = _b.tween, setState = _a[1];
+        target: 2,
+        steps: [step, step, step],
+        index: 0,
+    }), 2), _b = _a[0], target = _b.target, steps = _b.steps, index = _b.index, setState = _a[1];
     React.useEffect(function () {
-        if (tween.next != step) {
-            setState(function (s) { return ({
-                target: s.target + 1,
-                tween: { prev: tween.next, next: step },
-            }); });
+        var lastStep = steps[steps.length - 1];
+        if (lastStep != step) {
+            setState(function (s) { return updateStepSpring(s, step, progress); });
         }
     }, [step]);
     var _c = __read(useSpring(target, springConfig), 1), progress = _c[0];
-    var t = progress % 1;
-    return { tween: tween, t: t || 1 };
+    var trioProgress = progress - index;
+    var result = trioProgress <= 1
+        ? {
+            tween: { prev: steps[0], next: steps[1] },
+            t: trioProgress,
+        }
+        : {
+            tween: { prev: steps[1], next: steps[2] },
+            t: trioProgress - 1,
+        };
+    return result;
 }
+function updateStepSpring(state, newStep, progress) {
+    var steps = state.steps, target = state.target, index = state.index;
+    var stepsClone = steps.slice();
+    var trioProgress = progress - index;
+    if (trioProgress < 1) {
+        stepsClone[2] = newStep;
+        return __assign(__assign({}, state), { steps: stepsClone });
+    }
+    else {
+        stepsClone[0] = steps[1];
+        stepsClone[1] = steps[2];
+        stepsClone[2] = newStep;
+        return __assign(__assign({}, state), { steps: stepsClone, target: target + 1, index: index + 1 });
+    }
+}
 
 export { CodeSpring, CodeTween };

package.json

 {
   "name": "@code-hike/smooth-code",
-  "version": "0.3.0-next.27",
+  "version": "0.3.0-next.28",
   "main": "dist/index.cjs.js",
@@ -18,3 +18,3 @@ "typings": "dist/index.d.ts",
   "devDependencies": {
-    "@code-hike/script": "0.3.0-next.27",
+    "@code-hike/script": "0.3.0-next.28",
     "@types/diff": "^4.0.2",
@@ -28,4 +28,4 @@ "@types/jest": "^24.0.15",
   "dependencies": {
-    "@code-hike/highlighter": "0.3.0-next.27",
-    "@code-hike/utils": "0.3.0-next.27",
+    "@code-hike/highlighter": "0.3.0-next.28",
+    "@code-hike/utils": "0.3.0-next.28",
     "diff": "^4.0.2",
@@ -51,3 +51,3 @@ "use-spring": "^0.2.3"
   },
-  "gitHead": "0138068772d700880a75b287d9ee9d60ece5ac41"
+  "gitHead": "edc97e07567ff3642fadbcefad2e03e669932869"
 }

No alert changes

Improved metrics

Total package byte prevSize

119060

increased by1.42%

Lines of code

2627

increased by1.78%

Dependency changes

• + Added@code-hike/highlighter@0.3.0-next.28(transitive)

• + Added@code-hike/utils@0.3.0-next.28(transitive)

• + Addedshiki@0.10.1(transitive)

• - Removed@code-hike/highlighter@0.3.0-next.27(transitive)

• - Removed@code-hike/utils@0.3.0-next.27(transitive)

• - Removedshiki@0.9.15(transitive)

• Updated@code-hike/highlighter@0.3.0-next.28

• Updated@code-hike/utils@0.3.0-next.28