CKCenterLayoutComponent live editing

Summary:
CKCenterLayoutComponent's options are now live editable

P.S. Now it takes some time to see the view changed and the new value of everything on flipper side

Reviewed By: kevin0571

Differential Revision: D16458390

fbshipit-source-id: a5344253641633dd8c985549c2d9bc6f64da1f74

iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKCenterLayoutComponent+Sonar.h

@@ -0,0 +1,13 @@
+/*
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the LICENSE
+ * file in the root directory of this source tree.
+ */
+#import <ComponentKit/CKCenterLayoutComponent.h>
+#import <FlipperKit/SKMacros.h>
+
+FB_LINK_REQUIRE_CATEGORY(CKCenterLayoutComponent_Sonar)
+@interface CKCenterLayoutComponent (Sonar)
+
+@end

iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKCenterLayoutComponent+Sonar.mm

@@ -0,0 +1,83 @@
+/*
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the LICENSE
+ * file in the root directory of this source tree.
+ */
+#if FB_SONARKIT_ENABLED
+
+#import "CKCenterLayoutComponent+Sonar.h"
+
+#import <FlipperKitLayoutPlugin/SKNamed.h>
+#import <FlipperKitLayoutPlugin/SKObject.h>
+
+#import "CKComponent+Sonar.h"
+
+static NSDictionary<NSString *, NSObject *> *CKCenterLayoutComponentCenteringOptionsParser(CKCenterLayoutComponentCenteringOptions centeringOptions) {
+  NSMutableDictionary<NSString *, NSObject *> *centeringDict = [NSMutableDictionary new];
+  centeringDict[@"centeringX"] = SKMutableObject(@((BOOL)(centeringOptions & CKCenterLayoutComponentCenteringX)));
+  centeringDict[@"centeringY"] = SKMutableObject(@((BOOL)(centeringOptions & CKCenterLayoutComponentCenteringY)));
+  return centeringDict;
+}
+
+static NSDictionary<NSString *, NSObject *> *CKCenterLayoutComponentSizingOptionsParser(CKCenterLayoutComponentSizingOptions sizingOptions) {
+  NSMutableDictionary<NSString *, NSObject *> *centeringDict = [NSMutableDictionary new];
+  centeringDict[@"sizingMinimumX"] = SKMutableObject(@((BOOL)(sizingOptions & CKCenterLayoutComponentSizingOptionMinimumX)));
+  centeringDict[@"sizingMinimumY"] = SKMutableObject(@((BOOL)(sizingOptions & CKCenterLayoutComponentSizingOptionMinimumY)));
+  return centeringDict;
+}
+
+struct CKCenterLayoutComponentOptionsStruct {
+  CKCenterLayoutComponentCenteringOptions centeringOptions;
+  CKCenterLayoutComponentSizingOptions sizingOptions;
+  CKCenterLayoutComponentOptionsStruct() {
+    centeringOptions = 0;
+    sizingOptions = 0;
+  }
+};
+
+FB_LINKABLE(CKCenterLayoutComponent_Sonar)
+@implementation CKCenterLayoutComponent (Sonar)
+
+- (NSArray<SKNamed<NSDictionary<NSString *, NSObject *> *> *> *)sonar_additionalDataOverride
+{
+  return @[[SKNamed newWithName:@"CKCenterLayoutComponent" withValue:@{
+                                                                       @"centeringOptions": SKMutableObject(CKCenterLayoutComponentCenteringOptionsParser((CKCenterLayoutComponentCenteringOptions)[[self valueForKey:@"_centeringOptions"] longValue])),
+                                                                       @"sizingOptions": SKMutableObject(CKCenterLayoutComponentSizingOptionsParser((CKCenterLayoutComponentSizingOptions)[[self valueForKey:@"_sizingOptions"] longValue]))
+                                                                       }]];
+}
+
+- (void)setMutableData:(id)data {
+  CKCenterLayoutComponentOptionsStruct value;
+  [data getValue:&value];
+  [self setValue:@(value.centeringOptions) forKey:@"_centeringOptions"];
+  [self setValue:@(value.sizingOptions) forKey:@"_sizingOptions"];
+}
+
+- (NSDictionary<NSString *, SKNodeDataChanged> *)sonar_getDataMutationsChanged {
+  __block CKCenterLayoutComponentOptionsStruct options;
+  options.centeringOptions = (CKCenterLayoutComponentCenteringOptions)[[self valueForKey:@"_centeringOptions"] longValue];
+  options.sizingOptions = (CKCenterLayoutComponentSizingOptions)[[self valueForKey:@"_sizingOptions"] longValue];
+  return @{
+           @"CKCenterLayoutComponent.centeringOptions.centeringX": ^(NSNumber *value) {
+             options.centeringOptions ^= CKCenterLayoutComponentCenteringX;
+             return [NSValue value:&options withObjCType:@encode(CKCenterLayoutComponentOptionsStruct)];
+           },
+           @"CKCenterLayoutComponent.centeringOptions.centeringY": ^(NSNumber *value) {
+             options.centeringOptions ^= CKCenterLayoutComponentCenteringY;
+             return [NSValue value:&options withObjCType:@encode(CKCenterLayoutComponentOptionsStruct)];
+           },
+           @"CKCenterLayoutComponent.sizingOptions.sizingMinimumX": ^(NSNumber *value) {
+             options.sizingOptions ^= CKCenterLayoutComponentSizingOptionMinimumX;
+             return [NSValue value:&options withObjCType:@encode(CKCenterLayoutComponentOptionsStruct)];
+           },
+           @"CKCenterLayoutComponent.sizingOptions.sizingMinimumY": ^(NSNumber *value) {
+             options.sizingOptions ^= CKCenterLayoutComponentSizingOptionMinimumY;
+             return [NSValue value:&options withObjCType:@encode(CKCenterLayoutComponentOptionsStruct)];
+           },
+           };
+}
+
+@end
+
+#endif

iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKComponent+Sonar.mm

@@ -21,6 +21,7 @@
 #import <objc/runtime.h>
 #import <objc/message.h>
 
+#import "CKCenterLayoutComponent+Sonar.h"
 #import "CKRatioLayoutComponent+Sonar.h"
 #import "CKFlexboxComponent+Sonar.h"
 #import "CKInsetComponent+Sonar.h"