adapters

playground/src/app.js

@@ -27,11 +27,8 @@ class WelcomeScreen extends Component {
   }
 }
 
-import {NativeModules, NativeEventEmitter} from 'react-native';
-
 export function start() {
-  const emitter = new NativeEventEmitter(NativeModules.RNNEventEmitter);
-  emitter.addListener('onAppLaunched', () => {
+  Navigation.onAppLaunched('onAppLaunched', () => {
     Navigation.registerContainer(`com.example.WelcomeScreen`, () => WelcomeScreen);
     Navigation.startApp({
       container: {

src/Navigation.js

@@ -1,191 +1,28 @@
 import * as ContainerRegistry from './containers/ContainerRegistry';
 import * as Commands from './commands/Commands';
 
-export function registerContainer(containerName, getContainerFunc) {
-  ContainerRegistry.registerContainer(containerName, getContainerFunc);
-}
-
-export function startApp(params) {
-  Commands.startApp(params);
-}
-
-export function push(params) {
-  //
-}
-
-export function pop(params) {
-  //
-}
-
-export function showModal(params) {
-  //
-}
-
-export function dismissModal(params) {
-  //
-}
-
-export function dismissAllModals(params) {
-  //
-}
-
-export function showLightbox(params) {
-  //
-}
+import NativeEventsReceiver from './adapters/NativeEventsReceiver';
 
-export function dismissLightbox(params) {
-  //
-}
+class Navigation {
+  constructor() {
+    this.nativeEventsReceiver = new NativeEventsReceiver();
+  }
 
-export function showInAppNotification(params) {
-  //
-}
+  registerContainer(containerName, getContainerFunc) {
+    ContainerRegistry.registerContainer(containerName, getContainerFunc);
+  }
 
-export function dismissInAppNotification(params) {
-  //
-}
+  startApp(params) {
+    Commands.startApp(params);
+  }
 
-export function popToRoot(params) {
-  //
-}
+  onAppLaunched(fn) {
+    this.nativeEventsReceiver.onAppLaunched(fn);
+  }
 
-export function newStack(params) {
-  //
 }
 
-// new work on src/Navigation:
-//+function startApp(layout) {
-//  +    return platformSpecific.startApp(layout);
-//  +}
-//+
-//+  startSingleScreenApp: startSingleScreenApp,
-//  +  startApp: startApp
-
-// new work on src/newParams.json:
-//
-//{
-//  "screen": {
-//  "screen": "example.FirstTabScreen",
-//    "title": "Navigation",
-//    "navigatorStyle": {
-//    "navBarBackgroundColor": "#4dbce9",
-//      "navBarTextColor": "#ffff00",
-//      "navBarSubtitleTextColor": "#ff0000",
-//      "navBarButtonColor": "#ffffff",
-//      "statusBarTextColorScheme": "light",
-//      "tabBarBackgroundColor": "#4dbce9",
-//      "tabBarButtonColor": "#ffffff",
-//      "tabBarSelectedButtonColor": "#ffff00"
-//  },
-//  "navigatorID": "navigatorID1_nav",
-//    "screenInstanceID": "screenInstanceID2",
-//    "navigatorEventID": "screenInstanceID2_events",
-//    "navigatorButtons": {
-//    "leftButtons": [
-//      {
-//        "icon": "http://localhost:8081/assets/img/navicon_menu@2x.png?platform=ios&hash=940519e495eac2a6236034f2bf88ce90",
-//        "id": "menu"
-//      }
-//    ],
-//      "rightButtons": [
-//      {
-//        "title": "Edit",
-//        "id": "edit",
-//        "enabled": true
-//      },
-//      {
-//        "icon": "http://localhost:8081/assets/img/navicon_add@2x.png?platform=ios&hash=667fefa47fb5daebbc3943669dc6eb26",
-//        "id": "add",
-//        "enabled": true
-//      }
-//    ]
-//  },
-//  "screenId": "example.FirstTabScreen",
-//    "styleParams": {
-//    "topBarColor": 4283284713,
-//      "titleBarTitleColor": 4294967040,
-//      "titleBarButtonColor": 4294967295,
-//      "drawBelowTopBar": true,
-//      "drawScreenAboveBottomTabs": true,
-//      "bottomTabsColor": 4283284713,
-//      "bottomTabsButtonColor": 4294967295,
-//      "bottomTabsSelectedButtonColor": 4294967040
-//  },
-//  "navigationParams": {
-//    "screenInstanceID": "screenInstanceID2",
-//      "navigatorID": "navigatorID1_nav",
-//      "navigatorEventID": "screenInstanceID2_events"
-//  }
-//},
-//  "drawer": {
-//  "left": {
-//    "screen": "example.SideMenu"
-//  }
-//},
-//  "appStyle": null,
-//  "sideMenu": {
-//  "left": {
-//    "screenId": "example.SideMenu",
-//      "navigatorID": "navigatorID3_nav",
-//      "screenInstanceID": "screenInstanceID4",
-//      "navigatorEventID": "screenInstanceID4_events",
-//      "navigationParams": {
-//      "screenInstanceID": "screenInstanceID4",
-//        "navigatorID": "navigatorID3_nav",
-//        "navigatorEventID": "screenInstanceID4_events"
-//    }
-//  },
-//  "right": null
-//},
-//  "animateShow": true
-//}
+const singleton = new Navigation();
 
-// new work on platformSpecificDeprecated.ios.js:
-//import Navigation from './../Navigation';
-//import Controllers, {Modal, Notification} from './controllers';
-//+import _ from 'lodash';
-//+import PropRegistry from '../PropRegistry';
-//+import * as newPlatformSpecific from './../platformSpecific';
-//+
-//const React = Controllers.hijackReact();
-//const {
-//  ControllerRegistry,
-//  TabBarControllerIOS,
-//  NavigationControllerIOS,
-//  DrawerControllerIOS
-//} = React;
-//-import _ from 'lodash';
-//
-//-import PropRegistry from '../PropRegistry';
-//+function startApp(layout) {
-//  +	newPlatformSpecific.startApp(layout);
-//  +}
-//
-//function startTabBasedApp(params) {
-//  if (!params.tabs) {
-//  @@ -566,6 +571,7 @@ function dismissContextualMenu() {
-//    }
-//
-//    export default {
-//    +  startApp,
-//    startTabBasedApp,
-//      startSingleScreenApp,
-//      navigatorPush,
+module.exports = singleton;
 
-//new work on platformSpecific.ios.js:
-//-module.exports = {};
-//+import React, {Component} from 'react';
-//+import {AppRegistry, NativeModules} from 'react-native';
-//+import _ from 'lodash';
-//+import PropRegistry from './PropRegistry';
-//+
-//  +const NativeAppMAnager = NativeModules.RCCManager;
-//+
-//  +function startApp(layout) {
-//    +
-//      +	NativeAppMAnager.startApp(layout);
-//    +}
-//+
-//+module.exports = {
-//                  +	startApp
-//                  +};

src/Navigation.test.js

@@ -1,33 +1,21 @@
-import _ from 'lodash';
-
 describe('Navigation', () => {
   let Navigation;
   let ContainerRegistry, Commands;
+  let mockNativeEventsReceiver;
 
   beforeEach(() => {
     jest.mock('./containers/ContainerRegistry');
     jest.mock('./commands/Commands');
     ContainerRegistry = require('./containers/ContainerRegistry');
     Commands = require('./commands/Commands');
-    Navigation = require('./Navigation');
-  });
 
-  it('exposes static commands', () => {
-    _.forEach([
-      Navigation.registerContainer,
-      Navigation.startApp,
-      Navigation.push,
-      Navigation.pop,
-      Navigation.popToRoot,
-      Navigation.newStack,
-      Navigation.showModal,
-      Navigation.dismissModal,
-      Navigation.dismissAllModals,
-      Navigation.showLightbox,
-      Navigation.dismissLightbox,
-      Navigation.showInAppNotification,
-      Navigation.dismissInAppNotification
-    ], (f) => expect(f).toBeInstanceOf(Function));
+    mockNativeEventsReceiver = {
+      onAppLaunched: jest.fn()
+    };
+
+    jest.mock('./adapters/NativeEventsReceiver', () => () => mockNativeEventsReceiver);
+
+    Navigation = require('./Navigation');
   });
 
   it('registerContainer delegates to ContainerRegistry', () => {
@@ -44,4 +32,9 @@ describe('Navigation', () => {
     expect(Commands.startApp).toHaveBeenCalledTimes(1);
     expect(Commands.startApp).toHaveBeenCalledWith(params);
   });
+
+  it('onAppLaunched delegates to NativeEventsReceiver', () => {
+    Navigation.onAppLaunched(jest.fn());
+    expect(mockNativeEventsReceiver.onAppLaunched).toHaveBeenCalledTimes(1);
+  });
 });

src/adapters/NativeEventsReceiver.js

@@ -0,0 +1,11 @@
+import {NativeModules, NativeEventEmitter} from 'react-native';
+
+export default class NativeEventsReceiver {
+  constructor() {
+    this.emitter = new NativeEventEmitter(NativeModules.RNNEventEmitter);
+  }
+
+  onAppLaunched(callback) {
+    this.emitter.addListener('onAppLaunched', callback);
+  }
+}

src/adapters/NativeEventsReceiver.test.js

@@ -0,0 +1,19 @@
+describe('NativeEventsReceiver', () => {
+  let uut;
+  const eventEmitterMock = {addListener: jest.fn()};
+
+  beforeEach(() => {
+    require('react-native').NativeModules.RNNEventEmitter = {};
+    const NativeEventsReceiver = require('./NativeEventsReceiver').default;
+    uut = new NativeEventsReceiver();
+    uut.emitter = eventEmitterMock;
+  });
+
+  it('register for onAppLaunched', () => {
+    const callback = jest.fn();
+    uut.onAppLaunched(callback);
+    expect(callback).not.toHaveBeenCalled();
+    expect(eventEmitterMock.addListener).toHaveBeenCalledTimes(1);
+    expect(eventEmitterMock.addListener).toHaveBeenCalledWith('onAppLaunched', callback);
+  });
+});

src/commands/LayoutBuilder.js

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import {uniqueId} from '../providers/UniqueIdProvider';
+import {uniqueId} from '../adapters/UniqueIdProvider';
 
 export function parse(params) {
   const layout = _.merge({}, params);

src/commands/LayoutBuilder.test.js

@@ -2,7 +2,7 @@ describe('LayoutBuilder', () => {
   let LayoutBuilder;
 
   beforeEach(() => {
-    jest.mock('../providers/UniqueIdProvider');
+    jest.mock('../adapters/UniqueIdProvider');
     LayoutBuilder = require('./LayoutBuilder');
   });