// configurations.ts 

import { IConfiguration } from 'friday-core'

const { protocol } = document.location

const configuration_dev: IConfiguration = {
  whiteHosts: ['localhost:3000'],
  publicUrl: {
    baseUrl: 'http://localhost:3000/mock/8/test'
  }
}

const configuration_Pro: IConfiguration = {
  whiteHosts: ['localhost:3001'],
  publicUrl: {
    baseUrl: 'http://localhost:3001/mock/8/test'
  }
}

const configurations = [
  configuration_dev, 
  configuration_pro
]

export default configuration

// middlewares.ts

import { getConfiguration, GlobalState_middleware } from 'friday-core'

import { httpAxios, request_middleware } from 'friday-async'

// aixos middleware, provided to friday-async
const axios_middleware = request_middleware({
  axiosInstance: httpAxios({
    baseURL: getConfiguration().publicUrl
  })
})
// global middleware
const { middleware: global_middleware, useGlobalContext } = GlobalState_middleware({ 
  userInfo: {} as IUserInfo,
  globalLoading: false
})

const middlewares = [
  axios_middleware,
  global_middleware,
]
export default middlewares

// App.ts

import React from 'react'
import { Switch, Route, Router } from 'friday-router'
import { createGetApi, useRequest } from 'friday-async'

const getUser = createGetApi<{id: number},{name: string, token: string}>({ url: '/getUser' })

const Home = () => {

  const { dataJson } = useRequest(getUser({id: 1}))

  return (
    <div>{dataJson.name}</div>
  )
}

const App = ({ history }) => {
  return (
    <Router history={history}>
      <Switch>
        <Route path="/" component={Home} />
      </Switch>
    </Router>
  )
}

export default App

// index.ts

import Friday from 'friday-core'
import configurations from './configurations'

const app = new Friday()

app.injectConfigurations(configurations)

app.use(require('./middlewares').default)

app.injectRouters(require('./App').default)

app.start('#root')

// master project. 

import micro from 'friday-micro'

micro.registerMicroApps([{
  // slave name
  name: 'slave-project', // app name registered
  entry: '//localhost:3000',
  container: '#subapp-viewport',
  activeRule: '/react16',
}])
// start micro project
micro.start()

// slave project. 

import Friday from 'friday-core'
// The slave in the microservice needs to add this file above the entry entry to add static resource addresses
import 'friday-micro/lib/public-path'

const lifecycle = app.start('#root')

export const bootstrap = lifecycle.bootstrap

export const mount = lifecycle.mount

export const unmount = lifecycle.unmount