react-native-unistyles 3.0.0-rc.1 → 3.0.0-rc.3

package/src/web/utils/unistyle.ts

@@ -1,9 +1,10 @@
+import { Animated } from 'react-native'
 import type { UnistylesBreakpoints } from '../../global'
-import { isUnistylesMq, parseMq } from '../../mq'
-import type { UnistyleDependency } from '../../specs/NativePlatform'
+import type { UnistyleDependency } from '../../specs/NativePlatform/NativePlatform.nitro'
 import { ColorScheme, Orientation } from '../../specs/types'
 import type { StyleSheet, StyleSheetWithSuperPowers, UnistylesValues } from '../../types/stylesheet'
-import { UnistylesWeb } from '../index'
+import { isUnistylesMq, parseMq } from '../../utils'
+import * as unistyles from '../services'
 import { keyInObject, reduceObject } from './common'
 
 export const schemeToTheme = (scheme: ColorScheme) => {
@@ -49,13 +50,7 @@ export const extractSecrets = (object: any) => {
         return undefined
     }
 
-    const hiddenSecrets = Object.getOwnPropertyDescriptors(secrets)
-
-    if (Object.keys(hiddenSecrets).length === 0) {
-        return undefined
-    }
-
-    return reduceObject(hiddenSecrets, secret => secret.value)
+    return reduceObject(Object.getOwnPropertyDescriptors(secrets), secret => secret.value)
 }
 
 export const removeInlineStyles = (values: UnistylesValues) => {
@@ -87,18 +82,18 @@ export const getMediaQuery = (query: string, allBreakpoints: Array<string>) => {
         return `@media ${queries}`
     }
 
-    const breakpointValue = UnistylesWeb.runtime.breakpoints[query as keyof UnistylesBreakpoints] ?? 0
+    const breakpointValue = unistyles.services.runtime.breakpoints[query as keyof UnistylesBreakpoints] ?? 0
     const nextBreakpoint = allBreakpoints
-            .filter((b): b is keyof UnistylesBreakpoints => b in UnistylesWeb.runtime.breakpoints)
-            .map(b => UnistylesWeb.runtime.breakpoints[b] as number)
-            .sort((a, b) => a - b)
-            .find(b => b > breakpointValue)
-        const queries = [
-            `(min-width: ${breakpointValue}px)`,
-            nextBreakpoint ? `(max-width: ${nextBreakpoint - 1}px)` : undefined,
-        ].filter(Boolean).join(' and ')
-
-        return `@media ${queries}`
+        .filter((b): b is keyof UnistylesBreakpoints => b in unistyles.services.runtime.breakpoints)
+        .map(b => unistyles.services.runtime.breakpoints[b] as number)
+        .sort((a, b) => a - b)
+        .find(b => b > breakpointValue)
+    const queries = [
+        `(min-width: ${breakpointValue}px)`,
+        nextBreakpoint ? `(max-width: ${nextBreakpoint - 1}px)` : undefined,
+    ].filter(Boolean).join(' and ')
+
+    return `@media ${queries}`
 }
 
 export const extractUnistyleDependencies = (value: any) => {
@@ -110,3 +105,37 @@ export const extractUnistyleDependencies = (value: any) => {
 
     return Array.isArray(dependencies) ? dependencies : []
 }
+
+export const checkForProp = (value: any, prop: string): boolean => {
+    if (Array.isArray(value)) {
+        return value.some(nestedValue => checkForProp(nestedValue, prop))
+    }
+
+    if (typeof value === 'object' && value !== null) {
+        return keyInObject(value, prop)
+            ? true
+            : keyInObject(value, '_web')
+                ? checkForProp(value._web, prop)
+                : false
+    }
+
+    return false
+}
+
+export const checkForAnimated = (value: any): boolean => {
+    if (Array.isArray(value)) {
+        return value.some(checkForAnimated)
+    }
+
+    if (typeof value === 'object' && value !== null) {
+        const objectValues = Object.values(value)
+        const secrets = extractSecrets(value)
+
+        // @ts-expect-error React Native Web exports Animated.AnimatedNode as Animated.Node
+        return value instanceof Animated.Node ||
+            objectValues.length > 0 && objectValues.some(checkForAnimated) ||
+            secrets && Object.keys(secrets).length === 0
+    }
+
+    return false
+}