recycle_bin 1.1.0 → 1.1.1

data/docs/logo.svg

@@ -0,0 +1,71 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
+  <defs>
+    <!-- Gradient for the main container -->
+    <linearGradient id="containerGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
+    </linearGradient>
+    
+    <!-- Gradient for the lid -->
+    <linearGradient id="lidGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#8b9cf7;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#667eea;stop-opacity:1" />
+    </linearGradient>
+    
+    <!-- Shadow filter -->
+    <filter id="dropShadow" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="3" dy="6" stdDeviation="4" flood-color="rgba(0,0,0,0.3)"/>
+    </filter>
+    
+    <!-- Glow effect -->
+    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="3" result="coloredBlur"/>
+      <feMerge> 
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  
+  <!-- Background circle -->
+  <circle cx="100" cy="100" r="95" fill="url(#containerGradient)" filter="url(#dropShadow)" opacity="0.1"/>
+  
+  <!-- Main trash bin body -->
+  <rect x="60" y="80" width="80" height="90" rx="8" ry="8" fill="url(#containerGradient)" filter="url(#dropShadow)"/>
+  
+  <!-- Trash bin lid -->
+  <rect x="50" y="70" width="100" height="12" rx="6" ry="6" fill="url(#lidGradient)" filter="url(#dropShadow)"/>
+  
+  <!-- Lid handle -->
+  <rect x="90" y="55" width="20" height="8" rx="4" ry="4" fill="url(#lidGradient)"/>
+  <rect x="95" y="63" width="10" height="12" fill="url(#lidGradient)"/>
+  
+  <!-- Vertical lines on trash bin -->
+  <line x1="80" y1="90" x2="80" y2="155" stroke="rgba(255,255,255,0.3)" stroke-width="2" stroke-linecap="round"/>
+  <line x1="100" y1="90" x2="100" y2="155" stroke="rgba(255,255,255,0.3)" stroke-width="2" stroke-linecap="round"/>
+  <line x1="120" y1="90" x2="120" y2="155" stroke="rgba(255,255,255,0.3)" stroke-width="2" stroke-linecap="round"/>
+  
+  <!-- Restore arrow (curved arrow indicating recovery) -->
+  <g transform="translate(130, 40)" filter="url(#glow)">
+    <path d="M 0 15 Q 10 5 20 15 Q 15 10 15 20" stroke="#28a745" stroke-width="3" fill="none" stroke-linecap="round"/>
+    <polygon points="12,18 18,18 15,24" fill="#28a745"/>
+  </g>
+  
+  <!-- Floating particles (representing restored items) -->
+  <circle cx="45" cy="50" r="3" fill="#28a745" opacity="0.7">
+    <animate attributeName="cy" values="50;45;50" dur="2s" repeatCount="indefinite"/>
+  </circle>
+  <circle cx="155" cy="60" r="2" fill="#ffc107" opacity="0.8">
+    <animate attributeName="cy" values="60;55;60" dur="1.5s" repeatCount="indefinite"/>
+    <animate attributeName="opacity" values="0.8;0.4;0.8" dur="1.5s" repeatCount="indefinite"/>
+  </circle>
+  <circle cx="40" cy="120" r="2.5" fill="#17a2b8" opacity="0.6">
+    <animate attributeName="cy" values="120;115;120" dur="2.5s" repeatCount="indefinite"/>
+  </circle>
+  
+  <!-- Subtle highlight on the bin -->
+  <rect x="62" y="82" width="15" height="60" rx="4" ry="4" fill="rgba(255,255,255,0.2)"/>
+  
+  <!-- Brand text (small) -->
+  <text x="100" y="190" text-anchor="middle" font-family="Inter, sans-serif" font-size="14" font-weight="600" fill="url(#containerGradient)">RecycleBin</text>
+</svg>

data/lib/recycle_bin/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RecycleBin
-  VERSION = '1.1.0'
+  VERSION = '1.1.1'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: recycle_bin
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.1.1
 platform: ruby
 authors:
 - Rishi Somani
@@ -9,7 +9,7 @@ authors:
 - Raghav Agrawal
 bindir: bin
 cert_chain: []
