Fix circular structure by adding toJSON to the Component

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "grapesjs",
   "description": "Open source Web Template Editor",
-  "version": "0.3.59",
+  "version": "0.3.63",
   "author": "Artur Arseniev",
   "homepage": "http://grapesjs.com",
   "main": [

package.json

@@ -1,7 +1,7 @@
 {
   "name": "grapesjs",
   "description": "Open source Web Template Editor",
-  "version": "0.3.59",
+  "version": "0.3.63",
   "author": "Artur Arseniev",
   "license": "BSD-3-Clause",
   "homepage": "http://grapesjs.com",

src/commands/main.js

@@ -111,8 +111,10 @@ define(function(require) {
 							return;
 						}
 
-						sel.destroy();
+						//sel.destroy();
+						sel.collection.remove(sel);
 						ed.Canvas.getToolbarEl().style.display = 'none';
+						ed.editor.runDefault();
 					},
 			  };
 

src/demo.js

@@ -36,6 +36,8 @@ require(['config/require-config'], function() {
 
 			storageManager:{
 				autoload: 0,
+				//storeComponents: 1,
+				//storeStyles: 1,
 			},
 			commands: 		{
 					defaults		: [{

src/dom_components/model/Component.js

@@ -144,7 +144,7 @@ define(['backbone','./Components', 'SelectorManager/model/Selectors', 'TraitMana
 	    	}
 	    	attr.status = '';
 				attr.view = '';
-				
+
 				return new this.constructor(attr, this.opt);
 	    },
 
@@ -218,6 +218,16 @@ define(['backbone','./Components', 'SelectorManager/model/Selectors', 'TraitMana
 				var attr = this.get('attributes') || {};
 				delete attr.style;
 				return attr;
+			},
+
+			/**
+			 * Avoid circular structure
+			 * @return {Object}
+			 */
+			toJSON: function(){
+				var obj = this.attributes;
+				delete obj.view;
+				return obj;
 			}
 
 		},{