bc527f6b51
* refactor: bundle the browser and renderer process electron code * Bundles browser/init and renderer/init * Improves load performance of main process by ~40% * Improves load performance of renderer process by ~30% * Prevents users from importing our "requiring" our internal logic such as ipc-main-internal. This makes those message buses safer as they are less accessible, there is still some more work to be done though to lock down those buses completely. * The electron.asar file now only contains 2 files, as a future improvement maybe we can use atom_natives to ship these two files embedded in the binary * This also removes our dependency on browserify which had some strange edge cases that caused us to have to hack around require-order and stopped us using certain ES6/7 features we should have been able to use (async / await in some files in the sandboxed renderer init script) TLDR: Things are faster and better :) * fix: I really do not want to talk about it * chore: add performance improvements from debugging * fix: resolve the provided path so webpack thinks it is absolute * chore: fixup per PR review * fix: use webpacks ProvidePlugin to keep global, process and Buffer alive after deletion from global scope for use in internal code * fix: bundle worker/init as well to make node-in-workers work * chore: update wording as per feedback * chore: make the timers hack work when yarn is not used
103 lines
2.9 KiB
JavaScript
103 lines
2.9 KiB
JavaScript
const cp = require('child_process')
|
|
const fs = require('fs-extra')
|
|
const os = require('os')
|
|
const path = require('path')
|
|
|
|
const rootPath = path.resolve(__dirname, '..')
|
|
const gniPath = path.resolve(__dirname, '../filenames.auto.gni')
|
|
|
|
const allDocs = fs.readdirSync(path.resolve(__dirname, '../docs/api'))
|
|
.map(doc => `docs/api/${doc}`)
|
|
.concat(
|
|
fs.readdirSync(path.resolve(__dirname, '../docs/api/structures'))
|
|
.map(doc => `docs/api/structures/${doc}`)
|
|
)
|
|
|
|
const main = async () => {
|
|
const webpackTargets = [
|
|
{
|
|
name: 'sandbox_bundle_deps',
|
|
config: 'webpack.config.sandboxed_renderer.js'
|
|
},
|
|
{
|
|
name: 'isolated_bundle_deps',
|
|
config: 'webpack.config.isolated_renderer.js'
|
|
},
|
|
{
|
|
name: 'content_script_bundle_deps',
|
|
config: 'webpack.config.content_script.js'
|
|
},
|
|
{
|
|
name: 'browser_bundle_deps',
|
|
config: 'webpack.config.browser.js'
|
|
},
|
|
{
|
|
name: 'renderer_bundle_deps',
|
|
config: 'webpack.config.renderer.js'
|
|
},
|
|
{
|
|
name: 'worker_bundle_deps',
|
|
config: 'webpack.config.worker.js'
|
|
}
|
|
]
|
|
|
|
await Promise.all(webpackTargets.map(async webpackTarget => {
|
|
const tmpDir = await fs.mkdtemp(path.resolve(os.tmpdir(), 'electron-filenames-'))
|
|
const child = cp.spawn('node', [
|
|
'build/webpack/get-outputs.js',
|
|
`./${webpackTarget.config}`,
|
|
path.resolve(tmpDir, `${webpackTarget.name}.measure.js`)
|
|
], {
|
|
cwd: path.resolve(__dirname, '..')
|
|
})
|
|
let output = ''
|
|
child.stdout.on('data', chunk => {
|
|
output += chunk.toString()
|
|
})
|
|
child.stderr.on('data', chunk => console.error(chunk.toString()))
|
|
await new Promise((resolve, reject) => child.on('exit', (code) => {
|
|
if (code !== 0) {
|
|
console.error(output)
|
|
return reject(new Error(`Failed to list webpack dependencies for entry: ${webpackTarget.name}`))
|
|
}
|
|
|
|
resolve()
|
|
}))
|
|
|
|
webpackTarget.dependencies = JSON.parse(output)
|
|
// Remove whitespace
|
|
.map(line => line.trim())
|
|
// Get the relative path
|
|
.map(line => path.relative(rootPath, line))
|
|
// Only care about files in //electron
|
|
.filter(line => !line.startsWith('..'))
|
|
// Only care about our own files
|
|
.filter(line => !line.startsWith('node_modules'))
|
|
// All webpack builds depend on the tsconfig and package json files
|
|
.concat(['tsconfig.json', 'tsconfig.electron.json', 'package.json'])
|
|
// Make the generated list easier to read
|
|
.sort()
|
|
await fs.remove(tmpDir)
|
|
}))
|
|
|
|
fs.writeFileSync(
|
|
gniPath,
|
|
`# THIS FILE IS AUTO-GENERATED, PLEASE DO NOT EDIT BY HAND
|
|
auto_filenames = {
|
|
api_docs = [
|
|
${allDocs.map(doc => ` "${doc}",`).join('\n')}
|
|
]
|
|
|
|
${webpackTargets.map(target => ` ${target.name} = [
|
|
${target.dependencies.map(dep => ` "${dep}",`).join('\n')}
|
|
]`).join('\n\n')}
|
|
}
|
|
`)
|
|
}
|
|
|
|
if (process.mainModule === module) {
|
|
main().catch((err) => {
|
|
console.error(err)
|
|
process.exit(1)
|
|
})
|
|
}
|