Adding basic manifest, and some simple html/js to detect youtube and …

…get the video ID.
kyledemeule · Dec 2, 2019 · d17ab5a · d17ab5a
1 parent a4de5ca
commit d17ab5a
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 0 deletions.
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,18 @@
+{
+  "manifest_version": 2,
+
+  "name": "Innertube",
+  "description": "Seach Youtube videos",
+  "version": "1.0",
+
+  "content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'",
+
+  "browser_action": {
+   "default_icon": "static/base.png",
+   "default_popup": "views/popup.html"
+  },
+  "permissions": [
+    "activeTab",
+    "tabs"
+   ]
+}
diff --git a/scripts/popup.js b/scripts/popup.js
@@ -0,0 +1,14 @@
+chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function (tabs) {
+    var url = tabs[0].url;
+    u = new URL(url);
+    if (u.hostname == "www.youtube.com" || u.hostname == "youtube.com") {
+      $('#not-youtube-warning').hide();
+      $('#search-content').show();
+    } else {
+      $('#not-youtube-warning').show();
+      $('#search-content').hide();
+    }
+    usp = new URLSearchParams(u.search);
+    video_id = usp.get('v');
+    console.log(video_id);
+});
diff --git a/static/base.png b/static/base.png
diff --git a/views/popup.html b/views/popup.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Innertube - Youtube video search</title>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+    <script src="../scripts/popup.js"></script>
+  </head>
+  <body>
+    <div id="search-content">
+        <h1>Innertube: Youtube video search.</h1>
+        <form>
+            <input type="text" name="searchtext" id="searchtext" />
+            <input type="submit" value="Search">
+        </form>
+    </div>
+    <div id="not-youtube-warning">
+        <p>This extension only works on www.youtube.com.</p>
+    </div>
+  </body>
+</html>