WIP

Author: kiwiupover

test-packages/basic-app/app/components/async-content.hbs

@@ -1 +1 @@
-Async content: {{setLater}}
+Async content: {{this.setLater}}

test-packages/basic-app/app/components/async-content.js

@@ -1,5 +1,6 @@
 import { defer } from 'rsvp';
 import { later } from '@ember/runloop';
+import fetch from 'fetch';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { inject as service } from '@ember/service';
@@ -11,13 +12,43 @@ export default class AsyncContenComponent extends Component {
 
   constructor() {
     super(...arguments);
-    const deferred = defer();
+    this.loadAsync();
+  }
+
+  // async loadAsync() {
+  //   if (this.fastboot.isFastBoot) {
+  //     const url = `https://www.outdoorsy.com/wp-json/wp/v2/posts?categories=1723&_embed&page=1&per_page=3`;
+  //     let request = this.apiRequest.request(url);
+
+  //     if (this.fastboot.isFastBoot) {
+  //       this.fastboot.deferRendering(request);
+  //     }
+
+  //     let blogContent = yield request;
+
+  //     let processedBlog = blogContent.map(post => processPost(post));
+
+  //     this.fastboot.shoebox.put('homepage-blog', processedBlog);
+  //     return processedBlog;
+  //   }
+
+  //   return this.fastboot.shoebox.retrieve('homepage-blog') || defaultBlogData;
+  // };
+
+  async loadAsync() {
+    const url = 'https://swapi.dev/api/starships/12';
+    const deferred = fetch(url);
+
+    if (this.fastboot.isFastBoot) {
+      this.fastboot.deferRendering(deferred);
+    }
+
+    const response = await deferred;
+    const { model } = await response.json();
 
-    later(() => {
-      this.setLater = 'Go Sounders';
-      deferred.resolve();
-    }, 100)
+    debugger;
 
-    this.fastboot.deferRendering(deferred.promise);
+    this.setLater = model;
+    console.log('setLater', this.setLater);
   }
 }

test-packages/basic-app/config/environment.js

@@ -23,7 +23,7 @@ module.exports = function(environment) {
     },
 
     fastboot: {
-      hostAllowlist: [
+      hostWhitelist: [
         'example.com',
         'subdomain.example.com',
         '/localhost:\\d+/',

test-packages/custom-fastboot-app/config/environment.js

@@ -8,7 +8,7 @@ module.exports = function(environment) {
     locationType: 'auto',
 
     fastboot: {
-      htmlFile: 'custom-index.html'
+      htmlFile: 'custom-index.html',
     },
 
     EmberENV: {