[feat] Add getTopic functionality

config.ts

@@ -1 +1,3 @@
 export const NOTION_KEY = process.env.NOTION_KEY;
+export const NOTION_USER_ID = process.env.NOTION_USER_ID;
+export const NOTION_USER_TOKEN = process.env.NOTION_USER_TOKEN;

lib/notion.ts

@@ -1,9 +1,14 @@
-import { NOTION_KEY } from "../config";
+import { NotionAPI } from "notion-client";
+import { NOTION_KEY, NOTION_USER_ID, NOTION_USER_TOKEN } from "../config";
 import { DatabaseType } from "../types";
 
 const { Client } = require("@notionhq/client");
 
 export const notion = new Client({ auth: NOTION_KEY });
+export const renderClient = new NotionAPI({
+  authToken: NOTION_USER_TOKEN,
+  activeUser: NOTION_USER_ID,
+});
 
 /**
  * Translates incoming GET parameters into a valid block ID.

package.json

@@ -16,6 +16,8 @@
     "eslint": "8.29.0",
     "eslint-config-next": "13.0.6",
     "next": "13.0.6",
+    "nextjs-cors": "^2.1.2",
+    "notion-client": "^6.15.6",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "typescript": "4.9.3"

pages/api/getTopic.ts

@@ -0,0 +1,26 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from "next";
+import NextCors from "nextjs-cors";
+import { getDatabaseId, notion, renderClient } from "../../lib/notion";
+import { DatabaseType, Error, Topic } from "../../types";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse<any>
+) {
+  await NextCors(req, res, {
+    methods: ["GET", "HEAD", "PUT", "PATCH", "POST", "DELETE"],
+    origin: "*",
+    optionsSuccessStatus: 200,
+  });
+
+  const {
+    query: { id },
+  } = req;
+  if (!id) {
+    res.status(404).json({ status: "ID not supplied." });
+  } else {
+    const recordMap = await renderClient.getPage(id as string);
+    res.status(200).json(recordMap);
+  }
+}

pages/api/getTopicList.ts

@@ -1,5 +1,6 @@
 // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
 import type { NextApiRequest, NextApiResponse } from "next";
+import NextCors from "nextjs-cors";
 import { getDatabaseId, notion } from "../../lib/notion";
 import { DatabaseType, Error, Topic } from "../../types";
 
@@ -14,6 +15,12 @@ export default async function handler(
   req: NextApiRequest,
   res: NextApiResponse<Topic[] | Error>
 ) {
+  await NextCors(req, res, {
+    methods: ["GET", "HEAD", "PUT", "PATCH", "POST", "DELETE"],
+    origin: "*",
+    optionsSuccessStatus: 200,
+  });
+
   const {
     query: { type },
   } = req;