From a903c7ddc6b4730b4d0cb9bf88c03bc28c539429 Mon Sep 17 00:00:00 2001 From: Roman Gorbunov Date: Thu, 25 Jul 2019 03:59:05 -0700 Subject: [PATCH] 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 --- .../CKCenterLayoutComponent+Sonar.h | 13 +++ .../CKCenterLayoutComponent+Sonar.mm | 83 +++++++++++++++++++ .../CKComponent+Sonar.mm | 1 + 3 files changed, 97 insertions(+) create mode 100644 iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKCenterLayoutComponent+Sonar.h create mode 100644 iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKCenterLayoutComponent+Sonar.mm diff --git a/iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKCenterLayoutComponent+Sonar.h b/iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKCenterLayoutComponent+Sonar.h new file mode 100644 index 000000000..3deb9e9ef --- /dev/null +++ b/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 +#import + +FB_LINK_REQUIRE_CATEGORY(CKCenterLayoutComponent_Sonar) +@interface CKCenterLayoutComponent (Sonar) + +@end diff --git a/iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKCenterLayoutComponent+Sonar.mm b/iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKCenterLayoutComponent+Sonar.mm new file mode 100644 index 000000000..da9a5d673 --- /dev/null +++ b/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 +#import + +#import "CKComponent+Sonar.h" + +static NSDictionary *CKCenterLayoutComponentCenteringOptionsParser(CKCenterLayoutComponentCenteringOptions centeringOptions) { + NSMutableDictionary *centeringDict = [NSMutableDictionary new]; + centeringDict[@"centeringX"] = SKMutableObject(@((BOOL)(centeringOptions & CKCenterLayoutComponentCenteringX))); + centeringDict[@"centeringY"] = SKMutableObject(@((BOOL)(centeringOptions & CKCenterLayoutComponentCenteringY))); + return centeringDict; +} + +static NSDictionary *CKCenterLayoutComponentSizingOptionsParser(CKCenterLayoutComponentSizingOptions sizingOptions) { + NSMutableDictionary *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 *> *> *)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 *)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 diff --git a/iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKComponent+Sonar.mm b/iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKComponent+Sonar.mm index c591cf08c..8648204e9 100644 --- a/iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKComponent+Sonar.mm +++ b/iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKComponent+Sonar.mm @@ -21,6 +21,7 @@ #import #import +#import "CKCenterLayoutComponent+Sonar.h" #import "CKRatioLayoutComponent+Sonar.h" #import "CKFlexboxComponent+Sonar.h" #import "CKInsetComponent+Sonar.h"