@code-hike/mini-editor - npm Package Compare versions

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

dist/index.cjs.js

@@ -685,21 +685,44 @@ 'use strict';
     var _a = __read(React__default['default'].useState({
-        target: 0,
-        prev: step,
-        next: step,
-    }), 2), _b = _a[0], target = _b.target, prev = _b.prev, next = _b.next, 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 (next != step) {
-            setState(function (s) { return ({
-                target: s.target + 1,
-                prev: 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 { prev: prev, next: next, t: t || 1 };
+    var trioProgress = progress - index;
+    var result = trioProgress <= 1
+        ? {
+            prev: steps[0],
+            next: steps[1],
+            t: trioProgress,
+        }
+        : {
+            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.EditorSpring = EditorSpring;
 exports.EditorTween = EditorTween;

dist/index.esm.js

@@ -677,20 +677,43 @@ import React from 'react';
     var _a = __read(React.useState({
-        target: 0,
-        prev: step,
-        next: step,
-    }), 2), _b = _a[0], target = _b.target, prev = _b.prev, next = _b.next, 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 (next != step) {
-            setState(function (s) { return ({
-                target: s.target + 1,
-                prev: 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 { prev: prev, next: next, t: t || 1 };
+    var trioProgress = progress - index;
+    var result = trioProgress <= 1
+        ? {
+            prev: steps[0],
+            next: steps[1],
+            t: trioProgress,
+        }
+        : {
+            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 { EditorSpring, EditorTween };

package.json

 {
   "name": "@code-hike/mini-editor",
-  "version": "0.3.0-next.27",
+  "version": "0.3.0-next.28",
   "main": "dist/index.cjs.js",
@@ -15,3 +15,3 @@ "typings": "dist/index.d.ts",
   "devDependencies": {
-    "@code-hike/script": "0.3.0-next.27",
+    "@code-hike/script": "0.3.0-next.28",
     "@types/react": "^17.0.2",
@@ -21,6 +21,6 @@ "react": "^17.0.2"
   "dependencies": {
-    "@code-hike/classer": "0.3.0-next.27",
-    "@code-hike/mini-frame": "0.3.0-next.27",
-    "@code-hike/mini-terminal": "0.3.0-next.27",
-    "@code-hike/smooth-code": "0.3.0-next.27",
+    "@code-hike/classer": "0.3.0-next.28",
+    "@code-hike/mini-frame": "0.3.0-next.28",
+    "@code-hike/mini-terminal": "0.3.0-next.28",
+    "@code-hike/smooth-code": "0.3.0-next.28",
     "use-spring": "^0.2.3"
@@ -45,3 +45,3 @@ },
   },
-  "gitHead": "0138068772d700880a75b287d9ee9d60ece5ac41"
+  "gitHead": "edc97e07567ff3642fadbcefad2e03e669932869"
 }

No alert changes

Improved metrics

Total package byte prevSize

82465

increased by2.03%

Lines of code

1617

increased by2.93%

Dependency changes

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

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

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

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

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

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

• + Addedshiki@0.10.1(transitive)

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

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

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

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

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

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

• - Removedshiki@0.9.15(transitive)

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

• Updated@code-hike/mini-frame@0.3.0-next.28

• Updated@code-hike/mini-terminal@0.3.0-next.28

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