karafka-web 0.10.4 → 0.11.0.beta1

data/lib/karafka/web/pro/ui/views/errors/_breadcrumbs.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <li>
   <a href="<%= root_path('errors') %>">
     Errors

data/lib/karafka/web/pro/ui/views/errors/_error.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% if error_msg.is_a?(Array) %>
   <%== partial 'shared/not_a_message' %>
 <% else %>

data/lib/karafka/web/pro/ui/views/errors/_partition_option.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% if @partition_id == partition %>
   <option value="<%= root_path('errors', partition) %>" selected=selected>
 <% else %>

data/lib/karafka/web/pro/ui/views/errors/_selector.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <p class="w-full">
   <label class="text-gray-700">Partition:</label>
   <select class="select select-bordered w-full max-w-xs select-sm ml-1" id="current-partition">

data/lib/karafka/web/pro/ui/views/errors/_table.erb

@@ -1,9 +1,12 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div class="row-table-wrapper">
   <table class="row-table">
     <thead>
       <tr>
         <th>Origin</th>
-        <th>ID</th>
+        <th>Process ID</th>
         <th>Error</th>
         <th>Occurred</th>
         <th></th>

data/lib/karafka/web/pro/ui/views/errors/index.erb

@@ -1,10 +1,13 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title 'Errors' %>
 
 <div class="col-span-4">
   <section class="actions">
     <% if @error_messages && !@error_messages.empty? %>
       <a
-        href="<%= explorer_path(@topic_id, 'recent') %>"
+        href="<%= explorer_topics_path(@topic_id, 'recent') %>"
         class="btn-action"
         title="Display the most recent message for this topic with auto-refresh"
       >
@@ -30,11 +33,11 @@
 
 <div class="col-span-12">
   <% if @limited %>
-    <%== partial('explorer/topic/limited') %>
+    <%== partial('explorer/explorer/topic/limited') %>
   <% end %>
 
   <% if @error_messages.empty? && params.current_page == 1 %>
-    <%== partial 'explorer/topic/empty' %>
+    <%== partial 'explorer/explorer/topic/empty' %>
   <% else %>
     <% content_for :table_metadata do %>
       <p class="table_metadata">

data/lib/karafka/web/pro/ui/views/errors/partition.erb

@@ -1,10 +1,13 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title "Partition #{@partition_id}" %>
 
 <div class="col-span-4">
   <section class="actions">
     <% if @error_messages && !@error_messages.empty? %>
       <a
-        href="<%= explorer_path(@topic_id, @partition_id, 'recent') %>"
+        href="<%= explorer_topics_path(@topic_id, @partition_id, 'recent') %>"
         class="btn-action"
         title="Display the most recent message for this partition with auto-refresh"
       >
@@ -19,7 +22,7 @@
         <%== icon(:magnifying_glass) %>
       </a>
 
-      <% closest_path = explorer_path(@topic_id, @partition_id) %>
+      <% closest_path = explorer_topics_path(@topic_id, @partition_id, 'closest') %>
       <input
         type="image"
         src="<%= asset_path('images/calendar.svg') %>"

data/lib/karafka/web/pro/ui/views/errors/show.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <%
   type = @error_message.payload[:type]
   error_class = @error_message.payload[:error_class]

data/lib/karafka/web/pro/ui/views/explorer/{_breadcrumbs.erb → explorer/_breadcrumbs.erb}

@@ -1,12 +1,15 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <li>
-  <a href="<%= root_path('explorer') %>">
+  <a href="<%= explorer_path %>">
     Explorer
   </a>
 </li>
 
 <% if @topic_id %>
   <li>
-    <a href="<%= explorer_path(@topic_id) %>">
+    <a href="<%= explorer_topics_path(@topic_id) %>">
       <%= @topic_id %>
     </a>
   </li>
@@ -14,7 +17,7 @@
 
 <% if @partition_id %>
   <li>
-    <a href="<%= explorer_path(@topic_id, @partition_id) %>">
+    <a href="<%= explorer_topics_path(@topic_id, @partition_id) %>">
       Partition <%= @partition_id %>
     </a>
   </li>
@@ -24,7 +27,7 @@
   <% mapped_offset = @offset == -1 ? 'Recent' : @offset %>
 
   <li class="breadcrumb-item active">
-    <a href="<%= explorer_path(@topic_id, @partition_id, mapped_offset) %>">
+    <a href="<%= explorer_topics_path(@topic_id, @partition_id, mapped_offset) %>">
       <%= mapped_offset %>
     </a>
   </li>

data/lib/karafka/web/pro/ui/views/explorer/{_failed_deserialization.erb → explorer/_failed_deserialization.erb}

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div class="col-span-12 mb-6">
   <div class="alert alert-warning">
     <%== icon :exclamation_triangle %>

