background.js

chrome.runtime.onInstalled.addListener(function () {
  console.log("onInstalled");
  chrome.contextMenus.create({
    title: "Uppercase",
    contexts: ["selection"],
    onclick: function (info, tab) {
      chrome.tabs.executeScript(
        {
          code: "window.getSelection().toString()",
        },
        function (selection) {
          // Convert the selection to uppercase
          var text = selection[0];
          var uppercase = text.toUpperCase();
          // Replace the selection with the uppercase text
          chrome.tabs.executeScript(
            {
              code: "document.getSelection().toString()",
            },
            function (selection) {
              chrome.tabs.executeScript(
                {
                  code:
                    "document.execCommand('insertText', false, '" +
                    uppercase +
                    "')",
                },
                function (selection) {
                  console.log(selection);
                }
              );
            }
          );
        }
      );
    },
    id: "uppercase",
  });
  // add another context menu item lowercase
  chrome.contextMenus.create({
    title: "Lowercase",
    contexts: ["selection"],
    onclick: function (info, tab) {
      chrome.tabs.executeScript(
        {
          code: "window.getSelection().toString()",
        },
        function (selection) {
          // Convert the selection to uppercase
          var text = selection[0];
          var lowercase = text.toLowerCase();
          // Replace the selection with the uppercase text
          chrome.tabs.executeScript(
            {
              code: "document.getSelection().toString()",
            },
            function (selection) {
              chrome.tabs.executeScript(
                {
                  code:
                    "document.execCommand('insertText', false, '" +
                    lowercase +
                    "')",
                },
                function (selection) {
                  console.log(selection);
                }
              );
            }
          );
        }
      );
    },
    id: "lowercase",
  });
  // Add another context menu item to change the case of the selected text to Sentence case
  chrome.contextMenus.create({
    title: "Sentence case",
    contexts: ["selection"],
    onclick: function (info, tab) {
      chrome.tabs.executeScript(
        {
          code: "window.getSelection().toString()",
        },
        function (selection) {
          // Convert the selection to uppercase
          var text = selection[0];
          // Split the text into sentences by splitting on periods followed by a space
          var sentences = text.split(/\.\s/);
          // Loop through the sentences and capitalize the first letter of each sentence
          for (var i = 0; i < sentences.length; i++) {
            sentences[i] =
              sentences[i].charAt(0).toUpperCase() +
              sentences[i].slice(1).toLowerCase();
          }
          // Join the sentences back together with a period
          var sentenceCase = sentences.join(". ");
          // var sentenceCase = text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();
          // Replace the selection with the uppercase text
          chrome.tabs.executeScript(
            {
              code: "document.getSelection().toString()",
            },
            function (selection) {
              chrome.tabs.executeScript(
                {
                  code:
                    "document.execCommand('insertText', false, '" +
                    sentenceCase +
                    "')",
                },
                function (selection) {
                  console.log(selection);
                }
              );
            }
          );
        }
      );
    },
    id: "sentencecase",
  });
});

// count the number of times shortcut is pressed
var count = 0;
// For keyboard shortcuts
chrome.commands.onCommand.addListener(function (command) {
  if (command === "changecase") {
    // count the number of times shortcut is pressed
    count++;
    console.log("Command: " + command + " count: " + count);
    // if count is 1, then sentence case the selected text
    if (count % 3 == 1) {
      chrome.tabs.executeScript(
        {
          code: "window.getSelection().toString()",
        },
        function (selection) {
          // Convert the selection to uppercase
          var text = selection[0];
          // Split the text into sentences by splitting on periods followed by a space
          var sentences = text.split(/\.\s/);
          // Loop through the sentences and capitalize the first letter of each sentence
          for (var i = 0; i < sentences.length; i++) {
            sentences[i] =
              sentences[i].charAt(0).toUpperCase() +
              sentences[i].slice(1).toLowerCase();
          }
          // Join the sentences back together with a period
          var sentenceCase = sentences.join(". ");
          // var sentenceCase = text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();
          // Replace the selection with the uppercase text
          chrome.tabs.executeScript(
            {
              code: "document.getSelection().toString()",
            },
            function (selection) {
              chrome.tabs.executeScript(
                {
                  code:
                    "document.execCommand('insertText', false, '" +
                    sentenceCase +
                    "')",
                },
                function (selection) {
                  console.log(selection);
                }
              );
            }
          );
        }
      );
    } else if (count % 3 == 2) {
      //upper case the selected text
      chrome.tabs.executeScript(
        {
          code: "window.getSelection().toString()",
        },
        function (selection) {
          // Convert the selection to uppercase
          var text = selection[0];
          var uppercase = text.toUpperCase();
          // Replace the selection with the uppercase text
          chrome.tabs.executeScript(
            {
              code: "document.getSelection().toString()",
            },
            function (selection) {
              chrome.tabs.executeScript(
                {
                  code:
                    "document.execCommand('insertText', false, '" +
                    uppercase +
                    "')",
                },
                function (selection) {
                  console.log(selection);
                }
              );
            }
          );
        }
      );
    } //lower case the selected text
    else {
      chrome.tabs.executeScript(
        {
          code: "window.getSelection().toString()",
        },
        function (selection) {
          // Convert the selection to uppercase
          var text = selection[0];
          var lowercase = text.toLowerCase();
          // Replace the selection with the uppercase text
          chrome.tabs.executeScript(
            {
              code: "document.getSelection().toString()",
            },
            function (selection) {
              chrome.tabs.executeScript(
                {
                  code:
                    "document.execCommand('insertText', false, '" +
                    lowercase +
                    "')",
                },
                function (selection) {
                  console.log(selection);
                }
              );
            }
          );
        }
      );
    }
  }
});