react-native-unistyles 3.0.0-alpha.8 → 3.0.0-beta.1
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/LICENSE +1 -1
- package/README.md +30 -41
- package/Unistyles.podspec +1 -1
- package/android/CMakeLists.txt +22 -45
- package/android/build.gradle +16 -5
- package/android/src/main/cxx/NativeUnistylesModule.cpp +71 -0
- package/android/src/main/cxx/NativeUnistylesModule.h +42 -0
- package/android/src/main/cxx/cpp-adapter.cpp +8 -86
- package/android/src/main/java/com/unistyles/Equatable.kt +61 -0
- package/android/src/main/java/com/unistyles/NativePlatform+android.kt +294 -0
- package/android/src/main/java/com/unistyles/NativePlatform+insets.kt +152 -0
- package/android/src/main/java/com/unistyles/NativePlatform+listener.kt +59 -0
- package/android/src/main/java/com/unistyles/UnistylesModule.kt +51 -0
- package/android/src/main/java/com/unistyles/UnistylesPackage.kt +16 -14
- package/cxx/NativePlatform.h +11 -0
- package/cxx/common/Constants.h +3 -0
- package/cxx/common/Helpers.h +116 -5
- package/cxx/core/HostStyle.cpp +7 -2
- package/cxx/core/HostStyle.h +1 -1
- package/cxx/core/StyleSheet.h +0 -1
- package/cxx/core/Unistyle.h +8 -11
- package/cxx/core/UnistyleData.h +5 -3
- package/cxx/core/UnistyleWrapper.h +108 -13
- package/cxx/core/UnistylesCommitHook.cpp +14 -18
- package/cxx/core/UnistylesCommitHook.h +6 -11
- package/cxx/core/UnistylesCommitShadowNode.h +13 -0
- package/cxx/core/UnistylesMountHook.cpp +28 -0
- package/cxx/core/UnistylesMountHook.h +27 -0
- package/cxx/core/UnistylesRegistry.cpp +109 -48
- package/cxx/core/UnistylesRegistry.h +11 -10
- package/cxx/core/UnistylesState.cpp +29 -8
- package/cxx/core/UnistylesState.h +5 -2
- package/cxx/hybridObjects/HybridNavigationBar.cpp +0 -4
- package/cxx/hybridObjects/HybridNavigationBar.h +3 -4
- package/cxx/hybridObjects/HybridShadowRegistry.cpp +18 -11
- package/cxx/hybridObjects/HybridStatusBar.cpp +0 -4
- package/cxx/hybridObjects/HybridStatusBar.h +3 -4
- package/cxx/hybridObjects/HybridStyleSheet.cpp +145 -19
- package/cxx/hybridObjects/HybridStyleSheet.h +27 -5
- package/cxx/hybridObjects/HybridUnistylesRuntime.cpp +78 -11
- package/cxx/hybridObjects/HybridUnistylesRuntime.h +17 -3
- package/cxx/parser/Parser.cpp +211 -128
- package/cxx/parser/Parser.h +7 -6
- package/cxx/shadowTree/ShadowLeafUpdate.h +3 -1
- package/cxx/shadowTree/ShadowTrafficController.h +71 -0
- package/cxx/shadowTree/ShadowTreeManager.cpp +28 -19
- package/cxx/shadowTree/ShadowTreeManager.h +3 -2
- package/ios/Equatable.swift +2 -1
- package/ios/Extensions.swift +3 -1
- package/ios/NativePlatform+ios.swift +34 -9
- package/ios/NativePlatform+keyboard.swift +83 -0
- package/ios/NativePlatformListener+ios.swift +36 -24
- package/ios/Unistyles.h +1 -0
- package/ios/UnistylesModuleOnLoad.h +8 -2
- package/ios/UnistylesModuleOnLoad.mm +9 -1
- package/lib/commonjs/components/Display.js +18 -0
- package/lib/commonjs/components/Display.js.map +1 -0
- package/lib/commonjs/components/Hide.js +18 -0
- package/lib/commonjs/components/Hide.js.map +1 -0
- package/lib/commonjs/components/Pressable.js +74 -0
- package/lib/commonjs/components/Pressable.js.map +1 -0
- package/lib/commonjs/components/Pressable.web.js +115 -0
- package/lib/commonjs/components/Pressable.web.js.map +1 -0
- package/lib/commonjs/components/index.js +27 -0
- package/lib/commonjs/components/index.js.map +1 -0
- package/lib/commonjs/core/createUnistylesComponent.js +79 -0
- package/lib/commonjs/core/createUnistylesComponent.js.map +1 -0
- package/lib/commonjs/core/createUnistylesComponent.native.js +82 -0
- package/lib/commonjs/core/createUnistylesComponent.native.js.map +1 -0
- package/lib/commonjs/core/getBoundArgs.js +18 -0
- package/lib/commonjs/core/getBoundArgs.js.map +1 -0
- package/lib/commonjs/core/getId.js +9 -0
- package/lib/commonjs/core/getId.js.map +1 -0
- package/lib/commonjs/core/index.js +27 -0
- package/lib/commonjs/core/index.js.map +1 -0
- package/lib/commonjs/hooks/index.js +13 -0
- package/lib/commonjs/hooks/index.js.map +1 -0
- package/lib/commonjs/hooks/useMedia.js +59 -0
- package/lib/commonjs/hooks/useMedia.js.map +1 -0
- package/lib/commonjs/hooks/useMedia.web.js +43 -0
- package/lib/commonjs/hooks/useMedia.web.js.map +1 -0
- package/lib/commonjs/index.js +28 -11
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mq.js +31 -18
- package/lib/commonjs/mq.js.map +1 -1
- package/lib/commonjs/specs/NativePlatform/NativePlatform.nitro.js +1 -0
- package/lib/commonjs/specs/NativePlatform/NativePlatform.nitro.js.map +1 -1
- package/lib/commonjs/specs/NavigtionBar/index.js +0 -15
- package/lib/commonjs/specs/NavigtionBar/index.js.map +1 -1
- package/lib/commonjs/specs/ShadowRegistry/index.js +11 -8
- package/lib/commonjs/specs/ShadowRegistry/index.js.map +1 -1
- package/lib/commonjs/specs/StatusBar/index.js +0 -5
- package/lib/commonjs/specs/StatusBar/index.js.map +1 -1
- package/lib/commonjs/specs/StyleSheet/index.js +1 -0
- package/lib/commonjs/specs/StyleSheet/index.js.map +1 -1
- package/lib/commonjs/specs/TurboUnistyles/NativeTurboUnistyles.js +1 -2
- package/lib/commonjs/specs/TurboUnistyles/NativeTurboUnistyles.js.map +1 -1
- package/lib/commonjs/specs/UnistylesRuntime/index.js +0 -2
- package/lib/commonjs/specs/UnistylesRuntime/index.js.map +1 -1
- package/lib/commonjs/specs/index.js +7 -0
- package/lib/commonjs/specs/index.js.map +1 -1
- package/lib/commonjs/specs/index.web.js +0 -7
- package/lib/commonjs/specs/index.web.js.map +1 -1
- package/lib/commonjs/types/stylesheet.js.map +1 -1
- package/lib/commonjs/utils.js +26 -0
- package/lib/commonjs/utils.js.map +1 -0
- package/lib/commonjs/web/convert/index.js +27 -24
- package/lib/commonjs/web/convert/index.js.map +1 -1
- package/lib/commonjs/web/convert/object/boxShadow.js +59 -0
- package/lib/commonjs/web/convert/object/boxShadow.js.map +1 -0
- package/lib/commonjs/web/convert/object/filter.js +42 -0
- package/lib/commonjs/web/convert/object/filter.js.map +1 -0
- package/lib/commonjs/web/convert/object/index.js +39 -0
- package/lib/commonjs/web/convert/object/index.js.map +1 -0
- package/lib/commonjs/web/convert/object/objectStyle.js +56 -0
- package/lib/commonjs/web/convert/object/objectStyle.js.map +1 -0
- package/lib/commonjs/web/convert/object/transform.js +27 -0
- package/lib/commonjs/web/convert/object/transform.js.map +1 -0
- package/lib/commonjs/web/convert/pseudo.js +10 -0
- package/lib/commonjs/web/convert/pseudo.js.map +1 -0
- package/lib/commonjs/web/convert/{boxShadow.js → shadow/boxShadow.js} +22 -37
- package/lib/commonjs/web/convert/shadow/boxShadow.js.map +1 -0
- package/lib/commonjs/web/convert/shadow/getShadowBreakpoints.js +38 -0
- package/lib/commonjs/web/convert/shadow/getShadowBreakpoints.js.map +1 -0
- package/lib/commonjs/web/convert/shadow/index.js +28 -0
- package/lib/commonjs/web/convert/shadow/index.js.map +1 -0
- package/lib/commonjs/web/convert/{textShadow.js → shadow/textShadow.js} +21 -35
- package/lib/commonjs/web/convert/shadow/textShadow.js.map +1 -0
- package/lib/commonjs/web/convert/style.js +11 -7
- package/lib/commonjs/web/convert/style.js.map +1 -1
- package/lib/commonjs/web/convert/types.js.map +1 -1
- package/lib/commonjs/web/convert/utils.js +8 -4
- package/lib/commonjs/web/convert/utils.js.map +1 -1
- package/lib/commonjs/web/create.js +35 -67
- package/lib/commonjs/web/create.js.map +1 -1
- package/lib/commonjs/web/index.js +18 -7
- package/lib/commonjs/web/index.js.map +1 -1
- package/lib/commonjs/web/listener.js +61 -0
- package/lib/commonjs/web/listener.js.map +1 -0
- package/lib/commonjs/web/mock.js +2 -12
- package/lib/commonjs/web/mock.js.map +1 -1
- package/lib/commonjs/web/registry.js +154 -19
- package/lib/commonjs/web/registry.js.map +1 -1
- package/lib/commonjs/web/runtime.js +22 -13
- package/lib/commonjs/web/runtime.js.map +1 -1
- package/lib/commonjs/web/shadowRegistry.js +143 -0
- package/lib/commonjs/web/shadowRegistry.js.map +1 -0
- package/lib/commonjs/web/state.js +31 -72
- package/lib/commonjs/web/state.js.map +1 -1
- package/lib/commonjs/web/utils/common.js +39 -0
- package/lib/commonjs/web/utils/common.js.map +1 -0
- package/lib/commonjs/web/utils/index.js +28 -0
- package/lib/commonjs/web/utils/index.js.map +1 -0
- package/lib/commonjs/web/utils/unistyle.js +77 -0
- package/lib/commonjs/web/utils/unistyle.js.map +1 -0
- package/lib/commonjs/web/{variants/getVariants.js → variants.js} +2 -2
- package/lib/commonjs/web/variants.js.map +1 -0
- package/lib/module/components/Display.js +13 -0
- package/lib/module/components/Display.js.map +1 -0
- package/lib/module/components/Hide.js +13 -0
- package/lib/module/components/Hide.js.map +1 -0
- package/lib/module/components/Pressable.js +68 -0
- package/lib/module/components/Pressable.js.map +1 -0
- package/lib/module/components/Pressable.web.js +109 -0
- package/lib/module/components/Pressable.web.js.map +1 -0
- package/lib/module/components/index.js +6 -0
- package/lib/module/components/index.js.map +1 -0
- package/lib/module/core/createUnistylesComponent.js +72 -0
- package/lib/module/core/createUnistylesComponent.js.map +1 -0
- package/lib/module/core/createUnistylesComponent.native.js +75 -0
- package/lib/module/core/createUnistylesComponent.native.js.map +1 -0
- package/lib/module/core/getBoundArgs.js +13 -0
- package/lib/module/core/getBoundArgs.js.map +1 -0
- package/lib/module/core/getId.js +4 -0
- package/lib/module/core/getId.js.map +1 -0
- package/lib/module/core/index.js +6 -0
- package/lib/module/core/index.js.map +1 -0
- package/lib/module/hooks/index.js +4 -0
- package/lib/module/hooks/index.js.map +1 -0
- package/lib/module/hooks/useMedia.js +54 -0
- package/lib/module/hooks/useMedia.js.map +1 -0
- package/lib/module/hooks/useMedia.web.js +38 -0
- package/lib/module/hooks/useMedia.web.js.map +1 -0
- package/lib/module/index.js +2 -9
- package/lib/module/index.js.map +1 -1
- package/lib/module/mq.js +27 -17
- package/lib/module/mq.js.map +1 -1
- package/lib/module/specs/NativePlatform/NativePlatform.nitro.js +1 -0
- package/lib/module/specs/NativePlatform/NativePlatform.nitro.js.map +1 -1
- package/lib/module/specs/NavigtionBar/index.js +0 -10
- package/lib/module/specs/NavigtionBar/index.js.map +1 -1
- package/lib/module/specs/ShadowRegistry/index.js +11 -8
- package/lib/module/specs/ShadowRegistry/index.js.map +1 -1
- package/lib/module/specs/StatusBar/index.js +1 -6
- package/lib/module/specs/StatusBar/index.js.map +1 -1
- package/lib/module/specs/StyleSheet/index.js +1 -0
- package/lib/module/specs/StyleSheet/index.js.map +1 -1
- package/lib/module/specs/TurboUnistyles/NativeTurboUnistyles.js +1 -2
- package/lib/module/specs/TurboUnistyles/NativeTurboUnistyles.js.map +1 -1
- package/lib/module/specs/UnistylesRuntime/index.js +0 -2
- package/lib/module/specs/UnistylesRuntime/index.js.map +1 -1
- package/lib/module/specs/index.js +2 -1
- package/lib/module/specs/index.js.map +1 -1
- package/lib/module/specs/index.web.js +0 -1
- package/lib/module/specs/index.web.js.map +1 -1
- package/lib/module/types/stylesheet.js.map +1 -1
- package/lib/module/utils.js +21 -0
- package/lib/module/utils.js.map +1 -0
- package/lib/module/web/convert/index.js +23 -20
- package/lib/module/web/convert/index.js.map +1 -1
- package/lib/module/web/convert/object/boxShadow.js +54 -0
- package/lib/module/web/convert/object/boxShadow.js.map +1 -0
- package/lib/module/web/convert/object/filter.js +37 -0
- package/lib/module/web/convert/object/filter.js.map +1 -0
- package/lib/module/web/convert/object/index.js +6 -0
- package/lib/module/web/convert/object/index.js.map +1 -0
- package/lib/module/web/convert/object/objectStyle.js +51 -0
- package/lib/module/web/convert/object/objectStyle.js.map +1 -0
- package/lib/module/web/convert/object/transform.js +22 -0
- package/lib/module/web/convert/object/transform.js.map +1 -0
- package/lib/module/web/convert/pseudo.js +5 -0
- package/lib/module/web/convert/pseudo.js.map +1 -0
- package/lib/module/web/convert/shadow/boxShadow.js +57 -0
- package/lib/module/web/convert/shadow/boxShadow.js.map +1 -0
- package/lib/module/web/convert/shadow/getShadowBreakpoints.js +33 -0
- package/lib/module/web/convert/shadow/getShadowBreakpoints.js.map +1 -0
- package/lib/module/web/convert/shadow/index.js +5 -0
- package/lib/module/web/convert/shadow/index.js.map +1 -0
- package/lib/module/web/convert/shadow/textShadow.js +54 -0
- package/lib/module/web/convert/shadow/textShadow.js.map +1 -0
- package/lib/module/web/convert/style.js +11 -7
- package/lib/module/web/convert/style.js.map +1 -1
- package/lib/module/web/convert/types.js.map +1 -1
- package/lib/module/web/convert/utils.js +5 -3
- package/lib/module/web/convert/utils.js.map +1 -1
- package/lib/module/web/create.js +37 -69
- package/lib/module/web/create.js.map +1 -1
- package/lib/module/web/index.js +9 -3
- package/lib/module/web/index.js.map +1 -1
- package/lib/module/web/listener.js +57 -0
- package/lib/module/web/listener.js.map +1 -0
- package/lib/module/web/mock.js +1 -11
- package/lib/module/web/mock.js.map +1 -1
- package/lib/module/web/registry.js +155 -20
- package/lib/module/web/registry.js.map +1 -1
- package/lib/module/web/runtime.js +23 -14
- package/lib/module/web/runtime.js.map +1 -1
- package/lib/module/web/shadowRegistry.js +139 -0
- package/lib/module/web/shadowRegistry.js.map +1 -0
- package/lib/module/web/state.js +32 -73
- package/lib/module/web/state.js.map +1 -1
- package/lib/module/web/utils/common.js +28 -0
- package/lib/module/web/utils/common.js.map +1 -0
- package/lib/module/web/utils/index.js +5 -0
- package/lib/module/web/utils/index.js.map +1 -0
- package/lib/module/web/utils/unistyle.js +65 -0
- package/lib/module/web/utils/unistyle.js.map +1 -0
- package/lib/module/web/{variants/getVariants.js → variants.js} +2 -2
- package/lib/module/web/variants.js.map +1 -0
- package/lib/typescript/src/components/Display.d.ts +7 -0
- package/lib/typescript/src/components/Display.d.ts.map +1 -0
- package/lib/typescript/src/components/Hide.d.ts +7 -0
- package/lib/typescript/src/components/Hide.d.ts.map +1 -0
- package/lib/typescript/src/components/Pressable.d.ts +8 -0
- package/lib/typescript/src/components/Pressable.d.ts.map +1 -0
- package/lib/typescript/src/components/Pressable.web.d.ts +14 -0
- package/lib/typescript/src/components/Pressable.web.d.ts.map +1 -0
- package/lib/typescript/src/components/index.d.ts +4 -0
- package/lib/typescript/src/components/index.d.ts.map +1 -0
- package/lib/typescript/src/core/createUnistylesComponent.d.ts +8 -0
- package/lib/typescript/src/core/createUnistylesComponent.d.ts.map +1 -0
- package/lib/typescript/src/core/createUnistylesComponent.native.d.ts +8 -0
- package/lib/typescript/src/core/createUnistylesComponent.native.d.ts.map +1 -0
- package/lib/typescript/src/core/getBoundArgs.d.ts +2 -0
- package/lib/typescript/src/core/getBoundArgs.d.ts.map +1 -0
- package/lib/typescript/src/core/getId.d.ts +2 -0
- package/lib/typescript/src/core/getId.d.ts.map +1 -0
- package/lib/typescript/src/core/index.d.ts +4 -0
- package/lib/typescript/src/core/index.d.ts.map +1 -0
- package/lib/typescript/src/hooks/index.d.ts +2 -0
- package/lib/typescript/src/hooks/index.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useMedia.d.ts +6 -0
- package/lib/typescript/src/hooks/useMedia.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useMedia.web.d.ts +6 -0
- package/lib/typescript/src/hooks/useMedia.web.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +3 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/mq.d.ts +8 -0
- package/lib/typescript/src/mq.d.ts.map +1 -1
- package/lib/typescript/src/specs/NativePlatform/NativePlatform.nitro.d.ts +8 -6
- package/lib/typescript/src/specs/NativePlatform/NativePlatform.nitro.d.ts.map +1 -1
- package/lib/typescript/src/specs/NavigtionBar/UnistylesNavigationBar.nitro.d.ts +0 -1
- package/lib/typescript/src/specs/NavigtionBar/UnistylesNavigationBar.nitro.d.ts.map +1 -1
- package/lib/typescript/src/specs/NavigtionBar/index.d.ts +1 -10
- package/lib/typescript/src/specs/NavigtionBar/index.d.ts.map +1 -1
- package/lib/typescript/src/specs/ShadowRegistry/index.d.ts +4 -4
- package/lib/typescript/src/specs/ShadowRegistry/index.d.ts.map +1 -1
- package/lib/typescript/src/specs/ShadowRegistry/types.d.ts +4 -0
- package/lib/typescript/src/specs/ShadowRegistry/types.d.ts.map +1 -1
- package/lib/typescript/src/specs/StatusBar/UnistylesStatusBar.nitro.d.ts +0 -1
- package/lib/typescript/src/specs/StatusBar/UnistylesStatusBar.nitro.d.ts.map +1 -1
- package/lib/typescript/src/specs/StatusBar/index.d.ts +2 -4
- package/lib/typescript/src/specs/StatusBar/index.d.ts.map +1 -1
- package/lib/typescript/src/specs/StyleSheet/UnistylesStyleSheet.nitro.d.ts +3 -1
- package/lib/typescript/src/specs/StyleSheet/UnistylesStyleSheet.nitro.d.ts.map +1 -1
- package/lib/typescript/src/specs/StyleSheet/index.d.ts +5 -3
- package/lib/typescript/src/specs/StyleSheet/index.d.ts.map +1 -1
- package/lib/typescript/src/specs/UnistylesRuntime/UnistylesRuntime.nitro.d.ts +1 -1
- package/lib/typescript/src/specs/UnistylesRuntime/UnistylesRuntime.nitro.d.ts.map +1 -1
- package/lib/typescript/src/specs/UnistylesRuntime/index.d.ts +4 -2
- package/lib/typescript/src/specs/UnistylesRuntime/index.d.ts.map +1 -1
- package/lib/typescript/src/specs/index.d.ts +4 -2
- package/lib/typescript/src/specs/index.d.ts.map +1 -1
- package/lib/typescript/src/specs/index.web.d.ts +0 -2
- package/lib/typescript/src/specs/index.web.d.ts.map +1 -1
- package/lib/typescript/src/types/breakpoints.d.ts +11 -11
- package/lib/typescript/src/types/breakpoints.d.ts.map +1 -1
- package/lib/typescript/src/types/common.d.ts +2 -0
- package/lib/typescript/src/types/common.d.ts.map +1 -1
- package/lib/typescript/src/types/index.d.ts +2 -2
- package/lib/typescript/src/types/index.d.ts.map +1 -1
- package/lib/typescript/src/types/stylesheet.d.ts +6 -4
- package/lib/typescript/src/types/stylesheet.d.ts.map +1 -1
- package/lib/typescript/src/types/variants.d.ts +4 -1
- package/lib/typescript/src/types/variants.d.ts.map +1 -1
- package/lib/typescript/src/utils.d.ts +2 -0
- package/lib/typescript/src/utils.d.ts.map +1 -0
- package/lib/typescript/src/web/convert/index.d.ts +1 -2
- package/lib/typescript/src/web/convert/index.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/object/boxShadow.d.ts +9 -0
- package/lib/typescript/src/web/convert/object/boxShadow.d.ts.map +1 -0
- package/lib/typescript/src/web/convert/object/filter.d.ts +3 -0
- package/lib/typescript/src/web/convert/object/filter.d.ts.map +1 -0
- package/lib/typescript/src/web/convert/object/index.d.ts +4 -0
- package/lib/typescript/src/web/convert/object/index.d.ts.map +1 -0
- package/lib/typescript/src/web/convert/object/objectStyle.d.ts +5 -0
- package/lib/typescript/src/web/convert/object/objectStyle.d.ts.map +1 -0
- package/lib/typescript/src/web/convert/object/transform.d.ts +3 -0
- package/lib/typescript/src/web/convert/object/transform.d.ts.map +1 -0
- package/lib/typescript/src/web/convert/pseudo.d.ts +6 -0
- package/lib/typescript/src/web/convert/pseudo.d.ts.map +1 -0
- package/lib/typescript/src/web/convert/shadow/boxShadow.d.ts +8 -0
- package/lib/typescript/src/web/convert/shadow/boxShadow.d.ts.map +1 -0
- package/lib/typescript/src/web/convert/shadow/getShadowBreakpoints.d.ts +2 -0
- package/lib/typescript/src/web/convert/shadow/getShadowBreakpoints.d.ts.map +1 -0
- package/lib/typescript/src/web/convert/shadow/index.d.ts +3 -0
- package/lib/typescript/src/web/convert/shadow/index.d.ts.map +1 -0
- package/lib/typescript/src/web/convert/shadow/textShadow.d.ts +8 -0
- package/lib/typescript/src/web/convert/shadow/textShadow.d.ts.map +1 -0
- package/lib/typescript/src/web/convert/style.d.ts +1 -2
- package/lib/typescript/src/web/convert/style.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/types.d.ts +7 -1
- package/lib/typescript/src/web/convert/types.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/utils.d.ts +8 -4
- package/lib/typescript/src/web/convert/utils.d.ts.map +1 -1
- package/lib/typescript/src/web/create.d.ts +215 -1221
- package/lib/typescript/src/web/create.d.ts.map +1 -1
- package/lib/typescript/src/web/index.d.ts +223 -1222
- package/lib/typescript/src/web/index.d.ts.map +1 -1
- package/lib/typescript/src/web/{listener/listener.d.ts → listener.d.ts} +5 -2
- package/lib/typescript/src/web/listener.d.ts.map +1 -0
- package/lib/typescript/src/web/mock.d.ts +0 -9
- package/lib/typescript/src/web/mock.d.ts.map +1 -1
- package/lib/typescript/src/web/registry.d.ts +18 -6
- package/lib/typescript/src/web/registry.d.ts.map +1 -1
- package/lib/typescript/src/web/runtime.d.ts +6 -5
- package/lib/typescript/src/web/runtime.d.ts.map +1 -1
- package/lib/typescript/src/web/shadowRegistry.d.ts +17 -0
- package/lib/typescript/src/web/shadowRegistry.d.ts.map +1 -0
- package/lib/typescript/src/web/state.d.ts +3 -9
- package/lib/typescript/src/web/state.d.ts.map +1 -1
- package/lib/typescript/src/web/utils/common.d.ts +8 -0
- package/lib/typescript/src/web/utils/common.d.ts.map +1 -0
- package/lib/typescript/src/web/utils/index.d.ts +3 -0
- package/lib/typescript/src/web/utils/index.d.ts.map +1 -0
- package/lib/typescript/src/web/utils/unistyle.d.ts +19 -0
- package/lib/typescript/src/web/utils/unistyle.d.ts.map +1 -0
- package/lib/typescript/src/web/{variants/getVariants.d.ts → variants.d.ts} +2 -2
- package/lib/typescript/src/web/variants.d.ts.map +1 -0
- package/nitrogen/generated/android/c++/JColorScheme.hpp +2 -2
- package/nitrogen/generated/android/c++/JFunc_void_UnistylesNativeMiniRuntime.hpp +57 -0
- package/nitrogen/generated/android/c++/JFunc_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime.hpp +69 -0
- package/nitrogen/generated/android/c++/JHybridNativePlatformSpec.cpp +35 -34
- package/nitrogen/generated/android/c++/JHybridNativePlatformSpec.hpp +15 -6
- package/nitrogen/generated/android/c++/JOrientation.hpp +2 -2
- package/nitrogen/generated/android/c++/JUnistyleDependency.hpp +5 -2
- package/nitrogen/generated/android/c++/JUnistylesNativeMiniRuntime.hpp +9 -7
- package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/ColorScheme.kt +5 -1
- package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/Dimensions.kt +1 -0
- package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/{Func_void_std__vector_UnistyleDependency_.kt → Func_void_UnistylesNativeMiniRuntime.kt} +6 -5
- package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime.kt +46 -0
- package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/HybridNativePlatformSpec.kt +25 -13
- package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/Insets.kt +1 -0
- package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/Orientation.kt +5 -1
- package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/UnistyleDependency.kt +6 -1
- package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/UnistylesNativeMiniRuntime.kt +3 -1
- package/nitrogen/generated/android/unistyles+autolinking.cmake +13 -1
- package/nitrogen/generated/android/unistyles+autolinking.gradle +2 -0
- package/nitrogen/generated/android/{UnistylesOnLoad.cpp → unistylesOnLoad.cpp} +6 -4
- package/nitrogen/generated/android/{UnistylesOnLoad.hpp → unistylesOnLoad.hpp} +1 -1
- package/nitrogen/generated/ios/Unistyles+autolinking.rb +6 -4
- package/nitrogen/generated/ios/Unistyles-Swift-Cxx-Bridge.cpp +25 -0
- package/nitrogen/generated/ios/Unistyles-Swift-Cxx-Bridge.hpp +73 -38
- package/nitrogen/generated/ios/Unistyles-Swift-Cxx-Umbrella.hpp +1 -30
- package/nitrogen/generated/ios/c++/HybridNativePlatformSpecSwift.hpp +8 -8
- package/nitrogen/generated/ios/swift/HybridNativePlatformSpec.swift +4 -16
- package/nitrogen/generated/ios/swift/HybridNativePlatformSpecCxx.swift +156 -115
- package/nitrogen/generated/ios/swift/UnistyleDependency.swift +4 -0
- package/nitrogen/generated/ios/swift/UnistylesNativeMiniRuntime.swift +16 -5
- package/nitrogen/generated/shared/c++/ColorScheme.hpp +2 -2
- package/nitrogen/generated/shared/c++/HybridNativePlatformSpec.cpp +2 -2
- package/nitrogen/generated/shared/c++/HybridNativePlatformSpec.hpp +6 -3
- package/nitrogen/generated/shared/c++/HybridUnistylesNavigationBarSpec.cpp +0 -1
- package/nitrogen/generated/shared/c++/HybridUnistylesNavigationBarSpec.hpp +3 -1
- package/nitrogen/generated/shared/c++/HybridUnistylesRuntimeSpec.cpp +1 -0
- package/nitrogen/generated/shared/c++/HybridUnistylesRuntimeSpec.hpp +5 -0
- package/nitrogen/generated/shared/c++/HybridUnistylesShadowRegistrySpec.hpp +3 -0
- package/nitrogen/generated/shared/c++/HybridUnistylesStatusBarSpec.cpp +0 -1
- package/nitrogen/generated/shared/c++/HybridUnistylesStatusBarSpec.hpp +3 -1
- package/nitrogen/generated/shared/c++/HybridUnistylesStyleSheetSpec.cpp +2 -1
- package/nitrogen/generated/shared/c++/HybridUnistylesStyleSheetSpec.hpp +10 -4
- package/nitrogen/generated/shared/c++/Orientation.hpp +2 -2
- package/nitrogen/generated/shared/c++/UnistyleDependency.hpp +2 -1
- package/nitrogen/generated/shared/c++/UnistylesCxxMiniRuntime.hpp +10 -9
- package/nitrogen/generated/shared/c++/UnistylesNativeMiniRuntime.hpp +9 -8
- package/package.json +24 -37
- package/plugin/common.js +27 -2
- package/plugin/import.js +29 -3
- package/plugin/index.js +104 -15
- package/plugin/ref.js +58 -44
- package/plugin/style.js +443 -9
- package/plugin/stylesheet.js +10 -3
- package/src/components/Display.tsx +12 -0
- package/src/components/Hide.tsx +12 -0
- package/src/components/Pressable.tsx +89 -0
- package/src/components/Pressable.web.tsx +129 -0
- package/src/components/index.ts +3 -0
- package/src/core/createUnistylesComponent.native.tsx +83 -0
- package/src/core/createUnistylesComponent.tsx +84 -0
- package/src/core/getBoundArgs.ts +15 -0
- package/src/core/getId.ts +1 -0
- package/src/core/index.ts +3 -0
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useMedia.ts +64 -0
- package/src/hooks/useMedia.web.ts +47 -0
- package/src/index.ts +3 -12
- package/src/mq.ts +33 -15
- package/src/specs/NativePlatform/NativePlatform.nitro.ts +8 -6
- package/src/specs/NavigtionBar/UnistylesNavigationBar.nitro.ts +0 -1
- package/src/specs/NavigtionBar/index.ts +1 -25
- package/src/specs/ShadowRegistry/index.ts +17 -12
- package/src/specs/ShadowRegistry/types.ts +6 -2
- package/src/specs/StatusBar/UnistylesStatusBar.nitro.ts +0 -1
- package/src/specs/StatusBar/index.ts +2 -12
- package/src/specs/StyleSheet/UnistylesStyleSheet.nitro.ts +4 -1
- package/src/specs/StyleSheet/index.ts +7 -3
- package/src/specs/TurboUnistyles/NativeTurboUnistyles.ts +1 -2
- package/src/specs/UnistylesRuntime/UnistylesRuntime.nitro.ts +2 -2
- package/src/specs/UnistylesRuntime/index.ts +4 -3
- package/src/specs/index.ts +6 -2
- package/src/specs/index.web.ts +0 -4
- package/src/types/breakpoints.ts +25 -13
- package/src/types/common.ts +2 -0
- package/src/types/index.ts +2 -2
- package/src/types/stylesheet.ts +7 -5
- package/src/types/variants.ts +7 -1
- package/src/utils.ts +22 -0
- package/src/web/convert/index.ts +24 -24
- package/src/web/convert/object/boxShadow.ts +55 -0
- package/src/web/convert/object/filter.ts +39 -0
- package/src/web/convert/object/index.ts +3 -0
- package/src/web/convert/object/objectStyle.ts +69 -0
- package/src/web/convert/object/transform.ts +24 -0
- package/src/web/convert/pseudo.ts +137 -0
- package/src/web/convert/shadow/boxShadow.ts +50 -0
- package/src/web/convert/shadow/getShadowBreakpoints.ts +34 -0
- package/src/web/convert/shadow/index.ts +2 -0
- package/src/web/convert/shadow/textShadow.ts +48 -0
- package/src/web/convert/style.ts +61 -10
- package/src/web/convert/types.ts +8 -1
- package/src/web/convert/utils.ts +13 -7
- package/src/web/create.ts +35 -83
- package/src/web/index.ts +9 -4
- package/src/web/listener.ts +65 -0
- package/src/web/mock.ts +1 -12
- package/src/web/registry.ts +202 -28
- package/src/web/runtime.ts +29 -18
- package/src/web/shadowRegistry.ts +149 -0
- package/src/web/state.ts +52 -87
- package/src/web/utils/common.ts +45 -0
- package/src/web/utils/index.ts +2 -0
- package/src/web/utils/unistyle.ts +94 -0
- package/src/web/{variants/getVariants.ts → variants.ts} +2 -2
- package/android/src/main/cxx/helpers.cpp +0 -105
- package/android/src/main/cxx/helpers.h +0 -16
- package/android/src/main/cxx/platform.cpp +0 -170
- package/android/src/main/cxx/platform.h +0 -20
- package/lib/commonjs/web/convert/boxShadow.js.map +0 -1
- package/lib/commonjs/web/convert/breakpoint.js +0 -25
- package/lib/commonjs/web/convert/breakpoint.js.map +0 -1
- package/lib/commonjs/web/convert/shadow.js +0 -68
- package/lib/commonjs/web/convert/shadow.js.map +0 -1
- package/lib/commonjs/web/convert/textShadow.js.map +0 -1
- package/lib/commonjs/web/convert/transform.js +0 -72
- package/lib/commonjs/web/convert/transform.js.map +0 -1
- package/lib/commonjs/web/listener/index.js +0 -13
- package/lib/commonjs/web/listener/index.js.map +0 -1
- package/lib/commonjs/web/listener/listener.js +0 -36
- package/lib/commonjs/web/listener/listener.js.map +0 -1
- package/lib/commonjs/web/mq.js +0 -23
- package/lib/commonjs/web/mq.js.map +0 -1
- package/lib/commonjs/web/pseudo.js +0 -11
- package/lib/commonjs/web/pseudo.js.map +0 -1
- package/lib/commonjs/web/utils.js +0 -78
- package/lib/commonjs/web/utils.js.map +0 -1
- package/lib/commonjs/web/variants/getVariants.js.map +0 -1
- package/lib/commonjs/web/variants/index.js +0 -28
- package/lib/commonjs/web/variants/index.js.map +0 -1
- package/lib/commonjs/web/variants/useVariants.js +0 -75
- package/lib/commonjs/web/variants/useVariants.js.map +0 -1
- package/lib/module/web/convert/boxShadow.js +0 -72
- package/lib/module/web/convert/boxShadow.js.map +0 -1
- package/lib/module/web/convert/breakpoint.js +0 -20
- package/lib/module/web/convert/breakpoint.js.map +0 -1
- package/lib/module/web/convert/shadow.js +0 -63
- package/lib/module/web/convert/shadow.js.map +0 -1
- package/lib/module/web/convert/textShadow.js +0 -68
- package/lib/module/web/convert/textShadow.js.map +0 -1
- package/lib/module/web/convert/transform.js +0 -67
- package/lib/module/web/convert/transform.js.map +0 -1
- package/lib/module/web/listener/index.js +0 -4
- package/lib/module/web/listener/index.js.map +0 -1
- package/lib/module/web/listener/listener.js +0 -31
- package/lib/module/web/listener/listener.js.map +0 -1
- package/lib/module/web/mq.js +0 -17
- package/lib/module/web/mq.js.map +0 -1
- package/lib/module/web/pseudo.js +0 -6
- package/lib/module/web/pseudo.js.map +0 -1
- package/lib/module/web/utils.js +0 -65
- package/lib/module/web/utils.js.map +0 -1
- package/lib/module/web/variants/getVariants.js.map +0 -1
- package/lib/module/web/variants/index.js +0 -5
- package/lib/module/web/variants/index.js.map +0 -1
- package/lib/module/web/variants/useVariants.js +0 -70
- package/lib/module/web/variants/useVariants.js.map +0 -1
- package/lib/typescript/example/App.d.ts +0 -4
- package/lib/typescript/example/App.d.ts.map +0 -1
- package/lib/typescript/example/Typography.d.ts +0 -11
- package/lib/typescript/example/Typography.d.ts.map +0 -1
- package/lib/typescript/example/unistyles.d.ts +0 -63
- package/lib/typescript/example/unistyles.d.ts.map +0 -1
- package/lib/typescript/expo-example/App.d.ts +0 -4
- package/lib/typescript/expo-example/App.d.ts.map +0 -1
- package/lib/typescript/expo-example/unistyles.d.ts +0 -63
- package/lib/typescript/expo-example/unistyles.d.ts.map +0 -1
- package/lib/typescript/src/web/convert/boxShadow.d.ts +0 -3
- package/lib/typescript/src/web/convert/boxShadow.d.ts.map +0 -1
- package/lib/typescript/src/web/convert/breakpoint.d.ts +0 -3
- package/lib/typescript/src/web/convert/breakpoint.d.ts.map +0 -1
- package/lib/typescript/src/web/convert/shadow.d.ts +0 -2
- package/lib/typescript/src/web/convert/shadow.d.ts.map +0 -1
- package/lib/typescript/src/web/convert/textShadow.d.ts +0 -3
- package/lib/typescript/src/web/convert/textShadow.d.ts.map +0 -1
- package/lib/typescript/src/web/convert/transform.d.ts +0 -5
- package/lib/typescript/src/web/convert/transform.d.ts.map +0 -1
- package/lib/typescript/src/web/listener/index.d.ts +0 -2
- package/lib/typescript/src/web/listener/index.d.ts.map +0 -1
- package/lib/typescript/src/web/listener/listener.d.ts.map +0 -1
- package/lib/typescript/src/web/mq.d.ts +0 -4
- package/lib/typescript/src/web/mq.d.ts.map +0 -1
- package/lib/typescript/src/web/pseudo.d.ts +0 -4
- package/lib/typescript/src/web/pseudo.d.ts.map +0 -1
- package/lib/typescript/src/web/utils.d.ts +0 -20
- package/lib/typescript/src/web/utils.d.ts.map +0 -1
- package/lib/typescript/src/web/variants/getVariants.d.ts.map +0 -1
- package/lib/typescript/src/web/variants/index.d.ts +0 -3
- package/lib/typescript/src/web/variants/index.d.ts.map +0 -1
- package/lib/typescript/src/web/variants/useVariants.d.ts +0 -3
- package/lib/typescript/src/web/variants/useVariants.d.ts.map +0 -1
- package/nitrogen/generated/android/c++/JFunc_void_std__vector_UnistyleDependency_.hpp +0 -60
- package/plugin/__tests__/dependencies.spec.js +0 -438
- package/plugin/__tests__/ref.spec.js +0 -1181
- package/plugin/__tests__/stylesheet.spec.js +0 -489
- package/src/web/convert/boxShadow.ts +0 -72
- package/src/web/convert/breakpoint.ts +0 -21
- package/src/web/convert/shadow.ts +0 -68
- package/src/web/convert/textShadow.ts +0 -69
- package/src/web/convert/transform.ts +0 -89
- package/src/web/listener/index.ts +0 -1
- package/src/web/listener/listener.ts +0 -33
- package/src/web/mq.ts +0 -19
- package/src/web/pseudo.ts +0 -11
- package/src/web/utils.ts +0 -95
- package/src/web/variants/index.ts +0 -2
- package/src/web/variants/useVariants.ts +0 -79
- /package/nitrogen/generated/android/{UnistylesOnLoad.kt → unistylesOnLoad.kt} +0 -0
@@ -0,0 +1,65 @@
|
|
1
|
+
import { UnistyleDependency } from '../specs/NativePlatform'
|
2
|
+
import { UnistylesRuntime } from './runtime'
|
3
|
+
|
4
|
+
class UnistylesListenerBuilder {
|
5
|
+
private isInitialized = false
|
6
|
+
private listeners = Array.from({ length: Object.keys(UnistyleDependency).length / 2 }, () => new Set<VoidFunction>())
|
7
|
+
private stylesheetListeners = Array.from({ length: Object.keys(UnistyleDependency).length / 2 }, () => new Set<VoidFunction>())
|
8
|
+
|
9
|
+
emitChange = (dependency: UnistyleDependency) => {
|
10
|
+
this.stylesheetListeners[dependency]?.forEach(listener => listener())
|
11
|
+
this.listeners[dependency]?.forEach(listener => listener())
|
12
|
+
}
|
13
|
+
|
14
|
+
initListeners = () => {
|
15
|
+
if (this.isInitialized) {
|
16
|
+
return
|
17
|
+
}
|
18
|
+
|
19
|
+
this.isInitialized = true
|
20
|
+
|
21
|
+
UnistylesRuntime.darkMedia?.addEventListener('change', event => {
|
22
|
+
if (!event.matches) {
|
23
|
+
return
|
24
|
+
}
|
25
|
+
|
26
|
+
this.emitChange(UnistyleDependency.ColorScheme)
|
27
|
+
|
28
|
+
if (UnistylesRuntime.hasAdaptiveThemes) {
|
29
|
+
this.emitChange(UnistyleDependency.Theme)
|
30
|
+
}
|
31
|
+
})
|
32
|
+
UnistylesRuntime.lightMedia?.addEventListener('change', event => {
|
33
|
+
if (!event.matches) {
|
34
|
+
return
|
35
|
+
}
|
36
|
+
|
37
|
+
this.emitChange(UnistyleDependency.ColorScheme)
|
38
|
+
|
39
|
+
if (UnistylesRuntime.hasAdaptiveThemes) {
|
40
|
+
this.emitChange(UnistyleDependency.Theme)
|
41
|
+
}
|
42
|
+
})
|
43
|
+
|
44
|
+
window.addEventListener('orientationchange', () => this.emitChange(UnistyleDependency.Orientation))
|
45
|
+
window.addEventListener('resize', () => this.emitChange(UnistyleDependency.Dimensions))
|
46
|
+
}
|
47
|
+
|
48
|
+
addListeners = (dependencies: Array<UnistyleDependency>, listener: VoidFunction) => {
|
49
|
+
dependencies.forEach(dependency => this.listeners[dependency]?.add(listener))
|
50
|
+
|
51
|
+
return () => {
|
52
|
+
dependencies.forEach(dependency => this.listeners[dependency]?.delete(listener))
|
53
|
+
}
|
54
|
+
}
|
55
|
+
|
56
|
+
addStylesheetListeners = (dependencies: Array<UnistyleDependency>, listener: VoidFunction) => {
|
57
|
+
dependencies.forEach(dependency => this.stylesheetListeners[dependency]?.add(listener))
|
58
|
+
|
59
|
+
return () => {
|
60
|
+
dependencies.forEach(dependency => this.stylesheetListeners[dependency]?.delete(listener))
|
61
|
+
}
|
62
|
+
}
|
63
|
+
}
|
64
|
+
|
65
|
+
export const UnistylesListener = new UnistylesListenerBuilder()
|
package/src/web/mock.ts
CHANGED
@@ -6,7 +6,6 @@ export const StatusBar: StatusBarSpec = {
|
|
6
6
|
height: 0,
|
7
7
|
setStyle: () => {},
|
8
8
|
setHidden: () => {},
|
9
|
-
setBackgroundColor: () => {},
|
10
9
|
equals: () => true,
|
11
10
|
toString: () => 'StatusBar',
|
12
11
|
__type: 'web',
|
@@ -17,19 +16,9 @@ export const NavigationBar: NavigationBarSpec = {
|
|
17
16
|
width: 0,
|
18
17
|
height: 0,
|
19
18
|
setHidden: () => {},
|
20
|
-
setBackgroundColor: () => {},
|
21
19
|
equals: () => true,
|
20
|
+
dispose: () => {},
|
22
21
|
toString: () => 'NavigationBar',
|
23
22
|
__type: 'web',
|
24
23
|
name: 'NavigationBar'
|
25
24
|
}
|
26
|
-
|
27
|
-
export const UnistylesShadowRegistry = {
|
28
|
-
name: 'UnistylesShadowRegistry',
|
29
|
-
__type: 'web',
|
30
|
-
equals: () => true,
|
31
|
-
toString: () => 'UnistylesShadowRegistry',
|
32
|
-
dispose: () => {},
|
33
|
-
add: () => {},
|
34
|
-
remove: () => {},
|
35
|
-
}
|
package/src/web/registry.ts
CHANGED
@@ -1,40 +1,214 @@
|
|
1
|
-
import {
|
2
|
-
import type {
|
3
|
-
import {
|
4
|
-
import {
|
1
|
+
import type { UnistylesTheme, UnistylesValues } from '../types'
|
2
|
+
import type { StyleSheet, StyleSheetWithSuperPowers } from '../types/stylesheet'
|
3
|
+
import { UnistylesRuntime } from './runtime'
|
4
|
+
import { extractMediaQueryValue, keyInObject, getMediaQuery, generateHash, extractUnistyleDependencies } from './utils'
|
5
|
+
import { UnistylesListener } from './listener'
|
6
|
+
import { convertUnistyles } from './convert'
|
7
|
+
import type { UnistyleDependency } from '../specs/NativePlatform'
|
8
|
+
import type { UnistylesMiniRuntime } from '../specs'
|
9
|
+
|
10
|
+
type ApplyRuleProps = {
|
11
|
+
hash: string,
|
12
|
+
key: string,
|
13
|
+
value: any,
|
14
|
+
sheet: CSSStyleSheet | CSSMediaRule
|
15
|
+
}
|
16
|
+
|
17
|
+
type RemoveReadonlyStyleKeys<T extends string> = T extends 'length' | 'parentRule' ? never : T
|
5
18
|
|
6
19
|
class UnistylesRegistryBuilder {
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
if (
|
17
|
-
const
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
20
|
+
private readonly stylesheets = new Map<StyleSheetWithSuperPowers<StyleSheet>, StyleSheet>()
|
21
|
+
private readonly stylesCounter = new Map<string, Set<UnistylesValues>>()
|
22
|
+
#styleTag: HTMLStyleElement | null = null
|
23
|
+
private readonly disposeListenersMap = new Map<object, VoidFunction>()
|
24
|
+
private readonly dependenciesMap = new Map<StyleSheetWithSuperPowers<StyleSheet>, Set<UnistyleDependency>>()
|
25
|
+
|
26
|
+
private get styleTag() {
|
27
|
+
const tag = this.#styleTag
|
28
|
+
|
29
|
+
if (!tag) {
|
30
|
+
const newTag = document.createElement('style')
|
31
|
+
|
32
|
+
newTag.id = 'unistyles-web'
|
33
|
+
this.#styleTag = newTag
|
34
|
+
document.head.appendChild(newTag)
|
35
|
+
|
36
|
+
return newTag
|
37
|
+
}
|
38
|
+
|
39
|
+
return tag
|
40
|
+
}
|
41
|
+
|
42
|
+
getComputedStylesheet = (stylesheet: StyleSheetWithSuperPowers<StyleSheet>) => {
|
43
|
+
if (typeof stylesheet !== 'function') {
|
44
|
+
return stylesheet
|
45
|
+
}
|
46
|
+
|
47
|
+
const computedStylesheet = this.stylesheets.get(stylesheet)
|
48
|
+
|
49
|
+
if (computedStylesheet) {
|
50
|
+
return computedStylesheet
|
51
|
+
}
|
52
|
+
|
53
|
+
const createdStylesheet = stylesheet(UnistylesRuntime.theme, UnistylesRuntime.miniRuntime)
|
54
|
+
const dependencies = Object.values(createdStylesheet).flatMap(value => extractUnistyleDependencies(value))
|
55
|
+
|
56
|
+
this.addDependenciesToStylesheet(stylesheet, dependencies)
|
57
|
+
this.stylesheets.set(stylesheet, createdStylesheet)
|
58
|
+
|
59
|
+
return createdStylesheet
|
60
|
+
}
|
61
|
+
|
62
|
+
addDependenciesToStylesheet = (stylesheet: (theme: UnistylesTheme, miniRuntime: UnistylesMiniRuntime) => StyleSheet, dependencies: Array<UnistyleDependency>) => {
|
63
|
+
this.disposeListenersMap.get(stylesheet)?.()
|
64
|
+
|
65
|
+
const dependenciesMap = this.dependenciesMap.get(stylesheet) ?? new Set(dependencies)
|
66
|
+
|
67
|
+
dependencies.forEach(dependency => dependenciesMap.add(dependency))
|
68
|
+
|
69
|
+
const dispose = UnistylesListener.addStylesheetListeners(Array.from(dependenciesMap), () => {
|
70
|
+
const newComputedStylesheet = stylesheet(UnistylesRuntime.theme, UnistylesRuntime.miniRuntime)
|
71
|
+
|
72
|
+
this.stylesheets.set(stylesheet, newComputedStylesheet)
|
73
|
+
})
|
74
|
+
|
75
|
+
this.dependenciesMap.set(stylesheet, dependenciesMap)
|
76
|
+
this.disposeListenersMap.set(stylesheet, dispose)
|
77
|
+
}
|
78
|
+
|
79
|
+
add = (value: UnistylesValues) => {
|
80
|
+
const hash = generateHash(value)
|
81
|
+
const existingCounter = this.stylesCounter.get(hash)
|
82
|
+
|
83
|
+
if (!existingCounter || existingCounter.size === 0) {
|
84
|
+
const counter = new Set<UnistylesValues>()
|
85
|
+
|
86
|
+
counter.add(value)
|
87
|
+
this.stylesCounter.set(hash, counter)
|
88
|
+
this.applyStyles(hash, convertUnistyles(value))
|
89
|
+
|
90
|
+
return { hash, existingHash: false }
|
91
|
+
}
|
92
|
+
|
93
|
+
existingCounter.add(value)
|
94
|
+
|
95
|
+
return { hash, existingHash: true }
|
96
|
+
}
|
97
|
+
|
98
|
+
applyStyles = (hash: string, styles: Record<string, any>) => {
|
99
|
+
Object.entries(styles).forEach(([key, value]) => {
|
100
|
+
if (!this.styleTag.sheet) {
|
101
|
+
return
|
102
|
+
}
|
103
|
+
|
104
|
+
if (typeof value === 'object' && !key.startsWith('_')) {
|
105
|
+
const mediaQuery = getMediaQuery(key)
|
106
|
+
const cssRules = Array.from(this.styleTag.sheet.cssRules)
|
107
|
+
let queryRule = cssRules.find(rule => {
|
108
|
+
if (!(rule instanceof CSSMediaRule)) {
|
109
|
+
return false
|
110
|
+
}
|
111
|
+
|
112
|
+
return rule.media.item(0)?.includes(mediaQuery)
|
113
|
+
}) ?? null
|
114
|
+
|
115
|
+
if (!queryRule) {
|
116
|
+
const mediaQueryValue = extractMediaQueryValue(mediaQuery)
|
117
|
+
const ruleIndex = mediaQueryValue
|
118
|
+
? cssRules.reduce<number | undefined>((acc, rule, ruleIndex) => {
|
119
|
+
if (!(rule instanceof CSSMediaRule)) {
|
120
|
+
return acc
|
121
|
+
}
|
122
|
+
|
123
|
+
const ruleMediaQueryValue = extractMediaQueryValue(rule.conditionText)
|
124
|
+
|
125
|
+
if (ruleMediaQueryValue === undefined) {
|
126
|
+
return
|
127
|
+
}
|
128
|
+
|
129
|
+
return ruleMediaQueryValue > mediaQueryValue ? ruleIndex : acc
|
130
|
+
}, cssRules.length)
|
131
|
+
: undefined
|
132
|
+
queryRule = this.styleTag.sheet.cssRules.item(this.styleTag.sheet.insertRule(`@media ${mediaQuery} {.${hash} {}}`, ruleIndex))
|
133
|
+
}
|
134
|
+
|
135
|
+
if (queryRule instanceof CSSMediaRule) {
|
136
|
+
Object.entries(value).forEach(([mqKey, mqValue]) => {
|
137
|
+
this.applyRule({
|
138
|
+
hash,
|
139
|
+
key: mqKey,
|
140
|
+
value: mqValue,
|
141
|
+
sheet: queryRule
|
142
|
+
})
|
143
|
+
})
|
144
|
+
}
|
145
|
+
|
146
|
+
return
|
147
|
+
}
|
148
|
+
|
149
|
+
// Pseudo
|
150
|
+
if (typeof value === 'object') {
|
151
|
+
Object.entries(value).forEach(([pseudoKey, pseudoValue]) => {
|
152
|
+
this.applyRule({
|
153
|
+
hash: `${hash}${key.replace('_', ':')}`,
|
154
|
+
key: pseudoKey,
|
155
|
+
value: pseudoValue,
|
156
|
+
sheet: this.styleTag.sheet as CSSStyleSheet
|
157
|
+
})
|
158
|
+
})
|
159
|
+
|
160
|
+
return
|
161
|
+
}
|
162
|
+
|
163
|
+
this.applyRule({
|
164
|
+
hash,
|
165
|
+
key,
|
166
|
+
value,
|
167
|
+
sheet: this.styleTag.sheet
|
168
|
+
})
|
169
|
+
})
|
170
|
+
}
|
171
|
+
|
172
|
+
private applyRule = ({ hash, key, value, sheet }: ApplyRuleProps) => {
|
173
|
+
let rule = Array.from(sheet.cssRules).find(rule => {
|
174
|
+
if (!(rule instanceof CSSStyleRule)) {
|
175
|
+
return false
|
24
176
|
}
|
177
|
+
|
178
|
+
// In unistyles pseudos are prefixed with ':' but in css some of them are prefixed with '::'
|
179
|
+
return rule.selectorText.replace('::', ':').includes(hash)
|
180
|
+
}) ?? null
|
181
|
+
|
182
|
+
if (!rule) {
|
183
|
+
rule = sheet.cssRules.item(sheet.insertRule(`.${hash} {}`))
|
25
184
|
}
|
26
185
|
|
27
|
-
|
28
|
-
|
29
|
-
unistyles
|
186
|
+
if (!(rule instanceof CSSStyleRule) || !keyInObject(rule.style, key)) {
|
187
|
+
return
|
30
188
|
}
|
189
|
+
|
190
|
+
rule.style[key as RemoveReadonlyStyleKeys<typeof key>] = value
|
31
191
|
}
|
32
192
|
|
33
|
-
|
34
|
-
const
|
193
|
+
remove = (value: UnistylesValues) => {
|
194
|
+
const hash = generateHash(value)
|
195
|
+
const existingStyles = this.stylesCounter.get(hash)
|
35
196
|
|
36
|
-
|
37
|
-
|
197
|
+
if (!existingStyles) {
|
198
|
+
return
|
199
|
+
}
|
200
|
+
|
201
|
+
existingStyles.delete(value)
|
202
|
+
|
203
|
+
if (existingStyles.size === 0) {
|
204
|
+
const ruleIndex = Array.from(this.styleTag.sheet?.cssRules ?? []).findIndex(rule => rule.cssText.includes(`.${hash}`))
|
205
|
+
|
206
|
+
if (ruleIndex === -1) {
|
207
|
+
return
|
208
|
+
}
|
209
|
+
|
210
|
+
this.styleTag.sheet?.deleteRule(ruleIndex)
|
211
|
+
}
|
38
212
|
}
|
39
213
|
}
|
40
214
|
|
package/src/web/runtime.ts
CHANGED
@@ -5,7 +5,7 @@ import { WebContentSizeCategory } from '../types'
|
|
5
5
|
import { UnistylesListener } from './listener'
|
6
6
|
import { NavigationBar, StatusBar } from './mock'
|
7
7
|
import { UnistylesState } from './state'
|
8
|
-
import {
|
8
|
+
import { error, isServer, schemeToTheme } from './utils'
|
9
9
|
|
10
10
|
class UnistylesRuntimeBuilder {
|
11
11
|
lightMedia = this.getLightMedia()
|
@@ -47,6 +47,10 @@ class UnistylesRuntimeBuilder {
|
|
47
47
|
}
|
48
48
|
|
49
49
|
get themeName() {
|
50
|
+
if (UnistylesState.hasAdaptiveThemes) {
|
51
|
+
return schemeToTheme(this.colorScheme) as AppThemeName
|
52
|
+
}
|
53
|
+
|
50
54
|
return UnistylesState.themeName
|
51
55
|
}
|
52
56
|
|
@@ -54,6 +58,10 @@ class UnistylesRuntimeBuilder {
|
|
54
58
|
return WebContentSizeCategory.Unspecified
|
55
59
|
}
|
56
60
|
|
61
|
+
get breakpoints() {
|
62
|
+
return UnistylesState.breakpoints ?? {}
|
63
|
+
}
|
64
|
+
|
57
65
|
get breakpoint() {
|
58
66
|
return UnistylesState.breakpoint
|
59
67
|
}
|
@@ -67,17 +75,7 @@ class UnistylesRuntimeBuilder {
|
|
67
75
|
}
|
68
76
|
|
69
77
|
get theme() {
|
70
|
-
|
71
|
-
throw new Error('🦄 No theme selected!')
|
72
|
-
}
|
73
|
-
|
74
|
-
const theme = UnistylesState.themes.get(this.themeName)
|
75
|
-
|
76
|
-
if (!theme) {
|
77
|
-
throw new Error(`🦄 Theme "${this.themeName}" is not registered!`)
|
78
|
-
}
|
79
|
-
|
80
|
-
return theme
|
78
|
+
return this.getTheme(this.themeName)
|
81
79
|
}
|
82
80
|
|
83
81
|
get pixelRatio() {
|
@@ -134,7 +132,8 @@ class UnistylesRuntimeBuilder {
|
|
134
132
|
themeName: this.themeName,
|
135
133
|
contentSizeCategory: this.contentSizeCategory,
|
136
134
|
breakpoint: this.breakpoint,
|
137
|
-
|
135
|
+
isLandscape: this.orientation === Orientation.Landscape,
|
136
|
+
isPortrait: this.orientation === Orientation.Portrait,
|
138
137
|
pixelRatio: this.pixelRatio,
|
139
138
|
screen: this.screen,
|
140
139
|
fontScale: this.fontScale,
|
@@ -153,6 +152,10 @@ class UnistylesRuntimeBuilder {
|
|
153
152
|
}
|
154
153
|
|
155
154
|
setTheme = (themeName: AppThemeName) => {
|
155
|
+
if (this.hasAdaptiveThemes) {
|
156
|
+
throw error(`You're trying to set theme to: '${themeName}', but adaptiveThemes are enabled.`)
|
157
|
+
}
|
158
|
+
|
156
159
|
if (themeName === UnistylesRuntime.themeName) {
|
157
160
|
return
|
158
161
|
}
|
@@ -169,15 +172,15 @@ class UnistylesRuntimeBuilder {
|
|
169
172
|
return
|
170
173
|
}
|
171
174
|
|
172
|
-
this.setTheme(schemeToTheme(UnistylesRuntime.colorScheme))
|
175
|
+
this.setTheme(schemeToTheme(UnistylesRuntime.colorScheme) as AppThemeName)
|
173
176
|
}
|
174
177
|
|
175
|
-
setRootViewBackgroundColor = (
|
178
|
+
setRootViewBackgroundColor = (color: string) => {
|
176
179
|
if (isServer()) {
|
177
180
|
return
|
178
181
|
}
|
179
182
|
|
180
|
-
document.documentElement.style.backgroundColor =
|
183
|
+
document.documentElement.style.backgroundColor = color
|
181
184
|
}
|
182
185
|
|
183
186
|
setImmersiveMode = () => {}
|
@@ -186,13 +189,21 @@ class UnistylesRuntimeBuilder {
|
|
186
189
|
const oldTheme = UnistylesState.themes.get(themeName)
|
187
190
|
|
188
191
|
if (!oldTheme) {
|
189
|
-
throw
|
192
|
+
throw error(`Unistyles: You're trying to update theme "${themeName}" but it wasn't registered.`)
|
190
193
|
}
|
191
194
|
|
192
195
|
UnistylesState.themes.set(themeName, updater(oldTheme))
|
193
196
|
}
|
194
197
|
|
195
|
-
|
198
|
+
getTheme = (themeName = this.themeName) => {
|
199
|
+
const theme = UnistylesState.themes.get(themeName ?? '')
|
200
|
+
|
201
|
+
if (!themeName || !theme) {
|
202
|
+
throw error(`You're trying to get theme "${themeName}" but it wasn't registered.`)
|
203
|
+
}
|
204
|
+
|
205
|
+
return theme
|
206
|
+
}
|
196
207
|
}
|
197
208
|
|
198
209
|
export const UnistylesRuntime = new UnistylesRuntimeBuilder()
|
@@ -0,0 +1,149 @@
|
|
1
|
+
import type { UnistylesValues } from '../types'
|
2
|
+
import { convertUnistyles } from './convert'
|
3
|
+
import { UnistylesListener } from './listener'
|
4
|
+
import { UnistylesRegistry } from './registry'
|
5
|
+
import { deepMergeObjects } from '../utils'
|
6
|
+
import { equal, extractSecrets, extractUnistyleDependencies, isInDocument } from './utils'
|
7
|
+
import { getVariants } from './variants'
|
8
|
+
|
9
|
+
type Style = UnistylesValues | ((...args: Array<any>) => UnistylesValues)
|
10
|
+
|
11
|
+
class UnistylesShadowRegistryBuilder {
|
12
|
+
// MOCKS
|
13
|
+
name = 'UnistylesShadowRegistry'
|
14
|
+
__type = 'web'
|
15
|
+
equals = () => true
|
16
|
+
toString = () => 'UnistylesShadowRegistry'
|
17
|
+
dispose = () => {}
|
18
|
+
// END MOCKS
|
19
|
+
|
20
|
+
private resultsMap = new Map<HTMLElement, UnistylesValues>()
|
21
|
+
private hashMap = new Map<HTMLElement, string>()
|
22
|
+
private classNamesMap = new Map<HTMLElement, Array<string>>()
|
23
|
+
|
24
|
+
add = (ref: any, styles: Array<Style>, _variants: Record<string, any> | undefined, _args: Array<Array<any>>) => {
|
25
|
+
// Styles are not provided
|
26
|
+
if (!styles) {
|
27
|
+
return
|
28
|
+
}
|
29
|
+
|
30
|
+
// Ref is unmounted, remove style tags from the document
|
31
|
+
if (ref === null) {
|
32
|
+
const secrets = extractSecrets(styles)
|
33
|
+
|
34
|
+
if (secrets) {
|
35
|
+
secrets.__uni__refs.forEach(ref => {
|
36
|
+
if (isInDocument(ref)) {
|
37
|
+
return
|
38
|
+
}
|
39
|
+
|
40
|
+
const oldResult = this.resultsMap.get(ref)
|
41
|
+
this.resultsMap.delete(ref)
|
42
|
+
this.classNamesMap.delete(ref)
|
43
|
+
|
44
|
+
if (oldResult) {
|
45
|
+
UnistylesRegistry.remove(oldResult)
|
46
|
+
}
|
47
|
+
})
|
48
|
+
}
|
49
|
+
|
50
|
+
return
|
51
|
+
}
|
52
|
+
|
53
|
+
// Ref is not an HTMLElement
|
54
|
+
if (!(ref instanceof HTMLElement)) {
|
55
|
+
return
|
56
|
+
}
|
57
|
+
|
58
|
+
const parsedStyles = styles.flat().flatMap((unistyleStyle, styleIndex) => {
|
59
|
+
if (!unistyleStyle) {
|
60
|
+
return []
|
61
|
+
}
|
62
|
+
|
63
|
+
const secrets = extractSecrets(unistyleStyle)
|
64
|
+
|
65
|
+
// Regular style
|
66
|
+
if (!secrets) {
|
67
|
+
return unistyleStyle as UnistylesValues
|
68
|
+
}
|
69
|
+
|
70
|
+
const { __uni__key, __uni__stylesheet, __uni__variants, __uni__args = [], __uni__refs } = secrets
|
71
|
+
const newComputedStylesheet = UnistylesRegistry.getComputedStylesheet(__uni__stylesheet)
|
72
|
+
const style = newComputedStylesheet[__uni__key] as (UnistylesValues | ((...args: any) => UnistylesValues))
|
73
|
+
const variants = _variants && Object.keys(_variants).length > 0 ? _variants : __uni__variants
|
74
|
+
const args = _args[styleIndex] && _args[styleIndex].length > 0 ? _args[styleIndex] : __uni__args
|
75
|
+
const result = typeof style === 'function'
|
76
|
+
? style(...args)
|
77
|
+
: style
|
78
|
+
const { variantsResult } = Object.fromEntries(getVariants({ variantsResult: result }, variants))
|
79
|
+
const resultWithVariants = deepMergeObjects(result, variantsResult ?? {})
|
80
|
+
const dependencies = extractUnistyleDependencies(resultWithVariants)
|
81
|
+
|
82
|
+
if (typeof __uni__stylesheet === 'function') {
|
83
|
+
// Add dependencies from dynamic styles to stylesheet
|
84
|
+
UnistylesRegistry.addDependenciesToStylesheet(__uni__stylesheet, dependencies)
|
85
|
+
}
|
86
|
+
|
87
|
+
__uni__refs.add(ref)
|
88
|
+
|
89
|
+
const dispose = UnistylesListener.addListeners(extractUnistyleDependencies(resultWithVariants), () => {
|
90
|
+
const hash = this.hashMap.get(ref)
|
91
|
+
|
92
|
+
// Dispose listener if there is no hash
|
93
|
+
if (!hash) {
|
94
|
+
dispose()
|
95
|
+
|
96
|
+
return
|
97
|
+
}
|
98
|
+
|
99
|
+
const newComputedStyleSheet = UnistylesRegistry.getComputedStylesheet(__uni__stylesheet)
|
100
|
+
const newValue = newComputedStyleSheet[__uni__key] as (UnistylesValues | ((...args: any) => UnistylesValues))
|
101
|
+
const result = typeof newValue === 'function'
|
102
|
+
? newValue(...args)
|
103
|
+
: newValue
|
104
|
+
const { variantsResult } = Object.fromEntries(getVariants({ variantsResult: result }, variants))
|
105
|
+
const resultWithVariants = deepMergeObjects(result, variantsResult ?? {})
|
106
|
+
|
107
|
+
UnistylesRegistry.applyStyles(hash, convertUnistyles(resultWithVariants))
|
108
|
+
})
|
109
|
+
|
110
|
+
return resultWithVariants as UnistylesValues
|
111
|
+
})
|
112
|
+
const combinedStyles = deepMergeObjects(...parsedStyles)
|
113
|
+
const oldStyles = this.resultsMap.get(ref)
|
114
|
+
|
115
|
+
if (equal(combinedStyles, oldStyles)) {
|
116
|
+
return
|
117
|
+
}
|
118
|
+
|
119
|
+
const oldClassNames = this.classNamesMap.get(ref)
|
120
|
+
|
121
|
+
// Remove old styles
|
122
|
+
if (oldStyles) {
|
123
|
+
UnistylesRegistry.remove(oldStyles)
|
124
|
+
}
|
125
|
+
|
126
|
+
// Remove old classnames from the ref
|
127
|
+
oldClassNames?.forEach(className => ref.classList.remove(className))
|
128
|
+
this.resultsMap.set(ref, combinedStyles)
|
129
|
+
|
130
|
+
const { hash, existingHash } = UnistylesRegistry.add(combinedStyles)
|
131
|
+
const injectedClassNames = combinedStyles?._web?._classNames ?? []
|
132
|
+
const newClassNames = (Array.isArray(injectedClassNames) ? injectedClassNames : [injectedClassNames]).concat(hash)
|
133
|
+
|
134
|
+
this.classNamesMap.set(ref, newClassNames)
|
135
|
+
// Add new classnames to the ref
|
136
|
+
ref.classList.add(...newClassNames)
|
137
|
+
|
138
|
+
// If it is new hash add it to the map to use for the listener
|
139
|
+
if (!existingHash) {
|
140
|
+
this.hashMap.set(ref, hash)
|
141
|
+
}
|
142
|
+
|
143
|
+
return newClassNames
|
144
|
+
}
|
145
|
+
|
146
|
+
remove = () => {}
|
147
|
+
}
|
148
|
+
|
149
|
+
export const UnistylesShadowRegistry = new UnistylesShadowRegistryBuilder()
|