feat: simplify typescript types

jpudysz · Nov 1, 2023 · 571331b · 571331b
1 parent 6186559
commit 571331b
Show file tree

Hide file tree

Showing 16 changed files with 56 additions and 594 deletions.
diff --git a/example/.unistyles/breakpoints.d.ts b/example/.unistyles/breakpoints.d.ts
diff --git a/example/.unistyles/themes.d.ts b/example/.unistyles/themes.d.ts
diff --git a/examples/expo/babel.config.js b/examples/expo/babel.config.js
@@ -7,7 +7,6 @@ module.exports = function (api) {
     return {
         presets: ['babel-preset-expo'],
         plugins: [
-            // '../src/babel/plugin.js',
             [
                 'module-resolver',
                 {

diff --git a/examples/expo/src/examples/Cxx.jsx → examples/expo/src/examples/Cxx.tsx b/examples/expo/src/examples/Cxx.jsx → examples/expo/src/examples/Cxx.tsx
@@ -2,7 +2,6 @@ import React from 'react'
 import { View, Text, Button } from 'react-native'
 import { UnistylesRuntime, createStyleSheet, useStyles } from 'react-native-unistyles'
 
-// todo, for now TypeScript is broken
 export const Cxx = () => {
     const { styles, theme } = useStyles(stylesheet)
 
@@ -16,28 +15,28 @@ export const Cxx = () => {
                     Current breakpoint:
                 </Text>
                 <Text style={styles.bold}>
-                    {` ${UnistylesRuntime.getCurrentBreakpoint()}`}
+                    {` ${UnistylesRuntime.currentBreakpoint}`}
                 </Text>
             </View>
             <View style={styles.row}>
                 <Text style={styles.title}>
                     Theme:
                 </Text>
                 <Text style={styles.bold}>
-                    {` ${UnistylesRuntime.getCurrentTheme()}`}
+                    {` ${UnistylesRuntime.theme}`}
                 </Text>
             </View>
             <Button
                 color={theme.colors.accent}
                 title="Change theme"
                 onPress={() => {
-                    const currentTheme = UnistylesRuntime.getCurrentTheme()
+                    const currentTheme = UnistylesRuntime.theme
                     const nextTheme = currentTheme === 'light'
                         ? 'dark'
                         : currentTheme === 'dark'
                             ? 'premium'
                             : 'light'
-                    UnistylesRuntime.useTheme(nextTheme)
+                    UnistylesRuntime.setTheme(nextTheme)
                 }}
             />
             <View style={styles.boxes}>

diff --git a/src/UnistylesTheme.tsx b/src/UnistylesTheme.tsx
diff --git a/src/babel/helpers.js b/src/babel/helpers.js