@ionic/portals-react-native 0.0.3 → 0.0.4

package/README.md

@@ -132,44 +132,24 @@ unsubscribe('channel:topic', subscriptionReference)
 To see an example of Portals Pub/Sub in action that manages the lifecycle of a subscription with the lifecycle of a React Native component, refer to the [`PubSubLabel`](https://github.com/ionic-team/react-native-ionic-portals/blob/af19df0d66059d85ab8dde493504368c3bf39127/example/App.tsx#L53) implementation in the example project.
 
 ### Using Capacitor Plugins
-If you need to use any Capacitor plugins, you will have to register them in your Android project. This will also require creating and registering your Portals in native code as well:
-
-**Android**
-```java
-public class MainApplication extends Application implements ReactApplication {
-  @Override    
-  public void onCreate() {
-    super.onCreate();
-
-    PortalManager.register("YOUR_PORTAL_KEY_HERE");
-    PortalManager.newPortal("hello")
-      .addPlugin(MyCapacitorPlugin.class) // Plugin registration
-      .setInitialContext(Map.of("greeting", "Hello, world!"))
-      .setStartDir("portals/hello")
-      .create();
+If you need to use any Capacitor plugins, the classpath of the Android plugins will have to be provided to the `Portal` `androidPlugins` property. 
+
+```javascript
+const helloPortal = {
+  name: 'hello',
+  startDir: 'portals/hello', 
+  androidPlugins: ['com.capacitorjs.plugins.camera.CameraPlugin'],
+  initialContext: {
+    greeting: 'Hello, world!'
   }
-}
+};
 ```
 
-**iOS**
-```objective-c
-@implementation RNAppDelegate
-- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDicationary *)launchOptions {
-    // React Native boilerplate
-    [PortalManager register:@"YOUR_PORTAL_KEY_HERE"];
-    PortalBuilder *builder = [[PortalBuilder alloc] init:@"hello"];
-    [builder setStartDir:@"portals/hello"];
-    [builder setInitialContext: @{ @"greeting": @"Hello, world!" }] 
-    Portal *portal = [builder create];
-    [PortalManager addPortal:portal];
-}
-@end
-```
+No configuration for iOS is needed since plugins are automatically registered when the Capacitor bridge initializes on iOS.
 
 ### Bundling Your Web Apps
 Currently there is no tooling for bundling your web apps directly as part of @ionic/portals-react-native. Please follow the [native guides](https://ionic.io/docs/portals/how-to/pull-in-web-bundle#setup-the-web-asset-directory) to manage this as part of the native build process.
 
-
 ## Registration
 
 Ionic Portals for React Native requires a key to use. Once you have integrated Portals into your project, login to your ionic account to get a key. See our doc on [how to register for free and get your Portals license key](https://ionic.io/docs/portals/how-to/get-a-product-key) and refer to the [usage](#Usage) section on how to add your key to your React Native application.

package/ReactNativePortals.podspec

@@ -10,12 +10,11 @@ Pod::Spec.new do |s|
   s.license      = package["license"]
   s.authors      = package["author"]
 
-  s.platforms    = { :ios => "14.0" }
+  s.platforms    = { :ios => "13.0" }
   s.source       = { :git => "https://github.com/ionic-team/react-native-ionic-portals.git", :tag => "#{s.version}" }
 
   s.source_files = "ios/**/*.{h,m,mm,swift}"
 
   s.dependency "React-Core"
-  s.dependency "IonicPortals", "0.5.1"
-  s.dependency "IonicLiveUpdates", "0.0.5"
+  s.dependency "IonicPortals", "~> 0.6.1"
 end

package/android/build.gradle

@@ -38,9 +38,14 @@ android {
     lintOptions {
         disable 'GradleCompatible'
     }
-    compileOptions {
-        sourceCompatibility JavaVersion.VERSION_1_8
-        targetCompatibility JavaVersion.VERSION_1_8
+}
+
+tasks.withType(org.jetbrains.kotlin.gradle.tasks.KotlinCompile).configureEach {
+    sourceCompatibility = JavaVersion.VERSION_1_8
+    targetCompatibility = JavaVersion.VERSION_1_8
+
+    kotlinOptions {
+        freeCompilerArgs += '-Xopt-in=kotlin.RequiresOptIn'
     }
 }
 
@@ -116,7 +121,12 @@ repositories {
 }
 
 dependencies {
-    // noinspection GradleDynamicVersion
+    //noinspection GradleDynamicVersion
     api 'com.facebook.react:react-native:+'
-    implementation "io.ionic:portals:0.5.0"
+    //noinspection GradleDynamicVersion
+    api "io.ionic:portals:0.6.+"
+    //noinspection GradleDynamicVersion
+    api "io.ionic:liveupdates:0.0.+"
+
+    implementation "org.jetbrains.kotlinx:kotlinx-coroutines-android:1.5.0"
 }

package/android/src/main/java/io/ionic/portals/reactnative/ReactNativeLiveUpdatesModule.kt

@@ -0,0 +1,187 @@
+package io.ionic.portals.reactnative
+
+import com.facebook.react.bridge.*
+import io.ionic.liveupdates.LiveUpdate
+import io.ionic.liveupdates.LiveUpdateManager
+import io.ionic.liveupdates.network.FailStep
+import io.ionic.liveupdates.network.SyncCallback
+import kotlinx.coroutines.*
+import kotlinx.coroutines.channels.awaitClose
+import kotlinx.coroutines.flow.callbackFlow
+import kotlinx.coroutines.flow.fold
+import java.util.concurrent.Executors
+
+internal class LiveUpdatesModule(reactContext: ReactApplicationContext) :
+    ReactContextBaseJavaModule(reactContext) {
+
+    override fun getName() = "IONLiveUpdatesManager"
+
+    private val liveUpdateScope = CoroutineScope(
+        Executors.newFixedThreadPool(4)
+            .asCoroutineDispatcher()
+    )
+
+    private fun callbackToMap(
+        liveUpdate: LiveUpdate,
+        failStep: FailStep?,
+        failMsg: String?
+    ): ReadableMap =
+        if (failStep != null) {
+            val map = WritableNativeMap()
+            map.putString("appId", liveUpdate.appId)
+            map.putString("failStep", failStep.name)
+            map.putString("message", failMsg ?: "Sync failed for unknown reason")
+            map
+        } else {
+            liveUpdate.toReadableMap()
+        }
+
+    private fun callbackToResult(
+        liveUpdate: LiveUpdate,
+        failStep: FailStep?,
+        failMsg: String?
+    ): LiveUpdateResult =
+        if (failStep != null) {
+            LiveUpdateError(
+                appId = liveUpdate.appId,
+                failStep = failStep.name,
+                failMsg = failMsg ?: "Sync failed for unknown reason"
+            )
+        } else {
+            LiveUpdateSuccess(liveUpdate)
+        }
+
+
+    @ReactMethod
+    fun addLiveUpdate(map: ReadableMap) {
+        val appId = map.getString("appId") ?: return
+        val channel = map.getString("channel") ?: return
+
+        LiveUpdateManager.addLiveUpdateInstance(
+            context = reactApplicationContext,
+            liveUpdate = LiveUpdate(appId, channel)
+        )
+    }
+
+    @ReactMethod
+    fun syncOne(appId: String, promise: Promise) {
+        LiveUpdateManager.sync(
+            context = reactApplicationContext,
+            appId = appId,
+            callback = object : SyncCallback {
+                override fun onAppComplete(
+                    liveUpdate: LiveUpdate,
+                    failStep: FailStep?,
+                    failMsg: String?
+                ) {
+                    val map = callbackToMap(liveUpdate, failStep, failMsg)
+                    promise.resolve(map)
+                }
+
+                override fun onSyncComplete() {
+                    // do nothing
+                }
+            }
+        )
+    }
+
+    @ReactMethod
+    fun syncSome(appIds: ReadableArray, promise: Promise) {
+        @Suppress("NAME_SHADOWING")
+        val appIds = (0 until appIds.size())
+            .mapNotNull(appIds::getString)
+            .toTypedArray()
+
+        sync(appIds, promise)
+    }
+
+    @ReactMethod
+    fun syncAll(promise: Promise) {
+        sync(emptyArray(), promise)
+    }
+
+    @OptIn(ExperimentalCoroutinesApi::class)
+    private fun sync(appIds: Array<String>, promise: Promise) {
+        liveUpdateScope.launch {
+            val results = callbackFlow {
+                LiveUpdateManager.sync(
+                    context = reactApplicationContext,
+                    appIds = appIds,
+                    callback = object : SyncCallback {
+                        override fun onAppComplete(
+                            liveUpdate: LiveUpdate,
+                            failStep: FailStep?,
+                            failMsg: String?
+                        ) {
+                            trySend(callbackToResult(liveUpdate, failStep, failMsg))
+                        }
+
+                        override fun onSyncComplete() {
+                            close()
+                        }
+                    }
+                )
+
+                awaitClose { cancel() }
+            }
+
+            val syncResults = results.fold(SyncResults.empty()) { syncResults, result ->
+                when (result) {
+                    is LiveUpdateSuccess -> syncResults.liveUpdates.add(result.liveUpdate)
+                    is LiveUpdateError -> syncResults.errors.add(result)
+                }
+
+                return@fold syncResults
+            }
+
+            promise.resolve(syncResults.asReadableMap)
+        }
+    }
+}
+
+fun LiveUpdate.toReadableMap(): ReadableMap {
+    val map = WritableNativeMap()
+    map.putString("appId", appId)
+    map.putString("channel", channelName)
+    return map
+}
+
+private sealed class LiveUpdateResult
+
+private data class LiveUpdateError(val appId: String, val failStep: String, val failMsg: String) :
+    LiveUpdateResult() {
+    val asReadableMap: ReadableMap
+        get() {
+            val map = WritableNativeMap()
+            map.putString("appId", appId)
+            map.putString("failStep", failStep)
+            map.putString("message", failMsg)
+            return map
+        }
+}
+
+private data class LiveUpdateSuccess(val liveUpdate: LiveUpdate) : LiveUpdateResult()
+
+private data class SyncResults(
+    val liveUpdates: MutableList<LiveUpdate>,
+    val errors: MutableList<LiveUpdateError>
+) {
+    val asReadableMap: ReadableMap
+        get() {
+            val map = WritableNativeMap()
+
+            val liveUpdatesArray = WritableNativeArray()
+            liveUpdates.forEach { liveUpdatesArray.pushMap(it.toReadableMap()) }
+            map.putArray("liveUpdates", liveUpdatesArray)
+
+            val errorsArray = WritableNativeArray()
+            errors.forEach { errorsArray.pushMap(it.asReadableMap) }
+            map.putArray("errors", errorsArray)
+
+            return map
+        }
+
+    companion object {
+        fun empty() = SyncResults(mutableListOf(), mutableListOf())
+    }
+}

package/android/src/main/java/io/ionic/portals/reactnative/ReactNativePortalsModule.kt

@@ -1,5 +1,6 @@
 package io.ionic.portals.reactnative
 
+import android.util.Log
 import android.view.Choreographer
 import android.view.View
 import android.view.ViewGroup
@@ -11,16 +12,16 @@ import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.ViewGroupManager
 import com.facebook.react.uimanager.annotations.ReactProp
 import com.getcapacitor.JSObject
+import com.getcapacitor.Plugin
+import io.ionic.liveupdates.LiveUpdate
 import io.ionic.portals.*
 import org.json.JSONArray
 import org.json.JSONException
 import org.json.JSONObject
 
-class PortalManagerModule(reactContext: ReactApplicationContext) :
+internal class PortalManagerModule(reactContext: ReactApplicationContext) :
     ReactContextBaseJavaModule(reactContext) {
-    override fun getName(): String {
-        return "IONPortalManager"
-    }
+    override fun getName() = "IONPortalManager"
 
     @ReactMethod
     fun register(key: String) {
@@ -29,35 +30,51 @@ class PortalManagerModule(reactContext: ReactApplicationContext) :
 
     @ReactMethod
     fun addPortal(map: ReadableMap) {
-        map.getString("name")?.let { name ->
-            val startDir = map.getString("startDir")
-            val initialContext = map.getMap("initialContext")?.toHashMap()
-
-            val portalBuilder = PortalBuilder(name)
-
-            if (startDir != null) {
-                portalBuilder.setStartDir(startDir)
+        val name = map.getString("name") ?: return
+        val portalBuilder = PortalBuilder(name)
+
+        map.getString("startDir")
+            ?.let(portalBuilder::setStartDir)
+
+        map.getMap("initialContext")
+            ?.toHashMap()
+            ?.let(portalBuilder::setInitialContext)
+
+        map.getArray("androidPlugins")
+            ?.toArrayList()
+            ?.mapNotNull { it as? String }
+            ?.map {
+                Class.forName(it)
+                    .asSubclass(Plugin::class.java)
             }
-
-            if (initialContext != null) {
-                portalBuilder.setInitialContext(initialContext)
+            ?.forEach(portalBuilder::addPlugin)
+
+        map.getMap("liveUpdate")
+            ?.let { readableMap ->
+                val appId = readableMap.getString("appId") ?: return@let null
+                val channel = readableMap.getString("channel") ?: return@let null
+                val syncOnAdd = readableMap.getBoolean("syncOnAdd")
+                Pair(LiveUpdate(appId, channel), syncOnAdd)
+            }
+            ?.let { pair ->
+                portalBuilder.setLiveUpdateConfig(
+                    context = reactApplicationContext,
+                    liveUpdateConfig = pair.first,
+                    updateOnAppLoad = pair.second
+                )
             }
 
-            // TODO: We need to figure out if we can register plugins from javascript
-            val portal = portalBuilder
-                .addPlugin(PortalsPlugin::class.java)
-                .create()
+        val portal = portalBuilder
+            .addPlugin(PortalsPlugin::class.java)
+            .create()
 
-            PortalManager.addPortal(portal)
-        }
+        PortalManager.addPortal(portal)
     }
 }
 
-class PortalsPubSubModule(reactContext: ReactApplicationContext) :
+internal class PortalsPubSubModule(reactContext: ReactApplicationContext) :
     ReactContextBaseJavaModule(reactContext) {
-    override fun getName(): String {
-        return "IONPortalsPubSub"
-    }
+    override fun getName() = "IONPortalPubSub"
 
     @ReactMethod
     fun subscribe(topic: String, promise: Promise) {
@@ -91,7 +108,7 @@ class PortalsPubSubModule(reactContext: ReactApplicationContext) :
     }
 }
 
-fun JSONObject.toReactMap(): ReadableMap =
+private fun JSONObject.toReactMap(): ReadableMap =
     keys().asSequence().fold(WritableNativeMap()) { map, key ->
         try {
             when (val value = get(key)) {
@@ -110,7 +127,7 @@ fun JSONObject.toReactMap(): ReadableMap =
         return@fold map
     }
 
-fun JSONArray.toReactArray(): ReadableArray =
+private fun JSONArray.toReactArray(): ReadableArray =
     (0 until length()).fold(WritableNativeArray()) { array, index ->
         try {
             when (val value = get(index)) {
@@ -129,26 +146,44 @@ fun JSONArray.toReactArray(): ReadableArray =
         return@fold array
     }
 
-fun ReadableMap.toJSObject(): JSObject = JSObject.fromJSONObject(JSONObject(toHashMap()))
+private fun ReadableMap.toJSObject(): JSObject = JSObject.fromJSONObject(JSONObject(toHashMap()))
+
+private data class PortalViewState(
+    var fragment: PortalFragment?,
+    var portal: Portal?,
+    var initialContext: HashMap<String, Any>?
+)
 
-class PortalViewManager(private val context: ReactApplicationContext) :
+internal class PortalViewManager(private val context: ReactApplicationContext) :
     ViewGroupManager<FrameLayout>() {
     private val createId = 1
-    private var portal: Portal? = null
+    private val fragmentMap = mutableMapOf<Int, PortalViewState>()
 
     @ReactProp(name = "name")
     fun setPortal(viewGroup: ViewGroup, portalName: String) {
-        portal = PortalManager.getPortal(portalName)
+        when (val viewState = fragmentMap[viewGroup.id]) {
+            null -> fragmentMap[viewGroup.id] = PortalViewState(
+                fragment = null,
+                portal = PortalManager.getPortal(portalName),
+                initialContext = null
+            )
+            else -> viewState.portal = PortalManager.getPortal(portalName)
+        }
     }
 
     @ReactProp(name = "initialContext")
     fun setInitialContext(viewGroup: ViewGroup, initialContext: ReadableMap) {
-        portal?.setInitialContext(initialContext.toHashMap())
+        when (val viewState = fragmentMap[viewGroup.id]) {
+            null -> fragmentMap[viewGroup.id] = PortalViewState(
+                fragment = null,
+                portal = null,
+                initialContext = initialContext.toHashMap()
+            )
+            else -> viewState.initialContext = initialContext.toHashMap()
+        }
     }
 
-    override fun getName(): String {
-        return "AndroidPortalView"
-    }
+    override fun getName() = "AndroidPortalView"
 
     override fun createViewInstance(reactContext: ThemedReactContext): FrameLayout {
         return FrameLayout(reactContext)
@@ -161,6 +196,8 @@ class PortalViewManager(private val context: ReactApplicationContext) :
     override fun receiveCommand(root: FrameLayout, commandId: String?, args: ReadableArray?) {
         super.receiveCommand(root, commandId, args)
         val viewId = args?.getInt(0) ?: return
+
+        @Suppress("NAME_SHADOWING")
         val commandId = commandId?.toIntOrNull() ?: return
 
         when (commandId) {
@@ -169,11 +206,17 @@ class PortalViewManager(private val context: ReactApplicationContext) :
     }
 
     private fun createFragment(root: FrameLayout, viewId: Int) {
-        val portal = portal ?: return
+        val viewState = fragmentMap[viewId] ?: return
+        val portal = viewState.portal ?: return
+
         val parentView = root.findViewById<ViewGroup>(viewId)
         setupLayout(parentView)
 
         val portalFragment = PortalFragment(portal)
+        viewState.initialContext?.let(portalFragment::setInitialContext)
+
+        viewState.fragment = portalFragment
+
         val fragmentActivity = context.currentActivity as? FragmentActivity ?: return
         fragmentActivity.supportFragmentManager
             .beginTransaction()
@@ -181,6 +224,23 @@ class PortalViewManager(private val context: ReactApplicationContext) :
             .commit()
     }
 
+    override fun onDropViewInstance(view: FrameLayout) {
+        super.onDropViewInstance(view)
+        val viewState = fragmentMap[view.id] ?: return
+
+        try {
+            viewState.fragment
+                ?.parentFragmentManager
+                ?.beginTransaction()
+                ?.remove(viewState.fragment!!)
+                ?.commit()
+        } catch (e: IllegalStateException) {
+            Log.i("io.ionic.portals.rn", "Parent fragment manager not available")
+        }
+
+        fragmentMap.remove(view.id)
+    }
+
     private fun setupLayout(view: ViewGroup) {
         Choreographer.getInstance().postFrameCallback {
             layoutChildren(view)

package/android/src/main/java/io/ionic/portals/reactnative/ReactNativePortalsPackage.kt

@@ -10,7 +10,8 @@ class ReactNativePortalsPackage : ReactPackage {
     override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
         return listOf(
             PortalManagerModule(reactContext),
-            PortalsPubSubModule(reactContext)
+            PortalsPubSubModule(reactContext),
+            LiveUpdatesModule(reactContext)
         )
     }
 

package/ios/LiveUpdatesManager.m

@@ -0,0 +1,16 @@
+//
+//  LiveUpdatesManager.m
+//  ReactNativePortals
+//
+//  Created by Steven Sherry on 6/21/22.
+//  Copyright © 2022 Facebook. All rights reserved.
+//
+
+#import <React/RCTBridgeModule.h>
+
+@interface RCT_EXTERN_MODULE(IONLiveUpdatesManager, NSObject)
+RCT_EXTERN_METHOD(addLiveUpdate: (NSDictionary) liveUpdate)
+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 rejector: (RCTPromiseRejectBlock) rejector)
+@end

package/ios/Podfile

@@ -9,6 +9,6 @@ target 'ReactNativePortals' do
   use_frameworks!
   use_react_native!(:path => config["reactNativePath"])
   # Pods for ReactNativePortals
-  pod 'IonicPortals', '~> 0.5.1'
+  pod 'IonicPortals', '~> 0.6.1'
 end
 

package/ios/Podfile.lock

@@ -1,8 +1,8 @@
 PODS:
   - boost-for-react-native (1.63.0)
-  - Capacitor (3.4.3):
+  - Capacitor (3.6.0):
     - CapacitorCordova
-  - CapacitorCordova (3.4.3)
+  - CapacitorCordova (3.6.0)
   - DoubleConversion (1.1.6)
   - FBLazyVector (0.63.4)
   - FBReactNativeSpec (0.63.4):
@@ -22,11 +22,10 @@ PODS:
     - DoubleConversion
     - glog
   - glog (0.3.5)
-  - IonicLiveUpdates (0.0.5):
-    - ZIPFoundation
-  - IonicPortals (0.5.1):
-    - Capacitor
-    - IonicLiveUpdates
+  - IonicLiveUpdates (0.1.1)
+  - IonicPortals (0.6.1):
+    - Capacitor (~> 3.5)
+    - IonicLiveUpdates (~> 0.1.0)
   - RCTRequired (0.63.4)
   - RCTTypeSafety (0.63.4):
     - FBLazyVector (= 0.63.4)
@@ -254,7 +253,6 @@ PODS:
     - React-cxxreact (= 0.63.4)
     - React-jsi (= 0.63.4)
   - Yoga (1.14.0)
-  - ZIPFoundation (0.9.13)
 
 DEPENDENCIES:
   - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`)
