cosmonats 0.2.0 → 0.4.0

data/lib/cosmo/web/helpers/application.rb

@@ -8,6 +8,12 @@ module Cosmo
       module Application
         include Renderer
 
+        def render(template, locals = nil)
+          defaults = { request: @request }
+          locals = Hash(locals).merge(defaults)
+          erb(template, locals)
+        end
+
         def format_bytes(bytes)
           b = bytes.to_i
           return "0 B" if b.zero?
@@ -64,11 +70,20 @@ module Cosmo
         def current_page?(path)
           request_path = @request.path_info
           request_path = "/" if request_path.empty?
-          request_path == url_for(path)
+          request_path == path
+        end
+
+        def path_prefix?(*values)
+          values.any? { |v| @request.path_info.start_with?(v) }
         end
 
         def referrer?(path)
-          URI(@request.referrer).path == path
+          referrer_uri  = URI(@request.referrer)
+          referrer_path = referrer_uri.path
+          script_name   = @request.script_name
+          referrer_path = referrer_path.delete_prefix(script_name) if script_name && !script_name.empty?
+          referrer_path = "/" if referrer_path.empty?
+          referrer_path == path
         end
       end
     end

data/lib/cosmo/web/views/actions/index.erb

@@ -2,6 +2,6 @@
   <header></header>
 
   <div>
-    <div class="alert alert-info">None</div>
+    <div class="alert alert-info">Coming soon, stay tuned</div>
   </div>
 </section>

data/lib/cosmo/web/views/crons/_table.erb

@@ -0,0 +1,58 @@
+<% if @schedules.empty? -%>
+  <div class="alert alert-success">
+    No cron schedules deployed in NATS.<br>
+    Add a <code>cron:</code> section to <code>cosmo.yml</code> and run
+    <code>cosmo --setup</code> to publish them.
+  </div>
+<% else -%>
+  <div class="table-container">
+    <table>
+      <thead>
+        <tr>
+          <th>Job</th>
+          <th>Expression</th>
+          <th>Timezone</th>
+          <th>Args</th>
+          <th>Stream</th>
+          <th>Actions</th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @schedules.each do |s| -%>
+        <tr id="cron-row-<%= h(s[:registry_key].to_s.gsub("/", "-")) %>">
+          <td>
+            <div class="job-class"><%= h(s[:class].to_s) %></div>
+            <% if s[:name] -%>
+              <code class="text-muted" style="font-size:0.8em;"><%= h(s[:name].to_s) %></code>
+            <% end -%>
+            <div style="font-size:0.75em; color:#888; margin-top:2px;">
+              <code><%= h(s[:schedule_subject].to_s) %></code>
+            </div>
+          </td>
+          <td><code class="subject-tag"><%= h(s[:schedule].to_s) %></code></td>
+          <td><%= h(s[:timezone] || "UTC") %></td>
+          <td>
+            <% if s[:args]&.any? -%>
+              <code><%= h(s[:args].inspect) %></code>
+            <% else -%>
+              <span class="text-muted">&mdash;</span>
+            <% end -%>
+          </td>
+          <td><code><%= h(s[:stream].to_s) %></code></td>
+          <td style="white-space:nowrap;">
+            <a hx-post="<%= url_for('/crons/run', { subject: u(s[:schedule_subject].to_s) }) %>"
+               class="btn btn-success btn-sm"
+               title="Dispatch this job now, bypassing the schedule timer">&#x25BA; Run Now</a>
+            <a hx-delete="<%= url_for('/crons/delete', { subject: u(s[:schedule_subject].to_s) }) %>"
+               hx-target="#crons-table"
+               hx-swap="innerHTML"
+               hx-confirm="Delete '<%= h(s[:schedule_subject].to_s) %>'? NATS will stop firing it."
+               class="btn btn-danger btn-sm"
+               title="Purge schedule from NATS">&#x1F5D1; Delete</a>
+          </td>
+        </tr>
+        <% end -%>
+      </tbody>
+    </table>
+  </div>
+<% end -%>

data/lib/cosmo/web/views/crons/index.erb

@@ -0,0 +1,10 @@
+<section>
+  <header><%= render('jobs/_tabs') %></header>
+
+  <div id="crons-table"
+       hx-get="<%= url_for('/crons/_table') %>"
+       hx-trigger="load, every 10s"
+       hx-swap="innerHTML">
+    <div class="alert alert-info">Loading cron schedules&hellip;</div>
+  </div>
+</section>

data/lib/cosmo/web/views/jobs/_busy.erb

