karafka-web 0.10.4 → 0.11.0.beta1

data/lib/karafka/web/pro/ui/views/topics/configs/_breadcrumbs.erb

@@ -0,0 +1,34 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<li>
+  <a href="<%= topics_path %>">
+    Topics
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'config') %>">
+    <%= @topic.topic_name %>
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'config') %>">
+    Configuration
+  </a>
+</li>
+
+<% if action?(:edit, :update) %>
+  <li>
+    <a href="<%= topics_path(@topic.topic_name, 'config', @property.name, 'edit') %>">
+      <%= @property.name %>
+    </a>
+  </li>
+
+  <li>
+    <a href="<%= topics_path(@topic.topic_name, 'config', @property.name, 'edit') %>">
+      Edit
+    </a>
+  </li>
+<% end %>

data/lib/karafka/web/pro/ui/views/topics/configs/_config.erb

@@ -0,0 +1,26 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<tr>
+  <td class="wrap-text">
+    <% all_names = ([config.name] + config.synonyms.map(&:name)).uniq %>
+    <% all_names.each do |name| %>
+      <%= name %>
+      <br/>
+    <% end %>
+  </td>
+  <td class="wrap-text"><%= config.value %></td>
+  <td><%== config.default? ? badge_success(true) : badge_secondary(false) %></td>
+  <td><%== config.sensitive? ? badge_success(true) : badge_secondary(false) %></td>
+  <td><%== config.read_only? ? badge_success(true) : badge_secondary(false) %></td>
+  <td>
+    <% link_class = config.read_only? ? 'btn-disabled' : '' %>
+    <a
+      href="<%= topics_path(@topic.topic_name, 'config', config.name, 'edit') %>"
+      class="btn btn-info btn-sm <%= link_class %>"
+      title="Edit this property value"
+    >
+      <%== icon(:pencil_square) %>
+    </a>
+  </td>
+</tr>

data/lib/karafka/web/pro/ui/views/topics/configs/_delete_button.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="col-span-12 flex justify-end space-x-2 mt-6">
+  <a
+    class="btn btn-error btn-sm <%= 'btn-disabled' unless features.topics_management? %>"
+    href="<%= topics_path(@topic.topic_name, 'delete') %>"
+    title="Delete this topic"
+  >
+    <%== icon(:trash) %>
+    Delete Topic
+  </a>
+</div>

data/lib/karafka/web/pro/ui/views/topics/configs/_edit_form.erb

@@ -0,0 +1,50 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="card bg-base-100">
+  <div class="card-body">
+    <% form_path = topics_path(@topic.topic_name, 'config', @property.name) %>
+    <form method="post" action="<%= form_path %>" data-turbo="false">
+      <%== csrf_tag(form_path, 'PUT') %>
+      <input type="hidden" name="_method" value="put">
+
+      <div class="flex items-center w-full mb-4">
+        <label class="w-1/4 text-gray-700">Property:</label>
+        <div class="w-3/4">
+          <code class="bg-base-200 px-2 py-1 rounded-sm"><%= @property.name %></code>
+        </div>
+      </div>
+
+      <div class="flex items-center w-full mb-4">
+        <label class="w-1/4 text-gray-700">Current Value:</label>
+        <div class="w-3/4">
+          <code class="bg-base-200 px-2 py-1 rounded-sm"><%= @property.value %></code>
+        </div>
+      </div>
+
+      <div class="flex items-center w-full mb-8">
+        <label class="w-1/4 text-gray-700">New Value:</label>
+        <div class="w-3/4">
+          <input
+            type="<%= @property.sensitive? ? 'password' : 'text' %>"
+            name="property_value"
+            class="block input input-bordered w-full"
+            placeholder="Enter new value for <%= @property.name %>"
+            value="<%= params.fetch(:property_value, @property.value) %>"
+          />
+        </div>
+      </div>
+
+      <div class="flex justify-end gap-4 mt-4">
+        <a href="<%= topics_path(@topic.topic_name, 'config') %>" class="btn btn-ghost">
+          Cancel
+        </a>
+
+        <button type="submit" class="btn btn-primary gap-2 btn-lockable">
+          <%== icon(:pencil_square) %>
+          Update Property
+        </button>
+      </div>
+    </form>
+  </div>
+</div>