@@ -262,7 +260,7 @@ 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`)
-  - IonicPortals (~> 0.5.1)
+  - IonicPortals (~> 0.6.1)
   - RCTRequired (from `../node_modules/react-native/Libraries/RCTRequired`)
   - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`)
   - React (from `../node_modules/react-native/`)
@@ -294,7 +292,6 @@ SPEC REPOS:
     - CapacitorCordova
     - IonicLiveUpdates
     - IonicPortals
-    - ZIPFoundation
 
 EXTERNAL SOURCES:
   DoubleConversion:
@@ -352,15 +349,15 @@ EXTERNAL SOURCES:
 
 SPEC CHECKSUMS:
   boost-for-react-native: 39c7adb57c4e60d6c5479dd8623128eb5b3f0f2c
-  Capacitor: df9b3339e2ccf9fcfa19f90073a83454b3113691
-  CapacitorCordova: 7a09a302f17e14a308291bb3fa2b01ad2e4dfcaf
+  Capacitor: 28d6f7c3b02858b0696c98d27527ffb1ac8aba8f
+  CapacitorCordova: 23b4def1cd6a8c463074916376f511d7446d683e
   DoubleConversion: cde416483dac037923206447da6e1454df403714
   FBLazyVector: 3bb422f41b18121b71783a905c10e58606f7dc3e
   FBReactNativeSpec: f2c97f2529dd79c083355182cc158c9f98f4bd6e
   Folly: b73c3869541e86821df3c387eb0af5f65addfab4
   glog: 40a13f7840415b9a77023fbcae0f1e6f43192af3
