Fixes #13 - <async-fragment> to <await>

src/transformers/async-fragment-error-tag.js

@@ -0,0 +1,5 @@
+'use strict';
+
+exports.transform = function(el) {
+    el.setTagName('await-error');
+};

src/transformers/async-fragment-placeholder-tag.js

@@ -0,0 +1,5 @@
+'use strict';
+
+exports.transform = function(el) {
+    el.setTagName('await-placeholder');
+};

src/transformers/async-fragment-tag.js

@@ -0,0 +1,13 @@
+'use strict';
+
+exports.transform = function(el) {
+
+    var dataProvider = el.getAttributeValue('data-provider');
+    var varName = el.getAttributeValue('var');
+
+    el.removeAttribute('data-provider');
+    el.removeAttribute('var');
+
+    el.argument = varName.value + ' from ' + dataProvider;
+    el.setTagName('await');
+};

src/transformers/async-fragment-timeout-tag.js

@@ -0,0 +1,5 @@
+'use strict';
+
+exports.transform = function(el) {
+    el.setTagName('await-timeout');
+};

test/fixtures/autotest/async-fragment/expected.marko

@@ -1,18 +1,21 @@
-<async-fragment data-provider=data.userProfileDataProvider var="userProfile"
-    arg-userId=data.userId>
+<await(userProfile from data.userProfileDataProvider) arg-userId=data.userId>
+    <await-placeholder>
+        This is alternate content while the async fragment is loading.
+    </await-placeholder>
+    <await-timeout>A timeout has occurred!</await-timeout>
+    <await-error>A error has occurred!</await-error>
     <ul>
         <li>First name: ${userProfile.firstName}</li>
         <li>Last name: ${userProfile.lastName}</li>
         <li>Email address: ${userProfile.email}</li>
     </ul>
-</async-fragment>
+</await>
 
 ~~~~~~~
-async-fragment [
-        data-provider=data.userProfileDataProvider
-        var="userProfile"
-        arg-userId=data.userId
-    ]
+await(userProfile from data.userProfileDataProvider) arg-userId=data.userId
+    await-placeholder - This is alternate content while the async fragment is loading.
+    await-timeout - A timeout has occurred!
+    await-error - A error has occurred!
     ul
         li - First name: ${userProfile.firstName}
         li - Last name: ${userProfile.lastName}

test/fixtures/autotest/async-fragment/template.marko

@@ -2,6 +2,16 @@
     var="userProfile"
     arg-userId="${data.userId}">
 
+    <async-fragment-placeholder>
+        This is alternate content while the async fragment is loading.
+    </async-fragment-placeholder>
+    <async-fragment-timeout>
+        A timeout has occurred!
+    </async-fragment-timeout>
+    <async-fragment-error>
+        A error has occurred!
+    </async-fragment-error>
+
     <ul>
         <li>
             First name: ${userProfile.firstName}