rails_toastify 1.1.0 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1426b7aba09cf180dfc97ea0ab32f685c9a3b56f9ca86a8f50b1184cae74c38a
-  data.tar.gz: 67aff9d7c8abe089bb54a1b97e1350e4e28a2d97e36ce600e51a3e826f09226b
+  metadata.gz: 14c283b448fbee19664a9885917462b190bd9d10e8bd45d309bdcb08272cdbf6
+  data.tar.gz: ce0155c49d419c38ea9f56e6b14d510bc4aeca9ed85a0b4d6150211c482ac144
 SHA512:
-  metadata.gz: 8cb4bf38f4460fdd488f5a068d37ccb8295bcc67f2a6d99ad008a7dcf8a942941266730170d8c2c466a1e48e389f72c8fe236474eab57149c9fac9f1830b3331
-  data.tar.gz: 04bbc058a1c816233907d8c8160b9c25d77acd0cf36470826df636934fdc7cbd8b4406305582246d2447eff946946710887ef9c1e1dbbb9766874a5eadf912c4
+  metadata.gz: 4ae720760510b4a59fd7c4d2af584ad914717db9c3274732d1c884dd4c3f55683cb525b9068d5b05768938b619d18e04728ac6a80c34b09fe58a64a5a4a00341
+  data.tar.gz: 49a0a1a84fbf79cb791c5dc1c505956f1d7eedda26b62fb8ac416ee0e3c0e6b7f079bda4fb335e50a901bad7afb8832963b14fff9893db60444c5815ea5b3ac2

data/README.md

@@ -19,11 +19,19 @@ After run:
 rails generate rails_toastify:install
 ```
 
-This will create a file *config/initializers/rails_toastify.rb* where you can define the framework you want to use:
+This will create a file *config/initializers/rails_toastify.rb* where you can define what configuration you want to use:
 
 ```ruby
-RailsToastify.configure do |config|
-  config.framework = :tailwind # or :bootstrap
+RailsToastify.setup do |configuration|
+  configuration.position = 'toast-container-top-right'
+  configuration.notice_animation = 'bounce' # bounce, slide, flip, zoom 
+  configuration.alert_animation = 'slide' # bounce, slide, flip, zoom
+  configuration.notice_duration = 3000
+  configuration.alert_duration = 3000
+  configuration.notice_theme = 'light' # light, dark
+  configuration.alert_theme = 'light' # light, dark
+  configuration.notice_type = 'default' # default, success, warning, error, info
+  configuration.alert_type = 'error' # default, success, warning, error, info
 end
 ```
 
@@ -32,39 +40,47 @@ end
 In your *application.html.erb* add in your header:
 
 ```ruby
-<%= stylesheet_link_tag 'rails_toastify', media: 'all' %>
-<%= javascript_include_tag 'rails_toastify' %>
+<%= stylesheet_link_tag 'rails_toastify', media: 'all', 'data-turbolinks-track': 'reload' %>
+<%= javascript_include_tag 'rails_toastify', 'data-turbo-track': 'reload' %>
 ```
 And in your body:
 
 ```html
-<div id="toast-container" class="toast-container"></div>
+<%= rails_toastify_container %>
+<%= rails_toastify_script %>
 ```
-*
-
-In your *config/manifest.js* add:
-
-```js
-//= link rails_toastify.css
-//= link rails_toastify.js
-```
-
-And call function `RailsToastify.showToast` any javascript or console:
+And call function `RailsToastify.show` any javascript or console:
 
 ```ruby
-RailsToastify.showToast('This is a success message!', 'success');
-RailsToastify.showToast('This is an error message!', 'error');
-RailsToastify.showToast('This is an info message!', 'info');
-RailsToastify.showToast('This is a warning message!', 'warning');
+RailsToastify.show('This is a message!', { theme: 'light', type: 'default', animation: 'bounce', duration: 3000 });
 ```
 
-To see notice in a toast add:
+To see notice or alert in a toast add this in application.html.erb:
+
+```html 
+<% if notice %>
+  <script>
+    RailsToastify.show('<%= notice %>',
+      { theme: '<%= RailsToastify.configuration.notice_theme %>',
+        type: '<%= RailsToastify.configuration.notice_type %>',
+        animation: '<%= RailsToastify.configuration.notice_animation %>',
+        duration: <%= RailsToastify.configuration.notice_duration %>
+      })
+  </script>
+<% end %>
 
