mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
e24db68f8b
* Add example app with React Intl Fixes #1022 * Update examples/with-react-intl/package.json to be consistent
54 lines
1.9 KiB
JavaScript
54 lines
1.9 KiB
JavaScript
// Polyfill Node with `Intl` that has data for all locales.
|
|
// See: https://formatjs.io/guides/runtime-environments/#server
|
|
const IntlPolyfill = require('intl')
|
|
Intl.NumberFormat = IntlPolyfill.NumberFormat
|
|
Intl.DateTimeFormat = IntlPolyfill.DateTimeFormat
|
|
|
|
const {readFileSync} = require('fs')
|
|
const {basename} = require('path')
|
|
const {createServer} = require('http')
|
|
const accepts = require('accepts')
|
|
const glob = require('glob')
|
|
const next = require('next')
|
|
|
|
const dev = process.env.NODE_ENV !== 'production'
|
|
const app = next({dev})
|
|
const handle = app.getRequestHandler()
|
|
|
|
// Get the supported languages by looking for translations in the `lang/` dir.
|
|
const languages = glob.sync('./lang/*.json').map((f) => basename(f, '.json'))
|
|
|
|
// We need to expose React Intl's locale data on the request for the user's
|
|
// locale. This function will also cache the scripts by lang in memory.
|
|
const localeDataCache = new Map()
|
|
const getLocaleDataScript = (locale) => {
|
|
const lang = locale.split('-')[0]
|
|
if (!localeDataCache.has(lang)) {
|
|
const localeDataFile = require.resolve(`react-intl/locale-data/${lang}`)
|
|
const localeDataScript = readFileSync(localeDataFile, 'utf8')
|
|
localeDataCache.set(lang, localeDataScript)
|
|
}
|
|
return localeDataCache.get(lang)
|
|
}
|
|
|
|
// We need to load and expose the translations on the request for the user's
|
|
// locale. These will only be used in production, in dev the `defaultMessage` in
|
|
// each message description in the source code will be used.
|
|
const getMessages = (locale) => {
|
|
return require(`./lang/${locale}.json`)
|
|
}
|
|
|
|
app.prepare().then(() => {
|
|
createServer((req, res) => {
|
|
const accept = accepts(req)
|
|
const locale = accept.language(dev ? ['en'] : languages)
|
|
req.locale = locale
|
|
req.localeDataScript = getLocaleDataScript(locale)
|
|
req.messages = dev ? {} : getMessages(locale)
|
|
handle(req, res)
|
|
}).listen(3000, (err) => {
|
|
if (err) throw err
|
|
console.log('> Read on http://localhost:3000')
|
|
})
|
|
})
|