${name}

'use strict' const fs = require('fs') const http = require('http') const path = require('path') const pkgJson = require('../../../package.json') require('dotenv').config() const rollup = require('rollup') const resolve = require('@rollup/plugin-node-resolve').nodeResolve const replace = require('@rollup/plugin-replace') const typescriptPlugin = require('@rollup/plugin-typescript') const commonjs = require('@rollup/plugin-commonjs') const json = require('@rollup/plugin-json') const multi = require('@rollup/plugin-multi-entry') const runScript = require('../../run-script.cjs') const rootDir = path.join(__dirname, '..', '..', '..') const regex = /^(?:(?@.*?)\/)?(?.*)/ // We are going to take only the package name part if there is a scope, e.g. @my-org/package-name const { name } = pkgJson.name.match(regex).groups const indexHtml = ` ${name}

` const tsBundleOptions = { tsconfig: path.join(rootDir, 'tsconfig.json'), outDir: undefined, // ignore outDir in tsconfig.json sourceMap: false // include: ['build/typings/is-browser.d.ts'] } async function buildTests (testFiles) { // create a bundle const inputOptions = { input: testFiles, plugins: [ multi(), replace({ IS_BROWSER: true, _MODULE_TYPE: "'ESM'", preventAssignment: true }), typescriptPlugin(tsBundleOptions), commonjs({ extensions: ['.js', '.cjs', '.jsx', '.cjsx'] }), json(), resolve({ browser: true }), replace({ '#pkg': `/${name}.esm.js`, delimiters: ['', ''], preventAssignment: true }) ], external: [`/${name}.esm.js`] } const bundle = await rollup.rollup(inputOptions) const { output } = await bundle.generate({ format: 'es' }) await bundle.close() let bundledCode = output[0].code const replacements = _getEnvVarsReplacements(bundledCode) for (const replacement in replacements) { const regExp = new RegExp(replacement, 'g') bundledCode = bundledCode.replace(regExp, replacements[replacement]) } return bundledCode } class TestServer { constructor () { this.server = http.createServer() } async init (testFiles) { /** Let us first check if the necessary files are built, and if not, build */ if (!fs.existsSync(pkgJson.exports['./esm-browser-bundle-nomin'])) { await runScript(path.join(rootDir, 'node_modules', '.bin', 'rollup'), ['-c', 'build/rollup.config.js']) } const tests = await buildTests(testFiles) this.server.on('request', function (req, res) { if (req.url === `/${name}.esm.js`) { fs.readFile(path.join(rootDir, pkgJson.exports['./esm-browser-bundle-nomin']), function (err, data) { if (err) { res.writeHead(404) res.end(JSON.stringify(err)) return } res.writeHead(200, { 'Content-Type': 'text/javascript' }) res.end(data) }) } else if (req.url === '/index.html' || req.url === '/') { res.writeHead(200) res.end(indexHtml) } else if (req.url === '/tests.js') { res.writeHead(200, { 'Content-Type': 'text/javascript' }) res.end(tests) } else if (req.url === '/mocha.js') { fs.readFile(path.join(rootDir, 'node_modules/mocha/mocha.js'), function (err, data) { if (err) { res.writeHead(404) res.end(JSON.stringify(err)) return } res.writeHead(200, { 'Content-Type': 'text/javascript' }) res.end(data) }) } else if (req.url === '/mocha.js.map') { fs.readFile(path.join(rootDir, 'node_modules/mocha/mocha.js.map'), function (err, data) { if (err) { res.writeHead(404) res.end(JSON.stringify(err)) return } res.writeHead(200, { 'Content-Type': 'text/javascript' }) res.end(data) }) } else if (req.url === '/chai.js' || req.url === '/chai') { fs.readFile(path.join(rootDir, 'node_modules/chai/chai.js'), function (err, data) { if (err) { res.writeHead(404) res.end(JSON.stringify(err)) return } res.writeHead(200, { 'Content-Type': 'text/javascript' }) res.end(data) }) } else if (req.url === '/favicon.ico') { fs.readFile(path.join(__dirname, 'favicon.ico'), function (err, data) { if (err) { res.writeHead(404) res.end(JSON.stringify(err)) return } res.writeHead(200, { 'Content-Type': 'application/ico' }) res.end(data) }) } else { res.writeHead(404) res.end() } }) } listen (port = 38080) { return new Promise((resolve, reject) => { this.server.listen(port, error => { if (error) return reject(error) console.log(`Testing server listenning at http://localhost:${port}`) return resolve() }) }) } close () { return new Promise((resolve, reject) => { this.server.close(error => (error) ? reject(error) : resolve()) }) } } function _getEnvVarsReplacements (testsCode) { const replacements = {} const missingEnvVars = [] for (const match of testsCode.matchAll(/process\.env\.(\w+)/g)) { const envVar = match[1] if (process.env[envVar] !== undefined) { replacements[match[0]] = '`' + process.env[envVar] + '`' } else { replacements[match[0]] = undefined } } for (const match of testsCode.matchAll(/process\.env\[['"](\w+)['"]\]/g)) { const envVar = match[1] if (process.env[envVar] !== undefined) { replacements[match[0]] = '`' + process.env[envVar] + '`' } else { replacements[match[0]] = undefined } } if (missingEnvVars.length > 0) { console.warn('The folloinwg environment variables are missing in your .env file and will be replaced with "undefined": ' + [...(new Set(missingEnvVars)).values()].join(', ')) } return replacements } exports.server = new TestServer()