From 47022fe715ea5042da32c6e44e0c3a7359fd30db Mon Sep 17 00:00:00 2001
From: "pengfei.zhou" <pengfeizhou@foxmail.com>
Date: Wed, 14 Jul 2021 11:41:50 +0800
Subject: [PATCH] iOS update devkit ui,add snapshot switch and performance
 switch

---
 DoricDevkit.podspec                           |   5 +-
 .../Devkit/Assets/icon_doricdev_close.png     | Bin 0 -> 2868 bytes
 .../Devkit/Assets/icon_doricdev_move.png      | Bin 0 -> 5659 bytes
 .../Devkit/Assets/icon_doricdev_next.png      | Bin 0 -> 2812 bytes
 .../Devkit/Assets/icon_doricdev_prev.png      | Bin 0 -> 3347 bytes
 .../Devkit/Classes/DoricDevViewController.m   |  75 ++++++++++++++----
 doric-iOS/Pod/Classes/DoricRegistry.h         |   4 +
 doric-iOS/Pod/Classes/DoricRegistry.m         |  10 +++
 8 files changed, 77 insertions(+), 17 deletions(-)
 create mode 100644 doric-iOS/Devkit/Assets/icon_doricdev_close.png
 create mode 100644 doric-iOS/Devkit/Assets/icon_doricdev_move.png
 create mode 100644 doric-iOS/Devkit/Assets/icon_doricdev_next.png
 create mode 100644 doric-iOS/Devkit/Assets/icon_doricdev_prev.png

diff --git a/DoricDevkit.podspec b/DoricDevkit.podspec
index 180e9049..51df6e06 100644
--- a/DoricDevkit.podspec
+++ b/DoricDevkit.podspec
@@ -15,7 +15,10 @@ Doric iOS Devkit for debugging & hotload.
   s.ios.deployment_target = '8.0'
 
   s.source_files = 'doric-iOS/Devkit/Classes/**/*'
-
+  
+  s.resource_bundles = {
+    'DoricDevkit' => ['doric-iOS/Devkit/Assets/**/*']
+  }
   s.public_header_files = 'doric-iOS/Devkit/Classes/**/*.h'
 
   s.dependency 'DoricCore'
