support api for local development

Author: rawkakani

.DS_Store

@@ -41,11 +41,11 @@ const AppHeader = ({ name = "oomph", icon = "/favicon.png" }) => {
     </head>
   );
 };
-export default async ({ name, icon }) => {
+export default async ({ req, attributes }) => {
   let manifest = { name: "oomph", icon: "/favicon.png" };
   const manifest_path = `${window._cwd}/src/public/manifest.json`;
-  console.log(manifest_path, "manifest path");
-  console.log(await exists(manifest_path), "manifest exists");
+  // console.log(manifest_path, "manifest path");
+  // console.log(await exists(manifest_path), "manifest exists");
 
   try {
     if (await exists(manifest_path)) {

src/.DS_Store

@@ -77,11 +77,13 @@ const api_middleware = async (request) => {
       oomph.logger.info({ ...data });
     }
 
-    let api_path = `${app_path}/${apiPath}${request.method.toLowerCase()}.js`;
+    const api_src = `${app_path}/${apiPath}${request.method.toLowerCase()}.js`;
+
+    let api_path = `file:///${api_src}`;
 
     // this is to be able to handle the production enviroment
     if (Deno.env.get("env") === "production") {
-      api_path = `app/${api_path}`;
+      api_path = `app/${api_src}`;
     }
 
     const { default: apiMethod } = await import(api_path);

src/components/app-head.jsx

@@ -31,12 +31,12 @@ const html_middleware = async (req, isProd) => {
     ? await Deno.readTextFile(tempSrc)
     : await exists(paramPage)
     ? await Deno.readTextFile(paramPage)
-    : `<h1>Error In Page</h1>`;
+    : `<app-head/><div class="w-screen h-screen flex items-center justify-center">To get lost is to learn the way </h1>`;
 
   const components = getComponents(src);
 
   if (components && components.length > 0) {
-    src = await compileDoc(src, components, paths, isProd);
+    src = await compileDoc(src, components, paths, isProd, req);
   }
 
   if (!isProd) {

src/middleware/api.js

@@ -1,4 +1,4 @@
-const script_middleware = async (req, isProd) => {
+const script_middleware = async (req) => {
   const app_path = window._app;
   const { pathname: _pathname } = new URL(req.url);
   console.log(_pathname);
@@ -8,7 +8,7 @@ const script_middleware = async (req, isProd) => {
   let res = await import(`file:///${app_path}${_pathname}`);
 
   // this is to support deployment to a linux enviroment
-  if (Deno.build.os !== "windows" && isProd) {
+  if (Deno.env.get("env") === "production") {
     res = await import(`app/${app_path}${_pathname}`);
   }
 

src/middleware/html.js

@@ -14,7 +14,7 @@ const getGlobalElementPath = (element_name) => {
   return `../../../components/${element_name}.jsx`;
 };
 const globalElements = ["app-head"];
-export const compileDoc = async (html, elements, path, isProd) => {
+export const compileDoc = async (html, elements, path, isProd, req) => {
   let new_doc = html;
   let shell_doc;
   const app_source = window._cwd;
@@ -65,7 +65,7 @@ export const compileDoc = async (html, elements, path, isProd) => {
 
     let element_src;
     for (let { path, included } of paths) {
-      console.log(path, await exists(path));
+
       if (await exists(path) || included) {
         if (included) {
           element_src = await import(path);
@@ -90,7 +90,10 @@ export const compileDoc = async (html, elements, path, isProd) => {
         });
       }
 
-      new_doc = new_doc.replace(element, await element_src.default(atrributes));
+      const element_component = await element_src.default({req, atrributes})
+
+      new_doc = new_doc.replace(element,element_component );
+   
     }
   }));