dbviewer 0.9.4.pre.alpha.1 → 0.9.4.pre.alpha.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f79e82d83d69572cd7fa4331831e7fa7cc385f7d0655fec2ab9cee57bf5dcdcd
-  data.tar.gz: 8a34270cfb5f9ede4b77d9b531a67cb1c6b3a022923b359080b4e171e725dadb
+  metadata.gz: bab71132b89e3a2b246802692149a2d662bc42bcfa54b9db4d71ab9593dc2c2a
+  data.tar.gz: 8d2160e56a9872ad9e1dfa274e5ccbdcb16c8ff1b65c134be00b806d91841a55
 SHA512:
-  metadata.gz: edfcfc4a7eb88659393cd59cac7af960339a686010aa57d6da0ccfcf000d9ad33ee18ebed955294ca741119bca0f1d63f2579682fab48f70e9ca6ec93bce936f
-  data.tar.gz: b1e37a36cee23d2e04284c957e3f865afa24da128579b811f25cede3f2afcda9230abfaab332b48a7525ab190da5f53a270a7d0acc594de22324c9c624019f72
+  metadata.gz: c00de395e8f283afd2f6c905ae1e448438296ecfdc2167606d2216d3c39a492d27d2c60334d35234e5d460472a66730a6893fe79b81ce1f972b48b67d767b1b6
+  data.tar.gz: 8f9a53eb14f23c5aa2bb006458dcda9de39d031aa49907ff0a017f76d96950d101f14785292a7e0a062aac91915face67bbe34f28bfffc1fdf126076375127a8

data/README.md

@@ -14,7 +14,7 @@ It's designed for development, debugging, and database analysis, offering a clea
 - **Detailed Schema Information** - Column details, indexes, and constraints
 - **Entity Relationship Diagram (ERD)** - Interactive database schema visualization
 - **Data Browsing** - Paginated record viewing with search and filtering
-- **Data Creation** - Create new database records directly from the interface
+- **Data Management** - Create and delete database records directly from the interface
 - **SQL Queries** - Safe SQL query execution with validation
 - **Multiple Database Connections** - Support for multiple database sources
 - **PII Data Masking** - Configurable masking for sensitive data
@@ -99,6 +99,7 @@ Dbviewer.configure do |config|
   config.cache_expiry = 300                          # Cache expiration in seconds
   config.max_records = 10000                         # Maximum records to return in any query
   config.enable_data_export = false                  # Whether to allow data exporting
+  config.enable_record_deletion = true               # Whether to allow record deletion
   config.query_timeout = 30                          # SQL query timeout in seconds
 
   # Query logging options

data/app/assets/javascripts/dbviewer/record_deletion.js

