Merge pull request #2613 from Meetjain1/mj

Feat : Added popup blocker extension
Sulagna-Dutta-Roy · Aug 8, 2024 · fdbe001 · fdbe001
2 parents 406b507 + 70c72e3
commit fdbe001
Show file tree

Hide file tree

Showing 8 changed files with 140 additions and 0 deletions.
diff --git a/Popup Blocker/background.js b/Popup Blocker/background.js
@@ -0,0 +1,31 @@
+let blocking = true;
+
+chrome.storage.local.get(['blocking'], function(result) {
+  blocking = result.blocking !== undefined ? result.blocking : true;
+});
+
+chrome.webRequest.onBeforeRequest.addListener(
+  function(details) {
+    if (blocking) {
+      chrome.notifications.create({
+        type: 'basic',
+        iconUrl: 'icons/icon48.png',
+        title: 'Popup Blocker',
+        message: 'Popup blocked!'
+      });
+    }
+    return { cancel: blocking };
+  },
+  { urls: ["*://*/*"], types: ["popup"] },
+  ["blocking"]
+);
+
+chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
+  if (request.action === "toggleBlocking") {
+    blocking = request.blocking;
+    chrome.storage.local.set({ blocking: blocking });
+    sendResponse({ blocking: blocking });
+  } else if (request.action === "getBlockingStatus") {
+    sendResponse({ blocking: blocking });
+  }
+});
diff --git a/Popup Blocker/icons/icon128.png b/Popup Blocker/icons/icon128.png
diff --git a/Popup Blocker/icons/icon16.png b/Popup Blocker/icons/icon16.png
diff --git a/Popup Blocker/icons/icon48.png b/Popup Blocker/icons/icon48.png
diff --git a/Popup Blocker/manifest.json b/Popup Blocker/manifest.json
@@ -0,0 +1,31 @@
+{
+    "manifest_version": 3,
+    "name": "Best Popup Blocker",
+    "version": "1.0",
+    "description": "A popup blocker extension with modern UI and animations",
+    "permissions": [
+      "webRequest",
+      "webRequestBlocking",
+      "notifications",
+      "storage",
+      "https://*/*",
+      "http://*/*"
+    ],
+    "background": {
+      "service_worker": "background.js"
+    },
+    "action": {
+      "default_popup": "popup.html",
+      "default_icon": {
+        "16": "icons/icon16.png",
+        "48": "icons/icon48.png",
+        "128": "icons/icon128.png"
+      }
+    },
+    "icons": {
+      "16": "icons/icon16.png",
+      "48": "icons/icon48.png",
+      "128": "icons/icon128.png"
+    }
+  }
+
diff --git a/Popup Blocker/popup.css b/Popup Blocker/popup.css
@@ -0,0 +1,44 @@
+body {
+    font-family: Arial, sans-serif;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 200px;
+    margin: 0;
+    background: #f0f0f0;
+  }
+
+  #container {
+    text-align: center;
+  }
+
+  h1 {
+    font-size: 1.5em;
+    margin-bottom: 10px;
+  }
+
+  p {
+    margin: 0;
+    font-size: 1em;
+    color: #333;
+  }
+
+  button {
+    padding: 10px 20px;
+    font-size: 1em;
+    cursor: pointer;
+    border: none;
+    background: #007bff;
+    color: white;
+    transition: background 0.3s ease;
+  }
+
+  button:hover {
+    background: #0056b3;
+  }
+
+  #status {
+    font-weight: bold;
+    color: green;
+  }
+
diff --git a/Popup Blocker/popup.html b/Popup Blocker/popup.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Popup Blocker</title>
+  <link rel="stylesheet" href="popup.css">
+</head>
+<body>
+  <div id="container">
+    <h1>Popup Blocker</h1>
+    <p>Status: <span id="status">Active</span></p>
+    <button id="toggle">Toggle Blocking</button>
+  </div>
+  <script src="popup.js"></script>
+</body>
+</html>
diff --git a/Popup Blocker/popup.js b/Popup Blocker/popup.js
@@ -0,0 +1,17 @@
+document.getElementById('toggle').addEventListener('click', function() {
+    chrome.runtime.sendMessage({ action: "toggleBlocking", blocking: !blocking }, function(response) {
+      updateStatus(response.blocking);
+    });
+  });
+
+  document.addEventListener('DOMContentLoaded', function() {
+    chrome.runtime.sendMessage({ action: "getBlockingStatus" }, function(response) {
+      updateStatus(response.blocking);
+    });
+  });
+
+  function updateStatus(blocking) {
+    document.getElementById('status').textContent = blocking ? 'Active' : 'Inactive';
+    document.getElementById('status').style.color = blocking ? 'green' : 'red';
+  }
+