feat: manifest v3

css/options.css

@@ -65,8 +65,30 @@
     margin: 0;
 }
 
+.creator-contributor-name {
+    font-weight: bold;
+    margin: 0;
+    border-style: outset;
+    border-color: goldenrod;
+    background-color: gold;
+}
+
+.mv3-contributor-name {
+    font-weight: bold;
+    margin: 0;
+    border-style: outset;
+    border-color: grey;
+    background-color: silver;
+}
+
+.title {
+    font-weight: bold;
+    font-size: small;
+    margin: -0.4rem;
+}
+
 .contributor-username {
-    margin: 0 0 5px 0;
+    margin: -2px 0 5px 0;
     font-style: italic;
 }
 

js/Template.js

@@ -40,7 +40,8 @@ Template.Main = class {
                 </div>`;
     }
     static extension_button() {
-        return `<td data-th="Plus"><input type="image" class="distButton" id="distButton" width="20" height="20" src='${chrome.extension.getURL("images/disticon.png")}'/></td>`;
+        //getting here okay
+        return `<td data-th="Plus"><input type="image" class="distButton" id="distButton" width="20" height="20" src='${chrome.runtime.getURL("images/disticon.png")}'/></td>`;
     }
 };
 Template.Catalog = class {
@@ -187,6 +188,22 @@ Template.Options = class {
     }
 
     static contributor_card(username, name, image_url, profile_url) {
+        if(name === "Sriram Hariharan") {
+            return `<div class='card contributor-card' id="${username}" data-url="${profile_url}">
+                    <img class='contributor-image' src="${image_url}"></img>
+                    ${name ? `<p class='creator-contributor-name'>${name}</p>` : ""}
+                    <p class='title'>Creator of UTRP</p>
+                    <p class='contributor-username'>${username}</p>
+                </div>`;
+        } else if (name === "Lukas Zenick") {
+            return `<div class='card contributor-card' id="${username}" data-url="${profile_url}">
+                    <img class='contributor-image' src="${image_url}"></img>
+                    ${name ? `<p class='mv3-contributor-name'>${name}</p>` : ""}
+                    <p class='title'>Manifest V3</p>
+                    <p class='contributor-username'>${username}</p>
+                </div>`;
+        } 
+
         return `<div class='card contributor-card' id="${username}" data-url="${profile_url}">
                     <img class='contributor-image' src="${image_url}"></img>
                     ${name ? `<p class='contributor-name'>${name}</p>` : ""}

js/config.js

@@ -47,7 +47,7 @@ Export.png_options = {
 };
 
 class Popup {}
-Popup.num_semesters = 2;
+Popup.num_semesters = 3;
 
 class Text {}
 Text.emptyText = function () {

js/courseCatalog.js

@@ -41,6 +41,9 @@ if (!$("#kw_results_table").length) {
 	// now add to the table
 	$("table thead th:last-child").after('<th scope=col>Plus</th>');
 	$('table').find('tr').each(function () {
+
+
+
 		if (!($(this).find('td').hasClass("course_header")) && $(this).has('th').length == 0) {
 			$(this).append(Template.Main.extension_button());
 		}

js/popup.js

@@ -1,7 +1,7 @@
 var courses;
 
 setCourseList();
-getSemesters();
+getSemesters(); //goes blank after the service worker dies. Requires closing and reopening popup to repopulate semester data
 getDepartments();
 
 var can_remove = true;
@@ -409,12 +409,22 @@ function getSemesters() {
             command: "currentSemesters",
         },
         function (response) {
-            let { semesters } = response;
-            let semester_names = Object.keys(semesters);
-            for (let i = 0; i < semester_names.length; i++) {
-                let name = semester_names[i];
-                $("#semesters").append(`<option value='${semesters[name]}'>${name}</option>`);
-            }
+            var { sems } = response;
+
+            chrome.storage.local.get("semesterCache", function (data) {
+                chrome.storage.local.set({
+                    semesterCache: sems
+                });
+
+                semesters = data.semesterCache;
+
+                let semester_names = Object.keys(semesters);
+                for (let i = 0; i < semester_names.length; i++) {
+                    let name = semester_names[i];
+                    $("#semesters").append(`<option value='${semesters[name]}'>${name}</option>`);
+                }
+            });
+
         }
     );
 }
@@ -425,13 +435,20 @@ function getDepartments() {
             command: "currentDepartments",
         },
         function (response) {
-            let { departments } = response;
-            console.log(departments);
-            for (let i = 0; i < departments.length; i++) {
-                let abv = departments[i];
-                $("#department").append(`<option value='${abv}'>${abv}</option>`);
-            }
-            // $("#department").val('C S');
+            let { deps } = response;
+
+            chrome.storage.local.get("deptCache", function (data) {
+                chrome.storage.local.set({
+                    deptCache: deps
+                });
+
+                departments = data.deptCache;
+
+                for (let i = 0; i < departments.length; i++) {
+                    let abv = departments[i];
+                    $("#department").append(`<option value='${abv}'>${abv}</option>`);
+                }
+            });
         }
     );
-}
+}

js/util.js

@@ -119,17 +119,18 @@ function isIndividualCoursePage(){
 
 
 function updateAllTabsCourseList() {
-    chrome.tabs.query({}, function (tabs) {
-        for (var i = 0; i < tabs.length; i++) {
-            chrome.tabs.sendMessage(tabs[i].id, {
-                command: "updateCourseList"
-            });
-        }
-    });
+    // chrome.tabs.query({}, function (tabs) {
+    //     for (var i = 0; i < tabs.length; i++) {
+    //         chrome.tabs.sendMessage(tabs[i].id, {
+    //             command: "updateCourseList"
+    //         });
+    //     }
+    // });
 }
 
 function htmlToNode(response) {
     return $('<div/>').html(response).contents();
+    //return fetch(html(response).contents());
 }
 
 function setCurrentTabUrl(link) {

manifest.json

@@ -1,17 +1,19 @@
 {
-    "manifest_version": 2,
+    "manifest_version": 3,
     "name": "UT Registration Plus",
-    "version": "1.2.2.7",
+    "version": "1.3.0.0",
     "options_page": "options.html",
     "description": "Improves the course registration process at the University of Texas at Austin!",
-    "permissions": [
-        "storage",
+    "host_permissions": [
         "*://*.utdirect.utexas.edu/apps/registrar/course_schedule/*",
         "*://*.utexas.collegescheduler.com/*",
         "*://*.catalog.utexas.edu/ribbit/",
         "*://*.registrar.utexas.edu/schedules/*",
         "*://*.login.utexas.edu/login/*"
     ],
+    "permissions": [
+        "storage"
+      ],
     "content_scripts": [
         {
             "css": ["css/styles.css"],
@@ -47,12 +49,14 @@
             "matches": ["https://utdirect.utexas.edu/registrar/waitlist/wl_see_my_waitlists.WBX", "https://utdirect.utexas.edu/registration/classlist.WBX*"]
         }
     ],
-    "web_accessible_resources": ["grades.db", "images/disticon.png"],
+    "web_accessible_resources": [{
+        "resources": ["grades.db", "images/disticon.png"],
+        "matches": ["https://*/*"]
+    }],
     "background": {
-        "scripts": ["js/lib/jquery-3.3.1.min.js", "js/lib/sql-memory-growth.js", "js/lib/moment.min.js", "js/config.js", "js/util.js", "js/background.js"],
-        "persistent": true
+        "service_worker": "background.js"
     },
-    "browser_action": {
+    "action": {
         "default_popup": "popup.html",
         "default_icon": {
             "16": "icons/icon16.png",