-  IonicLiveUpdates: f3e54dbb5a330eb820a823477c5a75cd4470b65d
-  IonicPortals: 4f1621c0fc949119ef78d1f5c39c8de9ba3e12c7
+  IonicLiveUpdates: 5fb89c6faed266d083691e64f33710211edb3839
+  IonicPortals: 17b9ee9ae513fc3906b062bdd0b7492db94e38ce
   RCTRequired: 082f10cd3f905d6c124597fd1c14f6f2655ff65e
   RCTTypeSafety: 8c9c544ecbf20337d069e4ae7fd9a377aadf504b
   React: b0a957a2c44da4113b0c4c9853d8387f8e64e615
@@ -382,8 +379,7 @@ SPEC CHECKSUMS:
   React-RCTVibration: ae4f914cfe8de7d4de95ae1ea6cc8f6315d73d9d
   ReactCommon: 73d79c7039f473b76db6ff7c6b159c478acbbb3b
   Yoga: 4bd86afe9883422a7c4028c00e34790f560923d6
-  ZIPFoundation: ae5b4b813d216d3bf0a148773267fff14bd51d37
 
-PODFILE CHECKSUM: 3d4e1ae438899ba8709c2e19e767a9a9cced011b
+PODFILE CHECKSUM: 67d6b2cc79c25d2c4dcf32d6e3c6d6e6defffdb1
 
 COCOAPODS: 1.11.2

package/ios/PortalsPubSub.m

@@ -9,7 +9,7 @@
 #import <React/RCTBridgeModule.h>
 #import <React/RCTEventEmitter.h>
 
-@interface RCT_EXTERN_MODULE(IONPortalsPubSub, RCTEventEmitter)
+@interface RCT_EXTERN_MODULE(IONPortalPubSub, RCTEventEmitter)
 RCT_EXTERN_METHOD(subscribe: (NSString *) topic resolver: (RCTPromiseResolveBlock) resolver rejector: (RCTPromiseRejectBlock) rejector)
 RCT_EXTERN_METHOD(unsubscribe: (NSString *) topic subscriptionRef: (NSNumber _Nonnull) subscriptionRef)
 RCT_EXTERN_METHOD(publish: (NSString *) topic data: (id) data)

package/ios/ReactNativePortals.swift

@@ -1,27 +1,37 @@
 import Foundation
 import IonicPortals
+import IonicLiveUpdates
 import React
 import UIKit
+import Capacitor
 
 @objc(IONPortalManager)
