@tamagui/core 1.0.0-alpha.38 → 1.0.0-alpha.39
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/constants/constants.js +50 -0
- package/dist/cjs/constants/constants.js.map +7 -0
- package/dist/cjs/constants/platform.js +43 -0
- package/dist/cjs/constants/platform.js.map +7 -0
- package/dist/cjs/constants/pseudos.js +25 -0
- package/dist/cjs/constants/pseudos.js.map +7 -0
- package/dist/cjs/constants/rnw.js +28 -0
- package/dist/cjs/constants/rnw.js.map +7 -0
- package/dist/cjs/createComponent.js +529 -0
- package/dist/cjs/createComponent.js.map +7 -0
- package/dist/cjs/createFont.js +50 -0
- package/dist/cjs/createFont.js.map +7 -0
- package/dist/cjs/createShorthands.js +16 -0
- package/dist/cjs/createShorthands.js.map +7 -0
- package/dist/cjs/createTamagui.js +223 -0
- package/dist/cjs/createTamagui.js.map +7 -0
- package/dist/cjs/createTheme.js +13 -0
- package/dist/cjs/createTheme.js.map +7 -0
- package/dist/cjs/createTokens.js +55 -0
- package/dist/cjs/createTokens.js.map +7 -0
- package/dist/cjs/createVariable.js +47 -0
- package/dist/cjs/createVariable.js.map +7 -0
- package/dist/cjs/helpers/addStylesUsingClassname.js +79 -0
- package/dist/cjs/helpers/addStylesUsingClassname.js.map +7 -0
- package/dist/cjs/helpers/createMediaStyle.js +56 -0
- package/dist/cjs/helpers/createMediaStyle.js.map +7 -0
- package/dist/cjs/helpers/createPropMapper.js +197 -0
- package/dist/cjs/helpers/createPropMapper.js.map +7 -0
- package/dist/cjs/helpers/createTamaguiProvider.js +74 -0
- package/dist/cjs/helpers/createTamaguiProvider.js.map +7 -0
- package/dist/cjs/helpers/extendStaticConfig.js +82 -0
- package/dist/cjs/helpers/extendStaticConfig.js.map +7 -0
- package/dist/cjs/helpers/fixNativeShadow.js +14 -0
- package/dist/cjs/helpers/fixNativeShadow.js.map +7 -0
- package/dist/cjs/helpers/fixNativeShadow.native.js +40 -0
- package/dist/cjs/helpers/fixNativeShadow.native.js.map +7 -0
- package/dist/cjs/helpers/getSplitStyles.js +180 -0
- package/dist/cjs/helpers/getSplitStyles.js.map +7 -0
- package/dist/cjs/helpers/getStylesAtomic.js +117 -0
- package/dist/cjs/helpers/getStylesAtomic.js.map +7 -0
- package/dist/cjs/helpers/getStylesAtomic.native.js +16 -0
- package/dist/cjs/helpers/getStylesAtomic.native.js.map +7 -0
- package/dist/cjs/helpers/insertStyleRule.js +46 -0
- package/dist/cjs/helpers/insertStyleRule.js.map +7 -0
- package/dist/cjs/helpers/isObj.js +13 -0
- package/dist/cjs/helpers/isObj.js.map +7 -0
- package/dist/cjs/helpers/isTamaguiElement.js +33 -0
- package/dist/cjs/helpers/isTamaguiElement.js.map +7 -0
- package/dist/cjs/helpers/matchMedia.js +24 -0
- package/dist/cjs/helpers/matchMedia.js.map +7 -0
- package/dist/cjs/helpers/matchMedia.native.js +31 -0
- package/dist/cjs/helpers/matchMedia.native.js.map +7 -0
- package/dist/cjs/helpers/themeable.js +78 -0
- package/dist/cjs/helpers/themeable.js.map +7 -0
- package/dist/cjs/helpers/validate.js +82 -0
- package/dist/cjs/helpers/validate.js.map +7 -0
- package/dist/cjs/hooks/useConstant.js +37 -0
- package/dist/cjs/hooks/useConstant.js.map +7 -0
- package/dist/cjs/hooks/useFeatures.js +100 -0
- package/dist/cjs/hooks/useFeatures.js.map +7 -0
- package/dist/cjs/hooks/useMedia.js +207 -0
- package/dist/cjs/hooks/useMedia.js.map +7 -0
- package/dist/cjs/hooks/usePressable.js +50 -0
- package/dist/cjs/hooks/usePressable.js.map +7 -0
- package/dist/cjs/hooks/useTheme.js +118 -0
- package/dist/cjs/hooks/useTheme.js.map +7 -0
- package/dist/cjs/index.js +55 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/static/postProcessStyles.js +40 -0
- package/dist/cjs/static/postProcessStyles.js.map +7 -0
- package/dist/cjs/static.js +34 -0
- package/dist/cjs/static.js.map +7 -0
- package/dist/cjs/styled.js +72 -0
- package/dist/cjs/styled.js.map +7 -0
- package/dist/cjs/types.js +4 -0
- package/dist/cjs/types.js.map +7 -0
- package/dist/cjs/views/Animated.js +129 -0
- package/dist/cjs/views/Animated.js.map +7 -0
- package/dist/cjs/views/Stack.js +51 -0
- package/dist/cjs/views/Stack.js.map +7 -0
- package/dist/cjs/views/Text.js +93 -0
- package/dist/cjs/views/Text.js.map +7 -0
- package/dist/cjs/views/TextAncestorContext.js +40 -0
- package/dist/cjs/views/TextAncestorContext.js.map +7 -0
- package/dist/cjs/views/Theme.js +91 -0
- package/dist/cjs/views/Theme.js.map +7 -0
- package/dist/cjs/views/ThemeContext.js +29 -0
- package/dist/cjs/views/ThemeContext.js.map +7 -0
- package/dist/cjs/views/ThemeInverse.js +48 -0
- package/dist/cjs/views/ThemeInverse.js.map +7 -0
- package/dist/cjs/views/ThemeManagerContext.js +84 -0
- package/dist/cjs/views/ThemeManagerContext.js.map +7 -0
- package/dist/cjs/views/ThemeProvider.js +67 -0
- package/dist/cjs/views/ThemeProvider.js.map +7 -0
- package/dist/esm/constants/constants.js +14 -0
- package/dist/esm/constants/constants.js.map +7 -0
- package/dist/{constants → esm/constants}/platform.js +3 -2
- package/dist/esm/constants/platform.js.map +7 -0
- package/dist/esm/constants/pseudos.js +18 -0
- package/dist/esm/constants/pseudos.js.map +7 -0
- package/dist/esm/constants/rnw.js +22 -0
- package/dist/esm/constants/rnw.js.map +7 -0
- package/dist/esm/createComponent.js +465 -0
- package/dist/esm/createComponent.js.map +7 -0
- package/dist/esm/createFont.js +28 -0
- package/dist/esm/createFont.js.map +7 -0
- package/dist/{createShorthands.js → esm/createShorthands.js} +0 -0
- package/dist/esm/createShorthands.js.map +7 -0
- package/dist/esm/createTamagui.js +185 -0
- package/dist/esm/createTamagui.js.map +7 -0
- package/dist/esm/createTheme.js +7 -0
- package/dist/esm/createTheme.js.map +7 -0
- package/dist/{createTokens.js → esm/createTokens.js} +4 -0
- package/dist/esm/createTokens.js.map +7 -0
- package/dist/{createVariable.js → esm/createVariable.js} +6 -2
- package/dist/esm/createVariable.js.map +7 -0
- package/dist/esm/helpers/addStylesUsingClassname.js +57 -0
- package/dist/esm/helpers/addStylesUsingClassname.js.map +7 -0
- package/dist/{helpers → esm/helpers}/createMediaStyle.js +0 -0
- package/dist/{helpers → esm/helpers}/createMediaStyle.js.map +1 -1
- package/dist/esm/helpers/createPropMapper.js +162 -0
- package/dist/esm/helpers/createPropMapper.js.map +7 -0
- package/dist/{helpers → esm/helpers}/createTamaguiProvider.js +2 -20
- package/dist/esm/helpers/createTamaguiProvider.js.map +7 -0
- package/dist/esm/helpers/extendStaticConfig.js +60 -0
- package/dist/esm/helpers/extendStaticConfig.js.map +7 -0
- package/dist/esm/helpers/fixNativeShadow.js +8 -0
- package/dist/esm/helpers/fixNativeShadow.js.map +7 -0
- package/dist/esm/helpers/fixNativeShadow.native.js +34 -0
- package/dist/esm/helpers/fixNativeShadow.native.js.map +7 -0
- package/dist/{helpers → esm/helpers}/getSplitStyles.js +43 -40
- package/dist/esm/helpers/getSplitStyles.js.map +7 -0
- package/dist/esm/helpers/getStylesAtomic.js +84 -0
- package/dist/esm/helpers/getStylesAtomic.js.map +7 -0
- package/dist/esm/helpers/getStylesAtomic.native.js +10 -0
- package/dist/esm/helpers/getStylesAtomic.native.js.map +7 -0
- package/dist/{helpers → esm/helpers}/insertStyleRule.js +7 -0
- package/dist/esm/helpers/insertStyleRule.js.map +7 -0
- package/dist/esm/helpers/isObj.js +7 -0
- package/dist/esm/helpers/isObj.js.map +7 -0
- package/dist/esm/helpers/isTamaguiElement.js +11 -0
- package/dist/esm/helpers/isTamaguiElement.js.map +7 -0
- package/dist/{helpers → esm/helpers}/matchMedia.js +3 -0
- package/dist/esm/helpers/matchMedia.js.map +7 -0
- package/dist/{helpers → esm/helpers}/matchMedia.native.js +1 -0
- package/dist/{helpers → esm/helpers}/matchMedia.native.js.map +3 -3
- package/dist/{helpers → esm/helpers}/themeable.js +1 -1
- package/dist/{helpers → esm/helpers}/themeable.js.map +3 -3
- package/dist/esm/helpers/validate.js +60 -0
- package/dist/esm/helpers/validate.js.map +7 -0
- package/dist/{hooks → esm/hooks}/useConstant.js +0 -0
- package/dist/{hooks → esm/hooks}/useConstant.js.map +1 -1
- package/dist/{hooks → esm/hooks}/useFeatures.js +39 -51
- package/dist/esm/hooks/useFeatures.js.map +7 -0
- package/dist/{hooks → esm/hooks}/useMedia.js +20 -18
- package/dist/esm/hooks/useMedia.js.map +7 -0
- package/dist/{hooks → esm/hooks}/usePressable.js +2 -1
- package/dist/{hooks → esm/hooks}/usePressable.js.map +2 -2
- package/dist/{hooks → esm/hooks}/useTheme.js +28 -25
- package/dist/esm/hooks/useTheme.js.map +7 -0
- package/dist/{index.js → esm/index.js} +6 -4
- package/dist/esm/index.js.map +7 -0
- package/dist/{static → esm/static}/postProcessStyles.js +3 -3
- package/dist/esm/static/postProcessStyles.js.map +7 -0
- package/dist/{static.js → esm/static.js} +6 -1
- package/dist/esm/static.js.map +7 -0
- package/dist/esm/styled.js +21 -0
- package/dist/esm/styled.js.map +7 -0
- package/dist/{types.js → esm/types.js} +0 -0
- package/dist/{types.js.map → esm/types.js.map} +0 -0
- package/dist/{views → esm/views}/Animated.js +0 -0
- package/dist/{views → esm/views}/Animated.js.map +3 -3
- package/dist/{views → esm/views}/Stack.js +1 -1
- package/dist/esm/views/Stack.js.map +7 -0
- package/dist/esm/views/Text.js +60 -0
- package/dist/esm/views/Text.js.map +7 -0
- package/dist/esm/views/TextAncestorContext.js +18 -0
- package/dist/esm/views/TextAncestorContext.js.map +7 -0
- package/dist/{views → esm/views}/Theme.js +29 -23
- package/dist/esm/views/Theme.js.map +7 -0
- package/dist/{views → esm/views}/ThemeContext.js +0 -0
- package/dist/{views → esm/views}/ThemeContext.js.map +1 -1
- package/dist/{views → esm/views}/ThemeInverse.js +0 -1
- package/dist/{views → esm/views}/ThemeInverse.js.map +3 -3
- package/dist/{views → esm/views}/ThemeManagerContext.js +13 -6
- package/dist/esm/views/ThemeManagerContext.js.map +7 -0
- package/dist/{views → esm/views}/ThemeProvider.js +10 -10
- package/dist/esm/views/ThemeProvider.js.map +7 -0
- package/dist/jsx/constants/constants.js +13 -0
- package/dist/jsx/constants/platform.js +19 -0
- package/dist/jsx/constants/pseudos.js +17 -0
- package/dist/jsx/constants/rnw.js +21 -0
- package/dist/jsx/createComponent.js +459 -0
- package/dist/jsx/createFont.js +27 -0
- package/dist/jsx/createShorthands.js +9 -0
- package/dist/jsx/createTamagui.js +184 -0
- package/dist/jsx/createTheme.js +6 -0
- package/dist/jsx/createTokens.js +32 -0
- package/dist/jsx/createVariable.js +24 -0
- package/dist/jsx/helpers/addStylesUsingClassname.js +56 -0
- package/dist/jsx/helpers/createMediaStyle.js +33 -0
- package/dist/jsx/helpers/createPropMapper.js +161 -0
- package/dist/jsx/helpers/createTamaguiProvider.js +19 -0
- package/dist/jsx/helpers/extendStaticConfig.js +59 -0
- package/dist/jsx/helpers/fixNativeShadow.js +7 -0
- package/dist/jsx/helpers/fixNativeShadow.native.js +33 -0
- package/dist/jsx/helpers/getSplitStyles.js +149 -0
- package/dist/jsx/helpers/getStylesAtomic.js +83 -0
- package/dist/jsx/helpers/getStylesAtomic.native.js +9 -0
- package/dist/jsx/helpers/insertStyleRule.js +23 -0
- package/dist/jsx/helpers/isObj.js +6 -0
- package/dist/jsx/helpers/isTamaguiElement.js +10 -0
- package/dist/jsx/helpers/matchMedia.js +17 -0
- package/dist/jsx/helpers/matchMedia.native.js +8 -0
- package/dist/jsx/helpers/themeable.js +23 -0
- package/dist/jsx/helpers/validate.js +59 -0
- package/dist/jsx/hooks/useConstant.js +14 -0
- package/dist/jsx/hooks/useFeatures.js +57 -0
- package/dist/jsx/hooks/useMedia.js +174 -0
- package/dist/jsx/hooks/usePressable.js +13 -0
- package/dist/jsx/hooks/useTheme.js +96 -0
- package/dist/jsx/index.js +31 -0
- package/dist/jsx/static/postProcessStyles.js +17 -0
- package/dist/jsx/static.js +14 -0
- package/dist/jsx/styled.js +20 -0
- package/dist/jsx/types.js +0 -0
- package/dist/jsx/views/Animated.js +74 -0
- package/dist/jsx/views/Stack.js +11 -0
- package/dist/jsx/views/Text.js +59 -0
- package/dist/jsx/views/TextAncestorContext.js +15 -0
- package/dist/jsx/views/Theme.js +63 -0
- package/dist/jsx/views/ThemeContext.js +5 -0
- package/dist/jsx/views/ThemeInverse.js +22 -0
- package/dist/jsx/views/ThemeManagerContext.js +61 -0
- package/dist/jsx/views/ThemeProvider.js +39 -0
- package/package.json +6 -6
- package/types/constants/constants.d.ts.map +1 -0
- package/types/constants/platform.d.ts.map +1 -0
- package/types/constants/pseudos.d.ts.map +1 -0
- package/types/constants/rnw.d.ts.map +1 -0
- package/types/createComponent.d.ts.map +1 -0
- package/types/createFont.d.ts.map +1 -0
- package/types/createShorthands.d.ts.map +1 -0
- package/types/createTamagui.d.ts.map +1 -0
- package/types/createTheme.d.ts.map +1 -0
- package/types/createTokens.d.ts.map +1 -0
- package/types/createVariable.d.ts.map +1 -0
- package/types/helpers/addStylesUsingClassname.d.ts.map +1 -0
- package/types/helpers/createMediaStyle.d.ts.map +1 -0
- package/types/helpers/createPropMapper.d.ts.map +1 -0
- package/types/helpers/createTamaguiProvider.d.ts.map +1 -0
- package/types/helpers/extendStaticConfig.d.ts.map +1 -0
- package/types/helpers/fixNativeShadow.d.ts.map +1 -0
- package/types/helpers/fixNativeShadow.native.d.ts.map +1 -0
- package/types/helpers/getSplitStyles.d.ts.map +1 -0
- package/types/helpers/getStylesAtomic.d.ts.map +1 -0
- package/types/helpers/getStylesAtomic.native.d.ts.map +1 -0
- package/types/helpers/insertStyleRule.d.ts.map +1 -0
- package/types/helpers/isObj.d.ts.map +1 -0
- package/types/helpers/isTamaguiElement.d.ts.map +1 -0
- package/types/helpers/matchMedia.d.ts.map +1 -0
- package/types/helpers/matchMedia.native.d.ts.map +1 -0
- package/types/helpers/themeable.d.ts.map +1 -0
- package/types/helpers/validate.d.ts.map +1 -0
- package/types/hooks/useConstant.d.ts.map +1 -0
- package/types/hooks/useFeatures.d.ts.map +1 -0
- package/types/hooks/useMedia.d.ts.map +1 -0
- package/types/hooks/usePressable.d.ts.map +1 -0
- package/types/hooks/useTheme.d.ts.map +1 -0
- package/types/index.d.ts.map +1 -0
- package/types/static/postProcessStyles.d.ts.map +1 -0
- package/types/static.d.ts.map +1 -0
- package/types/styled.d.ts.map +1 -0
- package/types/types.d.ts.map +1 -0
- package/types/views/Animated.d.ts.map +1 -0
- package/types/views/Stack.d.ts.map +1 -0
- package/types/views/Text.d.ts.map +1 -0
- package/types/views/TextAncestorContext.d.ts.map +1 -0
- package/types/views/Theme.d.ts.map +1 -0
- package/types/views/ThemeContext.d.ts.map +1 -0
- package/types/views/ThemeInverse.d.ts.map +1 -0
- package/types/views/ThemeManagerContext.d.ts.map +1 -0
- package/types/views/ThemeProvider.d.ts.map +1 -0
- package/dist/constants/constants.js +0 -32
- package/dist/constants/constants.js.map +0 -7
- package/dist/constants/platform.js.map +0 -7
- package/dist/constants/rnw.js +0 -10
- package/dist/constants/rnw.js.map +0 -7
- package/dist/constants/styleConstants.js +0 -59
- package/dist/constants/styleConstants.js.map +0 -7
- package/dist/createComponent.js +0 -395
- package/dist/createComponent.js.map +0 -7
- package/dist/createShorthands.js.map +0 -7
- package/dist/createTamagui.js +0 -107
- package/dist/createTamagui.js.map +0 -7
- package/dist/createTokens.js.map +0 -7
- package/dist/createVariable.js.map +0 -7
- package/dist/helpers/addStylesUsingClassname.js +0 -28
- package/dist/helpers/addStylesUsingClassname.js.map +0 -7
- package/dist/helpers/createTamaguiProvider.js.map +0 -7
- package/dist/helpers/extendStaticConfig.js +0 -158
- package/dist/helpers/extendStaticConfig.js.map +0 -7
- package/dist/helpers/fixNativeShadow.js +0 -38
- package/dist/helpers/fixNativeShadow.js.map +0 -7
- package/dist/helpers/getSplitStyles.js.map +0 -7
- package/dist/helpers/insertStyleRule.js.map +0 -7
- package/dist/helpers/matchMedia.js.map +0 -7
- package/dist/helpers/setIfChanged.js +0 -17
- package/dist/helpers/setIfChanged.js.map +0 -7
- package/dist/hooks/useFeatures.js.map +0 -7
- package/dist/hooks/useForceUpdate.js +0 -28
- package/dist/hooks/useForceUpdate.js.map +0 -7
- package/dist/hooks/useMedia.js.map +0 -7
- package/dist/hooks/useTheme.js.map +0 -7
- package/dist/index.cjs +0 -1837
- package/dist/index.cjs.map +0 -7
- package/dist/index.js.map +0 -7
- package/dist/static/postProcessStyles.js.map +0 -7
- package/dist/static.js.map +0 -7
- package/dist/styled.js +0 -28
- package/dist/styled.js.map +0 -7
- package/dist/testtypes.js +0 -1
- package/dist/testtypes.js.map +0 -7
- package/dist/views/Stack.js.map +0 -7
- package/dist/views/Text.js +0 -36
- package/dist/views/Text.js.map +0 -7
- package/dist/views/TextAncestorContext.js +0 -18
- package/dist/views/TextAncestorContext.js.map +0 -7
- package/dist/views/Theme.js.map +0 -7
- package/dist/views/ThemeManagerContext.js.map +0 -7
- package/dist/views/ThemeProvider.js.map +0 -7
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/createVariable.ts"],
|
|
4
|
-
"sourcesContent": ["export class Variable {\n val: string\n name: string\n variable: string\n constructor({ val, name }: VariableIn) {\n this.val = typeof val === 'string' ? val : `${val}px`\n this.name = name\n this.variable = `var(--${name})`\n }\n}\n\ntype VariableIn = { val: string | number; name: string }\n\nexport const createVariable = (props: VariableIn) => new Variable(props)\n\nexport function isVariable(v: Variable | any): v is Variable {\n return v instanceof Variable\n}\n"],
|
|
5
|
-
"mappings": ";;AAAO,eAAe;AAAA,EAIpB,YAAY,EAAE,KAAK,QAAoB;AACrC,SAAK,MAAM,OAAO,QAAQ,WAAW,MAAM,GAAG;AAC9C,SAAK,OAAO;AACZ,SAAK,WAAW,SAAS;AAAA;AAAA;AAPtB;AAaA,MAAM,iBAAiB,wBAAC,UAAsB,IAAI,SAAS,QAApC;AAEvB,oBAAoB,GAAkC;AAC3D,SAAO,aAAa;AAAA;AADN;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { getStylesAtomic } from "@tamagui/helpers";
|
|
4
|
-
import { insertStyleRule } from "./insertStyleRule";
|
|
5
|
-
let added = {};
|
|
6
|
-
function addStylesUsingClassname(styles) {
|
|
7
|
-
let className = "";
|
|
8
|
-
for (const style of styles.flat()) {
|
|
9
|
-
if (!style)
|
|
10
|
-
continue;
|
|
11
|
-
for (const { identifier, rules } of getStylesAtomic(style)) {
|
|
12
|
-
className += ` ${identifier}`;
|
|
13
|
-
if (added[identifier]) {
|
|
14
|
-
continue;
|
|
15
|
-
}
|
|
16
|
-
added[identifier] = true;
|
|
17
|
-
for (const rule of rules) {
|
|
18
|
-
insertStyleRule(rule);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
return className;
|
|
23
|
-
}
|
|
24
|
-
__name(addStylesUsingClassname, "addStylesUsingClassname");
|
|
25
|
-
export {
|
|
26
|
-
addStylesUsingClassname
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=addStylesUsingClassname.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/helpers/addStylesUsingClassname.tsx"],
|
|
4
|
-
"sourcesContent": ["import { getStylesAtomic } from '@tamagui/helpers'\n\nimport { insertStyleRule } from './insertStyleRule'\n\nlet added = {}\n\n// TODO use react method for insertings\n\nexport function addStylesUsingClassname(styles: any[]) {\n let className = ''\n for (const style of styles.flat()) {\n if (!style) continue\n for (const { identifier, rules } of getStylesAtomic(style)) {\n className += ` ${identifier}`\n if (added[identifier]) {\n continue\n }\n added[identifier] = true\n for (const rule of rules) {\n insertStyleRule(rule)\n }\n }\n }\n return className\n}\n"],
|
|
5
|
-
"mappings": ";;AAAA;AAEA;AAEA,IAAI,QAAQ;AAIL,iCAAiC,QAAe;AACrD,MAAI,YAAY;AAChB,aAAW,SAAS,OAAO,QAAQ;AACjC,QAAI,CAAC;AAAO;AACZ,eAAW,EAAE,YAAY,WAAW,gBAAgB,QAAQ;AAC1D,mBAAa,IAAI;AACjB,UAAI,MAAM,aAAa;AACrB;AAAA;AAEF,YAAM,cAAc;AACpB,iBAAW,QAAQ,OAAO;AACxB,wBAAgB;AAAA;AAAA;AAAA;AAItB,SAAO;AAAA;AAfO;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/helpers/createTamaguiProvider.tsx"],
|
|
4
|
-
"sourcesContent": ["import { OverlayProvider } from '@react-native-aria/overlays'\nimport * as React from 'react'\nimport { Platform } from 'react-native'\nimport {\n Metrics,\n SafeAreaProvider,\n initialWindowMetrics as defaultInitialWindowMetrics,\n} from 'react-native-safe-area-context'\n\nimport { TamaguiProviderProps } from '../types'\nimport { TextAncestorProvider } from '../views/TextAncestorContext'\nimport { ThemeProvider, ThemeProviderProps } from '../views/ThemeProvider'\n\nexport function createTamaguiProvider(themeProps: ThemeProviderProps) {\n let defaultMetrics: Metrics | null = null\n return function TamaguiProvider({\n initialWindowMetrics,\n fallback,\n children,\n ...themePropsProvider\n }: TamaguiProviderProps) {\n if (!initialWindowMetrics && !defaultMetrics) {\n defaultMetrics = Platform.select({\n web: {\n frame: { x: 0, y: 0, width: 0, height: 0 },\n insets: { top: 0, left: 0, right: 0, bottom: 0 },\n },\n default: defaultInitialWindowMetrics,\n })\n }\n return (\n <TextAncestorProvider>\n <OverlayProvider>\n <SafeAreaProvider initialMetrics={initialWindowMetrics ?? defaultMetrics}>\n <ThemeProvider {...themeProps} {...themePropsProvider}>\n <React.Suspense fallback={fallback || null}>{children}</React.Suspense>\n </ThemeProvider>\n </SafeAreaProvider>\n </OverlayProvider>\n </TextAncestorProvider>\n )\n }\n}\n"],
|
|
5
|
-
"mappings": ";;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAOA;AACA;AAEO,+BAA+B,YAAgC;AACpE,MAAI,iBAAiC;AACrC,SAAO,gDAAyB;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,KACoB;AACvB,QAAI,CAAC,wBAAwB,CAAC,gBAAgB;AAC5C,uBAAiB,SAAS,OAAO;AAAA,QAC/B,KAAK;AAAA,UACH,OAAO,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,QAAQ;AAAA,UACvC,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ;AAAA;AAAA,QAE/C,SAAS;AAAA;AAAA;AAGb,WACE,oCAAC,sBAAD,MACE,oCAAC,iBAAD,MACE,oCAAC,kBAAD;AAAA,MAAkB,gBAAgB,wBAAwB;AAAA,OACxD,oCAAC,eAAD;AAAA,SAAmB;AAAA,SAAgB;AAAA,OACjC,oCAAC,MAAM,UAAP;AAAA,MAAgB,UAAU,YAAY;AAAA,OAAO;AAAA,KApBlD;AAAA;AAFO;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { getTamaguiConfig } from "../createTamagui";
|
|
4
|
-
import { isVariable } from "../createVariable";
|
|
5
|
-
function extendStaticConfig(Component, config = {}) {
|
|
6
|
-
if (process.env.TARGET === "client") {
|
|
7
|
-
return null;
|
|
8
|
-
}
|
|
9
|
-
const a = Component;
|
|
10
|
-
if (!a.staticConfig) {
|
|
11
|
-
a.staticConfig = {};
|
|
12
|
-
}
|
|
13
|
-
return parseStaticConfig({
|
|
14
|
-
variants: config.variants,
|
|
15
|
-
isText: config.isText || a.staticConfig.isText || false,
|
|
16
|
-
neverFlatten: config.neverFlatten ?? a.staticConfig.neverFlatten,
|
|
17
|
-
ensureOverriddenProp: config.ensureOverriddenProp ?? a.staticConfig.ensureOverriddenProp,
|
|
18
|
-
validStyles: {
|
|
19
|
-
...a.staticConfig.validStyles,
|
|
20
|
-
...config.validStyles
|
|
21
|
-
},
|
|
22
|
-
validPropsExtra: {
|
|
23
|
-
...a.staticConfig.validPropsExtra,
|
|
24
|
-
...config.validPropsExtra
|
|
25
|
-
},
|
|
26
|
-
defaultProps: {
|
|
27
|
-
...a.staticConfig.defaultProps,
|
|
28
|
-
...config.defaultProps
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
__name(extendStaticConfig, "extendStaticConfig");
|
|
33
|
-
function parseStaticConfig(c) {
|
|
34
|
-
const variants = c.variants;
|
|
35
|
-
let variantsParsed;
|
|
36
|
-
return {
|
|
37
|
-
...c,
|
|
38
|
-
parsed: true,
|
|
39
|
-
propMapper(key, value, theme) {
|
|
40
|
-
const conf = getTamaguiConfig();
|
|
41
|
-
if (!conf) {
|
|
42
|
-
console.trace("err");
|
|
43
|
-
return;
|
|
44
|
-
}
|
|
45
|
-
if (variants && !variantsParsed) {
|
|
46
|
-
variantsParsed = parseVariants(variants, conf);
|
|
47
|
-
}
|
|
48
|
-
const variant = variantsParsed?.[key];
|
|
49
|
-
if (variant) {
|
|
50
|
-
const tokenKey = typeof value === "string" && value[0] === "$" ? value.slice(1) : value;
|
|
51
|
-
const val = variant[tokenKey] ?? value;
|
|
52
|
-
if (typeof val !== "undefined") {
|
|
53
|
-
if (typeof val === "function") {
|
|
54
|
-
const res = val(tokenKey, conf);
|
|
55
|
-
if (res) {
|
|
56
|
-
for (const key2 in res) {
|
|
57
|
-
const finalKey = conf.shorthands[key2] || key2;
|
|
58
|
-
if (key2 !== finalKey) {
|
|
59
|
-
delete res[key2];
|
|
60
|
-
}
|
|
61
|
-
const resVal = isVariable(res[key2]) ? res[key2].variable : res[key2];
|
|
62
|
-
const finalValue = resVal[0] === "$" ? getToken(finalKey, resVal, conf) : value;
|
|
63
|
-
console.log("dun", finalKey, finalValue);
|
|
64
|
-
res[finalKey] = finalValue;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
console.warn("no res", res);
|
|
68
|
-
return res;
|
|
69
|
-
}
|
|
70
|
-
console.warn("this should probably just be an obj", val);
|
|
71
|
-
return val;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
let shouldReturn = false;
|
|
75
|
-
if (conf.shorthands[key]) {
|
|
76
|
-
shouldReturn = true;
|
|
77
|
-
key = conf.shorthands[key];
|
|
78
|
-
}
|
|
79
|
-
if (value && value[0] === "$") {
|
|
80
|
-
shouldReturn = true;
|
|
81
|
-
value = getToken(key, value, conf);
|
|
82
|
-
}
|
|
83
|
-
if (shouldReturn) {
|
|
84
|
-
return {
|
|
85
|
-
[key]: value
|
|
86
|
-
};
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
}
|
|
91
|
-
__name(parseStaticConfig, "parseStaticConfig");
|
|
92
|
-
const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed }) => {
|
|
93
|
-
if (themeParsed[value]) {
|
|
94
|
-
return themeParsed[value].variable;
|
|
95
|
-
}
|
|
96
|
-
for (const cat in tokenCategories) {
|
|
97
|
-
if (tokenCategories[cat][key]) {
|
|
98
|
-
const res = tokensParsed[cat][value];
|
|
99
|
-
if (res) {
|
|
100
|
-
return res.variable;
|
|
101
|
-
} else {
|
|
102
|
-
return themeParsed[value].variable;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
return tokensParsed.space[key]?.[value].variable ?? value;
|
|
107
|
-
}, "getToken");
|
|
108
|
-
const tokenCategories = {
|
|
109
|
-
size: {
|
|
110
|
-
width: true,
|
|
111
|
-
height: true,
|
|
112
|
-
minWidth: true,
|
|
113
|
-
minHeight: true,
|
|
114
|
-
maxWidth: true,
|
|
115
|
-
maxHeight: true
|
|
116
|
-
},
|
|
117
|
-
font: {
|
|
118
|
-
fontFamily: true
|
|
119
|
-
},
|
|
120
|
-
fontSize: {
|
|
121
|
-
fontSize: true
|
|
122
|
-
},
|
|
123
|
-
lineHeight: {
|
|
124
|
-
lineHeight: true
|
|
125
|
-
},
|
|
126
|
-
color: {
|
|
127
|
-
color: true,
|
|
128
|
-
backgroundColor: true,
|
|
129
|
-
borderColor: true,
|
|
130
|
-
borderBottomColor: true,
|
|
131
|
-
borderTopColor: true,
|
|
132
|
-
borderLeftColor: true,
|
|
133
|
-
borderRightColor: true
|
|
134
|
-
}
|
|
135
|
-
};
|
|
136
|
-
function parseVariants(variants, conf) {
|
|
137
|
-
return Object.keys(variants).reduce((acc, key) => {
|
|
138
|
-
acc[key] = Object.keys(variants[key]).reduce((vacc, vkey) => {
|
|
139
|
-
if (vkey.startsWith("...")) {
|
|
140
|
-
const tokenKey = vkey.slice(3);
|
|
141
|
-
const tokens = conf.tokens[tokenKey];
|
|
142
|
-
for (const tkey in tokens) {
|
|
143
|
-
vacc[tkey] = variants[key][vkey];
|
|
144
|
-
}
|
|
145
|
-
} else {
|
|
146
|
-
vacc[vkey] = variants[key][vkey];
|
|
147
|
-
}
|
|
148
|
-
return vacc;
|
|
149
|
-
}, {});
|
|
150
|
-
return acc;
|
|
151
|
-
}, {});
|
|
152
|
-
}
|
|
153
|
-
__name(parseVariants, "parseVariants");
|
|
154
|
-
export {
|
|
155
|
-
extendStaticConfig,
|
|
156
|
-
parseStaticConfig
|
|
157
|
-
};
|
|
158
|
-
//# sourceMappingURL=extendStaticConfig.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/helpers/extendStaticConfig.ts"],
|
|
4
|
-
"sourcesContent": ["import { getTamaguiConfig } from '../createTamagui'\nimport { isVariable } from '../createVariable'\nimport { StaticComponent, StaticConfig, StaticConfigParsed, TamaguiInternalConfig } from '../types'\n\nexport function extendStaticConfig(\n Component: StaticComponent | React.Component<any>,\n config: StaticConfig = {}\n): StaticConfigParsed | null {\n if (process.env.TARGET === 'client') {\n return null\n }\n const a = Component as any\n if (!a.staticConfig) {\n a.staticConfig = {}\n // throw new Error(`No static config: ${a} ${JSON.stringify(config)}`)\n }\n return parseStaticConfig({\n // dont extend veriants? may want to but need to do typings... in styled()\n variants: config.variants,\n isText: config.isText || a.staticConfig.isText || false,\n neverFlatten: config.neverFlatten ?? a.staticConfig.neverFlatten,\n ensureOverriddenProp: config.ensureOverriddenProp ?? a.staticConfig.ensureOverriddenProp,\n validStyles: {\n ...a.staticConfig.validStyles,\n ...config.validStyles,\n },\n validPropsExtra: {\n ...a.staticConfig.validPropsExtra,\n ...config.validPropsExtra,\n },\n defaultProps: {\n ...a.staticConfig.defaultProps,\n ...config.defaultProps,\n },\n })\n}\n\nexport function parseStaticConfig(c: StaticConfig): StaticConfigParsed {\n const variants = c.variants\n let variantsParsed\n return {\n ...c,\n parsed: true,\n // @ts-ignore\n propMapper(key: string, value: any, theme: any) {\n const conf = getTamaguiConfig()\n if (!conf) {\n console.trace('err')\n return\n }\n if (variants && !variantsParsed) {\n variantsParsed = parseVariants(variants, conf)\n }\n\n // expand variants\n const variant = variantsParsed?.[key]\n if (variant) {\n const tokenKey = typeof value === 'string' && value[0] === '$' ? value.slice(1) : value\n const val = variant[tokenKey] ?? value\n if (typeof val !== 'undefined') {\n if (typeof val === 'function') {\n const res = val(tokenKey, conf)\n if (res) {\n for (const key in res) {\n const finalKey = conf.shorthands[key] || key\n if (key !== finalKey) {\n delete res[key]\n }\n const resVal = isVariable(res[key]) ? res[key].variable : res[key]\n const finalValue = resVal[0] === '$' ? getToken(finalKey, resVal, conf) : value\n console.log('dun', finalKey, finalValue)\n res[finalKey] = finalValue\n }\n }\n // handle shorthands?\n console.warn('no res', res)\n return res\n }\n // handle shorthands?\n console.warn('this should probably just be an obj', val)\n return val\n }\n }\n\n let shouldReturn = false\n\n // handle shorthands\n if (conf.shorthands[key]) {\n shouldReturn = true\n key = conf.shorthands[key]\n }\n\n if (value && value[0] === '$') {\n shouldReturn = true\n value = getToken(key, value, conf)\n }\n\n if (shouldReturn) {\n return {\n [key]: value,\n }\n }\n },\n }\n}\n\nconst getToken = (\n key: string,\n value: string,\n { tokensParsed, themeParsed }: TamaguiInternalConfig\n) => {\n if (themeParsed[value]) {\n return themeParsed[value].variable\n }\n for (const cat in tokenCategories) {\n if (tokenCategories[cat][key]) {\n const res = tokensParsed[cat][value]\n if (res) {\n return res.variable\n } else {\n return themeParsed[value].variable\n }\n }\n }\n return tokensParsed.space[key]?.[value].variable ?? value\n}\n\n// just specificy the least costly, all else go to `space` (most keys - we can exclude)\n\nconst tokenCategories = {\n size: {\n width: true,\n height: true,\n minWidth: true,\n minHeight: true,\n maxWidth: true,\n maxHeight: true,\n },\n font: {\n fontFamily: true,\n },\n fontSize: {\n fontSize: true,\n },\n lineHeight: {\n lineHeight: true,\n },\n color: {\n color: true,\n backgroundColor: true,\n borderColor: true,\n borderBottomColor: true,\n borderTopColor: true,\n borderLeftColor: true,\n borderRightColor: true,\n },\n}\n\nfunction parseVariants(variants: any, conf: TamaguiInternalConfig) {\n return Object.keys(variants).reduce((acc, key) => {\n acc[key] = Object.keys(variants[key]).reduce((vacc, vkey) => {\n if (vkey.startsWith('...')) {\n const tokenKey = vkey.slice(3)\n const tokens = conf.tokens[tokenKey]\n for (const tkey in tokens) {\n vacc[tkey] = variants[key][vkey]\n }\n // explode\n // acc[vkey] = variants[key][vkey]\n } else {\n vacc[vkey] = variants[key][vkey]\n }\n return vacc\n }, {})\n return acc\n }, {})\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
const defaultShadowOffset = {
|
|
4
|
-
width: 0,
|
|
5
|
-
height: 0
|
|
6
|
-
};
|
|
7
|
-
const matchRgba = /rgba\(\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*\)$/;
|
|
8
|
-
function fixNativeShadow(props, merge = false) {
|
|
9
|
-
let res = merge ? props : {};
|
|
10
|
-
if (props.shadowColor) {
|
|
11
|
-
res.shadowColor = props.shadowColor;
|
|
12
|
-
if (!("shadowOffset" in props)) {
|
|
13
|
-
res.shadowOffset = defaultShadowOffset;
|
|
14
|
-
}
|
|
15
|
-
if (!("shadowOpacity" in props)) {
|
|
16
|
-
res.shadowOpacity = 1;
|
|
17
|
-
const color = String(res.shadowColor).trim();
|
|
18
|
-
if (color[0] === "r" && color[3] === "a") {
|
|
19
|
-
const [_, r, g, b, a] = color.match(matchRgba) ?? [];
|
|
20
|
-
if (typeof a !== "string") {
|
|
21
|
-
console.warn("non valid rgba", color);
|
|
22
|
-
return props;
|
|
23
|
-
}
|
|
24
|
-
res.shadowColor = `rgb(${r},${g},${b})`;
|
|
25
|
-
res.shadowOpacity = +a;
|
|
26
|
-
} else {
|
|
27
|
-
res.shadowOpacity = 1;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
return res;
|
|
32
|
-
}
|
|
33
|
-
__name(fixNativeShadow, "fixNativeShadow");
|
|
34
|
-
export {
|
|
35
|
-
defaultShadowOffset,
|
|
36
|
-
fixNativeShadow
|
|
37
|
-
};
|
|
38
|
-
//# sourceMappingURL=fixNativeShadow.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/helpers/fixNativeShadow.tsx"],
|
|
4
|
-
"sourcesContent": ["export const defaultShadowOffset = {\n width: 0,\n height: 0,\n}\n\nconst matchRgba = /rgba\\(\\s*([\\d\\.]{1,})\\s*,\\s*([\\d\\.]{1,})\\s*,\\s*([\\d\\.]{1,})\\s*,\\s*([\\d\\.]{1,})\\s*\\)$/\n\n// used by both expansion and inline, be careful\nexport function fixNativeShadow(props: any, merge = false) {\n let res = merge ? props : {}\n if (props.shadowColor) {\n res.shadowColor = props.shadowColor\n if (!('shadowOffset' in props)) {\n res.shadowOffset = defaultShadowOffset\n }\n if (!('shadowOpacity' in props)) {\n res.shadowOpacity = 1\n const color = String(res.shadowColor).trim()\n if (color[0] === 'r' && color[3] === 'a') {\n const [_, r, g, b, a] = color.match(matchRgba) ?? []\n if (typeof a !== 'string') {\n console.warn('non valid rgba', color)\n return props\n }\n res.shadowColor = `rgb(${r},${g},${b})`\n res.shadowOpacity = +a\n } else {\n res.shadowOpacity = 1\n }\n }\n }\n return res\n}\n"],
|
|
5
|
-
"mappings": ";;AAAO,MAAM,sBAAsB;AAAA,EACjC,OAAO;AAAA,EACP,QAAQ;AAAA;AAGV,MAAM,YAAY;AAGX,yBAAyB,OAAY,QAAQ,OAAO;AACzD,MAAI,MAAM,QAAQ,QAAQ;AAC1B,MAAI,MAAM,aAAa;AACrB,QAAI,cAAc,MAAM;AACxB,QAAI,CAAE,mBAAkB,QAAQ;AAC9B,UAAI,eAAe;AAAA;AAErB,QAAI,CAAE,oBAAmB,QAAQ;AAC/B,UAAI,gBAAgB;AACpB,YAAM,QAAQ,OAAO,IAAI,aAAa;AACtC,UAAI,MAAM,OAAO,OAAO,MAAM,OAAO,KAAK;AACxC,cAAM,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,MAAM,MAAM,cAAc;AAClD,YAAI,OAAO,MAAM,UAAU;AACzB,kBAAQ,KAAK,kBAAkB;AAC/B,iBAAO;AAAA;AAET,YAAI,cAAc,OAAO,KAAK,KAAK;AACnC,YAAI,gBAAgB,CAAC;AAAA,aAChB;AACL,YAAI,gBAAgB;AAAA;AAAA;AAAA;AAI1B,SAAO;AAAA;AAvBO;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/helpers/getSplitStyles.tsx"],
|
|
4
|
-
"sourcesContent": ["import { getStylesAtomic, stylePropsText, stylePropsTransform, validStyles } from '@tamagui/helpers'\nimport { ViewProps, ViewStyle } from 'react-native'\n\nimport { isWeb } from '../constants/platform'\nimport { getMedia, mediaQueryConfig } from '../hooks/useMedia'\nimport { StaticConfigParsed, TamaguiInternalConfig } from '../types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixNativeShadow } from './fixNativeShadow'\nimport { insertStyleRule } from './insertStyleRule'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\n\nexport const getSplitStyles = (\n props: { [key: string]: any },\n staticConfig: StaticConfigParsed,\n internalConfig: TamaguiInternalConfig\n) => {\n const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n const viewProps: ViewProps = {}\n const style: any[] = []\n let psuedos: { hoverStyle?: ViewStyle; pressStyle?: ViewStyle } | null = null\n let cur: ViewStyle | null = null\n let classNames: string[] | null = null\n for (const keyInit in props) {\n // be sure to sync next few lines below to getSubStyle (*1)\n const valInit = props[keyInit]\n\n // media\n if (keyInit[0] === '$') {\n const mediaKey = keyInit.slice(1)\n\n if (!mediaQueryConfig[mediaKey]) {\n // this isn't a media key, pass through\n viewProps[keyInit] = valInit\n continue\n }\n\n // dont check if media is active, we just apply *all* media styles\n // we combine the media props on top regular props, could proxy this\n // TODO test proxy here instead of merge\n const mediaProps = { ...props, ...valInit }\n // TODO media + hover\n const mediaStyle = getSubStyle(valInit, mediaProps, staticConfig, internalConfig)\n const mediaStyles = getStylesAtomic(mediaStyle)\n for (const style of mediaStyles) {\n const out = createMediaStyle(style, mediaKey, mediaQueryConfig)\n classNames = classNames || []\n classNames.push(out.identifier)\n insertStyleRule(out.styleRule)\n if (process.env.NODE_ENV === 'development') {\n if (props['debug'])\n console.log('mediaProp', style.identifier, out, mediaProps, mediaStyle, mediaStyles)\n }\n }\n continue\n }\n\n // pseudo\n const isPseudo =\n keyInit === 'hoverStyle' || keyInit === 'pressStyle' || keyInit === 'focusStyle'\n if (isPseudo) {\n if (!valInit) continue\n psuedos = psuedos || {}\n psuedos[keyInit] = getSubStyle(valInit, props, staticConfig, internalConfig)\n continue\n }\n\n const out = staticConfig.propMapper(keyInit, valInit, props)\n const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out)\n for (const [key, val] of expanded) {\n // const val = valueMap(valInit) ?? valInit\n const keyFirstChar = key[0]\n if (key === 'style' || (keyFirstChar === '_' && key.startsWith('_style'))) {\n if (cur) {\n // process last\n fixNativeShadow(cur, true)\n style.push(cur)\n cur = null\n }\n fixNativeShadow(val, true)\n style.push(val)\n continue\n }\n // expand flex so it merged with flexShrink etc properly\n if (key === 'flex') {\n cur = cur || {}\n // see spec for flex shorthand https://developer.mozilla.org/en-US/docs/Web/CSS/flex\n Object.assign(cur, {\n flexGrow: val,\n flexShrink: 1,\n })\n continue\n }\n if (!isWeb && key === 'pointerEvents') {\n viewProps[key] = val\n continue\n }\n if (validStyleProps[key]) {\n // transforms\n if (key in stylePropsTransform) {\n cur = cur || {}\n mergeTransform(cur, key, val)\n continue\n }\n cur = cur || {}\n cur[key] = val\n continue\n }\n // TODO this blacklist should be configurable + better set up\n if (!blacklistProps[key]) {\n viewProps[key] = val\n }\n }\n }\n // push last style\n if (cur) {\n fixNativeShadow(cur, true)\n style.push(cur)\n }\n\n if (process.env.NODE_ENV === 'development') {\n if (props['debug']) {\n console.log(' style debug:', { props, viewProps, style }, getMedia())\n }\n }\n\n return {\n viewProps,\n style,\n psuedos,\n classNames,\n }\n}\n\nconst getSubStyle = (\n styleIn: Object,\n props: any,\n staticConfig: StaticConfigParsed,\n internalConfig: TamaguiInternalConfig\n): ViewStyle => {\n const styleOut: ViewStyle = {}\n for (const key in styleIn) {\n // be sure to sync next few lines below to loop above (*1)\n const val = styleIn[key]\n const out = staticConfig.propMapper(key, val, props)\n const expanded = out === true || !out ? [[key, val]] : Object.entries(out)\n for (const [skey, sval] of expanded) {\n // const sval = valueMap(valInit)\n if (skey in stylePropsTransform) {\n mergeTransform(styleOut, skey, sval)\n } else {\n styleOut[skey] = sval\n }\n }\n }\n fixNativeShadow(styleOut, true)\n return styleOut\n}\n\n// temp\nconst blacklistProps = {\n debug: true,\n onPress: true,\n spacing: true,\n hitSlop: true,\n ...validStyles,\n ...stylePropsText,\n}\n\nconst mapTransformKeys = {\n x: 'translateX',\n y: 'translateY',\n}\n\nconst mergeTransform = (obj: ViewStyle, key: string, val: any) => {\n const transform = obj.transform\n ? Array.isArray(obj.transform)\n ? obj.transform\n : [obj.transform]\n : []\n // @ts-expect-error\n transform.push({ [mapTransformKeys[key] || key]: val })\n obj.transform = transform\n}\n\n// TODO move otu\nconst fullscreenStyle = {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n} as const\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/helpers/insertStyleRule.tsx"],
|
|
4
|
-
"sourcesContent": ["export function insertStyleRule(rule: string) {\n if (typeof window === 'undefined') {\n return\n }\n const sheet = window.document.styleSheets[0]\n if (!sheet) {\n return\n }\n sheet.insertRule(rule, sheet.cssRules.length)\n}\n"],
|
|
5
|
-
"mappings": ";;AAAO,yBAAyB,MAAc;AAC5C,MAAI,OAAO,WAAW,aAAa;AACjC;AAAA;AAEF,QAAM,QAAQ,OAAO,SAAS,YAAY;AAC1C,MAAI,CAAC,OAAO;AACV;AAAA;AAEF,QAAM,WAAW,MAAM,MAAM,SAAS;AAAA;AARxB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/helpers/matchMedia.ts"],
|
|
4
|
-
"sourcesContent": ["export const matchMedia =\n (typeof window !== 'undefined' && window.matchMedia) ||\n (function matchMediaFallback(query: string) {\n return {\n addListener() {},\n removeListener() {},\n matches: false,\n }\n } as any)\n"],
|
|
5
|
-
"mappings": ";;AAAO,MAAM,aACV,OAAO,WAAW,eAAe,OAAO,cACxC,mDAA4B,OAAe;AAC1C,SAAO;AAAA,IACL,cAAc;AAAA;AAAA,IACd,iBAAiB;AAAA;AAAA,IACjB,SAAS;AAAA;AAAA,GAJZ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { isEqual } from "@dish/fast-compare";
|
|
4
|
-
const setIfChanged = /* @__PURE__ */ __name((setter, next) => {
|
|
5
|
-
setter((prev) => {
|
|
6
|
-
console.log("should test if this is the right way to check, merge objects??");
|
|
7
|
-
const n = { ...prev, ...next };
|
|
8
|
-
if (isEqual(prev, n)) {
|
|
9
|
-
return prev;
|
|
10
|
-
}
|
|
11
|
-
return n;
|
|
12
|
-
});
|
|
13
|
-
}, "setIfChanged");
|
|
14
|
-
export {
|
|
15
|
-
setIfChanged
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=setIfChanged.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/helpers/setIfChanged.tsx"],
|
|
4
|
-
"sourcesContent": ["import { isEqual } from '@dish/fast-compare'\n\nexport const setIfChanged = (setter: any, next: Object) => {\n setter((prev) => {\n console.log('should test if this is the right way to check, merge objects??')\n const n = { ...prev, ...next }\n if (isEqual(prev, n)) {\n return prev\n }\n return n\n })\n}\n"],
|
|
5
|
-
"mappings": ";;AAAA;AAEO,MAAM,eAAe,wBAAC,QAAa,SAAiB;AACzD,SAAO,CAAC,SAAS;AACf,YAAQ,IAAI;AACZ,UAAM,IAAI,KAAK,SAAS;AACxB,QAAI,QAAQ,MAAM,IAAI;AACpB,aAAO;AAAA;AAET,WAAO;AAAA;AAAA,GAPiB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/hooks/useFeatures.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react'\n\nimport { isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { addMediaQueryListener, removeMediaQueryListener } from './useMedia'\n\n// only needed on native\n// dynamic loading of features to avoid heavy views\n\nconst createDefinition = ({ Component, propNames }: { Component; propNames: string[] }) => ({\n isEnabled: (props: any) => propNames.some((name) => !!props[name]),\n Component,\n})\n\nconst mediaQueryPropNames = [\n '$xs',\n '$sm',\n '$md',\n '$lg',\n '$xl',\n '$xxl',\n '$pointerCoarse',\n '$hoverNone',\n '$tall',\n '$short',\n '$gtSm',\n '$notXs',\n '$gtMd',\n '$gtLg',\n]\n\nconst featureDefinitions = {\n measureLayout: createDefinition({\n Component: (props) => {\n console.log('measure', props)\n return null\n },\n propNames: ['onLayout'],\n }),\n\n // will update the parent whenever media query changes\n mediaQuery: createDefinition({\n Component: (props) => {\n if (isWeb) {\n // no need for media queries are inserted and run in css\n return\n }\n\n const keys = mediaQueryPropNames.flatMap((x) => (x in props ? x.slice(1) : []))\n useIsomorphicLayoutEffect(() => {\n for (const key of keys) {\n addMediaQueryListener(key, props._utils.forceUpdate)\n }\n return () => {\n for (const key of keys) {\n removeMediaQueryListener(key, props._utils.forceUpdate)\n }\n }\n }, [keys.join(',')])\n return null\n },\n propNames: mediaQueryPropNames,\n }),\n}\n\nconst featureNames = Object.keys(featureDefinitions)\nconst numFeatures = featureNames.length\n\nexport const useFeatures = (props: any, utils?: { forceUpdate?: Function }) => {\n const features: JSX.Element[] = []\n for (let i = 0; i < numFeatures; i++) {\n const name = featureNames[i]\n const { isEnabled, Component } = featureDefinitions[name] as any //FeatureDefinition\n if (isEnabled(props) && Component) {\n features.push(<Component key={name} {...props} _utils={utils} />)\n }\n }\n return features\n}\n"],
|
|
5
|
-
"mappings": ";;AAAA;AAEA;AACA;AAKA,MAAM,mBAAmB,wBAAC,EAAE,WAAW,gBAAqD;AAAA,EAC1F,WAAW,CAAC,UAAe,UAAU,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM;AAAA,EAC5D;AAAA,IAFuB;AAKzB,MAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,qBAAqB;AAAA,EACzB,eAAe,iBAAiB;AAAA,IAC9B,WAAW,CAAC,UAAU;AACpB,cAAQ,IAAI,WAAW;AACvB,aAAO;AAAA;AAAA,IAET,WAAW,CAAC;AAAA;AAAA,EAId,YAAY,iBAAiB;AAAA,IAC3B,WAAW,CAAC,UAAU;AACpB,UAAI,OAAO;AAET;AAAA;AAGF,YAAM,OAAO,oBAAoB,QAAQ,CAAC,MAAO,KAAK,QAAQ,EAAE,MAAM,KAAK;AAC3E,gCAA0B,MAAM;AAC9B,mBAAW,OAAO,MAAM;AACtB,gCAAsB,KAAK,MAAM,OAAO;AAAA;AAE1C,eAAO,MAAM;AACX,qBAAW,OAAO,MAAM;AACtB,qCAAyB,KAAK,MAAM,OAAO;AAAA;AAAA;AAAA,SAG9C,CAAC,KAAK,KAAK;AACd,aAAO;AAAA;AAAA,IAET,WAAW;AAAA;AAAA;AAIf,MAAM,eAAe,OAAO,KAAK;AACjC,MAAM,cAAc,aAAa;AAE1B,MAAM,cAAc,wBAAC,OAAY,UAAuC;AAC7E,QAAM,WAA0B;AAChC,WAAS,IAAI,GAAG,IAAI,aAAa,KAAK;AACpC,UAAM,OAAO,aAAa;AAC1B,UAAM,EAAE,WAAW,cAAc,mBAAmB;AACpD,QAAI,UAAU,UAAU,WAAW;AACjC,eAAS,KAAK,oCAAC,WAAD;AAAA,QAAW,KAAK;AAAA,WAAU;AAAA,QAAO,QAAQ;AAAA;AAAA;AAAA;AAG3D,SAAO;AAAA,GATkB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { useEffect, useRef, useState } from "react";
|
|
4
|
-
function useForceUpdate() {
|
|
5
|
-
const setState = useState(0)[1];
|
|
6
|
-
const internal = useRef();
|
|
7
|
-
if (!internal.current) {
|
|
8
|
-
internal.current = {
|
|
9
|
-
isMounted: true,
|
|
10
|
-
update: () => {
|
|
11
|
-
if (internal.current.isMounted) {
|
|
12
|
-
setState(Math.random());
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
useEffect(() => {
|
|
18
|
-
return () => {
|
|
19
|
-
internal.current.isMounted = false;
|
|
20
|
-
};
|
|
21
|
-
}, []);
|
|
22
|
-
return internal.current.update;
|
|
23
|
-
}
|
|
24
|
-
__name(useForceUpdate, "useForceUpdate");
|
|
25
|
-
export {
|
|
26
|
-
useForceUpdate
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=useForceUpdate.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/hooks/useForceUpdate.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useEffect, useRef, useState } from 'react'\n\n// ensures no updates after unmount\n\nexport function useForceUpdate() {\n const setState = useState(0)[1]\n const internal = useRef<{ update: Function; isMounted: boolean }>()\n if (!internal.current) {\n internal.current = {\n isMounted: true,\n update: () => {\n if (internal.current!.isMounted) {\n setState(Math.random())\n }\n },\n }\n }\n\n useEffect(() => {\n return () => {\n internal.current!.isMounted = false\n }\n }, [])\n\n return internal.current.update\n}\n"],
|
|
5
|
-
"mappings": ";;AAAA;AAIO,0BAA0B;AAC/B,QAAM,WAAW,SAAS,GAAG;AAC7B,QAAM,WAAW;AACjB,MAAI,CAAC,SAAS,SAAS;AACrB,aAAS,UAAU;AAAA,MACjB,WAAW;AAAA,MACX,QAAQ,MAAM;AACZ,YAAI,SAAS,QAAS,WAAW;AAC/B,mBAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAMtB,YAAU,MAAM;AACd,WAAO,MAAM;AACX,eAAS,QAAS,YAAY;AAAA;AAAA,KAE/B;AAEH,SAAO,SAAS,QAAQ;AAAA;AApBV;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/hooks/useMedia.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useRef } from 'react'\n\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { matchMedia } from '../helpers/matchMedia'\nimport {\n ConfigureMediaQueryOptions,\n MediaQueries,\n MediaQueryObject,\n MediaQueryState,\n} from '../types'\nimport { useConstant } from './useConstant'\nimport { useForceUpdate } from './useForceUpdate'\n\n// For now disabled customization of media queries, but a lot of the initial steps are in place\n\nexport const mediaState: { [key in keyof MediaQueryState]: boolean } = {} as any\nconst mediaQueryListeners: { [key: string]: Set<Function> } = {}\n\nexport const addMediaQueryListener = (key: string, cb: any) => {\n mediaQueryListeners[key] = mediaQueryListeners[key] || new Set()\n mediaQueryListeners[key].add(cb)\n}\n\nexport const removeMediaQueryListener = (key: string, cb: any) => {\n mediaQueryListeners[key].delete(cb)\n}\n\nlet hasConfigured = false\nlet mediaQueryConfigObject: MediaQueries | null = null\n\nexport const mediaQueryConfig = new Proxy<MediaQueries>({} as any, {\n get(target, key) {\n if (!mediaQueryConfigObject) {\n throw new Error(`Be sure to run configureMedia before accessing mediaQueryConfig`)\n }\n return Reflect.get(mediaQueryConfigObject, key)\n },\n ownKeys() {\n if (!mediaQueryConfigObject) {\n throw new Error(`Be sure to run configureMedia before accessing mediaQueryConfig`)\n }\n return Object.keys(mediaQueryConfigObject)\n },\n getOwnPropertyDescriptor() {\n return {\n enumerable: true,\n configurable: true,\n }\n },\n})\n\nexport const getMedia = () => {\n if (!hasConfigured) {\n throw new Error(`not configured yet`)\n }\n return mediaState\n}\n\nexport const configureMedia = ({\n queries,\n defaultActive = ['sm', 'xs'],\n}: ConfigureMediaQueryOptions = {}) => {\n if (hasConfigured) {\n console.warn(\n `Already configured mediaQueries once (you may have called getMedia() before configureMedia())`\n )\n return\n }\n hasConfigured = true\n if (queries) mediaQueryConfigObject = queries\n\n // setup\n for (const key in queries) {\n const str = mediaObjectToString(queries[key])\n try {\n const getMatch = () => matchMedia(str)\n const match = getMatch()\n if (!match || typeof match.addListener !== 'function') {\n // caught below\n throw new Error('\u26A0\uFE0F No match (seeing this in RN sometimes)')\n }\n mediaState[key] = !!match.matches\n match.addListener(() => {\n const next = !!getMatch().matches\n if (next === mediaState[key]) return\n mediaState[key] = next\n const listeners = mediaQueryListeners[key]\n if (listeners?.size) {\n for (const cb of [...listeners]) {\n cb()\n }\n }\n })\n } catch (err: any) {\n console.error('Error running media query', str, err.message, err.stack)\n const isDefaultActive = defaultActive?.includes(key as any) ?? true\n mediaState[key] = isDefaultActive\n }\n }\n}\n\ntype UseMediaState = {\n selections: { [key: string]: boolean }\n nextSelections: { [key: string]: boolean }\n isRendering: boolean\n isUnmounted: boolean\n}\n\nexport const useMedia = () => {\n const forceUpdate = useForceUpdate()\n const state = useRef() as React.MutableRefObject<UseMediaState>\n if (!state.current) {\n state.current = {\n selections: {},\n nextSelections: {},\n isUnmounted: false,\n isRendering: true,\n }\n }\n state.current.isRendering = true\n\n // track usage\n useIsomorphicLayoutEffect(() => {\n const st = state.current\n st.isRendering = false\n // delete old\n for (const key in st.selections) {\n if (!(key in st.nextSelections)) {\n removeMediaQueryListener(key, forceUpdate)\n }\n }\n // add new\n for (const key in st.nextSelections) {\n if (!(key in st.selections)) {\n addMediaQueryListener(key, forceUpdate)\n }\n }\n })\n\n // unmount\n useIsomorphicLayoutEffect(() => {\n return () => {\n const st = state.current\n st.isUnmounted = true\n const allKeys = {\n ...st.selections,\n ...st.nextSelections,\n }\n for (const key in allKeys) {\n removeMediaQueryListener(key, forceUpdate)\n }\n }\n }, [])\n\n return useConstant(() => {\n const st = state.current\n return new Proxy(mediaState, {\n get(target, key: string) {\n if (!(key in mediaState)) {\n return Reflect.get(target, key)\n }\n if (!st.isUnmounted) {\n if (st.isRendering) {\n st.nextSelections[key] = true\n }\n }\n if (key in mediaState) {\n return mediaState[key]\n }\n return Reflect.get(mediaState, key)\n },\n })\n })\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": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/hooks/useTheme.tsx"],
|
|
4
|
-
"sourcesContent": ["import { isEqual } from '@dish/fast-compare'\nimport React, { useContext, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { ThemeName } from '../types'\nimport { ThemeContext } from '../views/ThemeContext'\nimport { ThemeManagerContext } from '../views/ThemeManagerContext'\nimport { GET_DEFAULT_THEME } from '../views/ThemeProvider'\nimport { useForceUpdate } from './useForceUpdate'\n\ntype UseThemeState = {\n uuid: Object\n keys: Set<string>\n isRendering: boolean\n}\n\nexport const useThemeName = () => {\n const parent = useContext(ThemeManagerContext)\n const [name, setName] = useState(parent.name)\n useEffect(() => {\n return parent.onChangeTheme((next) => {\n setName((prev) => {\n if (prev === next) return prev\n return next\n })\n })\n }, [parent])\n return name || 'light'\n}\n\nexport const useDefaultThemeName = () => {\n return useContext(ThemeContext)[GET_DEFAULT_THEME] as any as ThemeName\n}\n\nexport const useTheme = () => {\n const forceUpdate = useForceUpdate()\n const manager = useContext(ThemeManagerContext)\n const themes = useContext(ThemeContext)\n const state = useRef() as React.MutableRefObject<UseThemeState>\n if (!state.current) {\n state.current = {\n uuid: {},\n keys: new Set(),\n isRendering: true,\n }\n }\n state.current.isRendering = true\n\n // track usage\n useIsomorphicLayoutEffect(() => {\n const st = state.current\n st.isRendering = false\n if (!isEqual(st.keys, manager.keys.get(st.uuid))) {\n manager.track(st.uuid, st.keys)\n }\n })\n\n useEffect(() => {\n return manager.onUpdate(state.current.uuid, forceUpdate)\n }, [])\n\n const theme = (manager.name ? themes[manager.name] : themes.light) ?? themes.light\n\n return useMemo(\n () => {\n return new Proxy(theme, {\n get(_, key: string) {\n const name = manager.name\n if (!name) {\n return Reflect.get(_, key)\n }\n let activeTheme = themes[name]\n if (!activeTheme) {\n console.error('No theme by name', name, 'only:', themes, 'keeping current theme')\n activeTheme = theme\n }\n const val = activeTheme[key]\n if (process.env.NODE_ENV === 'development') {\n if (typeof val === 'undefined') {\n if (typeof key === 'string') {\n try {\n if (!activeTheme) {\n throw new Error(`No theme! ${name} in ${Object.keys(themes)}`)\n }\n if (!val) {\n throw new Error(\n `No theme value \"${String(key)}\" in: ${Object.keys(activeTheme)}`\n )\n }\n } catch (err: any) {\n // no need to destroy rendering ever\n console.error(err.message, err.stack)\n }\n }\n }\n return Reflect.get(_, key)\n }\n if (state.current.isRendering) {\n state.current.keys.add(key)\n }\n return val\n },\n })\n },\n [\n /* if concurrent mode wanted put manager.name here */\n ]\n )\n}\n"],
|
|
5
|
-
"mappings": ";;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAQO,MAAM,eAAe,6BAAM;AAChC,QAAM,SAAS,WAAW;AAC1B,QAAM,CAAC,MAAM,WAAW,SAAS,OAAO;AACxC,YAAU,MAAM;AACd,WAAO,OAAO,cAAc,CAAC,SAAS;AACpC,cAAQ,CAAC,SAAS;AAChB,YAAI,SAAS;AAAM,iBAAO;AAC1B,eAAO;AAAA;AAAA;AAAA,KAGV,CAAC;AACJ,SAAO,QAAQ;AAAA,GAXW;AAcrB,MAAM,sBAAsB,6BAAM;AACvC,SAAO,WAAW,cAAc;AAAA,GADC;AAI5B,MAAM,WAAW,6BAAM;AAC5B,QAAM,cAAc;AACpB,QAAM,UAAU,WAAW;AAC3B,QAAM,SAAS,WAAW;AAC1B,QAAM,QAAQ;AACd,MAAI,CAAC,MAAM,SAAS;AAClB,UAAM,UAAU;AAAA,MACd,MAAM;AAAA,MACN,MAAM,IAAI;AAAA,MACV,aAAa;AAAA;AAAA;AAGjB,QAAM,QAAQ,cAAc;AAG5B,4BAA0B,MAAM;AAC9B,UAAM,KAAK,MAAM;AACjB,OAAG,cAAc;AACjB,QAAI,CAAC,QAAQ,GAAG,MAAM,QAAQ,KAAK,IAAI,GAAG,QAAQ;AAChD,cAAQ,MAAM,GAAG,MAAM,GAAG;AAAA;AAAA;AAI9B,YAAU,MAAM;AACd,WAAO,QAAQ,SAAS,MAAM,QAAQ,MAAM;AAAA,KAC3C;AAEH,QAAM,QAAS,SAAQ,OAAO,OAAO,QAAQ,QAAQ,OAAO,UAAU,OAAO;AAE7E,SAAO,QACL,MAAM;AACJ,WAAO,IAAI,MAAM,OAAO;AAAA,MACtB,IAAI,GAAG,KAAa;AAClB,cAAM,OAAO,QAAQ;AACrB,YAAI,CAAC,MAAM;AACT,iBAAO,QAAQ,IAAI,GAAG;AAAA;AAExB,YAAI,cAAc,OAAO;AACzB,YAAI,CAAC,aAAa;AAChB,kBAAQ,MAAM,oBAAoB,MAAM,SAAS,QAAQ;AACzD,wBAAc;AAAA;AAEhB,cAAM,MAAM,YAAY;AACxB,YAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAI,OAAO,QAAQ,aAAa;AAC9B,gBAAI,OAAO,QAAQ,UAAU;AAC3B,kBAAI;AACF,oBAAI,CAAC,aAAa;AAChB,wBAAM,IAAI,MAAM,aAAa,WAAW,OAAO,KAAK;AAAA;AAEtD,oBAAI,CAAC,KAAK;AACR,wBAAM,IAAI,MACR,mBAAmB,OAAO,aAAa,OAAO,KAAK;AAAA;AAAA,uBAGhD,KAAP;AAEA,wBAAQ,MAAM,IAAI,SAAS,IAAI;AAAA;AAAA;AAAA;AAIrC,iBAAO,QAAQ,IAAI,GAAG;AAAA;AAExB,YAAI,MAAM,QAAQ,aAAa;AAC7B,gBAAM,QAAQ,KAAK,IAAI;AAAA;AAEzB,eAAO;AAAA;AAAA;AAAA,KAIb;AAAA,GAtEoB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|