Fixes assets discovery

Author: xcambar

addon/create-web-components.js

@@ -15,7 +15,7 @@ function _appendStyles(dest, styles) {
 }
 
 class ApplicationContainer extends HTMLElement {
-  #styles = (config.webComponentsAssets || {}).styles
+  #styles = (config.webComponentsAssets || {}).css
   #shadowRoot
   #application
 

index.js

@@ -3,27 +3,37 @@
 module.exports = {
   name: require('./package').name,
   config(env, config) {
-    if (!this.app) {
+    let app = this._findHost()
+    if (!app) {
       return;
     }
-    this.app.options.storeConfigInMeta = false;
-    this.app.options.autoRun = false;
+    app.options.storeConfigInMeta = false;
+    app.options.autoRun = false;
+
+    let assets = this._findAssets(app.options.outputPaths)
     return {
-      webComponentsAssets : {
-        styles: this._styles
-      }
+      webComponentsAssets : assets
+
     }
   },
   included(addon) {
-    let { options } = addon
-    let styles = {
-      // Why tho?? The structure of options.outputPaths is weird and inconsistent
-      ...options.outputPaths.app.css,
-      vendor: options.outputPaths.vendor.css
+    this.app.import('vendor/register-components.js')
+  },
+  _findAssets(paths) {
+    let {
+      app: {
+        css: appCss,
+        js: appJs
+      },
+      vendor: {
+        css: vendorCss,
+        js: vendorJs
+      }
+    } = paths
+    return {
+      css: { ...appCss, vendor: vendorCss },
+      js: { app: appJs, vendor: vendorJs }
     }
 
-    this._styles = styles
-
-    this.app.import('vendor/register-components.js')
   }
 };