@@ -0,0 +1,171 @@
+document.addEventListener("DOMContentLoaded", () => {
+  const tableName = document.getElementById("table_name")?.value;
+  const deleteConfirmModal = document.getElementById("deleteConfirmModal");
+  const recordDeleteForm = document.getElementById("recordDeleteForm");
+
+  // === TOASTIFY UTIL ===
+  const showToast = (message, type = "success") => {
+    const icons = {
+      success: "clipboard-check",
+      info: "info-circle",
+      danger: "exclamation-triangle",
+      warning: "exclamation-diamond",
+    };
+
+    Toastify({
+      text: `
+        <span class="toast-icon">
+          <i class="bi bi-${icons[type] || "info-circle"}"></i>
+        </span>
+        ${message}
+      `,
+      className: `toast-factory-bot toast-${type}`,
+      duration: 3000,
+      gravity: "bottom",
+      position: "right",
+      escapeMarkup: false,
+      style: {
+        animation:
+          "slideInRight 0.3s ease-out, slideOutRight 0.3s ease-out 2.7s",
+        background: type === "danger" ? "#dc3545" : undefined,
+      },
+    }).showToast();
+  };
+
+  // === SETUP DELETE MODAL ===
+  const setupDeleteConfirmModal = (recordData, pkName, pkValue) => {
+    if (!recordData || !pkValue)
+      return console.error("Missing record data for delete confirmation");
+
+    const infoDiv = document.getElementById("deleteRecordInfo");
+    const idInput = document.getElementById("deleteRecordId");
+
+    idInput.value = pkValue;
+    recordDeleteForm.action = `${
+      window.location.pathname
+    }/records/${encodeURIComponent(pkValue)}`;
+    infoDiv.innerHTML = `<div><strong>${pkName}:</strong> ${pkValue}</div>`;
+
+    const importantFields = [
+      "name",
+      "title",
+      "email",
+      "username",
+      "code",
+      "reference",
+    ];
+    let count = 0;
+
+    for (const key of Object.keys(recordData)) {
+      if (count >= 3) break;
+      const lowerKey = key.toLowerCase();
+      if (
+        key !== pkName &&
+        importantFields.some((f) => lowerKey.includes(f)) &&
+        recordData[key]
+      ) {
+        const fieldDiv = document.createElement("div");
+        fieldDiv.className = "mt-1";
+        fieldDiv.innerHTML = `<strong>${key}:</strong> ${recordData[key]}`;
+        infoDiv.appendChild(fieldDiv);
+        count++;
+      }
+    }
+  };
+
+  // === DELETE FROM DETAIL MODAL ===
+  const detailDeleteBtn = document.getElementById("recordDetailDeleteBtn");
+  if (detailDeleteBtn) {
+    detailDeleteBtn.addEventListener("click", () => {
+      const rows = document.querySelectorAll("#recordDetailTableBody tr");
+      const recordData = {};
+
+      rows.forEach((row) => {
+        const [keyCell, valueCell] = row.querySelectorAll("td");
+        if (keyCell && valueCell) {
+          recordData[keyCell.textContent.trim()] = valueCell.textContent.trim();
+        }
+      });
+
+      const pkName =
+        Object.keys(recordData).find((k) => k.toLowerCase() === "id") ||
+        Object.keys(recordData)[0];
+      const pkValue = recordData[pkName];
+
+      setupDeleteConfirmModal(recordData, pkName, pkValue);
+
+      bootstrap.Modal.getInstance(
+        document.getElementById("recordDetailModal")
+      )?.hide();
+      setTimeout(() => new bootstrap.Modal(deleteConfirmModal).show(), 500);
+    });
+  }
+
+  // === DELETE FROM TABLE ROW ===
+  document.querySelectorAll(".delete-record-btn").forEach((button) => {
+    button.addEventListener("click", () => {
+      const recordData = JSON.parse(button.dataset.recordData || "{}");
+      const pkName =
+        Object.keys(recordData).find((k) => k.toLowerCase() === "id") ||
+        Object.keys(recordData)[0];
+      const pkValue = recordData[pkName];
+      setupDeleteConfirmModal(recordData, pkName, pkValue);
+    });
+  });
+
+  // === FORM SUBMIT (DELETE) ===
+  if (recordDeleteForm) {
+    recordDeleteForm.addEventListener("submit", async (e) => {
+      e.preventDefault();
+
+      const form = e.target;
+      const submitButton = document.querySelector(
+        "#recordDeleteForm button[type='submit']"
+      );
+      const originalText = submitButton.innerHTML;
+      const csrfToken = document.querySelector(
+        'meta[name="csrf-token"]'
+      )?.content;
+
+      disableSubmitButton(submitButton);
+
+      try {
+        const response = await fetch(form.action, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+            "X-CSRF-Token": csrfToken,
+          },
+          credentials: "same-origin",
+        });
+
+        const result = await response.json();
+
+        if (!response.ok) {
+          throw new Error(result?.error || "Failed to delete record");
+        }
+
+        showToast(result.message || "Record deleted successfully", "success");
+
+        const modal = bootstrap.Modal.getInstance(deleteConfirmModal);
+        modal.hide();
+
+        setTimeout(() => window.location.reload(), 1000);
+      } catch (error) {
+        console.error("Delete Error:", error);
+        showToast(error.message || "Unexpected error occurred", "danger");
+      } finally {
+        enableSubmitButton(submitButton, originalText);
+      }
+    });
+  }
+
+  // === BUTTON HELPERS ===
+  function disableSubmitButton(button) {
+    button.disabled = true;
+  }
+
+  function enableSubmitButton(button) {
+    button.disabled = false;
+  }
+});

