add support for popup

pomdtr · Jan 27, 2024 · 08385d5 · 08385d5
1 parent c9f919e
commit 08385d5
Show file tree

Hide file tree

Showing 10 changed files with 70 additions and 10 deletions.
diff --git a/extension/chrome/manifest.json b/extension/chrome/manifest.json
@@ -14,6 +14,7 @@
     "service_worker": "worker.js"
   },
   "action": {
+    "default_popup": "./popup.html",
     "default_icon": {
       "16": "./icons/[email protected]",
       "24": "./icons/[email protected]",

diff --git a/extension/chrome/panel.html b/extension/chrome/panel.html
@@ -20,7 +20,7 @@
             height: 100%;
         }
     </style>
-    <script type="module" src="panel.js" defer></script>
+    <script type="module" src="terminal.js" defer></script>
 </head>
 
 <body></body>

diff --git a/extension/chrome/popup.html b/extension/chrome/popup.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>Tweety</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+        body {
+            margin: 0px;
+            width: 750px;
+            height: 450px;
+        }
+
+        iframe {
+            display: block;
+            border: 0px;
+            width: 100%;
+            height: 100%;
+        }
+    </style>
+    <script type="module" src="terminal.js" defer></script>
+</head>
+
+<body></body>
+
+</html>
diff --git a/extension/chrome/panel.js → extension/chrome/terminal.js b/extension/chrome/panel.js → extension/chrome/terminal.js
diff --git a/extension/chrome/worker.js b/extension/chrome/worker.js
@@ -1,6 +1,11 @@
 chrome.runtime.onInstalled.addListener(function () {
     console.log("onInstalled");
     chrome.contextMenus.removeAll();
+    chrome.contextMenus.create({
+        id: "create_terminal_tab",
+        title: "Create Terminal Tab",
+        contexts: ["action"],
+    });
     chrome.contextMenus.create({
         id: "create_terminal_window",
         title: "Create Terminal Window",
@@ -12,10 +17,6 @@ chrome.contextMenus.onClicked.addListener(function (info) {
     handleCommand(info.menuItemId);
 });
 
-chrome.action.onClicked.addListener(function () {
-    handleCommand("create_terminal_tab");
-});
-
 chrome.commands.onCommand.addListener(handleCommand);
 
 async function handleCommand(command) {

diff --git a/extension/firefox/manifest.json b/extension/firefox/manifest.json
@@ -16,6 +16,7 @@
     ]
   },
   "action": {
+    "default_popup": "./popup.html",
     "default_icon": {
       "16": "./icons/[email protected]",
       "24": "./icons/[email protected]",

diff --git a/extension/firefox/panel.html b/extension/firefox/panel.html
@@ -20,7 +20,7 @@
             height: 100%;
         }
     </style>
-    <script type="module" src="panel.js" defer></script>
+    <script type="module" src="terminal.js" defer></script>
 </head>
 
 <body></body>

diff --git a/extension/firefox/popup.html b/extension/firefox/popup.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>Tweety</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+        body {
+            margin: 0px;
+            width: 750px;
+            height: 450px;
+        }
+
+        iframe {
+            display: block;
+            border: 0px;
+            width: 100%;
+            height: 100%;
+        }
+    </style>
+    <script type="module" src="terminal.js" defer></script>
+</head>
+
+<body></body>
+
+</html>
diff --git a/extension/firefox/panel.js → extension/firefox/terminal.js b/extension/firefox/panel.js → extension/firefox/terminal.js
diff --git a/extension/firefox/worker.js b/extension/firefox/worker.js
@@ -1,6 +1,11 @@
 chrome.runtime.onInstalled.addListener(function () {
     console.log("onInstalled");
     chrome.contextMenus.removeAll();
+    chrome.contextMenus.create({
+        id: "create_terminal_tab",
+        title: "Create Terminal Tab",
+        contexts: ["action"],
+    });
     chrome.contextMenus.create({
         id: "create_terminal_window",
         title: "Create Terminal Window",
@@ -12,10 +17,6 @@ chrome.contextMenus.onClicked.addListener(function (info) {
     handleCommand(info.menuItemId);
 });
 
-chrome.action.onClicked.addListener(function () {
-    handleCommand("create_terminal_tab");
-});
-
 chrome.commands.onCommand.addListener(handleCommand);
 
 async function handleCommand(command) {