release: 4.6.138 finish renderer-updates is-hidden migration

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.137",
+  "version": "4.6.138",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.137",
+      "version": "4.6.138",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.137",
+  "version": "4.6.138",
   "description": "Twitch VOD Manager - Download Twitch VODs easily",
   "main": "dist/main.js",
   "author": "xRangerDE",

src/index.html

@@ -24,9 +24,9 @@
             <div class="update-modal-eyebrow" id="updateModalEyebrow">Updates</div>
             <h2 id="updateModalTitle">Update verfugbar</h2>
             <p class="update-modal-message" id="updateModalMessage">Version 0.0.0 ist verfugbar. Jetzt herunterladen?</p>
-            <div class="update-modal-meta" id="updateModalMeta" style="display:none;"></div>
+            <div class="update-modal-meta is-hidden" id="updateModalMeta"></div>
 
-            <div class="update-changelog-card" id="updateChangelogCard" style="display:none;">
+            <div class="update-changelog-card is-hidden" id="updateChangelogCard">
                 <div class="update-changelog-header">
                     <span class="update-changelog-label" id="updateChangelogLabel">Changelog</span>
                     <button type="button" class="update-changelog-toggle" id="updateChangelogToggle" onclick="toggleUpdateChangelog()">Changelog anzeigen</button>

src/renderer-updates.ts

@@ -187,13 +187,13 @@ function renderUpdateChangelog(notes?: string): void {
     empty.hidden = true;
 
     if (!normalized) {
-        card.style.display = 'none';
+        card.classList.add('is-hidden');
         panel.hidden = true;
         updateChangelogExpanded = false;
         return;
     }
 
-    card.style.display = 'block';
+    card.classList.remove('is-hidden');
 
     const fragment = document.createDocumentFragment();
     let currentList: HTMLUListElement | null = null;
@@ -273,7 +273,7 @@ function renderUpdateChangelog(notes?: string): void {
 function refreshUpdateChangelogToggleText(): void {
     const toggle = byId<HTMLButtonElement>('updateChangelogToggle');
     const card = byId<HTMLElement>('updateChangelogCard');
-    if (card.style.display === 'none') {
+    if (card.classList.contains('is-hidden')) {
         return;
     }
 
@@ -299,14 +299,14 @@ function refreshUpdateModalTexts(): void {
     // already on disk and ready to install, hide the button.
     const skipBtn = byId<HTMLButtonElement>('updateModalSkipBtn');
     skipBtn.textContent = UI_TEXT.updates.modalSkipVersion;
-    skipBtn.style.display = isReady ? 'none' : '';
+    skipBtn.classList.toggle('is-hidden', isReady);
     byId('updateChangelogLabel').textContent = UI_TEXT.updates.changelogLabel;
     byId('updateChangelogEmpty').textContent = UI_TEXT.updates.noChangelog;
 
     const metaText = getUpdateModalMetaText(info);
     const meta = byId('updateModalMeta');
     meta.textContent = metaText;
-    meta.style.display = metaText ? 'block' : 'none';
+    meta.classList.toggle('is-hidden', !metaText);
 
     renderUpdateChangelog(info.releaseNotes);
     refreshUpdateChangelogToggleText();
@@ -349,7 +349,7 @@ function confirmUpdateModal(): void {
 
 function toggleUpdateChangelog(): void {
     const card = byId<HTMLElement>('updateChangelogCard');
-    if (card.style.display === 'none') {
+    if (card.classList.contains('is-hidden')) {
         return;
     }
 
@@ -374,7 +374,7 @@ function refreshUpdateUiTexts(): void {
     } else if (updateBannerState === 'downloading') {
         button.textContent = UI_TEXT.updates.downloading;
         button.disabled = true;
-        progress.style.display = 'block';
+        progress.classList.remove('is-hidden');
         if (latestDownloadProgress) {
             bar.classList.remove('downloading');
             bar.style.width = `${latestDownloadProgress.percent}%`;
@@ -388,7 +388,7 @@ function refreshUpdateUiTexts(): void {
         setDownloadReadyUi(latestUpdateInfo);
     } else {
         hideUpdateBanner();
-        progress.style.display = 'none';
+        progress.classList.add('is-hidden');
         bar.classList.remove('downloading');
         bar.style.width = '0%';
         byId('updateText').textContent = UI_TEXT.updates.bannerDefault;
@@ -580,7 +580,7 @@ window.api.onUpdateDownloadProgress((progress: UpdateDownloadProgress) => {
     byId('updateProgressGauge').setAttribute('aria-valuenow', String(Math.round(progress.percent)));
 
     showUpdateBanner();
-    byId('updateProgress').style.display = 'block';
+    byId('updateProgress').classList.remove('is-hidden');
 
     const mb = (progress.transferred / 1024 / 1024).toFixed(1);
     const totalMb = (progress.total / 1024 / 1024).toFixed(1);