@tamagui/core 1.112.9 → 1.112.11

package/dist/native.js

@@ -3224,7 +3224,7 @@ var require_ThemeManager_native = __commonJS({
       "use strict";
       function ThemeManager2() {
         var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, parentManager = arguments.length > 1 ? arguments[1] : void 0;
-        if (_class_call_check(this, ThemeManager2), _define_property(this, "props", void 0), _define_property(this, "id", void 0), _define_property(this, "themeListeners", void 0), _define_property(this, "parentManager", void 0), _define_property(this, "state", void 0), _define_property(this, "_allKeys", void 0), this.props = props, this.id = 0, this.themeListeners = /* @__PURE__ */ new Set(), this.parentManager = null, this.state = emptyState, this._allKeys = null, uid = (uid + 1) % Number.MAX_VALUE, this.id = uid, parentManager === "root") {
+        if (_class_call_check(this, ThemeManager2), _define_property(this, "props", void 0), _define_property(this, "id", void 0), _define_property(this, "themeListeners", void 0), _define_property(this, "parentManager", void 0), _define_property(this, "state", void 0), _define_property(this, "_allKeys", void 0), _define_property(this, "_selfListener", void 0), this.props = props, this.id = 0, this.themeListeners = /* @__PURE__ */ new Set(), this.parentManager = null, this.state = emptyState, this._allKeys = null, uid = (uid + 1) % Number.MAX_VALUE, this.id = uid, parentManager === "root") {
           this.updateStateFromProps(props, !1);
           return;
         }
@@ -3244,11 +3244,22 @@ var require_ThemeManager_native = __commonJS({
         {
           key: "updateState",
           value: function(nextState) {
-            var _this = this, shouldNotify = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-            this.state = nextState, this._allKeys = null, shouldNotify && this.notify();
+            var shouldNotify = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
+            this.state = nextState, this._allKeys = null;
           }
         },
         {
+          // if (shouldNotify) {
+          //   if (process.env.TAMAGUI_TARGET === 'native') {
+          //     // native is way slower with queueMicrotask
+          //     this.notify()
+          //   } else {
+          //     // web is way faster this way
+          //     queueMicrotask(() => {
+          //       this.notify()
+          //     })
+          //   }
+          // }
           key: "getStateIfChanged",
           value: function() {
             var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props, state = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this.state, parentManager = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : this.parentManager, _ = this.getState(props, parentManager);
@@ -3292,6 +3303,13 @@ var require_ThemeManager_native = __commonJS({
             }
           }
         },
+        {
+          key: "selfUpdate",
+          value: function() {
+            var _this__selfListener, _this;
+            (_this__selfListener = (_this = this)._selfListener) === null || _this__selfListener === void 0 || _this__selfListener.call(_this, this.state.name, this, "self");
+          }
+        },
         {
           key: "onChangeTheme",
           value: function(cb, debugId) {
@@ -3300,7 +3318,7 @@ var require_ThemeManager_native = __commonJS({
               var _this__listeningIds;
               (_this__listeningIds = this._listeningIds) !== null && _this__listeningIds !== void 0 || (this._listeningIds = /* @__PURE__ */ new Set()), this._listeningIds.add(debugId);
             }
-            return this.themeListeners.add(cb), function() {
+            return debugId === !0 && (this._selfListener = cb), this.themeListeners.add(cb), function() {
               _this.themeListeners.delete(cb);
             };
           }
@@ -3659,7 +3677,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
       if (!theme) return {};
       var config = (0, import_config.getConfig)();
       function track(key) {
-        keys && !keys.includes(key) && (keys.push(key), process.env.NODE_ENV === "development" && debug && console.info(` \u{1F3A8} useTheme() tracking new key: ${key}`));
+        keys && !keys.includes(key) && (keys.length || themeManager == null || themeManager.selfUpdate(), keys.push(key), process.env.NODE_ENV === "development" && debug && console.info(` \u{1F3A8} useTheme() tracking new key: ${key}`));
       }
       return new Proxy(theme, {
         has(_, key) {
@@ -3735,15 +3753,19 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         state: parentManager == null ? void 0 : parentManager.state,
         themeManager: parentManager
       };
-      var [themeState, setThemeState] = import_react3.default.useState(createState), { state, mounted, isNewTheme, themeManager, inversed } = themeState, isInversingOnMount = !!(!themeState.mounted && props.inverse);
+      var [themeState, setThemeState] = import_react3.default.useState(createState), { state, mounted, isNewTheme, themeManager, inversed, prevState } = themeState, isInversingOnMount = !!(!themeState.mounted && props.inverse);
       function getShouldUpdateTheme() {
-        var manager = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : themeManager, nextState = arguments.length > 1 ? arguments[1] : void 0, prevState = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : state, forceShouldChange = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, forceUpdate = shouldUpdate == null ? void 0 : shouldUpdate();
+        var manager = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : themeManager, nextState = arguments.length > 1 ? arguments[1] : void 0, prevState2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : state, forceShouldChange = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, forceUpdate = shouldUpdate == null ? void 0 : shouldUpdate();
         if (!(!manager || !forceShouldChange && forceUpdate === !1)) {
           var next = nextState || manager.getState(props, parentManager);
-          if (forceShouldChange || next && !(forceUpdate !== !0 && !manager.getStateShouldChange(next, prevState))) return next;
+          if (forceShouldChange || next && !(forceUpdate !== !0 && !manager.getStateShouldChange(next, prevState2))) return next;
         }
       }
-      if (import_constants2.isServer || (import_react3.default.useEffect(function() {
+      if (import_constants2.isServer || (import_react3.default.useLayoutEffect(function() {
+        themeManager && state && prevState && state !== prevState && themeManager.notify();
+      }, [
+        state
+      ]), import_react3.default.useEffect(function() {
         if (themeManager) {
           if (props.inverse && !mounted) {
             setThemeState(function(prev) {
@@ -3756,10 +3778,11 @@ If this is intended and you are using Tamagui without any themes, you can disabl
           }
           (isNewTheme || getShouldUpdateTheme(themeManager)) && (activeThemeManagers.add(themeManager), setThemeState(createState));
           var selfListenerDispose = themeManager.onChangeTheme(function(_a, _b, forced) {
-            forced && (console.error = preventWarnSetState, setThemeState(function(prev) {
-              return createState(prev, !0);
-            }), console.error = ogLog);
-          }), disposeChangeListener = parentManager == null ? void 0 : parentManager.onChangeTheme(function(name, manager, forced) {
+            forced && setThemeState(function(prev) {
+              var next = createState(prev, forced !== "self");
+              return next;
+            });
+          }, !0), disposeChangeListener = parentManager == null ? void 0 : parentManager.onChangeTheme(function(name, manager, forced) {
             var force = forced || (shouldUpdate == null ? void 0 : shouldUpdate()) || props.deopt || props["disable-child-theme"], shouldTryUpdate = force ?? !!(keys != null && keys.length || isNewTheme);
             process.env.NODE_ENV === "development" && props.debug === "verbose" && console.info(" \u{1F538} onChange", themeManager.id, {
               force,
@@ -3768,9 +3791,9 @@ If this is intended and you are using Tamagui without any themes, you can disabl
               name,
               manager,
               keys
-            }), shouldTryUpdate && (console.error = preventWarnSetState, setThemeState(function(prev) {
+            }), shouldTryUpdate && setThemeState(function(prev) {
               return createState(prev, force);
-            }), console.error = ogLog);
+            });
           }, themeManager.id);
           return function() {
             selfListenerDispose(), disposeChangeListener == null || disposeChangeListener(), isNewTheme && activeThemeManagers.delete(themeManager);
@@ -3837,7 +3860,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         (0, import_createShallowSetState.isEqualShallow)(prev, response) && // ... and then compare just the state, because we make a new state obj but is likely the same
         (0, import_createShallowSetState.isEqualShallow)(prev.state, state2);
         if (prev && shouldReturnPrev) return prev;
-        if (response.state = state2, process.env.NODE_ENV === "development" && props.debug && import_constants2.isClient) {
+        if (response.state = state2, response.prevState = prev == null ? void 0 : prev.state, process.env.NODE_ENV === "development" && props.debug && import_constants2.isClient) {
           console.groupCollapsed(`\u{1F537} [${themeManager2.id}] useChangeThemeEffect createState`);
           var parentState = {
             ...parentManager == null ? void 0 : parentManager.state