Support language-specific CSS files #3464

src/dotnet/APIView/APIViewWeb/Client/webpack.config.js

@@ -11,7 +11,20 @@ module.exports = {
     navbar: './src/navbar.ts',
     review: './src/review.ts',
     reviews: './src/reviews.ts',
-    site: './css/site.scss'
+    site: './css/site.scss',
+
+    c: './css/c.scss',
+    cplusplus: './css/cplusplus.scss',
+    csharp: './css/csharp.scss',
+    go: './css/go.scss',
+    java: './css/java.scss',
+    javascript: './css/javascript.scss',
+    json: './css/json.scss',
+    kotlin: './css/kotlin.scss',
+    python: './css/python.scss',
+    swagger: './css/swagger.scss',
+    swift: './css/swift.scss',
+    xml: './css/xml.scss'
   },
   devtool: 'source-map',
   module: {
@@ -45,7 +58,7 @@ module.exports = {
   },
   plugins: [
     new MiniCssExtractPlugin({
-      filename: 'site.css'
+      filename: "[name].css"
     }),
   ],
   resolve: {

src/dotnet/APIView/APIViewWeb/Pages/Shared/_Layout.cshtml

@@ -22,6 +22,21 @@
     <!-- BootStrap Select -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css"/>
     <link id="theme-css" rel="stylesheet" href="~/site.css" asp-append-version="true" />
+    @{
+        var modelType = ViewData.ModelMetadata.ModelType.Name;
+        if (modelType == "ReviewPageModel")
+        {
+            @functions {
+                public string getLanguage()
+                {
+                    return ViewData.Model.Review.GetLanguageCssSafeName();
+                }
+            }
+            var lang = getLanguage();
+            var hrefNew = "~/" + lang + ".css";
+            <link rel="stylesheet" href=@hrefNew asp-append-version="true"/>
+        }
+    }
 </head>
 @{
     var userPreference = (ViewData["UserPreference"] as UserPreferenceModel) ?? new UserPreferenceModel();

src/dotnet/APIView/APIViewWeb/Properties/launchSettings.json

@@ -24,4 +24,4 @@
       "applicationUrl": "http://localhost:5000"
     }
   }
-}
+}