-date: 2025-05-25 00:00:00.000000000 Z
+date: 2025-05-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -92,13 +92,20 @@ files:
 - app/controllers/recycle_bin/application_controller.rb
 - app/controllers/recycle_bin/trash_controller.rb
 - app/helpers/recycle_bin/application_helper.rb
-- app/views/layouts/recycle_bin/application.html.erb
-- app/views/layouts/recycle_bin/recycle_bin/application.html.erb
-- app/views/layouts/recycle_bin/recycle_bin/trash/index.html.erb
-- app/views/layouts/recycle_bin/recycle_bin/trash/show.html.erb
+- app/views/recycle_bin/layouts/recycle_bin.html.erb
+- app/views/recycle_bin/shared/_error_messages.html.erb
+- app/views/recycle_bin/shared/_flash_messages.html.erb
+- app/views/recycle_bin/trash/_action_history.html.erb
+- app/views/recycle_bin/trash/_associations.html.erb
+- app/views/recycle_bin/trash/_filters.html.erb
+- app/views/recycle_bin/trash/_item.html.erb
+- app/views/recycle_bin/trash/_pagination.html.erb
+- app/views/recycle_bin/trash/_stats.html.erb
 - app/views/recycle_bin/trash/index.html.erb
 - app/views/recycle_bin/trash/show.html.erb
 - config/routes.rb
+- docs/index.html
+- docs/logo.svg
 - lib/generators/recycle_bin/add_deleted_at/add_deleted_at_generator.rb
 - lib/generators/recycle_bin/add_deleted_at/templates/add_deleted_at_migration.rb.erb
 - lib/generators/recycle_bin/install/install_generator.rb

data/app/views/layouts/recycle_bin/recycle_bin/application.html.erb

