rails_toastify 0.1.7 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 041d336902b6df731f5af562e2277cd7a3553e8a3f1993e6c3b9616b1c356605
-  data.tar.gz: 21e63fa2d7676cb312449e2b9d56eefb5129ecbdff0e04b30b53dd6b9a3658fe
+  metadata.gz: cfc517981d8a050d33fffb5adb0a1b570991332062839d0f68bc28795c2a36b8
+  data.tar.gz: 291c73972c9f7d278676f95f42153bc2fcddf6bfb78ecb007712abf0c71b49b0
 SHA512:
-  metadata.gz: 689f7d721c8a252f8fd37bd2dbdbcbcf6c3f5d937a11fb1c54394d124ca80f306d0b0a99a2b9e54a3a7f84a5073b62e8a2df4dc5d0e2e07b2578dd088573dd6d
-  data.tar.gz: 9a3167a81c64d577366013c6f3075773f30ad6d747b7dd0fcf5ec7eee5e5e65afc213da6c6c930c896bfefaaf8131f91be3297c1a3ff329be3c0ddfbc8c68840
+  metadata.gz: 1e04322f2c8a0c85f4436e3de91ebbe782d23e31965b1ad101cd1ab4c64ebfdfd8a41b05e078ad1cf0e2e0ca68867d538344979b13c88d6f3b6907c41f9d178a
+  data.tar.gz: 23a755965aaa27fb5aa8f33683cbbf701919806310074414faa8831167423237ab0659f30936891c9a7ed079bb24c5f49607b3e033050d16d7fd4cd658b97469

data/CHANGELOG.md

@@ -1,19 +1,29 @@
-# 0.1.7
+## 1.0.0
+
+- Version stable tested and approved
+- Change Changelog
+- Change Readme
+
+## 0.1.8
+
+- Fix progressbar
+
+## 0.1.7
 
 - Fix problem with toast disappear when mouseover
 - Change README
 
-# 0.1.6
+## 0.1.6
 
 - Fix css and js
 - Close toast on progress bar finish
 - Toast appear on top right
   
-# 0.1.5
+## 0.1.5
 
 - Adjustments CSS progress bar and shadow
   
-# 0.1.4
+## 0.1.4
 
 - Change CSS
 - Change JS

data/README.md

@@ -1,12 +1,13 @@
 # RailsToastify
 
-**Rails Toastify** allows you to easily add notifications to your app. Please note: this gem is still under development. Please CONTRIBUTE.
+**Rails Toastify** allows you to easily add notifications to your app. Please CONTRIBUTE.
 
 The **Rails Toastify** gem is completely inspired by the [React Toastify](https://fkhadra.github.io/react-toastify/introduction/) lib and is specially made for those React developers who are migrating to Rails thanks to Hotwire or for any other reason, and who love using Toasts and wanted a gem that makes it as easy as it is in React. 🎉 
 
 ## Installation
 
 Add gem in your Gemfile:
+
 ```ruby
 gem 'rails_toastify'
 ```
@@ -28,17 +29,18 @@ end
 
 ## Usage
 
-In your *application.html.erb* add:
+In your *application.html.erb* add in your header:
 
 ```ruby
 <%= stylesheet_link_tag 'rails_toastify', media: 'all' %>
 <%= javascript_include_tag 'rails_toastify' %>
 ```
-And:
+And in your body:
 
 ```html
 <div id="toast-container" class="toast-container"></div>
 ```
+*
 
 In your *config/manifest.js* add:
 
@@ -47,7 +49,7 @@ In your *config/manifest.js* add:
 //= link rails_toastify.js
 ```
 
-And call function `RailsToastify.showToast` any javascript:
+And call function `RailsToastify.showToast` any javascript or console:
 
 ```ruby
 RailsToastify.showToast('This is a success message!', 'success');
@@ -73,7 +75,7 @@ To see notice in a toast add:
 
 Fork, fix, then send a pull request. Bug reports and pull requests are welcome on GitHub at **https://github.com/eltonsantos/rails_toastify**.
 
-## Licence
+## License
 
 This gem is available as open-source under the terms of The MIT License (MIT).
 

data/app/assets/javascripts/rails_toastify.js

@@ -5,22 +5,27 @@ document.addEventListener('DOMContentLoaded', () => {
       const toast = createToast(message, type, duration);
       toastContainer.appendChild(toast);
 
-      let timeoutId = setTimeout(() => {
+      let startTime = Date.now();
+      let remainingTime = duration;
+
+      const hideToast = () => {
         toast.classList.add('hide');
         toast.addEventListener('transitionend', () => toast.remove());
-      }, duration);
+      };
+
+      let timeoutId = setTimeout(hideToast, remainingTime);
 
       toast.addEventListener('mouseover', () => {
         clearTimeout(timeoutId);
-        progressBar.style.animationPlayState = 'paused';
+        const elapsedTime = Date.now() - startTime;
+        remainingTime -= elapsedTime;
+        toast.querySelector('.toast__progress-bar').style.animationPlayState = 'paused';
       });
 
       toast.addEventListener('mouseout', () => {
-        progressBar.style.animationPlayState = 'running';
-        timeoutId = setTimeout(() => {
-          toast.classList.add('hide');
-          toast.addEventListener('transitionend', () => toast.remove());
-        }, duration - progressBar.getBoundingClientRect().width * (duration / progressBar.offsetWidth));
+        startTime = Date.now();
+        toast.querySelector('.toast__progress-bar').style.animationPlayState = 'running';
+        timeoutId = setTimeout(hideToast, remainingTime);
       });
     }
   };

data/app/assets/stylesheets/rails_toastify.css

@@ -20,7 +20,7 @@
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     transform: translateX(100%);
     max-width: 300px;
-    pointer-events: auto; /* Para permitir interações do mouse */
+    pointer-events: auto;
   }
 
   .toast.show {
@@ -71,6 +71,7 @@
     width: 100%;
     height: 4px;
     animation: progress-bar 5s linear forwards;
+    animation-play-state: running;
   }
 
   @keyframes progress-bar {
@@ -91,11 +92,11 @@
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     transform: translateX(100%);
   }
-  
+
   .toast.show {
     transform: translateX(0);
   }
-  
+
   .toast.hide {
     transform: translateX(100%);
     opacity: 0;
@@ -127,6 +128,7 @@
   .toast__progress-bar {
     @apply absolute bottom-0 left-0 w-full h-1;
     animation: progress-bar 5s linear forwards;
+    animation-play-state: running;
   }
 
   @keyframes progress-bar {

data/lib/rails_toastify/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RailsToastify
-  VERSION = "0.1.7"
+  VERSION = "1.0.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rails_toastify
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 1.0.0
 platform: ruby
 authors:
 - Elton Santos
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2024-06-27 00:00:00.000000000 Z
+date: 2024-07-03 00:00:00.000000000 Z
 dependencies: []
 description: "\U0001F389 Rails Toastify allows you to add notifications to your app
   with ease. Pay Attention: this gem still is in development. Please CONTRIBUTE"