@motionone/svelte - npm Package Compare versions

Comparing version 10.7.2 to 10.8.0-beta.2

dist/index.js

@@ -178,13 +178,30 @@ function noop$1() { }
 }
-let flushing = false;
+// flush() calls callbacks in this order:
+// 1. All beforeUpdate callbacks, in order: parents before children
+// 2. All bind:this callbacks, in reverse order: children before parents.
+// 3. All afterUpdate callbacks, in order: parents before children. EXCEPT
+//    for afterUpdates called during the initial onMount, which are called in
+//    reverse order: children before parents.
+// Since callbacks might update component values, which could trigger another
+// call to flush(), the following steps guard against this:
+// 1. During beforeUpdate, any updated components will be added to the
+//    dirty_components array and will cause a reentrant call to flush(). Because
+//    the flush index is kept outside the function, the reentrant call will pick
+//    up where the earlier call left off and go through all dirty components. The
+//    current_component value is saved and restored so that the reentrant call will
+//    not interfere with the "parent" flush() call.
+// 2. bind:this callbacks cannot trigger new flush() calls.
+// 3. During afterUpdate, any updated components will NOT have their afterUpdate
+//    callback called a second time; the seen_callbacks set, outside the flush()
+//    function, guarantees this behavior.
 const seen_callbacks = new Set();
+let flushidx = 0; // Do *not* move this inside the flush() function
 function flush() {
-    if (flushing)
-        return;
-    flushing = true;
+    const saved_component = current_component;
     do {
         // first, call beforeUpdate functions
         // and update components
-        for (let i = 0; i < dirty_components.length; i += 1) {
-            const component = dirty_components[i];
+        while (flushidx < dirty_components.length) {
+            const component = dirty_components[flushidx];
+            flushidx++;
             set_current_component(component);
@@ -195,2 +212,3 @@ update(component.$$);
         dirty_components.length = 0;
+        flushidx = 0;
         while (binding_callbacks.length)
@@ -215,4 +233,4 @@ binding_callbacks.pop()();
     update_scheduled = false;
-    flushing = false;
     seen_callbacks.clear();
+    set_current_component(saved_component);
 }
@@ -1506,3 +1524,3 @@ function update($$) {
 
-/* src/Motion.svelte generated by Svelte v3.44.2 */
+/* src/Motion.svelte generated by Svelte v3.47.0 */
 
@@ -1509,0 +1527,0 @@ function create_fragment(ctx) {

package.json

 {
   "name": "@motionone/svelte",
-  "version": "10.7.2",
+  "version": "10.8.0-beta.2",
   "description": "A tiny, performant animation library for Svelte",
@@ -17,3 +17,3 @@ "author": "Matt Perry",
   "dependencies": {
-    "@motionone/dom": "^10.7.2",
+    "@motionone/dom": "^10.8.0-beta.2",
     "tslib": "^2.3.1"
@@ -34,3 +34,3 @@ },
   },
-  "gitHead": "ade3d3129e3dc59a7ab0b3dbe42edab3e9ffdc1b"
+  "gitHead": "1ebff65a0927fe729c0bfb4d82eca75c03a49813"
 }

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

Improved metrics

Total package byte prevSize

245156

increased by2.3%

Lines of code

1635

increased by1.11%

Worsened metrics

Number of low quality alerts

2

increased by100%

Dependency changes

• Updated@motionone/dom@^10.8.0-beta.2