@@ -1,50 +1,55 @@
-<div class="pending">
-  <span></span>
-  <span class="text-muted"><%= @total %> job(s) running</span>
-</div>
-
-<% if @jobs.empty? -%>
-  <div class="alert alert-success">No jobs are currently running</div>
-<% else -%>
-  <div class="table-container">
-    <table>
-      <thead>
-        <tr>
-          <th>Job</th>
-          <th>JID[Args]</th>
-          <th>Stream</th>
-          <th>Worker</th>
-          <th>Running for</th>
-        </tr>
-      </thead>
-      <tbody>
-        <% @jobs.each do |job| -%>
-        <tr>
-          <td>
-            <div class="job-class">
-              <%= h(job.dig(:data, :class).to_s) %>
-            </div>
-          </td>
-          <td>
-            <div class="job-id">
-              <details>
-                <summary>
-                  <code><%= h(job.dig(:data, :jid)) %></code>
-                </summary>
-                <code><%= h(JSON.pretty_generate(job.dig(:data, :args))) %></code>
-              </details>
-            </div>
-          </td>
-          <td>
-            <code><%= h(job[:stream].to_s) %></code>
-          </td>
-          <td><code style="font-size: var(--font-size-small);"><%= h(job[:worker].to_s) %></code></td>
-          <td>
-            <%= elapsed(job[:started_at]) %>
-          </td>
-        </tr>
-        <% end -%>
-      </tbody>
-    </table>
+<div id="busy-poller"
+     hx-get="<%= url_for('/jobs/_busy') %>"
+     hx-trigger="every 5s"
+     hx-swap="outerHTML">
+  <div class="pending">
+    <span></span>
+    <span class="text-muted"><%= @total %> job(s) running</span>
   </div>
-<% end -%>
+
+  <% if @jobs.empty? -%>
+    <div class="alert alert-success">No jobs are currently running</div>
+  <% else -%>
+    <div class="table-container">
+      <table>
+        <thead>
+          <tr>
+            <th>Job</th>
+            <th>JID[Args]</th>
+            <th>Stream</th>
+            <th>Worker</th>
+            <th>Running for</th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @jobs.each do |job| -%>
+          <tr>
+            <td>
+              <div class="job-class">
+                <%= h(job.dig(:data, :class).to_s) %>
+              </div>
+            </td>
+            <td>
+              <div class="job-id">
+                <details>
+                  <summary>
+                    <code><%= h(job.dig(:data, :jid)) %></code>
+                  </summary>
+                  <code><%= h(JSON.pretty_generate(job.dig(:data, :args))) %></code>
+                </details>
+              </div>
+            </td>
+            <td>
+              <code><%= h(job[:stream].to_s) %></code>
+            </td>
+            <td><code style="font-size: var(--font-size-small);"><%= h(job[:worker].to_s) %></code></td>
+            <td>
+              <%= elapsed(job[:started_at]) %>
+            </td>
+          </tr>
+          <% end -%>
+        </tbody>
+      </table>
+    </div>
+  <% end -%>
+</div>

data/lib/cosmo/web/views/jobs/_dead.erb