diff --git a/doric-iOS/Devkit/Assets/icon_doricdev_close.png b/doric-iOS/Devkit/Assets/icon_doricdev_close.png
new file mode 100644
index 0000000000000000000000000000000000000000..7e38f450ac1986fb51a7c046b9cd593c1611adcc
GIT binary patch
literal 2868
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
A(*OVf

literal 0
HcmV?d00001

diff --git a/doric-iOS/Devkit/Assets/icon_doricdev_move.png b/doric-iOS/Devkit/Assets/icon_doricdev_move.png
new file mode 100644
index 0000000000000000000000000000000000000000..70714fe6605e1044e82513261fddb251dc28b511
GIT binary patch
literal 5659
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
F{|C8Zl7|2Q

literal 0
HcmV?d00001

diff --git a/doric-iOS/Devkit/Assets/icon_doricdev_next.png b/doric-iOS/Devkit/Assets/icon_doricdev_next.png
new file mode 100644
index 0000000000000000000000000000000000000000..811489f579c50d1b4b351e094cea69470507cbcf
GIT binary patch
literal 2812
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

literal 0
HcmV?d00001

diff --git a/doric-iOS/Devkit/Assets/icon_doricdev_prev.png b/doric-iOS/Devkit/Assets/icon_doricdev_prev.png
new file mode 100644
index 0000000000000000000000000000000000000000..7bf6c85ee333d738c2caedbb8ee19fff9828074d
GIT binary patch
literal 3347
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
aploIfW4s;x6vcja0LF&qm^uU8!+!%@|K~yg

literal 0
HcmV?d00001

diff --git a/doric-iOS/Devkit/Classes/DoricDevViewController.m b/doric-iOS/Devkit/Classes/DoricDevViewController.m
index f7bcfeba..fae3f46b 100644
--- a/doric-iOS/Devkit/Classes/DoricDevViewController.m
+++ b/doric-iOS/Devkit/Classes/DoricDevViewController.m
@@ -27,6 +27,7 @@
 #import "DoricDevViewController.h"
 #import "QRScanViewController.h"
 #import "DoricDebugDriver.h"
+#import "DoricRegistry.h"
 
 @interface DoricContextCell : UITableViewCell
 @property(nonatomic, strong) UILabel *tvId;
@@ -130,7 +131,10 @@ @interface DoricDevViewController () <UITableViewDelegate, UITableViewDataSource
 @property(nonatomic, strong) UILabel *tvInput;
 @property(nonatomic, strong) UILabel *tvScan;
 @property(nonatomic, strong) UILabel *tvDisconnect;
-
+@property(nonatomic, strong) UILabel *tvSnapshot;
+@property(nonatomic, strong) UILabel *tvPerformance;
+@property(nonatomic, strong) UISwitch *switchSnapshot;
+@property(nonatomic, strong) UISwitch *switchPerformance;
 @property(nonatomic, strong) UITableView *listView;
 
 @end
@@ -144,7 +148,7 @@ - (void)viewDidLoad {
     self.view.backgroundColor = UIColor.whiteColor;
     self.headerView = [[UIView new] also:^(UIView *it) {
         it.width = self.view.width;
-        it.height = 60;
+        it.height = 140;
         it.backgroundColor = DoricColor(@(0xff70a1ff));
         [self.view addSubview:it];
     }];
@@ -208,11 +212,43 @@ - (void)viewDidLoad {
         UITapGestureRecognizer *tapGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(disconnect)];
         [it addGestureRecognizer:tapGestureRecognizer];
     }];
+    self.tvSnapshot = [[UILabel new] also:^(UILabel *it) {
+        it.text = @"Record Snapshot";
+        it.textColor = [UIColor whiteColor];
+        it.font = [UIFont systemFontOfSize:15];
+        it.textAlignment = NSTextAlignmentCenter;
+        [it sizeToFit];
+        [self.headerView addSubview:it];
+    }];
+    self.tvPerformance = [[UILabel new] also:^(UILabel *it) {
+        it.text = @"Performance";
+        it.textColor = [UIColor whiteColor];
+        it.font = [UIFont systemFontOfSize:15];
+        it.textAlignment = NSTextAlignmentCenter;
+        [it sizeToFit];
+        [self.headerView addSubview:it];
+    }];
+    self.switchSnapshot = [[UISwitch new] also:^(UISwitch *it) {
+        [it addTarget:self action:@selector(onSnapshotSwitch) forControlEvents:UIControlEventValueChanged];
+        [self.headerView addSubview:it];
+    }];
+    self.switchPerformance = [[UISwitch new] also:^(UISwitch *it) {
+        [it addTarget:self action:@selector(onPerformanceSwitch) forControlEvents:UIControlEventValueChanged];
+        [self.headerView addSubview:it];
+    }];
     [self initHeaders];
     [self initList];
     [DoricDev.instance addStatusCallback:self];
 }
 
+- (void)onSnapshotSwitch {
+    [DoricRegistry enableRenderSnapshot:self.switchSnapshot.isOn];
+}
+
+- (void)onPerformanceSwitch {
+    [DoricRegistry enablePerformance:self.switchPerformance.isOn];
+}
+
 - (void)disconnect {
     [DoricDev.instance closeDevMode];
 }
