Merge pull request #71 from vivek-nexus/v3.2.4

v3.2.4

Author: vivek-nexus

README.md

@@ -3,7 +3,7 @@ Simple Google Meet transcripts. Private and open source.
 
 ![marquee-large](/assets/marquee-large.png)
 
-Extension status: 🟢 OPERATIONAL (v3.2.3)
+Extension status: 🟢 OPERATIONAL (v3.2.4)
 
 <br />
 <br />

extension-unpacked.zip

@@ -655,8 +655,8 @@ function registerContentScripts(showNotification = true) {
                                     chrome.notifications.create({
                                         type: "basic",
                                         iconUrl: "icon.png",
-                                        title: "Zoom and Teams transcripts enabled!",
-                                        message: "Please join Zoom/Teams meetings on the browser. Refresh any existing Zoom/Teams pages."
+                                        title: "Enabled! Join Zoom/Teams meetings on the browser",
+                                        message: "Refresh any existing Zoom/Teams pages"
                                     })
                                 }
                             })

extension/background.js

@@ -308,7 +308,7 @@ function transcriptMutationCallback(mutationsList) {
         if (people.length > 1) {
           // Get the last person
           let person = people[people.length - 2]
-          if (person.childNodes.length < 2) {
+          if (person && (person.childNodes.length < 2)) {
             person = people[people.length - 3]
           }
           // CRITICAL DOM DEPENDENCY
@@ -539,28 +539,27 @@ function pulseStatus() {
 
 // Grabs updated meeting title, if available
 function updateMeetingTitle() {
-  try {
-    waitForElement(".u6vdEc").then(() => {
-      // Pick up meeting name after a delay, since Google meet updates meeting name after a delay
-      setTimeout(() => {
-        // NON CRITICAL DOM DEPENDENCY
-        const meetingTitleElement = document.querySelector(".u6vdEc")
-        if (meetingTitleElement?.textContent) {
-          meetingTitle = meetingTitleElement.textContent
-          overWriteChromeStorage(["meetingTitle"], false)
-        } else {
-          throw new Error("Meeting title element not found in DOM")
-        }
-      }, 5000)
-    })
-  } catch (err) {
-    console.error(err)
+  waitForElement(".u6vdEc").then((element) => {
+    const meetingTitleElement = /** @type {HTMLDivElement} */ (element)
+    meetingTitleElement?.setAttribute("contenteditable", "true")
+
+    meetingTitleElement?.addEventListener("input", handleMeetingTitleElementChange)
+
+    // Pick up meeting name after a delay, since Google meet updates meeting name after a delay
+    setTimeout(() => {
+      handleMeetingTitleElementChange()
+      meetingTitleElement.title = "Edit meeting title for TranscripTonic"
+      meetingTitleElement.style.cssText = `text-decoration: underline white; text-underline-offset: 4px;`
+      if (location.pathname === `/${meetingTitleElement.innerText}`) {
+        showNotification({ status: 200, message: "<b>Give this meeting a title?</b><br/>Edit the underlined text in the bottom left corner" })
+      }
+    }, 5000)
 
-    if (!hasMeetingEnded) {
-      logError("007", err)
+    function handleMeetingTitleElementChange() {
+      meetingTitle = meetingTitleElement.innerText
+      overWriteChromeStorage(["meetingTitle"], false)
     }
-  }
-
+  })
 }
 
 // Returns all elements of the specified selector type and specified textContent. Return array contains the actual element as well as all the parents. 
@@ -702,7 +701,7 @@ function checkExtensionStatus() {
         // Disable extension if version is below the min version
         if (!meetsMinVersion(chrome.runtime.getManifest().version, minVersion)) {
           extensionStatusJSON.status = 400
-          extensionStatusJSON.message = `<strong>TranscripTonic is not running</strong> <br /> Please update to v${minVersion} by following <a href="https://github.com/vivek-nexus/transcriptonic/wiki/Manually-update-TranscripTonic" target="_blank">these instructions</a>`
+          extensionStatusJSON.message = `<strong>TranscripTonic is not running</strong> <br /> Please force update to v${minVersion} by following <a href="https://github.com/vivek-nexus/transcriptonic/wiki/Manually-update-TranscripTonic" target="_blank">these instructions</a>`
         }
         else {
           // Update status based on response

extension/content.js

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "TranscripTonic",
-  "version": "3.2.3",
+  "version": "3.2.4",
   "description": "Simple Google Meet transcripts. Private and open source.",
   "action": {
     "default_icon": "icon.png",

extension/manifest.json

@@ -418,6 +418,9 @@ <h2 style="margin-bottom: 0;">Integrate TranscripTonic with your favourite tools
                 </div>
 
                 <div class="card">
+                    <div class="webhook-header" style="display: flex; gap: 0.5rem; align-items: center;">
+                        <p class="card-heading">Webhook help</p>
+                    </div>
                     <p class="card-heading">Webhook integration guides</p>
                     <div class="integration-card">
                         <a class="integration-guide"

extension/meetings.html

@@ -2,6 +2,8 @@
 /// <reference path="../types/chrome.d.ts" />
 /// <reference path="../types/index.js" />
 
+let isMeetingsTableExpanded = false
+
 document.addEventListener("DOMContentLoaded", function () {
     const webhookUrlForm = document.querySelector("#webhook-url-form")
     const webhookUrlInput = document.querySelector("#webhook-url")
@@ -85,21 +87,27 @@ document.addEventListener("DOMContentLoaded", function () {
 
         // Handle URL input changes
         webhookUrlInput.addEventListener("input", function () {
-            saveButton.disabled = !webhookUrlInput.value || !webhookUrlInput.checkValidity()
+            saveButton.disabled = !webhookUrlInput.checkValidity()
         })
 
         // Save webhook URL, auto-post setting, and webhook body type
         webhookUrlForm.addEventListener("submit", function (e) {
             e.preventDefault()
             const webhookUrl = webhookUrlInput.value
-            if (webhookUrl && webhookUrlInput.checkValidity()) {
+            if (webhookUrl === "") {
+                // Save webhook URL and settings
+                chrome.storage.sync.set({
+                    webhookUrl: webhookUrl
+                }, function () {
+                    alert("Webhook URL saved!")
+                })
+            }
+            else if (webhookUrl && webhookUrlInput.checkValidity()) {
                 // Request runtime permission for the webhook URL
                 requestWebhookAndNotificationPermission(webhookUrl).then(() => {
                     // Save webhook URL and settings
                     chrome.storage.sync.set({
-                        webhookUrl: webhookUrl,
-                        autoPostWebhookAfterMeeting: autoPostCheckbox.checked,
-                        webhookBodyType: advancedWebhookBodyRadio.checked ? "advanced" : "simple"
+                        webhookUrl: webhookUrl
                     }, function () {
                         alert("Webhook URL saved!")
                     })
@@ -136,6 +144,7 @@ document.addEventListener("DOMContentLoaded", function () {
             const meetingsTableContainer = document.querySelector("#meetings-table-container")
             meetingsTableContainer?.classList.remove("fade-mask")
             showAllButton.setAttribute("style", "display:none;")
+            isMeetingsTableExpanded = true
         })
     }
 })
@@ -229,7 +238,7 @@ function loadMeetings() {
                     meetingsTable.appendChild(row)
 
                     const meetingsTableContainer = document.querySelector("#meetings-table-container")
-                    if (meetingsTableContainer && meetingsTableContainer.clientHeight > 320) {
+                    if (!isMeetingsTableExpanded && meetingsTableContainer && (meetingsTableContainer.clientHeight > 320)) {
                         meetingsTableContainer?.classList.add("fade-mask")
                         document.querySelector("#show-all")?.setAttribute("style", "display: block")
                     }

extension/meetings.js

@@ -187,7 +187,7 @@ <h1>TranscripTonic</h1>
 
     <div>
       <div class="beta" style="justify-content: flex-start;">
-        <p style="margin: 0;"><b>Zoom and Teams transcripts are in beta:</b></p>
+        <p style="margin: 0; color: orange"><b>Zoom and Teams transcripts are in beta:</b></p>
         <!-- <span class="footer-separator"></span> -->
         <button id="enable-beta">Enable</button>
         <span>or&nbsp;&nbsp;</span>

extension/popup.html

@@ -132,7 +132,7 @@
 // | **004** | "Call end button element not found in DOM" |
 // | **005** | "Transcript mutation failed to process" |
 // | **006** | "Chat messages mutation failed to process" |
-// | **007** | "Meeting title element not found in DOM" |
+// | **007** | "Meeting title element not found in DOM" (currently not in use) |
 // | **008** | "Failed to fetch extension status" |
 // | **016** | "Recovery timed out" |