nats_pubsub 1.0.0

data/lib/nats_pubsub/web/views/inbox_detail.erb

@@ -0,0 +1,91 @@
+<h2>Inbox Event Details</h2>
+
+<div class="card">
+  <div class="detail-row">
+    <div class="detail-label">Event ID</div>
+    <div><%= @event.event_id %></div>
+  </div>
+
+  <div class="detail-row">
+    <div class="detail-label">Subject</div>
+    <div><%= @event.subject %></div>
+  </div>
+
+  <div class="detail-row">
+    <div class="detail-label">Status</div>
+    <div><span class="badge <%= status_badge_class(@event.status) %>"><%= @event.status %></span></div>
+  </div>
+
+  <% if @event.respond_to?(:stream) && @event.stream %>
+    <div class="detail-row">
+      <div class="detail-label">Stream</div>
+      <div><%= @event.stream %></div>
+    </div>
+  <% end %>
+
+  <% if @event.respond_to?(:stream_seq) && @event.stream_seq %>
+    <div class="detail-row">
+      <div class="detail-label">Stream Sequence</div>
+      <div><%= @event.stream_seq %></div>
+    </div>
+  <% end %>
+
+  <% if @event.respond_to?(:deliveries) %>
+    <div class="detail-row">
+      <div class="detail-label">Deliveries</div>
+      <div><%= @event.deliveries %></div>
+    </div>
+  <% end %>
+
+  <% if @event.respond_to?(:received_at) %>
+    <div class="detail-row">
+      <div class="detail-label">Received At</div>
+      <div><%= format_time(@event.received_at) %></div>
+    </div>
+  <% end %>
+
+  <% if @event.respond_to?(:processed_at) %>
+    <div class="detail-row">
+      <div class="detail-label">Processed At</div>
+      <div><%= format_time(@event.processed_at) %></div>
+    </div>
+  <% end %>
+
+  <div class="detail-row">
+    <div class="detail-label">Created At</div>
+    <div><%= format_time(@event.created_at) %></div>
+  </div>
+
+  <div class="detail-row">
+    <div class="detail-label">Updated At</div>
+    <div><%= format_time(@event.updated_at) %></div>
+  </div>
+
+  <% if @event.respond_to?(:last_error) && @event.last_error %>
+    <div class="detail-row">
+      <div class="detail-label">Last Error</div>
+      <div style="color: #e74c3c;"><%= @event.last_error %></div>
+    </div>
+  <% end %>
+
+  <h3 style="margin-top: 30px; margin-bottom: 15px;">Payload</h3>
+  <pre><%= JSON.pretty_generate(@event.payload) %></pre>
+
+  <% if @event.respond_to?(:headers) && @event.headers %>
+    <h3 style="margin-top: 30px; margin-bottom: 15px;">Headers</h3>
+    <pre><%= JSON.pretty_generate(@event.headers) %></pre>
+  <% end %>
+
+  <div style="margin-top: 30px; display: flex; gap: 10px;">
+    <a href="/inbox" class="btn btn-secondary">Back to List</a>
+    <% if @event.status == 'failed' %>
+      <form method="post" action="/inbox/<%= @event.id %>/reprocess" style="display: inline;">
+        <button type="submit" class="btn btn-primary">Reprocess</button>
+      </form>
+    <% end %>
+    <form method="post" action="/inbox/<%= @event.id %>" style="display: inline;">
+      <input type="hidden" name="_method" value="DELETE">
+      <button type="submit" class="btn btn-danger" onclick="return confirm('Are you sure you want to delete this event?')">Delete</button>
+    </form>
+  </div>
+</div>

data/lib/nats_pubsub/web/views/inbox_list.erb

