Handle browser Errors.

dist/functions/bundler/all-pages-bundler.d.ts

@@ -0,0 +1,10 @@
+import type { BundlerCTXMap } from "../../types";
+type Params = {
+    watch?: boolean;
+    exit_after_first_build?: boolean;
+    post_build_fn?: (params: {
+        artifacts: BundlerCTXMap[];
+    }) => Promise<void>;
+};
+export default function allPagesBundler(params?: Params): Promise<void>;
+export {};

dist/functions/bundler/all-pages-bundler.js

@@ -56,6 +56,7 @@ export default async function allPagesBundler(params) {
                 }
                 const elapsed = (performance.now() - buildStart).toFixed(0);
                 log.success(`[Built] in ${elapsed}ms`);
+                global.RECOMPILING = false;
                 if (params?.exit_after_first_build) {
                     process.exit();
                 }
@@ -84,6 +85,6 @@ export default async function allPagesBundler(params) {
     await ctx.rebuild();
     if (params?.watch) {
         global.BUNDLER_CTX = ctx;
-        global.BUNDLER_CTX.watch();
+        // global.BUNDLER_CTX.watch();
     }
 }

dist/functions/bundler/grab-artifacts-from-bundled-result.d.ts

@@ -0,0 +1,8 @@
+import * as esbuild from "esbuild";
+import type { BundlerCTXMap, PageFiles } from "../../types";
+type Params = {
+    result: esbuild.BuildResult<esbuild.BuildOptions>;
+    pages: PageFiles[];
+};
+export default function grabArtifactsFromBundledResults({ result, pages, }: Params): BundlerCTXMap[] | undefined;
+export {};

dist/functions/bundler/grab-client-hydration-script.d.ts

@@ -0,0 +1,5 @@
+type Params = {
+    page_local_path: string;
+};
+export default function grabClientHydrationScript({ page_local_path }: Params): string;
+export {};

dist/functions/bundler/grab-client-hydration-script.js

