Fix Docker deployment missing CSS and add favicon (#43)

- Build Tailwind CSS explicitly in Dockerfile before dotnet publish so
  the output exists when MapStaticAssets evaluates the wwwroot manifest
- Fix module CSS path in resolve-page.ts to use assembly name matching
  the _content/ static web asset convention
- Add SVG favicon derived from the project logo

Author: antosubash

.gitignore

@@ -420,6 +420,7 @@ modules/**/wwwroot/*
 
 # Tailwind CSS build output
 template/SimpleModule.Host/wwwroot/*
+!template/SimpleModule.Host/wwwroot/favicon.svg
 
 # Tailwind CSS module scan directory
 template/SimpleModule.Host/Styles/_scan/

Dockerfile

@@ -108,11 +108,17 @@ WORKDIR /src
 
 COPY . .
 
-# Build all frontend workspaces
-RUN npm run build
-
-# Publish the .NET application (MSBuild targets detect existing frontend
-# outputs and only run TailwindBuild which needs Blazor SSR content)
+# Build frontend: JS bundles then Tailwind CSS.
+# Tailwind must run here so the output exists before dotnet publish
+# evaluates wwwroot/ content — files generated during MSBuild targets
+# are not picked up by the SDK's Content glob evaluation.
+RUN npm run build \
+    && npx @tailwindcss/cli \
+       -i template/SimpleModule.Host/Styles/app.css \
+       -o template/SimpleModule.Host/wwwroot/css/app.css \
+       --minify
+
+# Publish the .NET application
 RUN dotnet publish template/SimpleModule.Host/SimpleModule.Host.csproj \
     -c Release \
     -o /app/publish \

packages/SimpleModule.Client/src/resolve-page.ts

@@ -1,11 +1,10 @@
 const loadedCss = new Set<string>();
 
-function ensureModuleCss(moduleName: string, cacheBuster: string | undefined) {
-  if (loadedCss.has(moduleName)) return;
-  loadedCss.add(moduleName);
+function ensureModuleCss(assemblyName: string, suffix: string) {
+  if (loadedCss.has(assemblyName)) return;
+  loadedCss.add(assemblyName);
 
-  const suffix = cacheBuster ? `?v=${cacheBuster}` : '';
-  const href = `/_content/${moduleName}/${moduleName.toLowerCase()}.css${suffix}`;
+  const href = `/_content/${assemblyName}/${assemblyName.toLowerCase()}.css${suffix}`;
   const link = document.createElement('link');
   link.rel = 'stylesheet';
   link.href = href;
@@ -23,7 +22,7 @@ export async function resolvePage(name: string) {
     ?.content;
   const suffix = cacheBuster ? `?v=${cacheBuster}` : '';
 
-  ensureModuleCss(moduleName, cacheBuster);
+  ensureModuleCss(assemblyName, suffix);
 
   const mod = await import(
     /* @vite-ignore */

template/SimpleModule.Host/Components/App.razor

@@ -8,6 +8,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300..700;1,9..40,300..700&family=JetBrains+Mono:wght@400;500;600&family=Sora:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
     <link rel="stylesheet" href="/css/app.css" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <title>SimpleModule</title>
     <HeadOutlet />
     <SimpleModule.Blazor.Components.DarkModeScript />

template/SimpleModule.Host/Components/InertiaShell.razor

@@ -12,6 +12,7 @@
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
         <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300..700;1,9..40,300..700&family=JetBrains+Mono:wght@400;500;600&family=Sora:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
         <link rel="stylesheet" href="/css/app.css?v=@CacheBuster" />
+        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
         <title>SimpleModule</title>
     </HeadContent>
     <BodyPrefix>