'use strict';

//	翩若惊鸿，婉若游龙。
//	荣曜秋菊，华茂春松。
//	仿佛兮若轻云之蔽月，飘摇兮若流风之回雪。

import React from 'react';
import createReactClass from 'create-react-class';
import ReactNative, {
	AppRegistry,
	Platform,
	StyleSheet,
	Dimensions,
	TouchableOpacity,
	View,
} from 'react-native';

import {
	Provider,
	connect
} from 'react-redux';

import configureStore from './store/configureStore';
import {Record, List, Map} from 'immutable';

import appInitialState from './reducers/app/appInitialState';
import brandInitialState from './reducers/brand/brandInitialState';
import browseInitialState from './reducers/browse/browseInitialState';
import productInitialState from './reducers/product/productInitialState';

import BrandContainer from './containers/BrandContainer';
import BrowseContainer from './containers/BrowseContainer';
import ProductContainer from './containers/ProductContainer';

import {
	setPlatform,
	setHost,
	setServiceHost,
	setABVersion,
	setGlobalHost,
} from './reducers/app/appActions';


function getInitialState() {
	const _initState = {
		app: (new appInitialState()),
		brand: (new brandInitialState()),
		browse: (new browseInitialState()),
    	product: (new productInitialState()),
	};
	return _initState;
}

export default function native(platform) {

	let YH_Recorder = createReactClass({

		_renderContainer() {
			if (this.props.type == 'brand') {
				return <BrandContainer />;
			} else if (this.props.type == 'browse') {
				return <BrowseContainer />;
			} else if (this.props.type == 'product') {
				return <ProductContainer />;
			}
			return <View/>;
		},

		render() {
		  	const store = configureStore(getInitialState());
			store.dispatch(setPlatform(platform));
			store.dispatch(setHost(this.props.host));
			store.dispatch(setServiceHost(this.props.serviceHost));
			store.dispatch(setGlobalHost(this.props.globalHost));

			return (
				<Provider store={store}>
					{this._renderContainer()}
				</Provider>
			);
		}
	});

	AppRegistry.registerComponent('YH_Recorder', () => YH_Recorder);
}