feat: create objc part

Author: atlj

packages/create-react-native-library/templates/objc-view-library-mixed/ios/Utils.h

@@ -0,0 +1,8 @@
+#ifndef Utils_h
+#define Utils_h
+
+@interface Utils : NSObject
++ hexStringToColor:(NSString *)stringToConvert;
+@end
+
+#endif /* Utils_h */

packages/create-react-native-library/templates/objc-view-library-mixed/ios/Utils.m

@@ -0,0 +1,26 @@
+#import <Foundation/Foundation.h>
+#import "Utils.h"
+#import <UIKit/UIKit.h>
+
+@implementation Utils
+
++ hexStringToColor:(NSString *)stringToConvert
+{
+    NSString *noHashString = [stringToConvert stringByReplacingOccurrencesOfString:@"#" withString:@""];
+    NSScanner *stringScanner = [NSScanner scannerWithString:noHashString];
+    
+    unsigned hex;
+    if (![stringScanner scanHexInt:&hex]) return nil;
+    int r = (hex >> 16) & 0xFF;
+    int g = (hex >> 8) & 0xFF;
+    int b = (hex) & 0xFF;
+    
+    return [UIColor colorWithRed:r / 255.0f green:g / 255.0f blue:b / 255.0f alpha:1.0f];
+}
+
++ (id)alloc {
+  [NSException raise:@"Cannot be instantiated!" format:@"Static class 'Utils' cannot be instantiated!"];
+  return nil;
+}
+
+@end

packages/create-react-native-library/templates/objc-view-library-mixed/ios/{%- project.name %}.h

@@ -0,0 +1,17 @@
+<% if (project.cpp) { -%>
+#ifdef __cplusplus
+#import "<%- project.identifier -%>.h"
+#endif
+<% } -%>
+
+#ifdef RCT_NEW_ARCH_ENABLED
+#import "RN<%- project.name -%>Spec.h"
+
+@interface <%- project.name -%> : NSObject <Native<%- project.name -%>Spec>
+#else
+#import <React/RCTBridgeModule.h>
+
+@interface <%- project.name -%> : NSObject <RCTBridgeModule>
+#endif
+
+@end

packages/create-react-native-library/templates/objc-view-library-mixed/ios/{%- project.name %}.mm

@@ -0,0 +1,48 @@
+#import "<%- project.name -%>.h"
+
+@implementation <%- project.name -%>
+
+RCT_EXPORT_MODULE()
+
+<% if (project.arch === 'legacy' || project.arch === 'mixed') { -%>
+// Example method
+// See // https://reactnative.dev/docs/native-modules-ios
+RCT_EXPORT_METHOD(multiply:(double)a
+                  b:(double)b
+                  resolve:(RCTPromiseResolveBlock)resolve
+                  reject:(RCTPromiseRejectBlock)reject)
+{
+<% if (project.cpp) { -%>
+    NSNumber *result = @(<%- project.package_cpp -%>::multiply(a, b));
+<% } else { -%>
+    NSNumber *result = @(a * b);
+<% } -%>
+
+    resolve(result);
+}
+
+<% } -%>
+<% if (project.arch === 'new' || project.arch === 'mixed') { -%>
+// Don't compile this code when we build for the old architecture.
+#ifdef RCT_NEW_ARCH_ENABLED
+<% if (project.arch === 'new') { -%>
+- (NSNumber *)multiply:(double)a b:(double)b {
+<% if (project.cpp) { -%>
+    NSNumber *result = @(<%- project.package_cpp -%>::multiply(a, b));
+<% } else { -%>
+    NSNumber *result = @(a * b);
+<% } -%>
+
+    return result;
+}
+
+<% } -%>
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
+    (const facebook::react::ObjCTurboModule::InitParams &)params
+{
+    return std::make_shared<facebook::react::Native<%- project.name -%>SpecJSI>(params);
+}
+#endif
+<% } -%>
+
+@end

packages/create-react-native-library/templates/objc-view-library-mixed/ios/{%- project.name %}View.h

@@ -0,0 +1,17 @@
+// This guard prevent this file to be compiled in the old architecture.
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+#ifndef <%- project.name -%>ViewNativeComponent_h
+#define <%- project.name -%>ViewNativeComponent_h
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface <%- project.name -%>View : RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif /* <%- project.name -%>ViewNativeComponent_h */
+#endif /* RCT_NEW_ARCH_ENABLED */

packages/create-react-native-library/templates/objc-view-library-mixed/ios/{%- project.name %}View.mm

@@ -0,0 +1,60 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+#import "<%- project.name -%>View.h"
+
+#import <react/renderer/components/RN<%- project.name -%>ViewSpec/ComponentDescriptors.h>
+#import <react/renderer/components/RN<%- project.name -%>ViewSpec/EventEmitters.h>
+#import <react/renderer/components/RN<%- project.name -%>ViewSpec/Props.h>
+#import <react/renderer/components/RN<%- project.name -%>ViewSpec/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+#import "Utils.h"
+
+using namespace facebook::react;
+
+@interface <%- project.name -%>View () <RCT<%- project.name -%>ViewViewProtocol>
+
+@end
+
+@implementation <%- project.name -%>View {
+    UIView * _view;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+    return concreteComponentDescriptorProvider<<%- project.name -%>ViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const <%- project.name -%>ViewProps>();
+    _props = defaultProps;
+
+    _view = [[UIView alloc] init];
+
+    self.contentView = _view;
+  }
+
+  return self;
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+    const auto &oldViewProps = *std::static_pointer_cast<<%- project.name -%>ViewProps const>(_props);
+    const auto &newViewProps = *std::static_pointer_cast<<%- project.name -%>ViewProps const>(props);
+
+    if (oldViewProps.color != newViewProps.color) {
+        NSString * colorToConvert = [[NSString alloc] initWithUTF8String: newViewProps.color.c_str()];
+        [_view setBackgroundColor: [Utils hexStringToColor:colorToConvert]];
+    }
+
+    [super updateProps:props oldProps:oldProps];
+}
+
+Class<RCTComponentViewProtocol> <%- project.name -%>ViewCls(void)
+{
+    return <%- project.name -%>View.class;
+}
+
+@end
+#endif

packages/create-react-native-library/templates/objc-view-library-mixed/ios/{%- project.name %}ViewManager.mm

@@ -0,0 +1,23 @@
+#import <React/RCTViewManager.h>
+#import <React/RCTUIManager.h>
+#import "RCTBridge.h"
+#import "Utils.h"
+
+@interface <%- project.name -%>ViewManager : RCTViewManager
+@end
+
+@implementation <%- project.name -%>ViewManager
+
+RCT_EXPORT_MODULE(<%- project.name -%>View)
+
+- (UIView *)view
+{
+  return [[UIView alloc] init];
+}
+
+RCT_CUSTOM_VIEW_PROPERTY(color, NSString, UIView)
+{
+  [view setBackgroundColor: [Utils hexStringToColor:json]];
+}
+
+@end