-```ruby 
-<%= javascript_tag do %>
-  RailsToastify.showToast('<%= notice %>', 'success')
+<% if alert %>
+  <script>
+    RailsToastify.show('<%= alert %>',
+      { theme: '<%= RailsToastify.configuration.alert_theme %>',
+        type: '<%= RailsToastify.configuration.alert_type %>',
+        animation: '<%= RailsToastify.configuration.alert_animation %>',
+        duration: <%= RailsToastify.configuration.alert_duration %>
+      })
+  </script>
 <% end %>
 ```
+** Note that toast can be configured for either notice type or alert type. Both types or just one of the types can be used.
 
 ## Requirements
 

data/app/helpers/rails_toastify_helper.rb

@@ -8,14 +8,47 @@ module RailsToastifyHelper
       <<-JS.html_safe
         document.addEventListener('DOMContentLoaded', function() {
           window.RailsToastify = {
+            config: #{RailsToastify.configuration.to_h.to_json},
             show: function(message, options) {
-              var config = #{RailsToastify.configuration.to_json};
-              options = options || {};
-              showToast(message, Object.assign({}, config, options));
+              options = Object.assign({}, this.config, options || {});
+              showToast(message, options);
             }
           };
         });
       JS
     end
   end
+
+  def rails_toastify_messages
+    output = []
+    if flash[:notice]
+      output << javascript_tag do
+        <<-JS.html_safe
+          document.addEventListener('DOMContentLoaded', function() {
+            RailsToastify.show(#{flash[:notice].to_json}, {
+              animation: '#{RailsToastify.configuration.notice_animation}',
+              duration: #{RailsToastify.configuration.notice_duration},
+              theme: '#{RailsToastify.configuration.notice_theme}',
+              type: '#{RailsToastify.configuration.notice_type}'
+            });
+          });
+        JS
+      end
+    end
+    if flash[:alert]
+      output << javascript_tag do
+        <<-JS.html_safe
+          document.addEventListener('DOMContentLoaded', function() {
+            RailsToastify.show(#{flash[:alert].to_json}, {
+              animation: '#{RailsToastify.configuration.alert_animation}',
+              duration: #{RailsToastify.configuration.alert_duration},
+              theme: '#{RailsToastify.configuration.alert_theme}',
+              type: '#{RailsToastify.configuration.alert_type}'
+            });
+          });
+        JS
+      end
+    end
+    safe_join(output)
+  end
 end

data/lib/generators/rails_toastify/install/templates/rails_toastify.rb

@@ -1,7 +1,11 @@
 RailsToastify.setup do |configuration|
-  configuration.position = 'toast-container-bottom-right'
-  configuration.animation = 'zoom'
-  configuration.duration = 5000
-  configuration.theme = 'dark'
-  configuration.type = 'success'
+  configuration.position = 'toast-container-top-right'
+  configuration.notice_animation = 'bounce' # bounce, slide, flip, zoom 
+  configuration.alert_animation = 'slide' # bounce, slide, flip, zoom
+  configuration.notice_duration = 3000
+  configuration.alert_duration = 3000
+  configuration.notice_theme = 'light' # light, dark
+  configuration.alert_theme = 'light' # light, dark
+  configuration.notice_type = 'default' # default, success, warning, error, info
+  configuration.alert_type = 'error' # default, success, warning, error, info
 end

data/lib/rails_toastify/version.rb

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

data/lib/rails_toastify.rb

@@ -14,24 +14,33 @@ module RailsToastify
   end
 
   class Configuration
-    attr_accessor :position, :animation, :duration, :theme, :type
+    attr_accessor :position, :notice_animation, :alert_animation, :notice_duration, :alert_duration,
+    :notice_theme, :alert_theme, :notice_type, :alert_type
 
     def initialize
-      @position = 'toast-container-bottom-right'
-      @animation = 'bounce'
-      @duration = 5000
-      @theme = 'light'
-      @type = 'default'
+      @position = 'toast-container-top-right'
+      @notice_animation = 'bounce'
+      @alert_animation = 'zoom'
+      @notice_duration = 3000
+      @alert_duration = 3000
+      @notice_theme = 'light'
+      @alert_theme = 'light'
+      @notice_type = 'default'
+      @alert_type = 'error'
     end
 
-    def to_json
+    def to_h
       {
         position: @position,
-        animation: @animation,
-        duration: @duration,
-        theme: @theme,
-        type: @type
-      }.to_json
+        notice_animation: @notice_animation,
+        alert_animation: @alert_animation,
+        notice_duration: @notice_duration,
+        alert_duration: @alert_duration,
+        notice_theme: @notice_theme,
+        alert_theme: @alert_theme,
+        notice_type: @notice_type,
+        alert_type: @alert_type
+      }
     end
   end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rails_toastify
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.2.0
 platform: ruby
 authors:
 - Elton Santos
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2024-10-18 00:00:00.000000000 Z
+date: 2024-10-19 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"