gravity_mailbox 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 72867c424724e7388ae25f6eb519d509cfaf7bc6deb90de35eaa766bd6350e40
-  data.tar.gz: 4d0a7c8ca000e49aed8a878e5bcc402896ae61a97981acf71fcbdbac29d59bad
+  metadata.gz: ff342147e916a7f207acf163e0dfb44e66fcc2619a5d5e585bcb4c4bbc3153b6
+  data.tar.gz: 2b522879f42bf910804e405a9097f9a277e442b7b8c9e0d6154f19597c8aae1c
 SHA512:
-  metadata.gz: 7b24028b7fc05777f0e727f0f4677c990226c255d705caba4a5bcf108e41ae969628faa0545e2f05c6feaab23452691bf016bab6903eff102463e2e7c5a7be53
-  data.tar.gz: 8824afef7b5bf9618186afc88371da4d3b3d275bed3d574795aa667745f3ae7fd9bd71d18deee7b86860991e370357f627f5963b5d8e969803296ab951a0801e
+  metadata.gz: b903157b42b0a571d79d2a046f59a045543ab5722d70d00969829cbe7ffb17ed16644aed83619b5eb8ebed8b689e7aef70a12c12d027e0e1bb83632aea2aa2af
+  data.tar.gz: b5b4e508a4cfdf3500f034b06ea6896434c1968c04cae5560b2cda5d5b04369698e3d386c828730424cfac02ab530a226f3b866b333a9ae35233e88a68b8cc14

data/.github/workflows/main.yml

@@ -1,4 +1,4 @@
-name: Ruby
+name: Build
 
 on: [push,pull_request]
 

data/CHANGELOG.md

@@ -1,7 +1,12 @@
-# Change log
+# Changelog
 
 ## main (unreleased)
 
