#!/usr/bin/env bun
import plugin from "bun-plugin-tailwind";
import { existsSync } from "fs";
import { rm, cp, readdir, writeFile, unlink } from "fs/promises";
import path from "path";
export function buildVibesHtml(files: string[]) {
const items = files.map((f) => {
const src = `/vibes/${f}`
if (/\.(mp4|mov|webm)$/i.test(f))
return ``
return `
`
}).join("\n ")
return `
vibes
ā back
${items}
`
}
if (process.argv.includes("--help") || process.argv.includes("-h")) {
console.log(`
šļø Bun Build Script
Usage: bun run build.ts [options]
Common Options:
--outdir Output directory (default: "dist")
--minify Enable minification (or --minify.whitespace, --minify.syntax, etc)
--sourcemap Sourcemap type: none|linked|inline|external
--target Build target: browser|bun|node
--format Output format: esm|cjs|iife
--splitting Enable code splitting
--packages Package handling: bundle|external
--public-path Public path for assets
--env Environment handling: inline|disable|prefix*
--conditions Package.json export conditions (comma separated)
--external External packages (comma separated)
--banner Add banner text to output
--footer Add footer text to output
--define Define global constants (e.g. --define.VERSION=1.0.0)
--help, -h Show this help message
Example:
bun run build.ts --outdir=dist --minify --sourcemap=linked --external=react,react-dom
`);
process.exit(0);
}
const toCamelCase = (str: string): string => str.replace(/-([a-z])/g, g => g[1].toUpperCase());
const parseValue = (value: string): any => {
if (value === "true") return true;
if (value === "false") return false;
if (/^\d+$/.test(value)) return parseInt(value, 10);
if (/^\d*\.\d+$/.test(value)) return parseFloat(value);
if (value.includes(",")) return value.split(",").map(v => v.trim());
return value;
};
function parseArgs(): Partial {
const config: Partial = {};
const args = process.argv.slice(2);
for (let i = 0; i < args.length; i++) {
const arg = args[i];
if (arg === undefined) continue;
if (!arg.startsWith("--")) continue;
if (arg.startsWith("--no-")) {
const key = toCamelCase(arg.slice(5));
config[key] = false;
continue;
}
if (!arg.includes("=") && (i === args.length - 1 || args[i + 1]?.startsWith("--"))) {
const key = toCamelCase(arg.slice(2));
config[key] = true;
continue;
}
let key: string;
let value: string;
if (arg.includes("=")) {
[key, value] = arg.slice(2).split("=", 2) as [string, string];
} else {
key = arg.slice(2);
value = args[++i] ?? "";
}
key = toCamelCase(key);
if (key.includes(".")) {
const [parentKey, childKey] = key.split(".");
config[parentKey] = config[parentKey] || {};
config[parentKey][childKey] = parseValue(value);
} else {
config[key] = parseValue(value);
}
}
return config;
}
const formatFileSize = (bytes: number): string => {
const units = ["B", "KB", "MB", "GB"];
let size = bytes;
let unitIndex = 0;
while (size >= 1024 && unitIndex < units.length - 1) {
size /= 1024;
unitIndex++;
}
return `${size.toFixed(2)} ${units[unitIndex]}`;
};
console.log("\nš Starting build process...\n");
const cliConfig = parseArgs();
const outdir = cliConfig.outdir || path.join(process.cwd(), "dist");
if (existsSync(outdir)) {
console.log(`šļø Cleaning previous build at ${outdir}`);
await rm(outdir, { recursive: true, force: true });
}
const start = performance.now();
const entrypoints = [...new Bun.Glob("**.html").scanSync("src")]
.map(a => path.resolve("src", a))
.filter(dir => !dir.includes("node_modules"));
console.log(`š Found ${entrypoints.length} HTML ${entrypoints.length === 1 ? "file" : "files"} to process\n`);
const result = await Bun.build({
entrypoints,
outdir,
plugins: [plugin],
minify: true,
target: "browser",
sourcemap: "linked",
define: {
"process.env.NODE_ENV": JSON.stringify("production"),
},
...cliConfig,
});
const end = performance.now();
const outputTable = result.outputs.map(output => ({
File: path.relative(process.cwd(), output.path),
Type: output.kind,
Size: formatFileSize(output.size),
}));
console.table(outputTable);
const buildTime = (end - start).toFixed(2);
// Copy public folder to dist
const publicDir = path.join(process.cwd(), "public");
if (existsSync(publicDir)) {
console.log("š Copying public folder to dist...");
await cp(publicDir, outdir, { recursive: true });
}
// Convert vibes images to WebP in dist (originals in public/ stay untouched)
const distVibesDir = path.join(outdir, "vibes");
if (existsSync(distVibesDir)) {
const files = await readdir(distVibesDir);
const convertable = files.filter((f) => /\.(jpg|jpeg|png|gif|avif|bmp|tiff)$/i.test(f));
if (convertable.length > 0) {
console.log(`\nš¼ļø Converting ${convertable.length} images to WebP...`);
await Promise.all(
convertable.map(async (f) => {
const src = path.join(distVibesDir, f);
const dest = path.join(distVibesDir, f.replace(/\.[^.]+$/, ".webp"));
const proc = Bun.spawn(["magick", src, "-quality", "80", dest]);
await proc.exited;
await unlink(src);
})
);
console.log("ā
WebP conversion done");
}
// Generate vibes/index.html
const finalFiles = (await readdir(distVibesDir)).filter((f) => f !== "index.html");
await writeFile(path.join(distVibesDir, "index.html"), buildVibesHtml(finalFiles));
console.log(`š¦ Generated vibes/index.html with ${finalFiles.length} files`);
}
console.log(`\nā
Build completed in ${buildTime}ms\n`);