data/lib/karafka/web/pro/ui/views/topics/configs/_edit_plan.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="alert">
+  <div class="space-y-2">
+    <p>Before updating this configuration:</p>
+    <ul class="list-disc ml-6">
+      <li>Ensure you understand the impact of changing this value</li>
+      <li>Consider testing the change in a non-production environment first</li>
+      <li>Monitor the topic after the change to ensure expected behavior</li>
+      <% if @property.sensitive? %>
+        <li>Keep this value secure and only share with authorized team members</li>
+      <% end %>
+    </ul>
+  </div>
+</div>

data/lib/karafka/web/pro/ui/views/topics/configs/_edit_warning.erb

@@ -0,0 +1,12 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% alert_box_warning('Configuration Update Warning') do %>
+  <div class="space-y-4">
+    <ul class="list-disc ml-6">
+      <li>Changing topic configurations may affect topic behavior and performance</li>
+      <li>Some changes may take time to propagate across the cluster</li>
+      <li>Applications consuming from this topic may be impacted</li>
+    </ul>
+  </div>
+<% end %>

data/lib/karafka/web/pro/ui/views/topics/configs/edit.erb

@@ -0,0 +1,16 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% view_title "Topic #{@topic.topic_name} - Edit #{@property.name}" %>
+
+<div class="space-y-4">
+
+<%== partial('topics/configs/edit_warning') %>
+
+<% if @form_error %>
+  <%== partial 'shared/rdkafka_form_error_alert_box' %>
+<% else %>
+  <%== partial 'topics/configs/edit_plan' %>
+<% end %>
+
+<%== partial 'topics/configs/edit_form' %>

data/lib/karafka/web/pro/ui/views/topics/{config.erb → configs/index.erb}

@@ -1,6 +1,9 @@
-<% view_title @topic.topic_name %>
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
 
-<%== partial 'topics/tabs' %>
+<% view_title "#{@topic.topic_name} Configuraton" %>
+
+<%== partial 'topics/topics/tabs' %>
 
 <div class="data-table-wrapper">
   <table class="data-table">
@@ -11,15 +14,18 @@
         <th><%== sort_link(:default?) %></th>
         <th><%== sort_link(:sensitive?) %></th>
         <th><%== sort_link(:read_only?) %></th>
+        <th>Options</th>
       </tr>
     </thead>
     <tbody>
       <%==
         each_partial(
           @configs,
-          'cluster/config'
+          'topics/configs/config'
         )
       %>
     </tbody>
   </table>
 </div>
+
+<%== partial 'topics/configs/delete_button' %>

data/lib/karafka/web/pro/ui/views/topics/distributions/_add_partitions_button.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="col-span-12 flex justify-end space-x-2 mb-6">
+  <a
+    class="btn btn-primary btn-sm <%= 'btn-disabled' unless features.topics_management? %>"
+    href="<%= topics_path(@topic.topic_name, 'distribution', 'edit') %>"
+    title="Add more partitions to this topic"
+  >
+    <%== icon(:plus) %>
+    Increase Partitions
+  </a>
+</div>

data/lib/karafka/web/pro/ui/views/topics/{distribution → distributions}/_badges.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="text-end mb-5">
   <%==
     value = number_with_delimiter @aggregated.sum.round, ' '

data/lib/karafka/web/pro/ui/views/topics/distributions/_breadcrumbs.erb

@@ -0,0 +1,28 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<li>
+  <a href="<%= topics_path %>">
+    Topics
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'config') %>">
+    <%= @topic.topic_name %>
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'distribution') %>">
+    Distribution
+  </a>
+</li>
+
+<% if action?(:edit, :update) %>
+  <li>
+    <a href="<%= topics_path(@topic.topic_name, 'distribution', 'edit') %>">
+      Increasing Number of Partitions
+    </a>
+  </li>
+<% end %>

