32 store timestamps and platform usage for each prompt

prompt-manager/interface/Prompt.ts

@@ -1,6 +1,8 @@
 export interface Prompt {
-    title: string;
-    prompt: string;
-    tags: string[];
-    category?: string;
-  }
+  title: string;
+  prompt: string;
+  tags: string[];
+  category?: string;
+  createdAt: Date;   
+  website: string;   
+}

prompt-manager/popup.tsx

@@ -5,6 +5,7 @@ import { usePrompts } from "~hooks/usePrompts"
 import { ImportBtn } from "~components/ImportBtn";
 import { ExportBtn } from "~components/ExportBtn";
 
+
 function IndexPopup() {
   const { prompts, setPrompts } = usePrompts();
   const [userInput, setUserInput] = useState("")
@@ -25,19 +26,31 @@ function IndexPopup() {
     }
   }, [prompts])
 
-  const savePrompt = () => {
-    if (userInput.trim() !== "") {
-      const newPrompt: Prompt = { 
-        title: "", 
-        tags: [], 
-        prompt: userInput, 
-        category: currentCategory 
-      }
+ const savePrompt = async () => {
+  if (userInput.trim() !== "") {
+    let website = ""
+
+    try {
+      website = await useCurrentTabUrl()
+    } catch (err) {
+      console.error("Could not get tab URL:", err)
+      website = "unknown"
+    }
 
-      setPrompts((existingPrompts) => [...existingPrompts, newPrompt])
-      setUserInput("")
+    const newPrompt: Prompt = {
+      title: "",
+      tags: [],
+      prompt: userInput,
+      category: currentCategory,
+      createdAt: new Date(),
+      website
     }
+
+    setPrompts((existingPrompts) => [...existingPrompts, newPrompt])
+    setUserInput("")
   }
+}
+
 
   const createNewCategory = () => {
     if (newCategory.trim() !== "" && !categories.includes(newCategory)) {
@@ -171,4 +184,4 @@ function IndexPopup() {
   )
 }
 
-export default IndexPopup
+export default IndexPopup

prompt-manager/tests/components/PromptList.test.tsx

@@ -7,17 +7,23 @@ const mockPromptListData: Prompt[] = [
   {
     title: "Sample Prompt",
     prompt: "This is a sample prompt description.",
-    tags: ["Test Tag"]
+    tags: ["Test Tag"],
+    createdAt: new Date(),
+    website: "https://chatgpt.com/" 
   },
   {
     title: "Another Prompt",
     prompt: "This is another sample prompt description.",
-    tags: ["Another Tag"]
+    tags: ["Another Tag"],
+    createdAt: new Date(),
+    website: "https://chatgpt.com/" 
   },
   {
     title: "Searchable Prompt",
     prompt: "This prompt is meant to be found.",
-    tags: ["Search Tag"]
+    tags: ["Search Tag"],
+    createdAt: new Date(),
+    website: "https://chatgpt.com/" 
   }
 ];
 

prompt-manager/tests/components/PromptListItem.test.tsx

@@ -7,6 +7,8 @@ const mockPrompt: Prompt = {
   title: "Test Prompt",
   prompt: "This is a test prompt description.",
   tags: ["Tag1", "Tag2"],
+  createdAt: new Date(),
+  website: "https://chatgpt.com/" 
 };
 
 describe("PromptListItem", () => {

prompt-manager/tests/hooks/usePrompts.test.ts

@@ -11,7 +11,8 @@ jest.mock("@plasmohq/storage/hook", () => ({
   useStorage: jest.fn()
 }))
 
-const newPrompt = { title: "Test Title", prompt: "Test Prompt", tags: [] }
+const newPrompt = { title: "Test Title", prompt: "Test Prompt", tags: [], createdAt: new Date(),
+    website: "https://chatgpt.com/"  }
 
 describe("usePrompts", () => {
   it("should return an empty array as the initial value for prompts", () => {
@@ -26,7 +27,11 @@ describe("usePrompts", () => {
 
   it("should return the stored prompts from the list if they exist", () => {
     const mockPrompts: Prompt[] = [
-      { title: "Test Title", prompt: "Test Prompt", tags: [] }
+      { title: "Test Title",
+       prompt: "Test Prompt", 
+       tags: [], 
+       createdAt: new Date(), 
+       website: "https://chatgpt.com/" }
     ]
     const mockUseStorage = jest.fn(() => [mockPrompts, jest.fn()])
     ;(useStorage as jest.Mock).mockImplementation(mockUseStorage)

prompt-manager/tests/utils/promptUtils.test.ts

@@ -4,8 +4,10 @@ import { Prompt } from "~interface/Prompt";
 
 describe("promptUtils", () => {
   const mockPrompts: Prompt[] = [
-    { title: "Test Prompt", prompt: "This is a test prompt.", tags: ["Tag1"] },
-    { title: "Another Prompt", prompt: "This is another test prompt.", tags: ["Tag2"] },
+    { title: "Test Prompt", prompt: "This is a test prompt.", tags: ["Tag1"], createdAt: new Date(),
+    website: "https://chatgpt.com/"  },
+    { title: "Another Prompt", prompt: "This is another test prompt.", tags: ["Tag2"], createdAt: new Date(),
+    website: "https://chatgpt.com/"  },
   ];
 
   beforeEach(() => {
@@ -52,4 +54,4 @@ describe("promptUtils", () => {
     expect(mockClick).toHaveBeenCalledTimes(1);
     expect(mockRevokeObjectURL).toHaveBeenCalledWith(mockCreateObjectURL.mock.results[0].value);
   });
-});
+});

prompt-manager/utils/promptUtils.ts

@@ -30,7 +30,11 @@ export function importPrompts(file: File): Promise<Prompt[]> {
     reader.onload = (event) => {
       try {
         const result = event.target?.result as string;
-        const importedPrompts: Prompt[] = JSON.parse(result);
+        const rawPrompts = JSON.parse(result);
+        const importedPrompts: Prompt[] = rawPrompts.map((p: any) => ({
+          ...p,
+          createdAt: new Date(p.createdAt)
+        }));
         resolve(importedPrompts);
       } catch (error) {
         reject(new Error("Invalid JSON file"));
@@ -43,4 +47,4 @@ export function importPrompts(file: File): Promise<Prompt[]> {
 
     reader.readAsText(file);
   });
-}
+}