const serialize = require('serialize-javascript')

const ejs = require('ejs')

const asyncBootstrap = require('react-async-bootstrapper').default

const ReactDomServer = require('react-dom/server')

const Helmet = require('react-helmet').default

const SheetsRegistry = require('react-jss').SheetsRegistry

// const create = require('jss').create

// const preset = require('jss-preset-default').default

const createMuiTheme = require('material-ui/styles').createMuiTheme

const createGenerateClassName = require('material-ui/styles').createGenerateClassName

const colors = require('material-ui/colors')

const getStoreState = (stores) => {

return Object.keys(stores).reduce((result, storeName) => {

result[storeName] = stores[storeName].toJson()

return result

}, {})

}

module.exports = (bundle, template, req, res) => {

const createStoreMap = bundle.createStoreMap

const createApp = bundle.default

const routerContext = {}

const stores = createStoreMap()

const user = req.session.user

if (user) {

stores.appState.user.isLogin = true

stores.appState.user.info = user

}

const sheetsRegistry = new SheetsRegistry()

const theme = createMuiTheme({

palette: {

primary: colors.lightBlue,

accent: colors.pink,

type: 'light'

}

})

const generateClassName = createGenerateClassName()

const app = createApp(stores, routerContext, sheetsRegistry, generateClassName, theme, req.url)

return new Promise((resolve, reject) => {

asyncBootstrap(app).then(() => {

const appString = ReactDomServer.renderToString(app)

if (routerContext.url) {

res.status(302).setHeader('Location', routerContext.url)

res.end()

return

}

const helmet = Helmet.rewind()

const state = getStoreState(stores)

const html = ejs.render(template, {

appString,

initialState: serialize(state),

title: helmet.title.toString(),

meta: helmet.meta.toString(),

style: helmet.style.toString(),

link: helmet.link.toString(),

materialCss: sheetsRegistry.toString()

})

res.send(html)

resolve()

}).catch(reject)

})

}