@@ -1,266 +0,0 @@
-
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Recycle Bin</title>
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <%= csrf_meta_tags %>
-    <%= csp_meta_tag %>
-
-    <style>
-      /* Simple, clean CSS for V1 MVP */
-      * {
-        box-sizing: border-box;
-        margin: 0;
-        padding: 0;
-      }
-
-      body {
-        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-        line-height: 1.6;
-        color: #333;
-        background-color: #f8f9fa;
-      }
-
-      .container {
-        max-width: 1200px;
-        margin: 0 auto;
-        padding: 0 20px;
-      }
-
-      /* Header */
-      .header {
-        background: #fff;
-        border-bottom: 1px solid #dee2e6;
-        padding: 1rem 0;
-        margin-bottom: 2rem;
-      }
-
-      .header h1 {
-        color: #495057;
-        font-size: 1.5rem;
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-      }
-
-      .header .trash-icon {
-        font-size: 1.8rem;
-      }
-
-      /* Navigation */
-      .nav {
-        margin-top: 1rem;
-      }
-
-      .nav a {
-        color: #6c757d;
-        text-decoration: none;
-        margin-right: 1.5rem;
-        padding: 0.5rem 0;
-        border-bottom: 2px solid transparent;
-        transition: all 0.2s;
-      }
-
-      .nav a:hover,
-      .nav a.active {
-        color: #495057;
-        border-bottom-color: #007bff;
-      }
-
-      /* Cards */
-      .card {
-        background: #fff;
-        border-radius: 8px;
-        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-        padding: 1.5rem;
-        margin-bottom: 1rem;
-      }
-
-      /* Buttons */
-      .btn {
-        display: inline-block;
-        padding: 0.5rem 1rem;
-        border: none;
-        border-radius: 4px;
-        text-decoration: none;
-        cursor: pointer;
-        font-size: 0.875rem;
-        transition: all 0.2s;
-      }
-
-      .btn-primary {
-        background: #007bff;
-        color: white;
-      }
-
-      .btn-primary:hover {
-        background: #0056b3;
-      }
-
-      .btn-success {
-        background: #28a745;
-        color: white;
-      }
-
-      .btn-success:hover {
-        background: #1e7e34;
-      }
-
-      .btn-danger {
-        background: #dc3545;
-        color: white;
-      }
-
-      .btn-danger:hover {
-        background: #c82333;
-      }
-
-      .btn-sm {
-        padding: 0.25rem 0.75rem;
-        font-size: 0.8rem;
-      }
-
-      /* Tables */
-      .table {
-        width: 100%;
-        border-collapse: collapse;
-        background: #fff;
-        border-radius: 8px;
-        overflow: hidden;
-        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-      }
-
-      .table th,
-      .table td {
-        padding: 1rem;
-        text-align: left;
-        border-bottom: 1px solid #dee2e6;
-      }
-
-      .table th {
-        background: #f8f9fa;
-        font-weight: 600;
-        color: #495057;
-      }
-
-      .table tr:hover {
-        background: #f8f9fa;
-      }
-
-      /* Stats */
-      .stats {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-        gap: 1rem;
-        margin-bottom: 2rem;
-      }
-
-      .stat-card {
-        background: #fff;
-        padding: 1.5rem;
-        border-radius: 8px;
-        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-        text-align: center;
-      }
-
-      .stat-number {
-        font-size: 2rem;
-        font-weight: bold;
-        color: #007bff;
-      }
-
-      .stat-label {
-        color: #6c757d;
-        font-size: 0.875rem;
-        margin-top: 0.5rem;
-      }
-
-      /* Empty state */
-      .empty-state {
-        text-align: center;
-        padding: 4rem 2rem;
-        color: #6c757d;
-      }
-
-      .empty-state-icon {
-        font-size: 4rem;
-        margin-bottom: 1rem;
-      }
-
-      /* Responsive */
-      @media (max-width: 768px) {
-        .container {
-          padding: 0 15px;
-        }
-
-        .table {
-          font-size: 0.875rem;
-        }
-
-        .table th,
-        .table td {
-          padding: 0.75rem 0.5rem;
-        }
-
-        .btn {
-          font-size: 0.8rem;
-          padding: 0.4rem 0.8rem;
-        }
-      }
-
-      /* Alerts */
-      .alert {
-        padding: 0.75rem 1rem;
-        margin-bottom: 1rem;
-        border-radius: 4px;
-      }
-
-      .alert-success {
-        background: #d4edda;
-        color: #155724;
-        border: 1px solid #c3e6cb;
-      }
-
-      .alert-danger {
-        background: #f8d7da;
-        color: #721c24;
-        border: 1px solid #f5c6cb;
-      }
-
-      .alert-info {
-        background: #d1ecf1;
-        color: #0c5460;
-        border: 1px solid #bee5eb;
-      }
-    </style>
-  </head>
-
-  <body>
-    <div class="header">
-      <div class="container">
-        <h1>
-          <span class="trash-icon">🗑️</span>
-          Recycle Bin
-        </h1>
-        <nav class="nav">
-          <%= link_to "All Items", recycle_bin.trash_index_path,
-                      class: ("active" if current_page?(recycle_bin.trash_index_path)) %>
-          <%= link_to "Statistics", "#", class: "disabled" %>
-        </nav>
-      </div>
-    </div>
-
-    <div class="container">
-      <% if notice %>
-        <div class="alert alert-success"><%= notice %></div>
-      <% end %>
-
-      <% if alert %>
-        <div class="alert alert-danger"><%= alert %></div>
-      <% end %>
-
-      <%= yield %>
-    </div>
-  </body>
-</html>

data/app/views/layouts/recycle_bin/recycle_bin/trash/index.html.erb

