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