Initial Commit

* Implements Basic Routing and API
* Implements Package.json file select and json parse
* Displays Project Name, Version & Desc from the package.json
* Fetch all package details using npm registry API and map it based on package name

1 files changed, 39 insertions, 0 deletions

diff --git a/routes/analyze.tsx b/routes/analyze.tsx
new file mode 100644
index 0000000..0889986
--- /dev/null
+++ b/routes/analyze.tsx
@@ -0,0 +1,39 @@
+import { Handlers, PageProps } from "$fresh/server.ts";

+import ListPackageDetails from "../islands/ListPackageDetails.tsx";

+import { handler as fetchPackages  } from "./api/npm.ts";

+

+export const handler: Handlers<any> = {

+  async POST(req, ctx) {

+    const form = await req.formData();

+    const fileData = form.get("packagefile") as File;

+    const packagejson = await parsePackageJson(fileData);

+    const packages = {...packagejson.dependencies, ...packagejson.devDependencies};

+    const {name, version, description} = packagejson

+    return ctx.render({packages, name, version, description});

+  },

+};

+

+const parsePackageJson = (fileData: File) => {

+  return new Promise<any>((resolve, reject) => {

+    const reader = new FileReader();

+    reader.readAsText(fileData);

+    reader.addEventListener("load", (event: any) => {

+      resolve(JSON.parse(reader.result as string));

+    });

+  });

+};

+

+export default function Analyze({ data }: PageProps<any>) {

+    const {packages, name, version, description} = data;

+  return (

+    <div>

+      Analyzer

+      <ListPackageDetails 

+        packages={packages} 

+        projectname={name} 

+        projectversion={version}

+        projectdesc={description}

+      ></ListPackageDetails>

+    </div>

+  );

+}