terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity
next.js/packages/next/pages/_document.js

230 lines
7.1 KiB
JavaScript
Raw Normal View History

Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
/* eslint-disable */
import React, { Component } from 'react'
import PropTypes from 'prop-types'
import htmlescape from 'htmlescape'
import flush from 'styled-jsx/server'
const Fragment = React.Fragment || function Fragment ({ children }) {
return <div>{children}</div>
}
export default class Document extends Component {
static childContextTypes = {
_documentProps: PropTypes.any
}
static getInitialProps ({ renderPage }) {
Convert render.js to typescript (#5869) * Convert render.js to typescript * Compile tsx files too * Remove internal renderErrorToHTML function * Interopt component result * requirePage doesn’t need async * Move out enhancing logic into it’s own function * Remove buildManifest from renderPage * Move render into it’s own function * Change let to const * Move renderDocument into it’s own function
2018-12-13 00:00:46 +00:00
const { html, head } = renderPage()
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
const styles = flush()
Convert render.js to typescript (#5869) * Convert render.js to typescript * Compile tsx files too * Remove internal renderErrorToHTML function * Interopt component result * requirePage doesn’t need async * Move out enhancing logic into it’s own function * Remove buildManifest from renderPage * Move render into it’s own function * Change let to const * Move renderDocument into it’s own function
2018-12-13 00:00:46 +00:00
return { html, head, styles }
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
}
getChildContext () {
return { _documentProps: this.props }
}
render () {
return <html>
<Head />
<body>
<Main />
<NextScript />
</body>
</html>
}
}
export class Head extends Component {
static contextTypes = {
_documentProps: PropTypes.any
}
static propTypes = {
Add crossOrigin via props to _document Head and NextScript (#5646) This alternative implementation of https://github.com/zeit/next.js/pull/5150 follows @timneutkens suggestion of using props. Fixes #5150 Fixes #3630
2018-11-13 20:36:09 +00:00
nonce: PropTypes.string,
crossOrigin: PropTypes.string
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
}
getCssLinks () {
const { assetPrefix, files } = this.context._documentProps
if(!files || files.length === 0) {
return null
}
Add with style-sheet example (#5572) * Remove pathname (#5428) Same as #5424 * fix typo (#5451) * Add with style-sheet example * Fix readme * Fix typo
2018-11-01 13:05:39 +00:00
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
return files.map((file) => {
// Only render .css files here
if(!/\.css$/.exec(file)) {
return null
}
return <link
key={file}
nonce={this.props.nonce}
rel='stylesheet'
href={`${assetPrefix}/_next/${file}`}
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated.
2018-12-13 00:05:21 +00:00
crossOrigin={this.props.crossOrigin || process.crossOrigin}
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
/>
})
}
getPreloadDynamicChunks () {
const { dynamicImports, assetPrefix } = this.context._documentProps
return dynamicImports.map((bundle) => {
return <link
rel='preload'
key={bundle.file}
href={`${assetPrefix}/_next/${bundle.file}`}
as='script'
nonce={this.props.nonce}
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated.
2018-12-13 00:05:21 +00:00
crossOrigin={this.props.crossOrigin || process.crossOrigin}
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
/>
})
}
getPreloadMainLinks () {
const { assetPrefix, files } = this.context._documentProps
if(!files || files.length === 0) {
return null
}
Add with style-sheet example (#5572) * Remove pathname (#5428) Same as #5424 * fix typo (#5451) * Add with style-sheet example * Fix readme * Fix typo
2018-11-01 13:05:39 +00:00
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
return files.map((file) => {
// Only render .js files here
if(!/\.js$/.exec(file)) {
return null
}
return <link
key={file}
nonce={this.props.nonce}
rel='preload'
href={`${assetPrefix}/_next/${file}`}
as='script'
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated.
2018-12-13 00:05:21 +00:00
crossOrigin={this.props.crossOrigin || process.crossOrigin}
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
/>
})
}
render () {
const { head, styles, assetPrefix, __NEXT_DATA__ } = this.context._documentProps
Remove pathname (#5424)
2018-10-10 19:58:15 +00:00
const { page, buildId } = __NEXT_DATA__
const pagePathname = getPagePathname(page)
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
let children = this.props.children
// show a warning if Head contains <title> (only in development)
if (process.env.NODE_ENV !== 'production') {
children = React.Children.map(children, (child) => {
if (child && child.type === 'title') {
console.warn("Warning: <title> should not be used in _document.js's <Head>. https://err.sh/next.js/no-document-title")
}
return child
})
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated.
2018-12-13 00:05:21 +00:00
if (this.props.crossOrigin) console.warn('Warning: `Head` attribute `crossOrigin` is deprecated. https://err.sh/next.js/doc-crossorigin-deprecated')
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
}
return <head {...this.props}>
Make `<Head>` children render first, then next/head children, then script preloads/styles (#5852)
2018-12-10 22:40:42 +00:00
{children}
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
{head}
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated.
2018-12-13 00:05:21 +00:00
{page !== '/_error' && <link rel='preload' href={`${assetPrefix}/_next/static/${buildId}/pages${pagePathname}`} as='script' nonce={this.props.nonce} crossOrigin={this.props.crossOrigin || process.crossOrigin} />}
<link rel='preload' href={`${assetPrefix}/_next/static/${buildId}/pages/_app.js`} as='script' nonce={this.props.nonce} crossOrigin={this.props.crossOrigin || process.crossOrigin} />
<link rel='preload' href={`${assetPrefix}/_next/static/${buildId}/pages/_error.js`} as='script' nonce={this.props.nonce} crossOrigin={this.props.crossOrigin || process.crossOrigin} />
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
{this.getPreloadDynamicChunks()}
{this.getPreloadMainLinks()}
{this.getCssLinks()}
{styles || null}
</head>
}
}
export class Main extends Component {
static contextTypes = {
_documentProps: PropTypes.any
}
render () {
const { html } = this.context._documentProps
return (
<div id='__next' dangerouslySetInnerHTML={{ __html: html }} />
)
}
}
export class NextScript extends Component {
static contextTypes = {
_documentProps: PropTypes.any
}
static propTypes = {
Add crossOrigin via props to _document Head and NextScript (#5646) This alternative implementation of https://github.com/zeit/next.js/pull/5150 follows @timneutkens suggestion of using props. Fixes #5150 Fixes #3630
2018-11-13 20:36:09 +00:00
nonce: PropTypes.string,
crossOrigin: PropTypes.string
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
}
getDynamicChunks () {
const { dynamicImports, assetPrefix } = this.context._documentProps
return dynamicImports.map((bundle) => {
return <script
async
key={bundle.file}
src={`${assetPrefix}/_next/${bundle.file}`}
Add crossOrigin via props to _document Head and NextScript (#5646) This alternative implementation of https://github.com/zeit/next.js/pull/5150 follows @timneutkens suggestion of using props. Fixes #5150 Fixes #3630
2018-11-13 20:36:09 +00:00
nonce={this.props.nonce}
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated.
2018-12-13 00:05:21 +00:00
crossOrigin={this.props.crossOrigin || process.crossOrigin}
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
/>
})
}
getScripts () {
const { assetPrefix, files } = this.context._documentProps
if(!files || files.length === 0) {
return null
}
Add with style-sheet example (#5572) * Remove pathname (#5428) Same as #5424 * fix typo (#5451) * Add with style-sheet example * Fix readme * Fix typo
2018-11-01 13:05:39 +00:00
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
return files.map((file) => {
// Only render .js files here
if(!/\.js$/.exec(file)) {
return null
}
return <script
key={file}
src={`${assetPrefix}/_next/${file}`}
nonce={this.props.nonce}
async
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated.
2018-12-13 00:05:21 +00:00
crossOrigin={this.props.crossOrigin || process.crossOrigin}
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
/>
})
}
static getInlineScriptSource (documentProps) {
const { __NEXT_DATA__ } = documentProps
Move __NEXT_DATA__ into an application/json script tag (#5584) * Move __NEXT_DATA__ into a application/json script tag As outlined by @dav-is here https://github.com/zeit/next.js/pull/4943 * Set __NEXT_DATA__ for backwards compatability
2018-11-03 18:49:09 +00:00
return htmlescape(__NEXT_DATA__)
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
}
render () {
const { staticMarkup, assetPrefix, devFiles, __NEXT_DATA__ } = this.context._documentProps
Remove pathname (#5424)
2018-10-10 19:58:15 +00:00
const { page, buildId } = __NEXT_DATA__
const pagePathname = getPagePathname(page)
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated.
2018-12-13 00:05:21 +00:00
if (process.env.NODE_ENV !== 'production') {
if (this.props.crossOrigin) console.warn('Warning: `NextScript` attribute `crossOrigin` is deprecated. https://err.sh/next.js/doc-crossorigin-deprecated')
}
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
return <Fragment>
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated.
2018-12-13 00:05:21 +00:00
{devFiles ? devFiles.map((file) => <script key={file} src={`${assetPrefix}/_next/${file}`} nonce={this.props.nonce} crossOrigin={this.props.crossOrigin || process.crossOrigin} />) : null}
{staticMarkup ? null : <script id="__NEXT_DATA__" type="application/json" nonce={this.props.nonce} crossOrigin={this.props.crossOrigin || process.crossOrigin} dangerouslySetInnerHTML={{
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
__html: NextScript.getInlineScriptSource(this.context._documentProps)
}} />}
Fix #5674 Append crossOrigin on the client side too, add config option for crossOrigin (#5873) # Fixes https://github.com/zeit/next.js/issues/5674 This adds config option ```js // next.config.js module.exports = { crossOrigin: 'anonymous' } ``` This config option is defined in the webpack Define Plugin at build. `Head` and `NextScript` now use the config option, if it's not explicitly set on the element. This value is now passed to Webpack so it can add it to scripts that it loads. The value is now used in `PageLoader` (on the client) so it can add it to the scripts and links that it loads. Using `<Head crossOrigin>` or `<NextScript crossOrigin>` is now deprecated.
2018-12-13 00:05:21 +00:00
{page !== '/_error' && <script async id={`__NEXT_PAGE__${page}`} src={`${assetPrefix}/_next/static/${buildId}/pages${pagePathname}`} nonce={this.props.nonce} crossOrigin={this.props.crossOrigin || process.crossOrigin} />}
<script async id={`__NEXT_PAGE__/_app`} src={`${assetPrefix}/_next/static/${buildId}/pages/_app.js`} nonce={this.props.nonce} crossOrigin={this.props.crossOrigin || process.crossOrigin} />
<script async id={`__NEXT_PAGE__/_error`} src={`${assetPrefix}/_next/static/${buildId}/pages/_error.js`} nonce={this.props.nonce} crossOrigin={this.props.crossOrigin || process.crossOrigin} />
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
{staticMarkup ? null : this.getDynamicChunks()}
{staticMarkup ? null : this.getScripts()}
</Fragment>
}
}
Remove pathname (#5424)
2018-10-10 19:58:15 +00:00
function getPagePathname (page) {
if (page === '/') {
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
return '/index.js'
}
Remove pathname (#5424)
2018-10-10 19:58:15 +00:00
return `${page}.js`
Add missing dependencies to server (#5369) - compile default pages correctly into `.next` - add missing runtime dependencies
2018-10-02 22:08:57 +00:00
}
Reference in a new issue Copy permalink