@@ -38,15 +38,17 @@ export default function grabClientHydrationScript({ page_local_path }) {
     // txt += `window.__JSX_RUNTIME__ = JSXRuntime;\n\n`;
     txt += `const pageProps = window.__PAGE_PROPS__ || {};\n`;
     if (does_root_exist) {
-        txt += `const component = <Root {...pageProps}><Page {...pageProps} /></Root>\n`;
+        txt += `const component = <Root suppressHydrationWarning={true} {...pageProps}><Page {...pageProps} /></Root>\n`;
     }
     else {
-        txt += `const component = <Page {...pageProps} />\n`;
+        txt += `const component = <Page suppressHydrationWarning={true} {...pageProps} />\n`;
     }
     txt += `if (window.${ClientRootComponentWindowName}?.render) {\n`;
     txt += `    window.${ClientRootComponentWindowName}.render(component);\n`;
     txt += `} else {\n`;
-    txt += `    const root = hydrateRoot(document.getElementById("${ClientRootElementIDName}"), component);\n\n`;
+    txt += `    const root = hydrateRoot(document.getElementById("${ClientRootElementIDName}"), component, { onRecoverableError: () => {\n\n`;
+    txt += `        console.log(\`Hydration Error.\`)\n\n`;
+    txt += `    } });\n\n`;
     txt += `    window.${ClientRootComponentWindowName} = root;\n`;
     txt += `    window.__BUNEXT_RERENDER__ = (NewPage) => {\n`;
     txt += `        const props = window.__PAGE_PROPS__ || {};\n`;

dist/functions/cache/get-cache.d.ts

@@ -0,0 +1,6 @@
+type Params = {
+    key: string;
+    paradigm?: "html" | "json";
+};
+export default function getCache({ key, paradigm }: Params): string | undefined;
+export {};

dist/functions/cache/grab-cache-names.d.ts

@@ -0,0 +1,9 @@
+type Params = {
+    key: string;
+    paradigm?: "html" | "json";
+};
+export default function grabCacheNames({ key, paradigm }: Params): {
+    cache_name: string;
+    cache_meta_name: string;
+};
+export {};

dist/functions/cache/trim-all-cache.d.ts

@@ -0,0 +1 @@
+export default function trimAllCache(): Promise<undefined>;

dist/functions/cache/trim-cache-key.d.ts

@@ -0,0 +1,6 @@
+import type { APIResponseObject } from "../../types";
+type Params = {
+    key: string;
+};
+export default function trimCacheKey({ key, }: Params): Promise<APIResponseObject>;
+export {};

dist/functions/cache/write-cache.d.ts

@@ -0,0 +1,9 @@
+import type { APIResponseObject } from "../../types";
+type Params = {
+    key: string;
+    value: string;
+    paradigm?: "html" | "json";
+    expiry_seconds?: number;
+};
+export default function writeCache({ key, value, paradigm, expiry_seconds, }: Params): Promise<APIResponseObject>;
+export {};

dist/functions/grab-config.d.ts

@@ -0,0 +1,2 @@
+import type { BunextConfig } from "../types";
+export default function grabConfig(): Promise<BunextConfig | undefined>;

dist/functions/init.d.ts

@@ -0,0 +1 @@
+export default function (): Promise<void>;

dist/functions/server/bunext-req-handler.d.ts

@@ -0,0 +1,5 @@
+type Params = {
+    req: Request;
+};
+export default function bunextRequestHandler({ req, }: Params): Promise<Response>;
+export {};

dist/functions/server/bunext-req-handler.js

@@ -0,0 +1,57 @@
+import grabAppPort from "../../utils/grab-app-port";
+import handleWebPages from "./web-pages/handle-web-pages";
+import handleRoutes from "./handle-routes";
+import isDevelopment from "../../utils/is-development";
+import grabConstants from "../../utils/grab-constants";
+import { AppData } from "../../data/app-data";
+import handleHmr from "./handle-hmr";
+import handleHmrUpdate from "./handle-hmr-update";
+import handlePublic from "./handle-public";
+import handleFiles from "./handle-files";
+export default async function bunextRequestHandler({ req, }) {
+    const is_dev = isDevelopment();
+    try {
+        const url = new URL(req.url);
+        const { config } = grabConstants();
+        let response = undefined;
+        if (config?.middleware) {
+            const middleware_res = await config.middleware({
+                req,
+                url,
+            });
+            if (typeof middleware_res == "object") {
+                return middleware_res;
+            }
+        }
+        if (url.pathname == `/${AppData["ClientHMRPath"]}`) {
+            response = await handleHmrUpdate({ req });
+        }
+        else if (url.pathname === "/__hmr" && is_dev) {
+            response = await handleHmr({ req });
+        }
+        else if (url.pathname.startsWith("/api/")) {
+            response = await handleRoutes({ req });
+        }
+        else if (url.pathname.startsWith("/public/")) {
+            response = await handlePublic({ req });
+        }
+        else if (url.pathname.match(/\..*$/)) {
+            response = await handleFiles({ req });
+        }
+        else {
+            response = await handleWebPages({ req });
+        }
+        if (!response) {
+            throw new Error(`No Response generated`);
+        }
+        if (is_dev) {
+            response.headers.set("Cache-Control", "no-cache, no-store, must-revalidate");
+        }
+        return response;
+    }
+    catch (error) {
+        return new Response(`Server Error: ${error.message}`, {
+            status: 500,
+        });
+    }
+}

dist/functions/server/cron.d.ts

@@ -0,0 +1 @@
+export default function cron(): Promise<void>;

dist/functions/server/handle-files.d.ts

@@ -0,0 +1,5 @@
+type Params = {
+    req: Request;
+};
+export default function ({ req }: Params): Promise<Response>;
+export {};

dist/functions/server/handle-files.js

@@ -3,7 +3,7 @@ import path from "path";
 import isDevelopment from "../../utils/is-development";
 import { existsSync } from "fs";
 const { PUBLIC_DIR } = grabDirNames();
-export default async function ({ req, server }) {
+export default async function ({ req }) {
     try {
         const is_dev = isDevelopment();
         const url = new URL(req.url);

dist/functions/server/handle-hmr-update.d.ts

@@ -0,0 +1,5 @@
+type Params = {
+    req: Request;
+};
+export default function ({ req }: Params): Promise<Response>;
+export {};

dist/functions/server/handle-hmr-update.js

@@ -4,8 +4,8 @@ import path from "path";
 import grabRootFile from "./web-pages/grab-root-file";
 import grabPageBundledReactComponent from "./web-pages/grab-page-bundled-react-component";
 import writeHMRTsxModule from "./web-pages/write-hmr-tsx-module";
-const { PUBLIC_DIR, BUNX_HYDRATION_SRC_DIR } = grabDirNames();
-export default async function ({ req, server }) {
+const { BUNX_HYDRATION_SRC_DIR } = grabDirNames();
+export default async function ({ req }) {
     try {
         const url = new URL(req.url);
         const target_href = url.searchParams.get("href");

dist/functions/server/handle-hmr.d.ts

@@ -0,0 +1,5 @@
+type Params = {
+    req: Request;
+};
+export default function ({ req }: Params): Promise<Response>;
+export {};

dist/functions/server/handle-hmr.js

@@ -1,7 +1,7 @@
 import grabRouteParams from "../../utils/grab-route-params";
 import grabConstants from "../../utils/grab-constants";
 import grabRouter from "../../utils/grab-router";
-export default async function ({ req, server }) {
+export default async function ({ req }) {
     const referer_url = new URL(req.headers.get("referer") || "");
     const match = global.ROUTER.match(referer_url.pathname);
     const target_map = match?.filePath

dist/functions/server/handle-public.d.ts

@@ -0,0 +1,5 @@
+type Params = {
+    req: Request;
+};
+export default function ({ req }: Params): Promise<Response>;
+export {};

dist/functions/server/handle-public.js

@@ -2,8 +2,8 @@ import grabDirNames from "../../utils/grab-dir-names";
 import path from "path";
 import isDevelopment from "../../utils/is-development";
 import { existsSync } from "fs";
-const { PUBLIC_DIR, BUNX_HYDRATION_SRC_DIR } = grabDirNames();
-export default async function ({ req, server }) {
+const { PUBLIC_DIR } = grabDirNames();
+export default async function ({ req }) {
     try {
         const is_dev = isDevelopment();
         const url = new URL(req.url);

dist/functions/server/handle-routes.d.ts

@@ -0,0 +1,5 @@
+type Params = {
+    req: Request;
+};
+export default function ({ req }: Params): Promise<Response>;
+export {};

dist/functions/server/handle-routes.js

@@ -1,8 +1,10 @@
 import grabRouteParams from "../../utils/grab-route-params";
 import grabConstants from "../../utils/grab-constants";
 import grabRouter from "../../utils/grab-router";
-export default async function ({ req, server }) {
+import isDevelopment from "../../utils/is-development";
+export default async function ({ req }) {
     const url = new URL(req.url);
+    const is_dev = isDevelopment();
     const { MBInBytes, ServerDefaultRequestBodyLimitBytes } = grabConstants();
     const router = grabRouter();
     const match = router.match(url.pathname);
@@ -19,7 +21,9 @@ export default async function ({ req, server }) {
         });
     }
     const routeParams = await grabRouteParams({ req });
-    const module = await import(match.filePath);
+    const now = Date.now();
+    const import_path = is_dev ? `${match.filePath}?t=${now}` : match.filePath;
+    const module = await import(import_path);
     const config = module.config;
     const contentLength = req.headers.get("content-length");
     if (contentLength) {
@@ -40,7 +44,9 @@ export default async function ({ req, server }) {
     }
     const res = await module["default"]({
         ...routeParams,
-        server,
     });
+    if (is_dev) {
+        res.headers.set("Cache-Control", "no-cache, no-store, must-revalidate");
+    }
     return res;
 }

dist/functions/server/rebuild-bundler.d.ts

@@ -0,0 +1 @@
+export default function rebuildBundler(): Promise<void>;

dist/functions/server/server-params-gen.d.ts

@@ -0,0 +1,6 @@
+import type { ServeOptions } from "bun";
+type Params = {
+    dev?: boolean;
+};
+export default function (params?: Params): Promise<ServeOptions>;
+export {};

dist/functions/server/server-params-gen.js

@@ -1,66 +1,15 @@
 import grabAppPort from "../../utils/grab-app-port";
-import handleWebPages from "./web-pages/handle-web-pages";
-import handleRoutes from "./handle-routes";
 import isDevelopment from "../../utils/is-development";
-import grabConstants from "../../utils/grab-constants";
-import { AppData } from "../../data/app-data";
-import handleHmr from "./handle-hmr";
-import handleHmrUpdate from "./handle-hmr-update";
-import handlePublic from "./handle-public";
-import handleFiles from "./handle-files";
+import bunextRequestHandler from "./bunext-req-handler";
 export default async function (params) {
     const port = grabAppPort();
     const is_dev = isDevelopment();
     return {
         async fetch(req, server) {
-            try {
-                const url = new URL(req.url);
-                const { config } = grabConstants();
-                let response = undefined;
-                if (config?.middleware) {
-                    const middleware_res = await config.middleware({
-                        req,
-                        url,
-                        server,
-                    });
-                    if (typeof middleware_res == "object") {
-                        return middleware_res;
-                    }
-                }
-                if (url.pathname == `/${AppData["ClientHMRPath"]}`) {
-                    response = await handleHmrUpdate({ req, server });
-                }
-                else if (url.pathname === "/__hmr" && is_dev) {
-                    response = await handleHmr({ req, server });
-                }
-                else if (url.pathname.startsWith("/api/")) {
-                    response = await handleRoutes({ req, server });
-                }
-                else if (url.pathname.startsWith("/public/")) {
-                    response = await handlePublic({ req, server });
-                }
-                else if (url.pathname.match(/\..*$/)) {
-                    response = await handleFiles({ req, server });
-                }
-                else {
-                    response = await handleWebPages({ req });
-                }
-                if (!response) {
-                    throw new Error(`No Response generated`);
-                }
-                if (is_dev) {
-                    response.headers.set("Cache-Control", "no-cache, no-store, must-revalidate");
-                }
-                return response;
-            }
-            catch (error) {
-                return new Response(`Server Error: ${error.message}`, {
-                    status: 500,
-                });
-            }
+            return await bunextRequestHandler({ req });
         },
         port,
-        idleTimeout: 0,
+        // idleTimeout: 0,
         development: {
             hmr: true,
         },

dist/functions/server/server-post-build-fn.d.ts

@@ -0,0 +1,6 @@
+import type { BundlerCTXMap } from "../../types";
+type Params = {
+    artifacts: BundlerCTXMap[];
+};
+export default function serverPostBuildFn({ artifacts }: Params): Promise<void>;
+export {};

dist/functions/server/start-server.d.ts

@@ -0,0 +1,5 @@
+type Params = {
+    dev?: boolean;
+};
+export default function startServer(params?: Params): Promise<import("bun").Server>;
+export {};

dist/functions/server/start-server.js

@@ -43,5 +43,11 @@ export default async function startServer(params) {
     const server = Bun.serve(serverParams);
     global.SERVER = server;
     log.server(`http://localhost:${server.port}`);
+    /**
+     * First Rebuild to Avoid errors
+     */
+    if (params?.dev && global.BUNDLER_CTX) {
+        await global.BUNDLER_CTX.rebuild();
+    }
     return server;
 }

dist/functions/server/watcher.d.ts

@@ -0,0 +1 @@
+export default function watcher(): void;

dist/functions/server/watcher.js

@@ -11,8 +11,16 @@ export default function watcher() {
     }, async (event, filename) => {
         if (!filename)
             return;
-        if (event !== "rename")
+        if (event !== "rename") {
+            if (filename.match(/\.(tsx?|jsx?|css)$/) &&
+                global.BUNDLER_CTX) {
+                if (global.RECOMPILING)
+                    return;
+                global.RECOMPILING = true;
+                await global.BUNDLER_CTX.rebuild();
+            }
             return;
+        }
         if (!filename.match(/^pages\//))
             return;
         if (filename.match(/\/(--|\()/))

dist/functions/server/web-pages/generate-web-html.d.ts

@@ -0,0 +1,2 @@
+import type { LivePageDistGenParams } from "../../../types";
+export default function genWebHTML({ component, pageProps, bundledMap, head: Head, module, meta, routeParams, debug, }: LivePageDistGenParams): Promise<string>;

dist/functions/server/web-pages/generate-web-page-response-from-component-return.d.ts

@@ -0,0 +1,2 @@
+import type { GrabPageComponentRes } from "../../../types";
+export default function generateWebPageResponseFromComponentReturn({ component, module, bundledMap, head, meta, routeParams, serverRes, debug, }: GrabPageComponentRes): Promise<Response>;

dist/functions/server/web-pages/grab-file-path-module.d.ts

@@ -0,0 +1,6 @@
+type Params = {
+    file_path: string;
+    out_file?: string;
+};
+export default function grabFilePathModule<T extends any = any>({ file_path, out_file, }: Params): Promise<T>;
+export {};

dist/functions/server/web-pages/grab-page-bundled-react-component.d.ts

@@ -0,0 +1,8 @@
+import type { GrabPageReactBundledComponentRes } from "../../../types";
+type Params = {
+    file_path: string;
+    root_file?: string;
+    server_res?: any;
+};
+export default function grabPageBundledReactComponent({ file_path, root_file, server_res, }: Params): Promise<GrabPageReactBundledComponentRes | undefined>;
+export {};

dist/functions/server/web-pages/grab-page-bundled-react-component.js

@@ -4,13 +4,13 @@ import grabTsxStringModule from "./grab-tsx-string-module";
 export default async function grabPageBundledReactComponent({ file_path, root_file, server_res, }) {
     try {
         let tsx = ``;
-        const server_res_json = EJSON.stringify(server_res || {})?.replace(/"/g, '\\"');
+        const server_res_json = JSON.stringify(EJSON.stringify(server_res || {}) ?? "{}");
         if (root_file) {
             tsx += `import Root from "${root_file}"\n`;
         }
         tsx += `import Page from "${file_path}"\n`;
         tsx += `export default function Main() {\n\n`;
-        tsx += `const props = JSON.parse("${server_res_json}")\n\n`;
+        tsx += `const props = JSON.parse(${server_res_json})\n\n`;
         tsx += `    return (\n`;
         if (root_file) {
             tsx += `        <Root suppressHydrationWarning={true} {...props}><Page {...props} /></Root>\n`;

dist/functions/server/web-pages/grab-page-component.d.ts

@@ -0,0 +1,8 @@
+import type { GrabPageComponentRes } from "../../../types";
+type Params = {
+    req?: Request;
+    file_path?: string;
+    debug?: boolean;
+};
+export default function grabPageComponent({ req, file_path: passed_file_path, debug, }: Params): Promise<GrabPageComponentRes>;
+export {};

dist/functions/server/web-pages/grab-page-component.js

@@ -9,6 +9,7 @@ class NotFoundError extends Error {
 export default async function grabPageComponent({ req, file_path: passed_file_path, debug, }) {
     const url = req?.url ? new URL(req.url) : undefined;
     const router = global.ROUTER;
+    const now = Date.now();
     let routeParams = undefined;
     try {
         routeParams = req ? await grabRouteParams({ req }) : undefined;
@@ -42,7 +43,7 @@ export default async function grabPageComponent({ req, file_path: passed_file_pa
             log.info(`bundledMap:`, bundledMap);
         }
         const { root_file } = grabRootFile();
-        const module = await import(file_path);
+        const module = await import(`${file_path}?t=${now}`);
         if (debug) {
             log.info(`module:`, module);
         }
@@ -68,7 +69,10 @@ export default async function grabPageComponent({ req, file_path: passed_file_pa
             };
             try {
                 if (routeParams) {
-                    const serverData = await module["server"]?.(routeParams);
+                    const serverData = await module["server"]?.({
+                        ...routeParams,
+                        query: { ...routeParams.query, ...match?.query },
+                    });
                     return {
                         ...serverData,
                         ...default_props,

dist/functions/server/web-pages/grab-page-error-component.d.ts

@@ -0,0 +1,8 @@
+import type { BunxRouteParams, GrabPageComponentRes } from "../../../types";
+type Params = {
+    error?: any;
+    routeParams?: BunxRouteParams;
+    is404?: boolean;
+};
+export default function grabPageErrorComponent({ error, routeParams, is404, }: Params): Promise<GrabPageComponentRes>;
+export {};

dist/functions/server/web-pages/grab-root-file.d.ts

@@ -0,0 +1,3 @@
+export default function grabRootFile(): {
+    root_file: string | undefined;
+};

dist/functions/server/web-pages/grab-tsx-string-module.d.ts

@@ -0,0 +1,6 @@
+type Params = {
+    tsx: string;
+    file_path: string;
+};
+export default function grabTsxStringModule<T extends any = any>({ tsx, file_path, }: Params): Promise<T>;
+export {};

dist/functions/server/web-pages/grab-web-meta-html.d.ts

@@ -0,0 +1,6 @@
+import type { BunextPageModuleMeta } from "../../../types";
+type Params = {
+    meta: BunextPageModuleMeta;
+};
+export default function grabWebMetaHTML({ meta }: Params): string;
+export {};

dist/functions/server/web-pages/grab-web-page-hydration-script.d.ts

@@ -0,0 +1,6 @@
+import type { BundlerCTXMap } from "../../../types";
+type Params = {
+    bundledMap?: BundlerCTXMap;
+};
+export default function ({ bundledMap }: Params): Promise<string>;
+export {};

dist/functions/server/web-pages/grab-web-page-hydration-script.js

@@ -3,8 +3,9 @@ export default async function ({ bundledMap }) {
     let script = "";
     script += `console.log(\`Development Environment\`);\n\n`;
     script += `const hmr = new EventSource("/__hmr");\n`;
+    script += `window.addEventListener("beforeunload", () => hmr.close());\n`;
     script += `hmr.addEventListener("update", async (event) => {\n`;
-    script += `    if (event.data) {\n`;
+    script += `    if (event?.data) {\n`;
     script += `        console.log(\`HMR Changes Detected. Updating ...\`);\n`;
     script += `        try {\n`;
     script += `            const data = JSON.parse(event.data);\n`;

dist/functions/server/web-pages/handle-web-pages.d.ts

@@ -0,0 +1,5 @@
+type Params = {
+    req: Request;
+};
+export default function handleWebPages({ req, }: Params): Promise<Response>;
+export {};

dist/functions/server/web-pages/tailwind-esbuild-plugin.d.ts

@@ -0,0 +1,3 @@
+import * as esbuild from "esbuild";
+declare const tailwindEsbuildPlugin: esbuild.Plugin;
+export default tailwindEsbuildPlugin;

dist/functions/server/web-pages/write-hmr-tsx-module.d.ts

@@ -0,0 +1,7 @@
+import type { BundlerCTXMap } from "../../../types";
+type Params = {
+    tsx: string;
+    out_file: string;
+};
+export default function writeHMRTsxModule({ tsx, out_file }: Params): Promise<Pick<BundlerCTXMap, "css_path" | "path" | "hash" | "type"> | undefined>;
+export {};