update w-async

Author: vdvibhu20

lib/ember-w-pack/addon/components/w-async.js

@@ -1,27 +1,38 @@
-import Component from '@ember/component';
-import layout from '../templates/components/w-async';
-import { and } from '@ember/object/computed';
+import Component from "@ember/component";
 import { computed } from '@ember/object';
-import { next } from '@ember/runloop';
+import layout from '../templates/components/w-async';
+import { later } from '@ember/runloop';
 
-export default class WAsync extends Component {
+export default class WAsyncComponent extends Component {
   layout = layout
-  showLoading = 'w-async/loading'
-  fireTrigger = false
-
-  @and('task.isRunning', 'showLoading') isLoading
-
-  @computed('task.last')
-  get result() {
-    return this.task.last.isError ? 
-      this.task.lastErrored.error : 
-      this.task.lastSuccessful.value
-  }
-
+  
   didReceiveAttrs() {
-    if (this.autoFire || this.fireTrigger) {
+    this._super(...arguments);
+    if (this.promise) {
+      this.set('task', {
+        isRunning: true,
+        last: {value: null}
+      })
+
+      this.promise.then(resolved => {
+        this.set('task', {
+          isRunning: false,
+          last: {
+            value: resolved
+          }
+        })
+      })
+    }
+    else if (this.triggered) {
       this.task.perform()
-      next(() => this.set('fireTrigger', false))
+      later(() => this.set('triggered', false))
     }
+    else if (this.autoFire) this.task.perform();
+  }
+
+  @computed('task.{isRunning,last.value}')
+  get showLoader() {
+    const { task } = this
+    return task.isRunning && !task.last.value
   }
 }

lib/ember-w-pack/addon/templates/components/w-async.hbs

@@ -1,5 +1,9 @@
-{{#if isLoading}}
-  {{component loadingComponent}}
+{{#if showLoader}}
+  {{#if loaderComponent}}
+    {{loaderComponent}}
+  {{else}}
+    Loading <span class="dot-loader"></span>
+  {{/if}}
 {{else}}
-  {{yield result task.last.isError}}
+  {{yield task.last.value}}
 {{/if}}