@tamagui/core 1.125.8 → 1.125.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/native.js +22 -43
- package/dist/native.js.map +2 -2
- package/dist/test.native.js +19 -21
- package/dist/test.native.js.map +2 -2
- package/package.json +7 -7
package/dist/native.js
CHANGED
|
@@ -6093,32 +6093,12 @@ var require_useThemeState_native = __commonJS({
|
|
|
6093
6093
|
hasThemeUpdatingProps: function() {
|
|
6094
6094
|
return hasThemeUpdatingProps;
|
|
6095
6095
|
},
|
|
6096
|
-
keysToId: function() {
|
|
6097
|
-
return keysToId;
|
|
6098
|
-
},
|
|
6099
6096
|
useThemeState: function() {
|
|
6100
6097
|
return useThemeState;
|
|
6101
6098
|
}
|
|
6102
6099
|
});
|
|
6103
6100
|
module2.exports = __toCommonJS2(useThemeState_exports);
|
|
6104
|
-
var import_constants2 = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), ThemeStateContext = (0, import_react3.createContext)(""),
|
|
6105
|
-
process.env.NODE_ENV === "development" && (globalThis.getTamaguiThemes = function() {
|
|
6106
|
-
function buildTree(id) {
|
|
6107
|
-
var node = states.get(id);
|
|
6108
|
-
if (!node) return null;
|
|
6109
|
-
var children = Array.from(states.values()).filter(function(child) {
|
|
6110
|
-
return (child == null ? void 0 : child.parentId) === id;
|
|
6111
|
-
}).map(function(child) {
|
|
6112
|
-
return buildTree(child.id);
|
|
6113
|
-
}).filter(Boolean);
|
|
6114
|
-
return {
|
|
6115
|
-
...node,
|
|
6116
|
-
children
|
|
6117
|
-
};
|
|
6118
|
-
}
|
|
6119
|
-
rootThemeState && console.info(buildTree(rootThemeState.id));
|
|
6120
|
-
});
|
|
6121
|
-
var shouldForce = !1, forceUpdateThemes2 = function() {
|
|
6101
|
+
var import_constants2 = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), ThemeStateContext = (0, import_react3.createContext)(""), allListeners = /* @__PURE__ */ new Map(), listenersByParent = {}, HasRenderedOnce = /* @__PURE__ */ new WeakMap(), HadTheme = /* @__PURE__ */ new WeakMap(), PendingUpdate = /* @__PURE__ */ new Map(), states = /* @__PURE__ */ new Map(), localStates = /* @__PURE__ */ new Map(), shouldForce = !1, forceUpdateThemes2 = function() {
|
|
6122
6102
|
cacheVersion++, shouldForce = !0, allListeners.forEach(function(cb) {
|
|
6123
6103
|
return cb();
|
|
6124
6104
|
});
|
|
@@ -6138,16 +6118,16 @@ var require_useThemeState_native = __commonJS({
|
|
|
6138
6118
|
var id = (0, import_react3.useId)(), subscribe = (0, import_react3.useCallback)(function(cb) {
|
|
6139
6119
|
var _listenersByParent, _parentId;
|
|
6140
6120
|
return (_listenersByParent = listenersByParent)[_parentId = parentId] || (_listenersByParent[_parentId] = /* @__PURE__ */ new Set()), listenersByParent[parentId].add(id), allListeners.set(id, function() {
|
|
6141
|
-
|
|
6121
|
+
PendingUpdate.set(id, shouldForce ? "force" : !0), cb();
|
|
6142
6122
|
}), function() {
|
|
6143
|
-
allListeners.delete(id), listenersByParent[parentId].delete(id), localStates.delete(id), states.delete(id),
|
|
6123
|
+
allListeners.delete(id), listenersByParent[parentId].delete(id), localStates.delete(id), states.delete(id), PendingUpdate.delete(id);
|
|
6144
6124
|
};
|
|
6145
6125
|
}, [
|
|
6146
6126
|
id,
|
|
6147
6127
|
parentId
|
|
6148
6128
|
]), propsKey = getPropsKey(props), getSnapshot = function() {
|
|
6149
|
-
var _keys_current, _props_needsUpdate, local = localStates.get(id), needsUpdate = isRoot || props.name === "light" || props.name === "dark" || props.name === null ? !0 :
|
|
6150
|
-
return
|
|
6129
|
+
var _keys_current, _props_needsUpdate, local = localStates.get(id), needsUpdate = isRoot || props.name === "light" || props.name === "dark" || props.name === null ? !0 : HasRenderedOnce.get(keys) ? !(keys == null || (_keys_current = keys.current) === null || _keys_current === void 0) && _keys_current.size ? !0 : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props) : !0, [rerender, next] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
|
|
6130
|
+
return PendingUpdate.delete(id), (!local || rerender) && (local = {
|
|
6151
6131
|
...next
|
|
6152
6132
|
}, localStates.set(id, local)), process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && (console.groupCollapsed(` ${id} \u{1FA84} ${rerender}`, local.name, ">", next.name), console.info({
|
|
6153
6133
|
props,
|
|
@@ -6162,25 +6142,27 @@ var require_useThemeState_native = __commonJS({
|
|
|
6162
6142
|
process.env.NODE_ENV === "development" && globalThis.time && globalThis.time`theme-prep-uses`;
|
|
6163
6143
|
var state = (0, import_react3.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
|
|
6164
6144
|
return (0, import_constants2.useIsomorphicLayoutEffect)(function() {
|
|
6165
|
-
if (!
|
|
6166
|
-
|
|
6145
|
+
if (!HasRenderedOnce.get(keys)) {
|
|
6146
|
+
HasRenderedOnce.set(keys, !0);
|
|
6167
6147
|
return;
|
|
6168
6148
|
}
|
|
6169
|
-
if (propsKey) {
|
|
6170
|
-
|
|
6171
|
-
|
|
6172
|
-
console.warn(` \xB7 useTheme(${id}) scheduleUpdate`, propsKey, (_states_get = states.get(id)) === null || _states_get === void 0 ? void 0 : _states_get.name);
|
|
6173
|
-
}
|
|
6174
|
-
scheduleUpdate(id);
|
|
6149
|
+
if (!propsKey) {
|
|
6150
|
+
HadTheme.get(keys) && scheduleUpdate(id), HadTheme.set(keys, !1);
|
|
6151
|
+
return;
|
|
6175
6152
|
}
|
|
6153
|
+
if (process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile") {
|
|
6154
|
+
var _states_get;
|
|
6155
|
+
console.warn(` \xB7 useTheme(${id}) scheduleUpdate`, propsKey, (_states_get = states.get(id)) === null || _states_get === void 0 ? void 0 : _states_get.name);
|
|
6156
|
+
}
|
|
6157
|
+
scheduleUpdate(id), HadTheme.set(keys, !0);
|
|
6176
6158
|
}, [
|
|
6177
6159
|
keys,
|
|
6178
6160
|
propsKey
|
|
6179
6161
|
]), state;
|
|
6180
6162
|
}, getNextState = function(lastState, props, propsKey) {
|
|
6181
|
-
var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, id = arguments.length > 4 ? arguments[4] : void 0, parentId = arguments.length > 5 ? arguments[5] : void 0, needsUpdate = arguments.length > 6 ? arguments[6] : void 0,
|
|
6163
|
+
var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, id = arguments.length > 4 ? arguments[4] : void 0, parentId = arguments.length > 5 ? arguments[5] : void 0, needsUpdate = arguments.length > 6 ? arguments[6] : void 0, pendingUpdate = arguments.length > 7 ? arguments[7] : void 0, { debug } = props, parentState = states.get(parentId);
|
|
6182
6164
|
themes || (themes = (0, import_config.getConfig)().themes);
|
|
6183
|
-
var name = !propsKey && (!lastState || !(lastState != null && lastState.isNew)) ? null : getNewThemeName(parentState == null ? void 0 : parentState.name, props,
|
|
6165
|
+
var name = !propsKey && (!lastState || !(lastState != null && lastState.isNew)) ? null : getNewThemeName(parentState == null ? void 0 : parentState.name, props, pendingUpdate === "force" ? !0 : !!needsUpdate), isSameAsParent = parentState && (!name || name === parentState.name), shouldRerender = !!(needsUpdate && (pendingUpdate || (lastState == null ? void 0 : lastState.name) !== (parentState == null ? void 0 : parentState.name)));
|
|
6184
6166
|
if (process.env.NODE_ENV === "development" && debug && debug !== "profile") {
|
|
6185
6167
|
var message = ` \xB7 useTheme(${id}) => ${name} needsUpdate ${needsUpdate} shouldRerender ${shouldRerender}`;
|
|
6186
6168
|
console.info(message);
|
|
@@ -6220,16 +6202,16 @@ var require_useThemeState_native = __commonJS({
|
|
|
6220
6202
|
isInverse,
|
|
6221
6203
|
isNew: !0
|
|
6222
6204
|
};
|
|
6223
|
-
if (isRoot && (rootThemeState = nextState),
|
|
6205
|
+
if (isRoot && (rootThemeState = nextState), pendingUpdate !== "force" && lastState && lastState.name === name) return [
|
|
6224
6206
|
!1,
|
|
6225
6207
|
nextState
|
|
6226
6208
|
];
|
|
6227
|
-
var shouldAvoidRerender =
|
|
6209
|
+
var shouldAvoidRerender = pendingUpdate !== "force" && lastState && !needsUpdate && nextState.name === lastState.name;
|
|
6228
6210
|
return process.env.NODE_ENV === "development" && debug && debug !== "profile" && (console.groupCollapsed(` \xB7 useTheme(${id}) \u23ED\uFE0F ${name} shouldAvoidRerender: ${shouldAvoidRerender}`), console.info({
|
|
6229
6211
|
lastState,
|
|
6230
6212
|
needsUpdate,
|
|
6231
6213
|
nextState,
|
|
6232
|
-
pendingUpdate
|
|
6214
|
+
pendingUpdate
|
|
6233
6215
|
}), console.groupEnd()), shouldAvoidRerender ? [
|
|
6234
6216
|
!1,
|
|
6235
6217
|
nextState
|
|
@@ -6420,7 +6402,7 @@ var require_getThemeProxied_native = __commonJS({
|
|
|
6420
6402
|
}
|
|
6421
6403
|
});
|
|
6422
6404
|
module2.exports = __toCommonJS2(getThemeProxied_exports);
|
|
6423
|
-
var import_constants2 = require_index_native2(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(),
|
|
6405
|
+
var import_constants2 = require_index_native2(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(), cache2 = /* @__PURE__ */ new Map(), curKeys, curProps, curState, emptyObject = {};
|
|
6424
6406
|
function getThemeProxied(_props, _state, _keys) {
|
|
6425
6407
|
if (!(_state != null && _state.theme)) return emptyObject;
|
|
6426
6408
|
if (curKeys = _keys, curProps = _props, curState = _state, cache2.has(curState.theme)) {
|
|
@@ -6429,10 +6411,7 @@ var require_getThemeProxied_native = __commonJS({
|
|
|
6429
6411
|
}
|
|
6430
6412
|
var config = (0, import_config.getConfig)();
|
|
6431
6413
|
function track(key) {
|
|
6432
|
-
|
|
6433
|
-
var _globalThis_states, realId = import_useThemeState.keysToId.get(curKeys);
|
|
6434
|
-
console.info(` \u{1F3A8} useTheme(${realId}) tracking new key: ${key}`, curKeys, (_globalThis_states = globalThis.states) === null || _globalThis_states === void 0 ? void 0 : _globalThis_states.get(realId + 1));
|
|
6435
|
-
}
|
|
6414
|
+
curKeys && (curKeys.current || (curKeys.current = /* @__PURE__ */ new Set()), curKeys.current.add(key), process.env.NODE_ENV === "development" && curProps.debug && console.info(` \u{1F3A8} useTheme() tracking new key: ${key}`, curKeys));
|
|
6436
6415
|
}
|
|
6437
6416
|
var proxied1 = Object.fromEntries(Object.entries(_state.theme).flatMap(function(param) {
|
|
6438
6417
|
var [key, value] = param, proxied2 = {
|