Add css to production bundle

We could inline the CSS, but Vite requires a plugin, and I'd rather avoid the additional dependency
guardian · Mar 6, 2024 · aa5b3ee · aa5b3ee
1 parent d44272e
commit aa5b3ee
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/app/controllers/V2App.scala b/app/controllers/V2App.scala
@@ -25,9 +25,11 @@ class V2App(isDev: Boolean, val acl: Acl, dynamoClient: DynamoDbClient, val deps
     val userDataTable = Table[UserData](config.faciatool.userDataTable)
 
     val jsFileName = "dist/index.js"
+    val cssFileName = "dist/index.css"
     val faviconDirectoryName = "favicon/"
 
     val jsLocation: String = routes.V2Assets.at(jsFileName).toString
+    val cssLocation: String = routes.V2Assets.at(cssFileName).toString
     val faviconLocation: String = routes.V2Assets.at(faviconDirectoryName).toString
 
     val hasBreakingNews = acl.testUser(Permissions.BreakingNewsAlert, "facia-tool-allow-breaking-news-for-all")(req.user.email)
@@ -82,6 +84,7 @@ class V2App(isDev: Boolean, val acl: Acl, dynamoClient: DynamoDbClient, val deps
     Ok(views.html.V2App.app(
       "Fronts Tool",
       jsLocation,
+      cssLocation,
       faviconLocation,
       Json.toJson(conf).toString(),
       isDev

diff --git a/app/views/V2App/app.scala.html b/app/views/V2App/app.scala.html
@@ -1,4 +1,4 @@
-@(title: String, jsLocation: String, faviconLocation: String, clientConfigJson:
+@(title: String, jsLocation: String, cssLocation: String, faviconLocation: String, clientConfigJson:
 String, isDev: Boolean)
 <!DOCTYPE html>
 <html lang="en">
@@ -49,6 +49,7 @@
         <script type="module" src="http://localhost:5173/assets/fronts-client/@@vite/client"></script>
         <script type="module" src="http://localhost:5173/assets/fronts-client/src/index.tsx"></script>
     } else {
+        <link rel="stylesheet" href="@cssLocation">
         <script type="module" src="@jsLocation" type="application/javascript"></script>
     }
 </body>