@@ -0,0 +1,62 @@
+<h2>Inbox Events</h2>
+
+<div class="filters">
+  <form method="get" action="/inbox" style="display: flex; gap: 10px;">
+    <select name="status" onchange="this.form.submit()">
+      <option value="">All Statuses</option>
+      <option value="received" <%= 'selected' if @status_filter == 'received' %>>Received</option>
+      <option value="processing" <%= 'selected' if @status_filter == 'processing' %>>Processing</option>
+      <option value="processed" <%= 'selected' if @status_filter == 'processed' %>>Processed</option>
+      <option value="failed" <%= 'selected' if @status_filter == 'failed' %>>Failed</option>
+    </select>
+  </form>
+</div>
+
+<div class="card">
+  <table>
+    <thead>
+      <tr>
+        <th>Event ID</th>
+        <th>Subject</th>
+        <th>Status</th>
+        <th>Deliveries</th>
+        <th>Received At</th>
+        <th>Actions</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% if @events.any? %>
+        <% @events.each do |event| %>
+          <tr>
+            <td><a href="/inbox/<%= event.id %>"><%= truncate(event.event_id, 30) %></a></td>
+            <td><%= truncate(event.subject, 40) %></td>
+            <td><span class="badge <%= status_badge_class(event.status) %>"><%= event.status %></span></td>
+            <td><%= event.respond_to?(:deliveries) ? event.deliveries : 'N/A' %></td>
+            <td><%= format_time(event.respond_to?(:received_at) ? event.received_at : event.created_at) %></td>
+            <td>
+              <a href="/inbox/<%= event.id %>" class="btn btn-secondary" style="padding: 4px 8px;">View</a>
+            </td>
+          </tr>
+        <% end %>
+      <% else %>
+        <tr>
+          <td colspan="6" style="text-align: center; padding: 40px;">No events found</td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+
+  <% if @total_pages > 1 %>
+    <div class="pagination">
+      <% if @page > 1 %>
+        <a href="?page=<%= @page - 1 %><%= "&status=#{@status_filter}" if @status_filter %>">« Previous</a>
+      <% end %>
+
+      <span>Page <%= @page %> of <%= @total_pages %></span>
+
+      <% if @page < @total_pages %>
+        <a href="?page=<%= @page + 1 %><%= "&status=#{@status_filter}" if @status_filter %>">Next »</a>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/lib/nats_pubsub/web/views/layout.erb

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>NatsPubsub Web UI</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: #f5f5f5; color: #333; }
+    .container { max-width: 1200px; margin: 0 auto; padding: 20px; }
+    header { background: #2c3e50; color: white; padding: 20px 0; margin-bottom: 30px; }
+    header h1 { font-size: 24px; font-weight: 600; }
+    header .container { display: flex; justify-content: space-between; align-items: center; }
+    nav { display: flex; gap: 20px; }
+    nav a { color: white; text-decoration: none; padding: 8px 16px; border-radius: 4px; }
+    nav a:hover, nav a.active { background: rgba(255,255,255,0.1); }
+    .stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 30px; }
+    .stat-card { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
+    .stat-card h3 { font-size: 14px; color: #666; margin-bottom: 10px; text-transform: uppercase; }
+    .stat-card .value { font-size: 32px; font-weight: bold; color: #2c3e50; }
+    .stat-card.success .value { color: #27ae60; }
+    .stat-card.danger .value { color: #e74c3c; }
+    .stat-card.warning .value { color: #f39c12; }
+    .card { background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); padding: 20px; margin-bottom: 20px; }
+    .card h2 { margin-bottom: 20px; color: #2c3e50; }
+    table { width: 100%; border-collapse: collapse; }
+    table th, table td { padding: 12px; text-align: left; border-bottom: 1px solid #eee; }
+    table th { background: #f8f9fa; font-weight: 600; color: #666; font-size: 12px; text-transform: uppercase; }
+    table tr:hover { background: #f8f9fa; }
+    .badge { display: inline-block; padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; text-transform: uppercase; }
+    .badge.success { background: #d4edda; color: #155724; }
+    .badge.danger { background: #f8d7da; color: #721c24; }
+    .badge.warning { background: #fff3cd; color: #856404; }
+    .badge.secondary { background: #e2e3e5; color: #383d41; }
+    .btn { display: inline-block; padding: 8px 16px; border-radius: 4px; text-decoration: none; border: none; cursor: pointer; font-size: 14px; }
+    .btn-primary { background: #3498db; color: white; }
+    .btn-danger { background: #e74c3c; color: white; }
+    .btn-secondary { background: #95a5a6; color: white; }
+    .btn:hover { opacity: 0.9; }
+    .pagination { display: flex; gap: 10px; justify-content: center; margin-top: 20px; }
+    .pagination a, .pagination span { padding: 8px 12px; border-radius: 4px; text-decoration: none; background: white; color: #333; }
+    .pagination a:hover { background: #3498db; color: white; }
+    .pagination span { background: #3498db; color: white; }
+    .filters { margin-bottom: 20px; display: flex; gap: 10px; }
+    .filters select { padding: 8px; border-radius: 4px; border: 1px solid #ddd; }
+    pre { background: #f4f4f4; padding: 15px; border-radius: 4px; overflow-x: auto; font-size: 12px; }
+    .detail-row { display: grid; grid-template-columns: 200px 1fr; gap: 15px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
+    .detail-row:last-child { border-bottom: none; }
+    .detail-label { font-weight: 600; color: #666; }
+  </style>
+</head>
+<body>
+  <header>
+    <div class="container">
+      <h1>🚀 NatsPubsub</h1>
+      <nav>
+        <a href="/">Dashboard</a>
+        <a href="/outbox">Outbox</a>
+        <a href="/inbox">Inbox</a>
+      </nav>
+    </div>
+  </header>
+
+  <div class="container">
+    <%= yield %>
+  </div>
+</body>
+</html>

data/lib/nats_pubsub/web/views/outbox_detail.erb

@@ -0,0 +1,77 @@
+<h2>Outbox Event Details</h2>
+
+<div class="card">
+  <div class="detail-row">
+    <div class="detail-label">Event ID</div>
+    <div><%= @event.event_id %></div>
+  </div>
+
+  <div class="detail-row">
+    <div class="detail-label">Subject</div>
+    <div><%= @event.subject %></div>
+  </div>
+
+  <div class="detail-row">
+    <div class="detail-label">Status</div>
+    <div><span class="badge <%= status_badge_class(@event.status) %>"><%= @event.status %></span></div>
+  </div>
+
+  <% if @event.respond_to?(:attempts) %>
+    <div class="detail-row">
+      <div class="detail-label">Attempts</div>
+      <div><%= @event.attempts %></div>
+    </div>
+  <% end %>
+
+  <% if @event.respond_to?(:enqueued_at) %>
+    <div class="detail-row">
+      <div class="detail-label">Enqueued At</div>
+      <div><%= format_time(@event.enqueued_at) %></div>
+    </div>
+  <% end %>
+
+  <% if @event.respond_to?(:sent_at) %>
+    <div class="detail-row">
+      <div class="detail-label">Sent At</div>
+      <div><%= format_time(@event.sent_at) %></div>
+    </div>
+  <% end %>
+
+  <div class="detail-row">
+    <div class="detail-label">Created At</div>
+    <div><%= format_time(@event.created_at) %></div>
+  </div>
+
+  <div class="detail-row">
+    <div class="detail-label">Updated At</div>
+    <div><%= format_time(@event.updated_at) %></div>
+  </div>
+
+  <% if @event.respond_to?(:last_error) && @event.last_error %>
+    <div class="detail-row">
+      <div class="detail-label">Last Error</div>
+      <div style="color: #e74c3c;"><%= @event.last_error %></div>
+    </div>
+  <% end %>
+
+  <h3 style="margin-top: 30px; margin-bottom: 15px;">Payload</h3>
+  <pre><%= JSON.pretty_generate(@event.payload) %></pre>
+
+  <% if @event.respond_to?(:headers) && @event.headers %>
+    <h3 style="margin-top: 30px; margin-bottom: 15px;">Headers</h3>
+    <pre><%= JSON.pretty_generate(@event.headers) %></pre>
+  <% end %>
+
+  <div style="margin-top: 30px; display: flex; gap: 10px;">
+    <a href="/outbox" class="btn btn-secondary">Back to List</a>
+    <% if @event.status == 'failed' %>
+      <form method="post" action="/outbox/<%= @event.id %>/retry" style="display: inline;">
+        <button type="submit" class="btn btn-primary">Retry</button>
+      </form>
+    <% end %>
+    <form method="post" action="/outbox/<%= @event.id %>" style="display: inline;">
+      <input type="hidden" name="_method" value="DELETE">
+      <button type="submit" class="btn btn-danger" onclick="return confirm('Are you sure you want to delete this event?')">Delete</button>
+    </form>
+  </div>
+</div>

data/lib/nats_pubsub/web/views/outbox_list.erb

@@ -0,0 +1,62 @@
+<h2>Outbox Events</h2>
+
+<div class="filters">
+  <form method="get" action="/outbox" style="display: flex; gap: 10px;">
+    <select name="status" onchange="this.form.submit()">
+      <option value="">All Statuses</option>
+      <option value="pending" <%= 'selected' if @status_filter == 'pending' %>>Pending</option>
+      <option value="publishing" <%= 'selected' if @status_filter == 'publishing' %>>Publishing</option>
+      <option value="sent" <%= 'selected' if @status_filter == 'sent' %>>Sent</option>
+      <option value="failed" <%= 'selected' if @status_filter == 'failed' %>>Failed</option>
+    </select>
+  </form>
+</div>
+
+<div class="card">
+  <table>
+    <thead>
+      <tr>
+        <th>Event ID</th>
+        <th>Subject</th>
+        <th>Status</th>
+        <th>Attempts</th>
+        <th>Created At</th>
+        <th>Actions</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% if @events.any? %>
+        <% @events.each do |event| %>
+          <tr>
+            <td><a href="/outbox/<%= event.id %>"><%= truncate(event.event_id, 30) %></a></td>
+            <td><%= truncate(event.subject, 40) %></td>
+            <td><span class="badge <%= status_badge_class(event.status) %>"><%= event.status %></span></td>
+            <td><%= event.respond_to?(:attempts) ? event.attempts : 'N/A' %></td>
+            <td><%= format_time(event.created_at) %></td>
+            <td>
+              <a href="/outbox/<%= event.id %>" class="btn btn-secondary" style="padding: 4px 8px;">View</a>
+            </td>
+          </tr>
+        <% end %>
+      <% else %>
+        <tr>
+          <td colspan="6" style="text-align: center; padding: 40px;">No events found</td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+
+  <% if @total_pages > 1 %>
+    <div class="pagination">
+      <% if @page > 1 %>
+        <a href="?page=<%= @page - 1 %><%= "&status=#{@status_filter}" if @status_filter %>">« Previous</a>
+      <% end %>
+
+      <span>Page <%= @page %> of <%= @total_pages %></span>
+
+      <% if @page < @total_pages %>
+        <a href="?page=<%= @page + 1 %><%= "&status=#{@status_filter}" if @status_filter %>">Next »</a>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/lib/nats_pubsub/web.rb

@@ -0,0 +1,181 @@
+# frozen_string_literal: true
+
+require 'sinatra/base'
+require 'json'
+require 'erb'
+require_relative 'models/model_utils'
+
+module NatsPubsub
+  # Web UI for monitoring Inbox and Outbox events
+  # Mount this in your Rails routes or run standalone
+  #
+  # Example (Rails):
+  #   mount NatsPubsub::Web, at: '/jetstream'
+  #
+  # Example (Standalone):
+  #   run NatsPubsub::Web
+  class Web < Sinatra::Base
+    set :root, File.expand_path('../..', __dir__)
+    set :views, proc { File.join(root, 'lib/nats_pubsub/web/views') }
+    set :public_folder, proc { File.join(root, 'lib/nats_pubsub/web/public') }
+
+    helpers do
+      def outbox_model
+        @outbox_model ||= ModelUtils.constantize(NatsPubsub.config.outbox_model)
+      end
+
+      def inbox_model
+        @inbox_model ||= ModelUtils.constantize(NatsPubsub.config.inbox_model)
+      end
+
+      def format_time(time)
+        return 'N/A' unless time
+
+        time.strftime('%Y-%m-%d %H:%M:%S %Z')
+      end
+
+      def status_badge_class(status)
+        case status.to_s.downcase
+        when 'sent', 'processed'
+          'success'
+        when 'failed'
+          'danger'
+        when 'publishing', 'processing'
+          'warning'
+        else
+          'secondary'
+        end
+      end
+
+      def truncate(text, length = 50)
+        return '' unless text
+
+        text = text.to_s
+        text.length > length ? "#{text[0...length]}..." : text
+      end
+    end
+
+    # Dashboard
+    get '/' do
+      @outbox_stats = calculate_outbox_stats
+      @inbox_stats = calculate_inbox_stats
+      erb :dashboard
+    end
+
+    # Outbox list
+    get '/outbox' do
+      @page = (params[:page] || 1).to_i
+      @per_page = 50
+      @status_filter = params[:status]
+
+      query = outbox_model
+      query = query.where(status: @status_filter) if @status_filter
+      query = query.order(created_at: :desc)
+
+      @total = query.count
+      @events = query.offset((@page - 1) * @per_page).limit(@per_page)
+      @total_pages = (@total.to_f / @per_page).ceil
+
+      erb :outbox_list
+    end
+
+    # Outbox detail
+    get '/outbox/:id' do
+      @event = outbox_model.find(params[:id])
+      erb :outbox_detail
+    end
+
+    # Retry outbox event
+    post '/outbox/:id/retry' do
+      event = outbox_model.find(params[:id])
+      event.update!(status: 'pending', last_error: nil)
+
+      redirect back
+    end
+
+    # Delete outbox event
+    delete '/outbox/:id' do
+      event = outbox_model.find(params[:id])
+      event.destroy
+
+      redirect '/outbox'
+    end
+
+    # Inbox list
+    get '/inbox' do
+      @page = (params[:page] || 1).to_i
+      @per_page = 50
+      @status_filter = params[:status]
+
+      query = inbox_model
+      query = query.where(status: @status_filter) if @status_filter
+      query = query.order(created_at: :desc)
+
+      @total = query.count
+      @events = query.offset((@page - 1) * @per_page).limit(@per_page)
+      @total_pages = (@total.to_f / @per_page).ceil
+
+      erb :inbox_list
+    end
+
+    # Inbox detail
+    get '/inbox/:id' do
+      @event = inbox_model.find(params[:id])
+      erb :inbox_detail
+    end
+
+    # Reprocess inbox event
+    post '/inbox/:id/reprocess' do
+      event = inbox_model.find(params[:id])
+      event.update!(status: 'received', last_error: nil)
+
+      redirect back
+    end
+
+    # Delete inbox event
+    delete '/inbox/:id' do
+      event = inbox_model.find(params[:id])
+      event.destroy
+
+      redirect '/inbox'
+    end
+
+    # Health check
+    get '/health' do
+      content_type :json
+      { status: 'ok', timestamp: Time.now.utc }.to_json
+    end
+
+    private
+
+    def calculate_outbox_stats
+      return {} unless ModelUtils.ar_class?(outbox_model)
+
+      {
+        total: outbox_model.count,
+        pending: outbox_model.where(status: 'pending').count,
+        publishing: outbox_model.where(status: 'publishing').count,
+        sent: outbox_model.where(status: 'sent').count,
+        failed: outbox_model.where(status: 'failed').count
+      }
+    rescue StandardError => e
+      Logging.error("Failed to calculate outbox stats: #{e.message}")
+      {}
+    end
+
+    def calculate_inbox_stats
+      return {} unless ModelUtils.ar_class?(inbox_model)
+
+      {
+        total: inbox_model.count,
+        received: inbox_model.where(status: 'received').count,
+        processing: inbox_model.where(status: 'processing').count,
+        processed: inbox_model.where(status: 'processed').count,
+        failed: inbox_model.where(status: 'failed').count
+      }
+    rescue StandardError => e
+      Logging.error("Failed to calculate inbox stats: #{e.message}")
+      {}
+    end
+  end
+end