const path = require('path'); const fs = require('fs-extra'); const watch = require('gulp-watch'); const glob = require('fast-glob'); const locales = require('../../app/_locales/index.json'); const { createTask, composeSeries } = require('./task'); module.exports = createStaticAssetTasks; const copyTargets = [ { src: `./app/_locales/`, dest: `_locales`, }, { src: `./app/images/`, dest: `images`, }, { src: `./node_modules/@metamask/contract-metadata/images/`, dest: `images/contract`, }, { src: `./app/fonts/`, dest: `fonts`, }, { src: `./app/vendor/`, dest: `vendor`, }, { src: `./node_modules/@fortawesome/fontawesome-free/webfonts/`, dest: `fonts/fontawesome`, }, { src: `./ui/css/output/`, pattern: `*.css`, dest: ``, }, { src: `./app/loading.html`, dest: `loading.html`, }, { src: `./node_modules/globalthis/dist/browser.js`, dest: `globalthis.js`, }, { src: `./node_modules/ses/dist/lockdown.cjs`, dest: `lockdown-install.js`, }, { src: `./app/scripts/lockdown-run.js`, dest: `lockdown-run.js`, }, { // eslint-disable-next-line node/no-extraneous-require src: require.resolve('@lavamoat/lavapack/src/runtime-cjs.js'), dest: `runtime-cjs.js`, }, { src: `./app/phishing.html`, dest: `phishing.html`, }, ]; const languageTags = new Set(); for (const locale of locales) { const { code } = locale; const tag = code.split('_')[0]; languageTags.add(tag); } for (const tag of languageTags) { copyTargets.push({ src: `./node_modules/@formatjs/intl-relativetimeformat/dist/locale-data/${tag}.json`, dest: `intl/${tag}/relative-time-format-data.json`, }); } const copyTargetsDev = [ ...copyTargets, { src: './development', pattern: '/chromereload.js', dest: ``, }, // empty files to suppress missing file errors { src: './development/empty.js', dest: `bg-libs.js`, }, { src: './development/empty.js', dest: `ui-libs.js`, }, ]; const copyTargetsProd = [ ...copyTargets, // empty files to suppress missing file errors { src: './development/empty.js', dest: `chromereload.js`, }, ]; function createStaticAssetTasks({ livereload, browserPlatforms }) { const prod = createTask( 'static:prod', composeSeries( ...copyTargetsProd.map((target) => { return async function copyStaticAssets() { await performCopy(target); }; }), ), ); const dev = createTask( 'static:dev', composeSeries( ...copyTargetsDev.map((target) => { return async function copyStaticAssets() { await setupLiveCopy(target); }; }), ), ); return { dev, prod }; async function setupLiveCopy(target) { const pattern = target.pattern || '/**/*'; watch(target.src + pattern, (event) => { livereload.changed(event.path); performCopy(target); }); await performCopy(target); } async function performCopy(target) { await Promise.all( browserPlatforms.map(async (platform) => { if (target.pattern) { await copyGlob( target.src, `${target.src}${target.pattern}`, `./dist/${platform}/${target.dest}`, ); } else { await copyGlob( target.src, `${target.src}`, `./dist/${platform}/${target.dest}`, ); } }), ); } async function copyGlob(baseDir, srcGlob, dest) { const sources = await glob(srcGlob, { onlyFiles: false }); await Promise.all( sources.map(async (src) => { const relativePath = path.relative(baseDir, src); await fs.copy(src, `${dest}${relativePath}`); }), ); } }