WIP(backgroup-script): extension now sends book information to notion…

… after open the popup

package.json

@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@notionhq/client": "^2.2.3",
     "blob-util": "^2.0.2",
     "cheerio": "1.0.0-rc.12",
     "vue": "^3.2.45",

src/background.ts

@@ -1 +1,103 @@
-console.log("this is a background script");
+import { Book } from "./types";
+// import { dataURLToBlob } from "blob-util";
+import { Client } from "@notionhq/client";
+
+const { VITE_NOTION_AUTH_TOKEN: token, VITE_NOTION_DB_ID: db } = import.meta
+	.env;
+const notion = new Client({ auth: token });
+
+chrome.runtime.onMessage.addListener((message: { book: Book }) => {
+	if (message) {
+		// const cover = dataURLToBlob(message.book.cover);
+		addBook(message.book);
+	}
+});
+
+async function addBook(book: Book) {
+	try {
+		const response = await notion.pages.create({
+			parent: { database_id: db },
+			properties: {
+				title: {
+					title: [
+						{
+							text: {
+								content: book.title,
+							},
+						},
+					],
+				},
+				Author: {
+					rich_text: [
+						{
+							text: {
+								content: book.author,
+							},
+						},
+					],
+				},
+				Publisher: {
+					rich_text: [
+						{
+							text: {
+								content: book.publisher,
+							},
+						},
+					],
+				},
+				Producer: {
+					rich_text: [
+						{
+							text: {
+								content: book.producer,
+							},
+						},
+					],
+				},
+				Subtitle: {
+					rich_text: [
+						{
+							text: {
+								content: book.subtitle,
+							},
+						},
+					],
+				},
+				PublishDate: {
+					date: {
+						start: book.publishDate,
+					},
+				},
+				PageCount: {
+					number: book.pageCount,
+				},
+				Price: {
+					number: book.price,
+				},
+				ISBN: {
+					number: book.ISBN,
+				},
+				Rating: {
+					number: book.rating,
+				},
+				RatingCount: {
+					number: book.ratingCount,
+				},
+				Cover: {
+					files: [
+						{
+							name: `${book.title}-${book.ISBN}`,
+							external: {
+								url: book.cover,
+							},
+						},
+					],
+				},
+			},
+		});
+		console.log(response);
+		console.log("Success! Entry added.");
+	} catch (error) {
+		console.error(error);
+	}
+}

src/manifest.config.ts

@@ -10,6 +10,7 @@ const [major, minor, patch, label = "0"] = version
 	.split(/[.-]/);
 
 export default defineManifest(async (env) => ({
+	host_permissions: ["https://api.notion.com/v1/*"],
 	content_scripts: [
 		{
 			matches: ["https://book.douban.com/**"],