data/lib/karafka/web/pro/ui/views/topics/{distribution → distributions}/_chart.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% data = { 'Estimated count': @distribution.map { [_1.partition_id, _1.count] } }.to_json %>
 <div class="mb-5">
   <%== partial 'shared/charts/bar', locals: { data: data, id: 'distribution' } %>

data/lib/karafka/web/pro/ui/views/topics/distributions/_edit_form.erb

@@ -0,0 +1,47 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="card bg-base-100">
+  <div class="card-body">
+    <% form_path = topics_path(@topic.topic_name, 'distribution') %>
+    <form class="space-y-4" method="post" action="<%= form_path %>" data-turbo="false">
+      <%== csrf_tag(form_path, 'PUT') %>
+      <input type="hidden" name="_method" value="put">
+
+      <div class="flex items-center w-full mb-8">
+        <label class="w-1/4 text-gray-700">Current Partitions:</label>
+        <div class="w-3/4">
+          <code class="bg-base-200 px-2 py-1 rounded-sm"><%= @topic.partition_count %></code>
+        </div>
+      </div>
+
+      <div class="flex items-center w-full mb-8">
+        <label class="w-1/4 text-gray-700">New Partition Count:</label>
+        <div class="w-3/4">
+          <input
+            type="number"
+            name="partition_count"
+            class="block input input-bordered w-full"
+            placeholder="Enter new partition count"
+            value="<%= params.fetch(:partition_count, @topic.partition_count) %>"
+            min="<%= @topic.partition_count + 1 %>"
+            required
+          />
+          <div class="text-sm text-gray-500 mt-1">
+            Must be greater than current partition count (<%= @topic.partition_count %>)
+          </div>
+        </div>
+      </div>
+
+      <div class="flex justify-end gap-4">
+        <a href="<%= topics_path(@topic.topic_name, 'distribution') %>" class="btn btn-ghost">
+          Cancel
+        </a>
+        <button type="submit" class="btn btn-primary gap-2 btn-lockable confirm-action">
+          <%== icon(:plus) %>
+          Increase Partitions
+        </button>
+      </div>
+    </form>
+  </div>
+</div>

data/lib/karafka/web/pro/ui/views/topics/distributions/_edit_hints.erb

@@ -0,0 +1,15 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="alert">
+  <div class="space-y-2">
+    <p>Before increasing partitions:</p>
+    <ul class="list-disc ml-6">
+      <li>Ensure all consumers support dynamic partition detection</li>
+      <li>Consider the impact on message ordering in your applications</li>
+      <li>Plan for temporary rebalancing as consumers detect the change</li>
+      <li>Monitor consumer lag during and after the operation</li>
+      <li>Consider increasing partitions during low-traffic periods</li>
+    </ul>
+  </div>
+</div>

data/lib/karafka/web/pro/ui/views/topics/distributions/_edit_warnings.erb

@@ -0,0 +1,14 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% alert_box_warning('Partition Update Warning') do %>
+  <div class="space-y-4">
+    <ul class="list-disc ml-6">
+      <li>Increasing partitions is a one-way operation - partition count cannot be decreased later</li>
+      <li>Adding partitions affects message ordering and consistent hashing</li>
+      <li>Consumers will need to detect the partition count change and rebalance</li>
+      <li>Message distribution across partitions may become uneven until data rotates</li>
+      <li>Changes may take several minutes to be visible in the UI but will be applied immediately</li>
+    </ul>
+  </div>
+<% end %>

data/lib/karafka/web/pro/ui/views/topics/distributions/_empty_partitions.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('Those partitions are empty and do not contain any data.') %>

