rename runtime messages

Author: L-a-r-t

src/contents/auth.ts

@@ -12,7 +12,7 @@ export const auth = async () => {
   const code = new URLSearchParams(window.location.search).get("code")
   if (!code) return
   await chrome.runtime.sendMessage({
-    type: "generateToken",
+    type: "chatgpt-to-notion_generateToken",
     body: { code }
   })
 }

src/contents/autoSave.ts

@@ -100,7 +100,7 @@ const callback = async (mutations: MutationRecord[]) => {
         const generateHeadings = true
 
         const { conflictingPageId } = await chrome.runtime.sendMessage({
-          type: "checkSaveConflict",
+          type: "chatgpt-to-notion_checkSaveConflict",
           body: {
             title,
             database
@@ -114,7 +114,7 @@ const callback = async (mutations: MutationRecord[]) => {
           conflictingPageId
         }
         const res = await chrome.runtime.sendMessage({
-          type: "autoSave",
+          type: "chatgpt-to-notion_autoSave",
           body: parsedReq
         })
         saving = false

src/contents/fetchFullPage.ts

@@ -5,28 +5,29 @@ export const config: PlasmoContentScript = {
 }
 
 chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
-  if (message.type === "fetchFullChat") {
-    const matches = document.querySelectorAll(".group.w-full")
-    const chat = Array.from(matches)
+  if (message.type === "fetchFullChat") sendResponse(fetchFullChat())
+})
 
-    const rawPrompts = chat.filter((el, index) => index % 2 === 0)
-    const rawAnswers = chat.filter((el, index) => index % 2 === 1)
+const fetchFullChat = () => {
+  const matches = document.querySelectorAll(".group.w-full")
+  const chat = Array.from(matches)
 
-    const prompts = rawPrompts.map(
-      (el) => el.querySelector(".whitespace-pre-wrap")?.textContent
-    )
-    const answers = rawAnswers.map(
-      (el) =>
-        (
-          el.querySelector(".markdown") ??
-          el.querySelector(".dark.text-orange-500")
-        )?.innerHTML
-    )
+  const rawPrompts = chat.filter((el, index) => index % 2 === 0)
+  const rawAnswers = chat.filter((el, index) => index % 2 === 1)
 
-    const url = window.location.href
-    const title = document.title
+  const prompts = rawPrompts.map(
+    (el) => el.querySelector(".whitespace-pre-wrap")?.textContent
+  )
+  const answers = rawAnswers.map(
+    (el) =>
+      (
+        el.querySelector(".markdown") ??
+        el.querySelector(".dark.text-orange-500")
+      )?.innerHTML
+  )
 
-    const res = { prompts, answers, url, title }
-    sendResponse(res)
-  }
-})
+  const url = window.location.href
+  const title = document.title
+
+  return { prompts, answers, url, title }
+}

src/contents/popup.tsx

@@ -14,6 +14,10 @@ export const config: PlasmoContentScript = {
   matches: ["https://chat.openai.com/*"]
 }
 
+chrome.runtime.onMessage.addListener((message) => {
+  if (message.type === "chatgpt-to-notion_alert") alert(message.body)
+})
+
 export const getStyle: PlasmoGetStyle = () => {
   const style = document.createElement("style")
   style.textContent = styleText

src/popup/DatabaseSettings.tsx

@@ -41,7 +41,7 @@ function DatabaseSettingsPopup() {
   const refreshDatabase = async () => {
     setRefreshing(true)
     const db: DatabaseObjectResponse = await chrome.runtime.sendMessage({
-      type: "getDB",
+      type: "chatgpt-to-notion_getDB",
       body: {
         id: databases[selectedDB].id
       }

src/popup/SavePopup.tsx

@@ -75,7 +75,7 @@ export default function SavePopup() {
 
       const database = db!
       const checkRes = await chrome.runtime.sendMessage({
-        type: "checkSaveConflict",
+        type: "chatgpt-to-notion_checkSaveConflict",
         body: {
           title,
           database
@@ -116,7 +116,7 @@ export default function SavePopup() {
       }
       const parsedReq = await parseSave(req)
       const res = await chrome.runtime.sendMessage({
-        type: "saveChat",
+        type: "chatgpt-to-notion_saveChat",
         body: {
           ...parsedReq,
           conflictingPageId,

src/popup/SettingsPopup.tsx

@@ -1,5 +1,5 @@
 import type { DatabaseObjectResponse } from "@notionhq/client/build/src/api-endpoints"
-import { useState } from "react"
+import { useEffect, useState } from "react"
 
 import { useStorage } from "@plasmohq/storage/hook"
 
@@ -30,14 +30,18 @@ function SettingsPopup() {
     []
   )
 
+  useEffect(() => {
+    console.log(databases)
+  }, [databases])
+
   const [authenticated] = useStorage("authenticated", false)
 
   const refreshSearch = useDebounce(
     async () => {
       setDbError(null)
       setFetching(true)
       const response = await chrome.runtime.sendMessage({
-        type: "search",
+        type: "chatgpt-to-notion_search",
         body: {
           query
         }