background.js

// VALUE
const ZUNDAMON_VOICE = 1;
// const BASE_URL = "http://127.0.0.1:50021";
const BASE_URL = `https://zundamon.ngrok.io`;

//クエリを作るapiを叩く関数
const createQuery = async (inputText, selectedCharacter) => {
  try {
    const API_URL = "audio_query";

    const response = await fetch(
      `${BASE_URL}/${API_URL}?text=${inputText}&speaker=${selectedCharacter}`,
      {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
      }
    ).catch((error) => {
      console.error("Error creating voice:", error);
    });

    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }

    const data = await response.json();
    // console.log("response1", data);

    return data;
  } catch (error) {
    console.error("error", error);
  }
};

//wavを作るapiを叩く関数
const createVoice = async (queryJson, selectedCharacter) => {
  try {
    const API_URL = "synthesis";

    const response = await fetch(
      `${BASE_URL}/${API_URL}?speaker=${selectedCharacter}`,
      {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },

        body: JSON.stringify(queryJson),
      }
    ).catch((error) => {
      console.error("Error creating voice:", error);
    });

    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }

    const data = await response.blob();
    // console.log("response2", data);

    return data;
  } catch (error) {
    console.error("Error creating voice:", error);
  }
};

//wavを取得する関数
const getBlob = async (inputText, selectedCharacter) => {
  try {
    const LIMIT= 200;
    if(inputText.length > LIMIT){
      return null;
    }

    const queryJson = await createQuery(inputText, selectedCharacter);
    const tmpBlob = await createVoice(queryJson, selectedCharacter);
    var reader = new FileReader();
    reader.onload = function () {
      const data = reader.result;
      console.log("data", data);
      chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
        chrome.tabs.sendMessage(tabs[0].id, {
          message: data,
        });
      });
    };
    reader.readAsDataURL(tmpBlob);
  } catch (error) {
    console.error("Error getting wave:", error);
  }
};

//コンテキストメニューを作成
chrome.runtime.onInstalled.addListener(function () {
  chrome.contextMenus.create({
    id: "readAloud",
    title: "読み上げするのだ",
    contexts: ["selection"],
  });
});

let selectedCharacter = ZUNDAMON_VOICE;
chrome.runtime.onMessage.addListener(function (message) {
  if (message.type == "changeCharacter") {
    console.log("呼ばれた");
    console.log("message.value typeof", typeof message.value);
    console.log("message.value", message.value);
    selectedCharacter = message.value;
  }
});

//コンテキストメニューをクリックした時の処理
let selectedText = "";
chrome.contextMenus.onClicked.addListener(function (info, tab, tabId) {
  if (info.menuItemId === "readAloud") {
    console.log("info", info);

    selectedText = info.selectionText;
    console.log("selectedText", selectedText);
    let text_len = getBlob(selectedText, selectedCharacter);
    
    if (text_len == null) {
      // senErrMSG();
      // console.log("its is null");
    }

    return true;
  }
});

function showPopup(message) {
  alert(message);
}