Update bundler. Handle non-existent file error.

src/functions/server/web-pages/grab-page-component.tsx

@@ -58,7 +58,7 @@ export default async function grabPageComponent({
 
         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);
         }
 
@@ -68,7 +68,7 @@ export default async function grabPageComponent({
 
         if (!bundledMap?.path) {
             const errMsg = `No Bundled File Path for this request path!`;
-            console.error(errMsg);
+            log.error(errMsg);
             throw new Error(errMsg);
         }
 
@@ -172,7 +172,7 @@ export default async function grabPageComponent({
             head: Head,
         };
     } catch (error: any) {
-        console.error(`Error Grabbing Page Component: ${error.message}`);
+        log.error(`Error Grabbing Page Component: ${error.message}`);
 
         return await grabPageErrorComponent({
             error,

src/functions/server/web-pages/grab-web-page-hydration-script.tsx

@@ -36,14 +36,18 @@ export default async function (params?: 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`;

src/functions/server/web-pages/handle-web-pages.tsx

@@ -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";
@@ -38,7 +39,7 @@ export default async function handleWebPages({
             ...componentRes,
         });
     } catch (error: any) {
-        console.error(`Error Handling Web Page: ${error.message}`);
+        log.error(`Error Handling Web Page: ${error.message}`);
 
         const componentRes = await grabPageErrorComponent({
             error,

src/functions/server/web-pages/tailwind-esbuild-plugin.tsx

@@ -2,19 +2,59 @@ 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: esbuild.Plugin = {
     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: any) {
+                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,
             };
         });
     },