feat(functions): new opearator useComponentsStream for register all stream at once (can exclude)

Author: nampdn

src/index.tsx

@@ -2,10 +2,8 @@ import { register, useBarnStream, useInitStream } from 'bara'
 import App from './App'
 import './index.css'
 import {
+  useComponentsStream,
   useReactApp,
-  useTextStream,
-  useTouchableOpacityStream,
-  useTouchableStream,
   useViewStream,
 } from './lib'
 
@@ -19,9 +17,7 @@ const BaraApp = () => {
   })
   useReactApp({ name: 'bara-app', App })
   useViewStream()
-  useTouchableStream()
-  useTouchableOpacityStream()
-  useTextStream()
+  useComponentsStream({TouchableOpacity: false})
   welcomeTrigger()
 }
 

src/lib/exports/TouchableOpacity/stream.ts

@@ -1,4 +1,4 @@
-import { createEmitter, useEmitter, useStream } from 'bara'
+import { createEmitter, useEmitter, useStream, EventType } from 'bara'
 
 import {
   BaraReactTouchableOpacity,
@@ -74,22 +74,22 @@ export function useTouchableOpacityStream() {
   )
 }
 
+const getEmitter = (eventType: EventType) => {
+  let emit = useEmitter(eventType)
+  const warn = () => {
+    // tslint:disable-next-line
+    process.env.NODE_ENV === 'development' && console.warn(
+      `[TouchableOpacity] No action executed because TouchableOpacity is "false" when you call "useComponentsStream", call "useTouchableOpacityStream" to register this stream or change its value to "true"!`,
+    )
+  }
+  emit = emit! || warn
+  return emit
+}
+
 // Export and being consumed by any Touchable component
 export const touchableOpacityContext: BaraTouchableOpacityContext = {
-  onPress: data => {
-    const emit = useEmitter(ON_TOUCHABLE_OPACITY_PRESS)
-    emit!(data)
-  },
-  onPressIn: data => {
-    const emit = useEmitter(ON_TOUCHABLE_OPACITY_PRESS_IN)
-    emit!(data)
-  },
-  onPressOut: data => {
-    const emit = useEmitter(ON_TOUCHABLE_OPACITY_PRESS_OUT)
-    emit!(data)
-  },
-  onLongPress: data => {
-    const emit = useEmitter(ON_TOUCHABLE_OPACITY_LONG_PRESS)
-    emit!(data)
-  },
+  onPress: data => getEmitter(ON_TOUCHABLE_OPACITY_PRESS)(data),
+  onPressIn: data => getEmitter(ON_TOUCHABLE_OPACITY_PRESS_IN)(data),
+  onPressOut: data => getEmitter(ON_TOUCHABLE_OPACITY_PRESS_OUT)(data),
+  onLongPress: data => getEmitter(ON_TOUCHABLE_OPACITY_LONG_PRESS)(data),
 }

src/lib/functions/index.ts

@@ -1,2 +1,3 @@
 export * from './use-barn-state'
-export * from './barn-bridge'
+export * from './barn-bridge'
+export * from './use-components-stream'

src/lib/functions/use-components-stream.ts

@@ -0,0 +1,30 @@
+import * as ExportedStreams from '../exports'
+
+export interface UseComponentsStreamConfig {
+  Text?: boolean
+  Touchable?: boolean
+  TouchableOpacity?: boolean
+  View?: boolean
+}
+
+const defaultConfig: UseComponentsStreamConfig = {
+  Text: true,
+  Touchable: true,
+  TouchableOpacity: true,
+  View: true,
+}
+
+/**
+ * Register all components as Bara stream
+ */
+export function useComponentsStream(config?: UseComponentsStreamConfig) {
+  const combinedConfig = { ...defaultConfig, ...config }
+  for (const component in combinedConfig) {
+    if ((combinedConfig as any)[component] === true) {
+      const methodName = `use${component}Stream`
+      if (methodName in ExportedStreams) {
+        ;(ExportedStreams as any)[methodName]()
+      }
+    }
+  }
+}