Add saliency functionality to performance [SwiftUI] (#1257)

* Fix upload bug

* Add saliency map functionality

* Add saliency map UI tests

* Clarify process status

* Create ProcessDerivatives

* Use ProcessDerivatives within UI tests

* Update README.md

Author: jrcrespoh

performance/SwiftUIPerformanceQuickstart/PerformanceExample/PerformanceExample.xcodeproj/project.pbxproj

@@ -31,6 +31,12 @@
 		41BFA1EC26B1D3730013EB90 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 4102055826A631F5004B24B3 /* Assets.xcassets */; };
 		41BFA1F026B1D8B80013EB90 /* Process.swift in Sources */ = {isa = PBXBuildFile; fileRef = 41BFA1EF26B1D8B80013EB90 /* Process.swift */; };
 		41BFA1F326B1D8B80013EB90 /* Process.swift in Sources */ = {isa = PBXBuildFile; fileRef = 41BFA1EF26B1D8B80013EB90 /* Process.swift */; };
+		41C3EC0D26D0100F009DCA8B /* SaliencyMapView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 41C3EC0C26D0100F009DCA8B /* SaliencyMapView.swift */; };
+		41C3EC0E26D0100F009DCA8B /* SaliencyMapView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 41C3EC0C26D0100F009DCA8B /* SaliencyMapView.swift */; };
+		41C3EC1226D05538009DCA8B /* ProcessDerivatives.swift in Sources */ = {isa = PBXBuildFile; fileRef = 41C3EC1126D05538009DCA8B /* ProcessDerivatives.swift */; };
+		41C3EC1326D05538009DCA8B /* ProcessDerivatives.swift in Sources */ = {isa = PBXBuildFile; fileRef = 41C3EC1126D05538009DCA8B /* ProcessDerivatives.swift */; };
+		41C3EC1426D05538009DCA8B /* ProcessDerivatives.swift in Sources */ = {isa = PBXBuildFile; fileRef = 41C3EC1126D05538009DCA8B /* ProcessDerivatives.swift */; };
+		41C3EC1526D05538009DCA8B /* ProcessDerivatives.swift in Sources */ = {isa = PBXBuildFile; fileRef = 41C3EC1126D05538009DCA8B /* ProcessDerivatives.swift */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -66,6 +72,8 @@
 		419700EC26C30DA500F186C3 /* UITests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UITests.swift; sourceTree = "<group>"; };
 		419AADCD26B86A94005C4817 /* GoogleService-Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = "GoogleService-Info.plist"; path = "../../GoogleService-Info.plist"; sourceTree = "<group>"; };
 		41BFA1EF26B1D8B80013EB90 /* Process.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Process.swift; sourceTree = "<group>"; };
+		41C3EC0C26D0100F009DCA8B /* SaliencyMapView.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = SaliencyMapView.swift; path = Shared/Views/SaliencyMapView.swift; sourceTree = "<group>"; };
+		41C3EC1126D05538009DCA8B /* ProcessDerivatives.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ProcessDerivatives.swift; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -124,6 +132,7 @@
 				41292EA426CB624000747458 /* Views */,
 				4102055626A631F4004B24B3 /* PerformanceExampleApp.swift */,
 				41BFA1EF26B1D8B80013EB90 /* Process.swift */,
+				41C3EC1126D05538009DCA8B /* ProcessDerivatives.swift */,
 				419700EC26C30DA500F186C3 /* UITests.swift */,
 				4102055826A631F5004B24B3 /* Assets.xcassets */,
 			);
@@ -145,6 +154,7 @@
 			isa = PBXGroup;
 			children = (
 				41292E9A26CB623B00747458 /* ClassifyView.swift */,
+				41C3EC0C26D0100F009DCA8B /* SaliencyMapView.swift */,
 				41292E9B26CB623B00747458 /* DownloadView.swift */,
 				41292E9826CB623B00747458 /* MainView.swift */,
 				41292E9926CB623B00747458 /* UploadView.swift */,
@@ -335,8 +345,10 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				41C3EC1226D05538009DCA8B /* ProcessDerivatives.swift in Sources */,
 				41292E9E26CB623B00747458 /* UploadView.swift in Sources */,
 				41292EA026CB623B00747458 /* ClassifyView.swift in Sources */,
+				41C3EC0D26D0100F009DCA8B /* SaliencyMapView.swift in Sources */,
 				41292E9C26CB623B00747458 /* MainView.swift in Sources */,
 				41292EA226CB623B00747458 /* DownloadView.swift in Sources */,
 				4102056426A631F5004B24B3 /* PerformanceExampleApp.swift in Sources */,
@@ -349,15 +361,18 @@
 			buildActionMask = 2147483647;
 			files = (
 				419700ED26C30DA500F186C3 /* UITests.swift in Sources */,
+				41C3EC1326D05538009DCA8B /* ProcessDerivatives.swift in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
 		410FF76526B1CEB500CA084F /* Sources */ = {
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				41C3EC1426D05538009DCA8B /* ProcessDerivatives.swift in Sources */,
 				41292E9F26CB623B00747458 /* UploadView.swift in Sources */,
 				41292EA126CB623B00747458 /* ClassifyView.swift in Sources */,
+				41C3EC0E26D0100F009DCA8B /* SaliencyMapView.swift in Sources */,
 				41292E9D26CB623B00747458 /* MainView.swift in Sources */,
 				41292EA326CB623B00747458 /* DownloadView.swift in Sources */,
 				41BFA1EA26B1D36C0013EB90 /* PerformanceExampleApp.swift in Sources */,
@@ -370,6 +385,7 @@
 			buildActionMask = 2147483647;
 			files = (
 				419700EE26C30DA500F186C3 /* UITests.swift in Sources */,
+				41C3EC1526D05538009DCA8B /* ProcessDerivatives.swift in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};

performance/SwiftUIPerformanceQuickstart/PerformanceExample/README.md

@@ -9,8 +9,23 @@ while also allowing you to measure the performance of any piece of code in your
 
 Introduction
 ------------
+The app is centered around image tasks: download, classify, saliency map, and upload. Downloading
+and uploading images is a common developer task. Classifying the image and generating a saliency map
+are tasks that might be more popular now with the success of computer vision algorithms. Classifying
+the image consists of providing categories to which the image belongs. A saliency map identifies the
+parts of an image most likely to draw attention.
+
+Network requests are automatically traced by Performance Monitoring, while custom traces are used to
+measure the classification task.
+
+The typical usage flow consists of downloading the image, classifying the image, generating the
+saliency map, and lastly uploading the saliency map. The status of the task (idle, running, success,
+failure) is displayed for the user’s convenience.
 
 - [Read more about Firebase Performance Monitoring](https://firebase.google.com/docs/perf-mon/)
+- [Read more about Vision](https://developer.apple.com/documentation/vision)
+  - [See code samples for classifying images](https://developer.apple.com/documentation/vision/classifying_images_for_categorization_and_search)
+  - [See code samples for saliency maps](https://developer.apple.com/documentation/vision/highlighting_areas_of_interest_in_an_image_using_saliency)
 
 Getting Started
 ---------------
@@ -22,7 +37,7 @@ Getting Started
 rules_version = '2';
 service firebase.storage {
   match /b/{bucket}/o {
-    match /image.jpg {
+    match /saliency_map.jpg {
       allow create: if request.resource.contentType == 'image/jpeg'
     }
   }