react-native-unistyles 2.0.0-alpha.2 → 2.0.0-alpha.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.4",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",
@@ -41,25 +41,24 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "17.8.0",
+    "@commitlint/config-conventional": "18.1.0",
     "@react-native/eslint-config": "0.74.0",
     "@react-native/normalize-colors": "0.74.1",
     "@release-it/conventional-changelog": "7.0.2",
     "@testing-library/react-hooks": "8.0.1",
-    "@types/jest": "29.5.6",
-    "@types/react": "18.2.28",
-    "@types/react-native": "0.72.3",
-    "@typescript-eslint/eslint-plugin": "6.8.0",
-    "@typescript-eslint/eslint-plugin-tslint": "6.8.0",
-    "@typescript-eslint/parser": "6.8.0",
-    "commitlint": "17.8.0",
-    "concurrently": "8.2.1",
-    "eslint": "8.51.0",
+    "@types/jest": "29.5.7",
+    "@types/react": "18.2.34",
+    "@typescript-eslint/eslint-plugin": "6.9.1",
+    "@typescript-eslint/eslint-plugin-tslint": "6.9.1",
+    "@typescript-eslint/parser": "6.9.1",
+    "commitlint": "18.2.0",
+    "concurrently": "8.2.2",
+    "eslint": "8.53.0",
     "eslint-config-codemask": "1.1.7",
     "eslint-plugin-functional": "6.0.0",
-    "eslint-plugin-import": "2.28.1",
+    "eslint-plugin-import": "2.29.0",
     "eslint-plugin-jsdoc": "46.8.2",
-    "eslint-plugin-jsx-a11y": "6.7.1",
+    "eslint-plugin-jsx-a11y": "6.8.0",
     "eslint-plugin-nested-if": "1.0.0",
     "eslint-plugin-no-else": "0.2.2",
     "eslint-plugin-no-loops": "0.3.0",

package/react-native-unistyles.podspec

@@ -14,7 +14,8 @@ Pod::Spec.new do |s|
   s.source       = { :git => package["repository"], :tag => "#{s.version}" }
 
   s.source_files = [
-    "ios/*.{h,m,mm}"
+    "ios/*.{h,mm}",
+    "cxx/*.{h,cpp}"
   ]
 
   s.dependency "React-Core"

package/src/UnistyleRegistry.ts

