fix chatgpt promp fixtures

Author: meghnabharadwaj07

web/src/background.ts

@@ -1,26 +1,31 @@
-console.log("✅ Background script loaded!");
-
-// Keep service worker active by listening for events
-chrome.runtime.onInstalled.addListener(() => {
-  console.log("🔄 Extension Installed or Updated");
-});
-
-// Listen for messages from content script
 chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
-  if (message.type === "TEXT_INPUT") {
-    console.log("📩 Received text input:", message.text);
-
-    // Store input (optional)
-    chrome.storage.local.set({ lastInput: message.text });
-
-    // Send response
-    sendResponse({ status: "Received", text: message.text });
+  if (message.action === "fetchRephrasedPrompts") {
+    fetchRephrasedPrompts(message.prompt)
+      .then((suggestions) => sendResponse({ success: true, suggestions }))
+      .catch((error) => sendResponse({ success: false, error: error.message }));
+    return true; // Keeps the message channel open for async response
   }
-
-  return true; // Keep service worker alive
 });
 
-// Prevent background script from getting unloaded quickly
-setInterval(() => {
-  chrome.runtime.getPlatformInfo(() => {}); // Dummy call to keep service worker alive
-}, 25 * 1000); // Refresh every 25 seconds
+const fetchRephrasedPrompts = async (prompt: string) => {
+  try {
+    const response = await fetch(
+      "https://cl-func-ai-app.azurewebsites.net/api/AnalyzePrompt?code=m1O0Wffba6Ga_FufbEzGl8xppUHflNClvx2uFoEdn9N1AzFu_NFfvw==",
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ prompt }),
+      }
+    );
+
+    const data = await response.json();
+    return [
+      data.rephrasedPrompt1,
+      data.rephrasedPrompt2,
+      data.rephrasedPrompt3,
+    ];
+  } catch (error) {
+    console.error("API Error:", error);
+    throw error;
+  }
+};

web/src/content.ts

@@ -48,3 +48,25 @@ function observeShadowDOM(root: Document | ShadowRoot) {
 }
 
 observeShadowDOM(document);
+window.addEventListener("message", (event) => {
+  if (event.source !== window || event.data.type !== "FETCH_PROMPTS") {
+    return;
+  }
+
+  console.log("Content script received prompt:", event.data.prompt);
+
+  // Forward the message to the background script
+  chrome.runtime.sendMessage(
+    { action: "fetchRephrasedPrompts", prompt: event.data.prompt },
+    (response) => {
+      if (chrome.runtime.lastError) {
+        console.error("Error:", chrome.runtime.lastError);
+      } else {
+        console.log("Content script received response:", response);
+
+        // Send response back to Sidebar.tsx
+        window.postMessage({ type: "PROMPT_RESPONSE", data: response }, "*");
+      }
+    }
+  );
+});

web/src/sidebar.tsx

@@ -11,7 +11,7 @@ import CloseIcon from "@mui/icons-material/Close";
 import AutoFixHighIcon from "@mui/icons-material/AutoFixHigh";
 import ContentCopyIcon from "@mui/icons-material/ContentCopy";
 import { motion } from "framer-motion";
-import axios from "axios";
+//import axios from "axios";
 import Microphone from "./Microphone";
 
 interface SidebarProps {
@@ -27,7 +27,7 @@ const Sidebar: React.FC<SidebarProps> = ({ open, onClose, text, textArea }) => {
   const [inputText, setInputText] = useState(text);
   const [transcript, setTranscript] = useState<string | null>(null);
   const [isFinal, setIsFinal] = useState(false);
-  const [inputFinal, setInputFinal] = useState("");
+  //const [inputFinal, setInputFinal] = useState("");
   console.log(transcript, isFinal);
 
   useEffect(() => {
@@ -36,33 +36,29 @@ const Sidebar: React.FC<SidebarProps> = ({ open, onClose, text, textArea }) => {
   }, [text]);
 
   const fetchRephrasedPrompts = async () => {
-
-    console.log("Chrome runtime",chrome.runtime);
     setLoading(true);
-    if (transcript && transcript.length > 0) {
-      console.log("First coniditon", transcript);
-      setInputFinal(transcript);
-    } else {
-      console.log("Second coniditon", inputText);
-      setInputFinal(inputText);
-    }
-    try {
-      const response = await axios.post(
-        "https://cl-func-ai-app.azurewebsites.net/api/AnalyzePrompt?code=m1O0Wffba6Ga_FufbEzGl8xppUHflNClvx2uFoEdn9N1AzFu_NFfvw==",
-        {
-          prompt: inputFinal.length > 0 ? inputFinal : inputText,
-        }
-      );
-      setSuggestions([
-        response.data.rephrasedPrompt1,
-        response.data.rephrasedPrompt2,
-        response.data.rephrasedPrompt3,
-      ]);
-    } catch (error) {
-      console.error("Error fetching suggestions:", error);
+    const finalInput = transcript && transcript.length > 0 ? transcript : inputText;
+  
+    if (!finalInput.trim()) {
+      setLoading(false);
+      return;
     }
-    setLoading(false);
+  
+    // Communicate with the content script
+    window.postMessage({ type: "FETCH_PROMPTS", prompt: finalInput }, "*");
+  
+    // Listen for the response
+    const handleResponse = (event: MessageEvent) => {
+      if (event.data.type === "PROMPT_RESPONSE") {
+        setSuggestions(event.data.data.suggestions || []);
+        setLoading(false);
+        window.removeEventListener("message", handleResponse); // Clean up event listener
+      }
+    };
+  
+    window.addEventListener("message", handleResponse);
   };
+  
 
   const handleUsePrompt = (prompt: string) => {
     if (!textArea) return;