created a route for public collections

lib/api/controllers/public/getCollection.ts

@@ -0,0 +1,43 @@
+// Copyright (C) 2022-present Daniel31x13 <daniel31x13@gmail.com>
+// This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, version 3.
+// This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
+// You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { prisma } from "@/lib/api/db";
+
+export default async function (collectionId: number) {
+  let data;
+
+  const collection = await prisma.collection.findFirst({
+    where: {
+      id: collectionId,
+      isPublic: true,
+    },
+    include: {
+      links: {
+        select: {
+          id: true,
+          name: true,
+          url: true,
+          title: true,
+          collectionId: true,
+          createdAt: true,
+        },
+      },
+    },
+  });
+
+  if (collection) {
+    const user = await prisma.user.findUnique({
+      where: {
+        id: collection.ownerId,
+      },
+    });
+
+    data = { ownerName: user?.name, ...collection };
+
+    return { response: data, status: 200 };
+  } else {
+    return { response: "Collection not found...", status: 400 };
+  }
+}

lib/client/getPublicCollectionData.ts

@@ -0,0 +1,18 @@
+// Copyright (C) 2022-present Daniel31x13 <daniel31x13@gmail.com>
+// This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, version 3.
+// This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
+// You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+const getPublicCollectionData = async (collectionId: string) => {
+  const res = await fetch(
+    "/api/public/routes/collections/?collectionId=" + collectionId
+  );
+
+  const data = await res.json();
+
+  console.log(data);
+
+  return data;
+};
+
+export default getPublicCollectionData;

pages/api/public/routes/collections.ts

@@ -0,0 +1,24 @@
+// Copyright (C) 2022-present Daniel31x13 <daniel31x13@gmail.com>
+// This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, version 3.
+// This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
+// You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import getCollection from "@/lib/api/controllers/public/getCollection";
+import type { NextApiRequest, NextApiResponse } from "next";
+
+export default async function (req: NextApiRequest, res: NextApiResponse) {
+  const collectionId = Number(req.query.collectionId);
+
+  if (!collectionId) {
+    return res
+      .status(401)
+      .json({ response: "Please choose a valid collection." });
+  }
+
+  if (req.method === "GET") {
+    const collection = await getCollection(collectionId);
+    return res
+      .status(collection.status)
+      .json({ response: collection.response });
+  }
+}

pages/public/collections/[id].tsx

@@ -1,5 +1,29 @@
-import React from "react";
+import getPublicCollectionData from "@/lib/client/getPublicCollectionData";
+import { PublicCollectionIncludingLinks } from "@/types/global";
+import { useRouter } from "next/router";
+import React, { useEffect, useState } from "react";
 
 export default function PublicCollections() {
-  return <div>Hello</div>;
+  const router = useRouter();
+
+  const [data, setData] = useState<PublicCollectionIncludingLinks>();
+
+  useEffect(() => {
+    const init = async () => {
+      if (router.query.id) {
+        const data = await getPublicCollectionData(router.query.id as string);
+
+        setData(data);
+      }
+    };
+
+    init();
+  }, []);
+
+  return (
+    <div>
+      <p>Hello</p>
+      {JSON.stringify(data)}
+    </div>
+  );
 }

store/account.ts

@@ -29,8 +29,6 @@ const useAccountStore = create<AccountStore>()((set) => ({
 
     const profilePic = await determineProfilePicSource(data);
 
-    console.log({ ...data.response, profilePic });
-
     if (response.ok) set({ account: { ...data.response, profilePic } });
   },
   updateAccount: async (user) => {

store/collections.ts

@@ -25,8 +25,6 @@ const useCollectionStore = create<CollectionStore>()((set) => ({
 
     const data = await response.json();
 
-    console.log(data);
-
     if (response.ok) set({ collections: data.response });
   },
   addCollection: async (body) => {

types/global.ts

@@ -49,3 +49,9 @@ export type SearchSettings = {
     tags: boolean;
   };
 };
+
+export interface PublicCollectionIncludingLinks
+  extends Omit<Collection, "ownerId"> {
+  ownerName?: string;
+  links: Omit<Link, "screenshotPath" | "pdfPath">;
+}