fix
This commit is contained in:
Rizky
parent
6f3a5a0c82
commit
9c5f43538f
|
|
@ -52,86 +52,7 @@ export const initFrontEnd = async (
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await isInstalling(id_site);
|
await isInstalling(id_site);
|
||||||
const out_dir_temp = dir.data(`code/${id_site}/site/build-temp`);
|
|
||||||
const out_dir_switch = dir.data(`code/${id_site}/site/build-switch`);
|
|
||||||
const out_dir = dir.data(`code/${id_site}/site/build`);
|
|
||||||
const build_ctx = await context({
|
|
||||||
absWorkingDir: dir.data(root),
|
|
||||||
entryPoints: ["index.tsx"],
|
|
||||||
outdir: out_dir_temp,
|
|
||||||
format: "esm",
|
|
||||||
bundle: true,
|
|
||||||
minify: true,
|
|
||||||
treeShaking: true,
|
|
||||||
splitting: true,
|
|
||||||
logLevel: "silent",
|
|
||||||
sourcemap: true,
|
|
||||||
metafile: true,
|
|
||||||
plugins: [
|
|
||||||
cleanPlugin(),
|
|
||||||
style(),
|
|
||||||
globalExternals({
|
|
||||||
react: {
|
|
||||||
varName: "window.React",
|
|
||||||
type: "cjs",
|
|
||||||
},
|
|
||||||
"react-dom": {
|
|
||||||
varName: "window.ReactDOM",
|
|
||||||
type: "cjs",
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
name: "prasi",
|
|
||||||
async setup(setup) {
|
|
||||||
try {
|
|
||||||
setup.onEnd(async (res) => {
|
|
||||||
const client_ids = user.active
|
|
||||||
.findAll({ site_id: id_site })
|
|
||||||
.map((e) => e.client_id);
|
|
||||||
if (res.errors.length > 0) {
|
|
||||||
await codeError(
|
|
||||||
id_site,
|
|
||||||
(await formatMessages(res.errors, { kind: "error" })).join(
|
|
||||||
"\n\n"
|
|
||||||
)
|
|
||||||
);
|
|
||||||
|
|
||||||
const now = Date.now();
|
|
||||||
client_ids.forEach((client_id) => {
|
|
||||||
const ws = conns.get(client_id)?.ws;
|
|
||||||
if (ws)
|
|
||||||
sendWS(ws, {
|
|
||||||
type: SyncType.Event,
|
|
||||||
event: "code_changes",
|
|
||||||
data: { ts: now, mode: "frontend", status: "error" },
|
|
||||||
});
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
await codeError(id_site, "");
|
|
||||||
|
|
||||||
await $`rm -rf ${out_dir_switch}`.quiet();
|
|
||||||
await $`mv ${out_dir} ${out_dir_switch}`.quiet();
|
|
||||||
await $`mv ${out_dir_temp} ${out_dir}`.quiet();
|
|
||||||
|
|
||||||
const now = Date.now();
|
|
||||||
client_ids.forEach((client_id) => {
|
|
||||||
const ws = conns.get(client_id)?.ws;
|
|
||||||
if (ws)
|
|
||||||
sendWS(ws, {
|
|
||||||
type: SyncType.Event,
|
|
||||||
event: "code_changes",
|
|
||||||
data: { ts: now, mode: "frontend", status: "ok" },
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} catch (e) {
|
|
||||||
console.log("ERROR");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
});
|
|
||||||
const broadcastLoading = async () => {
|
const broadcastLoading = async () => {
|
||||||
const client_ids = user.active
|
const client_ids = user.active
|
||||||
.findAll({ site_id: id_site })
|
.findAll({ site_id: id_site })
|
||||||
|
|
@ -151,7 +72,7 @@ export const initFrontEnd = async (
|
||||||
};
|
};
|
||||||
|
|
||||||
code.internal.frontend[id_site] = {
|
code.internal.frontend[id_site] = {
|
||||||
ctx: build_ctx,
|
ctx: await initBuildCtx({ id_site, root }),
|
||||||
timeout: null,
|
timeout: null,
|
||||||
rebuilding: false,
|
rebuilding: false,
|
||||||
watch: watch(
|
watch: watch(
|
||||||
|
|
@ -173,15 +94,20 @@ export const initFrontEnd = async (
|
||||||
filename?.endsWith(".css") ||
|
filename?.endsWith(".css") ||
|
||||||
filename?.endsWith(".html")
|
filename?.endsWith(".html")
|
||||||
) {
|
) {
|
||||||
console.log(`Changed ${id_site} ${filename}`, fe);
|
|
||||||
|
|
||||||
if (typeof fe !== "undefined" && !fe.rebuilding) {
|
if (typeof fe !== "undefined" && !fe.rebuilding) {
|
||||||
fe.rebuilding = true;
|
fe.rebuilding = true;
|
||||||
clearTimeout(fe.timeout);
|
clearTimeout(fe.timeout);
|
||||||
fe.timeout = setTimeout(async () => {
|
fe.timeout = setTimeout(async () => {
|
||||||
|
const build_timeout = setTimeout(async () => {
|
||||||
|
console.log(`Build unfinished ${id_site} ${filename}`);
|
||||||
|
await fe.ctx.dispose();
|
||||||
|
fe.ctx = await initBuildCtx({ id_site, root });
|
||||||
|
}, 3000);
|
||||||
|
|
||||||
try {
|
try {
|
||||||
broadcastLoading();
|
broadcastLoading();
|
||||||
await fe.ctx.rebuild();
|
await fe.ctx.rebuild();
|
||||||
|
clearTimeout(build_timeout);
|
||||||
} catch (e: any) {
|
} catch (e: any) {
|
||||||
console.error(`Frontend failed rebuild (site: ${id_site})`);
|
console.error(`Frontend failed rebuild (site: ${id_site})`);
|
||||||
console.error(e.messsage);
|
console.error(e.messsage);
|
||||||
|
|
@ -236,3 +162,92 @@ const isInstalling = async (id_site: string) => {
|
||||||
|
|
||||||
return false;
|
return false;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const initBuildCtx = async ({
|
||||||
|
id_site,
|
||||||
|
root,
|
||||||
|
}: {
|
||||||
|
id_site: string;
|
||||||
|
root: string;
|
||||||
|
}) => {
|
||||||
|
const out_dir_temp = dir.data(`code/${id_site}/site/build-temp`);
|
||||||
|
const out_dir_switch = dir.data(`code/${id_site}/site/build-switch`);
|
||||||
|
const out_dir = dir.data(`code/${id_site}/site/build`);
|
||||||
|
return await context({
|
||||||
|
absWorkingDir: dir.data(root),
|
||||||
|
entryPoints: ["index.tsx"],
|
||||||
|
outdir: out_dir_temp,
|
||||||
|
format: "esm",
|
||||||
|
bundle: true,
|
||||||
|
minify: true,
|
||||||
|
treeShaking: true,
|
||||||
|
splitting: true,
|
||||||
|
logLevel: "silent",
|
||||||
|
sourcemap: true,
|
||||||
|
metafile: true,
|
||||||
|
plugins: [
|
||||||
|
cleanPlugin(),
|
||||||
|
style(),
|
||||||
|
globalExternals({
|
||||||
|
react: {
|
||||||
|
varName: "window.React",
|
||||||
|
type: "cjs",
|
||||||
|
},
|
||||||
|
"react-dom": {
|
||||||
|
varName: "window.ReactDOM",
|
||||||
|
type: "cjs",
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
name: "prasi",
|
||||||
|
async setup(setup) {
|
||||||
|
try {
|
||||||
|
setup.onEnd(async (res) => {
|
||||||
|
const client_ids = user.active
|
||||||
|
.findAll({ site_id: id_site })
|
||||||
|
.map((e) => e.client_id);
|
||||||
|
if (res.errors.length > 0) {
|
||||||
|
await codeError(
|
||||||
|
id_site,
|
||||||
|
(await formatMessages(res.errors, { kind: "error" })).join(
|
||||||
|
"\n\n"
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
const now = Date.now();
|
||||||
|
client_ids.forEach((client_id) => {
|
||||||
|
const ws = conns.get(client_id)?.ws;
|
||||||
|
if (ws)
|
||||||
|
sendWS(ws, {
|
||||||
|
type: SyncType.Event,
|
||||||
|
event: "code_changes",
|
||||||
|
data: { ts: now, mode: "frontend", status: "error" },
|
||||||
|
});
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
await codeError(id_site, "");
|
||||||
|
|
||||||
|
await $`rm -rf ${out_dir_switch}`.quiet();
|
||||||
|
await $`mv ${out_dir} ${out_dir_switch}`.quiet();
|
||||||
|
await $`mv ${out_dir_temp} ${out_dir}`.quiet();
|
||||||
|
|
||||||
|
const now = Date.now();
|
||||||
|
client_ids.forEach((client_id) => {
|
||||||
|
const ws = conns.get(client_id)?.ws;
|
||||||
|
if (ws)
|
||||||
|
sendWS(ws, {
|
||||||
|
type: SyncType.Event,
|
||||||
|
event: "code_changes",
|
||||||
|
data: { ts: now, mode: "frontend", status: "ok" },
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} catch (e) {
|
||||||
|
console.log("ERROR");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue