Update GrapesJS and add Aviary plugin

demo-newsletter-editor.html

@@ -9,9 +9,11 @@
     <link rel="stylesheet" href="./stylesheets/toastr.min.css">
     <link rel="stylesheet" href="./stylesheets/grapesjs-preset-newsletter.css?v=0.2.3">
 
+    <script src="//feather.aviary.com/imaging/v3/editor.js"></script>
     <script src="./js/jquery.js"></script>
-    <script src="./js/grapes.min.js?v=0.5.3"></script>
+    <script src="./js/grapes.min.js?v=0.5.7"></script>
     <script src="./js/grapesjs-preset-newsletter.min.js?v=0.2.3"></script>
+    <script src="./js/grapesjs-aviary.min.js"></script>
     <script src="./js/toastr.min.js"></script>
     <script src="./js/ajaxable.min.js"></script>
   </head>
@@ -552,7 +554,7 @@
       var editor = grapesjs.init({
         clearOnRender: true,
         height: '100%',
-        storageManager:{
+        storageManager: {
           id: 'gjs-nl-',
         },
         assetManager: {
@@ -562,7 +564,7 @@
         },
         container : '#gjs',
         fromElement: true,
-        plugins: ['gjs-preset-newsletter'],
+        plugins: ['gjs-preset-newsletter', 'gjs-aviary'],
         pluginsOpts: {
           'gjs-preset-newsletter': {
             modalLabelImport: 'Paste all your code here below and click import',

demo.html

@@ -11,6 +11,7 @@
     <link rel="stylesheet" href="stylesheets/grapesjs-plugin-filestack.css">
     <script src="https://static.filestackapi.com/v3/filestack-0.1.12.js"></script>
     <script src="http://code.jquery.com/jquery-2.2.0.min.js"></script>
+    <script src="//feather.aviary.com/imaging/v3/editor.js"></script>
     <script src="js/perfect-scrollbar.min.js"></script>
     <script src="js/toastr.min.js"></script>
     <style type="text/css">
@@ -909,9 +910,10 @@
       </style>
     </div>
 
-    <script src="js/grapes.min.js"></script>
+    <script src="js/grapes.min.js?v=0.5.7"></script>
     <script src="js/grapesjs-plugin-export.min.js"></script>
     <script src="js/grapesjs-plugin-filestack.min.js"></script>
+    <script src="js/grapesjs-aviary.min.js"></script>
     <script src="js/grapesjs-preset-webpage.js"></script>
     <script type="text/javascript">
 
@@ -930,7 +932,7 @@
       container : '#gjs',
       fromElement: 1,
       showOffsets: 1,
-      plugins: ['gjs-plugin-export', 'gjs-preset-webpage', 'gjs-plugin-filestack'],
+      plugins: ['gjs-plugin-export', 'gjs-preset-webpage', 'gjs-plugin-filestack', 'gjs-aviary'],
 
       pluginsOpts: {
         'gjs-plugin-filestack': {
@@ -1237,14 +1239,6 @@
         window.open('https://github.com/artf/grapesjs', '_blank');
       },
     });
-    cmdm.add('tlb-edit', {
-        run: function(ed) {
-          alert('At the moment no image editor, maybe soon 😊');
-          //var sel = ed.getSelected();
-          //editorImage = sel;
-          //featherEditor.launch({image: sel.get('view').el});
-        },
-    });
 
     window.editor = editor;
 

js/grapesjs-aviary.min.js

@@ -0,0 +1,2 @@
+/*! grapesjs-aviary - 0.0.3 */
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports["grapesjs-aviary"]=n():e["grapesjs-aviary"]=n()}(this,function(){return function(e){function n(o){if(t[o])return t[o].exports;var r=t[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,n),r.loaded=!0,r.exports}var t={};return n.m=e,n.c=t,n.p="",n(0)}([function(e,n){"use strict";var t="gjs-aviary";grapesjs.plugins.add(t,function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=n,r=e.getModel(),a=void 0,i={key:"1",onApply:null,getFilename:null,closeOnApply:!0,config:{}};for(var p in i)p in o||(o[p]=i[p]);var s=o.config;s.apiKey=o.key,s.onSave=function(e,n){a.set("src",n);var t="function"==typeof o.getFilename?o.getFilename:u,r=t(a),i="function"==typeof o.onApply?o.onApply:f;i(n,r,a),o.closeOnApply&&c.close()};var c=new Aviary.Feather(s),l=e.Commands,u=function(e){var n=e.get("src").split("/").pop();return Date.now()+"_"+n.slice(-15)},f=function(n,t){e.AssetManager.add({src:n,name:t})};l.add("image-editor",{run:function(e,n,o){var i=o||{},p=i.model||e.getSelected();a=p,c.launch({image:p.view.el}),r.trigger(t+":launch",p,c)}})})}])});