#!/usr/bin/env node import esbuild from "esbuild"; import { readFile, unlink, watch, writeFile } from "fs/promises"; import path from "path"; import yargs from "yargs"; import { hideBin } from "yargs/helpers"; import { Manifest } from "../types"; import YAML from "yaml"; async function compile(filePath: string, functionName: string, debug: boolean) { let outFile = "_out.tmp"; let inFile = filePath; if (functionName) { // Generate a new file importing just this one function and exporting it inFile = "_in.js"; await writeFile( inFile, `import {${functionName}} from "./${filePath}";export default ${functionName};` ); } // TODO: Figure out how to make source maps work correctly with eval() code let js = await esbuild.build({ entryPoints: [inFile], bundle: true, format: "iife", globalName: "mod", platform: "browser", sourcemap: false, //sourceMap ? "inline" : false, minify: !debug, outfile: outFile, }); let jsCode = (await readFile(outFile)).toString(); await unlink(outFile); if (inFile !== filePath) { await unlink(inFile); } return `(() => { ${jsCode} return mod;})()`; } async function bundle(manifestPath: string, sourceMaps: boolean) { const rootPath = path.dirname(manifestPath); const manifest = YAML.parse( (await readFile(manifestPath)).toString() ) as Manifest; for (let [name, def] of Object.entries(manifest.functions)) { let jsFunctionName = "default", filePath = path.join(rootPath, def.path!); if (filePath.indexOf(":") !== -1) { [filePath, jsFunctionName] = filePath.split(":"); } def.code = await compile(filePath, jsFunctionName, sourceMaps); delete def.path; } return manifest; } async function buildManifest( manifestPath: string, distPath: string, debug: boolean ) { let generatedManifest = await bundle(manifestPath, debug); const outFile = manifestPath.substring( 0, manifestPath.length - path.extname(manifestPath).length ) + ".json"; const outPath = path.join(distPath, path.basename(outFile)); console.log("Emitting bundle to", outPath); await writeFile(outPath, JSON.stringify(generatedManifest, null, 2)); return { generatedManifest, outPath }; } async function run() { let args = yargs(hideBin(process.argv)) .option("debug", { type: "boolean", }) .option("watch", { type: "boolean", alias: "w", }) .option("dist", { type: "string", default: ".", }) .parse(); if (args._.length === 0) { console.log( "Usage: plugos-bundle [--debug] [--dist ] ..." ); process.exit(1); } async function buildAll() { for (const plugManifestPath of args._) { let manifestPath = plugManifestPath as string; try { await buildManifest(manifestPath, args.dist, !!args.debug); } catch (e) { console.error(`Error building ${manifestPath}:`, e); } } } await buildAll(); if (args.watch) { console.log("Watching for changes..."); for await (const { eventType, filename } of watch(".", { recursive: true, })) { if ( filename.endsWith(".plug.yaml") || filename.endsWith(".ts") || (filename.endsWith(".js") && !filename.endsWith("_in.js")) ) { console.log("Change detected", eventType, filename); await buildAll(); } } } } run().catch((e) => { console.error(e); process.exit(1); });