SSR/CSR api tweaks

packages/server/src/head.ts

@@ -2,6 +2,7 @@ import { buildHtmlElementString } from "./lib/html-element-string-builder";
 import { unsafeHtml } from "decorator-shared/html";
 import { HtmlElementProps } from "decorator-shared/types";
 import { buildCdnUrl } from "./urls";
+import { cssLink } from "./views/styles";
 
 // Assets from public folder
 const faviconIco = "favicon.ico";
@@ -10,6 +11,7 @@ const appleTouchIcon = "apple-touch-icon.png";
 const webManifest = "site2.webmanifest";
 
 export const headAssets: HtmlElementProps[] = [
+    cssLink,
     {
         tag: "link",
         attribs: {

packages/server/src/server.ts

@@ -128,9 +128,8 @@ app.get("/footer", async ({ req, html }) => {
     );
 });
 app.get("/ssr", ssrApiHandler);
-// /env is used for CSR
 // TODO: The CSR implementation can probably be tweaked to use the same data as /ssr
-app.get("/env", async ({ req, json }) => {
+app.on("GET", ["/env", "/csr"], async ({ req, json }) => {
     const params = validParams(req.query());
     const features = getFeatures();
 

packages/server/src/views/styles.ts

@@ -10,19 +10,21 @@ export const getCSSUrl = async () => {
     return buildCdnUrl(manifest["src/main.ts"].css[0]);
 };
 
+export const cssLink = {
+    tag: "link",
+    attribs: {
+        type: "text/css",
+        rel: "stylesheet",
+        href: await getCSSUrl(),
+    },
+};
+
 const getCssElementAsString = async () => {
     if (env.NODE_ENV === "development") {
         return "<!-- non-empty css response to make nav-dekoratoren-moduler happy -->";
     }
 
-    return buildHtmlElementString({
-        tag: "link",
-        attribs: {
-            type: "text/css",
-            rel: "stylesheet",
-            href: await getCSSUrl(),
-        },
-    });
+    return buildHtmlElementString(cssLink);
 };
 
 const cssHtml = unsafeHtml(await getCssElementAsString());