// usage: node editor/build.mjs [--out ] // Row 154 (#1648, Q168): builds src/public/editor.js and src/public/editor.css from the reviewed source // (editor/*.mjs and third_party/editor/) with the pinned esbuild. The output is one unminified IIFE. // It also writes editor/BUILD.json: the esbuild version, every input, and the sha256 of each output. // Paths in the bundle are relative to packages/webui, so a build from any copy of the tree is the same bytes. import { createHash } from 'node:crypto'; import { mkdirSync, readFileSync, writeFileSync } from 'node:fs'; import { dirname, join } from 'node:path'; import { fileURLToPath } from 'node:url'; import { ESBUILD, toolchain } from './toolchain.mjs'; export { ESBUILD }; const root = dirname(dirname(fileURLToPath(import.meta.url))); const T = './third_party/editor'; const alias = {}; for (const p of ['model', 'state', 'view', 'transform', 'inputrules', 'markdown']) alias[`prosemirror-${p}`] = `${T}/prosemirror-${p}/src/index.ts`; for (const p of ['commands', 'history', 'keymap', 'schema-list']) alias[`prosemirror-${p}`] = `${T}/prosemirror-${p}/src/${p}.ts`; for (const p of ['orderedmap', 'rope-sequence', 'w3c-keyname']) alias[p] = `${T}/${p}/index.js`; for (const p of ['markdown-it', 'mdurl', 'uc.micro', 'linkify-it']) alias[p] = `${T}/${p}/index.mjs`; alias['punycode.js'] = `${T}/punycode.js/punycode.js`; alias.entities = `${T}/entities/src/index.ts`; const sha256 = buf => createHash('sha256').update(buf).digest('hex'); export async function run(outDir = join(root, 'src/public'), buildJson = join(root, 'editor/BUILD.json')) { const tool = toolchain(); if (!tool.ok) throw new Error(`refusing to build: ${tool.reason}`); const { build, version } = await import('esbuild'); const result = await build({ absWorkingDir: root, entryPoints: ['./editor/entry.mjs'], outfile: './src/public/editor.js', bundle: true, format: 'iife', target: 'es2022', platform: 'browser', legalComments: 'inline', logLevel: 'warning', metafile: true, write: false, alias, }); const js = Buffer.from(result.outputFiles[0].contents); const css = Buffer.from( '/* Built by editor/build.mjs: prosemirror-view/style/prosemirror.css, then editor/editor.css. Do not edit. */\n' + readFileSync(join(root, 'third_party/editor/prosemirror-view/style/prosemirror.css'), 'utf8') + '\n' + readFileSync(join(root, 'editor/editor.css'), 'utf8')); mkdirSync(outDir, { recursive: true }); writeFileSync(join(outDir, 'editor.js'), js); writeFileSync(join(outDir, 'editor.css'), css); const info = { schema: 1, esbuild: version, options: 'bundle, iife, es2022, browser, legal-comments inline, unminified; aliases in editor/build.mjs', outputs: { 'src/public/editor.js': { sha256: sha256(js), bytes: js.length }, 'src/public/editor.css': { sha256: sha256(css), bytes: css.length } }, inputs: Object.keys(result.metafile.inputs).sort(), }; writeFileSync(buildJson, JSON.stringify(info, null, 2) + '\n'); return info; } if (process.argv[1] === fileURLToPath(import.meta.url)) { const i = process.argv.indexOf('--out'); const out = i > 0 ? process.argv[i + 1] : undefined; const info = await run(out, out ? join(out, 'BUILD.json') : undefined); console.log(`editor.js ${info.outputs['src/public/editor.js'].sha256} (${info.inputs.length} inputs)`); console.log(`editor.css ${info.outputs['src/public/editor.css'].sha256}`); }