1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/lib/app.js

72 lines
2 KiB
JavaScript
Raw Normal View History

2016-10-05 23:52:50 +00:00
import React, { Component, PropTypes } from 'react'
2016-10-14 15:05:08 +00:00
import { AppContainer } from 'react-hot-loader'
import shallowEquals from './shallow-equals'
import { warn } from './utils'
2016-10-05 23:52:50 +00:00
const ErrorDebug = process.env.NODE_ENV === 'production'
? null : require('./error-debug').default
2016-10-05 23:52:50 +00:00
export default class App extends Component {
static childContextTypes = {
headManager: PropTypes.object
}
getChildContext () {
const { headManager } = this.props
return { headManager }
2016-10-05 23:52:50 +00:00
}
render () {
const { Component, props, err, router } = this.props
const containerProps = { Component, props, router }
2016-10-05 23:52:50 +00:00
return <div>
<Container {...containerProps} />
{ErrorDebug && err ? <ErrorDebug error={err} /> : null}
</div>
2016-10-05 23:52:50 +00:00
}
}
2016-10-05 23:52:50 +00:00
class Container extends Component {
shouldComponentUpdate (nextProps) {
// need this check not to rerender component which has already thrown an error
return !shallowEquals(this.props, nextProps)
2016-10-05 23:52:50 +00:00
}
render () {
const { Component, props, router } = this.props
const url = createUrl(router)
2016-10-14 15:05:08 +00:00
// includes AppContainer which bypasses shouldComponentUpdate method
// https://github.com/gaearon/react-hot-loader/issues/442
return <AppContainer errorReporter={ErrorDebug}>
<Component {...props} url={url} />
2016-10-14 15:05:08 +00:00
</AppContainer>
2016-10-05 23:52:50 +00:00
}
}
function createUrl (router) {
return {
2016-10-05 23:52:50 +00:00
query: router.query,
pathname: router.pathname,
back: () => router.back(),
push: (url, as) => router.push(url, as),
pushTo: (href, as) => {
warn(`Warning: 'url.pushTo()' is deprecated. Please use 'url.push()' instead.`)
const pushRoute = as ? href : null
const pushUrl = as || href
return router.push(pushRoute, pushUrl)
},
replace: (url, as) => router.replace(url, as),
replaceTo: (href, as) => {
warn(`Warning: 'url.replaceTo()' is deprecated. Please use 'url.replace()' instead.`)
const replaceRoute = as ? href : null
const replaceUrl = as || href
return router.replace(replaceRoute, replaceUrl)
}
2016-10-05 23:52:50 +00:00
}
}