Moduletrace/bunext
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch back to esbuild

Browse Source
This commit is contained in:
tben
2026-03-24 18:28:56 +01:00
parent 976ff5fec9
commit 47c262392c
25 changed files with 315 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/commands/build/index.ts
+5 -1
View File
@@ -6,6 +6,7 @@ import allPagesBunBundler from "../../functions/bundler/all-pages-bun-bundler";
import grabDirNames from "../../utils/grab-dir-names";
import { rmSync } from "fs";
import allPagesBundler from "../../functions/bundler/all-pages-bundler";
import allPagesESBuildContextBundler from "../../functions/bundler/all-pages-esbuild-context-bundler";
const { HYDRATION_DST_DIR, BUNX_CWD_PAGES_REWRITE_DIR } = grabDirNames();
@@ -26,8 +27,11 @@ export default function () {
log.banner();
log.build("Building Project ...");
await allPagesBunBundler();
// await allPagesBunBundler();
// await allPagesBundler();
await allPagesESBuildContextBundler();
process.exit();
});
}
src/commands/dev/index.ts
+6 -1
View File
@@ -5,6 +5,8 @@ import bunextInit from "../../functions/bunext-init";
import grabDirNames from "../../utils/grab-dir-names";
import { rmSync } from "fs";
import allPagesBunBundler from "../../functions/bundler/all-pages-bun-bundler";
import allPagesESBuildContextBundler from "../../functions/bundler/all-pages-esbuild-context-bundler";
import serverPostBuildFn from "../../functions/server/server-post-build-fn";
const { HYDRATION_DST_DIR, BUNX_CWD_PAGES_REWRITE_DIR } = grabDirNames();
@@ -22,7 +24,10 @@ export default function () {
} catch (error) {}
await bunextInit();
await allPagesBunBundler();
// await allPagesBunBundler();
await allPagesESBuildContextBundler();
await startServer();
});
src/commands/start/index.ts
+4 -1
View File
@@ -3,16 +3,19 @@ import startServer from "../../functions/server/start-server";
import { log } from "../../utils/log";
import bunextInit from "../../functions/bunext-init";
import allPagesBunBundler from "../../functions/bundler/all-pages-bun-bundler";
import allPagesESBuildContextBundler from "../../functions/bundler/all-pages-esbuild-context-bundler";
export default function () {
return new Command("start")
.description("Start production server")
.action(async () => {
process.env.NODE_ENV = "production";
log.info("Starting production server ...");
await bunextInit();
await allPagesBunBundler();
// await allPagesBunBundler();
await allPagesESBuildContextBundler();
await startServer();
});
src/functions/bundler/all-pages-bun-bundler.ts
+1 -9
View File
@@ -8,10 +8,8 @@ import path from "path";
import grabClientHydrationScript from "./grab-client-hydration-script";
import { mkdirSync, rmSync } from "fs";
import recordArtifacts from "./record-artifacts";
import BunSkipNonBrowserPlugin from "./plugins/bun-skip-browser-plugin";
const { HYDRATION_DST_DIR, BUNX_HYDRATION_SRC_DIR, BUNX_TMP_DIR } =
grabDirNames();
const { HYDRATION_DST_DIR, BUNX_HYDRATION_SRC_DIR } = grabDirNames();
type Params = {
target?: "bun" | "browser";
@@ -86,12 +84,6 @@ export default async function allPagesBunBundler(params?: Params) {
],
});
await Bun.write(
path.join(BUNX_TMP_DIR, "bundle.json"),
JSON.stringify(result, null, 4),
{ createPath: true },
);
if (!result.success) {
for (const entry of result.logs) {
log.error(`[Build] ${entry.message}`);
src/functions/bundler/all-pages-bundler.ts
+6 -7
View File
@@ -166,14 +166,13 @@ export default async function allPagesBundler(params?: Params) {
return;
}
const artifacts = grabArtifactsFromBundledResults({
pages: target_pages,
result,
});
// const artifacts = grabArtifactsFromBundledResults({
// result,
// });
if (artifacts?.[0]) {
await recordArtifacts({ artifacts });
}
// if (artifacts?.[0]) {
// await recordArtifacts({ artifacts });
// }
const elapsed = (performance.now() - buildStart).toFixed(0);
log.success(`[Built] in ${elapsed}ms`);
src/functions/bundler/all-pages-esbuild-context-bundler.ts
+31 -37
View File
@@ -7,14 +7,21 @@ import tailwindEsbuildPlugin from "../server/web-pages/tailwind-esbuild-plugin";
import grabClientHydrationScript from "./grab-client-hydration-script";
import grabArtifactsFromBundledResults from "./grab-artifacts-from-bundled-result";
import { writeFileSync } from "fs";
import type { PageFiles } from "../../types";
import path from "path";
const { HYDRATION_DST_DIR, HYDRATION_DST_DIR_MAP_JSON_FILE } = grabDirNames();
const {
HYDRATION_DST_DIR,
HYDRATION_DST_DIR_MAP_JSON_FILE,
BUNX_HYDRATION_SRC_DIR,
} = grabDirNames();
let build_starts = 0;
const MAX_BUILD_STARTS = 10;
type Params = {
post_build_fn?: (params: { artifacts: any[] }) => Promise<void> | void;
// post_build_fn?: (params: { artifacts: any[] }) => Promise<void> | void;
// watch?: boolean;
};
export default async function allPagesESBuildContextBundler(params?: Params) {
@@ -22,41 +29,24 @@ export default async function allPagesESBuildContextBundler(params?: Params) {
global.PAGE_FILES = pages;
const virtualEntries: Record<string, string> = {};
const dev = isDevelopment();
for (const page of pages) {
const key = page.transformed_path;
const entryToPage = new Map<string, PageFiles>();
for (const page of pages) {
const txt = await grabClientHydrationScript({
page_local_path: page.local_path,
});
// if (page.url_path == "/index") {
// console.log("txt", txt);
// }
if (!txt) continue;
virtualEntries[key] = txt;
const entryFile = path.join(
BUNX_HYDRATION_SRC_DIR,
`${page.url_path}.tsx`,
);
await Bun.write(entryFile, txt, { createPath: true });
entryToPage.set(path.resolve(entryFile), page);
}
const virtualPlugin: esbuild.Plugin = {
name: "virtual-entrypoints",
setup(build) {
build.onResolve({ filter: /^virtual:/ }, (args) => ({
path: args.path.replace("virtual:", ""),
namespace: "virtual",
}));
build.onLoad({ filter: /.*/, namespace: "virtual" }, (args) => ({
contents: virtualEntries[args.path],
loader: "tsx",
resolveDir: process.cwd(),
}));
},
};
let buildStart = 0;
const artifactTracker: esbuild.Plugin = {
@@ -86,8 +76,8 @@ export default async function allPagesESBuildContextBundler(params?: Params) {
}
const artifacts = grabArtifactsFromBundledResults({
pages,
result,
entryToPage,
});
if (artifacts?.[0] && artifacts.length > 0) {
@@ -99,12 +89,12 @@ export default async function allPagesESBuildContextBundler(params?: Params) {
}
}
params?.post_build_fn?.({ artifacts });
// params?.post_build_fn?.({ artifacts });
writeFileSync(
HYDRATION_DST_DIR_MAP_JSON_FILE,
JSON.stringify(artifacts, null, 4),
);
// writeFileSync(
// HYDRATION_DST_DIR_MAP_JSON_FILE,
// JSON.stringify(artifacts, null, 4),
// );
}
const elapsed = (performance.now() - buildStart).toFixed(0);
@@ -117,13 +107,13 @@ export default async function allPagesESBuildContextBundler(params?: Params) {
},
};
const entryPoints = Object.keys(virtualEntries).map((k) => `virtual:${k}`);
const entryPoints = [...entryToPage.keys()];
const ctx = await esbuild.context({
entryPoints,
outdir: HYDRATION_DST_DIR,
bundle: true,
minify: true,
minify: !dev,
format: "esm",
target: "es2020",
platform: "browser",
@@ -134,7 +124,7 @@ export default async function allPagesESBuildContextBundler(params?: Params) {
},
entryNames: "[dir]/[hash]",
metafile: true,
plugins: [tailwindEsbuildPlugin, virtualPlugin, artifactTracker],
plugins: [tailwindEsbuildPlugin, artifactTracker],
jsx: "automatic",
splitting: true,
// logLevel: "silent",
@@ -148,5 +138,9 @@ export default async function allPagesESBuildContextBundler(params?: Params) {
await ctx.rebuild();
// global.BUNDLER_CTX = ctx;
// if (params?.watch) {
// await ctx.watch();
// }
global.BUNDLER_CTX = ctx;
}
src/functions/bundler/grab-artifacts-from-bundled-result.ts
+10 -9
View File
@@ -1,15 +1,18 @@
import path from "path";
import * as esbuild from "esbuild";
import type { BundlerCTXMap, PageFiles } from "../../types";
import grabDirNames from "../../utils/grab-dir-names";
const { ROOT_DIR } = grabDirNames();
type Params = {
result: esbuild.BuildResult<esbuild.BuildOptions>;
pages: PageFiles[];
entryToPage: Map<string, PageFiles>;
};
export default function grabArtifactsFromBundledResults({
result,
pages,
entryToPage,
}: Params) {
if (result.errors.length > 0) return;
@@ -18,9 +21,9 @@ export default function grabArtifactsFromBundledResults({
)
.filter(([, meta]) => meta.entryPoint)
.map(([outputPath, meta]) => {
const target_page = pages.find((p) => {
return meta.entryPoint === `virtual:${p.transformed_path}`;
});
const entrypoint = path.join(ROOT_DIR, meta.entryPoint || "");
const target_page = entryToPage.get(entrypoint);
if (!target_page || !meta.entryPoint) {
return undefined;
@@ -29,16 +32,14 @@ export default function grabArtifactsFromBundledResults({
const { file_name, local_path, url_path, transformed_path } =
target_page;
const cssPath = meta.cssBundle || undefined;
return {
path: outputPath,
hash: path.basename(outputPath, path.extname(outputPath)),
type: outputPath.endsWith(".css")
? "text/css"
: "text/javascript",
entrypoint: meta.entryPoint,
css_path: cssPath,
entrypoint,
css_path: meta.cssBundle,
file_name,
local_path,
url_path,
src/functions/bunext-init.ts
+5 -8
View File
@@ -1,4 +1,3 @@
import ora, { type Ora } from "ora";
import type {
BundlerCTXMap,
BunextConfig,
@@ -10,16 +9,15 @@ import grabDirNames from "../utils/grab-dir-names";
import { type FSWatcher } from "fs";
import init from "./init";
import isDevelopment from "../utils/is-development";
import watcher from "./server/watcher";
import { log } from "../utils/log";
import cron from "./server/cron";
import allPagesBunBundler from "./bundler/all-pages-bun-bundler";
import type { BuildContext } from "esbuild";
import watcherEsbuildCTX from "./server/watcher-esbuild-ctx";
/**
* # Declare Global Variables
*/
declare global {
var ORA_SPINNER: Ora;
var CONFIG: BunextConfig;
var SERVER: Server<any> | undefined;
var RECOMPILING: boolean;
@@ -34,13 +32,12 @@ declare global {
var PAGE_FILES: PageFiles[];
var ROOT_FILE_UPDATED: boolean;
var SKIPPED_BROWSER_MODULES: Set<string>;
var BUNDLER_CTX: BuildContext | undefined;
}
const { PAGES_DIR, HYDRATION_DST_DIR_MAP_JSON_FILE } = grabDirNames();
const { PAGES_DIR } = grabDirNames();
export default async function bunextInit() {
global.ORA_SPINNER = ora();
global.ORA_SPINNER.clear();
global.HMR_CONTROLLERS = [];
global.BUNDLER_CTX_MAP = {};
global.BUNDLER_REBUILDS = 0;
@@ -60,7 +57,7 @@ export default async function bunextInit() {
const is_dev = isDevelopment();
if (is_dev) {
watcher();
watcherEsbuildCTX();
} else {
cron();
}
src/functions/server/watcher-esbuild-ctx.ts
+104
View File
@@ -0,0 +1,104 @@
import { watch, existsSync } from "fs";
import path from "path";
import grabDirNames from "../../utils/grab-dir-names";
import { log } from "../../utils/log";
import allPagesESBuildContextBundler from "../bundler/all-pages-esbuild-context-bundler";
const { ROOT_DIR } = grabDirNames();
export default async function watcherEsbuildCTX() {
const pages_src_watcher = watch(
ROOT_DIR,
{
recursive: true,
persistent: true,
},
async (event, filename) => {
if (!filename) return;
const full_file_path = path.join(ROOT_DIR, filename);
if (full_file_path.match(/\/styles$/)) {
global.RECOMPILING = true;
await Bun.sleep(1000);
await fullRebuild({
msg: `Detected new \`styles\` directory. Rebuilding ...`,
});
return;
}
const excluded_match =
/node_modules\/|^public\/|^\.bunext\/|^\.git\/|^dist\/|bun\.lockb$/;
if (filename.match(excluded_match)) return;
if (filename.match(/bunext.config\.ts/)) {
await fullRebuild({
msg: `bunext.config.ts file changed. Rebuilding server ...`,
});
return;
}
const target_files_match = /\.(tsx?|jsx?|css)$/;
if (event !== "rename") {
if (filename.match(target_files_match)) {
if (global.RECOMPILING) return;
global.RECOMPILING = true;
await global.BUNDLER_CTX?.rebuild();
}
return;
}
const is_file_of_interest = Boolean(
filename.match(target_files_match),
);
if (!is_file_of_interest) {
return;
}
if (!filename.match(/^src\/pages\/|\.css$/)) return;
if (filename.match(/\/(--|\()/)) return;
if (global.RECOMPILING) return;
const action = existsSync(full_file_path) ? "created" : "deleted";
const type = filename.match(/\.css$/) ? "Sylesheet" : "Page";
await fullRebuild({
msg: `${type} ${action}: ${filename}. Rebuilding ...`,
});
},
);
global.PAGES_SRC_WATCHER = pages_src_watcher;
}
async function fullRebuild(params?: { msg?: string }) {
try {
const { msg } = params || {};
global.RECOMPILING = true;
if (msg) {
log.watch(msg);
}
global.ROUTER.reload();
await global.BUNDLER_CTX?.dispose();
global.BUNDLER_CTX = undefined;
await allPagesESBuildContextBundler();
} catch (error: any) {
log.error(error);
} finally {
global.RECOMPILING = false;
}
if (global.PAGES_SRC_WATCHER) {
global.PAGES_SRC_WATCHER.close();
watcherEsbuildCTX();
}
}
src/functions/server/watcher.ts
+4 -8
View File
@@ -3,7 +3,6 @@ import path from "path";
import grabDirNames from "../../utils/grab-dir-names";
import rebuildBundler from "./rebuild-bundler";
import { log } from "../../utils/log";
// import rewritePagesModule from "../../utils/rewrite-pages-module";
const { ROOT_DIR } = grabDirNames();
@@ -82,18 +81,15 @@ async function fullRebuild(params?: { msg?: string }) {
global.RECOMPILING = true;
// const target_file_paths = global.HMR_CONTROLLERS.map(
// (hmr) => hmr.target_map?.local_path,
// ).filter((f) => typeof f == "string");
// await rewritePagesModule();
const target_file_paths = global.HMR_CONTROLLERS.map(
(hmr) => hmr.target_map?.local_path,
).filter((f) => typeof f == "string");
if (msg) {
log.watch(msg);
}
await rebuildBundler();
// await rebuildBundler({ target_file_paths });
await rebuildBundler({ target_file_paths });
} catch (error: any) {
log.error(error);
} finally {