Refactor SSR strategy. Redirect before bundling any page component. Additional bugfixes for dev environment
This commit is contained in:
+3
-1
@@ -15,7 +15,9 @@ export default async function fullRebuild(params) {
|
||||
await global.SSR_BUNDLER_CTX?.dispose();
|
||||
global.SSR_BUNDLER_CTX = undefined;
|
||||
allPagesESBuildContextBundler({
|
||||
post_build_fn: serverPostBuildFn,
|
||||
post_build_fn: () => {
|
||||
serverPostBuildFn();
|
||||
},
|
||||
});
|
||||
}
|
||||
catch (error) {
|
||||
|
||||
+5
-1
@@ -1 +1,5 @@
|
||||
export default function serverPostBuildFn(): Promise<void>;
|
||||
type Params = {
|
||||
reload_all_controllers?: boolean;
|
||||
};
|
||||
export default function serverPostBuildFn(params?: Params): Promise<void>;
|
||||
export {};
|
||||
|
||||
+26
-6
@@ -1,29 +1,49 @@
|
||||
import _ from "lodash";
|
||||
import grabPageComponent from "./web-pages/grab-page-component";
|
||||
export default async function serverPostBuildFn() {
|
||||
export default async function serverPostBuildFn(params) {
|
||||
if (!global.HMR_CONTROLLERS?.[0] || !global.BUNDLER_CTX_MAP) {
|
||||
return;
|
||||
}
|
||||
const reload_payload = { reload: true };
|
||||
const reload_enqueue = `event: update\ndata: ${JSON.stringify(reload_payload)}\n\n`;
|
||||
for (let i = global.HMR_CONTROLLERS.length - 1; i >= 0; i--) {
|
||||
const controller = global.HMR_CONTROLLERS[i];
|
||||
if (!controller?.target_map?.local_path) {
|
||||
if (!controller) {
|
||||
continue;
|
||||
}
|
||||
if (global.IS_404_PAGE) {
|
||||
controller.controller.enqueue(`event: update\ndata: ${JSON.stringify({ reload: true })}\n\n`);
|
||||
if (!controller.target_map?.local_path) {
|
||||
// if (global.IS_404_PAGE) {
|
||||
// controller.controller.enqueue(reload_enqueue);
|
||||
// }
|
||||
// if (!global.HMR_CONTROLLERS[i].page_reloaded) {
|
||||
// controller.controller.enqueue(reload_enqueue);
|
||||
// global.HMR_CONTROLLERS[i].page_reloaded = true;
|
||||
// }
|
||||
continue;
|
||||
}
|
||||
if (params?.reload_all_controllers) {
|
||||
controller.controller.enqueue(reload_enqueue);
|
||||
continue;
|
||||
}
|
||||
const target_artifact = global.BUNDLER_CTX_MAP[controller.target_map.local_path];
|
||||
if (!target_artifact.local_path) {
|
||||
controller.controller.enqueue(reload_enqueue);
|
||||
continue;
|
||||
}
|
||||
const mock_req = target_artifact.req
|
||||
? target_artifact.req.clone()
|
||||
: new Request(controller.page_url);
|
||||
const { serverRes } = global.IS_SERVER_COMPONENT
|
||||
const page_component = global.IS_SERVER_COMPONENT
|
||||
? await grabPageComponent({
|
||||
req: mock_req,
|
||||
return_server_res_only: true,
|
||||
is_hydration: true,
|
||||
})
|
||||
: {};
|
||||
if (page_component instanceof Response) {
|
||||
continue;
|
||||
}
|
||||
const { serverRes } = page_component;
|
||||
const final_artifact = {
|
||||
..._.omit(controller, ["controller"]),
|
||||
target_map: target_artifact,
|
||||
@@ -37,7 +57,7 @@ export default async function serverPostBuildFn() {
|
||||
try {
|
||||
let final_data = {};
|
||||
if (global.ROOT_FILE_UPDATED) {
|
||||
final_data = { reload: true };
|
||||
final_data = reload_payload;
|
||||
}
|
||||
else {
|
||||
final_data = final_artifact;
|
||||
|
||||
+5
-5
@@ -15,6 +15,10 @@ export default async function watcherEsbuildCTX() {
|
||||
if (filename.match(/^\.\w+/)) {
|
||||
return;
|
||||
}
|
||||
if (global.BUNDLER_CTX_DISPOSED) {
|
||||
await fullRebuild({ msg: `Restarting Bundler ...` });
|
||||
global.BUNDLER_CTX_DISPOSED = false;
|
||||
}
|
||||
if (filename.endsWith(AppData["BunextTmpFileExt"])) {
|
||||
return;
|
||||
}
|
||||
@@ -50,7 +54,7 @@ export default async function watcherEsbuildCTX() {
|
||||
if (filename.match(/.*\.server\.tsx?/)) {
|
||||
global.IS_SERVER_COMPONENT = true;
|
||||
}
|
||||
if (global.BUNDLER_CTX && !global.BUNDLER_CTX_DISPOSED) {
|
||||
if (global.BUNDLER_CTX) {
|
||||
try {
|
||||
await global.BUNDLER_CTX.rebuild();
|
||||
}
|
||||
@@ -58,10 +62,6 @@ export default async function watcherEsbuildCTX() {
|
||||
console.log(`ESBUILD Rebuild Error =>`, error);
|
||||
}
|
||||
}
|
||||
else {
|
||||
await fullRebuild({ msg: `Restarting Bundler ...` });
|
||||
global.BUNDLER_CTX_DISPOSED = false;
|
||||
}
|
||||
if (filename.match(/(404|500)\.tsx?/)) {
|
||||
for (let i = global.HMR_CONTROLLERS.length - 1; i >= 0; i--) {
|
||||
const controller = global.HMR_CONTROLLERS[i];
|
||||
|
||||
@@ -8,5 +8,5 @@ type Params = {
|
||||
skip_server_res?: boolean;
|
||||
is_hydration?: boolean;
|
||||
};
|
||||
export default function grabPageComponent(params: Params): Promise<GrabPageComponentRes>;
|
||||
export default function grabPageComponent(params: Params): Promise<GrabPageComponentRes | Response>;
|
||||
export {};
|
||||
|
||||
+9
-4
@@ -5,6 +5,7 @@ import { log } from "../../../utils/log";
|
||||
import grabPageModules from "./grab-page-modules";
|
||||
import grabPageCombinedServerRes from "./grab-page-combined-server-res";
|
||||
import fullRebuild from "../full-rebuild";
|
||||
import serverPostBuildFn from "../server-post-build-fn";
|
||||
class NotFoundError extends Error {
|
||||
status = 404;
|
||||
constructor(message) {
|
||||
@@ -41,7 +42,6 @@ export default async function grabPageComponent(params) {
|
||||
}
|
||||
const bundledMap = global.BUNDLER_CTX_MAP[file_path];
|
||||
if (!bundledMap?.path) {
|
||||
console.log(global.BUNDLER_CTX_MAP);
|
||||
const errMsg = `No Bundled File Path for this request path!`;
|
||||
log.error(errMsg);
|
||||
throw new Error(errMsg);
|
||||
@@ -62,7 +62,7 @@ export default async function grabPageComponent(params) {
|
||||
});
|
||||
return { serverRes };
|
||||
}
|
||||
const { component, module, serverRes, root_module } = await grabPageModules({
|
||||
const page_modules = await grabPageModules({
|
||||
file_path,
|
||||
debug,
|
||||
query: match?.query,
|
||||
@@ -70,7 +70,10 @@ export default async function grabPageComponent(params) {
|
||||
url,
|
||||
skip_server_res,
|
||||
});
|
||||
global.IS_404_PAGE = false;
|
||||
if (page_modules instanceof Response) {
|
||||
return page_modules;
|
||||
}
|
||||
const { component, module, serverRes, root_module } = page_modules;
|
||||
return {
|
||||
component,
|
||||
serverRes,
|
||||
@@ -94,8 +97,10 @@ export default async function grabPageComponent(params) {
|
||||
...params,
|
||||
retry: true,
|
||||
});
|
||||
if (component_retried.success) {
|
||||
if (component_retried instanceof Response ||
|
||||
component_retried.success) {
|
||||
global.REBUILD_RETRIES = 0;
|
||||
await serverPostBuildFn();
|
||||
return component_retried;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,5 +5,5 @@ type Params = {
|
||||
is404?: boolean;
|
||||
url?: URL;
|
||||
};
|
||||
export default function grabPageErrorComponent({ error, routeParams, is404, url, }: Params): Promise<GrabPageComponentRes>;
|
||||
export default function grabPageErrorComponent({ error, routeParams, is404, url, }: Params): Promise<GrabPageComponentRes | Response>;
|
||||
export {};
|
||||
|
||||
@@ -31,12 +31,16 @@ export default async function grabPageErrorComponent({ error, routeParams, is404
|
||||
}
|
||||
const file_path = match.filePath;
|
||||
const bundledMap = global.BUNDLER_CTX_MAP?.[file_path];
|
||||
const { component, module, serverRes, root_module } = await grabPageModules({
|
||||
const page_component = await grabPageModules({
|
||||
file_path: file_path,
|
||||
query: match?.query,
|
||||
routeParams,
|
||||
url,
|
||||
});
|
||||
if (page_component instanceof Response) {
|
||||
return page_component;
|
||||
}
|
||||
const { component, module, serverRes, root_module } = page_component;
|
||||
return {
|
||||
component,
|
||||
routeParams,
|
||||
|
||||
+7
-5
@@ -1,4 +1,5 @@
|
||||
import type { BunextPageModule, BunxRouteParams } from "../../../types";
|
||||
import type { BunextPageModule, BunextPageModuleServerReturn, BunxRouteParams } from "../../../types";
|
||||
import type { FC } from "react";
|
||||
type Params = {
|
||||
file_path: string;
|
||||
debug?: boolean;
|
||||
@@ -7,10 +8,11 @@ type Params = {
|
||||
routeParams?: BunxRouteParams;
|
||||
skip_server_res?: boolean;
|
||||
};
|
||||
export default function grabPageModules({ file_path, debug, url, query, routeParams, skip_server_res, }: Params): Promise<{
|
||||
component: import("react").FC;
|
||||
serverRes: import("../../../types").BunextPageModuleServerReturn | undefined;
|
||||
type Return = {
|
||||
component: FC;
|
||||
serverRes: BunextPageModuleServerReturn | undefined;
|
||||
module: BunextPageModule;
|
||||
root_module: BunextPageModule | undefined;
|
||||
}>;
|
||||
};
|
||||
export default function grabPageModules({ file_path, debug, url, query, routeParams, skip_server_res, }: Params): Promise<Return | Response>;
|
||||
export {};
|
||||
|
||||
+13
-8
@@ -5,14 +5,6 @@ import grabRootFilePath from "./grab-root-file-path";
|
||||
import grabPageCombinedServerRes from "./grab-page-combined-server-res";
|
||||
export default async function grabPageModules({ file_path, debug, url, query, routeParams, skip_server_res, }) {
|
||||
const now = Date.now();
|
||||
const { root_file_path } = grabRootFilePath();
|
||||
const root_module = root_file_path
|
||||
? await import(`${root_file_path}?t=${now}`)
|
||||
: undefined;
|
||||
const module = await import(`${file_path}?t=${now}`);
|
||||
if (debug) {
|
||||
log.info(`module:`, module);
|
||||
}
|
||||
const { serverRes } = skip_server_res
|
||||
? {}
|
||||
: await grabPageCombinedServerRes({
|
||||
@@ -22,6 +14,19 @@ export default async function grabPageModules({ file_path, debug, url, query, ro
|
||||
routeParams,
|
||||
url,
|
||||
});
|
||||
if (serverRes?.redirect?.destination) {
|
||||
return Response.redirect(serverRes.redirect.destination, serverRes.redirect.permanent
|
||||
? 301
|
||||
: serverRes.redirect.status_code || 302);
|
||||
}
|
||||
const { root_file_path } = grabRootFilePath();
|
||||
const root_module = root_file_path
|
||||
? await import(`${root_file_path}?t=${now}`)
|
||||
: undefined;
|
||||
const module = await import(`${file_path}?t=${now}`);
|
||||
if (debug) {
|
||||
log.info(`module:`, module);
|
||||
}
|
||||
const { component } = (await grabPageBundledReactComponent({
|
||||
file_path,
|
||||
})) || {};
|
||||
|
||||
@@ -23,6 +23,9 @@ export default async function handleWebPages({ req, }) {
|
||||
const componentRes = await grabPageComponent({
|
||||
req,
|
||||
});
|
||||
if (componentRes instanceof Response) {
|
||||
return componentRes;
|
||||
}
|
||||
return await generateWebPageResponseFromComponentReturn({
|
||||
...componentRes,
|
||||
});
|
||||
@@ -32,6 +35,9 @@ export default async function handleWebPages({ req, }) {
|
||||
const componentRes = await grabPageErrorComponent({
|
||||
error,
|
||||
});
|
||||
if (componentRes instanceof Response) {
|
||||
return componentRes;
|
||||
}
|
||||
return await generateWebPageResponseFromComponentReturn(componentRes);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user