🤔

Author: typeling1578

Diff for: background.mjs

@@ -25,7 +25,10 @@ browser.webRequest.onBeforeSendHeaders.addListener(
 );
 
 async function search_on_google_lens(image_url, tab) {
-    browser.tabs.sendMessage(tab.id, { type: "load-start" });
+    browser.tabs.sendMessage(tab.id, {
+        type: "load-start",
+        thinking: image_url.startsWith(location.origin)
+    });
 
     const image_url_obj = new URL(tab.url);
 
@@ -65,7 +68,10 @@ async function search_on_google_lens(image_url, tab) {
             throw e;
         });
 
-    browser.tabs.sendMessage(tab.id, { type: "image-get-end" });
+    browser.tabs.sendMessage(tab.id, {
+        type: "image-get-end",
+        thinking: image_url.startsWith(location.origin)
+    });
 
     const image_data_form = new FormData();
     image_data_form.set("encoded_image", image_data_processed);
@@ -115,7 +121,8 @@ browser.browserAction.onClicked.addListener(function () {
 browser.contextMenus.create({
     id: "image_right_click_selection",
     title: browser.i18n.getMessage("browserAction"),
-    contexts: ["image"]
+    contexts: ["image"],
+    targetUrlPatterns: ["*://*/*", `${location.origin}/*`]
 });
 
 browser.contextMenus.onClicked.addListener(function (info, tab) {

Diff for: content_script.js

@@ -19,15 +19,15 @@ browser.runtime.onMessage.addListener(function (message) {
             <div id="search_on_google_lens_elem" style="position: fixed; text-align: center; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1000000;">
                 <div style="position: absolute; top: 50%; left: 50%; color: white; transform: translate(-50%, -50%); font-size: 50px; white-space: nowrap;">
                     <img style="width: 60px; height: 60px;" src="${browser.runtime.getURL("loading.svg")}"></img>
-                    <div>${browser.i18n.getMessage("fetchingImage")}</div>
+                    <div>${message.thinking ? "🤔" : browser.i18n.getMessage("fetchingImage")}</div>
                 </div>
             </div>
             `;
             document.body.insertAdjacentHTML("beforeend", elem_string);
             break;
         case "image-get-end":
             elem.querySelector("div > div > div")
-                .innerText = browser.i18n.getMessage("sendingImage");
+                .innerText = message.thinking ? "🤔" : browser.i18n.getMessage("sendingImage");
             break;
         case "google-post-end":
             elem.remove();