1.8.0: clone setTimeout, update store to use useLayoutEffect instead of useEffect

Author: quyettvq

lib/core/cjs.development.js

@@ -2,6 +2,98 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+let scheduleTimeout = setTimeout;
+
+let cancelTimeout = clearTimeout;
+
+let hasOwnProperty = Object.prototype.hasOwnProperty;
+
+let slice = Array.prototype.slice;
+
+let isString = (value) => {
+    return typeof value === 'string';
+};
+
+let isNumber = (value) => {
+    return typeof value === 'number';
+};
+
+let isFunction = (value) => {
+    return typeof value === 'function';
+};
+
+let isArray = (value) => {
+    return value instanceof Array;
+};
+
+/**
+ * Object.is equivalence.
+ * https://github.com/facebook/fbjs/blob/main/packages/fbjs/src/core/shallowEqual.js#L22
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+ * 
+ * @param {any} x 
+ * @param {any} y 
+ * @returns {boolean}
+ */
+ let theSame = (x, y) => {
+    // SameValue algorithm
+    if (x === y) {
+        // +0 != -0
+        return x !== 0 || 1 / x === 1 / y;
+    } else {
+        // NaN == NaN
+        return x !== x && y !== y;
+    }
+};
+
+/**
+ * 
+ * @param {{}} A 
+ * @param {{}} B 
+ * @returns {boolean}
+ */
+let objectsShallowEqual = (A, B) => {
+    if (A === B) {
+        return true;
+    }
+    let kA = Object.keys(A);
+    let kB = Object.keys(B);
+    if (kA.length !== kB.length) {
+        return false;
+    }
+    for (let k, i = kA.length - 1; i >= 0; --i) {
+        k = kA[i];
+        if (!(
+            hasOwnProperty.call(B, k) &&
+            theSame(A[k], B[k])
+        )) {
+            return false;
+        }
+    }
+    return true;
+};
+
+/**
+ * 
+ * @param {[]} A
+ * @param {[]} B 
+ * @returns {boolean}
+ */
+ let arraysShallowEqual = (A, B) => {
+    if (A === B) {
+        return true;
+    }
+    if (A.length !== B.length) {
+        return false;
+    }
+    for (let i = A.length - 1; i >= 0; --i) {
+        if (!theSame(A[i], B[i])) {
+            return false;
+        }
+    }
+    return true;
+};
+
 // Do not support namespace MathML as almost browsers do not support as well
 const NAMESPACE_HTML = 0;
 const NAMESPACE_SVG = 1;
@@ -268,94 +360,6 @@ let walkNativeChildren = (callback, parent, stopBefore) => {
     }
 };
 
-let hasOwnProperty = Object.prototype.hasOwnProperty;
-
-let slice = Array.prototype.slice;
-
-let isString = (value) => {
-    return typeof value === 'string';
-};
-
-let isNumber = (value) => {
-    return typeof value === 'number';
-};
-
-let isFunction = (value) => {
-    return typeof value === 'function';
-};
-
-let isArray = (value) => {
-    return value instanceof Array;
-};
-
-/**
- * Object.is equivalence.
- * https://github.com/facebook/fbjs/blob/main/packages/fbjs/src/core/shallowEqual.js#L22
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
- * 
- * @param {any} x 
- * @param {any} y 
- * @returns {boolean}
- */
- let theSame = (x, y) => {
-    // SameValue algorithm
-    if (x === y) {
-        // +0 != -0
-        return x !== 0 || 1 / x === 1 / y;
-    } else {
-        // NaN == NaN
-        return x !== x && y !== y;
-    }
-};
-
-/**
- * 
- * @param {{}} A 
- * @param {{}} B 
- * @returns {boolean}
- */
-let objectsShallowEqual = (A, B) => {
-    if (A === B) {
-        return true;
-    }
-    let kA = Object.keys(A);
-    let kB = Object.keys(B);
-    if (kA.length !== kB.length) {
-        return false;
-    }
-    for (let k, i = kA.length - 1; i >= 0; --i) {
-        k = kA[i];
-        if (!(
-            hasOwnProperty.call(B, k) &&
-            theSame(A[k], B[k])
-        )) {
-            return false;
-        }
-    }
-    return true;
-};
-
-/**
- * 
- * @param {[]} A
- * @param {[]} B 
- * @returns {boolean}
- */
- let arraysShallowEqual = (A, B) => {
-    if (A === B) {
-        return true;
-    }
-    if (A.length !== B.length) {
-        return false;
-    }
-    for (let i = A.length - 1; i >= 0; --i) {
-        if (!theSame(A[i], B[i])) {
-            return false;
-        }
-    }
-    return true;
-};
-
 /**
  * 
  * @param {Text} node 
@@ -938,7 +942,7 @@ let _setState = function (value) {
         this.value_ = newValue;
 
         // Schedule a work to update the UI
-        this.context_.updateId_ = setTimeout(_flushUpdates, 0, this);
+        this.context_.updateId_ = scheduleTimeout(_flushUpdates, 0, this);
     }
 };
 
@@ -969,7 +973,7 @@ let catchError = (error, vnode) => {
             if (hook.tag_ === STATE_ERROR) {
                 // Throw the error asynchorously
                 // to avoid blocking effect callbacks
-                setTimeout(() => {
+                scheduleTimeout(() => {
                     hook.setValue_((prevError) => {
                         if (prevError != null) {
                             return prevError;
@@ -1584,7 +1588,7 @@ let renderTree = (current) => {
     runEffectQueue(EFFECT_LAYOUT, effectQueue);
 
     // Schedule to run useEffect callbacks
-    setTimeout(runEffectQueue, 0, EFFECT_NORMAL, effectQueue);
+    scheduleTimeout(runEffectQueue, 0, EFFECT_NORMAL, effectQueue);
 };
 
 // Effect flags
@@ -1624,7 +1628,7 @@ let _performUnitOfWork = (current, root, effectQueue) => {
     // Do this before reconciliation because the current node can
     // be scheduled for another update while the reconciliation
     if (current.updateId_ !== null) {
-        clearTimeout(current.updateId_);
+        cancelTimeout(current.updateId_);
         current.updateId_ = null;
     }
 
@@ -1692,7 +1696,7 @@ let _performUnitOfWork = (current, root, effectQueue) => {
                 // Important!!!
                 // Cancel the update schedule on the deleted nodes
                 if (deleted.updateId_ !== null) {
-                    clearTimeout(deleted.updateId_);
+                    cancelTimeout(deleted.updateId_);
                     deleted.updateId_ = null;
                 }
                 // Never skip any node when handling deletions
@@ -1823,11 +1827,13 @@ let useCallback = (callback, deps) => {
 
 exports.Fragment = Fragment;
 exports.Text = Text;
+exports.cancelTimeout = cancelTimeout;
 exports.createElement = createElement;
 exports.createPortal = createPortal;
 exports.createRef = createRef;
 exports.jsx = createElement;
 exports.render = render;
+exports.scheduleTimeout = scheduleTimeout;
 exports.useCallback = useCallback;
 exports.useCatch = useCatch;
 exports.useEffect = useEffect;