added some error handling (#60)

src/app/[ecosystem]/[...packageName]/error.tsx

@@ -0,0 +1,30 @@
+"use client"; // Error boundaries must be Client Components
+
+import { useEffect } from "react";
+
+export default function Error({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  useEffect(() => {
+    // Log the error to an error reporting service
+    console.error(error);
+  }, [error]);
+
+  return (
+    <div>
+      <h2>Something went wrong!</h2>
+      <button
+        onClick={
+          // Attempt to recover by trying to re-render the segment
+          () => reset()
+        }
+      >
+        Try again
+      </button>
+    </div>
+  );
+}

src/app/[ecosystem]/[...packageName]/page.tsx

@@ -22,6 +22,7 @@ type Props = {
 export default async function PackageScoreComponent({ params }: Props) {
   const { ecosystem, packageName } = await params;
   const name = packageName.join("/");
+
   const [notes, { package: pkg, status, score, source }] = await Promise.all([
     fetchNotes(),
     fetchPackageScore(ecosystem, name),

src/utils/score_res.ts

@@ -106,7 +106,11 @@ export async function fetchPackageScore(
   name: string,
 ): Promise<PackageScore> {
   const url = `${BASE_URL}/score/${ecosystem.toLowerCase()}/${name}`;
+  console.debug(url);
   const res = await fetch(url);
+  if (res.status != 200) {
+    throw new Error("Failed to fetch package score");
+  }
   const data = await res.json();
   return data;
 }