Merge pull request #153 from FlaminSarge/autocollapse

Auto-collapse Chat Summary banner after bannerTimeoutMs
LiveTL · Dec 22, 2024 · d1909e0 · d1909e0
2 parents 50464dc + 1947f8f
commit d1909e0
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/components/ChatSummary.svelte b/src/components/ChatSummary.svelte
@@ -10,14 +10,24 @@
 
   let dismissed = false;
   let shorten = false;
+  let autoHideTimeout: NodeJS.Timeout | null = null;
   const classes = 'rounded inline-flex flex-col overflow-visible ' +
    'bg-secondary-900 p-2 w-full text-white z-10 shadow';
 
-  const onShorten = () => { shorten = !shorten; };
+  const onShorten = () => { 
+    shorten = !shorten;
+    if (autoHideTimeout) {
+      clearTimeout(autoHideTimeout);
+      autoHideTimeout = null;
+    }
+   };
 
   $: if (summary) {
     dismissed = false;
     shorten = false;
+    if (summary.showtime) {
+      autoHideTimeout = setTimeout(() => { shorten = true; }, summary.showtime);
+    }
   }
 
   const dispatch = createEventDispatcher();

diff --git a/src/ts/chat-parser.ts b/src/ts/chat-parser.ts
@@ -101,7 +101,7 @@ const parseChatSummary = (renderer: Ytc.AddChatItem, isEphemeral: boolean, banne
       message: splitRuns[2],
     },
     id: baseRenderer.liveChatSummaryId,
-    showtime: isEphemeral ? (bannerTimeoutMs / 1000) : 0,
+    showtime: isEphemeral ? bannerTimeoutMs : 0,
   };
   return item;
 }