@@ -1,65 +1,70 @@
-<% if @jobs.empty? -%>
-  <div class="alert alert-success">No dead jobs found</div>
-<% else -%>
-  <div class="table-container">
-    <table>
-      <thead>
-        <tr>
-          <th>Job</th>
-          <th>JID[Args]</th>
-          <th>Stream</th>
-          <th>Error</th>
-          <th>Failed</th>
-          <th>Actions</th>
-        </tr>
-      </thead>
-      <tbody>
-        <% @jobs.each do |job| -%>
-        <tr class="dead-row" id="dead-row-<%= job.seq %>">
-          <td>
-            <div class="job-class">
-              <%= h(job.data[:class].to_s) %>
-            </div>
-          </td>
-          <td>
-            <div class="job-id">
-              <details>
-                <summary>
-                  <code><%= h(job.data[:jid].to_s) %></code>
-                </summary>
-                <code><%= h((JSON.pretty_generate(job.data[:args]) rescue job.data[:args].to_s)) %></code>
-              </details>
-            </div>
-          </td>
-          <td>
-            <code><%= h(job.stream) %></code>
-          </td>
-          <td style="max-width: 400px;">
-            <% if job.data[:error] -%>
-            <div class="error-message">
-              <strong><%= h(job.data[:error].to_s.split(":").first || "Error") %></strong>
-              <p><%= h(job.data[:error]) %></p>
-            </div>
-            <% end -%>
-          </td>
-          <td style="white-space: nowrap;">
-            <time><%= h(job.timestamp) %></time>
-          </td>
-          <td>
-            <a hx-patch="<%= url_for("/jobs/retry/#{job.seq}") %>"
-               hx-target="#dead-row-<%= job.seq %>"
-               hx-swap="innerHTML"
-               class="btn btn-primary"
-               style="width: 100%; text-align: center; margin-bottom: 3px">&#x21BB; Retry</a>
-            <a hx-delete="<%= url_for("/jobs/delete/#{job.seq}") %>"
-               hx-target="#dead-row-<%= job.seq %>"
-               hx-swap="innerHTML"
-               class="btn btn-danger"
-               style="width: 100%; text-align: center; margin-bottom: 3px">&#x2715; Delete</a>
-          </td>
-        </tr>
-        <% end -%>
-      </tbody>
-    </table>
-  </div>
-<% end -%>
+<div id="dead-poller"
+     hx-get="<%= url_for('/jobs/_dead') %>"
+     hx-trigger="every 5s"
+     hx-swap="outerHTML">
+  <% if @jobs.empty? -%>
+    <div class="alert alert-success">No dead jobs found</div>
+  <% else -%>
+    <div class="table-container">
+      <table>
+        <thead>
+          <tr>
+            <th>Job</th>
+            <th>JID[Args]</th>
+            <th>Stream</th>
+            <th>Error</th>
+            <th>Failed</th>
+            <th>Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @jobs.each do |job| -%>
+          <tr class="dead-row" id="dead-row-<%= job.seq %>">
+            <td>
+              <div class="job-class">
+                <%= h(job.data[:class].to_s) %>
+              </div>
+            </td>
+            <td>
+              <div class="job-id">
+                <details>
+                  <summary>
+                    <code><%= h(job.data[:jid].to_s) %></code>
+                  </summary>
+                  <code><%= h((JSON.pretty_generate(job.data[:args]) rescue job.data[:args].to_s)) %></code>
+                </details>
+              </div>
+            </td>
+            <td>
+              <code><%= h(job.stream) %></code>
+            </td>
+            <td style="max-width: 400px;">
+              <% if job.data[:error] -%>
+              <div class="error-message">
+                <strong><%= h(job.data[:error].to_s.split(":").first || "Error") %></strong>
+                <p><%= h(job.data[:error]) %></p>
+              </div>
+              <% end -%>
+            </td>
+            <td style="white-space: nowrap;">
+              <time><%= h(job.timestamp) %></time>
+            </td>
+            <td>
+              <a hx-patch="<%= url_for("/jobs/retry/#{job.seq}") %>"
+                 hx-target="#dead-row-<%= job.seq %>"
+                 hx-swap="innerHTML"
+                 class="btn btn-primary"
+                 style="width: 100%; text-align: center; margin-bottom: 3px">&#x21BB; Retry</a>
+              <a hx-delete="<%= url_for("/jobs/delete/#{job.seq}") %>"
+                 hx-target="#dead-row-<%= job.seq %>"
+                 hx-swap="innerHTML"
+                 class="btn btn-danger"
+                 style="width: 100%; text-align: center; margin-bottom: 3px">&#x2715; Delete</a>
+            </td>
+          </tr>
+          <% end -%>
+        </tbody>
+      </table>
+    </div>
+  <% end -%>
+</div>

data/lib/cosmo/web/views/jobs/_enqueued.erb

