test: use asset loader in ft-ui so it can load production-hashed depe…

…ndencies

examples/ft-ui/package.json

@@ -12,6 +12,7 @@
     "test:ci": "../../node_modules/.bin/jest --runInBand --forceExit"
   },
   "dependencies": {
+    "@financial-times/dotcom-middleware-asset-loader": "file:../../packages/dotcom-middleware-asset-loader",
     "@financial-times/dotcom-middleware-navigation": "file:../../packages/dotcom-middleware-navigation",
     "@financial-times/dotcom-ui-layout": "file:../../packages/dotcom-ui-layout",
     "@financial-times/dotcom-ui-shell": "file:../../packages/dotcom-ui-shell",

examples/ft-ui/server/app.js

@@ -1,10 +1,12 @@
 import express from 'express'
 import * as navigation from '@financial-times/dotcom-middleware-navigation'
+import * as assets from '@financial-times/dotcom-middleware-asset-loader'
 import { homeController } from './controllers/home.jsx'
 
 export const app = express()
 
 app.use(navigation.init())
+app.use(assets.init({ hostStaticAssets: true }))
 
 app.use('/public', express.static('./public'))
 

examples/ft-ui/server/controllers/home.jsx

@@ -25,9 +25,14 @@ export function homeController(request, response, next) {
     appContext.appName = 'home-page'
   }
 
+  const { assetLoader } = response.locals
+
   const shellProps = {
-    scripts: ['public/scripts.bundle.js'],
-    stylesheets: ['public/page-kit-layout-styles.css', 'public/styles.css'],
+    scripts: assetLoader.getScriptURLsFor('scripts'),
+    stylesheets: [
+      ...assetLoader.getStylesheetURLsFor('page-kit-layout-styles'),
+      ...assetLoader.getStylesheetURLsFor('styles')
+    ],
     pageTitle: pageData.title,
     appContext,
     flags