Update bundler. Handle non-existent file error.

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

@@ -30,13 +30,13 @@ export default async function grabPageComponent({ req, file_path: passed_file_pa
         }
         if (!file_path) {
             const errMsg = `No File Path (\`file_path\`) or Request Object (\`req\`) provided not found`;
-            // console.error(errMsg);
+            // log.error(errMsg);
             throw new Error(errMsg);
         }
         const bundledMap = global.BUNDLER_CTX_MAP?.find((m) => m.local_path == file_path);
         if (!bundledMap?.path) {
             const errMsg = `No Bundled File Path for this request path!`;
-            console.error(errMsg);
+            log.error(errMsg);
             throw new Error(errMsg);
         }
         if (debug) {
@@ -127,7 +127,7 @@ export default async function grabPageComponent({ req, file_path: passed_file_pa
         };
     }
     catch (error) {
-        console.error(`Error Grabbing Page Component: ${error.message}`);
+        log.error(`Error Grabbing Page Component: ${error.message}`);
         return await grabPageErrorComponent({
             error,
             routeParams,

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

@@ -27,13 +27,16 @@ export default async function (params) {
     script += `        try {\n`;
     script += `            document.getElementById("__bunext_error_overlay")?.remove();\n`;
     script += `            const data = JSON.parse(event.data);\n`;
+    // script += `            console.log("data", data);\n`;
+    script += `            const oldCSSLink = document.querySelector('link[rel="stylesheet"]');\n`;
     script += `            if (data.target_map.css_path) {\n`;
-    script += `                const oldLink = document.querySelector('link[rel="stylesheet"]');\n`;
     script += `                const newLink = document.createElement("link");\n`;
     script += `                newLink.rel = "stylesheet";\n`;
     script += `                newLink.href = \`/\${data.target_map.css_path}?t=\${Date.now()}\`;\n`;
-    script += `                newLink.onload = () => oldLink?.remove();\n`;
+    script += `                newLink.onload = () => oldCSSLink?.remove();\n`;
     script += `                document.head.appendChild(newLink);\n`;
+    script += `            } else if (oldCSSLink) {\n`;
+    script += `                oldCSSLink.remove();\n`;
     script += `            }\n`;
     script += `            const newScriptPath = \`/\${data.target_map.path}?t=\${Date.now()}\`;\n\n`;
     script += `            const oldScript = document.getElementById("${AppData["BunextClientHydrationScriptID"]}");\n`;

dist/functions/server/web-pages/handle-web-pages.js

@@ -1,4 +1,5 @@
 import isDevelopment from "../../../utils/is-development";
+import { log } from "../../../utils/log";
 import getCache from "../../cache/get-cache";
 import generateWebPageResponseFromComponentReturn from "./generate-web-page-response-from-component-return";
 import grabPageComponent from "./grab-page-component";
@@ -27,7 +28,7 @@ export default async function handleWebPages({ req, }) {
         });
     }
     catch (error) {
-        console.error(`Error Handling Web Page: ${error.message}`);
+        log.error(`Error Handling Web Page: ${error.message}`);
         const componentRes = await grabPageErrorComponent({
             error,
         });

dist/functions/server/web-pages/tailwind-esbuild-plugin.js

@@ -2,17 +2,46 @@ import * as esbuild from "esbuild";
 import postcss from "postcss";
 import tailwindcss from "@tailwindcss/postcss";
 import { readFile } from "fs/promises";
+import path from "path";
+import { existsSync } from "fs";
+import grabDirNames from "../../../utils/grab-dir-names";
+import { log } from "../../../utils/log";
+const { ROOT_DIR } = grabDirNames();
+let error_logged = false;
 const tailwindEsbuildPlugin = {
     name: "tailwindcss",
     setup(build) {
         build.onLoad({ filter: /\.css$/ }, async (args) => {
-            const source = await readFile(args.path, "utf-8");
-            const result = await postcss([tailwindcss()]).process(source, {
-                from: args.path,
-            });
+            try {
+                const source = await readFile(args.path, "utf-8");
+                const result = await postcss([tailwindcss()]).process(source, {
+                    from: args.path,
+                });
+                error_logged = false;
+                return { contents: result.css, loader: "css" };
+            }
+            catch (error) {
+                return { errors: [{ text: error.message }] };
+            }
+        });
+        build.onResolve({ filter: /\.css$/ }, async (args) => {
+            const css_path = path.resolve(args.resolveDir, args.path.replace(/\@\//g, ROOT_DIR + "/"));
+            const does_path_exist = existsSync(css_path);
+            if (!does_path_exist && !error_logged) {
+                const err_msg = `CSS Error: ${css_path} file does not exist.`;
+                log.error(err_msg);
+                error_logged = true;
+                // return {
+                //     errors: [
+                //         {
+                //             text: err_msg,
+                //         },
+                //     ],
+                //     pluginName: "tailwindcss",
+                // };
+            }
             return {
-                contents: result.css,
-                loader: "css",
+                path: css_path,
             };
         });
     },