import crypto from 'crypto' import fs from 'fs' import { promisify } from 'util' import path from 'path' import { rollup } from 'rollup' import { terser } from 'rollup-plugin-terser' import replace from 'rollup-plugin-replace' import fromPairs from 'lodash-es/fromPairs' import babel from 'rollup-plugin-babel' import { themes } from '../src/routes/_static/themes' import terserOptions from './terserOptions' const writeFile = promisify(fs.writeFile) const themeColors = fromPairs(themes.map(_ => ([_.name, _.color]))) export async function buildInlineScript () { const inlineScriptPath = path.join(__dirname, '../src/inline-script/inline-script.js') const bundle = await rollup({ input: inlineScriptPath, plugins: [ replace({ 'process.browser': true, 'process.env.LEGACY': JSON.stringify(process.env.LEGACY), 'process.env.THEME_COLORS': JSON.stringify(themeColors) }), process.env.LEGACY && babel({ runtimeHelpers: true, presets: ['@babel/preset-env'] }), !process.env.DEBUG && terser(terserOptions) ] }) const { output } = await bundle.generate({ format: 'iife', sourcemap: true }) const { code, map } = output[0] const fullCode = `${code}//# sourceMappingURL=/inline-script.js.map` const checksum = crypto.createHash('sha256').update(fullCode).digest('base64') await writeFile(path.resolve(__dirname, '../src/inline-script/checksum.js'), `module.exports = ${JSON.stringify(checksum)}`, 'utf8') await writeFile(path.resolve(__dirname, '../static/inline-script.js.map'), map.toString(), 'utf8') return '' }