First Commit

public/background.js

@@ -0,0 +1,8 @@
+// Called when the user clicks on the browser action
+chrome.browserAction.onClicked.addListener(function(tab) {
+  // Send a message to the active tab
+  chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
+    var activeTab = tabs[0];
+    chrome.tabs.sendMessage(activeTab.id, { message: 'clicked_browser_action' });
+  });
+});

public/index.html

@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
+</html>

public/manifest.json

@@ -0,0 +1,35 @@
+{
+  "name": "WatchParty",
+  "short_name": "WP",
+  "version": "1.0",
+  "description": "Watch streamed content together.",
+  "background": {
+    "scripts": ["background.js"]
+  },
+  "browser_action": {
+    "default_popup": "popup.html"
+  },
+  "permissions": ["https://*.hulu.com/*", "https://*.netflix.com/*"],
+  "content_scripts": [
+    {
+      "matches": ["https://*.hulu.com/*"],
+      "run_at": "document_idle",
+      "js": ["/static/js/content.js"],
+      "css": ["/static/css/app.css"]
+    },
+    {
+      "matches": ["https://*.netflix.com/*"],
+      "run_at": "document_idle",
+      "js": ["/static/js/content.js"],
+      "css": ["/static/css/app.css"]
+    }
+  ],
+  "icons": {
+    "16": "favicon.ico",
+    "32": "favicon.ico",
+    "64": "favicon.ico",
+    "128": "logo192.png",
+    "512": "logo512.png"
+  },
+  "manifest_version": 2
+}

public/popup.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      html {
+        height: fit-content;
+        width: fit-content;
+      }
+      body {
+        margin: 0;
+        min-width: 200px;
+        background-color: rgba(46, 46, 46, 1);
+        height: fit-content;
+      }
+      a:hover {
+        filter: drop-shadow(0 0 10px black);
+      }
+      a {
+        border-radius: 13px;
+        font-family: sans-serif;
+        font-weight: 500;
+        display: block;
+        user-select: none;
+        color: black;
+        text-decoration: none;
+        padding: 5px 10px;
+        text-align: center;
+        margin: 10px 10px;
+      }
+      a:nth-child(1) {
+        background-color: rgb(23, 245, 160);
+      }
+      a:nth-child(2) {
+        background-color: rgb(235, 77, 77);
+      }
+      a:nth-child(3) {
+        background-color: cornflowerblue;
+      }
+    </style>
+  </head>
+  <body>
+    <a target="_blank" href="https://www.hulu.com/">Hulu</a>
+    <a target="_blank" href="https://www.netflix.com/browse">Netflix</a>
+    <a target="_blank" href="https://www.amazon.com/gp/video/storefront">Prime Video</a>
+  </body>
+</html>

public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow: