import { setStore, getStore } from 'utils/store'
import dayjs from 'dayjs'
import { sendLogs } from '@/api/user'

const logs = {
	state: {
		logsList: getStore({ name: 'logsList' }) || [],
	},
	actions: {
		//发送错误日志
		SendLogs({ state, commit }) {
			return new Promise((resolve, reject) => {
				sendLogs(state.logsList)
					.then(() => {
						commit('CLEAR_LOGS')
						resolve()
					})
					.catch(error => {
						reject(error)
					})
			})
		},
	},
	mutations: {
		ADD_LOGS: (state, { type, message, stack, info }) => {
			state.logsList.push(
				Object.assign(
					{
						url: window.location.href,
						time: dayjs().format('YYYY-MM-DD HH:mm:ss'),
					},
					{
						type,
						message,
						stack,
						info: info.toString(),
					}
				)
			)
			setStore({ name: 'logsList', content: state.logsList })
		},
		CLEAR_LOGS: state => {
			state.logsList = []
			setStore({ name: 'logsList', content: state.logsList })
		},
	},
}

export default logs