data/app/controllers/dbviewer/tables_controller.rb

@@ -3,7 +3,7 @@ module Dbviewer
     include Dbviewer::AccessControlValidation
 
     before_action :set_table_name, except: [ :index ]
-    before_action :validate_table, only: [ :show, :query, :export_csv, :new_record, :create_record ]
+    before_action :validate_table, only: [ :show, :query, :export_csv, :new_record, :create_record, :destroy_record ]
     before_action :set_query_filters, only: [ :show, :export_csv ]
     before_action :set_global_filters, only: [ :show, :export_csv ]
 
@@ -89,6 +89,28 @@ module Dbviewer
                 disposition: "attachment; filename=#{filename}"
     end
 
+    def destroy_record
+      model_class = database_manager.get_model_for(@table_name)
+      primary_key = database_manager.primary_key(@table_name) || "id"
+      record = model_class.find_by(primary_key => params[:record_id])
+
+      if record.nil?
+        render json: { error: "Record not found" }, status: :not_found
+        return
+      end
+
+      begin
+        if record.destroy
+          render json: { message: "Record deleted successfully" }, status: :ok
+        else
+          render json: { errors: record.errors.full_messages, message: "Failed to delete record" }, status: :unprocessable_entity
+        end
+      rescue => e
+        Rails.logger.error("Error deleting record from #{@table_name}: #{e.message}")
+        render json: { error: "Failed to delete record: #{e.message}" }, status: :internal_server_error
+      end
+    end
+
     private
 
     def record_params

data/app/helpers/dbviewer/datatable_ui_table_helper.rb

@@ -137,8 +137,27 @@ module Dbviewer
             content_tag(:i, "", class: "bi bi-clipboard")
           end
 
-          # Concatenate both buttons
-          view_button + copy_factory_button
+          # Delete Record button (only if enabled in configuration)
+          delete_button = if Dbviewer.configuration.enable_record_deletion
+            button_tag(
+              type: "button",
+              class: "btn btn-sm btn-outline-danger delete-record-btn",
+              title: "Delete Record",
+              data: {
+                bs_toggle: "modal",
+                bs_target: "#deleteConfirmModal",
+                record_data: data_attributes.to_json,
+                table_name: table_name
+              }
+            ) do
+              content_tag(:i, "", class: "bi bi-trash")
+            end
+          else
+            "".html_safe
+          end
+
+          # Concatenate all buttons
+          view_button + copy_factory_button + delete_button
         end
       end
     end

data/app/views/dbviewer/tables/show.html.erb

@@ -14,6 +14,7 @@
   <%= stylesheet_link_tag "dbviewer/table", "data-turbo-track": "reload" %>
   <%= javascript_include_tag "dbviewer/table", "data-turbo-track": "reload" %>
   <%= javascript_include_tag "dbviewer/record_creation", "data-turbo-track": "reload" %>
+  <%= javascript_include_tag "dbviewer/record_deletion", "data-turbo-track": "reload" %>
 <% end %>
 
 <% content_for :sidebar_active do %>active<% end %>
@@ -192,6 +193,11 @@
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+        <% if Dbviewer.configuration.enable_record_deletion %>
+        <button type="button" class="btn btn-danger" id="recordDetailDeleteBtn" data-record-id="">
+          <i class="bi bi-trash me-1"></i>Delete Record
+        </button>
+        <% end %>
       </div>
     </div>
   </div>
@@ -382,5 +388,45 @@
   </div>
 </div>
 
