Merge pull request #3 from Misfits-BE/develop

1.1.0

Author: Tjoosten

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 All notable changes to `misfits/toastr` will be documented in this file. 
 
+## 1.1.0 - XXXX-XX-XX
+
+- Fix #1 | Fix typo. (`signleton` to `singleton`)
+- Bring the javascript defer option to the package
+
 ## 1.0.0 - 2018-06-24
 
 - Initial release

README.md

@@ -25,6 +25,14 @@ Include jQuery and [toastr.js](https://github.com/CodeSeven/toastr) in your mast
 {!! Toastr::render() !!}
 ```
 
+If you defer the loading of your scripts include `Toastr::render(true)`
+
+```html
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" defer></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js" defer></script>
+{!! Toastr::render(true) !!}
+```
+
 Call one of these methods in your controllers to insert a toast:
   - `Toastr::warning($message, $title = null, $options = [])` - add a warning toast
   - `Toastr::error($message, $title = null, $options = [])` - add an error toast

src/Toastr.php

@@ -54,13 +54,21 @@ public function __construct(SessionManager $session, Repository $config)
     /**
      * Render the notifications script tag 
      * 
+     * @param  bool $defer Indicates that the resources are loading with deferred option or not.
      * @return string
      */
-    public function render(): string 
+    public function render(bool $defer = false): string 
     {
         $notifications = $this->session->get('toastr::notifications'); 
         $output        = '<script type="text/javascript">';
         $lastconfig    = [];
+
+        if ($defer) {
+            $output = 'window.addEventListener("DOMContentLoaded", function() {
+            (function($) {
+                $(document).ready(function() {
+                    $(function(){';
+        }
 
         if (! $notifications) { // Notifications are empty so register a empty array under the variable.
             $notifications = [];
@@ -88,6 +96,13 @@ public function render(): string
                 (isset($notification['title']) ? ", '" . str_replace("'", "\\'", htmlentities($notification['title'])) . "'" : null) . ');';
         }
 
+        if ($defer) {
+                $output = '});
+                    });
+                })(jQuery);
+            });';
+        }
+
         $output .= '</script>';
 
         return $output;

src/ToastrServiceProvider.php

@@ -46,7 +46,7 @@ public function register(): void
          * @param  mixed $app The application services variable.
          * @return Toastr
          */
-        $this->app->signleton('toastr', function ($app): Toastr {
+        $this->app->singleton('toastr', function ($app): Toastr {
             return new Toastr($app['session'], $app['config']);
         });
     }