tamagui 1.125.9 → 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 +55 -55
package/dist/native.js
CHANGED
|
@@ -7192,32 +7192,12 @@ var require_useThemeState_native = __commonJS({
|
|
|
7192
7192
|
hasThemeUpdatingProps: function() {
|
|
7193
7193
|
return hasThemeUpdatingProps;
|
|
7194
7194
|
},
|
|
7195
|
-
keysToId: function() {
|
|
7196
|
-
return keysToId;
|
|
7197
|
-
},
|
|
7198
7195
|
useThemeState: function() {
|
|
7199
7196
|
return useThemeState;
|
|
7200
7197
|
}
|
|
7201
7198
|
});
|
|
7202
7199
|
module2.exports = __toCommonJS2(useThemeState_exports);
|
|
7203
|
-
var import_constants4 = require_index_native6(), import_react3 = require("react"), import_config = require_config_native(), ThemeStateContext = (0, import_react3.createContext)(""),
|
|
7204
|
-
process.env.NODE_ENV === "development" && (globalThis.getTamaguiThemes = function() {
|
|
7205
|
-
function buildTree(id) {
|
|
7206
|
-
var node = states.get(id);
|
|
7207
|
-
if (!node) return null;
|
|
7208
|
-
var children = Array.from(states.values()).filter(function(child) {
|
|
7209
|
-
return (child == null ? void 0 : child.parentId) === id;
|
|
7210
|
-
}).map(function(child) {
|
|
7211
|
-
return buildTree(child.id);
|
|
7212
|
-
}).filter(Boolean);
|
|
7213
|
-
return {
|
|
7214
|
-
...node,
|
|
7215
|
-
children
|
|
7216
|
-
};
|
|
7217
|
-
}
|
|
7218
|
-
rootThemeState && console.info(buildTree(rootThemeState.id));
|
|
7219
|
-
});
|
|
7220
|
-
var shouldForce = !1, forceUpdateThemes2 = function() {
|
|
7200
|
+
var import_constants4 = require_index_native6(), 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() {
|
|
7221
7201
|
cacheVersion++, shouldForce = !0, allListeners.forEach(function(cb) {
|
|
7222
7202
|
return cb();
|
|
7223
7203
|
});
|
|
@@ -7237,16 +7217,16 @@ var require_useThemeState_native = __commonJS({
|
|
|
7237
7217
|
var id = (0, import_react3.useId)(), subscribe = (0, import_react3.useCallback)(function(cb) {
|
|
7238
7218
|
var _listenersByParent, _parentId;
|
|
7239
7219
|
return (_listenersByParent = listenersByParent)[_parentId = parentId] || (_listenersByParent[_parentId] = /* @__PURE__ */ new Set()), listenersByParent[parentId].add(id), allListeners.set(id, function() {
|
|
7240
|
-
|
|
7220
|
+
PendingUpdate.set(id, shouldForce ? "force" : !0), cb();
|
|
7241
7221
|
}), function() {
|
|
7242
|
-
allListeners.delete(id), listenersByParent[parentId].delete(id), localStates.delete(id), states.delete(id),
|
|
7222
|
+
allListeners.delete(id), listenersByParent[parentId].delete(id), localStates.delete(id), states.delete(id), PendingUpdate.delete(id);
|
|
7243
7223
|
};
|
|
7244
7224
|
}, [
|
|
7245
7225
|
id,
|
|
7246
7226
|
parentId
|
|
7247
7227
|
]), propsKey = getPropsKey(props), getSnapshot = function() {
|
|
7248
|
-
var _keys_current, _props_needsUpdate, local = localStates.get(id), needsUpdate = isRoot || props.name === "light" || props.name === "dark" || props.name === null ? !0 :
|
|
7249
|
-
return
|
|
7228
|
+
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));
|
|
7229
|
+
return PendingUpdate.delete(id), (!local || rerender) && (local = {
|
|
7250
7230
|
...next
|
|
7251
7231
|
}, 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({
|
|
7252
7232
|
props,
|
|
@@ -7261,25 +7241,27 @@ var require_useThemeState_native = __commonJS({
|
|
|
7261
7241
|
process.env.NODE_ENV === "development" && globalThis.time && globalThis.time`theme-prep-uses`;
|
|
7262
7242
|
var state = (0, import_react3.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
|
|
7263
7243
|
return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
|
|
7264
|
-
if (!
|
|
7265
|
-
|
|
7244
|
+
if (!HasRenderedOnce.get(keys)) {
|
|
7245
|
+
HasRenderedOnce.set(keys, !0);
|
|
7266
7246
|
return;
|
|
7267
7247
|
}
|
|
7268
|
-
if (propsKey) {
|
|
7269
|
-
|
|
7270
|
-
|
|
7271
|
-
console.warn(` \xB7 useTheme(${id}) scheduleUpdate`, propsKey, (_states_get = states.get(id)) === null || _states_get === void 0 ? void 0 : _states_get.name);
|
|
7272
|
-
}
|
|
7273
|
-
scheduleUpdate(id);
|
|
7248
|
+
if (!propsKey) {
|
|
7249
|
+
HadTheme.get(keys) && scheduleUpdate(id), HadTheme.set(keys, !1);
|
|
7250
|
+
return;
|
|
7274
7251
|
}
|
|
7252
|
+
if (process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile") {
|
|
7253
|
+
var _states_get;
|
|
7254
|
+
console.warn(` \xB7 useTheme(${id}) scheduleUpdate`, propsKey, (_states_get = states.get(id)) === null || _states_get === void 0 ? void 0 : _states_get.name);
|
|
7255
|
+
}
|
|
7256
|
+
scheduleUpdate(id), HadTheme.set(keys, !0);
|
|
7275
7257
|
}, [
|
|
7276
7258
|
keys,
|
|
7277
7259
|
propsKey
|
|
7278
7260
|
]), state;
|
|
7279
7261
|
}, getNextState = function(lastState, props, propsKey) {
|
|
7280
|
-
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,
|
|
7262
|
+
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);
|
|
7281
7263
|
themes || (themes = (0, import_config.getConfig)().themes);
|
|
7282
|
-
var name = !propsKey && (!lastState || !(lastState != null && lastState.isNew)) ? null : getNewThemeName(parentState == null ? void 0 : parentState.name, props,
|
|
7264
|
+
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)));
|
|
7283
7265
|
if (process.env.NODE_ENV === "development" && debug && debug !== "profile") {
|
|
7284
7266
|
var message = ` \xB7 useTheme(${id}) => ${name} needsUpdate ${needsUpdate} shouldRerender ${shouldRerender}`;
|
|
7285
7267
|
console.info(message);
|
|
@@ -7319,16 +7301,16 @@ var require_useThemeState_native = __commonJS({
|
|
|
7319
7301
|
isInverse,
|
|
7320
7302
|
isNew: !0
|
|
7321
7303
|
};
|
|
7322
|
-
if (isRoot && (rootThemeState = nextState),
|
|
7304
|
+
if (isRoot && (rootThemeState = nextState), pendingUpdate !== "force" && lastState && lastState.name === name) return [
|
|
7323
7305
|
!1,
|
|
7324
7306
|
nextState
|
|
7325
7307
|
];
|
|
7326
|
-
var shouldAvoidRerender =
|
|
7308
|
+
var shouldAvoidRerender = pendingUpdate !== "force" && lastState && !needsUpdate && nextState.name === lastState.name;
|
|
7327
7309
|
return process.env.NODE_ENV === "development" && debug && debug !== "profile" && (console.groupCollapsed(` \xB7 useTheme(${id}) \u23ED\uFE0F ${name} shouldAvoidRerender: ${shouldAvoidRerender}`), console.info({
|
|
7328
7310
|
lastState,
|
|
7329
7311
|
needsUpdate,
|
|
7330
7312
|
nextState,
|
|
7331
|
-
pendingUpdate
|
|
7313
|
+
pendingUpdate
|
|
7332
7314
|
}), console.groupEnd()), shouldAvoidRerender ? [
|
|
7333
7315
|
!1,
|
|
7334
7316
|
nextState
|
|
@@ -7519,7 +7501,7 @@ var require_getThemeProxied_native = __commonJS({
|
|
|
7519
7501
|
}
|
|
7520
7502
|
});
|
|
7521
7503
|
module2.exports = __toCommonJS2(getThemeProxied_exports);
|
|
7522
|
-
var import_constants4 = require_index_native6(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(),
|
|
7504
|
+
var import_constants4 = require_index_native6(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(), cache = /* @__PURE__ */ new Map(), curKeys, curProps, curState, emptyObject = {};
|
|
7523
7505
|
function getThemeProxied(_props, _state, _keys) {
|
|
7524
7506
|
if (!(_state != null && _state.theme)) return emptyObject;
|
|
7525
7507
|
if (curKeys = _keys, curProps = _props, curState = _state, cache.has(curState.theme)) {
|
|
@@ -7528,10 +7510,7 @@ var require_getThemeProxied_native = __commonJS({
|
|
|
7528
7510
|
}
|
|
7529
7511
|
var config = (0, import_config.getConfig)();
|
|
7530
7512
|
function track(key) {
|
|
7531
|
-
|
|
7532
|
-
var _globalThis_states, realId = import_useThemeState.keysToId.get(curKeys);
|
|
7533
|
-
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));
|
|
7534
|
-
}
|
|
7513
|
+
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));
|
|
7535
7514
|
}
|
|
7536
7515
|
var proxied1 = Object.fromEntries(Object.entries(_state.theme).flatMap(function(param) {
|
|
7537
7516
|
var [key, value] = param, proxied2 = {
|