https://blog.stderr.at/categories/helm-charts/TechBlog about OpenShift/Ansible/Satellite and much moreHugo -- gohugo.ioen-usToni Schmidbauer & Thomas JungbauerFri, 12 Dec 2025 00:00:00 +0000https://blog.stderr.at/whats-new/2025-12-12-helm-charts-changelog/Fri, 12 Dec 2025 00:00:00 +0000https://blog.stderr.at/whats-new/2025-12-12-helm-charts-changelog/<div class="paragraph"> <p>This page shows the <strong>latest updates</strong> to the <a href="https://blog.stderr.at/helm-charts">stderr.at Helm Charts Repository</a>. The charts are designed for OpenShift and Kubernetes deployments, with a focus on GitOps workflows using Argo CD.</p> </div> <div class="admonitionblock note"> <table> <tbody><tr> <td class="icon"> <i class="fa icon-note" title="Note"></i> </td> <td class="content"> The content below is dynamically loaded from the Helm repository and always shows the most recent changes. </td> </tr> </tbody></table> </div> <div class="paragraph"> <div id="helm-changelog-widget" class="helm-changelog"> <div class="helm-changelog-loading"> <i class="fa fa-spinner fa-spin"></i> Loading latest Helm chart updates... </div> </div> <style> </style> <script> (function() { const container = document.getElementById('helm-changelog-widget'); const maxItems = "10"; const cacheBuster = Math.floor(Date.now() / 60000); fetch(`https://charts.stderr.at/changelog.json?v=${cacheBuster}`) .then(response => { if (!response.ok) throw new Error('Failed to load changelog'); return response.json(); }) .then(data => { if (!data.charts || data.charts.length === 0) { container.innerHTML = '<p class="helm-changelog-error">No charts found</p>'; return; } const genDate = new Date(data.generated); const parseDate = (dateStr) => { if (!dateStr) return new Date(0); const d = new Date(dateStr); return isNaN(d.getTime()) ? new Date(0) : d; }; const charts = data.charts .filter(c => c.lastModified) .sort((a, b) => parseDate(b.lastModified).getTime() - parseDate(a.lastModified).getTime()) .slice(0, maxItems); let html = ` <div class="helm-changelog-header"> <h3><i class="fa fa-cubes"></i> Latest Helm Chart Updates</h3> <span class="helm-changelog-generated">Updated: ${genDate.toLocaleDateString()}</span> </div> `; charts.forEach(chart => { const date = new Date(chart.lastModified); const dateStr = date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' }); const iconHtml = chart.icon ? `<img src="${chart.icon}" alt="" class="helm-chart-icon" width="60" height="60" data-webp-upgraded="true" onerror="this.outerHTML='<i class=\\'fa fa-cube helm-chart-icon-fallback\\'></i>'">` : '<i class="fa fa-cube helm-chart-icon-fallback"></i>'; let changesHtml = ''; if (chart.changes && chart.changes.length > 0) { const sortedChanges = [...chart.changes].reverse(); changesHtml = '<ul class="helm-changes-list">'; sortedChanges.slice(0, 4).forEach(change => { const kind = (change.kind || 'changed').toLowerCase(); changesHtml += `<li class="${kind}"><span class="helm-change-badge ${kind}">${kind}</span>${change.description}</li>`; }); if (sortedChanges.length > 4) { changesHtml += `<li style="color:#888;border-left-color:#888;">... and ${sortedChanges.length - 4} more changes</li>`; } changesHtml += '</ul>'; } const chartUrl = chart.home || 'https://github.com/tjungbauer/helm-charts'; html += ` <div class="helm-chart-item" data-href="${chartUrl}" onclick="window.open('${chartUrl}', '_blank')" role="link" tabindex="0"> <div class="helm-chart-header"> ${iconHtml} <span class="helm-chart-name"><a href="${chartUrl}" target="_blank" rel="noopener noreferrer" class="highlight">${chart.name}</a></span> <span class="helm-chart-version">v${chart.version}</span> <span class="helm-chart-date">📅 ${dateStr}</span> </div> <div class="helm-chart-description">${chart.description}</div> ${changesHtml} </div> `; }); html += ` <div class="helm-changelog-footer"> <a href="https://github.com/tjungbauer/helm-charts" target="_blank" rel="noopener noreferrer"> <i class="fa fa-github"></i> View all ${data.charts.length} charts on GitHub </a> &nbsp;|&nbsp; <a href="https://charts.stderr.at/" target="_blank" rel="noopener noreferrer"> <i class="fa fa-external-link"></i> Helm Repository </a> </div> `; container.innerHTML = html; }) .catch(error => { console.error('Helm changelog error:', error); container.innerHTML = ` <p class="helm-changelog-error"> <i class="fa fa-exclamation-triangle"></i> Could not load Helm chart updates. <a href="https://github.com/tjungbauer/helm-charts" target="_blank" rel="noopener noreferrer">View on GitHub</a> </p> `; }); })(); </script> </div> <div class="sect1"> <h2 id="_quick_links">Quick Links</h2> <div class="sectionbody"> <table class="tableblock frame-all grid-all stretch"> <colgroup> <col style="width: 33.3333%;"/> <col style="width: 66.6667%;"/> </colgroup> <thead> <tr> <th class="tableblock halign-left valign-top">Resource</th> <th class="tableblock halign-left valign-top">Link</th> </tr> </thead> <tbody> <tr> <td class="tableblock halign-left valign-top"><p class="tableblock">Helm Repository</p></td> <td class="tableblock halign-left valign-top"><p class="tableblock"><a href="https://charts.stderr.at/" class="bare">https://charts.stderr.at/</a></p></td> </tr> <tr> <td class="tableblock halign-left valign-top"><p class="tableblock">GitHub Source</p></td> <td class="tableblock halign-left valign-top"><p class="tableblock"><a href="https://github.com/tjungbauer/helm-charts" class="bare">https://github.com/tjungbauer/helm-charts</a></p></td> </tr> <tr> <td class="tableblock halign-left valign-top"><p class="tableblock">ArtifactHub</p></td> <td class="tableblock halign-left valign-top"><p class="tableblock"><a href="https://artifacthub.io/packages/search?repo=tjungbauer" class="bare">https://artifacthub.io/packages/search?repo=tjungbauer</a></p></td> </tr> <tr> <td class="tableblock halign-left valign-top"><p class="tableblock">Example GitOps Repo</p></td> <td class="tableblock halign-left valign-top"><p class="tableblock"><a href="https://github.com/tjungbauer/openshift-clusterconfig-gitops" class="bare">https://github.com/tjungbauer/openshift-clusterconfig-gitops</a></p></td> </tr> </tbody> </table> </div> </div>