+## v0.2.0 (2022-12-15)
+
+* New look ([#7](https://github.com/petalmd/gravity_mailbox/pull/7))
+* Download eml file ([#7](https://github.com/petalmd/gravity_mailbox/pull/7))
+
 ## v0.1.0 (2022-11-15)
 
- * Initial release
+* Initial release

data/Gemfile.lock

@@ -1,45 +1,47 @@
 PATH
   remote: .
   specs:
-    gravity_mailbox (0.1.0)
+    gravity_mailbox (0.2.0)
       actionmailer (>= 5.2)
       railties (>= 5.2)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    actionmailer (6.0.5.1)
-      actionpack (= 6.0.5.1)
-      actionview (= 6.0.5.1)
-      activejob (= 6.0.5.1)
+    actionmailer (6.1.7)
+      actionpack (= 6.1.7)
+      actionview (= 6.1.7)
+      activejob (= 6.1.7)
+      activesupport (= 6.1.7)
       mail (~> 2.5, >= 2.5.4)
       rails-dom-testing (~> 2.0)
-    actionpack (6.0.5.1)
-      actionview (= 6.0.5.1)
-      activesupport (= 6.0.5.1)
-      rack (~> 2.0, >= 2.0.8)
+    actionpack (6.1.7)
+      actionview (= 6.1.7)
+      activesupport (= 6.1.7)
+      rack (~> 2.0, >= 2.0.9)
       rack-test (>= 0.6.3)
       rails-dom-testing (~> 2.0)
       rails-html-sanitizer (~> 1.0, >= 1.2.0)
-    actionview (6.0.5.1)
-      activesupport (= 6.0.5.1)
+    actionview (6.1.7)
+      activesupport (= 6.1.7)
       builder (~> 3.1)
       erubi (~> 1.4)
       rails-dom-testing (~> 2.0)
       rails-html-sanitizer (~> 1.1, >= 1.2.0)
-    activejob (6.0.5.1)
-      activesupport (= 6.0.5.1)
+    activejob (6.1.7)
+      activesupport (= 6.1.7)
       globalid (>= 0.3.6)
-    activesupport (6.0.5.1)
+    activesupport (6.1.7)
       concurrent-ruby (~> 1.0, >= 1.0.2)
-      i18n (>= 0.7, < 2)
-      minitest (~> 5.1)
-      tzinfo (~> 1.1)
-      zeitwerk (~> 2.2, >= 2.2.2)
+      i18n (>= 1.6, < 2)
+      minitest (>= 5.1)
+      tzinfo (~> 2.0)
+      zeitwerk (~> 2.3)
     ast (2.4.2)
     builder (3.2.4)
     concurrent-ruby (1.1.10)
     crass (1.0.6)
+    date (3.3.1)
     diff-lcs (1.5.0)
     erubi (1.11.0)
     globalid (1.0.0)
@@ -47,36 +49,50 @@ GEM
     i18n (1.12.0)
       concurrent-ruby (~> 1.0)
     json (2.6.2)
-    loofah (2.19.0)
+    loofah (2.19.1)
       crass (~> 1.0.2)
       nokogiri (>= 1.5.9)
-    mail (2.7.1)
+    mail (2.8.0)
       mini_mime (>= 0.1.1)
+      net-imap
+      net-pop
+      net-smtp
     method_source (1.0.0)
     mini_mime (1.1.2)
     mini_portile2 (2.8.0)
     minitest (5.16.3)
-    nokogiri (1.13.9)
+    net-imap (0.3.2)
+      date
+      net-protocol
+    net-pop (0.1.2)
+      net-protocol
+    net-protocol (0.2.1)
+      timeout
+    net-smtp (0.3.3)
+      net-protocol
+    nokogiri (1.13.10)
       mini_portile2 (~> 2.8.0)
       racc (~> 1.4)
+    nokogiri (1.13.10-x86_64-linux)
+      racc (~> 1.4)
     parallel (1.22.1)
     parser (3.1.2.1)
       ast (~> 2.4.1)
-    racc (1.6.0)
+    racc (1.6.1)
     rack (2.2.4)
     rack-test (2.0.2)
       rack (>= 1.3)
     rails-dom-testing (2.0.3)
       activesupport (>= 4.2.0)
       nokogiri (>= 1.6)
-    rails-html-sanitizer (1.4.3)
-      loofah (~> 2.3)
-    railties (6.0.5.1)
-      actionpack (= 6.0.5.1)
-      activesupport (= 6.0.5.1)
+    rails-html-sanitizer (1.4.4)
+      loofah (~> 2.19, >= 2.19.1)
+    railties (6.1.7)
+      actionpack (= 6.1.7)
+      activesupport (= 6.1.7)
       method_source
-      rake (>= 0.8.7)
-      thor (>= 0.20.3, < 2.0)
+      rake (>= 12.2)
+      thor (~> 1.0)
     rainbow (3.1.1)
     rake (13.0.6)
     regexp_parser (2.6.0)
@@ -108,14 +124,15 @@ GEM
       parser (>= 3.1.1.0)
     ruby-progressbar (1.11.0)
     thor (1.2.1)
-    thread_safe (0.3.6)
-    tzinfo (1.2.10)
-      thread_safe (~> 0.1)
+    timeout (0.3.1)
+    tzinfo (2.0.5)
+      concurrent-ruby (~> 1.0)
     unicode-display_width (2.3.0)
     zeitwerk (2.6.6)
 
 PLATFORMS
   -darwin-21
+  x86_64-linux
 
 DEPENDENCIES
   gravity_mailbox!

data/README.md

@@ -1,3 +1,6 @@
+[![Gem Version](https://badge.fury.io/rb/gravity_mailbox.svg)](https://badge.fury.io/rb/gravity_mailbox)
+[![Ruby](https://github.com/petalmd/gravity_mailbox/actions/workflows/main.yml/badge.svg)](https://github.com/petalmd/gravity_mailbox/actions/workflows/main.yml)
+
 # GravityMailbox
 
 Development tools that aim to make it simple to visualize mail sent by your Rails app directly through your Rails app.
@@ -31,7 +34,7 @@ config.action_mailer.perform_deliveries = true
 * Send mails
 * Go to http://localhost:3000/gravity_mailbox to see the mails.
 
-<img width="520" alt="image" src="https://user-images.githubusercontent.com/7858787/201705867-74888ae2-fa6d-4678-a911-134ae5527100.png">
+<img width="520" alt="image" src="https://user-images.githubusercontent.com/7858787/206336575-e1455a43-154d-4632-bc80-ecb849e2e224.png">
 
 ## Development
 

data/gravity_mailbox.gemspec

@@ -8,8 +8,9 @@ Gem::Specification.new do |spec|
   spec.authors       = ['Jean-Francis Bastien']
   spec.email         = ['jfbastien@petalmd.com']
 
-  spec.summary       = 'Write a short summary, because RubyGems requires one.'
-  spec.description   = 'Write a longer description or delete this line.'
+  spec.summary       = 'Visualize mail sent by your Rails app directly through your Rails app.'
+  spec.description   = 'Development tools that aim to make it simple to visualize mail ' \
+                       'sent by your Rails app directly through your Rails app.'
   spec.homepage      = 'https://github.com/petalmd/gravity_mailbox'
   spec.license       = 'MIT'
   spec.required_ruby_version = Gem::Requirement.new('>= 2.6.0')

data/lib/gravity_mailbox/mailbox_controller.rb

@@ -16,6 +16,16 @@ module GravityMailbox
       render plain: email_body
     end
 
+    def download_eml
+      @mail = RailsCacheDeliveryMethod.mail(params[:id])
+      send_data @mail.to_s, filename: "#{@mail.subject}.eml"
+    end
+
+    def delete
+      RailsCacheDeliveryMethod.delete(params[:id])
+      redirect_to '/gravity_mailbox'
+    end
+
     def delete_all
       RailsCacheDeliveryMethod.delete_all
       redirect_to '/gravity_mailbox'

data/lib/gravity_mailbox/rails_cache_delivery_method.rb

@@ -24,6 +24,17 @@ module GravityMailbox
       end.sort_by(&:date).reverse
     end
 
+    def self.mail(id)
+      Mail.new(Rails.cache.read("#{KEY_PREFIX}#{id}"))
+    end
+
+    def self.delete(id)
+      Rails.cache.delete("#{KEY_PREFIX}#{id}")
+      actual_list = mail_keys
+      actual_list.delete("#{KEY_PREFIX}#{id}")
+      Rails.cache.write(MAILS_LIST_KEY, actual_list)
+    end
+
     def self.delete_all
       Rails.cache.delete_matched("#{KEY_PREFIX}*")
     end

data/lib/gravity_mailbox/railtie.rb

@@ -17,6 +17,8 @@ module GravityMailbox
       app.routes.prepend do
         get '/gravity_mailbox' => 'gravity_mailbox/mailbox#index', internal: true
         post '/gravity_mailbox/delete_all' => 'gravity_mailbox/mailbox#delete_all', internal: true
+        get '/gravity_mailbox/download_eml' => 'gravity_mailbox/mailbox#download_eml', internal: true
+        post '/gravity_mailbox/delete' => 'gravity_mailbox/mailbox#delete', internal: true
       end
     end
   end

data/lib/gravity_mailbox/templates/gravity_mailbox/mailbox/_mail.html.erb

@@ -1,5 +1,51 @@
-<div class="box <%= mail.message_id == params[:id] ? 'has-background-success-light' : '' %>">
-  <strong>Subject: </strong><%= link_to mail.subject, "?id=#{mail.message_id}" %> <br>
-  <strong>To: </strong><%= mail.to.join(', ') %><br>
-  <strong>Date: </strong><%= I18n.l(mail.date, format: :long) %><br>
-</div>
+
+<div class="p-4 mail-list-item <%= mail.message_id == params[:id] ? 'selected-mail' : '' %>" data-mail-id="<%= mail.message_id %>">
+  <div class="level" style="margin-bottom: 12px">
+    <div class="level-left" style="width: 80%">
+      <span class="has-text-weight-semibold	mail-subject"><%= mail.subject %></span>
+    </div>
+    <div class="level-right">
+      <div class="dropdown is-right">
+        <div class="dropdown-trigger" style="width: 24px; height: 24px;">
+          <span class="icon">
+            <ion-icon name="ellipsis-vertical-outline"></ion-icon>
+          </span>
+        </div>
+        <div class="dropdown-menu" id="dropdown-menu" role="menu">
+          <div class="dropdown-content">
+            <div class="dropdown-item">
+              <%= link_to "/gravity_mailbox/download_eml?id=#{mail.message_id}", class: ['link-button'] do %>
+                    <span class="icon-text">
+                      <span class="icon has-text-centered">
+                        <ion-icon name="download-outline"></ion-icon>
+                      </span>
+                      <span>Download .eml</span>
+                    </span>
+              <% end %>
+            </div>
+
+            <div class="dropdown-item">
+              <%= button_to "/gravity_mailbox/delete?id=#{mail.message_id}", class: ['link-button'], method: :post do %>
+                    <span class="icon-text">
+                      <span class="icon has-text-centered">
+                        <ion-icon name="trash-outline"></ion-icon>
+                      </span>
+                      <span>Delete</span>
+                    </span>
+              <% end %>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <% mail.to.each do |email_to| %>
+    <%= content_tag(:p, email_to, class: ['has-text-weight-light'], style: "font-size: 0.85rem") %>
+  <% end %>
+  <div class="has-text-right">
+    <span class="is-size-7" title="<%= I18n.l(mail.date, format: :long) %>">
+        <%= time_ago_in_words(mail.date) %>
+      </span>
+  </div>
+</div>

data/lib/gravity_mailbox/templates/gravity_mailbox/mailbox/index.html.erb

@@ -7,20 +7,105 @@
     border: 0;
     width: 100%;
   }
+
+  .mail-list-column {
+    height: 100vh;
+    overflow: scroll;
+    min-width: 20em;
+  }
+
+  .link-button {
+    background: none!important;
+    border: none;
+    padding: 0!important;
+    font-family: arial, sans-serif;
+    color: #000;
+    cursor: pointer;
+  }
+
+  .selected-mail {
+    background-color: #ffffff!important;
+  }
+
+  .mail-list-item {
+    background-color: hsl(206deg 27% 96%);
+  }
 <% end %>
 
 <div class="columns mb-0 mt-0">
-  <div class="column is-one-quarter" style="max-height: 100vh; overflow: scroll">
-    <div class="section" style="padding: 1em;">
-      <%= button_to 'Delete all', '/gravity_mailbox/delete_all', class: ['button', 'is-danger'], method: :post %>
+  <div class="column is-one-quarter pt-0 pr-0 mail-list-column">
+    <div class="navbar has-background-info">
+      <div class="navbar-brand">
+        <h1 class="navbar-item title is-6 has-text-white">GravityMailbox</h1>
+      </div>
+      <div class="navbar-menu">
+        <div class="navbar-end">
+          <div class="navbar-item">
+            <div class="dropdown is-right" id="toolbar-dropdown">
+              <div class="dropdown-trigger" style="width: 24px; height: 24px;">
+                 <span class="icon has-text-white has-text-centered" aria-controls="dropdown-menu">
+                    <ion-icon size="large" name="menu-outline"></ion-icon>
+                </span>
+              </div>
+              <div class="dropdown-menu" id="dropdown-menu" role="menu">
+                <div class="dropdown-content">
+                  <div class="dropdown-item">
+                    <%= button_to '/gravity_mailbox/delete_all', class: ['link-button'], method: :post do %>
+                      <span class="icon-text">
+                        <span class="icon has-text-centered">
+                          <ion-icon name="trash-outline"></ion-icon>
+                        </span>
+                        <span>Delete all</span>
+                      </span>
+                    <% end %>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
-    <% @mails.each do |mail| %>
-      <%= render partial: 'mail', locals: { mail: mail } %>
-    <% end %>
+
+      <% @mails.each_with_index do |mail, index| %>
+        <%= render partial: 'mail', locals: { mail: mail, index: index } %>
+      <% end %>
   </div>
-  <div class="column pb-0 pt-0">
-    <% if @mail %>
-      <iframe seamless name="messageBody" src="?part=true&id=<%= params[:id] %>"></iframe>
-    <% end %>
+  <div class="column pb-0 pt-0 pl-0">
+      <iframe id="iframe-mail-container" seamless name="messageBody" src="<%= params[:id] ? "?part=true&id=#{params[:id]}" : '' %>"></iframe>
   </div>
 </div>
+
+<script>
+  function closeAllOtherDropdown(e) {
+      document.querySelectorAll(".dropdown").forEach((dropdown) => {
+          dropdown.classList.remove('is-active');
+      })
+  }
+
+  // Click on mail and change iframe src
+  let mailItems = document.querySelectorAll(".mail-list-item")
+  mailItems.forEach(mailItem => {
+  mailItem.addEventListener("click", () => {
+      document.querySelector("#iframe-mail-container").src = "/gravity_mailbox?part=true&id=" + mailItem.dataset.mailId
+      mailItems.forEach(mailItem => mailItem.classList.remove("selected-mail"))
+      mailItem.classList.add("selected-mail")
+    })
+  })
+
+  // Close all dropdowns if the user clicks outside of them
+  document.addEventListener("click", (e) => {
+    document.querySelectorAll(".dropdown").forEach((dropdown) => {
+        dropdown.classList.remove("is-active")
+    })
+  });
+
+  // Each mail menu dropdown
+  document.querySelectorAll('.dropdown-trigger').forEach((dropdown) => {
+      dropdown.addEventListener('click', function (e) {
+          closeAllOtherDropdown(e)
+          e.target.closest(".dropdown").classList.toggle('is-active');
+          e.stopPropagation();
+      })
+    })
+</script>

data/lib/gravity_mailbox/templates/layouts/application.html.erb

@@ -10,5 +10,7 @@
 </head>
 <body>
   <%= yield %>
+  <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+  <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
 </body>
 </html>

data/lib/gravity_mailbox/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module GravityMailbox
-  VERSION = '0.1.0'
+  VERSION = '0.2.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: gravity_mailbox
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Jean-Francis Bastien
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2022-11-15 00:00:00.000000000 Z
+date: 2022-12-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionmailer
@@ -38,7 +38,8 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '5.2'
-description: Write a longer description or delete this line.
+description: Development tools that aim to make it simple to visualize mail sent by
+  your Rails app directly through your Rails app.
 email:
 - jfbastien@petalmd.com
 executables: []
@@ -92,5 +93,5 @@ requirements: []
 rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
-summary: Write a short summary, because RubyGems requires one.
+summary: Visualize mail sent by your Rails app directly through your Rails app.
 test_files: []