data/lib/karafka/web/pro/ui/views/explorer/{_filtered.erb → explorer/_filtered.erb}

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div class="row">
   <div class="col-sm-12">
     <div class="alert alert-warning" role="alert">

data/lib/karafka/web/pro/ui/views/explorer/{_message.erb → explorer/_message.erb}

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% safe_key = ::Karafka::Web::Pro::Ui::Lib::SafeRunner.new { message.key } %>
 
 <% if message.is_a?(Array) %>
@@ -41,7 +44,7 @@
       <%==
         link_button_primary_sm(
           'Details',
-          explorer_path(message.topic, message.partition, message.offset)
+          explorer_topics_path(message.topic, message.partition, message.offset)
         )
       %>
     </td>

data/lib/karafka/web/pro/ui/views/explorer/explorer/_no_topics.erb

@@ -0,0 +1,4 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<%== alert_info('There are no available topics in the current cluster.') %>

data/lib/karafka/web/pro/ui/views/explorer/{_partition_option.erb → explorer/_partition_option.erb}

@@ -1,8 +1,11 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <%
   path = if @selector_path_method
            public_send(@selector_path_method, @topic_id, partition)
          else
-           explorer_path(@topic_id, partition)
+           explorer_topics_path(@topic_id, partition)
          end
 %>
 

data/lib/karafka/web/pro/ui/views/explorer/{_selector.erb → explorer/_selector.erb}

@@ -1,10 +1,13 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <p class="w-full">
   <label class="text-gray-700">Partition:</label>
   <select class="select select-bordered w-full max-w-xs select-sm ml-1" id="current-partition">
     <%==
       each_partial(
         [nil] + @partitions_count.times.to_a,
-        'explorer/partition_option',
+        'explorer/explorer/partition_option',
         local: :partition
       )
     %>

data/lib/karafka/web/pro/ui/views/explorer/explorer/_topic.erb

@@ -0,0 +1,13 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="topic-tile">
+  <div class="topic-tile-body">
+    <p class="topic-tile-text">
+      <a href="<%= explorer_topics_path(topic[:topic_name]) %>" class="topic-tile-link">
+          <%= topic[:topic_name] %> /
+          <%= topic[:partition_count] %>
+      </a>
+    </p>
+  </div>
+</div>

data/lib/karafka/web/pro/ui/views/explorer/explorer/index.erb

@@ -0,0 +1,17 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% view_title 'Explorer' %>
+
+<% if @topics.empty? %>
+  <%== partial 'explorer/explorer/no_topics' %>
+<% else %>
+  <div class="topic-tiles">
+    <%==
+      each_partial(
+        @topics,
+        'explorer/explorer/topic'
+      )
+    %>
+  </div>
+<% end %>

data/lib/karafka/web/pro/ui/views/explorer/{message → explorer/message}/_metadata.erb