-class PortalManager: NSObject {
-    private typealias IonPortalManager = IonicPortals.PortalManager
+public class PortalManager: NSObject {
+    private static var portals: [String: Portal] = [:]
+    
+    public static func register(_ key: String) {
+        PortalsRegistrationManager.shared.register(key: key)
+    }
+    
+    public static func add(_ portal: Portal) {
+        portals[portal.name] = portal
+    }
+    
+    static func getPortal(named name: String) -> Portal? { portals[name] }
     
     @objc func register(_ key: String) {
-        IonPortalManager.register(key)
+        Self.register(key)
     }
     
     @objc func addPortal(_ portalDict: [String: Any]) {
-        guard let name = portalDict["name"] as? String else { return }
-        let portal = Portal(name, portalDict["startDir"] as? String)
-        portal.initialContext = portalDict["initialContext"] as? [String: Any]
-        IonPortalManager.addPortal(portal)
+        guard let portal = Portal(portalDict) else { return }
+        Self.add(portal)
     }
     
     @objc static func requiresMainQueueSetup() -> Bool { true }
 }
 
-@objc(IONPortalsPubSub)
+@objc(IONPortalPubSub)
 class PortalsPubSub: RCTEventEmitter {
     private let eventName = "PortalsSubscription"
     
@@ -30,7 +40,7 @@ class PortalsPubSub: RCTEventEmitter {
     }
     
     @objc func subscribe(_ topic: String, resolver: RCTPromiseResolveBlock, rejector: RCTPromiseRejectBlock) {
-        let subRef = PortalsPlugin.subscribe(topic) { [weak self] result in
+        let subRef = IonicPortals.PortalsPubSub.subscribe(topic) { [weak self] result in
             guard let self = self else { return }
             self.sendEvent(
                 withName: self.eventName,
@@ -46,11 +56,11 @@ class PortalsPubSub: RCTEventEmitter {
     }
     
     @objc func unsubscribe(_ topic: String, subscriptionRef: NSNumber) {
-        PortalsPlugin.unsubscribe(topic, subscriptionRef.intValue)
+        IonicPortals.PortalsPubSub.unsubscribe(from: topic, subscriptionRef: subscriptionRef.intValue)
     }
     
     @objc func publish(_ topic: String, data: Any) {
-        PortalsPlugin.publish(topic, data)
+        IONPortalsPubSub.publish(message: data, topic: topic)
     }
     
     override class func requiresMainQueueSetup() -> Bool { true }
@@ -63,7 +73,7 @@ class PortalViewManager: RCTViewManager {
 }
 
 class PortalView: UIView {
-    private var webView: PortalWebView?
+    private var webView: PortalUIView?
     
     @objc var name: String? {
         get {
@@ -73,7 +83,7 @@ class PortalView: UIView {
         
         set {
             guard let portalName = newValue else { return }
-            _portal = try? IonicPortals.PortalManager.getPortal(portalName)
+            _portal = PortalManager.getPortal(named: portalName)
         }
     }
     
@@ -85,8 +95,8 @@ class PortalView: UIView {
         
         set {
             guard let name = name else { return }
-            _portal = try? IonicPortals.PortalManager.getPortal(name)
-            _portal?.initialContext = newValue
+            _portal = PortalManager.getPortal(named: name)
+            _portal?.initialContext = JSTypes.coerceDictionaryToJSObject(newValue) ?? [:]
         }
     }
     
@@ -96,7 +106,7 @@ class PortalView: UIView {
             DispatchQueue.main.async { [weak self] in
                 guard let self = self else { return }
                 self.webView?.removeFromSuperview()
-                let webView = PortalWebView(portal: portal)
+                let webView = PortalUIView(portal: portal)
                 webView.translatesAutoresizingMaskIntoConstraints = false
                 self.addSubview(webView)
                 NSLayoutConstraint.activate([
@@ -111,3 +121,142 @@ class PortalView: UIView {
     }
 }
 
+extension Portal {
+    init?(_ dict: [String: Any]) {
+        guard let name = dict["name"] as? String else { return nil }
+        self.init(
+            name: name,
+            startDir: dict["startDir"] as? String,
+            initialContext: JSTypes.coerceDictionaryToJSObject(dict["initialContext"] as? [String: Any]) ?? [:],
+            liveUpdateConfig: (dict["liveUpdate"] as? [String: Any]).flatMap(LiveUpdate.init)
+        )
+    }
+}
+
+extension LiveUpdate {
+    init?(_ dict: [String: Any]) {
+        guard let appId = dict["appId"] as? String,
+              let channel = dict["channel"] as? String,
+              let syncOnAdd = dict["syncOnAdd"] as? Bool
+        else { return nil }
+        
+        self.init(appId: appId, channel: channel, syncOnAdd: syncOnAdd)
+    }
+}
+
+extension LiveUpdate {
+    var dict: [String: Any] {
+        return [
+            "appId": appId,
+            "channel": channel,
+            "syncOnAdd": syncOnAdd
+        ]
+    }
+}
+
+extension LiveUpdateManager.Error {
+    var dict: [String: Any] {
+        return [
+            "appId": appId,
+            "failStep": failStep.rawValue.uppercased(),
+            "message": localizedDescription
+        ]
+    }
+}
+
+private struct SyncResults {
+    var liveUpdates: [LiveUpdate]
+    var errors: [LiveUpdateManager.Error]
+}
+
+extension SyncResults {
+    var dict: [String: Any] {
+        return [
+            "liveUpdates": liveUpdates.map(\.dict),
+            "errors": errors.map(\.dict)
+        ]
+    }
+}
+
+@objc(IONLiveUpdatesManager)
+public class LiveUpdatesManager: NSObject {
+    private var lum = LiveUpdateManager.shared
+    
+    @objc func addLiveUpdate(_ dict: [String: Any]) {
+        guard let liveUpdate = LiveUpdate(dict) else { return }
+        try? lum.add(liveUpdate)
+    }
+    
+    @objc func syncOne(_ appId: String, resolver: @escaping RCTPromiseResolveBlock, rejector: @escaping RCTPromiseRejectBlock) {
+        lum.sync(appId: appId, isParallel: true) { result in
+            switch result {
+            case .success(let update):
+                resolver(update.dict)
+            case .failure(let error):
+                rejector(nil, nil, error)
+            }
+        }
+    }
+    
+    @objc func syncSome(_ appIds: [String], resolver: @escaping RCTPromiseResolveBlock, rejector: RCTPromiseRejectBlock) {
+        Task {
+            let syncResult = await lum.syncSome(appIds)
+            resolver(syncResult.dict)
+        }
+    }
+    
+    @objc func syncAll(_ resolver: @escaping RCTPromiseResolveBlock, rejector: RCTPromiseRejectBlock) {
+        Task {
+            let syncResult = await lum.syncAll()
+            resolver(syncResult.dict)
+        }
+    }
+
+    @objc static func requiresMainQueueSetup() -> Bool { true }
+}
+
+extension LiveUpdateManager {
+    fileprivate func syncSome(_ appIds: [String]) async -> SyncResults {
+        await _syncSome(appIds).syncResults
+    }
+    
+    private func _syncSome(_ appIds: [String]) -> AsyncStream<Result<LiveUpdate, LiveUpdateManager.Error>> {
+        AsyncStream { continuation in
+            sync(appIds: appIds, isParallel: true) {
+                continuation.finish()
+            } appComplete: { result in
+                continuation.yield(result)
+            }
+        }
+    }
+    
+    fileprivate func syncAll() async -> SyncResults {
+        await _syncAll().syncResults
+    }
+    
+    
+    private func _syncAll() -> AsyncStream<Result<LiveUpdate, LiveUpdateManager.Error>> {
+        AsyncStream { continuation in
+            sync(isParallel: true) {
+                continuation.finish()
+            } appComplete: { result in
+                continuation.yield(result)
+            }
+        }
+    }
+}
+
+extension AsyncStream where Element == Result<LiveUpdate, LiveUpdateManager.Error> {
+    fileprivate var syncResults: SyncResults {
+        get async {
+            await reduce(into: SyncResults(liveUpdates: [], errors: [])) { acc, next in
+                switch next {
+                case .success(let liveUpdate):
+                    acc.liveUpdates.append(liveUpdate)
+                case .failure(let error):
+                    acc.errors.append(error)
+                }
+            }
+        }
+    }
+}

package/ios/ReactNativePortals.xcodeproj/project.pbxproj

@@ -13,6 +13,7 @@
 		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 */; };
+		A748ABFC28626EC300F26852 /* LiveUpdatesManager.m in Sources */ = {isa = PBXBuildFile; fileRef = A748ABFB28626EC300F26852 /* LiveUpdatesManager.m */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXFileReference section */
@@ -21,6 +22,7 @@
 		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; };
+		A748ABFB28626EC300F26852 /* LiveUpdatesManager.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = LiveUpdatesManager.m; sourceTree = "<group>"; };
 		CB9439A9444D2E97DA3B8149 /* Pods-ReactNativePortals.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ReactNativePortals.debug.xcconfig"; path = "Target Support Files/Pods-ReactNativePortals/Pods-ReactNativePortals.debug.xcconfig"; sourceTree = "<group>"; };
 		F4FF95D5245B92E700C19C63 /* ReactNativePortals-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "ReactNativePortals-Bridging-Header.h"; sourceTree = "<group>"; };
 		F4FF95D6245B92E800C19C63 /* ReactNativePortals.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ReactNativePortals.swift; sourceTree = "<group>"; };
@@ -57,6 +59,7 @@
 		58B511D21A9E6C8500147676 = {
 			isa = PBXGroup;
 			children = (
+				A748ABFB28626EC300F26852 /* LiveUpdatesManager.m */,
 				F4FF95D6245B92E800C19C63 /* ReactNativePortals.swift */,
 				A71289F727F79CDC00DADDF3 /* PortalView.m */,
 				A71289F927F79EB200DADDF3 /* PortalManager.m */,
@@ -183,6 +186,7 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				A748ABFC28626EC300F26852 /* LiveUpdatesManager.m in Sources */,
 				A7128A0A27F7A16200DADDF3 /* PortalView.m in Sources */,
 				A7128A0927F7A16200DADDF3 /* PortalsPubSub.m in Sources */,
 				A7128A0627F7A16200DADDF3 /* ReactNativePortals.swift in Sources */,

package/lib/commonjs/index.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "PortalView", {
     return _PortalView.default;
   }
 });
-exports.unsubscribe = exports.subscribe = exports.register = exports.publish = exports.addPortal = void 0;
+exports.unsubscribe = exports.syncSome = exports.syncOne = exports.syncAll = exports.subscribe = exports.register = exports.publish = exports.addPortal = void 0;
 
 var _reactNative = require("react-native");
 
@@ -18,14 +18,15 @@ var _PortalView = _interopRequireDefault(require("./PortalView"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const {
-  IONPortalsPubSub,
-  IONPortalManager
+  IONPortalPubSub,
+  IONPortalManager,
+  IONLiveUpdatesManager
 } = _reactNative.NativeModules;
-const PortalsPubSub = new _reactNative.NativeEventEmitter(IONPortalsPubSub);
+const PortalsPubSub = new _reactNative.NativeEventEmitter(IONPortalPubSub);
 const subscriptionMap = new Map();
 
 const subscribe = async (topic, onMessageReceived) => {
-  const subscriptionRef = await IONPortalsPubSub.subscribe(topic);
+  const subscriptionRef = await IONPortalPubSub.subscribe(topic);
   const subscriber = PortalsPubSub.addListener('PortalsSubscription', message => {
     if (message.subscriptionRef === subscriptionRef) {
       onMessageReceived(message);
@@ -38,7 +39,7 @@ const subscribe = async (topic, onMessageReceived) => {
 exports.subscribe = subscribe;
 
 const unsubscribe = (topic, subRef) => {
-  IONPortalsPubSub.unsubscribe(topic, subRef);
+  IONPortalPubSub.unsubscribe(topic, subRef);
   const subscription = subscriptionMap.get(subRef);
 
   if (subscription !== undefined) {
@@ -53,7 +54,7 @@ const publish = (topic, data) => {
   const msg = {
     message: data
   };
-  IONPortalsPubSub.publish(topic, msg);
+  IONPortalPubSub.publish(topic, msg);
 };
 
 exports.publish = publish;
@@ -69,4 +70,22 @@ const addPortal = portal => {
 };
 
 exports.addPortal = addPortal;
+
+const syncOne = appId => {
+  return IONLiveUpdatesManager.syncOne(appId);
+};
+
+exports.syncOne = syncOne;
+
+const syncSome = appIds => {
+  return IONLiveUpdatesManager.syncSome(appIds);
+};
+
+exports.syncSome = syncSome;
+
+const syncAll = () => {
+  return IONLiveUpdatesManager.syncAll();
+};
+
+exports.syncAll = syncAll;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["IONPortalsPubSub","IONPortalManager","NativeModules","PortalsPubSub","NativeEventEmitter","subscriptionMap","Map","subscribe","topic","onMessageReceived","subscriptionRef","subscriber","addListener","message","set","unsubscribe","subRef","subscription","get","undefined","remove","delete","publish","data","msg","register","key","addPortal","portal"],"sources":["index.ts"],"sourcesContent":["import {\n  EmitterSubscription,\n  NativeEventEmitter,\n  NativeModules,\n  ViewProps,\n} from 'react-native';\n\nconst { IONPortalsPubSub, IONPortalManager } = NativeModules;\n\nexport { default as PortalView } from './PortalView';\n\nexport interface Message {\n  subscriptionRef: number;\n  data: any;\n  topic: string;\n}\n\nconst PortalsPubSub = new NativeEventEmitter(IONPortalsPubSub);\n\nconst subscriptionMap = new Map<number, EmitterSubscription>();\n\nexport const subscribe = async (\n  topic: string,\n  onMessageReceived: (message: Message) => void\n): Promise<number> => {\n  const subscriptionRef = await IONPortalsPubSub.subscribe(topic);\n\n  const subscriber = PortalsPubSub.addListener(\n    'PortalsSubscription',\n    (message: Message) => {\n      if (message.subscriptionRef === subscriptionRef) {\n        onMessageReceived(message);\n      }\n    }\n  );\n\n  subscriptionMap.set(subscriptionRef, subscriber);\n\n  return subscriptionRef;\n};\n\nexport const unsubscribe = (topic: string, subRef: number) => {\n  IONPortalsPubSub.unsubscribe(topic, subRef);\n\n  const subscription = subscriptionMap.get(subRef);\n  if (subscription !== undefined) {\n    subscription.remove();\n    subscriptionMap.delete(subRef);\n  }\n};\n\nexport const publish = (topic: string, data: any) => {\n  const msg = { message: data };\n  IONPortalsPubSub.publish(topic, msg);\n};\n\nexport const register = (key: string) => {\n  IONPortalManager.register(key);\n};\n\nexport interface Portal {\n  name: string;\n  startDir?: string;\n  initialContext?: any;\n}\n\nexport type PortalProps = Pick<Portal, 'name' | 'initialContext'> & ViewProps;\n\nexport const addPortal = (portal: Portal) => {\n  IONPortalManager.addPortal(portal);\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AASA;;;;AAFA,MAAM;EAAEA,gBAAF;EAAoBC;AAApB,IAAyCC,0BAA/C;AAUA,MAAMC,aAAa,GAAG,IAAIC,+BAAJ,CAAuBJ,gBAAvB,CAAtB;AAEA,MAAMK,eAAe,GAAG,IAAIC,GAAJ,EAAxB;;AAEO,MAAMC,SAAS,GAAG,OACvBC,KADuB,EAEvBC,iBAFuB,KAGH;EACpB,MAAMC,eAAe,GAAG,MAAMV,gBAAgB,CAACO,SAAjB,CAA2BC,KAA3B,CAA9B;EAEA,MAAMG,UAAU,GAAGR,aAAa,CAACS,WAAd,CACjB,qBADiB,EAEhBC,OAAD,IAAsB;IACpB,IAAIA,OAAO,CAACH,eAAR,KAA4BA,eAAhC,EAAiD;MAC/CD,iBAAiB,CAACI,OAAD,CAAjB;IACD;EACF,CANgB,CAAnB;EASAR,eAAe,CAACS,GAAhB,CAAoBJ,eAApB,EAAqCC,UAArC;EAEA,OAAOD,eAAP;AACD,CAlBM;;;;AAoBA,MAAMK,WAAW,GAAG,CAACP,KAAD,EAAgBQ,MAAhB,KAAmC;EAC5DhB,gBAAgB,CAACe,WAAjB,CAA6BP,KAA7B,EAAoCQ,MAApC;EAEA,MAAMC,YAAY,GAAGZ,eAAe,CAACa,GAAhB,CAAoBF,MAApB,CAArB;;EACA,IAAIC,YAAY,KAAKE,SAArB,EAAgC;IAC9BF,YAAY,CAACG,MAAb;IACAf,eAAe,CAACgB,MAAhB,CAAuBL,MAAvB;EACD;AACF,CARM;;;;AAUA,MAAMM,OAAO,GAAG,CAACd,KAAD,EAAgBe,IAAhB,KAA8B;EACnD,MAAMC,GAAG,GAAG;IAAEX,OAAO,EAAEU;EAAX,CAAZ;EACAvB,gBAAgB,CAACsB,OAAjB,CAAyBd,KAAzB,EAAgCgB,GAAhC;AACD,CAHM;;;;AAKA,MAAMC,QAAQ,GAAIC,GAAD,IAAiB;EACvCzB,gBAAgB,CAACwB,QAAjB,CAA0BC,GAA1B;AACD,CAFM;;;;AAYA,MAAMC,SAAS,GAAIC,MAAD,IAAoB;EAC3C3B,gBAAgB,CAAC0B,SAAjB,CAA2BC,MAA3B;AACD,CAFM"}
+{"version":3,"names":["IONPortalPubSub","IONPortalManager","IONLiveUpdatesManager","NativeModules","PortalsPubSub","NativeEventEmitter","subscriptionMap","Map","subscribe","topic","onMessageReceived","subscriptionRef","subscriber","addListener","message","set","unsubscribe","subRef","subscription","get","undefined","remove","delete","publish","data","msg","register","key","addPortal","portal","syncOne","appId","syncSome","appIds","syncAll"],"sources":["index.ts"],"sourcesContent":["import {\n  EmitterSubscription,\n  NativeEventEmitter,\n  NativeModules,\n  ViewProps,\n} from 'react-native';\n\nconst { IONPortalPubSub, IONPortalManager, IONLiveUpdatesManager } =\n  NativeModules;\n\nexport { default as PortalView } from './PortalView';\n\nexport interface Message {\n  subscriptionRef: number;\n  data: any;\n  topic: string;\n}\n\nconst PortalsPubSub = new NativeEventEmitter(IONPortalPubSub);\n\nconst subscriptionMap = new Map<number, EmitterSubscription>();\n\nexport const subscribe = async (\n  topic: string,\n  onMessageReceived: (message: Message) => void\n): Promise<number> => {\n  const subscriptionRef = await IONPortalPubSub.subscribe(topic);\n\n  const subscriber = PortalsPubSub.addListener(\n    'PortalsSubscription',\n    (message: Message) => {\n      if (message.subscriptionRef === subscriptionRef) {\n        onMessageReceived(message);\n      }\n    }\n  );\n\n  subscriptionMap.set(subscriptionRef, subscriber);\n\n  return subscriptionRef;\n};\n\nexport const unsubscribe = (topic: string, subRef: number) => {\n  IONPortalPubSub.unsubscribe(topic, subRef);\n\n  const subscription = subscriptionMap.get(subRef);\n  if (subscription !== undefined) {\n    subscription.remove();\n    subscriptionMap.delete(subRef);\n  }\n};\n\nexport const publish = (topic: string, data: any) => {\n  const msg = { message: data };\n  IONPortalPubSub.publish(topic, msg);\n};\n\nexport const register = (key: string) => {\n  IONPortalManager.register(key);\n};\n\nexport interface Portal {\n  name: string;\n  androidPlugins?: string[];\n  startDir?: string;\n  initialContext?: {\n    [key: string]: any;\n  };\n  liveUpdate?: LiveUpdateConfig;\n}\n\nexport type PortalProps = Pick<Portal, 'name' | 'initialContext'> & ViewProps;\n\nexport const addPortal = (portal: Portal) => {\n  IONPortalManager.addPortal(portal);\n};\n\nexport interface LiveUpdate {\n  appId: string;\n  channel: string;\n}\n\nexport type LiveUpdateConfig = LiveUpdate & { syncOnAdd: boolean };\n\nexport interface LiveUpdateError {\n  appId: string;\n  failStep: string;\n  message: string;\n}\n\nexport interface SyncResults {\n  liveUpdates: LiveUpdate[];\n  errors: LiveUpdateError[];\n}\n\nexport const syncOne = (appId: string): Promise<LiveUpdate> => {\n  return IONLiveUpdatesManager.syncOne(appId);\n};\n\nexport const syncSome = (appIds: string[]): Promise<SyncResults> => {\n  return IONLiveUpdatesManager.syncSome(appIds);\n};\n\nexport const syncAll = (): Promise<SyncResults> => {\n  return IONLiveUpdatesManager.syncAll();\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAUA;;;;AAHA,MAAM;EAAEA,eAAF;EAAmBC,gBAAnB;EAAqCC;AAArC,IACJC,0BADF;AAWA,MAAMC,aAAa,GAAG,IAAIC,+BAAJ,CAAuBL,eAAvB,CAAtB;AAEA,MAAMM,eAAe,GAAG,IAAIC,GAAJ,EAAxB;;AAEO,MAAMC,SAAS,GAAG,OACvBC,KADuB,EAEvBC,iBAFuB,KAGH;EACpB,MAAMC,eAAe,GAAG,MAAMX,eAAe,CAACQ,SAAhB,CAA0BC,KAA1B,CAA9B;EAEA,MAAMG,UAAU,GAAGR,aAAa,CAACS,WAAd,CACjB,qBADiB,EAEhBC,OAAD,IAAsB;IACpB,IAAIA,OAAO,CAACH,eAAR,KAA4BA,eAAhC,EAAiD;MAC/CD,iBAAiB,CAACI,OAAD,CAAjB;IACD;EACF,CANgB,CAAnB;EASAR,eAAe,CAACS,GAAhB,CAAoBJ,eAApB,EAAqCC,UAArC;EAEA,OAAOD,eAAP;AACD,CAlBM;;;;AAoBA,MAAMK,WAAW,GAAG,CAACP,KAAD,EAAgBQ,MAAhB,KAAmC;EAC5DjB,eAAe,CAACgB,WAAhB,CAA4BP,KAA5B,EAAmCQ,MAAnC;EAEA,MAAMC,YAAY,GAAGZ,eAAe,CAACa,GAAhB,CAAoBF,MAApB,CAArB;;EACA,IAAIC,YAAY,KAAKE,SAArB,EAAgC;IAC9BF,YAAY,CAACG,MAAb;IACAf,eAAe,CAACgB,MAAhB,CAAuBL,MAAvB;EACD;AACF,CARM;;;;AAUA,MAAMM,OAAO,GAAG,CAACd,KAAD,EAAgBe,IAAhB,KAA8B;EACnD,MAAMC,GAAG,GAAG;IAAEX,OAAO,EAAEU;EAAX,CAAZ;EACAxB,eAAe,CAACuB,OAAhB,CAAwBd,KAAxB,EAA+BgB,GAA/B;AACD,CAHM;;;;AAKA,MAAMC,QAAQ,GAAIC,GAAD,IAAiB;EACvC1B,gBAAgB,CAACyB,QAAjB,CAA0BC,GAA1B;AACD,CAFM;;;;AAgBA,MAAMC,SAAS,GAAIC,MAAD,IAAoB;EAC3C5B,gBAAgB,CAAC2B,SAAjB,CAA2BC,MAA3B;AACD,CAFM;;;;AAsBA,MAAMC,OAAO,GAAIC,KAAD,IAAwC;EAC7D,OAAO7B,qBAAqB,CAAC4B,OAAtB,CAA8BC,KAA9B,CAAP;AACD,CAFM;;;;AAIA,MAAMC,QAAQ,GAAIC,MAAD,IAA4C;EAClE,OAAO/B,qBAAqB,CAAC8B,QAAtB,CAA+BC,MAA/B,CAAP;AACD,CAFM;;;;AAIA,MAAMC,OAAO,GAAG,MAA4B;EACjD,OAAOhC,qBAAqB,CAACgC,OAAtB,EAAP;AACD,CAFM"}

package/lib/module/index.js

@@ -1,13 +1,14 @@
 import { NativeEventEmitter, NativeModules } from 'react-native';
 const {
-  IONPortalsPubSub,
-  IONPortalManager
+  IONPortalPubSub,
+  IONPortalManager,
+  IONLiveUpdatesManager
 } = NativeModules;
 export { default as PortalView } from './PortalView';
-const PortalsPubSub = new NativeEventEmitter(IONPortalsPubSub);
+const PortalsPubSub = new NativeEventEmitter(IONPortalPubSub);
 const subscriptionMap = new Map();
 export const subscribe = async (topic, onMessageReceived) => {
-  const subscriptionRef = await IONPortalsPubSub.subscribe(topic);
+  const subscriptionRef = await IONPortalPubSub.subscribe(topic);
   const subscriber = PortalsPubSub.addListener('PortalsSubscription', message => {
     if (message.subscriptionRef === subscriptionRef) {
       onMessageReceived(message);
@@ -17,7 +18,7 @@ export const subscribe = async (topic, onMessageReceived) => {
   return subscriptionRef;
 };
 export const unsubscribe = (topic, subRef) => {
-  IONPortalsPubSub.unsubscribe(topic, subRef);
+  IONPortalPubSub.unsubscribe(topic, subRef);
   const subscription = subscriptionMap.get(subRef);
 
   if (subscription !== undefined) {
@@ -29,7 +30,7 @@ export const publish = (topic, data) => {
   const msg = {
     message: data
   };
-  IONPortalsPubSub.publish(topic, msg);
+  IONPortalPubSub.publish(topic, msg);
 };
 export const register = key => {
   IONPortalManager.register(key);
@@ -37,4 +38,13 @@ export const register = key => {
 export const addPortal = portal => {
   IONPortalManager.addPortal(portal);
 };
+export const syncOne = appId => {
+  return IONLiveUpdatesManager.syncOne(appId);
+};
+export const syncSome = appIds => {
+  return IONLiveUpdatesManager.syncSome(appIds);
+};
+export const syncAll = () => {
+  return IONLiveUpdatesManager.syncAll();
+};
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeEventEmitter","NativeModules","IONPortalsPubSub","IONPortalManager","default","PortalView","PortalsPubSub","subscriptionMap","Map","subscribe","topic","onMessageReceived","subscriptionRef","subscriber","addListener","message","set","unsubscribe","subRef","subscription","get","undefined","remove","delete","publish","data","msg","register","key","addPortal","portal"],"sources":["index.ts"],"sourcesContent":["import {\n  EmitterSubscription,\n  NativeEventEmitter,\n  NativeModules,\n  ViewProps,\n} from 'react-native';\n\nconst { IONPortalsPubSub, IONPortalManager } = NativeModules;\n\nexport { default as PortalView } from './PortalView';\n\nexport interface Message {\n  subscriptionRef: number;\n  data: any;\n  topic: string;\n}\n\nconst PortalsPubSub = new NativeEventEmitter(IONPortalsPubSub);\n\nconst subscriptionMap = new Map<number, EmitterSubscription>();\n\nexport const subscribe = async (\n  topic: string,\n  onMessageReceived: (message: Message) => void\n): Promise<number> => {\n  const subscriptionRef = await IONPortalsPubSub.subscribe(topic);\n\n  const subscriber = PortalsPubSub.addListener(\n    'PortalsSubscription',\n    (message: Message) => {\n      if (message.subscriptionRef === subscriptionRef) {\n        onMessageReceived(message);\n      }\n    }\n  );\n\n  subscriptionMap.set(subscriptionRef, subscriber);\n\n  return subscriptionRef;\n};\n\nexport const unsubscribe = (topic: string, subRef: number) => {\n  IONPortalsPubSub.unsubscribe(topic, subRef);\n\n  const subscription = subscriptionMap.get(subRef);\n  if (subscription !== undefined) {\n    subscription.remove();\n    subscriptionMap.delete(subRef);\n  }\n};\n\nexport const publish = (topic: string, data: any) => {\n  const msg = { message: data };\n  IONPortalsPubSub.publish(topic, msg);\n};\n\nexport const register = (key: string) => {\n  IONPortalManager.register(key);\n};\n\nexport interface Portal {\n  name: string;\n  startDir?: string;\n  initialContext?: any;\n}\n\nexport type PortalProps = Pick<Portal, 'name' | 'initialContext'> & ViewProps;\n\nexport const addPortal = (portal: Portal) => {\n  IONPortalManager.addPortal(portal);\n};\n"],"mappings":"AAAA,SAEEA,kBAFF,EAGEC,aAHF,QAKO,cALP;AAOA,MAAM;EAAEC,gBAAF;EAAoBC;AAApB,IAAyCF,aAA/C;AAEA,SAASG,OAAO,IAAIC,UAApB,QAAsC,cAAtC;AAQA,MAAMC,aAAa,GAAG,IAAIN,kBAAJ,CAAuBE,gBAAvB,CAAtB;AAEA,MAAMK,eAAe,GAAG,IAAIC,GAAJ,EAAxB;AAEA,OAAO,MAAMC,SAAS,GAAG,OACvBC,KADuB,EAEvBC,iBAFuB,KAGH;EACpB,MAAMC,eAAe,GAAG,MAAMV,gBAAgB,CAACO,SAAjB,CAA2BC,KAA3B,CAA9B;EAEA,MAAMG,UAAU,GAAGP,aAAa,CAACQ,WAAd,CACjB,qBADiB,EAEhBC,OAAD,IAAsB;IACpB,IAAIA,OAAO,CAACH,eAAR,KAA4BA,eAAhC,EAAiD;MAC/CD,iBAAiB,CAACI,OAAD,CAAjB;IACD;EACF,CANgB,CAAnB;EASAR,eAAe,CAACS,GAAhB,CAAoBJ,eAApB,EAAqCC,UAArC;EAEA,OAAOD,eAAP;AACD,CAlBM;AAoBP,OAAO,MAAMK,WAAW,GAAG,CAACP,KAAD,EAAgBQ,MAAhB,KAAmC;EAC5DhB,gBAAgB,CAACe,WAAjB,CAA6BP,KAA7B,EAAoCQ,MAApC;EAEA,MAAMC,YAAY,GAAGZ,eAAe,CAACa,GAAhB,CAAoBF,MAApB,CAArB;;EACA,IAAIC,YAAY,KAAKE,SAArB,EAAgC;IAC9BF,YAAY,CAACG,MAAb;IACAf,eAAe,CAACgB,MAAhB,CAAuBL,MAAvB;EACD;AACF,CARM;AAUP,OAAO,MAAMM,OAAO,GAAG,CAACd,KAAD,EAAgBe,IAAhB,KAA8B;EACnD,MAAMC,GAAG,GAAG;IAAEX,OAAO,EAAEU;EAAX,CAAZ;EACAvB,gBAAgB,CAACsB,OAAjB,CAAyBd,KAAzB,EAAgCgB,GAAhC;AACD,CAHM;AAKP,OAAO,MAAMC,QAAQ,GAAIC,GAAD,IAAiB;EACvCzB,gBAAgB,CAACwB,QAAjB,CAA0BC,GAA1B;AACD,CAFM;AAYP,OAAO,MAAMC,SAAS,GAAIC,MAAD,IAAoB;EAC3C3B,gBAAgB,CAAC0B,SAAjB,CAA2BC,MAA3B;AACD,CAFM"}
+{"version":3,"names":["NativeEventEmitter","NativeModules","IONPortalPubSub","IONPortalManager","IONLiveUpdatesManager","default","PortalView","PortalsPubSub","subscriptionMap","Map","subscribe","topic","onMessageReceived","subscriptionRef","subscriber","addListener","message","set","unsubscribe","subRef","subscription","get","undefined","remove","delete","publish","data","msg","register","key","addPortal","portal","syncOne","appId","syncSome","appIds","syncAll"],"sources":["index.ts"],"sourcesContent":["import {\n  EmitterSubscription,\n  NativeEventEmitter,\n  NativeModules,\n  ViewProps,\n} from 'react-native';\n\nconst { IONPortalPubSub, IONPortalManager, IONLiveUpdatesManager } =\n  NativeModules;\n\nexport { default as PortalView } from './PortalView';\n\nexport interface Message {\n  subscriptionRef: number;\n  data: any;\n  topic: string;\n}\n\nconst PortalsPubSub = new NativeEventEmitter(IONPortalPubSub);\n\nconst subscriptionMap = new Map<number, EmitterSubscription>();\n\nexport const subscribe = async (\n  topic: string,\n  onMessageReceived: (message: Message) => void\n): Promise<number> => {\n  const subscriptionRef = await IONPortalPubSub.subscribe(topic);\n\n  const subscriber = PortalsPubSub.addListener(\n    'PortalsSubscription',\n    (message: Message) => {\n      if (message.subscriptionRef === subscriptionRef) {\n        onMessageReceived(message);\n      }\n    }\n  );\n\n  subscriptionMap.set(subscriptionRef, subscriber);\n\n  return subscriptionRef;\n};\n\nexport const unsubscribe = (topic: string, subRef: number) => {\n  IONPortalPubSub.unsubscribe(topic, subRef);\n\n  const subscription = subscriptionMap.get(subRef);\n  if (subscription !== undefined) {\n    subscription.remove();\n    subscriptionMap.delete(subRef);\n  }\n};\n\nexport const publish = (topic: string, data: any) => {\n  const msg = { message: data };\n  IONPortalPubSub.publish(topic, msg);\n};\n\nexport const register = (key: string) => {\n  IONPortalManager.register(key);\n};\n\nexport interface Portal {\n  name: string;\n  androidPlugins?: string[];\n  startDir?: string;\n  initialContext?: {\n    [key: string]: any;\n  };\n  liveUpdate?: LiveUpdateConfig;\n}\n\nexport type PortalProps = Pick<Portal, 'name' | 'initialContext'> & ViewProps;\n\nexport const addPortal = (portal: Portal) => {\n  IONPortalManager.addPortal(portal);\n};\n\nexport interface LiveUpdate {\n  appId: string;\n  channel: string;\n}\n\nexport type LiveUpdateConfig = LiveUpdate & { syncOnAdd: boolean };\n\nexport interface LiveUpdateError {\n  appId: string;\n  failStep: string;\n  message: string;\n}\n\nexport interface SyncResults {\n  liveUpdates: LiveUpdate[];\n  errors: LiveUpdateError[];\n}\n\nexport const syncOne = (appId: string): Promise<LiveUpdate> => {\n  return IONLiveUpdatesManager.syncOne(appId);\n};\n\nexport const syncSome = (appIds: string[]): Promise<SyncResults> => {\n  return IONLiveUpdatesManager.syncSome(appIds);\n};\n\nexport const syncAll = (): Promise<SyncResults> => {\n  return IONLiveUpdatesManager.syncAll();\n};\n"],"mappings":"AAAA,SAEEA,kBAFF,EAGEC,aAHF,QAKO,cALP;AAOA,MAAM;EAAEC,eAAF;EAAmBC,gBAAnB;EAAqCC;AAArC,IACJH,aADF;AAGA,SAASI,OAAO,IAAIC,UAApB,QAAsC,cAAtC;AAQA,MAAMC,aAAa,GAAG,IAAIP,kBAAJ,CAAuBE,eAAvB,CAAtB;AAEA,MAAMM,eAAe,GAAG,IAAIC,GAAJ,EAAxB;AAEA,OAAO,MAAMC,SAAS,GAAG,OACvBC,KADuB,EAEvBC,iBAFuB,KAGH;EACpB,MAAMC,eAAe,GAAG,MAAMX,eAAe,CAACQ,SAAhB,CAA0BC,KAA1B,CAA9B;EAEA,MAAMG,UAAU,GAAGP,aAAa,CAACQ,WAAd,CACjB,qBADiB,EAEhBC,OAAD,IAAsB;IACpB,IAAIA,OAAO,CAACH,eAAR,KAA4BA,eAAhC,EAAiD;MAC/CD,iBAAiB,CAACI,OAAD,CAAjB;IACD;EACF,CANgB,CAAnB;EASAR,eAAe,CAACS,GAAhB,CAAoBJ,eAApB,EAAqCC,UAArC;EAEA,OAAOD,eAAP;AACD,CAlBM;AAoBP,OAAO,MAAMK,WAAW,GAAG,CAACP,KAAD,EAAgBQ,MAAhB,KAAmC;EAC5DjB,eAAe,CAACgB,WAAhB,CAA4BP,KAA5B,EAAmCQ,MAAnC;EAEA,MAAMC,YAAY,GAAGZ,eAAe,CAACa,GAAhB,CAAoBF,MAApB,CAArB;;EACA,IAAIC,YAAY,KAAKE,SAArB,EAAgC;IAC9BF,YAAY,CAACG,MAAb;IACAf,eAAe,CAACgB,MAAhB,CAAuBL,MAAvB;EACD;AACF,CARM;AAUP,OAAO,MAAMM,OAAO,GAAG,CAACd,KAAD,EAAgBe,IAAhB,KAA8B;EACnD,MAAMC,GAAG,GAAG;IAAEX,OAAO,EAAEU;EAAX,CAAZ;EACAxB,eAAe,CAACuB,OAAhB,CAAwBd,KAAxB,EAA+BgB,GAA/B;AACD,CAHM;AAKP,OAAO,MAAMC,QAAQ,GAAIC,GAAD,IAAiB;EACvC1B,gBAAgB,CAACyB,QAAjB,CAA0BC,GAA1B;AACD,CAFM;AAgBP,OAAO,MAAMC,SAAS,GAAIC,MAAD,IAAoB;EAC3C5B,gBAAgB,CAAC2B,SAAjB,CAA2BC,MAA3B;AACD,CAFM;AAsBP,OAAO,MAAMC,OAAO,GAAIC,KAAD,IAAwC;EAC7D,OAAO7B,qBAAqB,CAAC4B,OAAtB,CAA8BC,KAA9B,CAAP;AACD,CAFM;AAIP,OAAO,MAAMC,QAAQ,GAAIC,MAAD,IAA4C;EAClE,OAAO/B,qBAAqB,CAAC8B,QAAtB,CAA+BC,MAA/B,CAAP;AACD,CAFM;AAIP,OAAO,MAAMC,OAAO,GAAG,MAA4B;EACjD,OAAOhC,qBAAqB,CAACgC,OAAtB,EAAP;AACD,CAFM"}

package/lib/typescript/index.d.ts

@@ -11,8 +11,31 @@ export declare const publish: (topic: string, data: any) => void;
 export declare const register: (key: string) => void;
 export interface Portal {
     name: string;
+    androidPlugins?: string[];
     startDir?: string;
-    initialContext?: any;
+    initialContext?: {
+        [key: string]: any;
+    };
+    liveUpdate?: LiveUpdateConfig;
 }
 export declare type PortalProps = Pick<Portal, 'name' | 'initialContext'> & ViewProps;
 export declare const addPortal: (portal: Portal) => void;
+export interface LiveUpdate {
+    appId: string;
+    channel: string;
+}
+export declare type LiveUpdateConfig = LiveUpdate & {
+    syncOnAdd: boolean;
+};
+export interface LiveUpdateError {
+    appId: string;
+    failStep: string;
+    message: string;
+}
+export interface SyncResults {
+    liveUpdates: LiveUpdate[];
+    errors: LiveUpdateError[];
+}
+export declare const syncOne: (appId: string) => Promise<LiveUpdate>;
+export declare const syncSome: (appIds: string[]) => Promise<SyncResults>;
+export declare const syncAll: () => Promise<SyncResults>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/portals-react-native",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Ionic Portals for React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/index.ts

@@ -5,7 +5,8 @@ import {
   ViewProps,
 } from 'react-native';
 
-const { IONPortalsPubSub, IONPortalManager } = NativeModules;
+const { IONPortalPubSub, IONPortalManager, IONLiveUpdatesManager } =
+  NativeModules;
 
 export { default as PortalView } from './PortalView';
 
@@ -15,7 +16,7 @@ export interface Message {
   topic: string;
 }
 
-const PortalsPubSub = new NativeEventEmitter(IONPortalsPubSub);
+const PortalsPubSub = new NativeEventEmitter(IONPortalPubSub);
 
 const subscriptionMap = new Map<number, EmitterSubscription>();
 
@@ -23,7 +24,7 @@ export const subscribe = async (
   topic: string,
   onMessageReceived: (message: Message) => void
 ): Promise<number> => {
-  const subscriptionRef = await IONPortalsPubSub.subscribe(topic);
+  const subscriptionRef = await IONPortalPubSub.subscribe(topic);
 
   const subscriber = PortalsPubSub.addListener(
     'PortalsSubscription',
@@ -40,7 +41,7 @@ export const subscribe = async (
 };
 
 export const unsubscribe = (topic: string, subRef: number) => {
-  IONPortalsPubSub.unsubscribe(topic, subRef);
+  IONPortalPubSub.unsubscribe(topic, subRef);
 
   const subscription = subscriptionMap.get(subRef);
   if (subscription !== undefined) {
@@ -51,7 +52,7 @@ export const unsubscribe = (topic: string, subRef: number) => {
 
 export const publish = (topic: string, data: any) => {
   const msg = { message: data };
-  IONPortalsPubSub.publish(topic, msg);
+  IONPortalPubSub.publish(topic, msg);
 };
 
 export const register = (key: string) => {
@@ -60,8 +61,12 @@ export const register = (key: string) => {
 
 export interface Portal {
   name: string;
+  androidPlugins?: string[];
   startDir?: string;
-  initialContext?: any;
+  initialContext?: {
+    [key: string]: any;
+  };
+  liveUpdate?: LiveUpdateConfig;
 }
 
 export type PortalProps = Pick<Portal, 'name' | 'initialContext'> & ViewProps;
@@ -69,3 +74,33 @@ export type PortalProps = Pick<Portal, 'name' | 'initialContext'> & ViewProps;
 export const addPortal = (portal: Portal) => {
   IONPortalManager.addPortal(portal);
 };
+
+export interface LiveUpdate {
+  appId: string;
+  channel: string;
+}
+
+export type LiveUpdateConfig = LiveUpdate & { syncOnAdd: boolean };
+
+export interface LiveUpdateError {
+  appId: string;
+  failStep: string;
+  message: string;
+}
+
+export interface SyncResults {
+  liveUpdates: LiveUpdate[];
+  errors: LiveUpdateError[];
+}
+
+export const syncOne = (appId: string): Promise<LiveUpdate> => {
+  return IONLiveUpdatesManager.syncOne(appId);
+};
+
+export const syncSome = (appIds: string[]): Promise<SyncResults> => {
+  return IONLiveUpdatesManager.syncSome(appIds);
+};
+
+export const syncAll = (): Promise<SyncResults> => {
+  return IONLiveUpdatesManager.syncAll();
+};