(function(){  
  "use strict";
  // Create your component here
  // http://x-tags.org/docs
  //Keepin' it dry!
  var generateAccessor = function (name) {
    var accessor =  {};
    //I hate eval as much as you do,
    //However it is a necessary evil for being dry here
    accessor.get = eval("function () { \
      return this.xtag["+name+"]; \
    }");
    accessor.set = eval("function (newValue) { \
      if(newValue === this.xtag["+name+"]) return; \
      this.xtag["+name+"]; \
      this.style["+name+"]; \
      this.fireEvent('resize'); \
    }");
  };
  xtag.register('sam-box', {
    lifecycle: {
      created: function() {},
      inserted: function() {},
      removed: function() {},
      attributeChanged: function() {}
    }, 
    events: { 
    
    },
    accessors: {
      width: generateAccessor("width"),
      height: generateAccessor("height"),
      base: {
        get: function {
          return this.xtag.base;
        },
        set: function (newValue) {
          var style = this.style,
              xtag = this.xtag;
          xtag.base = newValue;
          style.width = xtag.width * xtag.base + "px";
          style.height = xtag.width * xtag.base; + "px";
          xtag.fireEvent("resize");
        }
      }
    }, 
    methods: {
      }
      }
    }
  });

})();
@@ -30,110 +30,97 @@
 ;%0A  
-// Create your component here%0A  // http://x-tags.org/docs%0A  //Keepin' it dry!%0A  var gen
+xtag.register('sam-box', %7B%0A    lifecycle: %7B%0A      created: function() %7B%7D,%0A      ins
 er
-a
 te
-Accessor =
+d:
  fun
@@ -128,160 +128,182 @@
 tion
- (name
+(
 ) %7B
+%7D,
 %0A    
-var accessor =  %7B%7D;
+  removed: function() %7B%7D,
 %0A    
-//I hate eval as much as you do,%0A    //However it is a necessary evil for being dry here%0A    accessor.get = eval(%22
+  attributeChanged: function() %7B%7D%0A    %7D, %0A    events: %7B %0A    %0A    %7D,%0A    accessors: %7B%0A      //TODO: DRY%0A      height: %7B%0A        get: 
 func
@@ -312,24 +312,27 @@
 on () %7B 
-%5C
 %0A
+   
       
+ 
 return t
@@ -343,56 +343,42 @@
 xtag
-%5B%22+name+%22%5D; %5C%0A    %7D%22);%0A    accessor.set = eval(%22
+.height; %0A        %7D,%0A        set: 
 func
@@ -395,18 +395,21 @@
 alue) %7B 
-%5C
 %0A
+    
       if
@@ -431,26 +431,23 @@
 his.xtag
-%5B%22+name+%22%5D
+.height
 ) return
@@ -448,18 +448,21 @@
 return; 
-%5C
 %0A
+    
       th
@@ -468,30 +468,30 @@
 his.xtag
-%5B%22+name+%22%5D; %5C%0A
+.height; %0A    
       th
@@ -502,32 +502,32 @@
 tyle
-%5B%22+name+%22%5D; %5C%0A      this
+.height; %0A          xtag
 .fir
@@ -533,16 +533,22 @@
 reEvent(
+this, 
 'resize'
@@ -554,66 +554,39 @@
 '); 
-%5C%0A    %7D%22);%0A  %7D;%0A  xtag.register('sam-box', %7B%0A    lifecycle
+%0A        %7D%0A      %7D,%0A      width
 : %7B%0A
@@ -583,39 +583,37 @@
  width: %7B%0A      
-created
+  get
 : function() %7B%7D,
@@ -610,246 +610,266 @@
 tion
+ 
 () %7B
-%7D,%0A
+ %0A 
       
-inserted: function() %7B%7D,%0A      removed: function() %7B%7D,%0A      attributeChanged: function() %7B%7D
+   return this.xtag.width; %0A        %7D,%0A        set: function (newValue) %7B 
 %0A    
-%7D, %0A    events: %7B
+      if(newValue === this.xtag.width) return;
  %0A    
-%0A
+  
     
-%7D,%0A    accessors: %7B%0A      width: generateAccessor(%22
+this.xtag.width; %0A          this.style.
 width
-%22),
+; 
 %0A      
-height: generateAccessor(%22height%22)
+    xtag.fireEvent(this, 'resize'); %0A        %7D%0A      %7D
 ,%0A  
@@ -901,16 +901,19 @@
 function
+ ()
  %7B%0A     
@@ -1273,32 +1273,16 @@
 hods: %7B%0A
-      %7D%0A      %7D%0A
     %7D%0A  

Make the Code WET