fix: get FastBoot compatibility working again

addon/instance-initializers/hydrate-fastboot-styles.js

@@ -10,7 +10,9 @@ export function initialize(appInstance) {
     const shoebox = get(fastboot, 'shoebox');
     const emotionIds = shoebox.retrieve(FASTBOOT_STYLE_CACHE_NAME);
 
-    hydrate(emotionIds);
+    if (emotionIds) {
+      hydrate(emotionIds);
+    }
   }
 }
 

fastboot/instance-initializers/setup-style-cache.js

@@ -25,10 +25,7 @@ export function initialize(application) {
     }
 
     // Put IDs into shoebox for re-hydration
-    shoebox.put(
-      FASTBOOT_STYLE_CACHE_NAME,
-      Object.keys(emotion.caches.inserted)
-    );
+    shoebox.put(FASTBOOT_STYLE_CACHE_NAME, Object.keys(emotion.cache.inserted));
 
     document.head.appendChild(style);
   });

index.js

@@ -50,7 +50,7 @@ module.exports = {
     this._super.included.apply(this, arguments);
 
     this.import('node_modules/emotion/dist/emotion.umd.min.js', {
-      using: [{ transformation: 'amd', as: 'emotion' }]
+      using: [{ transformation: 'amd', as: 'emotion-umd' }]
     });
 
     const opts = this.appOptions();

package.json

@@ -45,6 +45,7 @@
     "broccoli-asset-rev": "^2.7.0",
     "ember-cli": "~3.6.0",
     "ember-cli-dependency-checker": "^3.0.0",
+    "ember-cli-fastboot": "^2.0.0",
     "ember-cli-github-pages": "^0.2.1",
     "ember-cli-htmlbars": "^3.0.0",
     "ember-cli-htmlbars-inline-precompile": "^1.0.3",
@@ -83,6 +84,9 @@
   },
   "ember-addon": {
     "configPath": "tests/dummy/config",
-    "demoURL": "http://alexlafroscia.com/ember-emotion"
+    "demoURL": "http://alexlafroscia.com/ember-emotion",
+    "fastbootDependencies": [
+      "emotion"
+    ]
   }
 }

vendor/shims/emotion.js

@@ -0,0 +1,20 @@
+(function() {
+  function vendorModule() {
+    'use strict';
+
+    const emotion =
+      typeof FastBoot !== 'undefined'
+        ? FastBoot.require('emotion')
+        : require('emotion-umd');
+
+    return Object.assign(
+      {
+        default: emotion,
+        __esModule: true
+      },
+      emotion
+    );
+  }
+
+  define('emotion', [], vendorModule);
+})();