data/lib/karafka/web/pro/ui/views/topics/{distribution → distributions}/_limited.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="mb-10">
   <%==
     alert_info(

data/lib/karafka/web/pro/ui/views/topics/distributions/_partition.erb

@@ -0,0 +1,13 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<tr>
+  <td>
+    <a href="<%= explorer_topics_path(@topic.topic_name, partition.partition_id) %>">
+      <%= partition.partition_id %>
+    </a>
+  </td>
+  <td><%= partition.count %></td>
+  <td><%= partition.share %>%</td>
+  <td><%= partition.diff.round(2) %>%</td>
+</tr>

data/lib/karafka/web/pro/ui/views/topics/distributions/edit.erb

@@ -0,0 +1,16 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% view_title "Topic #{@topic.topic_name} - Increase Partitions" %>
+
+<div class="space-y-4">
+  <%== partial 'topics/distributions/edit_warnings' %>
+
+  <% if @form_error %>
+    <%== partial 'shared/rdkafka_form_error_alert_box' %>
+  <% else %>
+    <%== partial 'topics/distributions/edit_hints' %>
+  <% end %>
+
+  <%== partial 'topics/distributions/edit_form' %>
+</div>

data/lib/karafka/web/pro/ui/views/topics/{distribution.erb → distributions/show.erb}

@@ -1,21 +1,25 @@
-<% view_title @topic.topic_name %>
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
 
-<%== partial 'topics/tabs' %>
+<% view_title "#{@topic.topic_name} Data Distribution" %>
+
+<%== partial 'topics/topics/tabs' %>
+  <%== partial 'topics/distributions/add_partitions_button' %>
 
 <% if @limited %>
-  <%== partial 'topics/distribution/limited' %>
+  <%== partial 'topics/distributions/limited' %>
 <% end %>
 
 <% if @aggregated.sum.zero? %>
-  <%== partial 'topics/distribution/empty_partitions' %>
+  <%== partial 'topics/distributions/empty_partitions' %>
 <% else %>
   <div class="col-span-12 mb-3">
     <% if @active_partitions.size >= 2 %>
-      <%== partial 'topics/distribution/chart' %>
+      <%== partial 'topics/distributions/chart' %>
     <% end %>
 
     <div id="refreshable" class="mt-4">
-      <%== partial 'topics/distribution/badges' %>
+      <%== partial 'topics/distributions/badges' %>
 
       <div class="data-table-wrapper">
         <table class="data-table">
@@ -31,7 +35,7 @@
             <%==
               each_partial(
                 @distribution,
-                'topics/distribution/partition'
+                'topics/distributions/partition'
               )
             %>
           </tbody>

data/lib/karafka/web/pro/ui/views/topics/offsets/_breadcrumbs.erb

@@ -0,0 +1,20 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<li>
+  <a href="<%= topics_path %>">
+    Topics
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'config') %>">
+    <%= @topic.topic_name %>
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'offsets') %>">
+    Offsets
+  </a>
+</li>

data/lib/karafka/web/pro/ui/views/topics/offsets/_partition.erb

@@ -0,0 +1,13 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<tr>
+  <td>
+    <a href="<%= explorer_topics_path(@topic[:topic_name], partition[:partition_id]) %>">
+      <%= partition[:partition_id] %>
+    </a>
+  </td>
+  <td><%= partition[:low] %></td>
+  <td><%= partition[:high] %></td>
+  <td><%= partition[:diff] %></td>
+</tr>

data/lib/karafka/web/pro/ui/views/topics/{offsets.erb → offsets/show.erb}

@@ -1,6 +1,9 @@
-<% view_title @topic.topic_name %>
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
 
-<%== partial 'topics/tabs' %>
+<% view_title "#{@topic.topic_name} Offsets" %>
+
+<%== partial 'topics/topics/tabs' %>
 
 <div class="data-table-wrapper">
   <table class="data-table">
@@ -16,7 +19,7 @@
       <%==
         each_partial(
           @offsets,
-          'topics/partition_offsets'
+          'topics/offsets/partition'
         )
       %>
     </tbody>

data/lib/karafka/web/pro/ui/views/topics/replications/_breadcrumbs.erb

@@ -0,0 +1,20 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<li>
+  <a href="<%= topics_path %>">
+    Topics
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'config') %>">
+    <%= @topic.topic_name %>
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'replication') %>">
+    Replication
+  </a>
+</li>

data/lib/karafka/web/pro/ui/views/topics/{_partition.erb → replications/_partition.erb}

