✨ Add context menu buttons

feat: Add context menu buttons for search on brainly and google
	modified:   README.md
	modified:   manifest.json
	modified:   src/main.js
	modified:   src/popup.js

README.md

@@ -5,21 +5,21 @@
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](blob/master/LICENCE)
 [![Twitter: pedrinho_lemes](https://img.shields.io/twitter/follow/pedrinho_lemes.svg?style=social)](https://twitter.com/pedrinho_lemes)
 
-> Tools dor your classroom
+> Tools for your classroom
 
 ### [🏠 Homepage](https://github.com/pedrinholemes/class-tools#readme)
 
 ### [✨ Demo](https://github.com/pedrinholemes/class-tools#readme)
 
 ## Install
 
-```sh
+```
 Open chrome
 ```
 
 ## Usage
 
-```sh
+```
 Enter in form
 ```
 

manifest.json

@@ -1,12 +1,13 @@
 {
   "name": "Class Tools",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Tools for your classroom",
   "manifest_version": 2,
   "permissions": [
     "activeTab",
     "storage",
-    "declarativeContent"
+    "declarativeContent",
+    "contextMenus"
   ],
   "page_action": {
     "default_popup": "src/popup.html"

src/main.js

@@ -11,11 +11,34 @@ var rule2 = {
       },
     })
   ],
-  actions: [new chrome.declarativeContent.ShowPageAction()]
+  actions: [new chrome.declarativeContent.ShowPageAction(), createContextMenuItems()]
 };
 chrome.runtime.onInstalled.addListener(function (details) {
   console.log(details)
   chrome.declarativeContent.onPageChanged.removeRules(undefined, function () {
     chrome.declarativeContent.onPageChanged.addRules([rule2]);
   });
 });
+function searchOnBrainly(info, tab) {
+  chrome.tabs.create({
+    url: "https://brainly.com.br/app/ask?q=" + info.selectionText
+  });
+}
+function searchOnGoogle(info, tab) {
+  chrome.tabs.create({
+    url: "https://google.com/search?q=" + info.selectionText
+  });
+}
+function createContextMenuItems() {
+  chrome.contextMenus.create({
+    title: "Pesquisar no Brainly",
+    contexts: ["selection"],
+    onclick: searchOnBrainly
+  });
+  chrome.contextMenus.create({
+    title: "Pesquisar no Google",
+    contexts: ["selection"],
+    onclick: searchOnGoogle
+  });
+}
+

src/popup.js

@@ -1,14 +1,18 @@
 const input = document.querySelector('input[name="question"]')
-const buttons = {
+const btn = {
   brainly: document.querySelector('button#brainly'),
   google: document.querySelector('button#google')
 }
 
-buttons.brainly.addEventListener('click', function () {
-  window.open(`https://brainly.com.br/app/ask?q=${encodeURI(input.value)}`)
+btn.brainly.addEventListener('click', function () {
+  if (confirm('Tem certeza?')) {
+    window.open(`https://brainly.com.br/app/ask?q=${encodeURI(input.value)}`)
+  }
 })
-buttons.google.addEventListener('click', function () {
-  window.open(`https://google.com/search?q=${encodeURI(input.value)}`)
+btn.google.addEventListener('click', function () {
+  if (confirm('Tem certeza?')) {
+    window.open(`https://google.com/search?q=${encodeURI(input.value)}`)
+  }
 })
 
 document.querySelector('form').addEventListener('submit', e => e.preventDefault())