ductwork 1.4.0 → 1.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 01b3ce0336857fcaf0dcaf6beb6b02f002186bd5a94df0c05761cfcd49e8a7e9
-  data.tar.gz: cbef9120711ddf5a42819f68dd44871965681317695c6244e732e8e0228b4218
+  metadata.gz: 9ef52f554cf6549026270cbe5f80e7d7b84b01824b5839d1c5161e1080bdc94a
+  data.tar.gz: 7c83791f6a2a555babc3fda4774e2ef5cbd4e821c180b4a8f8627c900c366f76
 SHA512:
-  metadata.gz: 315615bb86d68fdcb29bf8dd96d987c79be645a551a85e45825f1a623de9099a8a8ec6e9ef64465eaab259406aa82151a5f76959d10cde2f43bfd7381d5b34bd
-  data.tar.gz: 11b3af06290fa9c3261ef1cdc5ee98e45e2e103988c3b2b11fe07dc9d873c441b82ddfe3a091f1e5da6b487d0af1343e1d3b021049e01705f1c7f2bb94788050
+  metadata.gz: 2492fab3347973f79cd0e2e7d63fa2850ed44567e9ce8ec3370bdb6f7041ee744c2ea01c065d403c379ac85c0f3cc80d2ed2d30409cb1644775e0a67cb6dab4d
+  data.tar.gz: 9d3640e4e883e215fbfc0c37acbdbf0fca432b38bb93d9926f8916649486fa442029e22c7ac22713946243c6c8f823fb204d5e36312dfa3bf797fa370953ce85

data/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Ductwork Changelog
 
+## [1.5.0]
+
+- fix: re-enqueue the failed step when reviving a branch halted with `job_crashes_exhausted` - revive re-advanced it as if the job had succeeded, passing a missing return value downstream
+- fix: copy each succeeded step's job when reviving a pipeline so a `combine` or `collapse` after the revive receives every sibling's return value - the copied steps had no jobs, so the fan-in silently dropped siblings that had already completed
+- feat: redesign the dashboard with top-level navigation, an overview of halted pipelines and pipelines by class, status tabs with counts, compact expandable step and error rows, and a phone layout
+- feat: draw the workflow on the dashboard's pipeline page in place of the raw definition, with each node showing its step counts by status, retried and crash-recovered steps, and halt reasons, and linking to the matching steps
+- feat: add a node filter to the steps list on the dashboard's pipeline page and show the page position, disabling the next button on the last page
+- fix: stop the dashboard's runtime timer on halted runs and failed steps
+- fix: print error backtraces once on the dashboard - they were followed by a dump of the same lines as an array
+- fix: count dashboard errors per run instead of per pipeline, without loading every step of every listed run
+- fix: filter the dashboard's pipeline page steps by `klass` - the shared filter queried `pipeline_klass`, which only exists on runs, so choosing a class raised `ActiveRecord::StatementInvalid`
+- fix: order the steps list by `started_at` then `id` so steps sharing a timestamp are not repeated or skipped between pages
+- fix: clamp the dashboard's page number at zero - the previous link on the first page pointed at `page=-1`, a negative `OFFSET` that PostgreSQL rejects
+- chore: replace the dashboard's vendored Pico and flexboxgrid stylesheets with a single stylesheet and remove all inline styles
+
 ## [1.4.0]
 
 - feat: validate steps and pipelines/workflows during boot of main process

data/app/assets/javascripts/ductwork/application.js

@@ -1,53 +1,62 @@
-document.addEventListener('DOMContentLoaded', function() {
-  const timerElements = document.querySelectorAll('[data-started-at]');
-
-  timerElements.forEach(function(element) {
-    const startedAt = new Date(element.dataset.startedAt);
-    const displayElement = element.querySelector('#elapsed-timer');
-
-    function updateTimer() {
-      const now = new Date();
-      const elapsed = Math.floor(Math.abs(now - startedAt) / 1000);
-
-      const hours = Math.floor(elapsed / 3600);
-      const minutes = Math.floor((elapsed % 3600) / 60);
-      const seconds = elapsed % 60;
+function formatElapsed(milliseconds) {
+  const elapsed = Math.floor(Math.max(milliseconds, 0) / 1000);
+  const hours = Math.floor(elapsed / 3600);
+  const minutes = Math.floor((elapsed % 3600) / 60);
+  const seconds = elapsed % 60;
+  const parts = [];
+
+  if (hours > 0) parts.push(`${hours}h`);
+  if (minutes > 0) parts.push(`${minutes}m`);
+  if (seconds > 0 || parts.length === 0) parts.push(`${seconds}s`);
+
+  return parts.join(' ');
+}
+
+function startTimers() {
+  const timers = document.querySelectorAll('[data-started-at]');
+
+  function tick() {
+    timers.forEach(function(timer) {
+      timer.textContent = formatElapsed(Date.now() - new Date(timer.dataset.startedAt));
+    });
+  }
 
-      const hoursStr = hours == 0 ? '' : `${String(hours)}h `;
-      const minutesStr = minutes == 0 ? '' : `${String(minutes)}m `;
-      const secondsStr = seconds == 0 ? '' : `${String(seconds)}s`;
+  if (timers.length > 0) {
+    tick();
+    setInterval(tick, 1000);
+  }
+}
 
-      if (now > startedAt) {
-        displayElement.textContent = hoursStr + minutesStr + secondsStr;
-      } else {
-        displayElement.textContent = 'In ' + hoursStr + minutesStr + secondsStr;
-      }
-    }
+function linkRows() {
+  document.querySelectorAll('tr[data-href]').forEach(function(row) {
+    row.addEventListener('click', function(event) {
+      const selectingText = !window.getSelection().isCollapsed;
 
-    updateTimer();
-    setInterval(updateTimer, 1000);
-  });
+      if (selectingText || event.target.closest('a')) return;
 
-  document.querySelectorAll('[data-href]').forEach(function(element) {
-    element.addEventListener('click', function() {
-      window.location.href = element.dataset.href;
+      window.location.href = row.dataset.href;
     });
   });
+}
 
-  document.querySelectorAll('[data-open-modal]').forEach(function(element) {
-    element.addEventListener('click', function() {
-      const modalId = element.dataset.openModal;
-
-      document.getElementById(modalId).setAttribute('open', '');
-    });
+function closeMenus(except) {
+  document.querySelectorAll('details.menu[open]').forEach(function(menu) {
+    if (menu !== except) menu.removeAttribute('open');
   });
+}
 
-  document.querySelectorAll('[data-close-modal]').forEach(function(element) {
-    element.addEventListener('click', function() {
-      const modalId = element.dataset.closeModal;
+function dismissMenus() {
+  document.addEventListener('click', function(event) {
+    closeMenus(event.target.closest('details.menu'));
+  });
 
-      document.getElementById(modalId).removeAttribute('open');
-    });
+  document.addEventListener('keydown', function(event) {
+    if (event.key === 'Escape') closeMenus();
   });
-});
+}
 
+document.addEventListener('DOMContentLoaded', function() {
+  startTimers();
+  linkRows();
+  dismissMenus();
+});