Move ivars from `obj["@x"]` to `obj.x`.

Step 2: Compiler compiles dot notation,
recompile and apply to code base.

src/Examples.js

@@ -17,12 +17,12 @@ var self=this,$self=this;
 //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 return $core.withContext(function($ctx1) {
 //>>excludeEnd("ctx");
-$self["@count"]=$recv($self["@count"]).__minus((1));
-$recv($self["@header"])._contents_((function(html){
+$self.count=$recv($self.count).__minus((1));
+$recv($self.header)._contents_((function(html){
 //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 return $core.withContext(function($ctx2) {
 //>>excludeEnd("ctx");
-return $recv(html)._with_($recv($self["@count"])._asString());
+return $recv(html)._with_($recv($self.count)._asString());
 //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 }, function($ctx2) {$ctx2.fillBlock({html:html},$ctx1,1)});
 //>>excludeEnd("ctx");
@@ -50,12 +50,12 @@ var self=this,$self=this;
 //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 return $core.withContext(function($ctx1) {
 //>>excludeEnd("ctx");
-$self["@count"]=$recv($self["@count"]).__plus((1));
-$recv($self["@header"])._contents_((function(html){
+$self.count=$recv($self.count).__plus((1));
+$recv($self.header)._contents_((function(html){
 //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 return $core.withContext(function($ctx2) {
 //>>excludeEnd("ctx");
-return $recv(html)._with_($recv($self["@count"])._asString());
+return $recv(html)._with_($recv($self.count)._asString());
 //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 }, function($ctx2) {$ctx2.fillBlock({html:html},$ctx1,1)});
 //>>excludeEnd("ctx");
@@ -91,7 +91,7 @@ $ctx1.supercall = true,
 //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 $ctx1.supercall = false;
 //>>excludeEnd("ctx");;
-$self["@count"]=(0);
+$self.count=(0);
 return self;
 //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 }, function($ctx1) {$ctx1.fill(self,"initialize",{},$globals.Counter)});
@@ -117,11 +117,11 @@ return $core.withContext(function($ctx1) {
 //>>excludeEnd("ctx");
 var $1,$2,$3,$4;
 $1=$recv(html)._h1();
-$recv($1)._with_($recv($self["@count"])._asString());
+$recv($1)._with_($recv($self.count)._asString());
 //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 $ctx1.sendIdx["with:"]=1;
 //>>excludeEnd("ctx");
-$self["@header"]=$recv($1)._yourself();
+$self.header=$recv($1)._yourself();
 $2=$recv(html)._button();
 //>>excludeStart("ctx", pragmas.excludeDebugContexts);
 $ctx1.sendIdx["button"]=1;