#!/usr/bin/env node /** * Copyright (c) Microsoft Corporation. All rights reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ // @ts-check const fs = require('fs'); const path = require('path'); const ROOT = path.join(__dirname, '..'); const esbuild = require('esbuild'); const injectedScripts = [ path.join(ROOT, 'packages', 'playwright-core', 'src', 'server', 'injected', 'utilityScript.ts'), path.join(ROOT, 'packages', 'playwright-core', 'src', 'server', 'injected', 'injectedScript.ts'), path.join(ROOT, 'packages', 'playwright-core', 'src', 'server', 'injected', 'consoleApi.ts'), path.join(ROOT, 'packages', 'playwright-core', 'src', 'server', 'injected', 'recorder.ts'), ]; const modulePrefix = ` var __commonJS = obj => { let required = false; let result; return function __require() { if (!required) { required = true; let fn; for (const name in obj) { fn = obj[name]; break; } const module = { exports: {} }; fn(module.exports, module); result = module.exports; } return result; } }; var __export = (target, all) => {for (var name in all) target[name] = all[name];}; var __toESM = mod => ({ ...mod, 'default': mod }); var __toCommonJS = mod => ({ ...mod, __esModule: true }); `; async function replaceEsbuildHeader(content, outFileJs) { let sourcesStart = content.indexOf('__toCommonJS'); if (sourcesStart !== -1) sourcesStart = content.indexOf('\n', sourcesStart); if (sourcesStart === -1) throw new Error(`Did not find start of bundled code in ${outFileJs}`); const preamble = content.substring(0, sourcesStart); // Replace standard esbuild definition with our own which do not depend on builtins. // See https://github.com/microsoft/playwright/issues/17029 if (preamble.indexOf('__toCommonJS') !== -1) { content = modulePrefix + content.substring(sourcesStart); await fs.promises.writeFile(outFileJs, content); } return content; } const inlineCSSPlugin = { name: 'inlineCSSPlugin', setup(build) { build.onLoad({ filter: /\.css$/ }, async (args) => { const f = await fs.promises.readFile(args.path) const css = await esbuild.transform(f, { loader: 'css', minify: true }); return { loader: 'text', contents: css.code }; }); }, }; (async () => { const generatedFolder = path.join(ROOT, 'packages', 'playwright-core', 'src', 'generated'); await fs.promises.mkdir(generatedFolder, { recursive: true }); for (const injected of injectedScripts) { const outdir = path.join(ROOT, 'packages', 'playwright-core', 'lib', 'server', 'injected', 'packed'); const buildOutput = await esbuild.build({ entryPoints: [injected], bundle: true, outdir, format: 'cjs', platform: 'browser', target: 'ES2019', plugins: [inlineCSSPlugin], }); for (const message of [...buildOutput.errors, ...buildOutput.warnings]) console.log(message.text); const baseName = path.basename(injected); const outFileJs = path.join(outdir, baseName.replace('.ts', '.js')); let content = await fs.promises.readFile(outFileJs, 'utf-8'); content = await replaceEsbuildHeader(content, outFileJs); const newContent = `export const source = ${JSON.stringify(content)};`; await fs.promises.writeFile(path.join(generatedFolder, baseName.replace('.ts', 'Source.ts')), newContent); } })();