@ionic/portals-react-native 0.2.0 → 0.4.0

package/ios/LiveUpdateManager+Async.swift

@@ -9,14 +9,14 @@
 import IonicLiveUpdates
 
 struct SyncResults {
-    var liveUpdates: [LiveUpdate]
+    var results: [LiveUpdateManager.SyncResult]
     var errors: [LiveUpdateManager.Error]
 }
 
 extension SyncResults {
     var dict: [String: Any] {
         return [
-            "liveUpdates": liveUpdates.map(\.dict),
+            "results": results.map(\.dict),
             "errors": errors.map(\.dict)
         ]
     }
@@ -27,7 +27,7 @@ extension LiveUpdateManager {
         await _syncSome(appIds).syncResults
     }
     
-    private func _syncSome(_ appIds: [String]) -> AsyncStream<Result<LiveUpdate, LiveUpdateManager.Error>> {
+    private func _syncSome(_ appIds: [String]) -> AsyncStream<Result<LiveUpdateManager.SyncResult, LiveUpdateManager.Error>> {
         AsyncStream { continuation in
             sync(appIds: appIds, isParallel: true) {
                 continuation.finish()
@@ -42,7 +42,7 @@ extension LiveUpdateManager {
     }
     
     
-    private func _syncAll() -> AsyncStream<Result<LiveUpdate, LiveUpdateManager.Error>> {
+    private func _syncAll() -> AsyncStream<Result<LiveUpdateManager.SyncResult, LiveUpdateManager.Error>> {
         AsyncStream { continuation in
             sync(isParallel: true) {
                 continuation.finish()
@@ -53,13 +53,13 @@ extension LiveUpdateManager {
     }
 }
 
-extension AsyncStream where Element == Result<LiveUpdate, LiveUpdateManager.Error> {
+extension AsyncStream where Element == Result<LiveUpdateManager.SyncResult, LiveUpdateManager.Error> {
     var syncResults: SyncResults {
         get async {
-            await reduce(into: SyncResults(liveUpdates: [], errors: [])) { acc, next in
+            await reduce(into: SyncResults(results: [], errors: [])) { acc, next in
                 switch next {
                 case .success(let liveUpdate):
-                    acc.liveUpdates.append(liveUpdate)
+                    acc.results.append(liveUpdate)
                 case .failure(let error):
                     acc.errors.append(error)
                 }

package/ios/Podfile

@@ -7,9 +7,8 @@ target 'ReactNativePortals' do
   # Comment the next line if you don't want to use dynamic frameworks
   config = use_native_modules!
   use_frameworks!
-  use_react_native!(:path => config["reactNativePath"])
+  use_react_native!(path: config['reactNativePath'])
   # Pods for ReactNativePortals
-  pod 'IonicPortals', '~> 0.6.4'
-  pod 'IonicLiveUpdates', '~> 0.2.0'
+  pod 'IonicPortals', '~> 0.7.3'
+  pod 'IonicLiveUpdates', '~> 0.4.0'
 end
-

package/ios/Podfile.lock

@@ -1,8 +1,8 @@
 PODS:
   - boost-for-react-native (1.63.0)
-  - Capacitor (3.7.0):
+  - Capacitor (4.7.0):
     - CapacitorCordova
-  - CapacitorCordova (3.7.0)
+  - CapacitorCordova (4.7.0)
   - DoubleConversion (1.1.6)
   - FBLazyVector (0.63.4)
   - FBReactNativeSpec (0.63.4):
@@ -22,10 +22,10 @@ PODS:
     - DoubleConversion
     - glog
   - glog (0.3.5)
-  - IonicLiveUpdates (0.2.0)
-  - IonicPortals (0.6.4):
-    - Capacitor (~> 3.7)
-    - IonicLiveUpdates (< 0.3.0, >= 0.1.2)
+  - IonicLiveUpdates (0.4.0)
+  - IonicPortals (0.7.3):
+    - Capacitor (~> 4.6)
+    - IonicLiveUpdates (< 0.5.0, >= 0.1.2)
   - RCTRequired (0.63.4)
   - RCTTypeSafety (0.63.4):
     - FBLazyVector (= 0.63.4)
@@ -260,8 +260,8 @@ DEPENDENCIES:
   - FBReactNativeSpec (from `../node_modules/react-native/Libraries/FBReactNativeSpec`)
   - Folly (from `../node_modules/react-native/third-party-podspecs/Folly.podspec`)
   - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`)
-  - IonicLiveUpdates (~> 0.2.0)
-  - IonicPortals (~> 0.6.4)
+  - IonicLiveUpdates (~> 0.4.0)
+  - IonicPortals (~> 0.7.3)
   - RCTRequired (from `../node_modules/react-native/Libraries/RCTRequired`)
   - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`)
   - React (from `../node_modules/react-native/`)
@@ -350,15 +350,15 @@ EXTERNAL SOURCES:
 
 SPEC CHECKSUMS:
   boost-for-react-native: 39c7adb57c4e60d6c5479dd8623128eb5b3f0f2c
-  Capacitor: 747a1e47077e8f82abf2209867c440d7366ad68c
-  CapacitorCordova: e6b42a8e8d5986c1eb8f02ac0be205fafc32ac33
+  Capacitor: 86c48d748b59228e0fce85b1909c18c449b35f56
+  CapacitorCordova: 49b11f2ce72487cd751aad7181606d2a710b1549
   DoubleConversion: cde416483dac037923206447da6e1454df403714
   FBLazyVector: 3bb422f41b18121b71783a905c10e58606f7dc3e
   FBReactNativeSpec: f2c97f2529dd79c083355182cc158c9f98f4bd6e
   Folly: b73c3869541e86821df3c387eb0af5f65addfab4
   glog: 40a13f7840415b9a77023fbcae0f1e6f43192af3
-  IonicLiveUpdates: e9cfcb6cbcf67d7b171eae417fa2802cc5826d72
-  IonicPortals: 50634da3bd7a3cf9127bbad5f21fd23afde4f0ff
+  IonicLiveUpdates: 77d9840ec1b2b9d1d56d4595640b5813be503fe9
+  IonicPortals: e44a6f9a47e7c09a879f1e2c5d901e6629ac2024
   RCTRequired: 082f10cd3f905d6c124597fd1c14f6f2655ff65e
   RCTTypeSafety: 8c9c544ecbf20337d069e4ae7fd9a377aadf504b
   React: b0a957a2c44da4113b0c4c9853d8387f8e64e615
@@ -381,6 +381,6 @@ SPEC CHECKSUMS:
   ReactCommon: 73d79c7039f473b76db6ff7c6b159c478acbbb3b
   Yoga: 4bd86afe9883422a7c4028c00e34790f560923d6
 
-PODFILE CHECKSUM: 9dce8640a99e055a2e7fad56d00e49829114eae1
+PODFILE CHECKSUM: 685fb93c81db77a563a8c1ba6999dc27b98a8d33
 
 COCOAPODS: 1.11.2

package/ios/Portal.swift

@@ -0,0 +1,108 @@
+//
+//  Portal+Dict.swift
+//  ReactNativePortals
+//
+//  Created by Steven Sherry on 10/5/22.
+//  Copyright © 2022 Ionic. All rights reserved.
+//
+
+import Capacitor
+import IonicLiveUpdates
+import IonicPortals
+
+@dynamicMemberLookup
+struct Portal {
+    struct Plugin {
+        var iosClassName: String
+        var androidClassPath: String
+    }
+
+    var _portal: IonicPortals.Portal
+    var plugins: [Plugin]
+
+    subscript<T>(dynamicMember keypath: Swift.WritableKeyPath<IonicPortals.Portal, T>) -> T {
+        get { _portal[keyPath: keypath] }
+        set { _portal[keyPath: keypath] = newValue }
+    }
+
+    subscript<T>(dynamicMember keypath: Swift.KeyPath<IonicPortals.Portal, T>) -> T {
+        _portal[keyPath: keypath]
+    }
+}
+
+extension Portal {
+    init?(_ dict: [String: Any], _ liveUpdateManager: LiveUpdateManager) {
+        guard let name = dict["name"] as? String else { return nil }
+        var plugins: [Portal.Plugin] = []
+
+        if let capPlugins = dict["plugins"] as? Array<[String: String]> {
+            plugins = capPlugins.compactMap(Portal.Plugin.init)
+        }
+        
+        var assetMaps: [AssetMap] = []
+        
+        if let maps = dict["assetMaps"] as? Array<[String: String]> {
+            assetMaps = maps.compactMap(AssetMap.init)
+        }
+
+        self._portal = IonicPortals.Portal(
+            name: name,
+            startDir: dict["startDir"] as? String,
+            index: dict["index"] as? String ?? "index.html",
+            initialContext: JSTypes.coerceDictionaryToJSObject(dict["initialContext"] as? [String: Any]) ?? [:],
+            assetMaps: assetMaps,
+            pluginRegistrationMode: .manual(plugins.toCapPlugin),
+            liveUpdateManager: liveUpdateManager,
+            liveUpdateConfig: (dict["liveUpdate"] as? [String: Any]).flatMap(LiveUpdate.init)
+        )
+
+        self.plugins = plugins
+    }
+
+    var dict: [String: Any] {
+        var base = [
+            "name": self.name,
+            "startDir": self.startDir,
+            "index": self.index,
+            "initialContext": self.initialContext,
+            "liveUpdate": self.liveUpdateConfig?.dict as Any
+        ]
+
+        if !plugins.isEmpty {
+            base["plugins"] = plugins.map(\.dict)
+        }
+
+        return base
+    }
+}
+
+extension Portal.Plugin {
+    init?(_ dict: [String: String]) {
+        guard let iosClassName = dict["iosClassName"],
+              let androidClassPath = dict["androidClassPath"]
+        else { return nil }
+
+        self.iosClassName = iosClassName
+        self.androidClassPath = androidClassPath
+    }
+
+    var dict: [String: String] {
+        return [
+            "iosClassName": iosClassName,
+            "androidClassPath": androidClassPath
+        ]
+    }
+}
+
+extension Portal {
+    var capPlugins: [IonicPortals.Portal.Plugin] {
+        plugins.toCapPlugin
+    }
+}
+
+extension Array where Element == Portal.Plugin {
+    var toCapPlugin: [IonicPortals.Portal.Plugin] {
+        compactMap { NSClassFromString($0.iosClassName) as? CAPPlugin.Type }
+            .compactMap(IonicPortals.Portal.Plugin.type)
+    }
+}

package/ios/PortalManager.m

@@ -16,5 +16,5 @@ RCT_EXTERN_METHOD(addPortals: (NSArray) portals resolver: (RCTPromiseResolveBloc
 RCT_EXTERN_METHOD(getPortal: (NSString *) name resolver: (RCTPromiseResolveBlock) resolver rejector: (RCTPromiseRejectBlock) rejector)
 RCT_EXTERN_METHOD(syncOne: (NSString *) appId resolver: (RCTPromiseResolveBlock) resolver rejector: (RCTPromiseRejectBlock) rejector)
 RCT_EXTERN_METHOD(syncSome: (NSArray) appIds resolver: (RCTPromiseResolveBlock) resolver rejector: (RCTPromiseRejectBlock) rejector)
-RCT_EXTERN_METHOD(syncAll: (RCTPromiseResolveBlock) resolver)
+RCT_EXTERN_METHOD(syncAll: (RCTPromiseResolveBlock) resolver rejector: (RCTPromiseRejectBlock) rejector)
 @end

package/ios/PortalView.swift

@@ -51,7 +51,7 @@ class PortalView: UIView {
             DispatchQueue.main.async { [weak self] in
                 guard let self = self else { return }
                 self.webView?.removeFromSuperview()
-                let webView = PortalUIView(portal: portal)
+                let webView = PortalUIView(portal: portal._portal)
                 webView.translatesAutoresizingMaskIntoConstraints = false
                 self.addSubview(webView)
                 NSLayoutConstraint.activate([

package/ios/PortalWebVitals.m

@@ -0,0 +1,15 @@
+//
+//  PortalWebVitals.m
+//  ReactNativePortals
+//
+//  Created by Steven Sherry on 3/30/23.
+//  Copyright © 2023 Facebook. All rights reserved.
+//
+
+#import <React/RCTBridgeModule.h>
+#import <React/RCTEventEmitter.h>
+
+@interface RCT_EXTERN_MODULE(IONPortalsWebVitals, RCTEventEmitter)
+RCT_EXTERN_METHOD(registerOnFirstContentfulPaint: (NSString *) portalName resolver: (RCTPromiseResolveBlock) resolver rejector: (RCTPromiseRejectBlock) rejector)
+@end
+

package/ios/PortalsConfig.swift

@@ -20,16 +20,23 @@ struct PortalsConfig {
         var startDir: String?
         var index: String?
         var initialContext: JSObject?
+        var assetMaps: [AssetMap]?
+        var plugins: [ReactNativePortals.Portal.Plugin]?
         var liveUpdate: LiveUpdate?
         
-        func portal(with liveUpdateManager: LiveUpdateManager) -> IonicPortals.Portal {
+        func portal(with liveUpdateManager: LiveUpdateManager) -> ReactNativePortals.Portal {
             return .init(
-                name: name,
-                startDir: startDir,
-                index: index ?? "index.html",
-                initialContext: initialContext ?? [:],
-                liveUpdateManager: liveUpdateManager,
-                liveUpdateConfig: liveUpdate.map { .init(appId: $0.appId, channel: $0.channel, syncOnAdd: $0.syncOnAdd) }
+                _portal: .init(
+                    name: name,
+                    startDir: startDir,
+                    index: index ?? "index.html",
+                    initialContext: initialContext ?? [:],
+                    assetMaps: assetMaps ?? [],
+                    pluginRegistrationMode: .manual(plugins?.toCapPlugin ?? []),
+                    liveUpdateManager: liveUpdateManager,
+                    liveUpdateConfig: liveUpdate.map { .init(appId: $0.appId, channel: $0.channel, syncOnAdd: $0.syncOnAdd) }
+                ),
+                plugins: plugins ?? []
             )
         }
         
@@ -72,6 +79,10 @@ extension PortalsConfig.Portal {
         index = dict["index"] as? String
         initialContext = (dict["initialContext"] as? [String: Any])
             .flatMap { JSTypes.coerceDictionaryToJSObject($0) }
+        plugins = (dict["plugins"] as? Array<[String: String]>)
+            .flatMap { $0.compactMap(ReactNativePortals.Portal.Plugin.init) }
+        assetMaps = (dict["assetMaps"] as? Array<[String: String]>)
+            .flatMap { $0.compactMap(AssetMap.init) }
         liveUpdate = (dict["liveUpdate"] as? [String: Any])
             .flatMap(LiveUpdate.init)
     }

package/ios/PortalsPubSub.swift

@@ -45,3 +45,4 @@ class PortalsPubSub: RCTEventEmitter {
     
     override class func requiresMainQueueSetup() -> Bool { true }
 }
+

package/ios/PortalsReactNative.swift

@@ -6,7 +6,7 @@ import React
 @objc(IONPortalsReactNative)
 public class PortalsReactNative: NSObject {
     private var lum: LiveUpdateManager
-    private static var portals: [String: Portal] = [:]
+    internal static var portals = ConcurrentDictionary<String, Portal>(label: "com.portals.reactnative", dict: [:])
     
     public override init() {
         guard let configUrl = Bundle.main.url(forResource: "portals.config.json", withExtension: nil) else {

package/ios/ReactNativePortals.xcodeproj/project.pbxproj

@@ -13,10 +13,15 @@
 		A7128A0827F7A16200DADDF3 /* ReactNativePortals-Bridging-Header.h in Headers */ = {isa = PBXBuildFile; fileRef = F4FF95D5245B92E700C19C63 /* ReactNativePortals-Bridging-Header.h */; };
 		A7128A0927F7A16200DADDF3 /* PortalsPubSub.m in Sources */ = {isa = PBXBuildFile; fileRef = A71289F827F79D4000DADDF3 /* PortalsPubSub.m */; };
 		A7128A0A27F7A16200DADDF3 /* PortalView.m in Sources */ = {isa = PBXBuildFile; fileRef = A71289F727F79CDC00DADDF3 /* PortalView.m */; };
+		A71E306C29D392DF0073D47A /* SyncResult+Dict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A71E306B29D392DF0073D47A /* SyncResult+Dict.swift */; };
+		A71E306E29D4C8710073D47A /* AssetMap+Dict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A71E306D29D4C8710073D47A /* AssetMap+Dict.swift */; };
+		A71E307229D5FC450073D47A /* WebVitals.swift in Sources */ = {isa = PBXBuildFile; fileRef = A71E307129D5FC450073D47A /* WebVitals.swift */; };
+		A71E307429D5FF650073D47A /* PortalWebVitals.m in Sources */ = {isa = PBXBuildFile; fileRef = A71E307329D5FF650073D47A /* PortalWebVitals.m */; };
+		A71E307629D771C90073D47A /* ConcurrentDictionary.swift in Sources */ = {isa = PBXBuildFile; fileRef = A71E307529D771C90073D47A /* ConcurrentDictionary.swift */; };
 		A795AE1928EDEB6D0092B4B1 /* PortalsConfig.swift in Sources */ = {isa = PBXBuildFile; fileRef = A795AE1828EDEB6D0092B4B1 /* PortalsConfig.swift */; };
 		A795AE1B28EDEBF20092B4B1 /* PortalsPubSub.swift in Sources */ = {isa = PBXBuildFile; fileRef = A795AE1A28EDEBF20092B4B1 /* PortalsPubSub.swift */; };
 		A795AE1D28EDEC7A0092B4B1 /* PortalView.swift in Sources */ = {isa = PBXBuildFile; fileRef = A795AE1C28EDEC7A0092B4B1 /* PortalView.swift */; };
-		A795AE1F28EDED0F0092B4B1 /* Portal+Dict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A795AE1E28EDED0F0092B4B1 /* Portal+Dict.swift */; };
+		A795AE1F28EDED0F0092B4B1 /* Portal.swift in Sources */ = {isa = PBXBuildFile; fileRef = A795AE1E28EDED0F0092B4B1 /* Portal.swift */; };
 		A795AE2128EDED710092B4B1 /* LiveUpdate+Dict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A795AE2028EDED710092B4B1 /* LiveUpdate+Dict.swift */; };
 		A795AE2328EDEDCC0092B4B1 /* LiveUpdateManagerError+Dict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A795AE2228EDEDCC0092B4B1 /* LiveUpdateManagerError+Dict.swift */; };
 		A795AE2528EDEE4E0092B4B1 /* LiveUpdateManager+Async.swift in Sources */ = {isa = PBXBuildFile; fileRef = A795AE2428EDEE4E0092B4B1 /* LiveUpdateManager+Async.swift */; };
@@ -28,10 +33,15 @@
 		A71289F827F79D4000DADDF3 /* PortalsPubSub.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = PortalsPubSub.m; sourceTree = "<group>"; };
 		A71289F927F79EB200DADDF3 /* PortalManager.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = PortalManager.m; sourceTree = "<group>"; };
 		A71289FF27F7A14900DADDF3 /* ReactNativePortals.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = ReactNativePortals.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		A71E306B29D392DF0073D47A /* SyncResult+Dict.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "SyncResult+Dict.swift"; sourceTree = "<group>"; };
+		A71E306D29D4C8710073D47A /* AssetMap+Dict.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "AssetMap+Dict.swift"; sourceTree = "<group>"; };
+		A71E307129D5FC450073D47A /* WebVitals.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = WebVitals.swift; sourceTree = "<group>"; };
+		A71E307329D5FF650073D47A /* PortalWebVitals.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = PortalWebVitals.m; sourceTree = "<group>"; };
+		A71E307529D771C90073D47A /* ConcurrentDictionary.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ConcurrentDictionary.swift; sourceTree = "<group>"; };
 		A795AE1828EDEB6D0092B4B1 /* PortalsConfig.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PortalsConfig.swift; sourceTree = "<group>"; };
 		A795AE1A28EDEBF20092B4B1 /* PortalsPubSub.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PortalsPubSub.swift; sourceTree = "<group>"; };
 		A795AE1C28EDEC7A0092B4B1 /* PortalView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PortalView.swift; sourceTree = "<group>"; };
-		A795AE1E28EDED0F0092B4B1 /* Portal+Dict.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "Portal+Dict.swift"; sourceTree = "<group>"; };
+		A795AE1E28EDED0F0092B4B1 /* Portal.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Portal.swift; sourceTree = "<group>"; };
 		A795AE2028EDED710092B4B1 /* LiveUpdate+Dict.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "LiveUpdate+Dict.swift"; sourceTree = "<group>"; };
 		A795AE2228EDEDCC0092B4B1 /* LiveUpdateManagerError+Dict.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "LiveUpdateManagerError+Dict.swift"; sourceTree = "<group>"; };
 		A795AE2428EDEE4E0092B4B1 /* LiveUpdateManager+Async.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "LiveUpdateManager+Async.swift"; sourceTree = "<group>"; };
@@ -71,15 +81,20 @@
 		58B511D21A9E6C8500147676 = {
 			isa = PBXGroup;
 			children = (
+				A71E307529D771C90073D47A /* ConcurrentDictionary.swift */,
+				A71E307129D5FC450073D47A /* WebVitals.swift */,
+				A71E306D29D4C8710073D47A /* AssetMap+Dict.swift */,
+				A71E306B29D392DF0073D47A /* SyncResult+Dict.swift */,
 				F4FF95D6245B92E800C19C63 /* PortalsReactNative.swift */,
 				A795AE2428EDEE4E0092B4B1 /* LiveUpdateManager+Async.swift */,
 				A795AE2228EDEDCC0092B4B1 /* LiveUpdateManagerError+Dict.swift */,
 				A795AE2028EDED710092B4B1 /* LiveUpdate+Dict.swift */,
-				A795AE1E28EDED0F0092B4B1 /* Portal+Dict.swift */,
+				A795AE1E28EDED0F0092B4B1 /* Portal.swift */,
 				A795AE1C28EDEC7A0092B4B1 /* PortalView.swift */,
 				A795AE1A28EDEBF20092B4B1 /* PortalsPubSub.swift */,
 				A795AE1828EDEB6D0092B4B1 /* PortalsConfig.swift */,
 				A71289F727F79CDC00DADDF3 /* PortalView.m */,
+				A71E307329D5FF650073D47A /* PortalWebVitals.m */,
 				A71289F927F79EB200DADDF3 /* PortalManager.m */,
 				A71289F827F79D4000DADDF3 /* PortalsPubSub.m */,
 				F4FF95D5245B92E700C19C63 /* ReactNativePortals-Bridging-Header.h */,
@@ -205,12 +220,17 @@
 			buildActionMask = 2147483647;
 			files = (
 				A7128A0A27F7A16200DADDF3 /* PortalView.m in Sources */,
+				A71E307429D5FF650073D47A /* PortalWebVitals.m in Sources */,
 				A7128A0927F7A16200DADDF3 /* PortalsPubSub.m in Sources */,
 				A795AE1D28EDEC7A0092B4B1 /* PortalView.swift in Sources */,
+				A71E306E29D4C8710073D47A /* AssetMap+Dict.swift in Sources */,
+				A71E306C29D392DF0073D47A /* SyncResult+Dict.swift in Sources */,
+				A71E307229D5FC450073D47A /* WebVitals.swift in Sources */,
+				A71E307629D771C90073D47A /* ConcurrentDictionary.swift in Sources */,
 				A795AE2128EDED710092B4B1 /* LiveUpdate+Dict.swift in Sources */,
 				A795AE1B28EDEBF20092B4B1 /* PortalsPubSub.swift in Sources */,
 				A7128A0627F7A16200DADDF3 /* PortalsReactNative.swift in Sources */,
-				A795AE1F28EDED0F0092B4B1 /* Portal+Dict.swift in Sources */,
+				A795AE1F28EDED0F0092B4B1 /* Portal.swift in Sources */,
 				A795AE2328EDEDCC0092B4B1 /* LiveUpdateManagerError+Dict.swift in Sources */,
 				A7128A0727F7A16200DADDF3 /* PortalManager.m in Sources */,
 				A795AE1928EDEB6D0092B4B1 /* PortalsConfig.swift in Sources */,

package/ios/SyncResult+Dict.swift

@@ -0,0 +1,35 @@
+//
+//  SyncResult+Dict.swift
+//  ReactNativePortals
+//
+//  Created by Steven Sherry on 3/28/23.
+//  Copyright © 2023 Facebook. All rights reserved.
+//
+
+import IonicLiveUpdates
+
+extension LiveUpdateManager.SyncResult {
+    var dict: [String: Any] {
+        var base: [String: Any] = [
+            "liveUpdate": [
+                "appId": liveUpdate.appId,
+                "channel": liveUpdate.channel
+            ],
+            "snapshot": [
+                "id": snapshot.id,
+                "buildId": snapshot.buildId
+            ]
+        ]
+        
+        switch source {
+        case .cache(let latestAppDirectoryChanged):
+            base["source"] = "cache"
+            base["activeApplicationPathChanged"] = latestAppDirectoryChanged
+        @unknown default:
+            base["source"] = "download"
+            base["activeApplicationPathChanged"] = true
+        }
+        
+        return base
+    }
+}

package/ios/WebVitals.swift

@@ -0,0 +1,35 @@
+//
+//  WebVitals.swift
+//  ReactNativePortals
+//
+//  Created by Steven Sherry on 3/30/23.
+//  Copyright © 2023 Facebook. All rights reserved.
+//
+
+import IonicPortals
+import React
+
+@objc(IONPortalsWebVitals)
+class WebVitals: RCTEventEmitter {
+    private let fcp = "vitals:fcp"
+    
+    override func supportedEvents() -> [String] {
+        [fcp]
+    }
+    
+    @objc func registerOnFirstContentfulPaint(_ portalName: String, resolver: @escaping RCTPromiseResolveBlock, rejector: RCTPromiseRejectBlock) {
+        PortalsReactNative.portals[portalName]?.performanceReporter = WebPerformanceReporter { [weak self] _, duration in
+            guard let self = self else { return }
+            self.sendEvent(
+                withName: self.fcp,
+                body: [
+                    "portalName": portalName,
+                    "duration": duration
+                ]
+            )
+        }
+        resolver(())
+    }
+    
+    override class func requiresMainQueueSetup() -> Bool { true }
+}

package/lib/commonjs/PortalView.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["PortalViewManager","requireNativeComponent","createFragment","viewId","UIManager","dispatchViewManagerCommand","AndroidPortalView","Commands","create","toString","PortalView","props","ref","useRef","useEffect","findNodeHandle","current"],"sources":["PortalView.android.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport {\n  findNodeHandle,\n  requireNativeComponent,\n  UIManager,\n} from 'react-native';\nimport type { PortalProps } from '.';\n\nconst PortalViewManager = requireNativeComponent('AndroidPortalView');\n\nconst createFragment = (viewId: number | null) =>\n  UIManager.dispatchViewManagerCommand(\n    viewId,\n    // we are calling the 'create' command\n    // @ts-expect-error\n    UIManager.AndroidPortalView.Commands.create.toString(),\n    [viewId]\n  );\n\nconst PortalView = (props: PortalProps) => {\n  const ref = useRef(null);\n\n  useEffect(() => {\n    const viewId = findNodeHandle(ref.current);\n    createFragment(viewId);\n  }, []);\n\n  return <PortalViewManager {...props} ref={ref} />;\n};\n\nexport default PortalView;\n"],"mappings":";;;;;;AAAA;AACA;AAIsB;AAAA;AAAA;AAGtB,MAAMA,iBAAiB,GAAG,IAAAC,mCAAsB,EAAC,mBAAmB,CAAC;AAErE,MAAMC,cAAc,GAAIC,MAAqB,IAC3CC,sBAAS,CAACC,0BAA0B,CAClCF,MAAM;AACN;AACA;AACAC,sBAAS,CAACE,iBAAiB,CAACC,QAAQ,CAACC,MAAM,CAACC,QAAQ,EAAE,EACtD,CAACN,MAAM,CAAC,CACT;AAEH,MAAMO,UAAU,GAAIC,KAAkB,IAAK;EACzC,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAExB,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMX,MAAM,GAAG,IAAAY,2BAAc,EAACH,GAAG,CAACI,OAAO,CAAC;IAC1Cd,cAAc,CAACC,MAAM,CAAC;EACxB,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAO,6BAAC,iBAAiB,eAAKQ,KAAK;IAAE,GAAG,EAAEC;EAAI,GAAG;AACnD,CAAC;AAAC,eAEaF,UAAU;AAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PortalViewManager","requireNativeComponent","createFragment","viewId","UIManager","dispatchViewManagerCommand","AndroidPortalView","Commands","create","toString","PortalView","props","ref","useRef","useEffect","findNodeHandle","current","createElement","_default","exports"],"sources":["PortalView.android.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport {\n  findNodeHandle,\n  requireNativeComponent,\n  UIManager,\n} from 'react-native';\nimport type { PortalProps } from '.';\n\nconst PortalViewManager = requireNativeComponent('AndroidPortalView');\n\nconst createFragment = (viewId: number | null) =>\n  UIManager.dispatchViewManagerCommand(\n    viewId,\n    // we are calling the 'create' command\n    // @ts-expect-error\n    UIManager.AndroidPortalView.Commands.create.toString(),\n    [viewId]\n  );\n\nconst PortalView = (props: PortalProps) => {\n  const ref = useRef(null);\n\n  useEffect(() => {\n    const viewId = findNodeHandle(ref.current);\n    createFragment(viewId);\n  }, []);\n\n  return <PortalViewManager {...props} ref={ref} />;\n};\n\nexport default PortalView;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIsB,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAGtB,MAAMI,iBAAiB,GAAG,IAAAC,mCAAsB,EAAC,mBAAmB,CAAC;AAErE,MAAMC,cAAc,GAAIC,MAAqB,IAC3CC,sBAAS,CAACC,0BAA0B,CAClCF,MAAM;AACN;AACA;AACAC,sBAAS,CAACE,iBAAiB,CAACC,QAAQ,CAACC,MAAM,CAACC,QAAQ,EAAE,EACtD,CAACN,MAAM,CAAC,CACT;AAEH,MAAMO,UAAU,GAAIC,KAAkB,IAAK;EACzC,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAExB,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMX,MAAM,GAAG,IAAAY,2BAAc,EAACH,GAAG,CAACI,OAAO,CAAC;IAC1Cd,cAAc,CAACC,MAAM,CAAC;EACxB,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOtC,MAAA,CAAAW,OAAA,CAAAyC,aAAA,CAACjB,iBAAiB,EAAAT,QAAA,KAAKoB,KAAK;IAAEC,GAAG,EAAEA;EAAI,GAAG;AACnD,CAAC;AAAC,IAAAM,QAAA,GAEaR,UAAU;AAAAS,OAAA,CAAA3C,OAAA,GAAA0C,QAAA"}

package/lib/commonjs/PortalView.js.map

@@ -1 +1 @@
-{"version":3,"names":["HostComponentPortal","requireNativeComponent","PortalView","props"],"sources":["PortalView.tsx"],"sourcesContent":["import React from 'react';\nimport { requireNativeComponent } from 'react-native';\nimport type { PortalProps } from '.';\n\nconst HostComponentPortal = requireNativeComponent('IONPortalView');\n\nconst PortalView = (props: PortalProps) => {\n  return <HostComponentPortal {...props} />;\n};\n\nexport default PortalView;\n"],"mappings":";;;;;;AAAA;AACA;AAAsD;AAGtD,MAAMA,mBAAmB,GAAG,IAAAC,mCAAsB,EAAC,eAAe,CAAC;AAEnE,MAAMC,UAAU,GAAIC,KAAkB,IAAK;EACzC,oBAAO,6BAAC,mBAAmB,EAAKA,KAAK,CAAI;AAC3C,CAAC;AAAC,eAEaD,UAAU;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","HostComponentPortal","requireNativeComponent","PortalView","props","createElement","_default","exports"],"sources":["PortalView.tsx"],"sourcesContent":["import React from 'react';\nimport { requireNativeComponent } from 'react-native';\nimport type { PortalProps } from '.';\n\nconst HostComponentPortal = requireNativeComponent('IONPortalView');\n\nconst PortalView = (props: PortalProps) => {\n  return <HostComponentPortal {...props} />;\n};\n\nexport default PortalView;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAsD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGtD,MAAMG,mBAAmB,GAAG,IAAAC,mCAAsB,EAAC,eAAe,CAAC;AAEnE,MAAMC,UAAU,GAAIC,KAAkB,IAAK;EACzC,oBAAOV,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACJ,mBAAmB,EAAKG,KAAK,CAAI;AAC3C,CAAC;AAAC,IAAAE,QAAA,GAEaH,UAAU;AAAAI,OAAA,CAAAP,OAAA,GAAAM,QAAA"}

package/lib/commonjs/index.js

@@ -9,14 +9,19 @@ Object.defineProperty(exports, "PortalView", {
     return _PortalView.default;
   }
 });
-exports.unsubscribe = exports.syncSome = exports.syncOne = exports.syncAll = exports.subscribe = exports.register = exports.publish = exports.getPortal = exports.enableSecureLiveUpdates = exports.addPortals = exports.addPortal = void 0;
+exports.unsubscribe = exports.syncSome = exports.syncOne = exports.syncAll = exports.subscribe = exports.registerWebVitals = exports.register = exports.publish = exports.onTimeToFirstByte = exports.onFirstInputDelay = exports.onFirstContentfulPaint = exports.getPortal = exports.enableSecureLiveUpdates = exports.addPortals = exports.addPortal = void 0;
 var _reactNative = require("react-native");
 var _PortalView = _interopRequireDefault(require("./PortalView"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const {
   IONPortalPubSub,
-  IONPortalsReactNative
+  IONPortalsReactNative,
+  IONPortalsWebVitals
 } = _reactNative.NativeModules;
+/**
+ * The data that is received from a subscription event.
+ */
+
 const PortalsPubSub = new _reactNative.NativeEventEmitter(IONPortalPubSub);
 const subscriptionMap = new Map();
 
@@ -37,6 +42,48 @@ const subscribe = async (topic, onMessageReceived) => {
   subscriptionMap.set(subscriptionRef, subscriber);
   return subscriptionRef;
 };
+exports.subscribe = subscribe;
+const webVitalsMap = new Map();
+const WebVitals = new _reactNative.NativeEventEmitter(IONPortalsWebVitals);
+const onFirstContentfulPaint = async (portalName, callback) => {
+  const listener = WebVitals.addListener('vitals:fcp', event => {
+    if (event.portalName === portalName) {
+      callback(event.duration);
+    }
+  });
+  await IONPortalsWebVitals.registerOnFirstContentfulPaint(portalName);
+  webVitalsMap.set(`${portalName}-vitals:fcp`, listener);
+};
+exports.onFirstContentfulPaint = onFirstContentfulPaint;
+const onFirstInputDelay = async (portalName, callback) => {
+  if (_reactNative.Platform.OS === 'android') {
+    const listener = WebVitals.addListener('vitals:fid', event => {
+      if (event.portalName === portalName) {
+        callback(event.duration);
+      }
+    });
+    await IONPortalsWebVitals.registerOnFirstInputDelay(portalName);
+    webVitalsMap.set(`${portalName}-vitals:fcp`, listener);
+  }
+};
+exports.onFirstInputDelay = onFirstInputDelay;
+const onTimeToFirstByte = async (portalName, callback) => {
+  if (_reactNative.Platform.OS === 'android') {
+    const listener = WebVitals.addListener('vitals:ttfb', event => {
+      if (event.portalName === portalName) {
+        callback(event.duration);
+      }
+    });
+    await IONPortalsWebVitals.registerOnTimeToFirstByte(portalName);
+    webVitalsMap.set(`${portalName}-vitals:ttfb`, listener);
+  }
+};
+exports.onTimeToFirstByte = onTimeToFirstByte;
+const registerWebVitals = async (portalName, firstContentfulPaint, firstInputDelay, timeToFirstByte) => {
+  onFirstContentfulPaint(portalName, firstContentfulPaint);
+  onFirstInputDelay(portalName, firstInputDelay);
+  onTimeToFirstByte(portalName, timeToFirstByte);
+};
 
 /**
  * Unsubscribes from events for the provided topic and subscription reference
@@ -44,7 +91,7 @@ const subscribe = async (topic, onMessageReceived) => {
  * @param topic The topic to unsubscribe from
  * @param subRef The unique subscription reference received when initially calling {@link subscribe}
  */
-exports.subscribe = subscribe;
+exports.registerWebVitals = registerWebVitals;
 const unsubscribe = (topic, subRef) => {
   IONPortalPubSub.unsubscribe(topic, subRef);
   const subscription = subscriptionMap.get(subRef);
@@ -81,6 +128,15 @@ const register = async key => {
 /**
  * The configuration of a web application to be embedded in a React Native application.
  */
+
+/**
+ * A subset of {@link Portal} properties needed for rendering a Portal. `initialContext` can be used to override
+ * any initialContext defined in the original {@link Portal} definition.
+ */
+
+/**
+ * Props needed for rendering a {@link Portal}
+ */
 exports.register = register;
 /**
  * Adds a Portal to an internal registry. Must be called before attempting to render a {@link PortalView}.
@@ -113,6 +169,10 @@ exports.addPortals = addPortals;
 const getPortal = async name => {
   return IONPortalsReactNative.getPortal(name);
 };
+
+/** Data needed to register a live update to be managed */
+
+/** Used for communicating sync results of multiple live updates */
 exports.getPortal = getPortal;
 /**
  * Configures LiveUpdates to cyrptographically verify the contents of the downloaded bundles.