@@ -1,60 +1,86 @@
-<div class="nav">
-  <% @stream_names.each do |stream_name| -%>
-    <button hx-get="<%= url_for('/jobs/enqueued', { stream_name: }) %>"
-            hx-target="#content"
-            hx-swap="innerHTML"
-            hx-push-url="true"
-            class="btn <%= "btn-primary" if @stream_name.to_s == stream_name.to_s %>">
-      <%= h(stream_name) %>
-    </button>
+<div id="enqueued-poller">
+  <div class="nav">
+    <% @stream_names.each do |stream_name| -%>
+      <button hx-get="<%= url_for('/jobs/enqueued', { stream_name: }) %>"
+              hx-target="#content"
+              hx-swap="innerHTML"
+              hx-push-url="true"
+              class="btn <%= "btn-primary" if @stream_name.to_s == stream_name.to_s %>">
+        <%= h(stream_name) %>
+      </button>
+    <% end -%>
+  </div>
+
+  <div class="pending">
+    <span></span>
+    <span class="text-muted"><%= @total %> message(s) pending</span>
+  </div>
+
+  <% if @jobs.empty? -%>
+    <div class="alert alert-success">Stream <code><%= h(@stream_name) %></code> is empty</div>
+  <% else -%>
+    <div class="table-container">
+      <table>
+        <thead>
+          <tr>
+            <th>Job</th>
+            <th>JID[Args]</th>
+            <th>Stream</th>
+            <th>Seq</th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @jobs.each do |job| -%>
+          <tr>
+            <td>
+              <div class="job-class">
+                <%= h(job.data[:class].to_s) %>
+              </div>
+            </td>
+            <td>
+              <div class="job-id">
+                <details>
+                  <summary>
+                    <code><%= h(job.data[:jid].to_s) %></code>
+                  </summary>
+                  <code><%= h((JSON.pretty_generate(job.data[:args]) rescue job.data[:args].to_s)) %></code>
+                </details>
+              </div>
+            </td>
+            <td>
+              <code><%= h(job.stream) %></code>
+            </td>
+            <td>
+              <code><%= job.seq %></code>
+            </td>
+          </tr>
+          <% end -%>
+        </tbody>
+      </table>
+    </div>
   <% end -%>
-</div>
 
-<div class="pending">
-  <span></span>
-  <span class="text-muted"><%= @total %> message(s) pending</span>
-</div>
+  <% if @total_pages > 1 -%>
+  <div class="pagination">
+    <% if @page > 1 -%>
+      <a hx-get="<%= url_for('/jobs/_enqueued', stream_name: @stream_name, page: @page - 1, limit: @limit) %>"
+         hx-target="#enqueued-poller"
+         hx-swap="outerHTML"
+         class="btn">&#x2190; Prev</a>
+    <% else -%>
+      <span class="btn btn-disabled">&#x2190; Prev</span>
+    <% end -%>
+
+    <span class="text-muted">Page <%= @page %> of <%= @total_pages %></span>
 
-<% if @jobs.empty? -%>
-  <div class="alert alert-success">Stream <code><%= h(@stream_name) %></code> is empty</div>
-<% else -%>
-  <div class="table-container">
-    <table>
-      <thead>
-        <tr>
-          <th>Job</th>
-          <th>JID[Args]</th>
-          <th>Stream</th>
-          <th>Seq</th>
-        </tr>
-      </thead>
-      <tbody>
-        <% @jobs.each do |job| -%>
-        <tr>
-          <td>
-            <div class="job-class">
-              <%= h(job.data[:class].to_s) %>
-            </div>
-          </td>
-          <td>
-            <div class="job-id">
-              <details>
-                <summary>
-                  <code><%= h(job.data[:jid].to_s) %></code>
-                </summary>
-                <code><%= h((JSON.pretty_generate(job.data[:args]) rescue job.data[:args].to_s)) %></code>
-              </details>
-            </div>
-          </td>
-          <td>
-            <code><%= h(job.stream) %></code>
-          </td>
-          <td>
-            <code><%= job.seq %></code>
-          </td>
-        </tr>
-        <% end -%>
-      </tbody>
-    </table>
+    <% if @page < @total_pages -%>
+      <a hx-get="<%= url_for('/jobs/_enqueued', stream_name: @stream_name, page: @page + 1, limit: @limit) %>"
+         hx-target="#enqueued-poller"
+         hx-swap="outerHTML"
+         class="btn">Next &#x2192;</a>
+    <% else -%>
+      <span class="btn btn-disabled">Next &#x2192;</span>
+    <% end -%>
   </div>
-<% end -%>
+  <% end -%>
+</div>

data/lib/cosmo/web/views/jobs/_scheduled.erb

