Add guides and fix bug for monologue type meeting

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.1.2)
+Extension status: 🟢 OPERATIONAL (v3.1.3)
 
 <br />
 <br />

extension-unpacked.zip

@@ -334,9 +334,6 @@ function transcriptMutationCallback(mutationsList) {
               }
               // Same person speaking more
               else {
-                // Update buffers for next mutation
-                transcriptTextBuffer = currentTranscriptText
-
                 if (canUseAriaBasedTranscriptSelector) {
                   // When the same person speaks for more than 30 min (approx), Meet drops very long transcript for current person and starts over, which is detected by current transcript string being significantly smaller than the previous one
                   if ((currentTranscriptText.length - transcriptTextBuffer.length) < -250) {
@@ -347,12 +344,15 @@ function transcriptMutationCallback(mutationsList) {
                     timestampBuffer = new Date().toISOString()
                   }
                 }
-                if (!canUseAriaBasedTranscriptSelector) {
+                else {
                   // If a person is speaking for a long time, Google Meet does not keep the entire text in the spans. Starting parts are automatically removed in an unpredictable way as the length increases and TranscripTonic will miss them. So we force remove a lengthy transcript node in a controlled way. Google Meet will add a fresh person node when we remove it and continue transcription. TranscripTonic picks it up as a new person and nothing is missed.
                   if (currentTranscriptText.length > 250) {
                     person.remove()
                   }
                 }
+
+                // Update buffers for next mutation. This has to be done irrespective of any condition.
+                transcriptTextBuffer = currentTranscriptText
               }
             }
           }

extension/content.js

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

extension/icons/guide.svg

@@ -44,6 +44,12 @@
             margin-bottom: 1rem;
         }
 
+        .webhook-section-heading {
+            display: flex;
+            gap: 0.5rem;
+            align-items: start;
+        }
+
         /* Custom scrollbar styling */
         ::-webkit-scrollbar {
             width: 8px;
@@ -268,6 +274,39 @@
             gap: 0.25rem;
             align-items: center;
         }
+
+        .card-heading {
+            margin: 0rem 1.5rem 0.5rem 1.5rem;
+            font-weight: bold;
+        }
+
+        .integration-card {
+            padding: 0rem 1.5rem;
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 0.75rem;
+        }
+
+        .integration-guide {
+            padding: 0.5rem;
+            background: transparent;
+            border: 1px solid #2a9aca88;
+            border-radius: 0.5rem;
+            display: flex;
+            align-items: start;
+            gap: 0.5rem;
+            color: #2A9ACA;
+            font-weight: bold;
+            text-decoration: none;
+
+            img {
+                margin-top: 0.1rem;
+            }
+
+            p {
+                margin: 0;
+            }
+        }
     </style>
 </head>
 
@@ -297,7 +336,11 @@ <h2>Last 10 meetings</h2>
         </div>
 
         <div>
-            <h2>Webhooks</h2>
+            <div class="webhook-section-heading">
+                <h2>Webhooks</h2>
+                <img src="./icons/webhook-white.svg" alt="" width="28px">
+            </div>
+
             <div class="card">
                 <div class="webhook-header">
                     <!-- <h3>Configure webhooks</h3> -->
@@ -345,8 +388,9 @@ <h2>Webhooks</h2>
 
 
             <div class="card">
+                <p class="card-heading">Webhook JSON body</p>
                 <details>
-                    <summary>Sample webhook body (simple)</summary>
+                    <summary>Webhook body (simple)</summary>
                     <div class="code-block accordion-content">
                         <code>
                         <pre>
@@ -364,7 +408,7 @@ <h2>Webhooks</h2>
                 </details>
 
                 <details>
-                    <summary>Sample webhook body (advanced)</summary>
+                    <summary>Webhook body (advanced)</summary>
                     <div class="code-block accordion-content">
                         <code>
                             <pre>
@@ -402,6 +446,21 @@ <h2>Webhooks</h2>
                     </code>
                     </div>
                 </details>
+                <hr />
+                <p class="card-heading">Guides</p>
+                <div class="integration-card">
+                    <a class="integration-guide"
+                        href="https://github.com/vivek-nexus/transcriptonic/wiki/Google-Docs-integration-guide"
+                        target="_blank">
+                        <img src="./icons/guide.svg" alt="" width="16px">
+                        <p>Get transcripts on Google Docs</p>
+                    </a>
+                    <a class="integration-guide"
+                        href="https://github.com/vivek-nexus/transcriptonic/wiki/n8n-integration-guide" target="_blank">
+                        <img src="./icons/guide.svg" alt="" width="16px">
+                        <p>Using webhooks with n8n</p>
+                    </a>
+                </div>
             </div>
         </div>
     </div>