react-native-unistyles 1.3.0 → 1.4.0

package/cxx/UnistylesRuntime.cpp

@@ -1,318 +0,0 @@
-#include "UnistylesRuntime.h"
-
-#include <string>
-#include <vector>
-
-#pragma region HostObject
-
-std::vector<jsi::PropNameID> UnistylesRuntime::getPropertyNames(jsi::Runtime& runtime) {
-    std::vector<jsi::PropNameID> properties;
-
-    // getters
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("screenWidth")));
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("screenHeight")));
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("contentSizeCategory")));
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("hasAdaptiveThemes")));
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("themeName")));
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("breakpoint")));
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("colorScheme")));
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("sortedBreakpointPairs")));
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("useBreakpoints")));
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("useTheme")));
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("useAdaptiveThemes")));
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("addPlugin")));
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("removePlugin")));
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("enabledPlugins")));
-
-    // setters
-    properties.push_back(jsi::PropNameID::forUtf8(runtime, std::string("themes")));
-
-    return properties;
-}
-
-jsi::Value UnistylesRuntime::get(jsi::Runtime& runtime, const jsi::PropNameID& propNameId) {
-    std::string propName = propNameId.utf8(runtime);
-
-    if (propName == "screenWidth") {
-        return jsi::Value(this->screenWidth);
-    }
-
-    if (propName == "screenHeight") {
-        return jsi::Value(this->screenHeight);
-    }
-
-    if (propName == "hasAdaptiveThemes") {
-        return jsi::Value(this->hasAdaptiveThemes);
-    }
-    
-    if (propName == "contentSizeCategory") {
-        return jsi::Value(jsi::String::createFromUtf8(runtime, this->contentSizeCategory));
-    }
-
-    if (propName == "themeName") {
-        return !this->themeName.empty()
-            ? jsi::Value(jsi::String::createFromUtf8(runtime, this->themeName))
-            : this->getThemeOrFail(runtime);
-    }
-
-    if (propName == "breakpoint") {
-        return !this->breakpoint.empty()
-            ? jsi::Value(jsi::String::createFromUtf8(runtime, this->breakpoint))
-            : jsi::Value::undefined();
-    }
-
-    if (propName == "colorScheme") {
-        return jsi::Value(jsi::String::createFromUtf8(runtime, this->colorScheme));
-    }
-    
-    if (propName == "enabledPlugins") {
-        auto jsiArray = facebook::jsi::Array(runtime, this->pluginNames.size());
-        
-        for (size_t i = 0; i < this->pluginNames.size(); i++) {
-            jsiArray.setValueAtIndex(runtime, i, facebook::jsi::String::createFromUtf8(runtime, this->pluginNames[i]));
-        }
-        
-        return jsiArray;
-    }
-
-    if (propName == "sortedBreakpointPairs") {
-        std::unique_ptr<jsi::Array> sortedBreakpointEntriesArray = std::make_unique<jsi::Array>(runtime, this->sortedBreakpointPairs.size());
-
-        for (size_t i = 0; i < this->sortedBreakpointPairs.size(); ++i) {
-            std::unique_ptr<jsi::Array> pairArray = std::make_unique<jsi::Array>(runtime, 2);
-            jsi::String nameValue = jsi::String::createFromUtf8(runtime, this->sortedBreakpointPairs[i].first);
-
-            pairArray->setValueAtIndex(runtime, 0, nameValue);
-            pairArray->setValueAtIndex(runtime, 1, jsi::Value(this->sortedBreakpointPairs[i].second));
-            sortedBreakpointEntriesArray->setValueAtIndex(runtime, i, *pairArray);
-        }
-
-        return jsi::Value(runtime, *sortedBreakpointEntriesArray);
-    }
-    
-    if (propName == "addPlugin") {
-        return jsi::Function::createFromHostFunction(
-            runtime,
-            jsi::PropNameID::forAscii(runtime, "addPlugin"),
-            1,
-            [this](jsi::Runtime &runtime, const jsi::Value &thisVal, const jsi::Value *arguments, size_t count) -> jsi::Value {
-                std::string pluginName = arguments[0].asString(runtime).utf8(runtime);
-                bool notify = arguments[1].asBool();
-                
-                this->pluginNames.push_back(pluginName);
-                
-                // registry enabled plugins won't notify listeners
-                if (notify) {
-                    this->onPluginChangeCallback();
-                }
-                
-                return jsi::Value::undefined();
-            }
-        );
-    }
-    
-    if (propName == "removePlugin") {
-        return jsi::Function::createFromHostFunction(
-            runtime,
-            jsi::PropNameID::forAscii(runtime, "removePlugin"),
-            1,
-            [this](jsi::Runtime &runtime, const jsi::Value &thisVal, const jsi::Value *arguments, size_t count) -> jsi::Value {
-                std::string pluginName = arguments[0].asString(runtime).utf8(runtime);
-                
-                auto it = std::find(this->pluginNames.begin(), this->pluginNames.end(), pluginName);
-                
-                if (it != this->pluginNames.end()) {
-                    this->pluginNames.erase(it);
-                    this->onPluginChangeCallback();
-                }
- 
-                return jsi::Value::undefined();
-            }
-        );
-    }
-
-    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;
-                });
-
-                if (sortedBreakpointEntriesVec.size() == 0) {
-                    throw jsi::JSError(runtime, UnistylesErrorBreakpointsCannotBeEmpty);
-                }
-
-                if (sortedBreakpointEntriesVec.at(0).second != 0) {
-                    throw jsi::JSError(runtime, UnistylesErrorBreakpointsMustStartFromZero);
-                }
-
-                this->sortedBreakpointPairs = 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);
-
-                if (this->themeName != themeName) {
-                    this->themeName = themeName;
-                    this->onThemeChangeCallback(themeName);
-                }
-            
-                return jsi::Value::undefined();
-            }
-        );
-    }
-
-    if (propName == "useAdaptiveThemes") {
-        return jsi::Function::createFromHostFunction(runtime,
-            jsi::PropNameID::forAscii(runtime, "useAdaptiveThemes"),
-            1,
-            [this](jsi::Runtime &runtime, const jsi::Value &thisVal, const jsi::Value *arguments, size_t count) -> jsi::Value {
-                bool enableAdaptiveThemes = arguments[0].asBool();
-
-                this->hasAdaptiveThemes = enableAdaptiveThemes;
-
-                if (!enableAdaptiveThemes || !this->supportsAutomaticColorScheme) {
-                    return jsi::Value::undefined();
-                }
-            
-                if (this->themeName != this->colorScheme) {
-                    this->themeName = this->colorScheme;
-                    this->onThemeChangeCallback(this->themeName);
-                }
-
-                return jsi::Value::undefined();
-            }
-        );
-    }
-
-    return jsi::Value::undefined();
-}
-
-void UnistylesRuntime::set(jsi::Runtime& runtime, const jsi::PropNameID& propNameId, const jsi::Value& value) {
-    std::string propName = propNameId.utf8(runtime);
-
-    if (propName == "themes" && value.isObject()) {
-        jsi::Array themes = value.asObject(runtime).asArray(runtime);
-        std::vector<std::string> themesVector;
-        size_t length = themes.size(runtime);
-
-        for (size_t i = 0; i < length; ++i) {
-            jsi::Value element = themes.getValueAtIndex(runtime, i);
-
-            if (element.isString()) {
-                std::string theme = element.asString(runtime).utf8(runtime);
-                themesVector.push_back(theme);
-            }
-        }
-
-        if (themesVector.size() == 0) {
-            throw jsi::JSError(runtime, UnistylesErrorThemesCannotBeEmpty);
-        }
-
-        this->themes = themesVector;
-        this->themeName = "";
-
-        bool hasLightTheme = std::find(themesVector.begin(), themesVector.end(), "light") != themesVector.end();
-        bool hasDarkTheme = std::find(themesVector.begin(), themesVector.end(), "dark") != themesVector.end();
-
-        this->supportsAutomaticColorScheme = hasLightTheme && hasDarkTheme;
-
-        return;
-    }
-}
-
-#pragma endregion
-#pragma region Helpers
-
-std::string UnistylesRuntime::getBreakpointFromScreenWidth(int width, const std::vector<std::pair<std::string, double>>& sortedBreakpointPairs) {
-    for (size_t i = 0; i < sortedBreakpointPairs.size(); ++i) {
-        const auto& [key, value] = sortedBreakpointPairs[i];
-        const double maxVal = (i + 1 < sortedBreakpointPairs.size()) ? sortedBreakpointPairs[i + 1].second : std::numeric_limits<double>::infinity();
-
-        if (width >= value && width < maxVal) {
-            return key;
-        }
-    }
-
-    return sortedBreakpointPairs.empty() ? "" : sortedBreakpointPairs.back().first;
-}
-
-void UnistylesRuntime::handleScreenSizeChange(int width, int height) {
-    std::string breakpoint = this->getBreakpointFromScreenWidth(width, this->sortedBreakpointPairs);
-    bool shouldNotify = this->breakpoint != breakpoint || this->screenWidth != width || this->screenHeight != height;
-    
-    this->breakpoint = breakpoint;
-    this->screenWidth = width;
-    this->screenHeight = height;
-
-    std::string orientation = width > height
-        ? UnistylesOrientationLandscape
-        : UnistylesOrientationPortrait;
-
-    if (shouldNotify) {
-        this->onLayoutChangeCallback(breakpoint, orientation, width, height);
-    }
-}
-
-void UnistylesRuntime::handleAppearanceChange(std::string colorScheme) {
-    this->colorScheme = colorScheme;
-
-    if (!this->supportsAutomaticColorScheme || !this->hasAdaptiveThemes) {
-        return;
-    }
-    
-    if (this->themeName != this->colorScheme) {
-        this->onThemeChangeCallback(this->colorScheme);
-        this->themeName = this->colorScheme;
-    }
-}
-
-void UnistylesRuntime::handleContentSizeCategoryChange(std::string contentSizeCategory) {
-    this->contentSizeCategory = contentSizeCategory;
-    this->onContentSizeCategoryChangeCallback(contentSizeCategory);
-}
-
-jsi::Value UnistylesRuntime::getThemeOrFail(jsi::Runtime& runtime) {
-    if (this->themes.size() == 1) {
-        std::string themeName = this->themes.at(0);
-
-        this->themeName = themeName;
-
-        return jsi::String::createFromUtf8(runtime, themeName);
-    }
-
-    return jsi::Value().undefined();
-}
-
-#pragma endregion

