@plasmicapp/react-web 0.2.306 → 0.2.309

package/dist/index.cjs.js

@@ -2000,6 +2000,7 @@ function findStateCell(root, pathStr, repetitionIndex) {
     };
 }
 
+var defer = setTimeout;
 function isNum$1(value) {
     return typeof value === "symbol" ? false : !isNaN(+value);
 }
@@ -2290,6 +2291,22 @@ function useDollarState(specs) {
         rest[_i - 1] = arguments[_i];
     }
     var _a = extractDollarStateParametersBackwardCompatible.apply(void 0, __spreadArray([], __read(rest), false)), env = _a.env, opts = _a.opts;
+    var _b = __read(React.useState(), 2), setState = _b[1];
+    var mountedRef = React.useRef(false);
+    var isMounted = React.useCallback(function () { return mountedRef.current; }, []);
+    React.useEffect(function () {
+        mountedRef.current = true;
+        return function () { return (mountedRef.current = false); };
+    }, []);
+    var pendingUpdate = React.useRef(false);
+    var forceUpdate = React.useCallback(function () {
+        return defer(function () {
+            if (isMounted()) {
+                setState([]);
+                pendingUpdate.current = false;
+            }
+        });
+    }, []);
     var $$state = React.useRef((function () {
         var rootSpecTree = buildTree(specs);
         return {
@@ -2298,7 +2315,7 @@ function useDollarState(specs) {
             stateValues: valtio.proxy({}),
             env: envFieldsAreNonNill(env),
             specs: [],
-            registrationsQueue: valtio.proxy([]),
+            registrationsQueue: [],
             stateInitializationEnv: { stack: [], visited: new Set() },
         };
     })()).current;
@@ -2335,14 +2352,18 @@ function useDollarState(specs) {
                     ? envFieldsAreNonNill(overrideEnv)
                     : $$state.env;
                 if (!deepEqual(stateCell.initialValue, f(__assign({ $state: $state }, env)))) {
-                    $$state.registrationsQueue.push(mkUntrackedValue({
+                    $$state.registrationsQueue.push({
                         node: node,
                         path: realPath,
                         f: f,
                         overrideEnv: overrideEnv
                             ? envFieldsAreNonNill(overrideEnv)
                             : undefined,
-                    }));
+                    });
+                    if (!pendingUpdate.current) {
+                        pendingUpdate.current = true;
+                        forceUpdate();
+                    }
                 }
             } }, ((opts === null || opts === void 0 ? void 0 : opts.inCanvas)
             ? {
@@ -2413,9 +2434,16 @@ function useDollarState(specs) {
         getStateCells($state, $$state.rootSpecTree).forEach(function (stateCell) {
             var _a;
             if (stateCell.initFunc) {
-                var newInit = invokeInitFuncBackwardsCompatible(stateCell.initFunc, __assign({ $state: $state }, ((_a = stateCell.overrideEnv) !== null && _a !== void 0 ? _a : envFieldsAreNonNill(env))));
-                if (!deepEqual(newInit, stateCell.initialValue)) {
-                    resetSpecs.push({ stateCell: stateCell });
+                try {
+                    var newInit = invokeInitFuncBackwardsCompatible(stateCell.initFunc, __assign({ $state: $state }, ((_a = stateCell.overrideEnv) !== null && _a !== void 0 ? _a : envFieldsAreNonNill(env))));
+                    if (!deepEqual(newInit, stateCell.initialValue)) {
+                        resetSpecs.push({ stateCell: stateCell });
+                    }
+                }
+                catch (_b) {
+                    // Exception may be thrown from initFunc -- for example, if it tries to access $queries
+                    // that are still loading. We swallow those here, since we're only interested in
+                    // checking if the init value has changed, not in handling these errors.
                 }
             }
         });
@@ -2432,7 +2460,7 @@ function useDollarState(specs) {
             stateCell.overrideEnv = overrideEnv;
             reInitializeState(stateCell);
         }
-    }, [$$state.registrationsQueue.length]);
+    });
     // immediately initialize exposed non-private states
     useIsomorphicLayoutEffect(function () {
         $$state.specTreeLeaves.forEach(function (node) {
@@ -2445,7 +2473,6 @@ function useDollarState(specs) {
     }, []);
     // Re-render if any value changed in one of these objects
     valtio.useSnapshot($$state.stateValues, { sync: true });
-    valtio.useSnapshot($$state.registrationsQueue, { sync: true });
     return $state;
 }