const html = require('choo/html'); let headerImage; if (typeof window !== 'undefined') { // Make Parcel bundler process image headerImage = require('../../dev/images/header.png'); } else { // Make server get processed image path const fs = require('fs'); const path = require('path'); const publicPath = path.resolve('public'); const publicFiles = fs.readdirSync(publicPath); const headerImageFileName = publicFiles.find(fileName => /header\..+?\.png/.test(fileName)); headerImage = path.relative(publicPath, path.resolve(publicPath, headerImageFileName)); } const globalView = (state, emit, view) => { const { i18n } = state; if (state.isFrontend && i18n.needsFetch) { return html``; } // Create a wrapper for view content that includes global header/footer return html`
${view(state, emit, i18n)}
`; } module.exports = { globalView };