package/cxx/UnistylesRuntime.h

@@ -1,74 +0,0 @@
-#pragma once
-
-#include <jsi/jsi.h>
-#include <vector>
-
-using namespace facebook;
-
-const std::string UnistylesOrientationPortrait = "portrait";
-const std::string UnistylesOrientationLandscape = "landscape";
-
-const std::string UnistylesDarkScheme = "dark";
-const std::string UnistylesLightScheme = "light";
-const std::string UnistylesUnspecifiedScheme = "unspecified";
-
-const std::string UnistylesErrorBreakpointsCannotBeEmpty = "You are trying to register empty breakpoints object";
-const std::string UnistylesErrorBreakpointsMustStartFromZero = "You are trying to register breakpoints that don't start from 0";
-const std::string UnistylesErrorThemesCannotBeEmpty = "You are trying to register empty themes object";
-
-class JSI_EXPORT UnistylesRuntime : public jsi::HostObject {
-private:
-    std::function<void(std::string)> onThemeChangeCallback;
-    std::function<void(std::string breakpoint, std::string orientation, int screenWidth, int screenHeight)> onLayoutChangeCallback;
-    std::function<void(std::string)> onContentSizeCategoryChangeCallback;
-    std::function<void()> onPluginChangeCallback;
-
-    int screenWidth;
-    int screenHeight;
-    std::string colorScheme;
-    std::string contentSizeCategory;
-
-public:
-    UnistylesRuntime(
-        int screenWidth,
-        int screenHeight,
-        std::string colorScheme,
-        std::string contentSizeCategory
-    ): screenWidth(screenWidth), screenHeight(screenHeight), colorScheme(colorScheme), contentSizeCategory(contentSizeCategory) {}
-
-    bool hasAdaptiveThemes;
-    bool supportsAutomaticColorScheme;
-
-    std::string themeName;
-    std::string breakpoint;
-    std::vector<std::string> pluginNames;
-    std::vector<std::string> themes;
-    std::vector<std::pair<std::string, double>> sortedBreakpointPairs;
-
-    void onThemeChange(std::function<void(std::string)> callback) {
-        this->onThemeChangeCallback = callback;
-    }
-
-    void onLayoutChange(std::function<void(std::string breakpoint, std::string orientation, int screenWidth, int screenHeight)> callback) {
-        this->onLayoutChangeCallback = callback;
-    }
-
-    void onPluginChange(std::function<void()> callback) {
-        this->onPluginChangeCallback = callback;
-    }
-    
-    void onContentSizeCategoryChange(std::function<void(std::string)> callback) {
-        this->onContentSizeCategoryChangeCallback = callback;
-    }
-
-    jsi::Value get(jsi::Runtime&, const jsi::PropNameID& name) override;
-    void set(jsi::Runtime& runtime, const jsi::PropNameID& propNameId, const jsi::Value& value) override;
-    std::vector<jsi::PropNameID> getPropertyNames(jsi::Runtime& runtime) override;
-
-    void handleScreenSizeChange(int width, int height);
-    void handleAppearanceChange(std::string colorScheme);
-    void handleContentSizeCategoryChange(std::string contentSizeCategory);
-
-    jsi::Value getThemeOrFail(jsi::Runtime&);
-    std::string getBreakpointFromScreenWidth(int width, const std::vector<std::pair<std::string, double>>& sortedBreakpointEntries);
-};

