migrating

lib/src/Navigation.js

@@ -11,7 +11,6 @@ const PublicEventsRegistry = require('./events/PublicEventsRegistry');
 
 import { Element } from './adapters/Element';
 
-/** @constructor */
 class Navigation {
   constructor() {
     this.store = new Store();

lib/src/adapters/NativeCommandsSender.mock.js

@@ -1 +0,0 @@
-module.exports = jest.genMockFromModule('./NativeCommandsSender');

lib/src/adapters/NativeCommandsSender.mock.ts

@@ -0,0 +1 @@
+export const { NativeCommandsSender } = jest.genMockFromModule('./NativeCommandsSender');

lib/src/adapters/NativeCommandsSender.js → lib/src/adapters/NativeCommandsSender.ts

@@ -1,45 +1,47 @@
-const { NativeModules } = require('react-native');
+import { NativeModules } from 'react-native';
+
+export class NativeCommandsSender {
+  private nativeCommandsModule: any;
 
-class NativeCommandsSender {
   constructor() {
     this.nativeCommandsModule = NativeModules.RNNBridgeModule;
   }
 
-  setRoot(layoutTree) {
+  setRoot(layoutTree: object) {
     return this.nativeCommandsModule.setRoot(layoutTree);
   }
 
-  setDefaultOptions(options) {
+  setDefaultOptions(options: object) {
     this.nativeCommandsModule.setDefaultOptions(options);
   }
 
-  setOptions(componentId, options) {
+  setOptions(componentId: string, options: object) {
     this.nativeCommandsModule.setOptions(componentId, options);
   }
 
-  async push(onComponentId, layout) {
+  async push(onComponentId: string, layout: object) {
     const pushedComponentId = await this.nativeCommandsModule.push(onComponentId, layout);
     return pushedComponentId;
   }
 
-  pop(componentId, options) {
+  pop(componentId: string, options: object) {
     return this.nativeCommandsModule.pop(componentId, options);
   }
 
-  popTo(componentId) {
+  popTo(componentId: string) {
     return this.nativeCommandsModule.popTo(componentId);
   }
 
-  popToRoot(componentId) {
+  popToRoot(componentId: string) {
     return this.nativeCommandsModule.popToRoot(componentId);
   }
 
-  async showModal(layout) {
+  async showModal(layout: object) {
     const completed = await this.nativeCommandsModule.showModal(layout);
     return completed;
   }
 
-  dismissModal(componentId) {
+  dismissModal(componentId: string) {
     return this.nativeCommandsModule.dismissModal(componentId);
   }
 
@@ -47,7 +49,7 @@ class NativeCommandsSender {
     return this.nativeCommandsModule.dismissAllModals();
   }
 
-  showOverlay(type, options) {
+  showOverlay(type: any, options: object) {
     return this.nativeCommandsModule.showOverlay(type, options);
   }
 
@@ -56,5 +58,3 @@ class NativeCommandsSender {
     return Promise.resolve(true);
   }
 }
-
-module.exports = NativeCommandsSender;

lib/src/adapters/NativeEventsReceiver.mock.js

@@ -1 +0,0 @@
-module.exports = jest.genMockFromModule('./NativeEventsReceiver');

lib/src/adapters/NativeEventsReceiver.mock.ts

@@ -0,0 +1 @@
+export const { NativeEventsReceiver } = jest.genMockFromModule('./NativeEventsReceiver');

lib/src/adapters/NativeEventsReceiver.js → lib/src/adapters/NativeEventsReceiver.ts

@@ -1,25 +1,25 @@
-const { NativeModules, NativeEventEmitter } = require('react-native');
+import { NativeModules, NativeEventEmitter } from 'react-native';
+
+export class NativeEventsReceiver {
+  private emitter: NativeEventEmitter;
 
-class NativeEventsReceiver {
   constructor() {
     this.emitter = new NativeEventEmitter(NativeModules.RNNEventEmitter);
   }
 
-  registerComponentDidAppear(callback) {
+  registerComponentDidAppear(callback: any) {
     this.emitter.addListener('RNN.componentDidAppear', callback);
   }
 
-  registerComponentDidDisappear(callback) {
+  registerComponentDidDisappear(callback: any) {
     this.emitter.addListener('RNN.componentDidDisappear', callback);
   }
 
-  registerAppLaunched(callback) {
+  registerAppLaunched(callback: any) {
     this.emitter.addListener('RNN.appLaunched', callback);
   }
 
-  registerNavigationButtonPressed(callback) {
+  registerNavigationButtonPressed(callback: any) {
     this.emitter.addListener('RNN.navigationButtonPressed', callback);
   }
 }
-
-module.exports = NativeEventsReceiver;

lib/src/adapters/UniqueIdProvider.js

@@ -1,9 +0,0 @@
-const _ = require('lodash');
-
-class UniqueIdProvider {
-  generate(prefix) {
-    return _.uniqueId(prefix);
-  }
-}
-
-module.exports = UniqueIdProvider;

lib/src/adapters/UniqueIdProvider.mock.js

@@ -1,7 +0,0 @@
-class UniqueIdProvider {
-  generate(prefix) {
-    return `${prefix}+UNIQUE_ID`;
-  }
-}
-
-module.exports = UniqueIdProvider;

lib/src/adapters/UniqueIdProvider.mock.ts

@@ -0,0 +1,5 @@
+export class UniqueIdProvider {
+  generate(prefix: string): string {
+    return `${prefix}+UNIQUE_ID`;
+  }
+}

lib/src/adapters/UniqueIdProvider.ts

@@ -0,0 +1,7 @@
+import * as _ from 'lodash';
+
+export class UniqueIdProvider {
+  generate(prefix: string): string {
+    return _.uniqueId(prefix);
+  }
+}

lib/src/commands/Commands.test.js

@@ -1,8 +1,8 @@
 const LayoutTreeParser = require('./LayoutTreeParser');
 const LayoutTreeCrawler = require('./LayoutTreeCrawler');
 const Store = require('../components/Store');
-const UniqueIdProvider = require('../adapters/UniqueIdProvider.mock');
-const NativeCommandsSender = require('../adapters/NativeCommandsSender.mock');
+const { UniqueIdProvider } = require('../adapters/UniqueIdProvider.mock');
+const { NativeCommandsSender } = require('../adapters/NativeCommandsSender.mock');
 const Commands = require('./Commands');
 
 describe('Commands', () => {

lib/src/commands/LayoutTreeCrawler.js

@@ -1,5 +1,6 @@
+import { LayoutTypes } from './LayoutTypes';
+
 const _ = require('lodash');
-const LayoutTypes = require('./LayoutTypes');
 const OptionsProcessor = require('./OptionsProcessor');
 
 class LayoutTreeCrawler {

lib/src/commands/LayoutTreeParser.js

@@ -1,5 +1,6 @@
+import { LayoutTypes } from './LayoutTypes';
+
 const _ = require('lodash');
-const LayoutTypes = require('./LayoutTypes');
 
 class LayoutTreeParser {
   constructor() {

lib/src/commands/LayoutTypes.js

@@ -1,10 +0,0 @@
-module.exports = {
-  Component: 'Component',
-  Stack: 'Stack',
-  BottomTabs: 'BottomTabs',
-  SideMenuRoot: 'SideMenuRoot',
-  SideMenuCenter: 'SideMenuCenter',
-  SideMenuLeft: 'SideMenuLeft',
-  SideMenuRight: 'SideMenuRight',
-  TopTabs: 'TopTabs'
-};

lib/src/commands/LayoutTypes.ts

@@ -0,0 +1,10 @@
+export const enum LayoutTypes {
+  Component = 'Component',
+  Stack = 'Stack',
+  BottomTabs = 'BottomTabs',
+  SideMenuRoot = 'SideMenuRoot',
+  SideMenuCenter = 'SideMenuCenter',
+  SideMenuLeft = 'SideMenuLeft',
+  SideMenuRight = 'SideMenuRight',
+  TopTabs = 'TopTabs'
+};

lib/src/commands/OptionsProcessor.test.js → lib/src/commands/OptionsProcessor.test.ts

@@ -1,7 +1,7 @@
-const OptionsProcessor = require('./OptionsProcessor');
+import { OptionsProcessor } from './OptionsProcessor';
 
 describe('navigation options', () => {
-  let options;
+  let options: any;
 
   beforeEach(() => {
     options = {};

lib/src/commands/OptionsProcessor.js → lib/src/commands/OptionsProcessor.ts

@@ -1,9 +1,9 @@
-const _ = require('lodash');
-const { processColor } = require('react-native');
-const resolveAssetSource = require('react-native/Libraries/Image/resolveAssetSource');
+import * as _ from 'lodash';
+import { processColor } from 'react-native';
+import * as resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
 
-class OptionsProcessor {
-  static processOptions(options) {
+export class OptionsProcessor {
+  static processOptions(options: any) {
     _.forEach(options, (value, key) => {
       if (value) {
         if (_.endsWith(key, 'Color')) {
@@ -19,5 +19,3 @@ class OptionsProcessor {
     });
   }
 }
-
-module.exports = OptionsProcessor;

lib/src/events/PrivateEventsListener.test.js → lib/src/events/PrivateEventsListener.test.ts

@@ -1,11 +1,11 @@
-const PrivateEventsListener = require('./PrivateEventsListener');
-const NativeEventsReceiver = require('../adapters/NativeEventsReceiver.mock');
-const Store = require('../components/Store');
+import { PrivateEventsListener } from './PrivateEventsListener';
+import { NativeEventsReceiver } from '../adapters/NativeEventsReceiver.mock';
+import * as  Store from '../components/Store';
 
 describe('PrivateEventsListener', () => {
-  let uut;
-  let nativeEventsReceiver;
-  let store;
+  let uut: PrivateEventsListener;
+  let nativeEventsReceiver: any;
+  let store: any;
 
   beforeEach(() => {
     nativeEventsReceiver = new NativeEventsReceiver();

lib/src/events/PrivateEventsListener.js → lib/src/events/PrivateEventsListener.ts

@@ -1,7 +1,10 @@
-const Lifecycle = require('../components/Lifecycle');
+import * as Lifecycle from '../components/Lifecycle';
 
-class PrivateEventsListener {
-  constructor(nativeEventsReceiver, store) {
+export class PrivateEventsListener {
+  private nativeEventsReceiver: any;
+  private lifecycle: any;
+
+  constructor(nativeEventsReceiver: any, store: any) {
     this.nativeEventsReceiver = nativeEventsReceiver;
     this.lifecycle = new Lifecycle(store);
   }
@@ -12,5 +15,3 @@ class PrivateEventsListener {
     this.nativeEventsReceiver.registerNavigationButtonPressed(this.lifecycle.onNavigationButtonPressed);
   }
 }
-
-module.exports = PrivateEventsListener;

lib/src/globals.d.ts

@@ -0,0 +1 @@
+declare module 'react-native/Libraries/Image/resolveAssetSource';

tsconfig.json

@@ -1,5 +1,4 @@
 {
-  "extends": "./tsconfig-strict",
   "compilerOptions": {
     "outDir": "./lib/dist",
     "allowJs": true,