@@ -276,8 +312,8 @@ - (void)initHeaders {
 
         self.tvConnection.left = self.tvLabel.right + 20;
         self.tvDisconnect.right = self.view.width - 15;
-        self.tvConnection.centerY = self.headerView.centerY;
-        self.tvDisconnect.centerY = self.headerView.centerY;
+        self.tvConnection.top = 15;
+        self.tvDisconnect.top = 15;
     } else {
         self.tvConnection.text = @"Disconnected";
         self.tvInput.hidden = NO;
@@ -292,10 +328,22 @@ - (void)initHeaders {
         self.tvConnection.left = self.tvLabel.right + 20;
         self.tvScan.right = self.view.width - 15;
         self.tvInput.right = self.tvScan.left - 10;
-        self.tvConnection.centerY = self.headerView.centerY;
-        self.tvScan.centerY = self.headerView.centerY;
-        self.tvInput.centerY = self.headerView.centerY;
+
+        self.tvConnection.top = 15;
+        self.tvScan.top = 15;
+        self.tvInput.top = 15;
     }
+    self.tvSnapshot.left = self.tvLabel.right + 20;
+    self.switchSnapshot.left = self.tvSnapshot.right + 20;
+    self.switchSnapshot.top = self.tvConnection.bottom + 15;
+    self.tvSnapshot.centerY = self.switchSnapshot.centerY;
+    self.switchSnapshot.on = [DoricRegistry isEnableRenderSnapshot];
+
+    self.tvPerformance.left = self.tvLabel.right + 20;
+    self.switchPerformance.left = self.tvPerformance.right + 20;
+    self.switchPerformance.top = self.switchSnapshot.bottom + 15;
+    self.tvPerformance.centerY = self.switchPerformance.centerY;
+    self.switchPerformance.on = [DoricRegistry isEnablePerformance];
 }
 
 - (void)initList {
@@ -325,15 +373,12 @@ - (UIImage *)decodeImage:(BOOL)on {
     return [UIImage imageWithData:imageData];
 }
 
-- (NSInteger)tableView:(UITableView *)tableView
- numberOfRowsInSection:
-         (NSInteger)section {
+- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:
+        (NSInteger)section {
     return [DoricContextManager.instance aliveContexts].count;
 }
 
-- (UITableViewCell *)tableView:(UITableView *)tableView
-         cellForRowAtIndexPath:
-                 (NSIndexPath *)indexPath {
+- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
     DoricContextCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
     if (cell == nil) {
         cell = [[DoricContextCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
@@ -369,9 +414,7 @@ - (UITableViewCell *)tableView:(UITableView *)tableView
     return cell;
 }
 
-- (CGFloat)   tableView:(UITableView *)tableView
-heightForRowAtIndexPath:
-        (NSIndexPath *)indexPath {
+- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
     return 60.f;
 }
 
diff --git a/doric-iOS/Pod/Classes/DoricRegistry.h b/doric-iOS/Pod/Classes/DoricRegistry.h
index ff329b83..28b05901 100644
--- a/doric-iOS/Pod/Classes/DoricRegistry.h
+++ b/doric-iOS/Pod/Classes/DoricRegistry.h
@@ -56,6 +56,10 @@ NS_ASSUME_NONNULL_BEGIN
 + (void)enablePerformance:(BOOL)enable;
 
 + (BOOL)isEnablePerformance;
+
++ (void)enableRenderSnapshot:(BOOL)enable;
+
++ (BOOL)isEnableRenderSnapshot;
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/doric-iOS/Pod/Classes/DoricRegistry.m b/doric-iOS/Pod/Classes/DoricRegistry.m
index 2267740c..5550f9a3 100644
--- a/doric-iOS/Pod/Classes/DoricRegistry.m
+++ b/doric-iOS/Pod/Classes/DoricRegistry.m
@@ -60,6 +60,7 @@ @interface DoricLibraries : NSObject
 @property(nonatomic, strong) NSHashTable<DoricRegistry *> *registries;
 @property(nonatomic, strong) NSMutableDictionary *envDic;
 @property(nonatomic, assign) BOOL enablePerformance;
+@property(nonatomic, assign) BOOL enableRecordSnapshot;
 
 + (instancetype)instance;
 @end
@@ -71,6 +72,7 @@ - (instancetype)init {
         _registries = [NSHashTable new];
         _envDic = [NSMutableDictionary new];
         _enablePerformance = NO;
+        _enableRecordSnapshot = NO;
     }
     return self;
 }
@@ -140,6 +142,14 @@ + (BOOL)isEnablePerformance {
     return DoricLibraries.instance.enablePerformance;
 }
 
++ (void)enableRenderSnapshot:(BOOL)enable {
+    DoricLibraries.instance.enableRecordSnapshot = enable;
+}
+
++ (BOOL)isEnableRenderSnapshot {
+    return DoricLibraries.instance.enableRecordSnapshot;
+}
+
 - (void)innerRegister {
     [self registerNativePlugin:DoricShaderPlugin.class withName:@"shader"];
     [self registerNativePlugin:DoricModalPlugin.class withName:@"modal"];