pinafore/webpack/svelte-intl-loader.js

57 lines
2.1 KiB
JavaScript

// Inject intl statements into a Svelte v2 HTML file as well as some JS files like timeago.js
// We do this for perf reasons, to make the output smaller and avoid needing to have a huge JSON file of translations
import { get } from 'lodash-es'
import parse from 'format-message-parse'
import { DEFAULT_LOCALE, LOCALE } from '../src/routes/_static/intl'
import path from 'path'
const intl = require(path.join(__dirname, '../src/intl', LOCALE + '.js')).default
const defaultIntl = require(path.join(__dirname, '../src/intl', DEFAULT_LOCALE + '.js')).default
function warningOrError (message) { // avoid crashing the whole server on `yarn dev`
if (process.env.NODE_ENV === 'production') {
throw new Error(message)
}
console.warn(message)
return '(Placeholder intl string)'
}
function getIntl (path) {
const res = get(intl, path, get(defaultIntl, path))
if (typeof res !== 'string') {
return warningOrError('Unknown intl string: ' + JSON.stringify(path))
}
return res
}
function trimWhitespace (str) {
return str.trim().replace(/\s+/g, ' ')
}
export default function (source) {
const res = source
// replace {@intl.foo}
.replace(/{intl\.([^}]+)}/g, (match, p1) => trimWhitespace(getIntl(p1)))
// replace {@html intl.foo}
.replace(/{@html intl\.([^}]+)}/g, (match, p1) => {
const html = trimWhitespace(getIntl(p1))
return `{@html ${JSON.stringify(html)}}`
})
// replace formatIntl('intl.foo' which requires the full AST object
.replace(/formatIntl\('intl\.([^']+)'/g, (match, p1) => {
const text = trimWhitespace(getIntl(p1))
const ast = parse(text)
return `formatIntl(${JSON.stringify(ast)}`
})
// replace 'intl.foo', which doesn't require the AST, just the string
.replace(/'intl\.([^']+)'/g, (match, p1) => {
const text = trimWhitespace(getIntl(p1))
return JSON.stringify(text)
})
const match = res.match(/[^(][^']intl\.([\w.]+)/) || res.match(/formatIntl\('([\w.]+)/)
if (match) {
return warningOrError('You probably made a typo with an intl string: ' + match[1])
}
return res
}