import {createApp} from './app';
import _ from 'lodash/core';
import {
    SET_ENV,
    INIT_ROUTE_CHANGE
} from 'store/yoho/types';

export default context => {
    return new Promise((resolve, reject) => {
        const {app, router, store} = createApp(context);
        const {url} = context;

        const route = router.resolve(url).route;

        // if (url !== route.fullPath) {
        //     return reject({code: 500, message: 'url not matched', url: route.fullPath});
        // }
        store.commit(SET_ENV, context.env);
        router.push(url);
        router.onReady(() => {
            try {
                const matched = router.getMatchedComponents();

                if (!matched.length) {
                    reject({code: 404});
                }
                const routes = [];
                const rootRoute = _.find(router.options.routes, r => r.meta && r.meta.root);

                if (rootRoute) {
                    routes.push({
                        name: rootRoute.name,
                        fullPath: rootRoute.path
                    });
                }

                if (route.name !== 'channel.home') {
                    routes.push({
                        name: route.name,
                        fullPath: route.fullPath
                    });
                }

                store.commit(INIT_ROUTE_CHANGE, {routes});
                Promise.all(matched.map(({asyncData}) =>
                    asyncData && asyncData({store, router: router.currentRoute})))
                    .then(() => {
                        context.state = store.state;
                        resolve(app);
                    }).catch((e) => {
                        reject({
                            code: 500,
                            message: e.stack || e.toString()
                        });
                    });
            } catch (e) {
                reject({
                    code: 500,
                    message: e.stack || e.toString()
                });
            }
        }, reject);
    });
};