@@ -2,17 +2,22 @@ import type { UnistylesBridge, UnistylesConfig } from './types'
 import type { UnistylesThemes, UnistylesBreakpoints } from './global'
 
 export class UnistyleRegistry {
-    public isClosed = false
+    public config: UnistylesConfig = {}
+    public themeNames: Array<keyof UnistylesThemes> = []
     public themes: UnistylesThemes = {} as UnistylesThemes
     public breakpoints: UnistylesBreakpoints = {} as UnistylesBreakpoints
     public sortedBreakpointPairs: Array<[keyof UnistylesBreakpoints, UnistylesBreakpoints[keyof UnistylesBreakpoints]]> = []
-    public config: UnistylesConfig = {}
 
     constructor(private unistylesBridge: UnistylesBridge) {}
 
     public addThemes = (themes: UnistylesThemes) => {
         this.themes = themes
 
+        const keys = Object.keys(themes) as Array<keyof UnistylesThemes>
+
+        this.unistylesBridge.themes = keys
+        this.themeNames = keys
+
         return this
     }
 
@@ -26,14 +31,20 @@ export class UnistyleRegistry {
     public addConfig = (config: UnistylesConfig) => {
         this.config = config
 
-        if (config.featureFlags && config.featureFlags.length > 0) {
-            this.unistylesBridge.useFeatureFlags(config.featureFlags)
-        }
-
-        if (config.colorScheme) {
-            this.unistylesBridge.useColorScheme(config.colorScheme)
+        if (config.adaptiveThemes) {
+            this.unistylesBridge.useAdaptiveThemes(config.adaptiveThemes)
         }
 
         return this
     }
+
+    public dangerouslyUnregister = () => {
+        this.config = {}
+        this.themeNames = []
+        this.themes = {} as UnistylesThemes
+        this.breakpoints = {} as UnistylesBreakpoints
+        this.sortedBreakpointPairs = []
+
+        this.unistylesBridge.unregister()
+    }
 }

package/src/UnistylesRuntime.ts

@@ -1,6 +1,6 @@
 import type { UnistylesBridge } from './types'
 import type { UnistyleRegistry } from './UnistyleRegistry'
-import { UnistylesColorScheme, UnistylesError } from './types'
+import { ScreenOrientation, UnistylesError } from './types'
 import type { UnistylesThemes } from './global'
 
 export class UnistylesRuntime {
@@ -10,49 +10,64 @@ export class UnistylesRuntime {
         return this.unistylesBridge.colorScheme
     }
 
-    public get breakpoints() {
-        return this.registry.breakpoints
+    public get hasAdaptiveThemes() {
+        return this.unistylesBridge.hasAdaptiveThemes
     }
 
     public get sortedBreakpoints() {
         return this.registry.sortedBreakpointPairs
     }
 
-    public get config() {
-        return this.registry.config
+    public get themeName() {
+        return this.unistylesBridge.themeName
     }
 
-    public get theme() {
-        return this.unistylesBridge.theme
+    public get breakpoint() {
+        return this.unistylesBridge.breakpoint
     }
 
-    public get currentBreakpoint() {
-        return this.unistylesBridge.breakpoint
+    public get screen() {
+        return {
+            width: this.unistylesBridge.screenWidth,
+            height: this.unistylesBridge.screenHeight
+        }
     }
 
-    public setColorScheme = (scheme: UnistylesColorScheme) => {
-        if (scheme !== this.colorScheme) {
-            this.unistylesBridge.useColorScheme(scheme)
+    public get orientation() {
+        const { width, height } = this.screen
+
+        if (width > height) {
+            return ScreenOrientation.Landscape
         }
+
+        return ScreenOrientation.Portrait
     }
 
     public setTheme = (name: keyof UnistylesThemes) => {
-        if (name !== this.theme && this.hasTheme(name)) {
+        if (name !== this.themeName && this.hasTheme(name)) {
             this.unistylesBridge.useTheme(name)
 
             return true
         }
 
-        return false
+        throw new Error(UnistylesError.ThemeNotRegistered)
     }
 
-    public hasTheme = (name: keyof UnistylesThemes) => name in this.registry.themes
-
     public getTheme = (forName: keyof UnistylesThemes) => {
+        if (this.registry.themeNames.length === 0) {
+            return {} as UnistylesThemes[keyof UnistylesThemes]
+        }
+
         if (!this.hasTheme(forName)) {
             throw new Error(UnistylesError.ThemeNotFound)
         }
 
         return this.registry.themes[forName]
     }
+
+    public setAdaptiveThemes = (enable: boolean) => {
+        this.unistylesBridge.useAdaptiveThemes(enable)
+    }
+
+    private hasTheme = (name: keyof UnistylesThemes) => name in this.registry.themes
 }

package/src/global.ts

@@ -1,2 +1,4 @@
 export interface UnistylesThemes {}
-export interface UnistylesBreakpoints {}
+export interface UnistylesBreakpoints {
+    default?: 0
+}

package/src/hooks/useDimensions.web.ts

@@ -1,13 +1,16 @@
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useLayoutEffect, useRef, useState } from 'react'
 import type { ScreenSize } from '../types'
-import { isServer } from '../utils'
 
 export const useDimensions = (): ScreenSize => {
     const timerRef = useRef<ReturnType<typeof setTimeout>>()
-    const [screenSize, setScreenSize] = useState<ScreenSize>({
-        width: isServer ? 0 : window.innerWidth,
-        height: isServer ? 0 : window.innerHeight
-    })
+    const [screenSize, setScreenSize] = useState<ScreenSize>({} as ScreenSize)
+
+    useLayoutEffect(() => {
+        setScreenSize({
+            width: window.innerWidth,
+            height: window.innerHeight
+        })
+    }, [])
 
     useEffect(() => {
         const handleResize = () => {

package/src/index.ts

@@ -1,6 +1,6 @@
 import { unistyles } from './Unistyles'
 import type { UnistylesThemes, UnistylesBreakpoints } from './global'
-import { UnistylesColorScheme } from './types'
+import { ScreenOrientation } from './types'
 
 export { useInitialTheme } from './useInitialTheme'
 
@@ -15,13 +15,15 @@ const UnistylesRegistry = {
     addConfig
 }
 
+export const __dangerouslyUnregister = unistyles.registry.dangerouslyUnregister
+
 export {
     UnistylesRuntime,
     UnistylesRegistry
 }
 
 export {
-    UnistylesColorScheme
+    ScreenOrientation
 }
 
 export type {

package/src/types/cxx.ts

@@ -1,28 +1,35 @@
 import type { UnistylesThemes, UnistylesBreakpoints } from '../global'
 
 export type Nullable<T> = T | null
-export enum UnistylesColorScheme {
-    System = 'system',
-    Manual = 'manual'
-}
+export type ColorSchemeName = 'light' | 'dark' | undefined
 
 export type UnistylesConfig = {
-    colorScheme?: UnistylesColorScheme,
-    featureFlags?: Array<string>
+    adaptiveThemes?: boolean
+}
+
+export enum ScreenOrientation {
+    Portrait = 1,
+    Landscape = 2
 }
 
 export type UnistylesBridge = {
     // getters
-    theme: keyof UnistylesThemes
+    screenWidth: number,
+    screenHeight: number,
+    hasAdaptiveThemes: boolean,
+    themeName: keyof UnistylesThemes,
     breakpoint: keyof UnistylesBreakpoints,
-    colorScheme: UnistylesColorScheme,
-    sortedBreakpointPairs: Array<[keyof UnistylesBreakpoints, UnistylesBreakpoints[keyof UnistylesBreakpoints]]>
+    colorScheme: ColorSchemeName,
+    sortedBreakpointPairs: Array<[keyof UnistylesBreakpoints, UnistylesBreakpoints[keyof UnistylesBreakpoints]]>,
 
     // setters
+    themes: Array<keyof UnistylesThemes>,
     useBreakpoints(breakpoints: UnistylesBreakpoints): void,
     useTheme(name: keyof UnistylesThemes): void,
-    useColorScheme(scheme: UnistylesColorScheme): void,
-    useFeatureFlags(flags: Array<string>): void
+    useAdaptiveThemes(enable: boolean): void,
+
+    // other
+    unregister(): void
 }
 
 export enum CxxUnistylesEventTypes {
@@ -34,7 +41,7 @@ export enum CxxUnistylesEventTypes {
 export type CxxUnistylesThemeEvent = {
     type: CxxUnistylesEventTypes.Theme,
     payload: {
-        currentTheme: keyof UnistylesThemes
+        themeName: keyof UnistylesThemes
     }
 }
 
@@ -49,7 +56,7 @@ export type CxxUnistylesSizeEvent = {
 export type CxxUnistylesBreakpointEvent = {
     type: CxxUnistylesEventTypes.Breakpoint,
     payload: {
-        currentBreakpoint: keyof UnistylesBreakpoints
+        breakpoint: keyof UnistylesBreakpoints
     }
 }
 
@@ -57,5 +64,9 @@ export type UnistylesEvents = CxxUnistylesThemeEvent | CxxUnistylesSizeEvent | C
 
 export enum UnistylesError {
     RuntimeUnavailable = 'UNISTYLES_ERROR_RUNTIME_UNAVAILABLE',
-    ThemeNotFound = 'UNISTYLES_ERROR_THEME_NOT_FOUND'
+    ThemeNotFound = 'UNISTYLES_ERROR_THEME_NOT_FOUND',
+    ThemeNotRegistered = 'UNISTYLES_ERROR_THEME_NOT_REGISTERED',
+    ThemesCannotBeEmpty = 'UNISTYLES_ERROR_THEMES_CANNOT_BE_EMPTY',
+    BreakpointsCannotBeEmpty = 'UNISTYLES_ERROR_BREAKPOINTS_CANNOT_BE_EMPTY',
+    BreakpointsMustStartFromZero = 'UNISTYLES_ERROR_BREAKPOINTS_MUST_START_FROM_ZERO',
 }

package/src/useInitialTheme.ts

@@ -1,7 +1,7 @@
-import { useRef } from 'react'
+import { useMemo } from 'react'
 import { unistyles } from './Unistyles'
 import type { UnistylesThemes } from './global'
 
 export const useInitialTheme = (forName: keyof UnistylesThemes) => {
-    useRef(unistyles.runtime.setTheme(forName))
+    useMemo(() => unistyles.runtime.setTheme(forName), [])
 }

package/src/useUnistyles.ts

@@ -12,8 +12,8 @@ import { unistyles } from './Unistyles'
 const unistylesEvents = new NativeEventEmitter(NativeModules.Unistyles)
 
 export const useUnistyles = () => {
-    const [theme, setTheme] = useState(unistyles.runtime.getTheme(unistyles.runtime.theme))
-    const [breakpoint, setBreakpoint] = useState(unistyles.runtime.currentBreakpoint)
+    const [theme, setTheme] = useState(unistyles.runtime.getTheme(unistyles.runtime.themeName))
+    const [breakpoint, setBreakpoint] = useState(unistyles.runtime.breakpoint)
     const [screenSize, setScreenSize] = useState({
         width: 0,
         height: 0
@@ -27,10 +27,11 @@ export const useUnistyles = () => {
                     case CxxUnistylesEventTypes.Theme: {
                         const themeEvent = event as CxxUnistylesThemeEvent
 
-                        setTheme(unistyles.runtime.getTheme(themeEvent.payload.currentTheme))
+                        setTheme(unistyles.runtime.getTheme(themeEvent.payload.themeName))
 
                         return
                     }
+                    // this event is not available on mobile
                     case CxxUnistylesEventTypes.Size: {
                         const sizeEvent = event as CxxUnistylesSizeEvent
 
@@ -38,15 +39,13 @@ export const useUnistyles = () => {
                             width: sizeEvent.payload.width,
                             height: sizeEvent.payload.height
                         })
-                        // todo
-                        // setBreakpoint(unistyles.runtime.currentBreakpoint)
 
                         return
                     }
                     case CxxUnistylesEventTypes.Breakpoint: {
                         const breakpointEvent = event as CxxUnistylesBreakpointEvent
 
-                        setBreakpoint(breakpointEvent.payload.currentBreakpoint)
+                        setBreakpoint(breakpointEvent.payload.breakpoint)
 
                         return
                     }

package/src/utils/breakpoints.ts

@@ -66,7 +66,7 @@ export const sortAndValidateBreakpoints = (breakpoints: UnistylesBreakpoints): U
 export const getBreakpointFromScreenWidth = (width: number, breakpointEntries: Array<[keyof UnistylesBreakpoints, UnistylesBreakpoints[keyof UnistylesBreakpoints]]>): keyof UnistylesBreakpoints & string => {
     const [key] = breakpointEntries
         .find(([, value], index, otherBreakpoints) => {
-            const minVal = value
+            const minVal = value as number
             const maxVal = otherBreakpoints[index + 1]?.[1]
 
             if (!maxVal) {

package/ios/UnistylesRuntime.h

@@ -1,30 +0,0 @@
-#pragma once
-
-#import "UnistylesModule.h"
-#import <jsi/jsi.h>
-#import <vector>
-
-using namespace facebook;
-
-class JSI_EXPORT UnistylesRuntime : public jsi::HostObject {
-private:
-    UnistylesEventHandler eventHandler;
-    float screenWidth;
-    float screenHeight;
-
-public:
-    UnistylesRuntime(UnistylesEventHandler handler, CGFloat screenWidth, CGFloat screenHeight)
-    : eventHandler(handler), screenWidth(screenWidth), screenHeight(screenHeight) {}
-
-    std::string theme;
-    std::string breakpoint;
-    std::string colorScheme;
-    std::vector<std::string> featureFlags;
-    std::vector<std::pair<std::string, double>> sortedBreakpointEntries;
-
-    jsi::Value get(jsi::Runtime&, const jsi::PropNameID& name) override;
-    std::vector<jsi::PropNameID> getPropertyNames(jsi::Runtime& rt) override;
-
-    void handleScreenSizeChangeWithWidth(CGFloat width, CGFloat height);
-    std::string getBreakpointFromScreenWidth(double width, const std::vector<std::pair<std::string, double>>& sortedBreakpointEntries);
-};

package/ios/UnistylesRuntime.mm

@@ -1,191 +0,0 @@
-#import "UnistylesRuntime.h"
-
-std::vector<jsi::PropNameID> UnistylesRuntime::getPropertyNames(jsi::Runtime& rt) {
-    std::vector<jsi::PropNameID> properties;
-
-    // getters
-    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("theme")));
-    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("breakpoint")));
-    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("colorScheme")));
-    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("sortedBreakpointPairs")));
-
-    // setters
-    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("useBreakpoints")));
-    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("useTheme")));
-    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("useColorScheme")));
-    properties.push_back(jsi::PropNameID::forUtf8(rt, std::string("useFeatureFlags")));
-
-    return properties;
-}
-
-
-jsi::Value UnistylesRuntime::get(jsi::Runtime& runtime, const jsi::PropNameID& propNameId) {
-    std::string propName = propNameId.utf8(runtime);
-    
-    if (propName == "theme") {
-        return !this->theme.empty()
-            ? jsi::Value(jsi::String::createFromUtf8(runtime, this->theme))
-            : jsi::Value::undefined();
-    }
-    
-    if (propName == "breakpoint") {
-        return !this->breakpoint.empty()
-            ? jsi::Value(jsi::String::createFromUtf8(runtime, this->breakpoint))
-            : jsi::Value::undefined();
-    }
-    
-    if (propName == "colorScheme") {
-        return !this->colorScheme.empty()
-            ? jsi::Value(jsi::String::createFromUtf8(runtime, this->colorScheme))
-            : jsi::Value::undefined();
-    }
-    
-    if (propName == "sortedBreakpointPairs") {
-        std::unique_ptr<jsi::Array> sortedBreakpointEntriesArray = std::make_unique<jsi::Array>(runtime, this->sortedBreakpointEntries.size());
-            
-        for (size_t i = 0; i < this->sortedBreakpointEntries.size(); ++i) {
-            std::unique_ptr<jsi::Array> pairArray = std::make_unique<jsi::Array>(runtime, 2);
-            jsi::String nameValue = jsi::String::createFromUtf8(runtime, this->sortedBreakpointEntries[i].first);
-            
-            pairArray->setValueAtIndex(runtime, 0, nameValue);
-            pairArray->setValueAtIndex(runtime, 1, jsi::Value(this->sortedBreakpointEntries[i].second));
-            sortedBreakpointEntriesArray->setValueAtIndex(runtime, i, *pairArray);
-        }
-        
-        return jsi::Value(runtime, *sortedBreakpointEntriesArray);
-    }
-    
-    if (propName == "useBreakpoints") {
-        return jsi::Function::createFromHostFunction(
-           runtime,
-           jsi::PropNameID::forAscii(runtime, "useBreakpoints"),
-           1,
-           [this](jsi::Runtime &runtime, const jsi::Value &thisVal, const jsi::Value *arguments, size_t count) -> jsi::Value {
-                jsi::Object breakpointsObj = arguments[0].asObject(runtime);
-                jsi::Array propertyNames = breakpointsObj.getPropertyNames(runtime);
-                std::vector<std::pair<std::string, double>> sortedBreakpointEntriesVec;
-
-                for (size_t i = 0; i < propertyNames.size(runtime); ++i) {
-                    jsi::Value propNameValue = propertyNames.getValueAtIndex(runtime, i);
-                    std::string name = propNameValue.asString(runtime).utf8(runtime);
-                    jsi::PropNameID propNameID = jsi::PropNameID::forUtf8(runtime, name);
-                    jsi::Value value = breakpointsObj.getProperty(runtime, propNameID);
-
-                    if (value.isNumber()) {
-                        double breakpointValue = value.asNumber();
-                        sortedBreakpointEntriesVec.push_back(std::make_pair(name, breakpointValue));
-                    }
-                }
-
-                std::sort(sortedBreakpointEntriesVec.begin(), sortedBreakpointEntriesVec.end(), [](const std::pair<std::string, double>& a, const std::pair<std::string, double>& b) {
-                        return a.second < b.second;
-                });
-
-                this->sortedBreakpointEntries = sortedBreakpointEntriesVec;
-                
-               std::string breakpoint = this->getBreakpointFromScreenWidth(this->screenWidth, sortedBreakpointEntriesVec);
-
-               this->breakpoint = breakpoint;
-
-               return jsi::Value::undefined();
-           }
-         );
-    }
-    
-    if (propName == "useTheme") {
-        return jsi::Function::createFromHostFunction(runtime,
-            jsi::PropNameID::forAscii(runtime, "useTheme"),
-            1,
-            [this](jsi::Runtime &runtime, const jsi::Value &thisVal, const jsi::Value *arguments, size_t count) -> jsi::Value {
-                std::string themeName = arguments[0].asString(runtime).utf8(runtime);
-                NSString *currentTheme = [NSString stringWithUTF8String:themeName.c_str()];
-            
-                this->theme = themeName;
-            
-                NSDictionary *body = @{
-                    @"type": @"theme",
-                    @"payload": @{
-                        @"currentTheme": currentTheme
-                    }
-                };
-                this->eventHandler(body);
-
-                return jsi::Value::undefined();
-            }
-        );
-    }
-    
-    if (propName == "useColorScheme") {
-        return jsi::Function::createFromHostFunction(runtime,
-            jsi::PropNameID::forAscii(runtime, "useColorScheme"),
-            1,
-            [this](jsi::Runtime &runtime, const jsi::Value &thisVal, const jsi::Value *arguments, size_t count) -> jsi::Value {
-                std::string colorScheme = arguments[0].asString(runtime).utf8(runtime);
-
-                this->colorScheme = colorScheme;
-
-                return jsi::Value::undefined();
-            }
-        );
-    }
-    
-    if (propName == "useFeatureFlags") {
-        return jsi::Function::createFromHostFunction(runtime,
-            jsi::PropNameID::forAscii(runtime, "useFeatureFlags"),
-            1,
-            [this](jsi::Runtime &runtime, const jsi::Value &thisVal, const jsi::Value *arguments, size_t count) -> jsi::Value {
-                jsi::Array featureFlagsArray = arguments[0].asObject(runtime).asArray(runtime);
-                size_t length = featureFlagsArray.size(runtime);
-                std::vector<std::string> featureFlags;
-                featureFlags.reserve(length);
-                    
-                for (size_t i = 0; i < length; ++i) {
-                    jsi::Value element = featureFlagsArray.getValueAtIndex(runtime, i);
-
-                    if (element.isString()) {
-                        std::string featureFlag = element.asString(runtime).utf8(runtime);
-                        featureFlags.push_back(featureFlag);
-                    }
-                }
-
-                this->featureFlags = featureFlags;
-            
-                return jsi::Value::undefined();
-            }
-        );
-    }
-   
-    return jsi::Value::undefined();
-}
-
-std::string UnistylesRuntime::getBreakpointFromScreenWidth(double width, const std::vector<std::pair<std::string, double>>& sortedBreakpointEntries) {
-    for (size_t i = 0; i < sortedBreakpointEntries.size(); ++i) {
-        const auto& [key, value] = sortedBreakpointEntries[i];
-        const double maxVal = (i + 1 < sortedBreakpointEntries.size()) ? sortedBreakpointEntries[i + 1].second : std::numeric_limits<double>::infinity();
-
-        if (width >= value && width < maxVal) {
-            return key;
-        }
-    }
-    
-    return sortedBreakpointEntries.empty() ? "" : sortedBreakpointEntries.back().first;
-}
-
-void UnistylesRuntime::handleScreenSizeChangeWithWidth(CGFloat width, CGFloat height) {
-    std::string currentBreakpoint = this->breakpoint;
-    std::string nextBreakpoint = this->getBreakpointFromScreenWidth(width, this->sortedBreakpointEntries);
-    
-    if (currentBreakpoint != nextBreakpoint) {
-        this->breakpoint = nextBreakpoint;
-
-        NSString *breakpoint = [NSString stringWithUTF8String:nextBreakpoint.c_str()];
-        NSDictionary *body = @{
-            @"type": @"breakpoint",
-            @"payload": @{
-                @"currentBreakpoint": breakpoint
-            }
-        };
-        
-        this->eventHandler(body);
-    }
-}

package/lib/typescript/examples/expo/src/App.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const App: React.FunctionComponent;
-//# sourceMappingURL=App.d.ts.map

package/lib/typescript/examples/expo/src/App.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../../examples/expo/src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,iBAMvB,CAAA"}

package/lib/typescript/examples/expo/src/examples/Cxx.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const Cxx: () => React.JSX.Element;
-//# sourceMappingURL=Cxx.d.ts.map

package/lib/typescript/examples/expo/src/examples/Cxx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cxx.d.ts","sourceRoot":"","sources":["../../../../../../examples/expo/src/examples/Cxx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,GAAG,yBA+Cf,CAAA"}

package/lib/typescript/examples/expo/src/examples/index.d.ts

@@ -1,2 +0,0 @@
-export { Cxx } from './Cxx';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/examples/expo/src/examples/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../examples/expo/src/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA"}

package/lib/typescript/examples/expo/src/index.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/examples/expo/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../examples/expo/src/index.ts"],"names":[],"mappings":""}

package/lib/typescript/examples/expo/src/styles/breakpoints.d.ts

@@ -1,8 +0,0 @@
-export declare const breakpoints: {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-};
-//# sourceMappingURL=breakpoints.d.ts.map

package/lib/typescript/examples/expo/src/styles/breakpoints.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../../../../examples/expo/src/styles/breakpoints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAA"}