@@ -1,7 +1,10 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% if @safe_key.failure? %>
   <%==
     partial(
-      'explorer/failed_deserialization',
+      'explorer/explorer/failed_deserialization',
       locals: {
         attribute: 'key',
         error: @safe_key.error
@@ -13,7 +16,7 @@
 <% if @safe_headers.failure? %>
   <%==
     partial(
-      'explorer/failed_deserialization',
+      'explorer/explorer/failed_deserialization',
       locals: {
         attribute: 'headers',
         error: @safe_headers.error
@@ -27,14 +30,14 @@
     <tbody>
       <%==
         partial(
-          'explorer/messages/key',
+          'explorer/explorer/messages/key',
           locals: { message: @message }
         )
       %>
 
       <%==
         partial(
-          'explorer/messages/detail',
+          'explorer/explorer/messages/detail',
           locals: {
             k: 'time',
             v: @message.timestamp
@@ -44,7 +47,7 @@
 
       <%==
         partial(
-          'explorer/messages/detail',
+          'explorer/explorer/messages/detail',
           locals: {
             k: 'timestamp',
             v: (@message.timestamp.to_f * 1_000).to_i
@@ -56,7 +59,7 @@
       <% @message.metadata.to_h.except(*special).each do |k, v| %>
         <%==
           partial(
-            'explorer/messages/detail',
+            'explorer/explorer/messages/detail',
             locals: {
               k: k,
               v: v
@@ -94,7 +97,7 @@
 
       <%==
         partial(
-          'explorer/messages/headers',
+          'explorer/explorer/messages/headers',
           locals: { message: @message }
         )
       %>

data/lib/karafka/web/pro/ui/views/explorer/{message → explorer/message}/_payload.erb

@@ -1,15 +1,18 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% if @visibility_filter.payload?(@message) %>
   <% if @safe_payload.failure? %>
     <%==
       partial(
-        'explorer/failed_deserialization',
+        'explorer/explorer/failed_deserialization',
         locals: { attribute: 'payload', error: @safe_payload.error }
       )
     %>
   <% end %>
 
   <% if (@message.raw_payload&.bytesize || 0) > Karafka::Web.config.ui.max_visible_payload_size %>
-    <%== partial('explorer/message/too_big_to_be_displayed') %>
+    <%== partial('explorer/explorer/message/too_big_to_be_displayed') %>
   <% else %>
     <% if @safe_payload.failure? %>
       <pre class="code"><code class="json"><%= @message.raw_payload %></code></pre>
@@ -18,5 +21,5 @@
     <% end %>
   <% end %>
 <% else %>
-  <%== partial 'explorer/filtered' %>
+  <%== partial 'explorer/explorer/filtered' %>
 <% end %>

data/lib/karafka/web/pro/ui/views/explorer/{message → explorer/message}/_resources_utilization.erb

@@ -1,9 +1,12 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div class="data-table-wrapper">
   <table class="data-table">
     <tbody>
       <%==
         partial(
-          'explorer/messages/detail',
+          'explorer/explorer/messages/detail',
           locals: {
             k: 'key.bytesize',
             v: format_memory((@message.raw_key&.bytesize || 0) / 1024.0)
@@ -43,7 +46,7 @@
 
         @message.raw_headers.each do |h, v|
           bytesize += h.bytesize
-          bytesize += v.bytesize
+          bytesize += Array(v).sum(&:bytesize)
         end
 
         kbytesize = bytesize / 1024.0
@@ -51,7 +54,7 @@
 
       <%==
         partial(
-          'explorer/messages/detail',
+          'explorer/explorer/messages/detail',
           locals: {
             k: 'headers.bytesize',
             v: format_memory(kbytesize)
@@ -88,7 +91,7 @@
 
       <%==
         partial(
-          'explorer/messages/detail',
+          'explorer/explorer/messages/detail',
           locals: {
             k: 'payload.bytesize',
             v: format_memory((@message.raw_payload&.bytesize || 0) / 1024.0)

data/lib/karafka/web/pro/ui/views/explorer/{message → explorer/message}/_too_big_to_be_displayed.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div class="col-span-12 mb-6">
   <div class="alert alert-warning">
     <%== icon :exclamation_triangle %>

data/lib/karafka/web/pro/ui/views/explorer/{messages → explorer/messages}/_detail.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% if v.is_a?(Hash) && !v.empty? %>
   <% v.each do |k2,v2| %>
    <tr>

data/lib/karafka/web/pro/ui/views/explorer/explorer/messages/_headers.erb

@@ -0,0 +1,51 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% if @safe_headers.success? %>
+  <% visible = @visibility_filter.headers?(message) %>
+  <% message.metadata.headers.each do |k, v| %>
+    <% if v.is_a?(Array) && visible %>
+      <tr>
+        <td>
+          <%= "headers.#{k}" %>
+        </td>
+        <td>
+          <ul class="list-disc ml-3">
+            <% v.each do |sub_v| %>
+              <li><%= object_value_to_s(sub_v) %></li>
+            <% end %>
+          </ul>
+        </td>
+      </tr>
+    <% else %>
+      <tr>
+        <td>
+          <%= "headers.#{k}" %>
+        </td>
+        <td>
+          <% if visible %>
+            <%= object_value_to_s(v) %>
+          <% else %>
+            <span class="text-muted">[Filtered]</span>
+          <% end %>
+        </td>
+      </tr>
+    <% end %>
+  <% end %>
+<% else %>
+  <% visible = @visibility_filter.headers?(message) %>
+  <% message.metadata[:raw_headers].each do |k, v| %>
+    <tr>
+      <td>
+        <%= "raw_headers.#{k}" %>
+      </td>
+      <td>
+        <% if visible %>
+          <%= object_value_to_s(v) %>
+        <% else %>
+          <span class="text-muted">[Filtered]</span>
+        <% end %>
+      </td>
+    </tr>
+  <% end %>
+<% end %>

data/lib/karafka/web/pro/ui/views/explorer/{messages → explorer/messages}/_key.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <tr>
   <td>
     <% if @safe_key.success? %>

data/lib/karafka/web/pro/ui/views/explorer/explorer/partition/_cleaned.erb

@@ -0,0 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<%==
+  alert_info('This partition no longer contains any data and has been fully compacted.')
+%>

data/lib/karafka/web/pro/ui/views/explorer/explorer/partition/_empty.erb

@@ -0,0 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<%==
+  alert_info('This partition is empty and does not contain any data.')
+%>

data/lib/karafka/web/pro/ui/views/explorer/{partition → explorer/partition}/_messages.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div class="data-table-wrapper">
   <table class="data-table">
     <thead>
@@ -14,7 +17,7 @@
       <%==
         each_partial(
           @messages,
-          'explorer/message'
+          'explorer/explorer/message'
         )
       %>
     </tbody>

data/lib/karafka/web/pro/ui/views/explorer/explorer/partition/_time_selector.erb

@@ -0,0 +1,16 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="datepicker-input-wrapper">
+  <input
+    type="image"
+    src="<%= asset_path('images/calendar.svg') %>"
+    width="45"
+    height="32"
+    class="btn-action p-1 opacity-60"
+    id="offset-lookup-datepicker"
+    value=""
+    title="Select a point in time to browse the topic partition data"
+    data-target="<%= target %>"
+  />
+</div>

data/lib/karafka/web/pro/ui/views/explorer/explorer/partition/_timestamp_selector.erb

@@ -0,0 +1,33 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="dropdown">
+  <button
+    class="btn-action"
+    title="Input timestamp to navigate through messages"
+  >
+    <%== icon(:clock) %>
+  </button>
+
+  <div class="dropdown-content p-4 bg-base-100 w-80 border border-base-300 shadow-lg z-50 rounded-box">
+    <form
+      class="fieldset"
+      data-target="<%= target %>"
+      id="timestamp-form"
+    >
+      <input
+        type="number"
+        min="<%= Time.utc(2010, 1, 1).to_i * 1_000 %>"
+        max="<%= (Time.now.utc + 86_400).to_i * 1_000 %>"
+        required
+        class="input input-bordered input-sm"
+        placeholder="Enter timestamp"
+      />
+
+      <button
+        type="submit"
+        class="btn btn-primary btn-sm mt-4 btn-lockable"
+      >Go to timestamp</button>
+   </form>
+ </div>
+</div>

data/lib/karafka/web/pro/ui/views/explorer/{partition.erb → explorer/partition.erb}

@@ -1,10 +1,13 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title "#{@topic_id} partition #{@partition_id}" %>
 
 <div class="col-span-4">
   <section class="actions">
     <% if @messages && !@messages.empty? %>
       <a
-        href="<%= explorer_path(@topic_id, @partition_id, 'recent') %>"
+        href="<%= explorer_topics_path(@topic_id, @partition_id, 'recent') %>"
         class="btn-action"
         title="Display the most recent message for this partition with auto-refresh"
       >
@@ -19,36 +22,40 @@
         <%== icon(:magnifying_glass) %>
       </a>
 
-      <% closest_path = explorer_path(@topic_id, @partition_id) %>
-      <input
-        type="image"
-        src="<%= asset_path('images/calendar.svg') %>"
-        width="45"
-        height="32"
-        class="btn-action p-1 opacity-60"
-        id="offset-lookup-datepicker"
-        value=""
-        data-target="<%= closest_path %>"
-      />
+      <% closest_path = explorer_topics_path(@topic_id, @partition_id, 'closest') %>
+
+      <%==
+        partial(
+          'explorer/explorer/partition/time_selector',
+          locals: { target: closest_path }
+        )
+      %>
+
+      <%==
+        partial(
+          'explorer/explorer/partition/timestamp_selector',
+          locals: { target: closest_path }
+        )
+      %>
     <% end %>
   </section>
 </div>
 
 <div class="col-span-8 mb-3">
   <section class="actions">
-    <%== partial 'explorer/selector' %>
+    <%== partial 'explorer/explorer/selector' %>
   </section>
 </div>
 
 <div class="col-span-12">
   <% if @limited %>
-    <%== partial('explorer/topic/limited') %>
+    <%== partial('explorer/explorer/topic/limited') %>
   <% end %>
 
   <% if @watermark_offsets.empty? && params.current_page == 1 %>
-    <%== partial 'explorer/partition/empty' %>
+    <%== partial 'explorer/explorer/partition/empty' %>
   <% elsif @watermark_offsets.cleaned? && params.current_page == 1 %>
-    <%== partial 'explorer/partition/cleaned' %>
+    <%== partial 'explorer/explorer/partition/cleaned' %>
   <% elsif @messages.empty? %>
     <%== partial 'shared/no_paginated_data' %>
   <% else %>
@@ -65,6 +72,6 @@
       </p>
     <% end %>
 
-    <%== partial('explorer/partition/messages') %>
+    <%== partial('explorer/explorer/partition/messages') %>
   <% end %>
 </div>