update npm to esm

Author: rawkakani

oomph.tar.gz

@@ -1,9 +1,8 @@
 import { serveFile } from "https://deno.land/std/http/file_server.ts";
 
 Deno.serve({ port: 8002 }, (req) => {
-    const { pathname } = new URL(req.url);
+  const { pathname } = new URL(req.url);
 
-    console.log(`./${pathname}`)
-    return serveFile(req, `./${pathname}`)
-  
-  });
+  console.log(`./${pathname}`);
+  return serveFile(req, `./${pathname}`);
+});

registry.js

@@ -18,48 +18,65 @@ const AppHeader = ({ name = "oomph", icon = "/favicon.png" }) => {
       <link rel="stylesheet" href="/output.css" />
       <link rel="manifest" href="/manifest.json" />
       <meta property="og:title" content="Sauveur Dev" />
-    <meta
+      <meta
         property="og:description"
         content="For the people who shape culture, Glimpse into the future of trade."
-    />
-    <meta property="og:image" content="/background.jpg" />
-    <meta property="og:url" content="https://sauveur.dev" />
+      />
+      <meta property="og:image" content="/background.jpg" />
+      <meta property="og:url" content="https://sauveur.dev" />
 
-    <meta name="twitter:title" content="Sauveur Dev" />
-    <meta
+      <meta name="twitter:title" content="Sauveur Dev" />
+      <meta
         name="twitter:description"
         content="For the people who shape culture, Glimpse into the future of trade."
-    />
-    <meta name="twitter:image" content="/background.jpg" />
-    <meta name="twitter:card" content="summary_large_image" />
-    <meta
+      />
+      <meta name="twitter:image" content="/background.jpg" />
+      <meta name="twitter:card" content="summary_large_image" />
+      <meta
         name="description"
         content="For the people who shape culture, Glimpse into the future of trade."
-    />
+      />
 
       {/*https://developer.mozilla.org/en-US/docs/Web/Manifest*/}
     </head>
   );
 };
 export default async ({ name, icon }) => {
   let manifest = { name: "oomph", icon: "/favicon.png" };
-  // const manifest_path = `file:///${window._cwd}/src/public/manifest.json`;
- 
+  const manifest_path = `${window._cwd}/src/public/manifest.json`;
+
+  // file:///$
+  try {
+    console.log(await exists(manifest_path), "manifest exists");
+    const { default: _manifest } = await import(
+      manifest_path,
+      {
+        assert: {
+          type: "json",
+        },
+      }
+    );
+
+    console.log(_manifest, "manifest file");
+  } catch (err) {
+    console.log(err);
+  }
+
   // if (exists(manifest_path)) {
   //   console.log(manifest_path, "it exists")
-  //   const { default: _manifest } = await import(
-  //     manifest_path,
-  //     {
-  //       assert: {
-  //         type: "json",
-  //       },
-  //     }
-  //     );
+  // const { default: _manifest } = await import(
+  //   manifest_path,
+  //   {
+  //     assert: {
+  //       type: "json",
+  //     },
+  //   }
+  //   );
   //   manifest.name = _manifest.name;
   //   manifest.icon = _manifest.icons[0].src;
   // }
 
   return renderToString(
     <AppHeader name={manifest.name} icon={manifest.icon} />,
-    );
+  );
 };

src/components/app-head.jsx

@@ -4,8 +4,8 @@ import postcss from "npm:postcss";
 import autoprefixer from "npm:autoprefixer";
 import tailwindcss from "npm:tailwindcss";
 // https://lightningcss.dev/docs.html
-import { transform } from "npm:lightningcss";
-//import init, { transform } from 'https://esm.run/lightningcss-wasm';
+// import { transform } from "npm:lightningcss";
+import init, { transform } from 'https://esm.run/lightningcss-wasm';
 
 const asset_middlware = async (request, type) => {
   const _cwd = window._cwd;
@@ -44,7 +44,7 @@ const asset_middlware = async (request, type) => {
     }
   } catch (err) {
     err.log();
-//    throw new Error("File Does Not Exist");
+    //    throw new Error("File Does Not Exist");
     return new Response("Internal Server Error", {
       status: 500,
     });

src/middleware/asset.js

@@ -41,11 +41,11 @@ const html_middleware = async (req, isProd) => {
 
 const getManifest = async (isProd) => {
   const app_path = window._app;
-  let manifest_path = `file:///${app_path}/src/public/manifest.json`
+  let manifest_path = `file:///${app_path}/src/public/manifest.json`;
 
   if (!Deno.build.os === "windows" && isProd) {
     manifest_path = `app/${app_path}/src/public/manifest.json`;
-  } else if (!Deno.build.os === "windows" && !isProd){
+  } else if (!Deno.build.os === "windows" && !isProd) {
     manifest_path = await import(`${app_path}/src/public/manifest.json`);
   }
 
@@ -57,9 +57,9 @@ const getManifest = async (isProd) => {
           type: "json",
         },
       }
-      );
+    );
   }
-}
+};
 
 const set_error = () => {
   isError = true;

src/middleware/html.js

@@ -12,7 +12,6 @@ const script_middleware = async (req, isProd) => {
     res = await import(`app/${app_path}${_pathname}`);
   }
 
-  
   if (res.onServer) {
     onServerResult = await res.onServer(_pathname, req);
   }

src/middleware/script.js

@@ -10,7 +10,6 @@ const getComponentsAtributes = (component) => {
   return component.match(atribute_regex);
 };
 
-
 const getGlobalElementPath = (element_name) => {
   return `../../../components/${element_name}.jsx`;
 };
@@ -47,7 +46,7 @@ export const compileDoc = async (html, elements, path, isProd) => {
   await Promise.all(elements.map(async (element) => {
     const element_name_regex = /<([a-z]+-[a-z]+)(\s+[^>]+)?\/>/;
     const element_name_match = element.match(element_name_regex);
-  
+
     const element_name = element_name_match ? element_name_match[1] : undefined;
 
     const paths = [
@@ -64,17 +63,16 @@ export const compileDoc = async (html, elements, path, isProd) => {
       }, //global
     ];
 
-  
     let element_src;
     for (let { path, included } of paths) {
-      console.log(path,await exists(path) )
+      console.log(path, await exists(path));
       if (await exists(path) || included) {
-        if(included){
+        if (included) {
           element_src = await import(path);
-        }else{
-          element_src = await import(`${isProd ? "app/": "file:///"}${path}`);
+        } else {
+          element_src = await import(`${isProd ? "app/" : "file:///"}${path}`);
         }
-  
+
         break;
       }
     }
@@ -92,7 +90,6 @@ export const compileDoc = async (html, elements, path, isProd) => {
         });
       }
 
-  
       new_doc = new_doc.replace(element, await element_src.default(atrributes));
     }
   }));