import * as Types from './types';
import cookie from 'yoho-cookie';
import {merge} from 'lodash';

export default function(state = {}) {
  return {
    state: merge({
      context: {
        title: '',
        env: {
          isApp: true,
          isiOS: false,
          isAndroid: false,
          isYohoBuy: false,
        },
        route: '',
        path: '',
        needLogin: false,
        isLogin: false
      },
      window: {
        statusBarStatus: false,
        statusBarHeight: 0,
        statusBarColor: 'black',
        clientHeight: 0,
        clientWidth: 0,
        supportsPassive: false,
        supportWebp: false
      },
      historys: [],
      direction: 'forword',
      homePage: true
    }, state),
    mutations: {
      [Types.SET_SERVER_INFO](state, {context}) {
        state.context.title = context.title;
        state.context.route = context.route;
        state.context.path = context.path;
      },
      [Types.SET_ENV](state, {env}) {
        state.context.env = Object.assign({}, env);
      },
      [Types.SET_LOGIN_INFO](state, {uid}) {
        state.context.isLogin = uid > 1;
      },
      [Types.SET_TITLE](state, {title}) {
        state.context.title = title;
      },
      [Types.ROUTE_CHANGE](state, {to}) {
        let topath;

        try {
          topath = decodeURIComponent(to.path);
        } catch (error) {
          topath = to.path;
        }

        if (state.historys.length >= 2 && state.historys[state.historys.length - 2].path === topath) {
          state.historys.pop();
          state.direction = 'back';
        } else {
          state.historys.push({
            name: to.name,
            path: topath
          });
          state.direction = 'forword';
        }
        state.homePage = state.historys.length <= 1;
      },
      [Types.SET_NEED_LOGIN](state, {needLogin}) {
        state.context.needLogin = needLogin;
      },
      [Types.SET_WINDOW_SIZE](state, {clientWidth, clientHeight}) {
        state.window.clientWidth = clientWidth;
        state.window.clientHeight = clientHeight;
      },
      [Types.SET_SUPPORT_PASSIVE](state, {supportsPassive}) {
        state.window.supportsPassive = supportsPassive;
      },
      [Types.SET_SUPPORT_WEBP](state, {supportWebp}) {
        state.window.supportWebp = supportWebp;
      },
      [Types.SET_STATUS_BAR_STATUS](state, {status}) {
        state.window.statusBarStatus = !!status;
      },
      [Types.SET_STATUS_BAR_HEIGHT](state, {height}) {
        state.window.statusBarHeight = height;
      },
      [Types.SET_STATUS_BAR_COLOR](state, {color}) {
        if (state.context.env.isYohoBuy && state.context.env.isiOS && state.window.statusBarStatus) {
          state.window.statusBarColor = color || 'black';
        }
      }
    },
    getters: {
      getLogin(state) {
        return state.context.isLogin;
      }
    },
    actions: {
      reportYas(params, {params: {appop, param}, asyncindx = false}) {
        try {
          document.addEventListener('deviceready', () => {
            setTimeout(() => {
              if (window._yas && window._yas.sendAppLogs) {
                param = param || {};

                if (!param.C_ID) {
                  const channel = {
                    men: 1,
                    women: 2
                  }[cookie.get('_Channel') || 'men'];

                  param.C_ID = channel;
                }
                window._yas.sendAppLogs({
                  appop,
                  param: param ? JSON.stringify(param) : '{}'
                }, asyncindx);
              }
            }, 300);
          });
        } catch (e) {
          // pass
        }
      }
    }
  };
}