react-native-unistyles/src/specs/UnistylesRuntime/index.ts

Level up your React Native StyleSheet

import { processColor } from 'react-native'
import { NitroModules } from 'react-native-nitro-modules'
import { isIOS } from '../../common'
import type { UnistylesThemes } from '../../global'
import type { AndroidContentSizeCategory, IOSContentSizeCategory, UnistylesTheme } from '../../types'
import type { UnistylesNavigationBar } from '../NavigtionBar'
import { type UnistylesStatusBar, attachStatusBarJSMethods } from '../StatusBar'
import type { AppBreakpoint, AppTheme, AppThemeName, Color, ColorScheme, Orientation } from '../types'
import type { UnistylesMiniRuntime, UnistylesRuntime as UnistylesRuntimeSpec } from './UnistylesRuntime.nitro'

export interface UnistylesRuntimePrivate extends Omit<UnistylesRuntimeSpec, 'setRootViewBackgroundColor'> {
    readonly colorScheme: ColorScheme,
    readonly themeName?: AppThemeName,
    readonly contentSizeCategory: IOSContentSizeCategory | AndroidContentSizeCategory,
    readonly breakpoint?: AppBreakpoint,
    readonly orientation: Orientation,

    // other HybridObjects
    statusBar: UnistylesStatusBar,
    navigationBar: UnistylesNavigationBar,

    getTheme(themeName?: keyof UnistylesThemes): UnistylesTheme,
    setTheme(themeName: AppThemeName): void
    updateTheme(themeName: AppThemeName, updater: (currentTheme: AppTheme) => AppTheme): void,
    setRootViewBackgroundColor(color?: string): void,
    nativeSetRootViewBackgroundColor(color?: Color): void

    // constructors
    createHybridStatusBar(): UnistylesStatusBar,
    createHybridNavigationBar(): UnistylesNavigationBar
}

type PrivateMethods =
    |'createHybridStatusBar'
    | 'createHybridNavigationBar'
    | 'dispose'
    | 'miniRuntime'
    | 'nativeSetRootViewBackgroundColor'

type UnistylesRuntime = Omit<UnistylesRuntimePrivate, PrivateMethods>

const HybridUnistylesRuntime = NitroModules
    .createHybridObject<UnistylesRuntimePrivate>('UnistylesRuntime')

HybridUnistylesRuntime.statusBar = HybridUnistylesRuntime.createHybridStatusBar()
HybridUnistylesRuntime.navigationBar = HybridUnistylesRuntime.createHybridNavigationBar()

HybridUnistylesRuntime.setRootViewBackgroundColor = (color?: string) => {
    const parsedColor = processColor(color) ?? 0

    HybridUnistylesRuntime.nativeSetRootViewBackgroundColor(parsedColor)
}

if (isIOS) {
    HybridUnistylesRuntime.setImmersiveMode = (isEnabled: boolean) => HybridUnistylesRuntime.statusBar.setHidden(isEnabled, 'fade')
}

attachStatusBarJSMethods(HybridUnistylesRuntime.statusBar)

export const Runtime = HybridUnistylesRuntime as UnistylesRuntime

export type {
    UnistylesMiniRuntime
}