react-native-unistyles 3.0.0-rc.4 → 3.0.0-rc.5
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/README.md +10 -8
- package/android/src/main/cxx/NativeUnistylesModule.cpp +3 -7
- package/android/src/main/cxx/NativeUnistylesModule.h +0 -4
- package/android/src/main/java/com/unistyles/UnistylesModule.kt +1 -7
- package/cxx/core/UnistyleWrapper.h +4 -1
- package/cxx/core/UnistylesCommitShadowNode.h +0 -21
- package/cxx/core/UnistylesRegistry.cpp +45 -49
- package/cxx/core/UnistylesState.cpp +10 -0
- package/cxx/core/UnistylesState.h +3 -0
- package/cxx/hybridObjects/HybridShadowRegistry.cpp +6 -1
- package/cxx/hybridObjects/HybridShadowRegistry.h +6 -0
- package/cxx/hybridObjects/HybridStyleSheet.cpp +13 -16
- package/cxx/hybridObjects/HybridStyleSheet.h +2 -7
- package/cxx/hybridObjects/HybridUnistylesRuntime.cpp +8 -0
- package/cxx/hybridObjects/HybridUnistylesRuntime.h +2 -0
- package/cxx/parser/Parser.cpp +175 -110
- package/cxx/parser/Parser.h +1 -0
- package/cxx/shadowTree/ShadowTreeManager.cpp +36 -33
- package/cxx/shadowTree/ShadowTreeManager.h +0 -1
- package/ios/UnistylesModuleOnLoad.h +1 -5
- package/ios/UnistylesModuleOnLoad.mm +5 -13
- package/lib/commonjs/components/AdaptiveTheme.js +35 -0
- package/lib/commonjs/components/AdaptiveTheme.js.map +1 -0
- package/lib/commonjs/components/ApplyScopedTheme.js +19 -0
- package/lib/commonjs/components/ApplyScopedTheme.js.map +1 -0
- package/lib/commonjs/components/NamedTheme.js +31 -0
- package/lib/commonjs/components/NamedTheme.js.map +1 -0
- package/lib/commonjs/components/ScopedTheme.js +24 -20
- package/lib/commonjs/components/ScopedTheme.js.map +1 -1
- package/lib/commonjs/components/native/Image.js +1 -2
- package/lib/commonjs/components/native/Image.js.map +1 -1
- package/lib/commonjs/components/native/ImageBackground.js +1 -2
- package/lib/commonjs/components/native/ImageBackground.js.map +1 -1
- package/lib/commonjs/components/native/Pressable.js +1 -2
- package/lib/commonjs/components/native/Pressable.js.map +1 -1
- package/lib/commonjs/components/native/Pressable.native.js +1 -2
- package/lib/commonjs/components/native/Pressable.native.js.map +1 -1
- package/lib/commonjs/core/createUnistylesElement.js +3 -3
- package/lib/commonjs/core/createUnistylesElement.js.map +1 -1
- package/lib/commonjs/core/createUnistylesElement.native.js +18 -31
- package/lib/commonjs/core/createUnistylesElement.native.js.map +1 -1
- package/lib/commonjs/core/createUnistylesImageBackground.js +6 -21
- package/lib/commonjs/core/createUnistylesImageBackground.js.map +1 -1
- package/lib/commonjs/core/getClassname.js +1 -2
- package/lib/commonjs/core/getClassname.js.map +1 -1
- package/lib/commonjs/core/parseBoxShadow.js +57 -0
- package/lib/commonjs/core/parseBoxShadow.js.map +1 -0
- package/lib/commonjs/core/useProxifiedUnistyles/listener.js +1 -2
- package/lib/commonjs/core/useProxifiedUnistyles/listener.js.map +1 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.js +1 -2
- package/lib/commonjs/core/withUnistyles/withUnistyles.js.map +1 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.native.js +1 -2
- package/lib/commonjs/core/withUnistyles/withUnistyles.native.js.map +1 -1
- package/lib/commonjs/index.js +6 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mocks.js +5 -2
- package/lib/commonjs/mocks.js.map +1 -1
- package/lib/commonjs/reanimated/index.js +7 -0
- package/lib/commonjs/reanimated/index.js.map +1 -1
- package/lib/commonjs/reanimated/variant/index.js +17 -0
- package/lib/commonjs/reanimated/variant/index.js.map +1 -0
- package/lib/commonjs/reanimated/variant/types.js +2 -0
- package/lib/commonjs/reanimated/variant/types.js.map +1 -0
- package/lib/commonjs/reanimated/variant/useAnimatedVariantColor.js +38 -0
- package/lib/commonjs/reanimated/variant/useAnimatedVariantColor.js.map +1 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.js +66 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.js.map +1 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.native.js +39 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.native.js.map +1 -0
- package/lib/commonjs/server/getServerUnistyles.js +1 -2
- package/lib/commonjs/server/getServerUnistyles.js.map +1 -1
- package/lib/commonjs/server/hydrateServerUnistyles.js +1 -2
- package/lib/commonjs/server/hydrateServerUnistyles.js.map +1 -1
- package/lib/commonjs/server/resetServerUnistyles.js +1 -2
- package/lib/commonjs/server/resetServerUnistyles.js.map +1 -1
- package/lib/commonjs/specs/ShadowRegistry/index.js +6 -1
- package/lib/commonjs/specs/ShadowRegistry/index.js.map +1 -1
- package/lib/commonjs/specs/StyleSheet/index.js +3 -1
- package/lib/commonjs/specs/StyleSheet/index.js.map +1 -1
- package/lib/commonjs/utils.js +0 -3
- package/lib/commonjs/utils.js.map +1 -1
- package/lib/commonjs/web/create.js +2 -3
- package/lib/commonjs/web/create.js.map +1 -1
- package/lib/commonjs/web/css/core.js +6 -1
- package/lib/commonjs/web/css/core.js.map +1 -1
- package/lib/commonjs/web/css/state.js +10 -7
- package/lib/commonjs/web/css/state.js.map +1 -1
- package/lib/commonjs/web/index.js +1 -2
- package/lib/commonjs/web/index.js.map +1 -1
- package/lib/commonjs/web/listener.js +2 -0
- package/lib/commonjs/web/listener.js.map +1 -1
- package/lib/commonjs/web/runtime.js +15 -1
- package/lib/commonjs/web/runtime.js.map +1 -1
- package/lib/commonjs/web/shadowRegistry.js +5 -3
- package/lib/commonjs/web/shadowRegistry.js.map +1 -1
- package/lib/commonjs/web/state.js +1 -10
- package/lib/commonjs/web/state.js.map +1 -1
- package/lib/commonjs/web/types.js.map +1 -1
- package/lib/commonjs/web/utils/createUnistylesRef.js +1 -2
- package/lib/commonjs/web/utils/createUnistylesRef.js.map +1 -1
- package/lib/commonjs/web/utils/unistyle.js +26 -4
- package/lib/commonjs/web/utils/unistyle.js.map +1 -1
- package/lib/module/components/AdaptiveTheme.js +29 -0
- package/lib/module/components/AdaptiveTheme.js.map +1 -0
- package/lib/module/components/ApplyScopedTheme.js +14 -0
- package/lib/module/components/ApplyScopedTheme.js.map +1 -0
- package/lib/module/components/NamedTheme.js +25 -0
- package/lib/module/components/NamedTheme.js.map +1 -0
- package/lib/module/components/ScopedTheme.js +24 -19
- package/lib/module/components/ScopedTheme.js.map +1 -1
- package/lib/module/core/createUnistylesElement.js +3 -3
- package/lib/module/core/createUnistylesElement.js.map +1 -1
- package/lib/module/core/createUnistylesElement.native.js +18 -30
- package/lib/module/core/createUnistylesElement.native.js.map +1 -1
- package/lib/module/core/createUnistylesImageBackground.js +5 -19
- package/lib/module/core/createUnistylesImageBackground.js.map +1 -1
- package/lib/module/core/parseBoxShadow.js +52 -0
- package/lib/module/core/parseBoxShadow.js.map +1 -0
- package/lib/module/core/withUnistyles/withUnistyles.native.js.map +1 -1
- package/lib/module/index.js +5 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/mocks.js +5 -2
- package/lib/module/mocks.js.map +1 -1
- package/lib/module/reanimated/index.js +1 -0
- package/lib/module/reanimated/index.js.map +1 -1
- package/lib/module/reanimated/variant/index.js +4 -0
- package/lib/module/reanimated/variant/index.js.map +1 -0
- package/lib/module/reanimated/variant/types.js +2 -0
- package/lib/module/reanimated/variant/types.js.map +1 -0
- package/lib/module/reanimated/variant/useAnimatedVariantColor.js +33 -0
- package/lib/module/reanimated/variant/useAnimatedVariantColor.js.map +1 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.js +61 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.js.map +1 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.native.js +34 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.native.js.map +1 -0
- package/lib/module/specs/ShadowRegistry/index.js +6 -1
- package/lib/module/specs/ShadowRegistry/index.js.map +1 -1
- package/lib/module/specs/StyleSheet/index.js +3 -1
- package/lib/module/specs/StyleSheet/index.js.map +1 -1
- package/lib/module/utils.js +0 -3
- package/lib/module/utils.js.map +1 -1
- package/lib/module/web/create.js +1 -1
- package/lib/module/web/create.js.map +1 -1
- package/lib/module/web/css/core.js +6 -1
- package/lib/module/web/css/core.js.map +1 -1
- package/lib/module/web/css/state.js +10 -7
- package/lib/module/web/css/state.js.map +1 -1
- package/lib/module/web/listener.js +2 -0
- package/lib/module/web/listener.js.map +1 -1
- package/lib/module/web/runtime.js +16 -2
- package/lib/module/web/runtime.js.map +1 -1
- package/lib/module/web/shadowRegistry.js +5 -3
- package/lib/module/web/shadowRegistry.js.map +1 -1
- package/lib/module/web/state.js +1 -10
- package/lib/module/web/state.js.map +1 -1
- package/lib/module/web/types.js.map +1 -1
- package/lib/module/web/utils/unistyle.js +24 -3
- package/lib/module/web/utils/unistyle.js.map +1 -1
- package/lib/typescript/plugin/src/consts.d.ts +17 -0
- package/lib/typescript/plugin/src/consts.d.ts.map +1 -0
- package/lib/typescript/repack-plugin/src/index.d.ts +18 -0
- package/lib/typescript/repack-plugin/src/index.d.ts.map +1 -0
- package/lib/typescript/repack-plugin/src/loader.d.ts +9 -0
- package/lib/typescript/repack-plugin/src/loader.d.ts.map +1 -0
- package/lib/typescript/src/components/AdaptiveTheme.d.ts +8 -0
- package/lib/typescript/src/components/AdaptiveTheme.d.ts.map +1 -0
- package/lib/typescript/src/components/ApplyScopedTheme.d.ts +7 -0
- package/lib/typescript/src/components/ApplyScopedTheme.d.ts.map +1 -0
- package/lib/typescript/src/components/NamedTheme.d.ts +10 -0
- package/lib/typescript/src/components/NamedTheme.d.ts.map +1 -0
- package/lib/typescript/src/components/ScopedTheme.d.ts +4 -0
- package/lib/typescript/src/components/ScopedTheme.d.ts.map +1 -1
- package/lib/typescript/src/components/native/Animated.d.ts.map +1 -1
- package/lib/typescript/src/core/createUnistylesElement.d.ts.map +1 -1
- package/lib/typescript/src/core/createUnistylesElement.native.d.ts.map +1 -1
- package/lib/typescript/src/core/createUnistylesImageBackground.d.ts.map +1 -1
- package/lib/typescript/src/core/getClassname.d.ts.map +1 -1
- package/lib/typescript/src/core/parseBoxShadow.d.ts +11 -0
- package/lib/typescript/src/core/parseBoxShadow.d.ts.map +1 -0
- package/lib/typescript/src/core/passForwardRef.d.ts.map +1 -1
- package/lib/typescript/src/core/useProxifiedUnistyles/listener.d.ts.map +1 -1
- package/lib/typescript/src/core/useProxifiedUnistyles/listener.native.d.ts.map +1 -1
- package/lib/typescript/src/core/useProxifiedUnistyles/useProxifiedUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/core/warn.d.ts.map +1 -1
- package/lib/typescript/src/core/withUnistyles/withUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/core/withUnistyles/withUnistyles.native.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useMedia.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useMedia.native.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/reanimated/index.d.ts +1 -0
- package/lib/typescript/src/reanimated/index.d.ts.map +1 -1
- package/lib/typescript/src/reanimated/variant/index.d.ts +2 -0
- package/lib/typescript/src/reanimated/variant/index.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/types.d.ts +10 -0
- package/lib/typescript/src/reanimated/variant/types.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/useAnimatedVariantColor.d.ts +3 -0
- package/lib/typescript/src/reanimated/variant/useAnimatedVariantColor.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.d.ts +6 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.native.d.ts +6 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.native.d.ts.map +1 -0
- package/lib/typescript/src/server/getServerUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/server/serialize.d.ts.map +1 -1
- package/lib/typescript/src/server/useServerUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/specs/ShadowRegistry/index.d.ts +1 -0
- package/lib/typescript/src/specs/ShadowRegistry/index.d.ts.map +1 -1
- package/lib/typescript/src/specs/StatusBar/index.d.ts.map +1 -1
- package/lib/typescript/src/specs/StyleSheet/index.d.ts +2 -0
- package/lib/typescript/src/specs/StyleSheet/index.d.ts.map +1 -1
- package/lib/typescript/src/specs/UnistylesRuntime/UnistylesRuntime.nitro.d.ts +2 -0
- package/lib/typescript/src/specs/UnistylesRuntime/UnistylesRuntime.nitro.d.ts.map +1 -1
- package/lib/typescript/src/types/stylesheet.d.ts.map +1 -1
- package/lib/typescript/src/utils.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/index.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/object/boxShadow.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/object/filter.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/object/objectStyle.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/object/transform.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/pseudo.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/shadow/boxShadow.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/shadow/getShadowBreakpoints.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/shadow/textShadow.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/style.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/utils.d.ts.map +1 -1
- package/lib/typescript/src/web/create.d.ts.map +1 -1
- package/lib/typescript/src/web/css/core.d.ts.map +1 -1
- package/lib/typescript/src/web/css/state.d.ts +2 -1
- package/lib/typescript/src/web/css/state.d.ts.map +1 -1
- package/lib/typescript/src/web/css/utils.d.ts.map +1 -1
- package/lib/typescript/src/web/listener.d.ts.map +1 -1
- package/lib/typescript/src/web/registry.d.ts.map +1 -1
- package/lib/typescript/src/web/runtime.d.ts +2 -0
- package/lib/typescript/src/web/runtime.d.ts.map +1 -1
- package/lib/typescript/src/web/shadowRegistry.d.ts +2 -0
- package/lib/typescript/src/web/shadowRegistry.d.ts.map +1 -1
- package/lib/typescript/src/web/state.d.ts.map +1 -1
- package/lib/typescript/src/web/types.d.ts +4 -1
- package/lib/typescript/src/web/types.d.ts.map +1 -1
- package/lib/typescript/src/web/utils/common.d.ts.map +1 -1
- package/lib/typescript/src/web/utils/createUnistylesRef.d.ts.map +1 -1
- package/lib/typescript/src/web/utils/unistyle.d.ts +5 -1
- package/lib/typescript/src/web/utils/unistyle.d.ts.map +1 -1
- package/lib/typescript/src/web/variants.d.ts.map +1 -1
- package/lib/typescript/src/web-only/getWebProps.d.ts.map +1 -1
- package/nitrogen/generated/ios/Unistyles-Swift-Cxx-Umbrella.hpp +1 -0
- package/nitrogen/generated/shared/c++/HybridUnistylesRuntimeSpec.cpp +2 -0
- package/nitrogen/generated/shared/c++/HybridUnistylesRuntimeSpec.hpp +2 -0
- package/package.json +32 -23
- package/plugin/index.d.ts +6 -5
- package/plugin/index.js +11 -6
- package/repack-plugin/index.d.ts +19 -0
- package/repack-plugin/index.js +149 -0
- package/src/components/AdaptiveTheme.tsx +34 -0
- package/src/components/ApplyScopedTheme.tsx +17 -0
- package/src/components/NamedTheme.tsx +33 -0
- package/src/components/ScopedTheme.tsx +42 -22
- package/src/core/createUnistylesElement.native.tsx +21 -31
- package/src/core/createUnistylesElement.tsx +3 -3
- package/src/core/createUnistylesImageBackground.tsx +7 -22
- package/src/core/parseBoxShadow.ts +87 -0
- package/src/core/withUnistyles/withUnistyles.native.tsx +1 -0
- package/src/index.ts +8 -0
- package/src/mocks.ts +5 -2
- package/src/reanimated/index.ts +1 -0
- package/src/reanimated/variant/index.ts +1 -0
- package/src/reanimated/variant/types.ts +14 -0
- package/src/reanimated/variant/useAnimatedVariantColor.ts +38 -0
- package/src/reanimated/variant/useUpdateVariantColor.native.ts +38 -0
- package/src/reanimated/variant/useUpdateVariantColor.ts +81 -0
- package/src/specs/ShadowRegistry/index.ts +7 -1
- package/src/specs/StyleSheet/index.ts +5 -2
- package/src/specs/UnistylesRuntime/UnistylesRuntime.nitro.ts +2 -0
- package/src/utils.ts +1 -3
- package/src/web/create.ts +1 -1
- package/src/web/css/core.ts +9 -1
- package/src/web/css/state.ts +10 -8
- package/src/web/listener.ts +2 -0
- package/src/web/runtime.ts +23 -2
- package/src/web/shadowRegistry.ts +5 -3
- package/src/web/state.ts +7 -17
- package/src/web/types.ts +4 -1
- package/src/web/utils/unistyle.ts +34 -4
- package/cxx/core/UnistylesCommitHook.cpp +0 -59
- package/cxx/core/UnistylesCommitHook.h +0 -27
- package/cxx/core/UnistylesMountHook.cpp +0 -26
- package/cxx/core/UnistylesMountHook.h +0 -24
- package/lib/module/package.json +0 -1
- /package/{web-only → web}/package.json +0 -0
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["reanimated/variant/index.ts"],"mappings":";;AAAA,cAAc,2BAA2B","ignoreList":[]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["reanimated/variant/types.ts"],"mappings":"","ignoreList":[]}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
import { interpolateColor, useDerivedValue, useSharedValue } from 'react-native-reanimated';
|
4
|
+
import { useUpdateVariantColor } from './useUpdateVariantColor';
|
5
|
+
export const useAnimatedVariantColor = (style, colorKey) => {
|
6
|
+
const secretKey = Object.keys(style).find(key => key.startsWith('unistyles_'));
|
7
|
+
// @ts-ignore this is hidden from TS
|
8
|
+
const hasVariants = style[secretKey]?.__stylesheetVariants;
|
9
|
+
if (!hasVariants || !colorKey.toLowerCase().includes('color')) {
|
10
|
+
throw new Error('useAnimatedVariantColor: Style was not created by Unistyles, does not have variants or has no color property');
|
11
|
+
}
|
12
|
+
const {
|
13
|
+
fromValue,
|
14
|
+
toValue
|
15
|
+
} = useUpdateVariantColor({
|
16
|
+
animateCallback: (from, to) => animate(from, to),
|
17
|
+
colorKey,
|
18
|
+
secretKey,
|
19
|
+
style
|
20
|
+
});
|
21
|
+
const progress = useSharedValue(1);
|
22
|
+
const animate = (from, to) => {
|
23
|
+
'worklet';
|
24
|
+
|
25
|
+
fromValue.set(from);
|
26
|
+
toValue.set(to);
|
27
|
+
};
|
28
|
+
const derivedColor = useDerivedValue(() => {
|
29
|
+
return interpolateColor(progress.value, [0, 1], [fromValue.get(), toValue.get()]);
|
30
|
+
});
|
31
|
+
return derivedColor;
|
32
|
+
};
|
33
|
+
//# sourceMappingURL=useAnimatedVariantColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["interpolateColor","useDerivedValue","useSharedValue","useUpdateVariantColor","useAnimatedVariantColor","style","colorKey","secretKey","Object","keys","find","key","startsWith","hasVariants","__stylesheetVariants","toLowerCase","includes","Error","fromValue","toValue","animateCallback","from","to","animate","progress","set","derivedColor","value","get"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useAnimatedVariantColor.ts"],"mappings":";;AAAA,SAASA,gBAAgB,EAAEC,eAAe,EAAEC,cAAc,QAAQ,yBAAyB;AAE3F,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,OAAO,MAAMC,uBAAuB,GAAGA,CAAgCC,KAAQ,EAAEC,QAAsB,KAAK;EACxG,MAAMC,SAAS,GAAGC,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,CAACK,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,YAAY,CAAC,CAAC;EAC9E;EACA,MAAMC,WAAW,GAAGR,KAAK,CAACE,SAAS,CAAC,EAAEO,oBAAoB;EAE1D,IAAI,CAACD,WAAW,IAAI,CAACP,QAAQ,CAACS,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC,OAAO,CAAC,EAAE;IAC3D,MAAM,IAAIC,KAAK,CAAC,8GAA8G,CAAC;EACnI;EAEA,MAAM;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGhB,qBAAqB,CAAC;IACjDiB,eAAe,EAAEA,CAACC,IAAI,EAAEC,EAAE,KAAKC,OAAO,CAACF,IAAI,EAAEC,EAAE,CAAC;IAChDhB,QAAQ;IACRC,SAAS;IACTF;EACJ,CAAC,CAAC;EAEF,MAAMmB,QAAQ,GAAGtB,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMqB,OAAO,GAAGA,CAACF,IAAY,EAAEC,EAAU,KAAK;IAC1C,SAAS;;IAETJ,SAAS,CAACO,GAAG,CAACJ,IAAI,CAAC;IACnBF,OAAO,CAACM,GAAG,CAACH,EAAE,CAAC;EACnB,CAAC;EAED,MAAMI,YAAY,GAAGzB,eAAe,CAAC,MAAM;IACvC,OAAOD,gBAAgB,CACnBwB,QAAQ,CAACG,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACT,SAAS,CAACU,GAAG,CAAC,CAAC,EAAET,OAAO,CAACS,GAAG,CAAC,CAAC,CACnC,CAAC;EACL,CAAC,CAAC;EAEF,OAAOF,YAAY;AACvB,CAAC","ignoreList":[]}
|
@@ -0,0 +1,61 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
import { useCallback, useEffect, useLayoutEffect, useMemo, useState } from 'react';
|
4
|
+
import { runOnUI, useSharedValue } from 'react-native-reanimated';
|
5
|
+
import { UnistyleDependency } from '../../specs';
|
6
|
+
import { services } from '../../web/services';
|
7
|
+
import { getClosestBreakpointValue } from '../../web/utils';
|
8
|
+
export const useUpdateVariantColor = ({
|
9
|
+
animateCallback,
|
10
|
+
colorKey,
|
11
|
+
style
|
12
|
+
}) => {
|
13
|
+
const [dummyDiv] = useState(() => {
|
14
|
+
const div = document.createElement('div');
|
15
|
+
div.style.display = 'none';
|
16
|
+
document.body.appendChild(div);
|
17
|
+
return div;
|
18
|
+
});
|
19
|
+
const parsedStyles = useMemo(() => {
|
20
|
+
return services.shadowRegistry.addStyles([style]).parsedStyles;
|
21
|
+
}, [style]);
|
22
|
+
const getCurrentColor = useCallback(() => {
|
23
|
+
if (!parsedStyles) {
|
24
|
+
return 'rgb(0, 0, 0)';
|
25
|
+
}
|
26
|
+
const currentColor = parsedStyles[colorKey];
|
27
|
+
const currentColorVar = typeof currentColor === 'string' ? currentColor : getClosestBreakpointValue(services.runtime, currentColor) ?? 'rgb(0, 0, 0)';
|
28
|
+
if (currentColorVar.startsWith('var(--')) {
|
29
|
+
dummyDiv.style.color = currentColorVar;
|
30
|
+
return getComputedStyle(dummyDiv).color;
|
31
|
+
}
|
32
|
+
return currentColorVar;
|
33
|
+
}, [style, colorKey]);
|
34
|
+
const fromValue = useSharedValue(getCurrentColor());
|
35
|
+
const toValue = useSharedValue(getCurrentColor());
|
36
|
+
useEffect(() => {
|
37
|
+
const dispose = services.listener.addListeners([UnistyleDependency.Theme], () => {
|
38
|
+
runOnUI(() => {
|
39
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
40
|
+
})();
|
41
|
+
});
|
42
|
+
return () => dispose();
|
43
|
+
}, [style, colorKey]);
|
44
|
+
useLayoutEffect(() => {
|
45
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
46
|
+
const colorStyle = parsedStyles?.[colorKey];
|
47
|
+
if (typeof colorStyle !== 'object' || colorStyle === null) {
|
48
|
+
return;
|
49
|
+
}
|
50
|
+
const dispose = services.listener.addListeners([UnistyleDependency.Breakpoints], () => {
|
51
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
52
|
+
});
|
53
|
+
return () => dispose();
|
54
|
+
}, [style, colorKey]);
|
55
|
+
useEffect(() => () => dummyDiv.remove(), []);
|
56
|
+
return {
|
57
|
+
fromValue,
|
58
|
+
toValue
|
59
|
+
};
|
60
|
+
};
|
61
|
+
//# sourceMappingURL=useUpdateVariantColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useLayoutEffect","useMemo","useState","runOnUI","useSharedValue","UnistyleDependency","services","getClosestBreakpointValue","useUpdateVariantColor","animateCallback","colorKey","style","dummyDiv","div","document","createElement","display","body","appendChild","parsedStyles","shadowRegistry","addStyles","getCurrentColor","currentColor","currentColorVar","runtime","startsWith","color","getComputedStyle","fromValue","toValue","dispose","listener","addListeners","Theme","get","colorStyle","Breakpoints","remove"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useUpdateVariantColor.ts"],"mappings":"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","ignoreList":[]}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
import { useEffect, useLayoutEffect } from 'react';
|
4
|
+
import { useSharedValue } from 'react-native-reanimated';
|
5
|
+
import { StyleSheet, UnistyleDependency } from '../../specs';
|
6
|
+
export const useUpdateVariantColor = ({
|
7
|
+
colorKey,
|
8
|
+
style,
|
9
|
+
secretKey
|
10
|
+
}) => {
|
11
|
+
const fromValue = useSharedValue(style[colorKey]);
|
12
|
+
const toValue = useSharedValue(style[colorKey]);
|
13
|
+
useEffect(() => {
|
14
|
+
// @ts-ignore this is hidden from TS
|
15
|
+
const dispose = StyleSheet.addChangeListener(changedDependencies => {
|
16
|
+
if (changedDependencies.includes(UnistyleDependency.Theme) || changedDependencies.includes(UnistyleDependency.Breakpoints)) {
|
17
|
+
// @ts-ignore
|
18
|
+
const newStyles = style[secretKey]?.uni__getStyles();
|
19
|
+
fromValue.set(toValue.value);
|
20
|
+
toValue.set(newStyles[colorKey]);
|
21
|
+
}
|
22
|
+
});
|
23
|
+
return () => dispose();
|
24
|
+
}, [style, colorKey]);
|
25
|
+
useLayoutEffect(() => {
|
26
|
+
fromValue.set(toValue.value);
|
27
|
+
toValue.set(style[colorKey]);
|
28
|
+
}, [style, colorKey]);
|
29
|
+
return {
|
30
|
+
fromValue,
|
31
|
+
toValue
|
32
|
+
};
|
33
|
+
};
|
34
|
+
//# sourceMappingURL=useUpdateVariantColor.native.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["useEffect","useLayoutEffect","useSharedValue","StyleSheet","UnistyleDependency","useUpdateVariantColor","colorKey","style","secretKey","fromValue","toValue","dispose","addChangeListener","changedDependencies","includes","Theme","Breakpoints","newStyles","uni__getStyles","set","value"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useUpdateVariantColor.native.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,eAAe,QAAQ,OAAO;AAClD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,UAAU,EAAEC,kBAAkB,QAAQ,aAAa;AAG5D,OAAO,MAAMC,qBAAqB,GAAGA,CAAgC;EACjEC,QAAQ;EACRC,KAAK;EACLC;AAC4B,CAAC,KAAK;EAClC,MAAMC,SAAS,GAAGP,cAAc,CAASK,KAAK,CAACD,QAAQ,CAAC,CAAC;EACzD,MAAMI,OAAO,GAAGR,cAAc,CAASK,KAAK,CAACD,QAAQ,CAAC,CAAC;EAEvDN,SAAS,CAAC,MAAM;IACZ;IACA,MAAMW,OAAO,GAAGR,UAAU,CAACS,iBAAiB,CAACC,mBAAmB,IAAI;MAChE,IAAIA,mBAAmB,CAACC,QAAQ,CAACV,kBAAkB,CAACW,KAAK,CAAC,IAAIF,mBAAmB,CAACC,QAAQ,CAACV,kBAAkB,CAACY,WAAW,CAAC,EAAE;QACxH;QACA,MAAMC,SAAS,GAAGV,KAAK,CAACC,SAAS,CAAC,EAAEU,cAAc,CAAC,CAAC;QAEpDT,SAAS,CAACU,GAAG,CAACT,OAAO,CAACU,KAAK,CAAC;QAC5BV,OAAO,CAACS,GAAG,CAACF,SAAS,CAACX,QAAQ,CAAC,CAAC;MACpC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAMK,OAAO,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACJ,KAAK,EAAED,QAAQ,CAAC,CAAC;EAErBL,eAAe,CAAC,MAAM;IAClBQ,SAAS,CAACU,GAAG,CAACT,OAAO,CAACU,KAAK,CAAC;IAC5BV,OAAO,CAACS,GAAG,CAACZ,KAAK,CAACD,QAAQ,CAAC,CAAC;EAChC,CAAC,EAAE,CAACC,KAAK,EAAED,QAAQ,CAAC,CAAC;EAErB,OAAO;IACHG,SAAS;IACTC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
|
@@ -4,8 +4,13 @@ import { NitroModules } from 'react-native-nitro-modules';
|
|
4
4
|
const HybridShadowRegistry = NitroModules.createHybridObject('UnistylesShadowRegistry');
|
5
5
|
const findShadowNodeForHandle = handle => {
|
6
6
|
const node = handle?.__internalInstanceHandle?.stateNode?.node ?? handle?.getScrollResponder?.()?.getNativeScrollRef?.()?.__internalInstanceHandle?.stateNode?.node ?? handle?.getNativeScrollRef?.()?.__internalInstanceHandle?.stateNode?.node ?? handle?._viewRef?.__internalInstanceHandle?.stateNode?.node ?? handle?.viewRef?.current?.__internalInstanceHandle?.stateNode?.node ?? handle?._nativeRef?.__internalInstanceHandle?.stateNode?.node;
|
7
|
+
|
8
|
+
// @ts-ignore we don't know the type of handle
|
9
|
+
if (!node && handle?.props?.horizontal && handle?.constructor?.name === 'FlatList') {
|
10
|
+
throw new Error('Unistyles: detected an unsupported FlatList with the horizontal prop. This will cause crashes on Android due to a bug in React Native core. Read more: https://github.com/facebook/react-native/issues/51601');
|
11
|
+
}
|
7
12
|
if (!node) {
|
8
|
-
throw new Error(`Unistyles: Could not find shadow node for one of your components of type ${handle?.
|
13
|
+
throw new Error(`Unistyles: Could not find shadow node for one of your components of type ${handle?.constructor?.name ?? 'unknown'}`);
|
9
14
|
}
|
10
15
|
return node;
|
11
16
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["NitroModules","HybridShadowRegistry","createHybridObject","findShadowNodeForHandle","handle","node","__internalInstanceHandle","stateNode","getScrollResponder","getNativeScrollRef","_viewRef","viewRef","current","_nativeRef","
|
1
|
+
{"version":3,"names":["NitroModules","HybridShadowRegistry","createHybridObject","findShadowNodeForHandle","handle","node","__internalInstanceHandle","stateNode","getScrollResponder","getNativeScrollRef","_viewRef","viewRef","current","_nativeRef","props","horizontal","constructor","name","Error","add","styles","stylesArray","Array","isArray","flat","filteredStyles","filter","style","Object","keys","length","Boolean","link","remove","unlink","UnistylesShadowRegistry"],"sourceRoot":"../../../../src","sources":["specs/ShadowRegistry/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,4BAA4B;AAgBzD,MAAMC,oBAAoB,GAAGD,YAAY,CAACE,kBAAkB,CAAiB,yBAAyB,CAAC;AAEvG,MAAMC,uBAAuB,GAAIC,MAAkB,IAAK;EACpD,MAAMC,IAAI,GAAGD,MAAM,EAAEE,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACvDD,MAAM,EAAEI,kBAAkB,GAAG,CAAC,EAAEC,kBAAkB,GAAG,CAAC,EAAEH,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACjGD,MAAM,EAAEK,kBAAkB,GAAG,CAAC,EAAEH,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACzED,MAAM,EAAEM,QAAQ,EAAEJ,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IAC3DD,MAAM,EAAEO,OAAO,EAAEC,OAAO,EAAEN,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACnED,MAAM,EAAES,UAAU,EAAEP,wBAAwB,EAAEC,SAAS,EAAEF,IAAI;;EAEpE;EACA,IAAI,CAACA,IAAI,IAAID,MAAM,EAAEU,KAAK,EAAEC,UAAU,IAAIX,MAAM,EAAEY,WAAW,EAAEC,IAAI,KAAK,UAAU,EAAE;IAChF,MAAM,IAAIC,KAAK,CAAC,8MAA8M,CAAC;EACnO;EAEA,IAAI,CAACb,IAAI,EAAE;IACP,MAAM,IAAIa,KAAK,CAAC,4EAA4Ed,MAAM,EAAEY,WAAW,EAAEC,IAAI,IAAI,SAAS,EAAE,CAAC;EACzI;EAEA,OAAOZ,IAAI;AACf,CAAC;AAEDJ,oBAAoB,CAACkB,GAAG,GAAG,CAACf,MAAM,EAAEgB,MAAM,KAAK;EAC3C;EACA,IAAI,CAAChB,MAAM,IAAI,CAACgB,MAAM,EAAE;IACpB;EACJ;EAEA,MAAMC,WAAW,GAAGC,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,GACnCA,MAAM,CAACI,IAAI,CAAC,CAAC,GACb,CAACJ,MAAM,CAAC;;EAEd;EACA,MAAMK,cAAc,GAAGJ,WAAW,CAC7BK,MAAM,CAACC,KAAK,IAAIA,KAAK,IAAIC,MAAM,CAACC,IAAI,CAACF,KAAK,CAAC,CAACG,MAAM,GAAG,CAAC,CAAC,CACvDN,IAAI,CAAC,CAAC,CACNE,MAAM,CAACK,OAAO,CAAC;EAEpB,IAAIN,cAAc,CAACK,MAAM,GAAG,CAAC,EAAE;IAC3B7B,oBAAoB,CAAC+B,IAAI,CAAC7B,uBAAuB,CAACC,MAAM,CAAC,EAAEqB,cAAc,CAAC;EAC9E;AACJ,CAAC;AAEDxB,oBAAoB,CAACgC,MAAM,GAAG7B,MAAM,IAAI;EACpC,IAAI,CAACA,MAAM,EAAE;IACT;EACJ;EAEAH,oBAAoB,CAACiC,MAAM,CAAC/B,uBAAuB,CAACC,MAAM,CAAC,CAAC;AAChE,CAAC;AAQD,OAAO,MAAM+B,uBAAuB,GAAGlC,oBAA4D","ignoreList":[]}
|
@@ -2,13 +2,15 @@
|
|
2
2
|
|
3
3
|
import { StyleSheet as NativeStyleSheet, processColor } from 'react-native';
|
4
4
|
import { NitroModules } from 'react-native-nitro-modules';
|
5
|
+
import { parseBoxShadowString } from '../../core/parseBoxShadow';
|
5
6
|
const HybridUnistylesStyleSheet = NitroModules.createHybridObject('UnistylesStyleSheet');
|
6
7
|
HybridUnistylesStyleSheet.absoluteFillObject = NativeStyleSheet.absoluteFillObject;
|
7
8
|
HybridUnistylesStyleSheet.absoluteFill = NativeStyleSheet.absoluteFill;
|
8
9
|
HybridUnistylesStyleSheet.flatten = NativeStyleSheet.flatten;
|
9
10
|
HybridUnistylesStyleSheet.compose = NativeStyleSheet.compose;
|
10
11
|
HybridUnistylesStyleSheet.jsMethods = {
|
11
|
-
processColor
|
12
|
+
processColor,
|
13
|
+
parseBoxShadowString
|
12
14
|
};
|
13
15
|
HybridUnistylesStyleSheet.init();
|
14
16
|
export const StyleSheet = HybridUnistylesStyleSheet;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["StyleSheet","NativeStyleSheet","processColor","NitroModules","HybridUnistylesStyleSheet","createHybridObject","absoluteFillObject","absoluteFill","flatten","compose","jsMethods","init"],"sourceRoot":"../../../../src","sources":["specs/StyleSheet/index.ts"],"mappings":";;AAAA,SAASA,UAAU,IAAIC,gBAAgB,EAAEC,YAAY,QAAQ,cAAc;AAE3E,SAASC,YAAY,QAAQ,4BAA4B;
|
1
|
+
{"version":3,"names":["StyleSheet","NativeStyleSheet","processColor","NitroModules","parseBoxShadowString","HybridUnistylesStyleSheet","createHybridObject","absoluteFillObject","absoluteFill","flatten","compose","jsMethods","init"],"sourceRoot":"../../../../src","sources":["specs/StyleSheet/index.ts"],"mappings":";;AAAA,SAASA,UAAU,IAAIC,gBAAgB,EAAEC,YAAY,QAAQ,cAAc;AAE3E,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,oBAAoB,QAAQ,2BAA2B;AAsChE,MAAMC,yBAAyB,GAAGF,YAAY,CACzCG,kBAAkB,CAAsB,qBAAqB,CAAC;AAEnED,yBAAyB,CAACE,kBAAkB,GAAGN,gBAAgB,CAACM,kBAAkB;AAClFF,yBAAyB,CAACG,YAAY,GAAGP,gBAAgB,CAACO,YAAY;AACtEH,yBAAyB,CAACI,OAAO,GAAGR,gBAAgB,CAACQ,OAAO;AAC5DJ,yBAAyB,CAACK,OAAO,GAAGT,gBAAgB,CAACS,OAAO;AAC5DL,yBAAyB,CAACM,SAAS,GAAG;EAClCT,YAAY;EACZE;AACJ,CAAC;AAEDC,yBAAyB,CAACO,IAAI,CAAC,CAAC;AAIhC,OAAO,MAAMZ,UAAU,GAAGK,yBAAsE","ignoreList":[]}
|
package/lib/module/utils.js
CHANGED
@@ -27,10 +27,7 @@ export const copyComponentProperties = (Component, UnistylesComponent) => {
|
|
27
27
|
}
|
28
28
|
UnistylesComponent[key] = value;
|
29
29
|
});
|
30
|
-
|
31
|
-
// Those are not enumerable, so we need to copy them manually
|
32
30
|
UnistylesComponent.displayName = Component.displayName;
|
33
|
-
UnistylesComponent.name = Component.name;
|
34
31
|
return UnistylesComponent;
|
35
32
|
};
|
36
33
|
const IS_UNISTYLES_REGEX = /:([hw])\[(\d+)(?:,\s*(\d+|Infinity))?]/;
|
package/lib/module/utils.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["isDefined","value","undefined","deepMergeObjects","sources","target","filter","forEach","source","Object","keys","key","sourceValue","targetValue","copyComponentProperties","Component","UnistylesComponent","entries","includes","displayName","
|
1
|
+
{"version":3,"names":["isDefined","value","undefined","deepMergeObjects","sources","target","filter","forEach","source","Object","keys","key","sourceValue","targetValue","copyComponentProperties","Component","UnistylesComponent","entries","includes","displayName","IS_UNISTYLES_REGEX","UNISTYLES_WIDTH_REGEX","UNISTYLES_HEIGHT_REGEX","isUnistylesMq","mq","test","parseMq","width","fromW","toW","exec","height","fromH","toH","minWidth","Number","maxWidth","minHeight","maxHeight","isValidMq","parsedMQ","isWidthValid","isHeightValid"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":"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","ignoreList":[]}
|
package/lib/module/web/create.js
CHANGED
@@ -17,7 +17,7 @@ export const create = (stylesheet, id) => {
|
|
17
17
|
__uni__key: key,
|
18
18
|
__uni__stylesheet: stylesheet,
|
19
19
|
__uni__args: args,
|
20
|
-
|
20
|
+
__stylesheetVariants: variants
|
21
21
|
});
|
22
22
|
const createStyleSheetStyles = variants => {
|
23
23
|
const stylesEntries = Object.entries(computedStylesheet).map(([key, value]) => {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["unistyles","assignSecrets","error","isServer","removeInlineStyles","create","stylesheet","id","services","state","isInitialized","config","window","__UNISTYLES_STATE__","init","computedStylesheet","registry","getComputedStylesheet","addSecrets","value","key","args","undefined","variants","__uni__key","__uni__stylesheet","__uni__args","
|
1
|
+
{"version":3,"names":["unistyles","assignSecrets","error","isServer","removeInlineStyles","create","stylesheet","id","services","state","isInitialized","config","window","__UNISTYLES_STATE__","init","computedStylesheet","registry","getComputedStylesheet","addSecrets","value","key","args","undefined","variants","__uni__key","__uni__stylesheet","__uni__args","__stylesheetVariants","createStyleSheetStyles","stylesEntries","Object","entries","map","result","fromEntries","concat","useVariants"],"sourceRoot":"../../../src","sources":["web/create.ts"],"mappings":";;AACA,OAAO,KAAKA,SAAS,MAAM,YAAY;AACvC,SAASC,aAAa,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,kBAAkB,QAAQ,SAAS;AAI5E,OAAO,MAAMC,MAAM,GAAGA,CAACC,UAAiD,EAAEC,EAAW,KAAK;EACtF,IAAI,CAACA,EAAE,EAAE;IACL,MAAML,KAAK,CAAC,uFAAuF,CAAC;EACxG;;EAEA;EACA,IAAI,CAACF,SAAS,CAACQ,QAAQ,CAACC,KAAK,CAACC,aAAa,IAAI,CAACP,QAAQ,CAAC,CAAC,EAAE;IACxD,MAAMQ,MAAM,GAAGC,MAAM,EAAEC,mBAAmB,EAAEF,MAAM;IAElDA,MAAM,IAAIX,SAAS,CAACQ,QAAQ,CAACC,KAAK,CAACK,IAAI,CAACH,MAAM,CAAC;EACnD;EAEA,MAAMI,kBAAkB,GAAGf,SAAS,CAACQ,QAAQ,CAACQ,QAAQ,CAACC,qBAAqB,CAACX,UAAU,CAAC;EACxF,MAAMY,UAAU,GAAGA,CAACC,KAAU,EAAEC,GAAW,EAAEC,IAAI,GAAGC,SAAmC,EAAEC,QAAQ,GAAG,CAAC,CAAa,KAAKtB,aAAa,CAACkB,KAAK,EAAE;IACxIK,UAAU,EAAEJ,GAAG;IACfK,iBAAiB,EAAEnB,UAAU;IAC7BoB,WAAW,EAAEL,IAAI;IACjBM,oBAAoB,EAAEJ;EAC1B,CAAC,CAAC;EAEF,MAAMK,sBAAsB,GAAIL,QAAmB,IAAK;IACpD,MAAMM,aAAa,GAAGC,MAAM,CAACC,OAAO,CAAChB,kBAAkB,CAAC,CAACiB,GAAG,CAAC,CAAC,CAACZ,GAAG,EAAED,KAAK,CAAC,KAAK;MAC3E,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;QAC7B,OAAO,CAACC,GAAG,EAAE,CAAC,GAAGC,IAAgB,KAAK;UAClC,MAAMY,MAAM,GAAG7B,kBAAkB,CAACe,KAAK,CAAC,GAAGE,IAAI,CAAC,CAAC;UAEjD,OAAOH,UAAU,CAACe,MAAM,EAAEb,GAAG,EAAEC,IAAI,EAAEE,QAAQ,CAAC;QAClD,CAAC,CAAC;MACN;MAEA,OAAO,CAACH,GAAG,EAAEF,UAAU,CAACd,kBAAkB,CAACe,KAAK,CAAC,EAAEC,GAAG,EAAEE,SAAS,EAAEC,QAAQ,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,OAAOO,MAAM,CAACI,WAAW,CAACL,aAAa,CAACM,MAAM,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;EAClE,CAAC;EAED,MAAMA,WAAW,GAAG,CAAC,aAAa,EAAGb,QAAkB,IAAK;IACxD,OAAOK,sBAAsB,CAACL,QAAQ,CAAC;EAC3C,CAAC,CAAC;EAEF,OAAOK,sBAAsB,CAAC,CAAC;AACnC,CAAC","ignoreList":[]}
|
@@ -28,8 +28,13 @@ export const convertToCSS = (hash, value, state) => {
|
|
28
28
|
return;
|
29
29
|
}
|
30
30
|
if (typeof styleValue === 'object') {
|
31
|
-
const allBreakpoints = Object.keys(value);
|
32
31
|
Object.entries(styleValue).forEach(([breakpointStyleKey, breakpointStyleValue]) => {
|
32
|
+
const allBreakpoints = Object.entries(value).filter(([_, value]) => {
|
33
|
+
if (typeof value !== 'object' || value === null) {
|
34
|
+
return false;
|
35
|
+
}
|
36
|
+
return breakpointStyleKey in value;
|
37
|
+
}).map(([key]) => key);
|
33
38
|
const mediaQuery = getMediaQuery(styleKey, allBreakpoints);
|
34
39
|
state.set({
|
35
40
|
mediaQuery,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["getMediaQuery","convertToCSS","hash","value","state","Object","entries","forEach","styleKey","styleValue","pseudoClassName","replace","pseudoStyleKey","pseudoStyleValue","allBreakpoints","keys","breakpointStyleKey","breakpointStyleValue","mediaQuery","set","className","propertyKey"],"sourceRoot":"../../../../src","sources":["web/css/core.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,UAAU;AAGxC,OAAO,MAAMC,YAAY,GAAGA,CAACC,IAAY,EAAEC,KAA0B,EAAEC,KAAe,KAAK;EACvFC,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,QAAQ,EAAEC,UAAU,CAAC,KAAK;IACtD,IAAID,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;MACrB,MAAME,eAAe,GAAGF,QAAQ,CAACG,OAAO,CAAC,GAAG,EAAE,GAAGT,IAAI,GAAG,CAAC;MAEzDG,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACK,cAAc,EAAEC,gBAAgB,CAAC,KAAK;QACvE,IAAI,OAAOA,gBAAgB,KAAK,QAAQ,IAAIA,gBAAgB,KAAK,IAAI,EAAE;UACnE,MAAMC,cAAc,GAAGT,MAAM,CAACU,IAAI,CAACN,UAAU,CAAC;UAC9CJ,MAAM,CAACC,OAAO,CAACO,gBAAgB,CAAC,CAACN,OAAO,CAAC,CAAC,CAACS,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;YACrF,MAAMC,UAAU,GAAGlB,aAAa,CAACY,cAAc,EAAEE,cAAc,CAAC;YAEhEV,KAAK,CAACe,GAAG,CAAC;cACND,UAAU;cACVE,SAAS,EAAEV,eAAe;cAC1BW,WAAW,EAAEL,kBAAkB;cAC/Bb,KAAK,EAAEc;YACX,CAAC,CAAC;UACN,CAAC,CAAC;UAEF;QACJ;QAEAb,KAAK,CAACe,GAAG,CAAC;UACNC,SAAS,EAAEV,eAAe;UAC1BW,WAAW,EAAET,cAAc;UAC3BT,KAAK,EAAEU;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEA,IAAI,OAAOJ,UAAU,KAAK,QAAQ,EAAE;
|
1
|
+
{"version":3,"names":["getMediaQuery","convertToCSS","hash","value","state","Object","entries","forEach","styleKey","styleValue","pseudoClassName","replace","pseudoStyleKey","pseudoStyleValue","allBreakpoints","keys","breakpointStyleKey","breakpointStyleValue","mediaQuery","set","className","propertyKey","filter","_","map","key"],"sourceRoot":"../../../../src","sources":["web/css/core.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,UAAU;AAGxC,OAAO,MAAMC,YAAY,GAAGA,CAACC,IAAY,EAAEC,KAA0B,EAAEC,KAAe,KAAK;EACvFC,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,QAAQ,EAAEC,UAAU,CAAC,KAAK;IACtD,IAAID,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;MACrB,MAAME,eAAe,GAAGF,QAAQ,CAACG,OAAO,CAAC,GAAG,EAAE,GAAGT,IAAI,GAAG,CAAC;MAEzDG,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACK,cAAc,EAAEC,gBAAgB,CAAC,KAAK;QACvE,IAAI,OAAOA,gBAAgB,KAAK,QAAQ,IAAIA,gBAAgB,KAAK,IAAI,EAAE;UACnE,MAAMC,cAAc,GAAGT,MAAM,CAACU,IAAI,CAACN,UAAU,CAAC;UAC9CJ,MAAM,CAACC,OAAO,CAACO,gBAAgB,CAAC,CAACN,OAAO,CAAC,CAAC,CAACS,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;YACrF,MAAMC,UAAU,GAAGlB,aAAa,CAACY,cAAc,EAAEE,cAAc,CAAC;YAEhEV,KAAK,CAACe,GAAG,CAAC;cACND,UAAU;cACVE,SAAS,EAAEV,eAAe;cAC1BW,WAAW,EAAEL,kBAAkB;cAC/Bb,KAAK,EAAEc;YACX,CAAC,CAAC;UACN,CAAC,CAAC;UAEF;QACJ;QAEAb,KAAK,CAACe,GAAG,CAAC;UACNC,SAAS,EAAEV,eAAe;UAC1BW,WAAW,EAAET,cAAc;UAC3BT,KAAK,EAAEU;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEA,IAAI,OAAOJ,UAAU,KAAK,QAAQ,EAAE;MAChCJ,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACS,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;QAC/E,MAAMH,cAAc,GAAGT,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CACvCmB,MAAM,CAAC,CAAC,CAACC,CAAC,EAAEpB,KAAK,CAAC,KAAK;UACpB,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,EAAE;YAC7C,OAAO,KAAK;UAChB;UAEA,OAAOa,kBAAkB,IAAIb,KAAK;QACtC,CAAC,CAAC,CACDqB,GAAG,CAAC,CAAC,CAACC,GAAG,CAAC,KAAKA,GAAG,CAAC;QACxB,MAAMP,UAAU,GAAGlB,aAAa,CAACQ,QAAQ,EAAEM,cAAc,CAAC;QAE1DV,KAAK,CAACe,GAAG,CAAC;UACND,UAAU;UACVE,SAAS,EAAElB,IAAI;UACfmB,WAAW,EAAEL,kBAAkB;UAC/Bb,KAAK,EAAEc;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEAb,KAAK,CAACe,GAAG,CAAC;MACNC,SAAS,EAAElB,IAAI;MACfmB,WAAW,EAAEb,QAAQ;MACrBL,KAAK,EAAEM;IACX,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
|
@@ -16,7 +16,7 @@ export class CSSState {
|
|
16
16
|
mainMap = new Map();
|
17
17
|
mqMap = new Map();
|
18
18
|
styleTag = null;
|
19
|
-
|
19
|
+
themesCSS = new Map();
|
20
20
|
constructor(services) {
|
21
21
|
this.services = services;
|
22
22
|
if (isServer()) {
|
@@ -45,6 +45,9 @@ export class CSSState {
|
|
45
45
|
};
|
46
46
|
add = (hash, values) => {
|
47
47
|
convertToCSS(hash, convertUnistyles(values, this.services.runtime), this);
|
48
|
+
this.recreate();
|
49
|
+
};
|
50
|
+
recreate = () => {
|
48
51
|
if (this.styleTag) {
|
49
52
|
this.styleTag.innerText = this.getStyles();
|
50
53
|
}
|
@@ -61,9 +64,9 @@ export class CSSState {
|
|
61
64
|
};
|
62
65
|
Object.entries(values).forEach(([key, value]) => convertToCSS(key, value));
|
63
66
|
if (theme === 'light' || theme === 'dark') {
|
64
|
-
this.
|
67
|
+
this.themesCSS.set(`media ${theme}`, `@media (prefers-color-scheme: ${theme}){:root{${themeVars}}}`);
|
65
68
|
}
|
66
|
-
this.
|
69
|
+
this.themesCSS.set(theme, `:root.${theme}{${themeVars}}`);
|
67
70
|
};
|
68
71
|
remove = hash => {
|
69
72
|
this.mainMap.forEach(styles => {
|
@@ -72,12 +75,12 @@ export class CSSState {
|
|
72
75
|
this.mqMap.forEach(styles => {
|
73
76
|
styles.delete(hash);
|
74
77
|
});
|
75
|
-
|
76
|
-
this.styleTag.innerText = this.getStyles();
|
77
|
-
}
|
78
|
+
this.recreate();
|
78
79
|
};
|
79
80
|
getStyles = () => {
|
80
|
-
let styles = this.
|
81
|
+
let styles = Array.from(this.themesCSS.entries()).reduce((acc, [, themeCss]) => {
|
82
|
+
return acc + themeCss;
|
83
|
+
}, '');
|
81
84
|
const generate = (mediaQuery, secondLevelMap) => {
|
82
85
|
if (mediaQuery) {
|
83
86
|
styles += `${mediaQuery}{`;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["convertUnistyles","hyphenate","isServer","convertToCSS","safeGetMap","map","key","nextLevelMap","get","newMap","Map","set","CSSState","mainMap","mqMap","styleTag","
|
1
|
+
{"version":3,"names":["convertUnistyles","hyphenate","isServer","convertToCSS","safeGetMap","map","key","nextLevelMap","get","newMap","Map","set","CSSState","mainMap","mqMap","styleTag","themesCSS","constructor","services","ssrTag","document","getElementById","createElement","id","head","appendChild","className","propertyKey","value","mediaQuery","isMq","firstLevelMap","secondLevelMap","thirdLevelMap","add","hash","values","runtime","recreate","innerText","getStyles","addTheme","theme","themeVars","prev","Object","entries","forEach","nestedKey","nestedValue","remove","styles","delete","Array","from","reduce","acc","themeCss","generate","undefined","getState","classNames","style","property","mainState","mqState","config","state","getConfig","hydrate","hydrateState","reset","clear"],"sourceRoot":"../../../../src","sources":["web/css/state.ts"],"mappings":"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","ignoreList":[]}
|
@@ -28,6 +28,7 @@ export class UnistylesListener {
|
|
28
28
|
this.emitChange(UnistyleDependency.ColorScheme);
|
29
29
|
if (this.services.runtime.hasAdaptiveThemes) {
|
30
30
|
this.emitChange(UnistyleDependency.Theme);
|
31
|
+
this.emitChange(UnistyleDependency.ThemeName);
|
31
32
|
}
|
32
33
|
});
|
33
34
|
this.services.runtime.lightMedia?.addEventListener('change', event => {
|
@@ -37,6 +38,7 @@ export class UnistylesListener {
|
|
37
38
|
this.emitChange(UnistyleDependency.ColorScheme);
|
38
39
|
if (this.services.runtime.hasAdaptiveThemes) {
|
39
40
|
this.emitChange(UnistyleDependency.Theme);
|
41
|
+
this.emitChange(UnistyleDependency.ThemeName);
|
40
42
|
}
|
41
43
|
});
|
42
44
|
window.addEventListener('orientationchange', () => this.emitChange(UnistyleDependency.Orientation));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["UnistyleDependency","UnistylesListener","isInitialized","listeners","Array","from","length","Object","keys","Set","stylesheetListeners","constructor","services","emitChange","dependency","forEach","listener","initListeners","runtime","darkMedia","addEventListener","event","matches","ColorScheme","hasAdaptiveThemes","Theme","lightMedia","window","Orientation","Dimensions","addListeners","dependencies","add","delete","addStylesheetListeners"],"sourceRoot":"../../../src","sources":["web/listener.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,yBAAyB;AAG5D,OAAO,MAAMC,iBAAiB,CAAC;EACnBC,aAAa,GAAG,KAAK;EACrBC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACR,kBAAkB,CAAC,CAACM,MAAM,GAAG;EAAE,CAAC,EAAE,MAAM,IAAIG,GAAG,CAAe,CAAC,CAAC;EAC7GC,mBAAmB,GAAGN,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACR,kBAAkB,CAAC,CAACM,MAAM,GAAG;EAAE,CAAC,EAAE,MAAM,IAAIG,GAAG,CAAe,CAAC,CAAC;EAE/HE,WAAWA,CAASC,QAA2B,EAAE;IAAA,KAA7BA,QAA2B,GAA3BA,QAA2B;EAAG;EAElDC,UAAU,GAAIC,UAA8B,IAAK;IAC7C,IAAI,CAACJ,mBAAmB,CAACI,UAAU,CAAC,EAAEC,OAAO,CAACC,QAAQ,IAAIA,QAAQ,CAAC,CAAC,CAAC;IACrE,IAAI,CAACb,SAAS,CAACW,UAAU,CAAC,EAAEC,OAAO,CAACC,QAAQ,IAAIA,QAAQ,CAAC,CAAC,CAAC;EAC/D,CAAC;EAEDC,aAAa,GAAGA,CAAA,KAAM;IAClB,IAAI,IAAI,CAACf,aAAa,EAAE;MACpB;IACJ;IAEA,IAAI,CAACA,aAAa,GAAG,IAAI;IAEzB,IAAI,CAACU,QAAQ,CAACM,OAAO,CAACC,SAAS,EAAEC,gBAAgB,CAAC,QAAQ,EAAEC,KAAK,IAAI;MACjE,IAAI,CAACA,KAAK,CAACC,OAAO,EAAE;QAChB;MACJ;MAEA,IAAI,CAACT,UAAU,CAACb,kBAAkB,CAACuB,WAAW,CAAC;MAE/C,IAAI,IAAI,CAACX,QAAQ,CAACM,OAAO,CAACM,iBAAiB,EAAE;QACzC,IAAI,CAACX,UAAU,CAACb,kBAAkB,CAACyB,KAAK,CAAC;
|
1
|
+
{"version":3,"names":["UnistyleDependency","UnistylesListener","isInitialized","listeners","Array","from","length","Object","keys","Set","stylesheetListeners","constructor","services","emitChange","dependency","forEach","listener","initListeners","runtime","darkMedia","addEventListener","event","matches","ColorScheme","hasAdaptiveThemes","Theme","ThemeName","lightMedia","window","Orientation","Dimensions","addListeners","dependencies","add","delete","addStylesheetListeners"],"sourceRoot":"../../../src","sources":["web/listener.ts"],"mappings":"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","ignoreList":[]}
|
@@ -4,7 +4,7 @@ import { UnistyleDependency } from '../specs/NativePlatform';
|
|
4
4
|
import { ColorScheme, Orientation } from '../specs/types';
|
5
5
|
import { WebContentSizeCategory } from '../types';
|
6
6
|
import { NavigationBar, StatusBar } from './mock';
|
7
|
-
import { error, isServer, schemeToTheme } from './utils';
|
7
|
+
import { convertTheme, error, isServer, schemeToTheme } from './utils';
|
8
8
|
export class UnistylesRuntime {
|
9
9
|
lightMedia = this.getLightMedia();
|
10
10
|
darkMedia = this.getDarkMedia();
|
@@ -61,6 +61,12 @@ export class UnistylesRuntime {
|
|
61
61
|
}
|
62
62
|
return screen.orientation.type.includes('portrait') ? Orientation.Portrait : Orientation.Landscape;
|
63
63
|
}
|
64
|
+
get isLandscape() {
|
65
|
+
return this.orientation === Orientation.Landscape;
|
66
|
+
}
|
67
|
+
get isPortrait() {
|
68
|
+
return this.orientation === Orientation.Portrait;
|
69
|
+
}
|
64
70
|
get theme() {
|
65
71
|
return this.getTheme(this.themeName);
|
66
72
|
}
|
@@ -164,7 +170,15 @@ export class UnistylesRuntime {
|
|
164
170
|
if (!oldTheme) {
|
165
171
|
throw error(`Unistyles: You're trying to update theme "${themeName}" but it wasn't registered.`);
|
166
172
|
}
|
167
|
-
|
173
|
+
const newTheme = updater(oldTheme);
|
174
|
+
this.services.state.themes.set(themeName, newTheme);
|
175
|
+
if (this.services.state.CSSVars) {
|
176
|
+
this.services.state.cssThemes.set(themeName, Object.fromEntries(Object.entries(newTheme).map(([key, value]) => {
|
177
|
+
return convertTheme(key, value);
|
178
|
+
})));
|
179
|
+
this.services.registry.css.addTheme(themeName, newTheme);
|
180
|
+
this.services.registry.css.recreate();
|
181
|
+
}
|
168
182
|
};
|
169
183
|
getTheme = (themeName = this.themeName, CSSVars = false) => {
|
170
184
|
const theme = CSSVars ? this.services.state.cssThemes.get(themeName ?? '') : this.services.state.themes.get(themeName ?? '');
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["UnistyleDependency","ColorScheme","Orientation","WebContentSizeCategory","NavigationBar","StatusBar","error","isServer","schemeToTheme","UnistylesRuntime","lightMedia","getLightMedia","darkMedia","getDarkMedia","rootElement","document","querySelector","constructor","services","window","matchMedia","colorScheme","matches","Light","Dark","Unspecified","themeName","state","hasAdaptiveThemes","contentSizeCategory","breakpoints","breakpoint","orientation","Portrait","screen","type","includes","Landscape","theme","getTheme","pixelRatio","devicePixelRatio","width","height","innerWidth","innerHeight","fontScale","insets","top","bottom","left","right","ime","statusBar","rtl","documentElement","dir","navigationBar","miniRuntime","
|
1
|
+
{"version":3,"names":["UnistyleDependency","ColorScheme","Orientation","WebContentSizeCategory","NavigationBar","StatusBar","convertTheme","error","isServer","schemeToTheme","UnistylesRuntime","lightMedia","getLightMedia","darkMedia","getDarkMedia","rootElement","document","querySelector","constructor","services","window","matchMedia","colorScheme","matches","Light","Dark","Unspecified","themeName","state","hasAdaptiveThemes","contentSizeCategory","breakpoints","breakpoint","orientation","Portrait","screen","type","includes","Landscape","isLandscape","isPortrait","theme","getTheme","pixelRatio","devicePixelRatio","width","height","innerWidth","innerHeight","fontScale","insets","top","bottom","left","right","ime","statusBar","rtl","documentElement","dir","navigationBar","miniRuntime","setTheme","oldTheme","listener","emitChange","Theme","ThemeName","CSSVars","classList","remove","add","setAdaptiveThemes","isEnabled","setRootViewBackgroundColor","color","style","backgroundColor","setImmersiveMode","updateTheme","updater","themes","get","newTheme","set","cssThemes","Object","fromEntries","entries","map","key","value","registry","css","addTheme","recreate","Proxy"],"sourceRoot":"../../../src","sources":["web/runtime.ts"],"mappings":"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","ignoreList":[]}
|
@@ -19,7 +19,7 @@ export class UnistylesShadowRegistry {
|
|
19
19
|
this.services = services;
|
20
20
|
}
|
21
21
|
add = (ref, hash) => {
|
22
|
-
if (!(ref instanceof HTMLElement) || !hash) {
|
22
|
+
if (isServer() || !(ref instanceof HTMLElement) || !hash) {
|
23
23
|
return;
|
24
24
|
}
|
25
25
|
this.services.registry.connect(ref, hash);
|
@@ -48,7 +48,7 @@ export class UnistylesShadowRegistry {
|
|
48
48
|
__uni__key,
|
49
49
|
__uni__stylesheet,
|
50
50
|
__uni__args = [],
|
51
|
-
|
51
|
+
__stylesheetVariants: variants
|
52
52
|
} = secrets;
|
53
53
|
const newComputedStylesheet = this.services.registry.getComputedStylesheet(__uni__stylesheet, scopedTheme);
|
54
54
|
const style = newComputedStylesheet[__uni__key];
|
@@ -87,7 +87,8 @@ export class UnistylesShadowRegistry {
|
|
87
87
|
const hashClassname = forChild ? hash.replace(' > *', '') : hash;
|
88
88
|
return {
|
89
89
|
injectedClassName,
|
90
|
-
hash: hashClassname
|
90
|
+
hash: hashClassname,
|
91
|
+
parsedStyles
|
91
92
|
};
|
92
93
|
};
|
93
94
|
setScopedTheme = theme => {
|
@@ -106,5 +107,6 @@ export class UnistylesShadowRegistry {
|
|
106
107
|
this.disposeMap.delete(hash);
|
107
108
|
});
|
108
109
|
};
|
110
|
+
flush = () => {};
|
109
111
|
}
|
110
112
|
//# sourceMappingURL=shadowRegistry.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["UnistyleDependency","deepMergeObjects","extractSecrets","extractUnistyleDependencies","isGeneratedUnistyle","isServer","getVariants","UnistylesShadowRegistry","name","__type","equals","toString","dispose","scopedTheme","undefined","disposeMap","Map","constructor","services","add","ref","hash","HTMLElement","registry","connect","addStyles","unistyles","forChild","firstStyle","getParsedStyles","allStyles","map","unistyle","secrets","Object","keys","length","__uni__key","__uni__stylesheet","__uni__args","
|
1
|
+
{"version":3,"names":["UnistyleDependency","deepMergeObjects","extractSecrets","extractUnistyleDependencies","isGeneratedUnistyle","isServer","getVariants","UnistylesShadowRegistry","name","__type","equals","toString","dispose","scopedTheme","undefined","disposeMap","Map","constructor","services","add","ref","hash","HTMLElement","registry","connect","addStyles","unistyles","forChild","firstStyle","getParsedStyles","allStyles","map","unistyle","secrets","Object","keys","length","__uni__key","__uni__stylesheet","__uni__args","__stylesheetVariants","variants","newComputedStylesheet","getComputedStylesheet","style","result","variantsResult","resultWithVariants","dependencies","addDependenciesToStylesheet","_web","parsedStyles","existingHash","injectedClassNames","_classNames","injectedClassName","Array","isArray","join","filteredDependencies","state","CSSVars","filter","dependency","Theme","set","listener","addListeners","applyStyles","hashClassname","replace","setScopedTheme","theme","getScopedTheme","remove","then","removed","get","delete","flush"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.ts"],"mappings":"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","ignoreList":[]}
|
package/lib/module/web/state.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
import { UnistyleDependency } from '../specs/NativePlatform';
|
4
|
-
import {
|
4
|
+
import { convertTheme, error, isServer, schemeToTheme } from './utils';
|
5
5
|
export class UnistylesState {
|
6
6
|
isInitialized = false;
|
7
7
|
themes = new Map();
|
@@ -48,15 +48,6 @@ export class UnistylesState {
|
|
48
48
|
this.themes.set(themeName, theme);
|
49
49
|
if (CSSVars) {
|
50
50
|
this.services.registry.css.addTheme(themeName, theme);
|
51
|
-
const convertTheme = (key, value, prev = '-') => {
|
52
|
-
if (typeof value === 'object' && value !== null) {
|
53
|
-
return [key, Object.fromEntries(Object.entries(value).map(([nestedKey, nestedValue]) => convertTheme(nestedKey, nestedValue, `${prev}-${key}`)))];
|
54
|
-
}
|
55
|
-
if (typeof value === 'string') {
|
56
|
-
return [key, `var(${prev}-${hyphenate(key)})`];
|
57
|
-
}
|
58
|
-
return [key, value];
|
59
|
-
};
|
60
51
|
this.cssThemes.set(themeName, Object.fromEntries(Object.entries(theme).map(([key, value]) => {
|
61
52
|
return convertTheme(key, value);
|
62
53
|
})));
|