+<% if Dbviewer.configuration.enable_record_deletion %>
+<!-- Delete Confirmation Modal -->
+<div class="modal fade" id="deleteConfirmModal" tabindex="-1" aria-labelledby="deleteConfirmModalLabel" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header bg-danger text-white">
+        <h5 class="modal-title" id="deleteConfirmModalLabel">
+          <i class="bi bi-exclamation-triangle-fill me-2"></i>Confirm Deletion
+        </h5>
+        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <p>Are you sure you want to delete this record from <strong><%= @table_name %></strong>?</p>
+        <div class="alert alert-warning">
+          <i class="bi bi-exclamation-triangle-fill me-2"></i>
+          <strong>Warning:</strong> This action cannot be undone.
+        </div>
+        
+        <!-- Primary key info will be inserted here -->
+        <div id="deleteRecordInfo" class="mt-3 mb-2 p-2 border-start border-4 border-danger ps-3">
+          <!-- Record info will be displayed here -->
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+        <%= form_with(url: "#", method: :delete, id: "recordDeleteForm") do |form| %>
+          <input type="hidden" id="deleteRecordId" name="record_id" value="">
+          <button type="submit" class="btn btn-danger">
+            <i class="bi bi-trash me-1"></i>Delete Record
+          </button>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
+<% end %>
+
+<!-- Toast container for notifications -->
+<div id="toast-container" class="toast-container position-fixed bottom-0 end-0 p-3"></div>
+
 <input type="hidden" id="mini_erd_table_path" name="mini_erd_table_path" value="<%= dbviewer.mini_erd_api_table_path(@table_name, format: :json) %>">
 <input type="hidden" id="table_name" name="table_name" value="<%= @table_name %>">

data/config/routes.rb

@@ -6,6 +6,7 @@ Dbviewer::Engine.routes.draw do
       get "export_csv"
       get "new_record"
       post "create_record"
+      delete "records/:record_id", to: "tables#destroy_record", as: :destroy_record
     end
   end
 

data/lib/dbviewer/configuration.rb

@@ -117,6 +117,9 @@ module Dbviewer
     # Maximum number of security events to keep in memory
     attr_accessor :max_security_events
 
+    # Enable or disable record deletion functionality
+    attr_accessor :enable_record_deletion
+
     def initialize
       @per_page_options = [ 10, 20, 50, 100 ]
       @default_per_page = 20
@@ -124,6 +127,7 @@ module Dbviewer
       @max_query_length = 10000
       @cache_expiry = 300
       @enable_data_export = false
+      @enable_record_deletion = true
       @query_timeout = 30
       @query_logging_mode = :memory
       @query_log_path = "log/dbviewer.log"

data/lib/dbviewer/version.rb

@@ -1,3 +1,3 @@
 module Dbviewer
-  VERSION = "0.9.4-alpha.1"
+  VERSION = "0.9.4-alpha.2"
 end

data/lib/generators/dbviewer/templates/initializer.rb

@@ -13,6 +13,9 @@ Dbviewer.configure do |config|
   config.query_log_path = "log/dbviewer.log"         # Path for query log file when in :file mode
   config.max_memory_queries = 1000                   # Maximum number of queries to store in memory
 
+  # Data Management options
+  config.enable_record_deletion = true               # Whether to allow record deletion functionality
+
   # Authentication options (Basic Auth)
   # config.admin_credentials = {
   #   username: "admin",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dbviewer
 version: !ruby/object:Gem::Version
-  version: 0.9.4.pre.alpha.1
+  version: 0.9.4.pre.alpha.2
 platform: ruby
 authors:
 - Wailan Tirajoh
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-05 00:00:00.000000000 Z
+date: 2025-07-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -87,6 +87,7 @@ files:
 - app/assets/javascripts/dbviewer/layout.js
 - app/assets/javascripts/dbviewer/query.js
 - app/assets/javascripts/dbviewer/record_creation.js
+- app/assets/javascripts/dbviewer/record_deletion.js
 - app/assets/javascripts/dbviewer/sidebar.js
 - app/assets/javascripts/dbviewer/table.js
 - app/assets/javascripts/dbviewer/utility.js