import { NativeCommandsSender } from './adapters/NativeCommandsSender'; import { NativeEventsReceiver } from './adapters/NativeEventsReceiver'; import { UniqueIdProvider } from './adapters/UniqueIdProvider'; import { Store } from './components/Store'; import { ComponentRegistry } from './components/ComponentRegistry'; import { Commands } from './commands/Commands'; import { LayoutTreeParser } from './commands/LayoutTreeParser'; import { LayoutTreeCrawler } from './commands/LayoutTreeCrawler'; import { EventsRegistry } from './events/EventsRegistry'; import { ComponentProvider } from 'react-native'; import { Element } from './adapters/Element'; import { CommandsObserver } from './events/CommandsObserver'; import { Constants } from './adapters/Constants'; import { ComponentType } from 'react'; import { ComponentEventsObserver } from './events/ComponentEventsObserver'; import { TouchablePreview } from './adapters/TouchablePreview'; import { LayoutRoot, Layout } from './interfaces/Layout'; import { Options } from './interfaces/Options'; export class Navigation { public readonly Element: React.ComponentType<{ elementId: any; resizeMode?: any; }>; public readonly TouchablePreview: React.ComponentType; public readonly store: Store; private readonly nativeEventsReceiver: NativeEventsReceiver; private readonly uniqueIdProvider: UniqueIdProvider; private readonly componentRegistry: ComponentRegistry; private readonly layoutTreeParser: LayoutTreeParser; private readonly layoutTreeCrawler: LayoutTreeCrawler; private readonly nativeCommandsSender: NativeCommandsSender; private readonly commands: Commands; private readonly eventsRegistry: EventsRegistry; private readonly commandsObserver: CommandsObserver; private readonly componentEventsObserver: ComponentEventsObserver; constructor() { this.Element = Element; this.TouchablePreview = TouchablePreview; this.store = new Store(); this.nativeEventsReceiver = new NativeEventsReceiver(); this.uniqueIdProvider = new UniqueIdProvider(); this.componentEventsObserver = new ComponentEventsObserver(this.nativeEventsReceiver); this.componentRegistry = new ComponentRegistry(this.store, this.componentEventsObserver); this.layoutTreeParser = new LayoutTreeParser(); this.layoutTreeCrawler = new LayoutTreeCrawler(this.uniqueIdProvider, this.store); this.nativeCommandsSender = new NativeCommandsSender(); this.commandsObserver = new CommandsObserver(); this.commands = new Commands(this.nativeCommandsSender, this.layoutTreeParser, this.layoutTreeCrawler, this.commandsObserver, this.uniqueIdProvider); this.eventsRegistry = new EventsRegistry(this.nativeEventsReceiver, this.commandsObserver, this.componentEventsObserver); this.componentEventsObserver.registerOnceForAllComponentEvents(); } /** * Every navigation component in your app must be registered with a unique name. * The component itself is a traditional React component extending React.Component. */ public registerComponent(componentName: string, getComponentClassFunc: ComponentProvider): ComponentType { return this.componentRegistry.registerComponent(componentName, getComponentClassFunc); } /** * Utility helper function like registerComponent, * wraps the provided component with a react-redux Provider with the passed redux store */ public registerComponentWithRedux(componentName: string, getComponentClassFunc: ComponentProvider, ReduxProvider: any, reduxStore: any): ComponentType { return this.componentRegistry.registerComponent(componentName, getComponentClassFunc, ReduxProvider, reduxStore); } /** * Reset the app to a new layout */ public setRoot(layout: LayoutRoot): Promise { return this.commands.setRoot(layout); } /** * Set default options to all screens. Useful for declaring a consistent style across the app. */ public setDefaultOptions(options: Options): void { this.commands.setDefaultOptions(options); } /** * Change a component's navigation options */ public mergeOptions(componentId: string, options: Options): void { this.commands.mergeOptions(componentId, options); } /** * Show a screen as a modal. */ public showModal(layout: Layout): Promise { return this.commands.showModal(layout); } /** * Dismiss a modal by componentId. The dismissed modal can be anywhere in the stack. */ public dismissModal(componentId: string, mergeOptions?): Promise { return this.commands.dismissModal(componentId, mergeOptions); } /** * Dismiss all Modals */ public dismissAllModals(mergeOptions?): Promise { return this.commands.dismissAllModals(mergeOptions); } /** * Push a new layout into this screen's navigation stack. */ public push(componentId: string, layout: Layout): Promise { return this.commands.push(componentId, layout); } /** * Pop a component from the stack, regardless of it's position. */ public pop(componentId: string, mergeOptions?): Promise { return this.commands.pop(componentId, mergeOptions); } /** * Pop the stack to a given component */ public popTo(componentId: string, mergeOptions?): Promise { return this.commands.popTo(componentId, mergeOptions); } /** * Pop the component's stack to root. */ public popToRoot(componentId: string, mergeOptions?): Promise { return this.commands.popToRoot(componentId, mergeOptions); } /** * Sets new root component to stack. */ public setStackRoot(componentId: string, layout: Layout): Promise { return this.commands.setStackRoot(componentId, layout); } /** * Show overlay on top of the entire app */ public showOverlay(layout: Layout): Promise { return this.commands.showOverlay(layout); } /** * dismiss overlay by componentId */ public dismissOverlay(componentId: string): Promise { return this.commands.dismissOverlay(componentId); } /** * Resolves arguments passed on launch */ public getLaunchArgs(): Promise { return this.commands.getLaunchArgs(); } /** * Obtain the events registry instance */ public events(): EventsRegistry { return this.eventsRegistry; } /** * Constants coming from native */ public async constants(): Promise { return await Constants.get(); } }