@@ -1,133 +0,0 @@
-<% content_for :title, "Recycle Bin" %>
-
-<!-- Statistics Cards -->
-<div class="stats">
-  <div class="stat-card">
-    <div class="stat-number"><%= @deleted_items.count %></div>
-    <div class="stat-label">Items in Trash</div>
-  </div>
-
-  <div class="stat-card">
-    <div class="stat-number"><%= @model_types.count %></div>
-    <div class="stat-label">Different Types</div>
-  </div>
-
-  <div class="stat-card">
-    <div class="stat-number">
-      <%= @deleted_items.where('deleted_at > ?', 1.day.ago).count %>
-    </div>
-    <div class="stat-label">Deleted Today</div>
-  </div>
-</div>
-
-<!-- Main Content -->
-<div class="card">
-  <% if @deleted_items.any? %>
-    <h2 style="margin-bottom: 1.5rem; color: #495057;">
-      Deleted Items
-      <span style="font-size: 0.8em; color: #6c757d;">
-        (<%= @deleted_items.count %> items)
-      </span>
-    </h2>
-
-    <!-- Model Type Filter -->
-    <div style="margin-bottom: 1.5rem;">
-      <strong>Filter by type:</strong>
-      <%= link_to "All", recycle_bin.trash_index_path,
-                  class: "btn btn-sm #{'btn-primary' if params[:type].blank?}" %>
-      <% @model_types.each do |model_type| %>
-        <%= link_to model_type, recycle_bin.trash_index_path(type: model_type),
-                    class: "btn btn-sm #{'btn-primary' if params[:type] == model_type}" %>
-      <% end %>
-    </div>
-
-    <!-- Items Table -->
-    <table class="table">
-      <thead>
-        <tr>
-          <th>Type</th>
-          <th>Title</th>
-          <th>Deleted At</th>
-          <th>Actions</th>
-        </tr>
-      </thead>
-      <tbody>
-        <% @deleted_items.each do |item| %>
-          <tr>
-            <td>
-              <strong><%= item.class.name %></strong>
-            </td>
-            <td>
-              <%= link_to truncate(item.recyclable_title, length: 50),
-                          recycle_bin.trash_path(item),
-                          style: "text-decoration: none; color: #007bff;" %>
-            </td>
-            <td>
-              <span style="color: #6c757d;">
-                <%= time_ago_in_words(item.deleted_at) %> ago
-              </span>
-              <br>
-              <small style="color: #adb5bd;">
-                <%= item.deleted_at.strftime('%B %d, %Y at %I:%M %p') %>
-              </small>
-            </td>
-            <td>
-              <%= link_to "View", recycle_bin.trash_path(item),
-                          class: "btn btn-sm btn-primary" %>
-              <%= link_to "Restore", recycle_bin.restore_trash_path(item),
-                          method: :patch,
-                          class: "btn btn-sm btn-success",
-                          data: {
-                            confirm: "Are you sure you want to restore this #{item.class.name.downcase}?"
-                          } %>
-              <%= link_to "Delete Forever", recycle_bin.trash_path(item),
-                          method: :delete,
-                          class: "btn btn-sm btn-danger",
-                          data: {
-                            confirm: "This will permanently delete this #{item.class.name.downcase}. This action cannot be undone!"
-                          } %>
-            </td>
-          </tr>
-        <% end %>
-      </tbody>
-    </table>
-
-    <!-- Bulk Actions -->
-    <div style="margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #dee2e6;">
-      <p style="color: #6c757d; font-size: 0.875rem;">
-        <strong>Bulk Actions:</strong>
-        Select items above to restore or delete multiple items at once.
-        <em>(Coming in v1.1)</em>
-      </p>
-    </div>
-
-  <% else %>
-    <!-- Empty State -->
-    <div class="empty-state">
-      <div class="empty-state-icon">🎉</div>
-      <h3>Your trash is empty!</h3>
-      <p>When you delete items from your application, they'll appear here so you can restore them if needed.</p>
-
-      <div style="margin-top: 2rem;">
-        <h4 style="color: #495057;">How to use RecycleBin:</h4>
-        <div style="text-align: left; max-width: 500px; margin: 1rem auto;">
-          <p><strong>1.</strong> Add <code>include RecycleBin::SoftDeletable</code> to your models</p>
-          <p><strong>2.</strong> Add <code>deleted_at:datetime</code> column to your tables</p>
-          <p><strong>3.</strong> Call <code>.destroy</code> on records - they'll come here instead of being deleted</p>
-          <p><strong>4.</strong> Use <code>.restore</code> to bring them back</p>
-        </div>
-      </div>
-    </div>
-  <% end %>
-</div>
-
-<!-- Help Section -->
-<div class="card" style="margin-top: 2rem; background: #f8f9fa;">
-  <h4 style="color: #495057; margin-bottom: 1rem;">💡 Pro Tips</h4>
-  <ul style="color: #6c757d; line-height: 1.8;">
-    <li><strong>Restore:</strong> Click "Restore" to bring items back to your application</li>
-    <li><strong>Permanent Delete:</strong> "Delete Forever" removes items completely (cannot be undone)</li>
-    <li><strong>Auto-cleanup:</strong> Items older than 30 days are automatically cleaned up</li>
-    <li><strong>Search:</strong> Use your browser's find (Ctrl/Cmd+F) to search this page</li>
-  </ul>
-</div>