@tamagui/web 1.13.3 → 1.13.4
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/cjs/Tamagui.js +1 -76
- package/dist/cjs/Tamagui.js.map +2 -2
- package/dist/cjs/addTheme.js +2 -77
- package/dist/cjs/addTheme.js.map +2 -2
- package/dist/cjs/config.js +1 -122
- package/dist/cjs/config.js.map +2 -2
- package/dist/cjs/constants/constants.js +1 -48
- package/dist/cjs/constants/constants.js.map +2 -2
- package/dist/cjs/constants/isDevTools.js +1 -36
- package/dist/cjs/constants/isDevTools.js.map +2 -2
- package/dist/cjs/contexts/AnimationDriverContext.js +1 -29
- package/dist/cjs/contexts/AnimationDriverContext.js.map +2 -2
- package/dist/cjs/contexts/ButtonNestingContext.js +1 -29
- package/dist/cjs/contexts/ButtonNestingContext.js.map +2 -2
- package/dist/cjs/contexts/FontLanguageContext.js +1 -29
- package/dist/cjs/contexts/FontLanguageContext.js.map +2 -2
- package/dist/cjs/contexts/TextAncestorContext.js +1 -29
- package/dist/cjs/contexts/TextAncestorContext.js.map +2 -2
- package/dist/cjs/createComponent.js +2 -874
- package/dist/cjs/createComponent.js.map +2 -2
- package/dist/cjs/createFont.js +1 -68
- package/dist/cjs/createFont.js.map +2 -2
- package/dist/cjs/createShorthands.js +1 -30
- package/dist/cjs/createShorthands.js.map +2 -2
- package/dist/cjs/createTamagui.js +5 -202
- package/dist/cjs/createTamagui.js.map +2 -2
- package/dist/cjs/createTheme.js +1 -30
- package/dist/cjs/createTheme.js.map +2 -2
- package/dist/cjs/createTokens.js +1 -38
- package/dist/cjs/createTokens.js.map +2 -2
- package/dist/cjs/createVariable.js +1 -110
- package/dist/cjs/createVariable.js.map +2 -2
- package/dist/cjs/createVariables.js +1 -59
- package/dist/cjs/createVariables.js.map +2 -2
- package/dist/cjs/helpers/ThemeManager.js +1 -236
- package/dist/cjs/helpers/ThemeManager.js.map +2 -2
- package/dist/cjs/helpers/ThemeManagerContext.js +1 -29
- package/dist/cjs/helpers/ThemeManagerContext.js.map +2 -2
- package/dist/cjs/helpers/createMediaStyle.js +1 -66
- package/dist/cjs/helpers/createMediaStyle.js.map +2 -2
- package/dist/cjs/helpers/createPropMapper.js +2 -431
- package/dist/cjs/helpers/createPropMapper.js.map +2 -2
- package/dist/cjs/helpers/createProxy.js +2 -41
- package/dist/cjs/helpers/createProxy.js.map +2 -2
- package/dist/cjs/helpers/defaultOffset.js +1 -28
- package/dist/cjs/helpers/defaultOffset.js.map +2 -2
- package/dist/cjs/helpers/expandStyle.js +1 -85
- package/dist/cjs/helpers/expandStyle.js.map +2 -2
- package/dist/cjs/helpers/expandStyles.js +1 -76
- package/dist/cjs/helpers/expandStyles.js.map +2 -2
- package/dist/cjs/helpers/extendStaticConfig.js +1 -91
- package/dist/cjs/helpers/extendStaticConfig.js.map +2 -2
- package/dist/cjs/helpers/getAnimationDriver.js +1 -31
- package/dist/cjs/helpers/getAnimationDriver.js.map +2 -2
- package/dist/cjs/helpers/getExpandedShorthands.js +1 -38
- package/dist/cjs/helpers/getExpandedShorthands.js.map +2 -2
- package/dist/cjs/helpers/getFontLanguage.js +1 -28
- package/dist/cjs/helpers/getFontLanguage.js.map +2 -2
- package/dist/cjs/helpers/getSplitStyles.js +3 -865
- package/dist/cjs/helpers/getSplitStyles.js.map +2 -2
- package/dist/cjs/helpers/getStylesAtomic.js +1 -226
- package/dist/cjs/helpers/getStylesAtomic.js.map +2 -2
- package/dist/cjs/helpers/getStylesAtomic.native.js +1 -37
- package/dist/cjs/helpers/getStylesAtomic.native.js.map +2 -2
- package/dist/cjs/helpers/getThemeCSSRules.js +4 -126
- package/dist/cjs/helpers/getThemeCSSRules.js.map +2 -2
- package/dist/cjs/helpers/getThemeCSSRules.native.js +1 -30
- package/dist/cjs/helpers/getThemeCSSRules.native.js.map +2 -2
- package/dist/cjs/helpers/getVariantExtras.js +1 -91
- package/dist/cjs/helpers/getVariantExtras.js.map +2 -2
- package/dist/cjs/helpers/insertStyleRule.js +2 -222
- package/dist/cjs/helpers/insertStyleRule.js.map +2 -2
- package/dist/cjs/helpers/isObj.js +1 -28
- package/dist/cjs/helpers/isObj.js.map +2 -2
- package/dist/cjs/helpers/isTamaguiComponent.js +1 -31
- package/dist/cjs/helpers/isTamaguiComponent.js.map +2 -2
- package/dist/cjs/helpers/isTamaguiElement.js +1 -32
- package/dist/cjs/helpers/isTamaguiElement.js.map +2 -2
- package/dist/cjs/helpers/matchMedia.js +1 -41
- package/dist/cjs/helpers/matchMedia.js.map +2 -2
- package/dist/cjs/helpers/matchMedia.native.js +1 -47
- package/dist/cjs/helpers/matchMedia.native.js.map +2 -2
- package/dist/cjs/helpers/mergeProps.js +1 -53
- package/dist/cjs/helpers/mergeProps.js.map +2 -2
- package/dist/cjs/helpers/normalizeColor.js +1 -66
- package/dist/cjs/helpers/normalizeColor.js.map +2 -2
- package/dist/cjs/helpers/normalizeShadow.js +1 -46
- package/dist/cjs/helpers/normalizeShadow.js.map +2 -2
- package/dist/cjs/helpers/normalizeShadow.native.js +1 -54
- package/dist/cjs/helpers/normalizeShadow.native.js.map +2 -2
- package/dist/cjs/helpers/normalizeStylePropKeys.js +1 -28
- package/dist/cjs/helpers/normalizeStylePropKeys.js.map +2 -2
- package/dist/cjs/helpers/normalizeStylePropKeys.native.js +1 -39
- package/dist/cjs/helpers/normalizeStylePropKeys.native.js.map +2 -2
- package/dist/cjs/helpers/normalizeValueWithProperty.js +1 -125
- package/dist/cjs/helpers/normalizeValueWithProperty.js.map +2 -2
- package/dist/cjs/helpers/proxyThemeVariables.js +1 -39
- package/dist/cjs/helpers/proxyThemeVariables.js.map +2 -2
- package/dist/cjs/helpers/pseudoDescriptors.js +1 -52
- package/dist/cjs/helpers/pseudoDescriptors.js.map +2 -2
- package/dist/cjs/helpers/registerCSSVariable.js +1 -39
- package/dist/cjs/helpers/registerCSSVariable.js.map +2 -2
- package/dist/cjs/helpers/themeable.js +1 -61
- package/dist/cjs/helpers/themeable.js.map +2 -2
- package/dist/cjs/helpers/themes.js +1 -75
- package/dist/cjs/helpers/themes.js.map +2 -2
- package/dist/cjs/helpers/timer.js +1 -34
- package/dist/cjs/helpers/timer.js.map +2 -2
- package/dist/cjs/helpers/useShallowSetState.js +1 -58
- package/dist/cjs/helpers/useShallowSetState.js.map +2 -2
- package/dist/cjs/helpers/warnOnce.js +1 -37
- package/dist/cjs/helpers/warnOnce.js.map +2 -2
- package/dist/cjs/helpers/withStaticProperties.js +1 -32
- package/dist/cjs/helpers/withStaticProperties.js.map +2 -2
- package/dist/cjs/hooks/getThemeUnwrapped.js +1 -33
- package/dist/cjs/hooks/getThemeUnwrapped.js.map +2 -2
- package/dist/cjs/hooks/useAnimationDriver.js +1 -33
- package/dist/cjs/hooks/useAnimationDriver.js.map +2 -2
- package/dist/cjs/hooks/useId.js +1 -28
- package/dist/cjs/hooks/useId.js.map +2 -2
- package/dist/cjs/hooks/useIsTouchDevice.js +1 -32
- package/dist/cjs/hooks/useIsTouchDevice.js.map +2 -2
- package/dist/cjs/hooks/useMedia.js +1 -264
- package/dist/cjs/hooks/useMedia.js.map +2 -2
- package/dist/cjs/hooks/useSafeRef.js +1 -58
- package/dist/cjs/hooks/useSafeRef.js.map +2 -2
- package/dist/cjs/hooks/useServerHooks.js +1 -35
- package/dist/cjs/hooks/useServerHooks.js.map +2 -2
- package/dist/cjs/hooks/useStyle.js +1 -60
- package/dist/cjs/hooks/useStyle.js.map +2 -2
- package/dist/cjs/hooks/useTheme.js +1 -229
- package/dist/cjs/hooks/useTheme.js.map +2 -2
- package/dist/cjs/hooks/useThemeName.js +1 -51
- package/dist/cjs/hooks/useThemeName.js.map +2 -2
- package/dist/cjs/index.js +1 -110
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/inject-styles.js +1 -39
- package/dist/cjs/inject-styles.js.map +2 -2
- package/dist/cjs/insertFont.js +1 -92
- package/dist/cjs/insertFont.js.map +2 -2
- package/dist/cjs/setupHooks.js +1 -33
- package/dist/cjs/setupHooks.js.map +2 -2
- package/dist/cjs/setupReactNative.js +1 -50
- package/dist/cjs/setupReactNative.js.map +2 -2
- package/dist/cjs/styled.js +1 -93
- package/dist/cjs/styled.js.map +2 -2
- package/dist/cjs/types.js +1 -16
- package/dist/cjs/types.js.map +2 -2
- package/dist/cjs/updateTheme.js +1 -46
- package/dist/cjs/updateTheme.js.map +2 -2
- package/dist/cjs/views/AnimationDriverProvider.js +1 -32
- package/dist/cjs/views/AnimationDriverProvider.js.map +2 -2
- package/dist/cjs/views/FontLanguage.js +1 -40
- package/dist/cjs/views/FontLanguage.js.map +2 -2
- package/dist/cjs/views/FontLanguage.native.js +1 -34
- package/dist/cjs/views/FontLanguage.native.js.map +2 -2
- package/dist/cjs/views/FontLanguage.types.js +1 -16
- package/dist/cjs/views/FontLanguage.types.js.map +2 -2
- package/dist/cjs/views/Slot.js +1 -91
- package/dist/cjs/views/Slot.js.map +2 -2
- package/dist/cjs/views/Stack.js +1 -37
- package/dist/cjs/views/Stack.js.map +2 -2
- package/dist/cjs/views/TamaguiProvider.js +1 -90
- package/dist/cjs/views/TamaguiProvider.js.map +2 -2
- package/dist/cjs/views/Text.js +1 -95
- package/dist/cjs/views/Text.js.map +2 -2
- package/dist/cjs/views/Theme.js +1 -80
- package/dist/cjs/views/Theme.js.map +2 -2
- package/dist/cjs/views/ThemeProvider.js +1 -69
- package/dist/cjs/views/ThemeProvider.js.map +2 -2
- package/dist/esm/Tamagui.js +1 -44
- package/dist/esm/Tamagui.js.map +2 -2
- package/dist/esm/Tamagui.mjs +1 -44
- package/dist/esm/Tamagui.mjs.map +2 -2
- package/dist/esm/addTheme.js +2 -53
- package/dist/esm/addTheme.js.map +2 -2
- package/dist/esm/addTheme.mjs +2 -53
- package/dist/esm/addTheme.mjs.map +2 -2
- package/dist/esm/config.js +1 -89
- package/dist/esm/config.js.map +2 -2
- package/dist/esm/config.mjs +1 -89
- package/dist/esm/config.mjs.map +2 -2
- package/dist/esm/constants/constants.js +1 -21
- package/dist/esm/constants/constants.js.map +2 -2
- package/dist/esm/constants/constants.mjs +1 -21
- package/dist/esm/constants/constants.mjs.map +2 -2
- package/dist/esm/constants/isDevTools.js +1 -12
- package/dist/esm/constants/isDevTools.js.map +2 -2
- package/dist/esm/constants/isDevTools.mjs +1 -12
- package/dist/esm/constants/isDevTools.mjs.map +2 -2
- package/dist/esm/contexts/AnimationDriverContext.js +1 -5
- package/dist/esm/contexts/AnimationDriverContext.js.map +2 -2
- package/dist/esm/contexts/AnimationDriverContext.mjs +1 -5
- package/dist/esm/contexts/AnimationDriverContext.mjs.map +2 -2
- package/dist/esm/contexts/ButtonNestingContext.js +1 -5
- package/dist/esm/contexts/ButtonNestingContext.js.map +2 -2
- package/dist/esm/contexts/ButtonNestingContext.mjs +1 -5
- package/dist/esm/contexts/ButtonNestingContext.mjs.map +2 -2
- package/dist/esm/contexts/FontLanguageContext.js +1 -5
- package/dist/esm/contexts/FontLanguageContext.js.map +2 -2
- package/dist/esm/contexts/FontLanguageContext.mjs +1 -5
- package/dist/esm/contexts/FontLanguageContext.mjs.map +2 -2
- package/dist/esm/contexts/TextAncestorContext.js +1 -5
- package/dist/esm/contexts/TextAncestorContext.js.map +2 -2
- package/dist/esm/contexts/TextAncestorContext.mjs +1 -5
- package/dist/esm/contexts/TextAncestorContext.mjs.map +2 -2
- package/dist/esm/createComponent.js +2 -846
- package/dist/esm/createComponent.js.map +2 -2
- package/dist/esm/createComponent.mjs +2 -846
- package/dist/esm/createComponent.mjs.map +2 -2
- package/dist/esm/createFont.js +1 -44
- package/dist/esm/createFont.js.map +2 -2
- package/dist/esm/createFont.mjs +1 -44
- package/dist/esm/createFont.mjs.map +2 -2
- package/dist/esm/createShorthands.js +1 -6
- package/dist/esm/createShorthands.js.map +2 -2
- package/dist/esm/createShorthands.mjs +1 -6
- package/dist/esm/createShorthands.mjs.map +2 -2
- package/dist/esm/createTamagui.js +5 -186
- package/dist/esm/createTamagui.js.map +2 -2
- package/dist/esm/createTamagui.mjs +5 -186
- package/dist/esm/createTamagui.mjs.map +2 -2
- package/dist/esm/createTheme.js +1 -6
- package/dist/esm/createTheme.js.map +2 -2
- package/dist/esm/createTheme.mjs +1 -6
- package/dist/esm/createTheme.mjs.map +2 -2
- package/dist/esm/createTokens.js +1 -14
- package/dist/esm/createTokens.js.map +2 -2
- package/dist/esm/createTokens.mjs +1 -14
- package/dist/esm/createTokens.mjs.map +2 -2
- package/dist/esm/createVariable.js +1 -77
- package/dist/esm/createVariable.js.map +2 -2
- package/dist/esm/createVariable.mjs +1 -77
- package/dist/esm/createVariable.mjs.map +2 -2
- package/dist/esm/createVariables.js +1 -34
- package/dist/esm/createVariables.js.map +2 -2
- package/dist/esm/createVariables.mjs +1 -34
- package/dist/esm/createVariables.mjs.map +2 -2
- package/dist/esm/helpers/ThemeManager.js +1 -211
- package/dist/esm/helpers/ThemeManager.js.map +2 -2
- package/dist/esm/helpers/ThemeManager.mjs +1 -211
- package/dist/esm/helpers/ThemeManager.mjs.map +2 -2
- package/dist/esm/helpers/ThemeManagerContext.js +1 -5
- package/dist/esm/helpers/ThemeManagerContext.js.map +2 -2
- package/dist/esm/helpers/ThemeManagerContext.mjs +1 -5
- package/dist/esm/helpers/ThemeManagerContext.mjs.map +2 -2
- package/dist/esm/helpers/createMediaStyle.js +1 -41
- package/dist/esm/helpers/createMediaStyle.js.map +2 -2
- package/dist/esm/helpers/createMediaStyle.mjs +1 -41
- package/dist/esm/helpers/createMediaStyle.mjs.map +2 -2
- package/dist/esm/helpers/createPropMapper.js +2 -404
- package/dist/esm/helpers/createPropMapper.js.map +2 -2
- package/dist/esm/helpers/createPropMapper.mjs +2 -404
- package/dist/esm/helpers/createPropMapper.mjs.map +2 -2
- package/dist/esm/helpers/createProxy.js +2 -17
- package/dist/esm/helpers/createProxy.js.map +2 -2
- package/dist/esm/helpers/createProxy.mjs +2 -17
- package/dist/esm/helpers/createProxy.mjs.map +2 -2
- package/dist/esm/helpers/defaultOffset.js +1 -4
- package/dist/esm/helpers/defaultOffset.js.map +2 -2
- package/dist/esm/helpers/defaultOffset.mjs +1 -4
- package/dist/esm/helpers/defaultOffset.mjs.map +2 -2
- package/dist/esm/helpers/expandStyle.js +1 -61
- package/dist/esm/helpers/expandStyle.js.map +2 -2
- package/dist/esm/helpers/expandStyle.mjs +1 -61
- package/dist/esm/helpers/expandStyle.mjs.map +2 -2
- package/dist/esm/helpers/expandStyles.js +1 -51
- package/dist/esm/helpers/expandStyles.js.map +2 -2
- package/dist/esm/helpers/expandStyles.mjs +1 -51
- package/dist/esm/helpers/expandStyles.mjs.map +2 -2
- package/dist/esm/helpers/extendStaticConfig.js +1 -66
- package/dist/esm/helpers/extendStaticConfig.js.map +2 -2
- package/dist/esm/helpers/extendStaticConfig.mjs +1 -66
- package/dist/esm/helpers/extendStaticConfig.mjs.map +2 -2
- package/dist/esm/helpers/getAnimationDriver.js +1 -7
- package/dist/esm/helpers/getAnimationDriver.js.map +2 -2
- package/dist/esm/helpers/getAnimationDriver.mjs +1 -7
- package/dist/esm/helpers/getAnimationDriver.mjs.map +2 -2
- package/dist/esm/helpers/getExpandedShorthands.js +1 -14
- package/dist/esm/helpers/getExpandedShorthands.js.map +2 -2
- package/dist/esm/helpers/getExpandedShorthands.mjs +1 -14
- package/dist/esm/helpers/getExpandedShorthands.mjs.map +2 -2
- package/dist/esm/helpers/getFontLanguage.js +1 -4
- package/dist/esm/helpers/getFontLanguage.js.map +2 -2
- package/dist/esm/helpers/getFontLanguage.mjs +1 -4
- package/dist/esm/helpers/getFontLanguage.mjs.map +2 -2
- package/dist/esm/helpers/getSplitStyles.js +3 -866
- package/dist/esm/helpers/getSplitStyles.js.map +2 -2
- package/dist/esm/helpers/getSplitStyles.mjs +3 -866
- package/dist/esm/helpers/getSplitStyles.mjs.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.js +1 -200
- package/dist/esm/helpers/getStylesAtomic.js.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.mjs +1 -200
- package/dist/esm/helpers/getStylesAtomic.mjs.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.native.js +1 -11
- package/dist/esm/helpers/getStylesAtomic.native.js.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.native.mjs +1 -11
- package/dist/esm/helpers/getStylesAtomic.native.mjs.map +2 -2
- package/dist/esm/helpers/getThemeCSSRules.js +4 -102
- package/dist/esm/helpers/getThemeCSSRules.js.map +2 -2
- package/dist/esm/helpers/getThemeCSSRules.mjs +4 -102
- package/dist/esm/helpers/getThemeCSSRules.mjs.map +2 -2
- package/dist/esm/helpers/getThemeCSSRules.native.js +1 -6
- package/dist/esm/helpers/getThemeCSSRules.native.js.map +2 -2
- package/dist/esm/helpers/getThemeCSSRules.native.mjs +1 -6
- package/dist/esm/helpers/getThemeCSSRules.native.mjs.map +2 -2
- package/dist/esm/helpers/getVariantExtras.js +1 -66
- package/dist/esm/helpers/getVariantExtras.js.map +2 -2
- package/dist/esm/helpers/getVariantExtras.mjs +1 -66
- package/dist/esm/helpers/getVariantExtras.mjs.map +2 -2
- package/dist/esm/helpers/insertStyleRule.js +2 -190
- package/dist/esm/helpers/insertStyleRule.js.map +2 -2
- package/dist/esm/helpers/insertStyleRule.mjs +2 -190
- package/dist/esm/helpers/insertStyleRule.mjs.map +2 -2
- package/dist/esm/helpers/isObj.js +1 -4
- package/dist/esm/helpers/isObj.js.map +2 -2
- package/dist/esm/helpers/isObj.mjs +1 -4
- package/dist/esm/helpers/isObj.mjs.map +2 -2
- package/dist/esm/helpers/isTamaguiComponent.js +1 -7
- package/dist/esm/helpers/isTamaguiComponent.js.map +2 -2
- package/dist/esm/helpers/isTamaguiComponent.mjs +1 -7
- package/dist/esm/helpers/isTamaguiComponent.mjs.map +2 -2
- package/dist/esm/helpers/isTamaguiElement.js +1 -8
- package/dist/esm/helpers/isTamaguiElement.js.map +2 -2
- package/dist/esm/helpers/isTamaguiElement.mjs +1 -8
- package/dist/esm/helpers/isTamaguiElement.mjs.map +2 -2
- package/dist/esm/helpers/matchMedia.js +1 -16
- package/dist/esm/helpers/matchMedia.js.map +2 -2
- package/dist/esm/helpers/matchMedia.mjs +1 -16
- package/dist/esm/helpers/matchMedia.mjs.map +2 -2
- package/dist/esm/helpers/matchMedia.native.js +1 -22
- package/dist/esm/helpers/matchMedia.native.js.map +2 -2
- package/dist/esm/helpers/matchMedia.native.mjs +1 -22
- package/dist/esm/helpers/matchMedia.native.mjs.map +2 -2
- package/dist/esm/helpers/mergeProps.js +1 -29
- package/dist/esm/helpers/mergeProps.js.map +2 -2
- package/dist/esm/helpers/mergeProps.mjs +1 -29
- package/dist/esm/helpers/mergeProps.mjs.map +2 -2
- package/dist/esm/helpers/normalizeColor.js +1 -30
- package/dist/esm/helpers/normalizeColor.js.map +2 -2
- package/dist/esm/helpers/normalizeColor.mjs +1 -30
- package/dist/esm/helpers/normalizeColor.mjs.map +2 -2
- package/dist/esm/helpers/normalizeShadow.js +1 -22
- package/dist/esm/helpers/normalizeShadow.js.map +2 -2
- package/dist/esm/helpers/normalizeShadow.mjs +1 -22
- package/dist/esm/helpers/normalizeShadow.mjs.map +2 -2
- package/dist/esm/helpers/normalizeShadow.native.js +1 -30
- package/dist/esm/helpers/normalizeShadow.native.js.map +2 -2
- package/dist/esm/helpers/normalizeShadow.native.mjs +1 -30
- package/dist/esm/helpers/normalizeShadow.native.mjs.map +2 -2
- package/dist/esm/helpers/normalizeStylePropKeys.js +1 -4
- package/dist/esm/helpers/normalizeStylePropKeys.js.map +2 -2
- package/dist/esm/helpers/normalizeStylePropKeys.mjs +1 -4
- package/dist/esm/helpers/normalizeStylePropKeys.mjs.map +2 -2
- package/dist/esm/helpers/normalizeStylePropKeys.native.js +1 -15
- package/dist/esm/helpers/normalizeStylePropKeys.native.js.map +2 -2
- package/dist/esm/helpers/normalizeStylePropKeys.native.mjs +1 -15
- package/dist/esm/helpers/normalizeStylePropKeys.native.mjs.map +2 -2
- package/dist/esm/helpers/normalizeValueWithProperty.js +1 -100
- package/dist/esm/helpers/normalizeValueWithProperty.js.map +2 -2
- package/dist/esm/helpers/normalizeValueWithProperty.mjs +1 -100
- package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +2 -2
- package/dist/esm/helpers/proxyThemeVariables.js +1 -15
- package/dist/esm/helpers/proxyThemeVariables.js.map +2 -2
- package/dist/esm/helpers/proxyThemeVariables.mjs +1 -15
- package/dist/esm/helpers/proxyThemeVariables.mjs.map +2 -2
- package/dist/esm/helpers/pseudoDescriptors.js +1 -28
- package/dist/esm/helpers/pseudoDescriptors.js.map +2 -2
- package/dist/esm/helpers/pseudoDescriptors.mjs +1 -28
- package/dist/esm/helpers/pseudoDescriptors.mjs.map +2 -2
- package/dist/esm/helpers/registerCSSVariable.js +1 -13
- package/dist/esm/helpers/registerCSSVariable.js.map +2 -2
- package/dist/esm/helpers/registerCSSVariable.mjs +1 -13
- package/dist/esm/helpers/registerCSSVariable.mjs.map +2 -2
- package/dist/esm/helpers/themeable.js +1 -27
- package/dist/esm/helpers/themeable.js.map +2 -2
- package/dist/esm/helpers/themeable.mjs +1 -27
- package/dist/esm/helpers/themeable.mjs.map +2 -2
- package/dist/esm/helpers/themes.js +1 -50
- package/dist/esm/helpers/themes.js.map +2 -2
- package/dist/esm/helpers/themes.mjs +1 -50
- package/dist/esm/helpers/themes.mjs.map +2 -2
- package/dist/esm/helpers/timer.js +1 -10
- package/dist/esm/helpers/timer.js.map +2 -2
- package/dist/esm/helpers/timer.mjs +1 -10
- package/dist/esm/helpers/timer.mjs.map +2 -2
- package/dist/esm/helpers/useShallowSetState.js +1 -34
- package/dist/esm/helpers/useShallowSetState.js.map +2 -2
- package/dist/esm/helpers/useShallowSetState.mjs +1 -34
- package/dist/esm/helpers/useShallowSetState.mjs.map +2 -2
- package/dist/esm/helpers/warnOnce.js +1 -13
- package/dist/esm/helpers/warnOnce.js.map +2 -2
- package/dist/esm/helpers/warnOnce.mjs +1 -13
- package/dist/esm/helpers/warnOnce.mjs.map +2 -2
- package/dist/esm/helpers/withStaticProperties.js +1 -8
- package/dist/esm/helpers/withStaticProperties.js.map +2 -2
- package/dist/esm/helpers/withStaticProperties.mjs +1 -8
- package/dist/esm/helpers/withStaticProperties.mjs.map +2 -2
- package/dist/esm/hooks/getThemeUnwrapped.js +1 -8
- package/dist/esm/hooks/getThemeUnwrapped.js.map +2 -2
- package/dist/esm/hooks/getThemeUnwrapped.mjs +1 -8
- package/dist/esm/hooks/getThemeUnwrapped.mjs.map +2 -2
- package/dist/esm/hooks/useAnimationDriver.js +1 -9
- package/dist/esm/hooks/useAnimationDriver.js.map +2 -2
- package/dist/esm/hooks/useAnimationDriver.mjs +1 -9
- package/dist/esm/hooks/useAnimationDriver.mjs.map +2 -2
- package/dist/esm/hooks/useId.js +1 -4
- package/dist/esm/hooks/useId.js.map +2 -2
- package/dist/esm/hooks/useId.mjs +1 -4
- package/dist/esm/hooks/useId.mjs.map +2 -2
- package/dist/esm/hooks/useIsTouchDevice.js +1 -8
- package/dist/esm/hooks/useIsTouchDevice.js.map +2 -2
- package/dist/esm/hooks/useIsTouchDevice.mjs +1 -8
- package/dist/esm/hooks/useIsTouchDevice.mjs.map +2 -2
- package/dist/esm/hooks/useMedia.js +1 -225
- package/dist/esm/hooks/useMedia.js.map +2 -2
- package/dist/esm/hooks/useMedia.mjs +1 -225
- package/dist/esm/hooks/useMedia.mjs.map +2 -2
- package/dist/esm/hooks/useSafeRef.js +1 -34
- package/dist/esm/hooks/useSafeRef.js.map +2 -2
- package/dist/esm/hooks/useSafeRef.mjs +1 -34
- package/dist/esm/hooks/useSafeRef.mjs.map +2 -2
- package/dist/esm/hooks/useServerHooks.js +1 -10
- package/dist/esm/hooks/useServerHooks.js.map +2 -2
- package/dist/esm/hooks/useServerHooks.mjs +1 -10
- package/dist/esm/hooks/useServerHooks.mjs.map +2 -2
- package/dist/esm/hooks/useStyle.js +1 -36
- package/dist/esm/hooks/useStyle.js.map +2 -2
- package/dist/esm/hooks/useStyle.mjs +1 -36
- package/dist/esm/hooks/useStyle.mjs.map +2 -2
- package/dist/esm/hooks/useTheme.js +1 -204
- package/dist/esm/hooks/useTheme.js.map +2 -2
- package/dist/esm/hooks/useTheme.mjs +1 -204
- package/dist/esm/hooks/useTheme.mjs.map +2 -2
- package/dist/esm/hooks/useThemeName.js +1 -27
- package/dist/esm/hooks/useThemeName.js.map +2 -2
- package/dist/esm/hooks/useThemeName.mjs +1 -27
- package/dist/esm/hooks/useThemeName.mjs.map +2 -2
- package/dist/esm/index.js +1 -88
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/index.mjs +1 -88
- package/dist/esm/index.mjs.map +2 -2
- package/dist/esm/inject-styles.js +1 -15
- package/dist/esm/inject-styles.js.map +2 -2
- package/dist/esm/inject-styles.mjs +1 -15
- package/dist/esm/inject-styles.mjs.map +2 -2
- package/dist/esm/insertFont.js +1 -66
- package/dist/esm/insertFont.js.map +2 -2
- package/dist/esm/insertFont.mjs +1 -66
- package/dist/esm/insertFont.mjs.map +2 -2
- package/dist/esm/setupHooks.js +1 -8
- package/dist/esm/setupHooks.js.map +2 -2
- package/dist/esm/setupHooks.mjs +1 -8
- package/dist/esm/setupHooks.mjs.map +2 -2
- package/dist/esm/setupReactNative.js +1 -24
- package/dist/esm/setupReactNative.js.map +2 -2
- package/dist/esm/setupReactNative.mjs +1 -24
- package/dist/esm/setupReactNative.mjs.map +2 -2
- package/dist/esm/styled.js +1 -69
- package/dist/esm/styled.js.map +2 -2
- package/dist/esm/styled.mjs +1 -69
- package/dist/esm/styled.mjs.map +2 -2
- package/dist/esm/updateTheme.js +1 -22
- package/dist/esm/updateTheme.js.map +2 -2
- package/dist/esm/updateTheme.mjs +1 -22
- package/dist/esm/updateTheme.mjs.map +2 -2
- package/dist/esm/views/AnimationDriverProvider.js +1 -8
- package/dist/esm/views/AnimationDriverProvider.js.map +2 -2
- package/dist/esm/views/AnimationDriverProvider.mjs +1 -8
- package/dist/esm/views/AnimationDriverProvider.mjs.map +2 -2
- package/dist/esm/views/FontLanguage.js +1 -16
- package/dist/esm/views/FontLanguage.js.map +2 -2
- package/dist/esm/views/FontLanguage.mjs +1 -16
- package/dist/esm/views/FontLanguage.mjs.map +2 -2
- package/dist/esm/views/FontLanguage.native.js +1 -10
- package/dist/esm/views/FontLanguage.native.js.map +2 -2
- package/dist/esm/views/FontLanguage.native.mjs +1 -10
- package/dist/esm/views/FontLanguage.native.mjs.map +2 -2
- package/dist/esm/views/Slot.js +1 -65
- package/dist/esm/views/Slot.js.map +2 -2
- package/dist/esm/views/Slot.mjs +1 -65
- package/dist/esm/views/Slot.mjs.map +2 -2
- package/dist/esm/views/Stack.js +1 -13
- package/dist/esm/views/Stack.js.map +2 -2
- package/dist/esm/views/Stack.mjs +1 -13
- package/dist/esm/views/Stack.mjs.map +2 -2
- package/dist/esm/views/TamaguiProvider.js +1 -56
- package/dist/esm/views/TamaguiProvider.js.map +2 -2
- package/dist/esm/views/TamaguiProvider.mjs +1 -56
- package/dist/esm/views/TamaguiProvider.mjs.map +2 -2
- package/dist/esm/views/Text.js +1 -71
- package/dist/esm/views/Text.js.map +2 -2
- package/dist/esm/views/Text.mjs +1 -71
- package/dist/esm/views/Text.mjs.map +2 -2
- package/dist/esm/views/Theme.js +1 -55
- package/dist/esm/views/Theme.js.map +2 -2
- package/dist/esm/views/Theme.mjs +1 -55
- package/dist/esm/views/Theme.mjs.map +2 -2
- package/dist/esm/views/ThemeProvider.js +1 -44
- package/dist/esm/views/ThemeProvider.js.map +2 -2
- package/dist/esm/views/ThemeProvider.mjs +1 -44
- package/dist/esm/views/ThemeProvider.mjs.map +2 -2
- package/package.json +9 -9
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useMedia.tsx"],
|
|
4
4
|
"sourcesContent": ["import { startTransition, useEffect, useMemo, useSyncExternalStore } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { createProxy } from '../helpers/createProxy.js'\nimport { matchMedia } from '../helpers/matchMedia'\nimport type {\n MediaQueries,\n MediaQueryKey,\n MediaQueryObject,\n MediaQueryState,\n TamaguiInternalConfig,\n} from '../types.js'\nimport { useSafeRef } from './useSafeRef.js'\n\nexport let mediaState: MediaQueryState =\n // development only safeguard\n process.env.NODE_ENV === 'development'\n ? createProxy(\n {},\n {\n get(target, key) {\n if (\n typeof key === 'string' &&\n key[0] === '$' &&\n // dont error on $$typeof\n key[1] !== '$'\n ) {\n throw new Error(`Access mediaState should not use \"$\": ${key}`)\n }\n return Reflect.get(target, key)\n },\n }\n )\n : ({} as any)\n\nexport const mediaQueryConfig: MediaQueries = {}\nexport const getMedia = () => mediaState\nexport const mediaKeysWithAndWithout$ = new Set<string>()\n\n// for SSR capture it at time of startup\nlet initState: MediaQueryState\nexport const getInitialMediaState = () => {\n return (getConfig().disableSSR ? mediaState : initState) || {}\n}\n\nlet mediaKeysOrdered: string[]\nexport const getMediaKeyImportance = (key: string) => {\n if (process.env.NODE_ENV === 'development' && key[0] === '$') {\n throw new Error('use short key')\n }\n // + 2 because we set base usedKeys=1 in getSplitStyles and all media go above 1\n return mediaKeysOrdered.indexOf(key) + 2\n}\n\nconst dispose = new Set<Function>()\n\nexport const configureMedia = (config: TamaguiInternalConfig) => {\n const { media, mediaQueryDefaultActive } = config\n if (!media) return\n for (const key in media) {\n mediaState[key] = mediaQueryDefaultActive?.[key] || false\n mediaKeysWithAndWithout$.add(key)\n mediaKeysWithAndWithout$.add(`$${key}`)\n }\n Object.assign(mediaQueryConfig, media)\n initState = { ...mediaState }\n updateCurrentState()\n mediaKeysOrdered = Object.keys(media)\n if (config.disableSSR) {\n setupMediaListeners()\n }\n}\n\nfunction unlisten() {\n dispose.forEach((cb) => cb())\n dispose.clear()\n}\n\n/**\n * Note: This should *not* set the state on the first render!\n * Because to avoid hydration issues SSR must match the server\n * *and then* re-render with the actual media query state.\n */\nlet configuredKey = ''\nexport function setupMediaListeners() {\n // avoid setting up more than once per config\n const nextKey = JSON.stringify(mediaQueryConfig)\n if (nextKey === configuredKey) return\n configuredKey = nextKey\n\n // hmr, undo existing before re-binding\n unlisten()\n\n for (const key in mediaQueryConfig) {\n const str = mediaObjectToString(mediaQueryConfig[key])\n const getMatch = () => matchMedia(str)\n const match = getMatch()\n if (!match) {\n throw new Error('\u26A0\uFE0F No match')\n }\n // react native needs these deprecated apis for now\n match.addListener(update)\n dispose.add(() => {\n match.removeListener(update)\n })\n\n update()\n\n function update() {\n const next = !!getMatch().matches\n if (next === mediaState[key]) return\n mediaState = { ...mediaState, [key]: next }\n updateCurrentState()\n }\n }\n}\n\nexport function useMediaListeners(config: TamaguiInternalConfig) {\n if (config.disableSSR) return\n useEffect(() => {\n setupMediaListeners()\n }, [])\n}\n\nconst listeners = new Set<any>()\nlet flushing = false\nfunction updateCurrentState() {\n if (flushing) return\n flushing = true\n Promise.resolve().then(() => {\n flushing = false\n startTransition(() => {\n listeners.forEach((cb) => cb(mediaState))\n })\n })\n}\n\ntype MediaKeysState = {\n [key: string]: any\n}\n\ntype UseMediaState = {\n [key in MediaQueryKey]: boolean\n}\n\ntype UpdateState = {\n enabled: boolean\n keys: MediaQueryKey[]\n}\n\nconst shouldUpdate = new WeakMap<any, UpdateState>()\n\nexport function setMediaShouldUpdate(ref: any, props: UpdateState) {\n return shouldUpdate.set(ref, props)\n}\n\ntype UseMediaInternalState = {\n prev: MediaKeysState\n touched?: Set<string>\n}\n\nfunction subscribe(subscriber: any) {\n listeners.add(subscriber)\n return () => listeners.delete(subscriber)\n}\n\nexport function useMedia(uid?: any, debug?: any): UseMediaState {\n const internal = useSafeRef<UseMediaInternalState>(undefined as any)\n if (!internal.current) {\n internal.current = {\n prev: initState,\n }\n }\n const state = useSyncExternalStore<MediaQueryState>(\n subscribe,\n () => {\n const { touched, prev } = internal.current\n const componentState = uid ? shouldUpdate.get(uid) : undefined\n if (componentState?.enabled === false) {\n return prev\n }\n\n const testKeys =\n componentState?.keys ??\n ((!componentState || componentState.enabled) && touched ? [...touched] : null)\n\n const hasntUpdated = testKeys?.every((key) => mediaState[key] === prev[key])\n if (hasntUpdated) {\n return prev\n }\n\n internal.current.prev = mediaState\n return mediaState\n },\n () => initState\n )\n\n return useMemo(() => {\n return new Proxy(state, {\n get(_, key) {\n if (typeof key === 'string') {\n internal.current.touched ||= new Set()\n internal.current.touched.add(key)\n }\n return Reflect.get(state, key)\n },\n })\n }, [state])\n}\n\n/**\n * Useful for more complex components that need access to the currently active props,\n * accounting for the currently active media queries.\n *\n * Use sparingly, it will loop props and trigger re-render on all media queries.\n *\n * */\nexport function useMediaPropsActive<A extends Object>(\n props: A\n): {\n // remove all media\n [Key in keyof A extends `$${string}` ? never : keyof A]?: A[Key]\n} {\n const media = useMedia()\n\n return useMemo(() => {\n const next = {} as A\n const importancesUsed = {}\n const propNames = Object.keys(props)\n\n for (let i = propNames.length - 1; i >= 0; i--) {\n const key = propNames[i]\n const val = props[key]\n if (key[0] === '$') {\n const mediaKey = key.slice(1)\n if (!media[mediaKey]) continue\n if (val && typeof val === 'object') {\n const subKeys = Object.keys(val)\n for (let j = subKeys.length; j--; j >= 0) {\n const subKey = subKeys[j]\n mergeMediaByImportance(next, mediaKey, subKey, val[subKey], importancesUsed)\n }\n }\n } else {\n mergeMediaByImportance(next, '', key, val, importancesUsed)\n }\n }\n\n return next\n }, [media, props])\n}\n\nexport const getMediaImportanceIfMoreImportant = (\n mediaKey: string,\n key: string,\n importancesUsed: Record<string, number>\n) => {\n const importance = getMediaKeyImportance(mediaKey)\n return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null\n}\n\nexport function mergeMediaByImportance(\n onto: Record<string, any>,\n mediaKey: string,\n key: string,\n value: any,\n importancesUsed: Record<string, number>\n) {\n const importance = getMediaImportanceIfMoreImportant(mediaKey, key, importancesUsed)\n if (importance === null) {\n return false\n }\n importancesUsed[key] = importance\n onto[key] = value\n return true\n}\n\nfunction camelToHyphen(str: string) {\n return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase()\n}\n\nexport function mediaObjectToString(query: string | MediaQueryObject) {\n if (typeof query === 'string') {\n return query\n }\n return Object.entries(query)\n .map(([feature, value]) => {\n feature = camelToHyphen(feature)\n if (typeof value === 'string') {\n return `(${feature}: ${value})`\n }\n if (typeof value === 'number' && /[height|width]$/.test(feature)) {\n value = `${value}px`\n }\n return `(${feature}: ${value})`\n })\n .join(' and ')\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["update"]
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["useMedia_exports", "__export", "configureMedia", "getInitialMediaState", "getMedia", "getMediaImportanceIfMoreImportant", "getMediaKeyImportance", "mediaKeysWithAndWithout$", "mediaObjectToString", "mediaQueryConfig", "mediaState", "mergeMediaByImportance", "setMediaShouldUpdate", "setupMediaListeners", "useMedia", "useMediaListeners", "useMediaPropsActive", "__toCommonJS", "import_react", "import_config", "import_createProxy", "import_matchMedia", "import_useSafeRef", "target", "key", "initState", "mediaKeysOrdered", "dispose", "config", "media", "mediaQueryDefaultActive", "updateCurrentState", "unlisten", "cb", "configuredKey", "nextKey", "update", "next", "getMatch", "str", "match", "listeners", "flushing", "shouldUpdate", "ref", "props", "subscribe", "subscriber", "uid", "debug", "internal", "state", "touched", "prev", "componentState", "testKeys", "_", "_a", "importancesUsed", "propNames", "i", "val", "mediaKey", "subKeys", "j", "subKey", "importance", "onto", "value", "camelToHyphen", "m", "query", "feature"]
|
|
7
7
|
}
|
|
@@ -1,59 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var useSafeRef_exports = {};
|
|
20
|
-
__export(useSafeRef_exports, {
|
|
21
|
-
useSafeRef: () => useSafeRef
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(useSafeRef_exports);
|
|
24
|
-
var import_constants = require("@tamagui/constants");
|
|
25
|
-
var import_react = require("react");
|
|
26
|
-
const useSafeRef = (initialValue) => {
|
|
27
|
-
const rawRef = (0, import_react.useRef)();
|
|
28
|
-
if (!rawRef.current) {
|
|
29
|
-
rawRef.current = {
|
|
30
|
-
hold: true,
|
|
31
|
-
next: initialValue,
|
|
32
|
-
cur: initialValue,
|
|
33
|
-
ref: {
|
|
34
|
-
get current() {
|
|
35
|
-
return raw.hold ? raw.cur : raw.next;
|
|
36
|
-
},
|
|
37
|
-
set current(v) {
|
|
38
|
-
if (!raw.hold) {
|
|
39
|
-
raw.next = v;
|
|
40
|
-
}
|
|
41
|
-
raw.cur = v;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
}
|
|
46
|
-
const raw = rawRef.current;
|
|
47
|
-
raw.hold = true;
|
|
48
|
-
raw.cur = raw.next;
|
|
49
|
-
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
50
|
-
raw.hold = false;
|
|
51
|
-
raw.next = raw.cur;
|
|
52
|
-
});
|
|
53
|
-
return raw.ref;
|
|
54
|
-
};
|
|
55
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
56
|
-
0 && (module.exports = {
|
|
57
|
-
useSafeRef
|
|
58
|
-
});
|
|
1
|
+
"use strict";var c=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var r in e)c(t,r,{get:e[r],enumerable:!0})},x=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let u of T(e))!a.call(t,u)&&u!==r&&c(t,u,{get:()=>e[u],enumerable:!(o=s(e,u))||o.enumerable});return t};var d=t=>x(c({},"__esModule",{value:!0}),t);var R={};h(R,{useSafeRef:()=>l});module.exports=d(R);var n=require("@tamagui/constants"),f=require("react");const l=t=>{const e=(0,f.useRef)();e.current||(e.current={hold:!0,next:t,cur:t,ref:{get current(){return r.hold?r.cur:r.next},set current(o){r.hold||(r.next=o),r.cur=o}}});const r=e.current;return r.hold=!0,r.cur=r.next,(0,n.useIsomorphicLayoutEffect)(()=>{r.hold=!1,r.next=r.cur}),r.ref};0&&(module.exports={useSafeRef});
|
|
59
2
|
//# sourceMappingURL=useSafeRef.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useSafeRef.ts"],
|
|
4
4
|
"sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useRef } from 'react'\n\n// dai-shi \uD83D\uDE4F\n// https://dev.to/uhyo_/a-concurrent-mode-safe-version-of-useref-1325\n// probably can live without it though to save a bit of b\n\ntype Raw<T> = {\n hold: boolean\n next: T\n cur: T\n ref: { current: T }\n}\n\nexport const useSafeRef = <T>(initialValue: T) => {\n const rawRef = useRef<Raw<T>>()\n if (!rawRef.current) {\n rawRef.current = {\n hold: true,\n next: initialValue,\n cur: initialValue,\n ref: {\n get current() {\n return raw.hold ? raw.cur : raw.next\n },\n set current(v) {\n if (!raw.hold) {\n raw.next = v\n }\n raw.cur = v\n },\n },\n }\n }\n\n const raw: Raw<T> = rawRef.current\n raw.hold = true\n raw.cur = raw.next\n useIsomorphicLayoutEffect(() => {\n raw.hold = false\n raw.next = raw.cur\n })\n\n return raw.ref\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA0C,8BAC1CC,EAAuB,iBAahB,MAAMH,EAAiBI,GAAoB,CAChD,MAAMC,KAAS,UAAe,EACzBA,EAAO,UACVA,EAAO,QAAU,CACf,KAAM,GACN,KAAMD,EACN,IAAKA,EACL,IAAK,CACH,IAAI,SAAU,CACZ,OAAOE,EAAI,KAAOA,EAAI,IAAMA,EAAI,IAClC,EACA,IAAI,QAAQC,EAAG,CACRD,EAAI,OACPA,EAAI,KAAOC,GAEbD,EAAI,IAAMC,CACZ,CACF,CACF,GAGF,MAAMD,EAAcD,EAAO,QAC3B,OAAAC,EAAI,KAAO,GACXA,EAAI,IAAMA,EAAI,QACd,6BAA0B,IAAM,CAC9BA,EAAI,KAAO,GACXA,EAAI,KAAOA,EAAI,GACjB,CAAC,EAEMA,EAAI,GACb",
|
|
6
|
+
"names": ["useSafeRef_exports", "__export", "useSafeRef", "__toCommonJS", "import_constants", "import_react", "initialValue", "rawRef", "raw", "v"]
|
|
7
7
|
}
|
|
@@ -1,36 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var useServerHooks_exports = {};
|
|
20
|
-
__export(useServerHooks_exports, {
|
|
21
|
-
useServerRef: () => useServerRef,
|
|
22
|
-
useServerState: () => useServerState
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(useServerHooks_exports);
|
|
25
|
-
var import_constants = require("@tamagui/constants");
|
|
26
|
-
var import_react = require("react");
|
|
27
|
-
const useServerState = import_constants.isRSC ? (val) => [val, idFn] : import_react.useState;
|
|
28
|
-
const useServerRef = import_constants.isRSC ? (val) => ({ current: val }) : import_react.useRef;
|
|
29
|
-
const idFn = () => {
|
|
30
|
-
};
|
|
31
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
32
|
-
0 && (module.exports = {
|
|
33
|
-
useServerRef,
|
|
34
|
-
useServerState
|
|
35
|
-
});
|
|
1
|
+
"use strict";var r=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var c=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:!0})},i=(e,t,n,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of p(t))!S.call(e,s)&&s!==n&&r(e,s,{get:()=>t[s],enumerable:!(u=f(t,s))||u.enumerable});return e};var m=e=>i(r({},"__esModule",{value:!0}),e);var v={};c(v,{useServerRef:()=>R,useServerState:()=>y});module.exports=m(v);var a=require("@tamagui/constants"),o=require("react");const y=a.isRSC?e=>[e,k]:o.useState,R=a.isRSC?e=>({current:e}):o.useRef,k=()=>{};0&&(module.exports={useServerRef,useServerState});
|
|
36
2
|
//# sourceMappingURL=useServerHooks.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useServerHooks.tsx"],
|
|
4
4
|
"sourcesContent": ["import { isRSC } from '@tamagui/constants'\nimport { useRef, useState } from 'react'\n\nexport const useServerState = isRSC\n ? (((val: any) => [val, idFn]) as unknown as typeof useState)\n : useState\n\nexport const useServerRef = isRSC\n ? (((val: any) => ({ current: val })) as unknown as typeof useRef)\n : useRef\n\nconst idFn = () => {}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,EAAA,mBAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAsB,8BACtBC,EAAiC,iBAE1B,MAAMH,EAAiB,QACvBI,GAAa,CAACA,EAAKC,CAAI,EAC1B,WAESN,EAAe,QACrBK,IAAc,CAAE,QAASA,CAAI,GAChC,SAEEC,EAAO,IAAM,CAAC",
|
|
6
|
+
"names": ["useServerHooks_exports", "__export", "useServerRef", "useServerState", "__toCommonJS", "import_constants", "import_react", "val", "idFn"]
|
|
7
7
|
}
|
|
@@ -1,61 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var useStyle_exports = {};
|
|
20
|
-
__export(useStyle_exports, {
|
|
21
|
-
useStyle: () => useStyle
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(useStyle_exports);
|
|
24
|
-
var import_constants = require("@tamagui/constants");
|
|
25
|
-
var import_react = require("react");
|
|
26
|
-
var import_FontLanguageContext = require("../contexts/FontLanguageContext.js");
|
|
27
|
-
var import_TextAncestorContext = require("../contexts/TextAncestorContext.js");
|
|
28
|
-
var import_getSplitStyles = require("../helpers/getSplitStyles.js");
|
|
29
|
-
var import_useMedia = require("./useMedia.js");
|
|
30
|
-
var import_useTheme = require("./useTheme.js");
|
|
31
|
-
function useStyle(base, style, options) {
|
|
32
|
-
const isText = base.staticConfig.isText;
|
|
33
|
-
const hasTextAncestor = !!(import_constants.isWeb && isText ? (0, import_react.useContext)(import_TextAncestorContext.TextAncestorContext) : false);
|
|
34
|
-
const languageContext = import_constants.isRSC ? null : (0, import_react.useContext)(import_FontLanguageContext.FontLanguageContext);
|
|
35
|
-
const theme = (0, import_useTheme.useTheme)();
|
|
36
|
-
const media = (0, import_useMedia.useMedia)();
|
|
37
|
-
const out = (0, import_getSplitStyles.useSplitStyles)(
|
|
38
|
-
style,
|
|
39
|
-
base.staticConfig,
|
|
40
|
-
theme,
|
|
41
|
-
{
|
|
42
|
-
...options,
|
|
43
|
-
mediaState: media,
|
|
44
|
-
hasTextAncestor,
|
|
45
|
-
resolveVariablesAs: "auto"
|
|
46
|
-
},
|
|
47
|
-
null,
|
|
48
|
-
languageContext || void 0,
|
|
49
|
-
isText ? "span" : "div",
|
|
50
|
-
options == null ? void 0 : options.debug
|
|
51
|
-
);
|
|
52
|
-
return {
|
|
53
|
-
style: Object.keys(out.style).length ? out.style : null,
|
|
54
|
-
classNames: out.classNames
|
|
55
|
-
};
|
|
56
|
-
}
|
|
57
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
58
|
-
0 && (module.exports = {
|
|
59
|
-
useStyle
|
|
60
|
-
});
|
|
1
|
+
"use strict";var m=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var P=(e,t)=>{for(var o in t)m(e,o,{get:t[o],enumerable:!0})},T=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of C(t))!d.call(e,s)&&s!==o&&m(e,s,{get:()=>t[s],enumerable:!(n=x(t,s))||n.enumerable});return e};var b=e=>T(m({},"__esModule",{value:!0}),e);var N={};P(N,{useStyle:()=>h});module.exports=b(N);var r=require("@tamagui/constants"),l=require("react"),i=require("../contexts/FontLanguageContext.js"),p=require("../contexts/TextAncestorContext.js"),u=require("../helpers/getSplitStyles.js"),y=require("./useMedia.js"),S=require("./useTheme.js");function h(e,t,o){const n=e.staticConfig.isText,s=!!(r.isWeb&&n&&(0,l.useContext)(p.TextAncestorContext)),c=r.isRSC?null:(0,l.useContext)(i.FontLanguageContext),f=(0,S.useTheme)(),g=(0,y.useMedia)(),a=(0,u.useSplitStyles)(t,e.staticConfig,f,{...o,mediaState:g,hasTextAncestor:s,resolveVariablesAs:"auto"},null,c||void 0,n?"span":"div",o==null?void 0:o.debug);return{style:Object.keys(a.style).length?a.style:null,classNames:a.classNames}}0&&(module.exports={useStyle});
|
|
61
2
|
//# sourceMappingURL=useStyle.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useStyle.tsx"],
|
|
4
4
|
"sourcesContent": ["import { isRSC, isWeb } from '@tamagui/constants'\nimport { useContext } from 'react'\n\nimport { FontLanguageContext } from '../contexts/FontLanguageContext.js'\nimport { TextAncestorContext } from '../contexts/TextAncestorContext.js'\nimport { useSplitStyles } from '../helpers/getSplitStyles.js'\nimport {\n DebugProp,\n GetProps,\n SplitStyleState,\n TamaguiComponent,\n TextNonStyleProps,\n} from '../types'\nimport { useMedia } from './useMedia.js'\nimport { useTheme } from './useTheme.js'\n\nexport function useStyle<\n Component extends TamaguiComponent,\n StyleProps = Omit<GetProps<Component>, keyof TextNonStyleProps>\n>(\n base: Component,\n style: StyleProps,\n options?: Partial<SplitStyleState> & { debug?: DebugProp }\n) {\n const isText = base.staticConfig.isText\n const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false)\n const languageContext = isRSC ? null : useContext(FontLanguageContext)\n const theme = useTheme()\n const media = useMedia()\n const out = useSplitStyles(\n style as any,\n base.staticConfig,\n theme,\n {\n ...(options as any),\n mediaState: media,\n hasTextAncestor,\n resolveVariablesAs: 'auto',\n },\n null,\n languageContext || undefined,\n isText ? 'span' : 'div',\n options?.debug\n )\n return {\n style: Object.keys(out.style).length ? out.style : null,\n classNames: out.classNames,\n }\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,8BAC7BC,EAA2B,iBAE3BC,EAAoC,8CACpCC,EAAoC,8CACpCC,EAA+B,wCAQ/BC,EAAyB,yBACzBC,EAAyB,yBAElB,SAASR,EAIdS,EACAC,EACAC,EACA,CACA,MAAMC,EAASH,EAAK,aAAa,OAC3BI,EAAkB,CAAC,EAAE,SAASD,MAAS,cAAW,qBAAmB,GACrEE,EAAkB,QAAQ,QAAO,cAAW,qBAAmB,EAC/DC,KAAQ,YAAS,EACjBC,KAAQ,YAAS,EACjBC,KAAM,kBACVP,EACAD,EAAK,aACLM,EACA,CACE,GAAIJ,EACJ,WAAYK,EACZ,gBAAAH,EACA,mBAAoB,MACtB,EACA,KACAC,GAAmB,OACnBF,EAAS,OAAS,MAClBD,GAAA,YAAAA,EAAS,KACX,EACA,MAAO,CACL,MAAO,OAAO,KAAKM,EAAI,KAAK,EAAE,OAASA,EAAI,MAAQ,KACnD,WAAYA,EAAI,UAClB,CACF",
|
|
6
|
+
"names": ["useStyle_exports", "__export", "useStyle", "__toCommonJS", "import_constants", "import_react", "import_FontLanguageContext", "import_TextAncestorContext", "import_getSplitStyles", "import_useMedia", "import_useTheme", "base", "style", "options", "isText", "hasTextAncestor", "languageContext", "theme", "media", "out"]
|
|
7
7
|
}
|
|
@@ -1,230 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var useTheme_exports = {};
|
|
20
|
-
__export(useTheme_exports, {
|
|
21
|
-
activeThemeManagers: () => activeThemeManagers,
|
|
22
|
-
getThemeProxied: () => getThemeProxied,
|
|
23
|
-
useChangeThemeEffect: () => useChangeThemeEffect,
|
|
24
|
-
useTheme: () => useTheme,
|
|
25
|
-
useThemeWithState: () => useThemeWithState
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(useTheme_exports);
|
|
28
|
-
var import_constants = require("@tamagui/constants");
|
|
29
|
-
var import_react = require("react");
|
|
30
|
-
var import_config = require("../config.js");
|
|
31
|
-
var import_isDevTools = require("../constants/isDevTools.js");
|
|
32
|
-
var import_createProxy = require("../helpers/createProxy.js");
|
|
33
|
-
var import_ThemeManager = require("../helpers/ThemeManager.js");
|
|
34
|
-
var import_ThemeManagerContext = require("../helpers/ThemeManagerContext.js");
|
|
35
|
-
var import_getThemeUnwrapped = require("./getThemeUnwrapped.js");
|
|
36
|
-
var import_useServerHooks = require("./useServerHooks.js");
|
|
37
|
-
const emptyProps = { name: null };
|
|
38
|
-
function getDefaultThemeProxied() {
|
|
39
|
-
const config = (0, import_config.getConfig)();
|
|
40
|
-
const name = Object.keys(config.themes)[0];
|
|
41
|
-
return getThemeProxied({
|
|
42
|
-
theme: config.themes[name],
|
|
43
|
-
name
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
const useTheme = (props = emptyProps) => {
|
|
47
|
-
var _a;
|
|
48
|
-
return (import_constants.isRSC ? null : (_a = useThemeWithState(props)) == null ? void 0 : _a.theme) || getDefaultThemeProxied();
|
|
49
|
-
};
|
|
50
|
-
const useThemeWithState = (props) => {
|
|
51
|
-
var _a;
|
|
52
|
-
const keys = (0, import_useServerHooks.useServerRef)([]);
|
|
53
|
-
const changedTheme = useChangeThemeEffect(
|
|
54
|
-
props,
|
|
55
|
-
false,
|
|
56
|
-
import_constants.isClient ? () => {
|
|
57
|
-
var _a2;
|
|
58
|
-
return ((_a2 = props.shouldUpdate) == null ? void 0 : _a2.call(props)) ?? keys.current.length === 0;
|
|
59
|
-
} : void 0
|
|
60
|
-
);
|
|
61
|
-
const { themeManager, isNewTheme, theme, name, className } = changedTheme;
|
|
62
|
-
if (process.env.NODE_ENV === "development") {
|
|
63
|
-
if (import_constants.isWeb && isNewTheme && className === ((_a = themeManager == null ? void 0 : themeManager.parentManager) == null ? void 0 : _a.state.className)) {
|
|
64
|
-
console.error("Should always change, duplicating ThemeMananger bug", themeManager);
|
|
65
|
-
}
|
|
66
|
-
if (props.debug === "verbose") {
|
|
67
|
-
console.groupCollapsed(" \u{1F539} useTheme =>", name);
|
|
68
|
-
const logs = { ...props, name, className, ...import_isDevTools.isDevTools && { theme } };
|
|
69
|
-
for (const key in logs) {
|
|
70
|
-
console.log(" ", key, logs[key]);
|
|
71
|
-
}
|
|
72
|
-
console.groupEnd();
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
if (!changedTheme.theme) {
|
|
76
|
-
if (process.env.NODE_ENV === "development") {
|
|
77
|
-
console.warn("No theme found", name, props, themeManager);
|
|
78
|
-
}
|
|
79
|
-
return null;
|
|
80
|
-
}
|
|
81
|
-
const proxiedTheme = (0, import_react.useMemo)(() => {
|
|
82
|
-
return getThemeProxied(changedTheme);
|
|
83
|
-
}, [theme, isNewTheme, name, className, themeManager]);
|
|
84
|
-
return {
|
|
85
|
-
...changedTheme,
|
|
86
|
-
theme: proxiedTheme
|
|
87
|
-
};
|
|
88
|
-
};
|
|
89
|
-
function getThemeProxied({
|
|
90
|
-
theme,
|
|
91
|
-
themeManager,
|
|
92
|
-
keys
|
|
93
|
-
}) {
|
|
94
|
-
return (0, import_createProxy.createProxy)(theme, {
|
|
95
|
-
has(_, key) {
|
|
96
|
-
if (typeof key === "string") {
|
|
97
|
-
if (key[0] === "$")
|
|
98
|
-
key = key.slice(1);
|
|
99
|
-
return themeManager == null ? void 0 : themeManager.allKeys.has(key);
|
|
100
|
-
}
|
|
101
|
-
return Reflect.has(theme, key);
|
|
102
|
-
},
|
|
103
|
-
get(_, key) {
|
|
104
|
-
if (key === import_getThemeUnwrapped.GetThemeUnwrapped) {
|
|
105
|
-
return theme;
|
|
106
|
-
}
|
|
107
|
-
if (key === "undefined" || key === "__proto__" || key === "$typeof" || typeof key !== "string" || !themeManager) {
|
|
108
|
-
return Reflect.get(_, key);
|
|
109
|
-
}
|
|
110
|
-
const keyString = key;
|
|
111
|
-
if (key[0] === "$") {
|
|
112
|
-
key = key.slice(1);
|
|
113
|
-
}
|
|
114
|
-
const val = themeManager.getValue(key);
|
|
115
|
-
const currentKeys = keys == null ? void 0 : keys.current;
|
|
116
|
-
if (val && currentKeys) {
|
|
117
|
-
return new Proxy(val, {
|
|
118
|
-
// when they touch the actual value we only track it
|
|
119
|
-
// if its a variable (web), its ignored!
|
|
120
|
-
get(_2, subkey) {
|
|
121
|
-
if (subkey === "val" && !currentKeys.includes(keyString)) {
|
|
122
|
-
currentKeys.push(keyString);
|
|
123
|
-
}
|
|
124
|
-
return Reflect.get(val, subkey);
|
|
125
|
-
}
|
|
126
|
-
});
|
|
127
|
-
}
|
|
128
|
-
return val;
|
|
129
|
-
}
|
|
130
|
-
});
|
|
131
|
-
}
|
|
132
|
-
const activeThemeManagers = /* @__PURE__ */ new Set();
|
|
133
|
-
const useChangeThemeEffect = (props, root = false, disableUpdate) => {
|
|
134
|
-
if (import_constants.isRSC) {
|
|
135
|
-
return {
|
|
136
|
-
...createState().state,
|
|
137
|
-
themeManager: null
|
|
138
|
-
};
|
|
139
|
-
}
|
|
140
|
-
const parentManager = (0, import_react.useContext)(import_ThemeManagerContext.ThemeManagerContext);
|
|
141
|
-
const {
|
|
142
|
-
debug,
|
|
143
|
-
// @ts-expect-error internal use only
|
|
144
|
-
disable
|
|
145
|
-
} = props;
|
|
146
|
-
if (disable) {
|
|
147
|
-
if (!parentManager)
|
|
148
|
-
throw `\u274C`;
|
|
149
|
-
return {
|
|
150
|
-
...parentManager.state,
|
|
151
|
-
isNewTheme: false,
|
|
152
|
-
themeManager: parentManager
|
|
153
|
-
};
|
|
154
|
-
}
|
|
155
|
-
const [themeState, setThemeState] = (0, import_react.useState)(createState);
|
|
156
|
-
const { isNewTheme, state, themeManager, mounted } = themeState;
|
|
157
|
-
if (!import_constants.isServer) {
|
|
158
|
-
(0, import_react.useEffect)(() => {
|
|
159
|
-
if (disable)
|
|
160
|
-
return;
|
|
161
|
-
if (props.inverse && !mounted) {
|
|
162
|
-
setThemeState({ ...themeState, mounted: true });
|
|
163
|
-
return;
|
|
164
|
-
}
|
|
165
|
-
activeThemeManagers.add(themeManager);
|
|
166
|
-
return () => {
|
|
167
|
-
activeThemeManagers.delete(themeManager);
|
|
168
|
-
};
|
|
169
|
-
}, [disable, state, isNewTheme, debug]);
|
|
170
|
-
}
|
|
171
|
-
const isInversingOnMount = Boolean(!themeState.mounted && props.inverse);
|
|
172
|
-
const shouldReturnParentState = (0, import_ThemeManager.hasNoThemeUpdatingProps)(props) || isInversingOnMount;
|
|
173
|
-
if (shouldReturnParentState) {
|
|
174
|
-
if (!parentManager)
|
|
175
|
-
throw "impossible";
|
|
176
|
-
if (process.env.NODE_ENV === "development" && props.debug === "verbose")
|
|
177
|
-
console.log("useTheme hasNoThemeUpdatingProps", parentManager.state.name, "isInversingOnMount", isInversingOnMount);
|
|
178
|
-
return {
|
|
179
|
-
...parentManager.state,
|
|
180
|
-
className: isInversingOnMount ? "" : parentManager.state.className,
|
|
181
|
-
themeManager: parentManager,
|
|
182
|
-
isNewTheme: false
|
|
183
|
-
};
|
|
184
|
-
}
|
|
185
|
-
updateState();
|
|
186
|
-
return {
|
|
187
|
-
...state,
|
|
188
|
-
isNewTheme,
|
|
189
|
-
themeManager
|
|
190
|
-
};
|
|
191
|
-
function createState(prev) {
|
|
192
|
-
if (prev && (disableUpdate == null ? void 0 : disableUpdate())) {
|
|
193
|
-
return prev;
|
|
194
|
-
}
|
|
195
|
-
const _ = new import_ThemeManager.ThemeManager(props, root ? "root" : parentManager);
|
|
196
|
-
const isNewTheme2 = _ !== parentManager;
|
|
197
|
-
const mounted2 = !props.inverse ? true : root || (prev == null ? void 0 : prev.mounted);
|
|
198
|
-
return {
|
|
199
|
-
// ThemeManager returns parentManager if no change
|
|
200
|
-
isNewTheme: isNewTheme2,
|
|
201
|
-
state: { ..._.state },
|
|
202
|
-
themeManager: _,
|
|
203
|
-
mounted: mounted2
|
|
204
|
-
};
|
|
205
|
-
}
|
|
206
|
-
function updateState(updatingManager) {
|
|
207
|
-
if (disableUpdate == null ? void 0 : disableUpdate()) {
|
|
208
|
-
return;
|
|
209
|
-
}
|
|
210
|
-
const manager = updatingManager ?? themeManager;
|
|
211
|
-
const next = manager.getState(props, parentManager);
|
|
212
|
-
const shouldChange = manager.getStateShouldChange(next, isNewTheme ? state : null);
|
|
213
|
-
if (shouldChange) {
|
|
214
|
-
setThemeState(createState);
|
|
215
|
-
} else {
|
|
216
|
-
if (!next && (parentManager == null ? void 0 : parentManager.state.name) !== state.name) {
|
|
217
|
-
setThemeState(createState);
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
};
|
|
222
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
223
|
-
0 && (module.exports = {
|
|
224
|
-
activeThemeManagers,
|
|
225
|
-
getThemeProxied,
|
|
226
|
-
useChangeThemeEffect,
|
|
227
|
-
useTheme,
|
|
228
|
-
useThemeWithState
|
|
229
|
-
});
|
|
1
|
+
"use strict";var w=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var I=Object.prototype.hasOwnProperty;var K=(e,o)=>{for(var r in o)w(e,r,{get:o[r],enumerable:!0})},W=(e,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of $(o))!I.call(e,t)&&t!==r&&w(e,t,{get:()=>o[t],enumerable:!(n=j(o,t))||n.enumerable});return e};var y=e=>W(w({},"__esModule",{value:!0}),e);var z={};K(z,{activeThemeManagers:()=>v,getThemeProxied:()=>x,useChangeThemeEffect:()=>D,useTheme:()=>q,useThemeWithState:()=>b});module.exports=y(z);var h=require("@tamagui/constants"),c=require("react"),M=require("../config.js"),R=require("../constants/isDevTools.js"),_=require("../helpers/createProxy.js"),N=require("../helpers/ThemeManager.js"),p=require("../helpers/ThemeManagerContext.js"),E=require("./getThemeUnwrapped.js"),O=require("./useServerHooks.js");const B={name:null};function G(){const e=(0,M.getConfig)(),o=Object.keys(e.themes)[0];return x({theme:e.themes[o],name:o})}const q=(e=B)=>{var o;return(h.isRSC?null:(o=b(e))==null?void 0:o.theme)||G()},b=e=>{var m;const o=(0,O.useServerRef)([]),r=D(e,!1,h.isClient?()=>{var u;return((u=e.shouldUpdate)==null?void 0:u.call(e))??o.current.length===0}:void 0),{themeManager:n,isNewTheme:t,theme:i,name:s,className:a}=r;if(process.env.NODE_ENV==="development"&&(h.isWeb&&t&&a===((m=n==null?void 0:n.parentManager)==null?void 0:m.state.className)&&console.error("Should always change, duplicating ThemeMananger bug",n),e.debug==="verbose")){console.groupCollapsed(" \u{1F539} useTheme =>",s);const u={...e,name:s,className:a,...R.isDevTools&&{theme:i}};for(const T in u)console.log(" ",T,u[T]);console.groupEnd()}if(!r.theme)return process.env.NODE_ENV==="development"&&console.warn("No theme found",s,e,n),null;const l=(0,c.useMemo)(()=>x(r),[i,t,s,a,n]);return{...r,theme:l}};function x({theme:e,themeManager:o,keys:r}){return(0,_.createProxy)(e,{has(n,t){return typeof t=="string"?(t[0]==="$"&&(t=t.slice(1)),o==null?void 0:o.allKeys.has(t)):Reflect.has(e,t)},get(n,t){if(t===E.GetThemeUnwrapped)return e;if(t==="undefined"||t==="__proto__"||t==="$typeof"||typeof t!="string"||!o)return Reflect.get(n,t);const i=t;t[0]==="$"&&(t=t.slice(1));const s=o.getValue(t),a=r==null?void 0:r.current;return s&&a?new Proxy(s,{get(l,m){return m==="val"&&!a.includes(i)&&a.push(i),Reflect.get(s,m)}}):s}})}const v=new Set,D=(e,o=!1,r)=>{if(h.isRSC)return{...d().state,themeManager:null};const n=(0,c.useContext)(p.ThemeManagerContext),{debug:t,disable:i}=e;if(i){if(!n)throw"\u274C";return{...n.state,isNewTheme:!1,themeManager:n}}const[s,a]=(0,c.useState)(d),{isNewTheme:l,state:m,themeManager:u,mounted:T}=s;h.isServer||(0,c.useEffect)(()=>{if(!i){if(e.inverse&&!T){a({...s,mounted:!0});return}return v.add(u),()=>{v.delete(u)}}},[i,m,l,t]);const P=Boolean(!s.mounted&&e.inverse);if((0,N.hasNoThemeUpdatingProps)(e)||P){if(!n)throw"impossible";return process.env.NODE_ENV==="development"&&e.debug==="verbose"&&console.log("useTheme hasNoThemeUpdatingProps",n.state.name,"isInversingOnMount",P),{...n.state,className:P?"":n.state.className,themeManager:n,isNewTheme:!1}}return V(),{...m,isNewTheme:l,themeManager:u};function d(f){if(f&&(r!=null&&r()))return f;const g=new N.ThemeManager(e,o?"root":n),S=g!==n,C=e.inverse?o||(f==null?void 0:f.mounted):!0;return{isNewTheme:S,state:{...g.state},themeManager:g,mounted:C}}function V(f){if(r!=null&&r())return;const g=f??u,S=g.getState(e,n);(g.getStateShouldChange(S,l?m:null)||!S&&(n==null?void 0:n.state.name)!==m.name)&&a(d)}};0&&(module.exports={activeThemeManagers,getThemeProxied,useChangeThemeEffect,useTheme,useThemeWithState});
|
|
230
2
|
//# sourceMappingURL=useTheme.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useTheme.tsx"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable no-console */\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { useContext, useEffect, useMemo, useState } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { isDevTools } from '../constants/isDevTools.js'\nimport { createProxy } from '../helpers/createProxy.js'\nimport {\n ThemeManager,\n ThemeManagerState,\n hasNoThemeUpdatingProps,\n} from '../helpers/ThemeManager.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport type { ThemeParsed, ThemeProps } from '../types.js'\nimport { GetThemeUnwrapped } from './getThemeUnwrapped.js'\nimport { useServerRef } from './useServerHooks.js'\n\nexport type ChangedThemeResponse = {\n themeManager: ThemeManager | null\n name: string\n isNewTheme?: boolean\n theme?: ThemeParsed | null\n className?: string\n}\n\nconst emptyProps = { name: null }\n\nfunction getDefaultThemeProxied() {\n const config = getConfig()\n const name = Object.keys(config.themes)[0]\n return getThemeProxied({\n theme: config.themes[name],\n name,\n })\n}\n\nexport const useTheme = (props: ThemeProps = emptyProps): ThemeParsed => {\n return (isRSC ? null : useThemeWithState(props)?.theme) || getDefaultThemeProxied()\n}\n\nexport const useThemeWithState = (props: ThemeProps) => {\n const keys = useServerRef([])\n\n const changedTheme = useChangeThemeEffect(\n props,\n false,\n isClient\n ? () => {\n return props.shouldUpdate?.() ?? keys.current.length === 0\n }\n : undefined\n )\n\n const { themeManager, isNewTheme, theme, name, className } = changedTheme\n\n if (process.env.NODE_ENV === 'development') {\n // ensure we aren't creating too many ThemeManagers\n // prettier-ignore\n if (isWeb && isNewTheme && className === themeManager?.parentManager?.state.className) {\n console.error('Should always change, duplicating ThemeMananger bug', themeManager)\n }\n if (props.debug === 'verbose') {\n console.groupCollapsed(' \uD83D\uDD39 useTheme =>', name)\n const logs = { ...props, name, className, ...(isDevTools && { theme }) }\n for (const key in logs) {\n console.log(' ', key, logs[key])\n }\n console.groupEnd()\n }\n }\n\n if (!changedTheme.theme) {\n if (process.env.NODE_ENV === 'development') {\n console.warn('No theme found', name, props, themeManager)\n }\n return null\n }\n\n const proxiedTheme = useMemo(() => {\n return getThemeProxied(changedTheme as any)\n }, [theme, isNewTheme, name, className, themeManager])\n\n return {\n ...changedTheme,\n theme: proxiedTheme,\n }\n}\n\nexport function getThemeProxied({\n theme,\n themeManager,\n keys,\n}: Partial<ChangedThemeResponse> & {\n theme: ThemeParsed\n keys?: React.RefObject<string[]>\n}) {\n return createProxy(theme, {\n has(_, key) {\n if (typeof key === 'string') {\n if (key[0] === '$') key = key.slice(1)\n return themeManager?.allKeys.has(key)\n }\n return Reflect.has(theme, key)\n },\n get(_, key) {\n if (key === GetThemeUnwrapped) {\n return theme\n }\n if (\n key === 'undefined' ||\n key === '__proto__' ||\n key === '$typeof' ||\n typeof key !== 'string' ||\n !themeManager\n ) {\n return Reflect.get(_, key)\n }\n const keyString = key\n // auto convert variables to plain\n if (key[0] === '$') {\n key = key.slice(1)\n }\n const val = themeManager.getValue(key)\n const currentKeys = keys?.current\n if (val && currentKeys) {\n return new Proxy(val as any, {\n // when they touch the actual value we only track it\n // if its a variable (web), its ignored!\n get(_, subkey) {\n if (subkey === 'val' && !currentKeys.includes(keyString)) {\n currentKeys.push(keyString)\n }\n return Reflect.get(val as any, subkey)\n },\n })\n }\n return val\n },\n })\n}\n\nexport const activeThemeManagers = new Set<ThemeManager>()\n\nexport const useChangeThemeEffect = (\n props: ThemeProps,\n root = false,\n disableUpdate?: () => boolean\n): ChangedThemeResponse => {\n if (isRSC) {\n // we need context working for this to work well\n return {\n ...createState().state,\n themeManager: null,\n }\n }\n const parentManager = useContext(ThemeManagerContext)\n\n const {\n debug,\n // @ts-expect-error internal use only\n disable,\n } = props\n\n if (disable) {\n if (!parentManager) throw `\u274C`\n return {\n ...parentManager.state,\n isNewTheme: false,\n themeManager: parentManager,\n }\n }\n\n type State = {\n isNewTheme: boolean\n state: ThemeManagerState\n themeManager: ThemeManager\n mounted?: boolean\n }\n\n const [themeState, setThemeState] = useState<State>(createState)\n const { isNewTheme, state, themeManager, mounted } = themeState\n\n if (!isServer) {\n useEffect(() => {\n if (disable) return\n // SSR safe inverse (because server can't know prefers scheme)\n // could be done through fancy selectors like how we do prefers-media\n // but may be a bit of explosion of selectors\n if (props.inverse && !mounted) {\n setThemeState({ ...themeState, mounted: true })\n return\n }\n activeThemeManagers.add(themeManager)\n // const disposeChangeListener = parentManager?.onChangeTheme((name, manager) => {\n // // console.log('hi', props, state, name, manager)\n // if (state.theme !== manager.state.theme) {\n // console.warn('now update to', manager.state.name)\n // updateState(manager)\n // }\n // })\n return () => {\n activeThemeManagers.delete(themeManager)\n // disposeChangeListener?.()\n }\n }, [disable, state, isNewTheme, debug])\n }\n\n const isInversingOnMount = Boolean(!themeState.mounted && props.inverse)\n const shouldReturnParentState = hasNoThemeUpdatingProps(props) || isInversingOnMount\n\n if (shouldReturnParentState) {\n if (!parentManager) throw 'impossible'\n // prettier-ignore\n if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('useTheme hasNoThemeUpdatingProps', parentManager.state.name, 'isInversingOnMount', isInversingOnMount)\n return {\n ...parentManager.state,\n className: isInversingOnMount ? '' : parentManager.state.className,\n themeManager: parentManager,\n isNewTheme: false,\n }\n }\n\n // run inline in render\n updateState()\n\n return {\n ...state,\n isNewTheme,\n themeManager,\n }\n\n function createState(prev?: State) {\n if (prev && disableUpdate?.()) {\n return prev\n }\n // returns previous theme manager if no change\n const _ = new ThemeManager(props, root ? 'root' : parentManager)\n const isNewTheme = _ !== parentManager\n // prettier-ignore\n\n // if (prev?.isNewTheme && _.state.theme !== parentManager?.state.theme) {\n // console.warn('notify')\n // _.notify()\n // }\n\n // only inverse relies on this for ssr\n const mounted = !props.inverse ? true : root || prev?.mounted\n return {\n // ThemeManager returns parentManager if no change\n isNewTheme,\n state: { ..._.state },\n themeManager: _,\n mounted,\n }\n }\n\n function updateState(updatingManager?: ThemeManager) {\n if (disableUpdate?.()) {\n return\n }\n const manager = updatingManager ?? themeManager\n const next = manager.getState(props, parentManager)\n const shouldChange = manager.getStateShouldChange(next, isNewTheme ? state : null)\n // console.log(`got it`, next, isNewTheme, shouldChange, { ...updatingManager?.state })\n if (shouldChange) {\n setThemeState(createState)\n } else {\n if (!next && parentManager?.state.name !== state.name) {\n // were changing back to parent state\n setThemeState(createState)\n }\n }\n }\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["_a", "
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["useTheme_exports", "__export", "activeThemeManagers", "getThemeProxied", "useChangeThemeEffect", "useTheme", "useThemeWithState", "__toCommonJS", "import_constants", "import_react", "import_config", "import_isDevTools", "import_createProxy", "import_ThemeManager", "import_ThemeManagerContext", "import_getThemeUnwrapped", "import_useServerHooks", "emptyProps", "getDefaultThemeProxied", "config", "name", "props", "_a", "keys", "changedTheme", "themeManager", "isNewTheme", "theme", "className", "logs", "key", "proxiedTheme", "_", "keyString", "val", "currentKeys", "subkey", "root", "disableUpdate", "createState", "parentManager", "debug", "disable", "themeState", "setThemeState", "state", "mounted", "isInversingOnMount", "updateState", "prev", "updatingManager", "manager", "next"]
|
|
7
7
|
}
|