@@ -1,49 +1,54 @@
-<div class="pending">
-  <span></span>
-  <span class="text-muted"><%= @total %> job(s) scheduled</span>
-</div>
-
-<% if @jobs.empty? -%>
-  <div class="alert alert-success">No scheduled jobs found</div>
-<% else -%>
-  <div class="table-container">
-    <table>
-      <thead>
-        <tr>
-          <th>Job</th>
-          <th>JID[Args]</th>
-          <th>Stream</th>
-          <th>When</th>
-        </tr>
-      </thead>
-      <tbody>
-        <% @jobs.each do |job| -%>
-        <tr>
-          <td>
-            <div class="job-class">
-              <%= h(job.data[:class].to_s) %>
-            </div>
-          </td>
-          <td>
-            <div class="job-id">
-              <details>
-                <summary>
-                  <code><%= h(job.data[:jid].to_s) %></code>
-                </summary>
-                <code><%= h((JSON.pretty_generate(job.data[:args]) rescue job.data[:args].to_s)) %></code>
-              </details>
-            </div>
-          </td>
-          <td>
-            <code><%= h(job.x_stream) %></code>
-          </td>
-          <td style="white-space: nowrap;">
-            <div class="time-badge"><%= h(time_until(job.execute_at)) %></div>
-            <time><%= h(format_timestamp(job.execute_at)) %></time>
-          </td>
-        </tr>
-        <% end -%>
-      </tbody>
-    </table>
+<div id="scheduled-poller"
+     hx-get="<%= url_for('/jobs/_scheduled') %>"
+     hx-trigger="every 5s"
+     hx-swap="outerHTML">
+  <div class="pending">
+    <span></span>
+    <span class="text-muted"><%= @total %> job(s) scheduled</span>
   </div>
-<% end -%>
+
+  <% if @jobs.empty? -%>
+    <div class="alert alert-success">No scheduled jobs found</div>
+  <% else -%>
+    <div class="table-container">
+      <table>
+        <thead>
+          <tr>
+            <th>Job</th>
+            <th>JID[Args]</th>
+            <th>Stream</th>
+            <th>When</th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @jobs.each do |job| -%>
+          <tr>
+            <td>
+              <div class="job-class">
+                <%= h(job.data[:class].to_s) %>
+              </div>
+            </td>
+            <td>
+              <div class="job-id">
+                <details>
+                  <summary>
+                    <code><%= h(job.data[:jid].to_s) %></code>
+                  </summary>
+                  <code><%= h((JSON.pretty_generate(job.data[:args]) rescue job.data[:args].to_s)) %></code>
+                </details>
+              </div>
+            </td>
+            <td>
+              <code><%= h(job.x_stream) %></code>
+            </td>
+            <td style="white-space: nowrap;">
+              <div class="time-badge"><%= h(time_until(job.execute_at)) %></div>
+              <time><%= h(format_timestamp(job.execute_at)) %></time>
+            </td>
+          </tr>
+          <% end -%>
+        </tbody>
+      </table>
+    </div>
+  <% end -%>
+</div>

data/lib/cosmo/web/views/jobs/_tabs.erb

@@ -0,0 +1,6 @@
+<nav class="tabs">
+  <a href="<%= url_for('/jobs') %>"
+     class="<%= 'active' if path_prefix?('/jobs') %>">&#x1F4CB; Dashboard</a>
+  <a href="<%= url_for('/crons') %>"
+     class="<%= 'active' if path_prefix?('/crons') %>">&#x23F0; Crons</a>
+</nav>

data/lib/cosmo/web/views/jobs/busy.erb

@@ -1,5 +1,5 @@
 <section>
-  <header></header>
+  <header><%= render('jobs/_tabs') %></header>
 
   <div hx-get="<%= url_for('/jobs/_stats') %>"
        hx-trigger="load, every 5s"
@@ -7,10 +7,12 @@
     <div class="alert alert-info">Loading statistics…</div>
   </div>
 
-  <div id="content"
-       hx-get="<%= url_for('/jobs/_busy') %>"
-       hx-trigger="load, every 5s"
-       hx-swap="innerHTML">
-    <div class="alert alert-info">Loading busy jobs&hellip;</div>
+  <div id="content">
+    <div id="busy-poller"
+         hx-get="<%= url_for('/jobs/_busy') %>"
+         hx-trigger="load"
+         hx-swap="outerHTML">
+      <div class="alert alert-info">Loading busy jobs&hellip;</div>
+    </div>
   </div>
 </section>

data/lib/cosmo/web/views/jobs/dead.erb

@@ -1,5 +1,5 @@
 <section>
-  <header></header>
+  <header><%= render('jobs/_tabs') %></header>
 
   <div hx-get="<%= url_for('/jobs/_stats') %>"
        hx-trigger="load, every 5s"
@@ -8,10 +8,11 @@
   </div>
 
   <div id="content">
-    <div hx-get="<%= url_for('/jobs/_dead') %>"
-         hx-trigger="load, every 5s"
-         hx-swap="innerHTML">
-      <div class="alert alert-info">Loading dead jobs…</div>
+    <div id="dead-poller"
+         hx-get="<%= url_for('/jobs/_dead') %>"
+         hx-trigger="load"
+         hx-swap="outerHTML">
+      <div class="alert alert-info">Loading dead jobs&hellip;</div>
     </div>
   </div>
 </section>