@@ -1,6 +1,9 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <tr>
   <td>
-    <a href="<%= explorer_path(@topic[:topic_name], partition[:partition_id]) %>">
+    <a href="<%= explorer_topics_path(@topic[:topic_name], partition[:partition_id]) %>">
       <%= partition[:partition_id] %>
     </a>
   </td>

data/lib/karafka/web/pro/ui/views/topics/{replication.erb → replications/show.erb}

@@ -1,6 +1,9 @@
-<% view_title @topic.topic_name %>
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
 
-<%== partial 'topics/tabs' %>
+<% view_title "#{@topic.topic_name} Replication" %>
+
+<%== partial 'topics/topics/tabs' %>
 
 <div class="data-table-wrapper">
   <table class="data-table">
@@ -16,7 +19,7 @@
       <%==
         each_partial(
           @partitions,
-          'topics/partition'
+          'topics/replications/partition'
         )
       %>
     </tbody>

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

@@ -0,0 +1,32 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<li>
+  <a href="<%= topics_path %>">
+    Topics
+  </a>
+</li>
+
+<% if action?(:new, :create) %>
+  <li>
+    <a href="<%= topics_path('new') %>">
+      Creating New Topic
+    </a>
+  </li>
+<% end %>
+
+<% if @topic %>
+  <li>
+    <a href="<%= topics_path(@topic.topic_name, 'config') %>">
+      <%= @topic.topic_name %>
+    </a>
+  </li>
+<% end %>
+
+<% if action?(:edit) %>
+  <li>
+    <a href="<%= topics_path(@topic.topic_name, 'delete') %>">
+      Removal Confirmation
+    </a>
+  </li>
+<% end %>

data/lib/karafka/web/pro/ui/views/topics/topics/_create_button.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="col-span-12 flex justify-end space-x-2 mb-6">
+  <a
+    class="btn btn-primary btn-sm <%= 'btn-disabled' unless features.topics_management? %>"
+    href="<%= topics_path('new') %>"
+    title="Create new topic"
+  >
+    <%== icon(:plus) %>
+    Create Topic
+  </a>
+</div>

data/lib/karafka/web/pro/ui/views/topics/topics/_create_hints.erb

@@ -0,0 +1,15 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% alert_box_info('Topic Creation Settings') do %>
+  <p>
+    You are about to create a new Kafka topic. Please note:
+  </p>
+  <ul class="list-disc ml-6 mt-2">
+    <li>Topic name cannot be changed after creation</li>
+    <li>Number of partitions can only be increased, never decreased</li>
+    <li>Additional settings can be configured from the topic configuration page</li>
+    <li>It may take Kafka up to few minutes to fully synchronize the new topic</li>
+    <li>Consumers may require additional time to discover the topic, depending on their metadata refresh frequency</li>
+  </ul>
+<% end %>

data/lib/karafka/web/pro/ui/views/topics/topics/_delete_form.erb

@@ -0,0 +1,36 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="card bg-base-100">
+  <div class="card-body">
+    <div class="alert alert-error">
+      <div class="flex items-center gap-4">
+        <%== icon(:trash) %>
+        <span>
+          You are about to delete topic:
+          <span class="font-bold ml-1"><%= @topic.topic_name %></span>
+          with
+          <span class="font-bold ml-1"><%= @topic.partition_count %></span>
+          partitions
+        </span>
+      </div>
+    </div>
+
+    <% path = topics_path(@topic.topic_name) %>
+    <form action="<%= path %>" method="post" class="mt-6" data-turbo="false">
+      <%== csrf_tag(path, 'DELETE') %>
+      <input type="hidden" name="_method" value="delete">
+
+      <div class="flex justify-end gap-4">
+        <a href="<%= topics_path(@topic.topic_name, 'config') %>" class="btn btn-ghost">
+          Cancel
+        </a>
+
+        <button type="submit" class="btn btn-error gap-2 btn-lockable confirm-action">
+          <%== icon(:trash) %>
+          Delete Topic
+        </button>
+      </div>
+    </form>
+  </div>
+</div>