Я изо всех сил пытаюсь создать расширение Chrome, которое принимает выделенный текст и использует модель Gemini для возв ⇐ Javascript

[Anonymous]

Я использую манифест v3 и обращаюсь за помощью к Chatgpt для написания кода для расширения AI Chrome, которое принимает выделенный текст, исправляет все грамматические ошибки и возвращает исправленный текст. Я решил использовать для ответа бесплатный API Gemini. Нужна помощь, если кто-то уже делал подобный проект раньше или может поделиться своими идеями, пожалуйста, помогите!
Я просмотрел несколько руководств на YouTube, но ни одно из них не помогло, также я пытался gpt предоставить мне код, но предоставленный в коде всегда была какая-то ошибка. Это мое первое расширение.
Пример кода:
Manifest.json:
{
"name": "AI grammer",
"version": "1.0",
"manifest_version": 3,
"description": "AI extension for rectifying grammer",
"permissions": [
"contextMenus",
"tabs",
"activeTab"
],
"background": {
"service_worker": "background.js",
"type": "module"
}
}

Background.js:
async function newTab(info, tab) {
const { menuItemId, selectionText } = info;

if (menuItemId === "correctGrammar") {
const selectedText = selectionText.trim();

const apiKey = ""; // Replace with your actual API key
const apiUrl = `https://generativelanguage.googleapis.c ... y=${apiKey}`;

const prompt = {
contents: [
{
parts: [
{
text: selectedText,
},
],
},
],
};

try {
// Send the POST request to the API
const response = await fetch(apiUrl, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(prompt),
});

if (!response.ok) {
throw new Error(`API request failed with status ${response.status}`);
}

const data = await response.json();

// Assuming corrected grammar is returned in a specific field
const correctedText =
data?.contents?.[0]?.parts?.[0]?.text || "No corrected text received.";

// Display the corrected text in a new tab

} catch (error) {
console.error("Error while calling the API:", error);

// Display the error in a new tab

}
}
}

// Create context menu options
chrome.contextMenus.create({
title: "Correct Grammar",
id: "correctGrammar",
contexts: ["selection"],
});

// Add the event listener for the context menu click
chrome.contextMenus.onClicked.addListener(newTab);
< /code>
popup.html:






body { width: 300px; }
textarea { width: 250px; height: 100px;}




Paste Selection




Подробнее здесь: https://stackoverflow.com/questions/793 ... d-text-and