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

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>
+  );
+}