feat(useReactApp): make hook accept params as object instead of primi…

…tive value

this is to easily extends in the future

BREAKING CHANGE: **useReactApp** change params to object

src/index.tsx

@@ -2,11 +2,11 @@ import { register, useBarnStream } from 'bara'
 import App from './App'
 import './index.css'
 import {
+  mapBarnWithReact,
   useReactApp,
-  useTouchableStream,
-  useTouchableOpacityStream,
   useTextStream,
-  mapBarnWithReact,
+  useTouchableOpacityStream,
+  useTouchableStream,
   useViewStream,
 } from './lib'
 
@@ -17,7 +17,7 @@ const BaraApp = () => {
     version: '1.0.0',
     welcome: 'Welcome to Bara React App!',
   })
-  useReactApp('bara-app', App)
+  useReactApp({ name: 'bara-app', App })
   mapBarnWithReact(setState)
   useViewStream()
   useTouchableStream()
@@ -26,5 +26,10 @@ const BaraApp = () => {
   welcomeTrigger(setState)
 }
 
-const data = register(BaraApp)
-console.log(data)
+const bara = register(BaraApp)
+
+if (process.env.NODE_ENV === 'development' || __DEV__) {
+  if (window) {
+    (window as any).__BARA__ = bara
+  }
+}

src/lib/index.ts

@@ -5,24 +5,29 @@ import { AppRegistry } from 'react-native'
 
 const BaraApp = (AppComponent: ComponentType) => () => AppComponent
 
-// TODO trigger render function when the bara app has been initialized
-const render = (name: string, AppComponent: ComponentType) => {
-  AppRegistry.registerComponent(name, BaraApp(AppComponent))
-  AppRegistry.runApplication(name, {
-    rootTag: document.getElementById('root'),
-  })
+export interface UseReactAppConfig {
+  name: string
+  App: ComponentType
+  isNative?: boolean
+  rootHTML?: string
 }
 
-const bridge = (name: string, App: ComponentType) => () => {
+export const useReactApp = ({
+  name,
+  App,
+  isNative = false,
+  rootHTML = 'root',
+}: UseReactAppConfig) => {
   useInit(() => {
-    render(name, App)
+    AppRegistry.registerComponent(name, BaraApp(App))
+    if (!isNative) {
+      AppRegistry.runApplication(name, {
+        rootTag: document.getElementById(rootHTML),
+      })
+    }
   })
 }
 
-export const useReactApp = (name: string, App: ComponentType, rootHTML: string = 'root') => {
-  bridge(name, App)()
-}
-
 export * from './exports'
 export * from './functions'
 export * from './models'