prasi-bun/app/srv/ws/sync/editor/code/build-code.ts

106 lines
2.8 KiB
TypeScript

import globalExternals from "@fal-works/esbuild-plugin-global-externals";
import { style } from "@hyrious/esbuild-plugin-style";
import { context } from "esbuild";
import { dirAsync, existsAsync, removeAsync, writeAsync } from "fs-jetpack";
import { DCode } from "../../../../../web/src/utils/types/root";
import { readDirectoryRecursively } from "../../../../api/site-export";
import { docs } from "../../entity/docs";
import { CodeMode, code } from "./util-code";
export const codeBuild = async (id_site: any, mode: CodeMode) => {
const src_path = code.path(id_site, mode, "src");
if (!(await existsAsync(src_path))) return;
const build_path = code.path(id_site, mode, "build");
await removeAsync(build_path);
await dirAsync(build_path);
const build_file = `${build_path}/index.js`;
await writeAsync(build_file, "");
if (!code.esbuild[id_site]) {
code.esbuild[id_site] = { site: null, ssr: null };
}
if (!code.esbuild[id_site][mode]) {
code.esbuild[id_site][mode] = await context({
absWorkingDir: src_path,
entryPoints: ["index.tsx"],
bundle: true,
outfile: build_file,
minify: true,
treeShaking: true,
format: "cjs",
logLevel: "silent",
sourcemap: true,
plugins: [
style(),
globalExternals({
react: {
varName: "window.React",
type: "cjs",
},
"react-dom": {
varName: "window.ReactDOM",
type: "cjs",
},
}),
{
name: "prasi",
setup(setup) {
setup.onEnd((res) => {
const cdoc = docs.code[id_site];
if (cdoc) {
const doc = cdoc.build[mode];
const build_dir = code.path(id_site, mode, "build");
console.log("done building", build_dir);
if (doc) {
codeApplyChanges(build_dir, doc);
}
}
});
},
},
],
});
const esbuild = code.esbuild[id_site][mode];
esbuild?.watch();
}
const esbuild = code.esbuild[id_site][mode];
if (esbuild) {
try {
await esbuild.rebuild();
} catch (e) {
console.error(e);
}
}
const out = Bun.file(build_file);
const src = (await out.text()).replace(
"//# sourceMappingURL=index.js.map",
`//# sourceMappingURL=/nova-load/code/${id_site}/${mode}/index.js.map`
);
await Bun.write(out, src);
};
const codeApplyChanges = (path: string, doc: DCode) => {
const map = doc.getMap("map");
const files = map.get("files");
const dirs = readDirectoryRecursively(path);
doc.transact(() => {
files?.forEach((v, k) => {
if (!dirs[k]) {
files?.delete(k);
}
});
for (const [k, v] of Object.entries(dirs)) {
if (files) {
files.set(k, v);
}
}
});
return doc;
};