Updates

2026-03-15 08:30:54 +01:00
parent 6dd00f2561
commit ec2dc0c4dc
26 changed files with 673 additions and 247 deletions
@@ -0,0 +1,127 @@
+import type { FC } from "react";
+import grabDirNames from "../../../utils/grab-dir-names";
+import grabPageName from "../../../utils/grab-page-name";
+import grabRouteParams from "../../../utils/grab-route-params";
+import grabRouter from "../../../utils/grab-router";
+import type { BunextPageModule, GrabPageComponentRes } from "../../../types";
+import bundle from "../../../utils/bundle";
+import path from "path";
+import AppNames from "../../../utils/grab-app-names";
+import { existsSync } from "fs";
+
+type Params = {
+    req?: Request;
+    file_path?: string;
+};
+
+export default async function grabPageComponent({
+    req,
+    file_path: passed_file_path,
+}: Params): Promise<GrabPageComponentRes> {
+    const url = req?.url ? new URL(req.url) : undefined;
+    const router = grabRouter();
+
+    const {
+        BUNX_ROOT_500_PRESET_COMPONENT,
+        HYDRATION_DST_DIR,
+        BUNX_ROOT_500_FILE_NAME,
+        PAGES_DIR,
+    } = grabDirNames();
+
+    const routeParams = req ? await grabRouteParams({ req }) : undefined;
+
+    try {
+        const match = url ? router.match(url.pathname) : undefined;
+
+        if (!match?.filePath && url?.pathname) {
+            const errMsg = `Page ${url.pathname} not found`;
+            console.error(errMsg);
+            throw new Error(errMsg);
+        }
+
+        const file_path = match?.filePath || passed_file_path;
+
+        if (!file_path) {
+            const errMsg = `No File Path (\`file_path\`) or Request Object (\`req\`) provided not found`;
+            console.error(errMsg);
+            throw new Error(errMsg);
+        }
+
+        const pageName = grabPageName({ path: file_path });
+
+        const root_pages_component_ts_file = `${path.join(PAGES_DIR, AppNames["RootPagesComponentName"])}.ts`;
+        const root_pages_component_tsx_file = `${path.join(PAGES_DIR, AppNames["RootPagesComponentName"])}.tsx`;
+        const root_pages_component_js_file = `${path.join(PAGES_DIR, AppNames["RootPagesComponentName"])}.js`;
+        const root_pages_component_jsx_file = `${path.join(PAGES_DIR, AppNames["RootPagesComponentName"])}.jsx`;
+
+        const root_file = existsSync(root_pages_component_tsx_file)
+            ? root_pages_component_tsx_file
+            : existsSync(root_pages_component_ts_file)
+              ? root_pages_component_ts_file
+              : existsSync(root_pages_component_jsx_file)
+                ? root_pages_component_jsx_file
+                : existsSync(root_pages_component_js_file)
+                  ? root_pages_component_js_file
+                  : undefined;
+
+        const root_module = root_file
+            ? await import(`${root_file}?t=${global.LAST_BUILD_TIME ?? 0}`)
+            : undefined;
+
+        const RootComponent = root_module?.default as FC<any> | undefined;
+
+        const component_file_path = root_module
+            ? `${file_path}`
+            : `${file_path}?t=${global.LAST_BUILD_TIME ?? 0}`;
+
+        const module: BunextPageModule = await import(component_file_path);
+
+        const serverRes = await (async () => {
+            try {
+                if (routeParams) {
+                    return await module["server"]?.(routeParams);
+                }
+                return {};
+            } catch (error) {
+                return {};
+            }
+        })();
+
+        const Component = module.default as FC<any>;
+        const component = RootComponent ? (
+            <RootComponent {...serverRes}>
+                <Component {...serverRes} />
+            </RootComponent>
+        ) : (
+            <Component {...serverRes} />
+        );
+
+        return { component, serverRes, routeParams, pageName, module };
+    } catch (error: any) {
+        const match = router.match("/500");
+
+        const filePath = match?.filePath || BUNX_ROOT_500_PRESET_COMPONENT;
+
+        // if (!match?.filePath) {
+        //     bundle({
+        //         out_dir: HYDRATION_DST_DIR,
+        //         src: `${BUNX_ROOT_500_PRESET_COMPONENT}`,
+        //         debug: true,
+        //     });
+        // }
+
+        const module: BunextPageModule = await import(
+            `${filePath}?t=${global.LAST_BUILD_TIME ?? 0}`
+        );
+
+        const Component = module.default as FC<any>;
+        const component = <Component />;
+
+        return {
+            component,
+            pageName: BUNX_ROOT_500_FILE_NAME,
+            routeParams,
+            module,
+        };
+    }
+}