package/ios/UnistylesHelpers.h

@@ -1,3 +0,0 @@
-#include <string>
-
-NSString* cxxStringToNSString(std::string);

package/ios/UnistylesHelpers.mm

@@ -1,5 +0,0 @@
-#import "UnistylesHelpers.h"
-
-NSString* cxxStringToNSString(std::string cxxString) {
-    return [NSString stringWithUTF8String:cxxString.c_str()];
-}

package/ios/UnistylesModule.h

@@ -1,16 +0,0 @@
-#import <React/RCTBridgeModule.h>
-#import <React/RCTEventEmitter.h>
-#import <string>
-
-#if TARGET_OS_OSX
-    #import "Platform_macOS.h"
-#elif TARGET_OS_IOS
-    #import "Platform_iOS.h"
-#endif
-
-@interface UnistylesModule : RCTEventEmitter<RCTBridgeModule>
-
-@property (nonatomic, assign) BOOL hasListeners;
-@property (nonatomic, strong) Platform *platform;
-
-@end

package/ios/UnistylesModule.mm

@@ -1,138 +0,0 @@
-#import "UnistylesModule.h"
-#import "UnistylesHelpers.h"
-#import "UnistylesRuntime.h"
-
-#import <React/RCTBridge+Private.h>
-#import <jsi/jsi.h>
-
-using namespace facebook;
-
-@implementation UnistylesModule
-
-RCT_EXPORT_MODULE(Unistyles)
-
-#pragma mark - Lifecycle
-
-- (instancetype)init {
-    if ((self = [super init])) {
-        self.platform = [[Platform alloc] init];
-    }
-
-    return self;
-}
-
-+ (BOOL)requiresMainQueueSetup {
-    return YES;
-}
-
-#pragma mark - Event emitter
-- (NSArray<NSString *> *)supportedEvents {
-    return @[@"__unistylesOnChange"];
-}
-
-- (void)startObserving {
-    self.hasListeners = YES;
-}
-
-- (void)stopObserving {
-    self.hasListeners = NO;
-}
-
-- (void)emitEvent:(NSString *)eventName withBody:(NSDictionary *)body {
-    if (self.hasListeners) {
-        [self sendEventWithName:@"__unistylesOnChange" body:body];
-    }
-}
-
-#pragma mark - Core
-
-RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD(install) {
-    RCTBridge* bridge = [RCTBridge currentBridge];
-    RCTCxxBridge* cxxBridge = (RCTCxxBridge*)bridge;
-
-    if (cxxBridge == nil) {
-        return @false;
-    }
-
-    auto jsiRuntime = (jsi::Runtime*)cxxBridge.runtime;
-
-    if (jsiRuntime == nil) {
-        return @false;
-    }
-
-    auto& runtime = *jsiRuntime;
-    UnistylesModule *__weak weakSelf = self;
-
-    registerUnistylesHostObject(runtime, weakSelf);
-
-    NSLog(@"Installed Unistyles 🦄!");
-
-    return @true;
-}
-
-void registerUnistylesHostObject(jsi::Runtime &runtime, UnistylesModule* weakSelf) {
-    auto unistylesRuntime = std::make_shared<UnistylesRuntime>(
-        (int)weakSelf.platform.initialWidth,
-        (int)weakSelf.platform.initialWidth,
-        weakSelf.platform.initialColorScheme,
-        weakSelf.platform.initialContentSizeCategory
-    );
-
-    unistylesRuntime.get()->onThemeChange([=](std::string theme) {
-        NSDictionary *body = @{
-            @"type": @"theme",
-            @"payload": @{
-                @"themeName": cxxStringToNSString(theme)
-            }
-        };
-
-        [weakSelf emitEvent:@"__unistylesOnChange" withBody:body];
-    });
-
-    unistylesRuntime.get()->onLayoutChange([=](std::string breakpoint, std::string orientation, int width, int height) {
-        NSDictionary *body = @{
-            @"type": @"layout",
-            @"payload": @{
-                @"breakpoint": cxxStringToNSString(breakpoint),
-                @"orientation": cxxStringToNSString(orientation),
-                @"screen": @{
-                    @"width": @(width),
-                    @"height": @(height)
-                }
-            }
-        };
-
-        [weakSelf emitEvent:@"__unistylesOnChange" withBody:body];
-    });
-    
-    unistylesRuntime.get()->onPluginChange([=]() {
-        NSDictionary *body = @{
-            @"type": @"plugin"
-        };
-
-        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
-            [weakSelf emitEvent:@"__unistylesOnChange" withBody:body];
-        });
-    });
-    
-    unistylesRuntime.get()->onContentSizeCategoryChange([=](std::string contentSizeCategory) {
-        NSDictionary *body = @{
-            @"type": @"dynamicTypeSize",
-            @"payload": @{
-                @"contentSizeCategory": cxxStringToNSString(contentSizeCategory)
-            }
-        };
-
-        [weakSelf emitEvent:@"__unistylesOnChange" withBody:body];
-    });
-
-    weakSelf.platform.unistylesRuntime = unistylesRuntime.get();
-
-    auto hostObject = jsi::Object::createFromHostObject(runtime, unistylesRuntime);
-
-    runtime.global().setProperty(runtime, "__UNISTYLES__", std::move(hostObject));
-}
-
-@end
-
-#pragma mark - End

package/ios/platform/Platform_iOS.h

@@ -1,21 +0,0 @@
-#include <string>
-
-@interface Platform : NSObject
-
-@property (nonatomic, assign) CGFloat initialWidth;
-@property (nonatomic, assign) CGFloat initialHeight;
-@property (nonatomic, assign) std::string initialColorScheme;
-@property (nonatomic, assign) std::string initialContentSizeCategory;
-@property (nonatomic, assign) void* unistylesRuntime;
-
-- (instancetype)init;
-
-- (void)setupListeners;
-- (void)onOrientationChange:(NSNotification *)notification;
-- (void)onAppearanceChange:(NSNotification *)notification;
-- (void)onContentSizeCategoryChange:(NSNotification *)notification;
-
-- (std::string)getColorScheme;
-- (std::string)getContentSizeCategory:(UIContentSizeCategory)contentSizeCategory;
-
-@end