feat: Response compression (#355)

Client/src/app/app.component.html

@@ -1,16 +1,15 @@
 <mat-toolbar class="noselect main-toolbar" color="default">
-  <div class="toolbar-content">
+  <div>
     <h1 class="no-wrap">
-      <a href="https://github.com/facioquo/stock-charts/" target="_blank" rel="noopener">
+      <a href="https://github.com/facioquo/stock-charts" target="_blank" rel="noopener">
         stock chart
       </a>
     </h1>
     <h2>
       demo of
-      <strong>
-        <a href="https://dotnet.stockindicators.dev/" target="_blank" rel="noopener">
-          Stock Indicators for .NET</a>
-      </strong>
+      <a href="https://dotnet.stockindicators.dev" target="_blank" rel="noopener">
+        <strong>Stock Indicators for .NET</strong>
+      </a>
     </h2>
   </div>
 </mat-toolbar>

Client/src/app/app.component.scss

@@ -6,6 +6,7 @@
 
   width: 100%;
   max-width: 1024px;
+  min-height: 100vh;
   margin: 0;
   margin-right: auto;
   margin-left: auto;
@@ -17,7 +18,6 @@
     top: -56px;
     right: 8px;
     height: 100%;
-    min-height: 100vh;
 
     button {
       opacity: 0.6;

Client/src/app/chart/chart.component.html

@@ -1,10 +1,9 @@
 <!-- loading -->
 <div *ngIf="cs.loading">
-  <div style="margin-top:175px;text-align:center;font-family:Rubik,Roboto,Arial,sans-serif;font-size:12px;color:#E6C74CD9;opacity:0.75;">
-    <p><img src="../assets/candle-spinner.svg" alt="loading" height="50"></p>
-    <p>LOADING</p>
+  <div style="font-family:Rubik,Roboto,Arial,sans-serif;font-size:10px;text-align:center;">
+    <p style="margin:0;padding-top:175px;"><img src="../assets/candle-spinner.svg" alt="loading" height="30" style="opacity:0.5;"></p>
+    <p style="margin-top:5px;color:#777;">LOADING</p>
   </div>
-
 </div>
 
 <!-- CHART (MAIN OVERLAY) -->

Client/src/index.html

@@ -57,13 +57,13 @@
       "@type": "Website",
       "name": "Stock Indicators for .NET (demo)",
       "description": "A stock chart to demonstrate the Stock Indicators for .NET NuGet package.  Transform price quotes into trading insights.",
-      "url": "https://charts.stockindicators.dev/",
+      "url": "https://charts.stockindicators.dev",
       "image": "https://charts.stockindicators.dev/assets/icons/android-chrome-256x256.png",
       "author": {
         "@type": "Organization",
-        "name": "Skender Co.",
-        "url": "https://skenderco.com",
-        "logo": "https://skenderco.com/assets/logo.svg"
+        "name": "FacioQuo",
+        "url": "https://facioquo.com",
+        "logo": "https://facioquo.com/assets/logo.svg"
       }
     }
   </script>

Client/src/styles/_base-elements.scss

@@ -54,9 +54,9 @@ mat-dialog-content {
   padding-top: 1rem !important;
 
   box-shadow:
-    0 0 3px 0 rgba(0, 0, 0, 0.20),
-    0 0 5px 0 rgba(0, 0, 0, 0.14),
-    0 0 8px 0 rgba(0, 0, 0, 0.12);
+    0 0 3px 0 rgb(0 0 0 / 20%),
+    0 0 5px 0 rgb(0 0 0 / 14%),
+    0 0 8px 0 rgb(0 0 0 / 12%);
 }
 
 mat-dialog-actions {

Client/src/styles/_themed-parts.scss

@@ -18,9 +18,6 @@
   .main-toolbar,
   .mat-toolbar-single-row {
 
-    display: flex;
-    justify-content: left;
-
     max-width: $maxwidth;
     margin-left: auto;
     margin-right: auto;
@@ -29,12 +26,6 @@
     background-color: transparent;
     line-height: unset !important;
 
-    .toolbar-content {
-      display: flex;
-      flex-direction: column;
-      align-items: left;
-    }
-
     h1 {
       font-family: Rubik, Roboto, Arial, Helvetica, sans-serif;
       font-size: 1.4em;

Server/.editorconfig

@@ -61,6 +61,7 @@ dotnet_naming_style.pascal_case.capitalization = pascal_case
 dotnet_code_quality_unused_parameters = all:suggestion
 
 dotnet_sort_system_directives_first = true
+dotnet_separate_import_directive_groups = false
 
 dotnet_style_operator_placement_when_wrapping = beginning_of_line
 dotnet_style_predefined_type_for_locals_parameters_members = true:silent

Server/WebApi/Program.cs

@@ -1,17 +1,18 @@
 // STARTUP CONFIGURATION
 
-using Microsoft.Net.Http.Headers;
+using System.IO.Compression;
+using Microsoft.AspNetCore.ResponseCompression;
 using WebApi.Services;
 
 WebApplicationBuilder builder = WebApplication.CreateBuilder(args);
 
 IServiceCollection services = builder.Services;
 ConfigurationManager configuration = builder.Configuration;
 
-// add framework services
+// Add framework services
 services.AddControllers();
 
-// get CORS origins from appsettings
+// Get CORS origins from appsettings
 // reminder: production origins defined in cloud host settings » API » CORS
 // so these are really only for localhost / development
 IConfigurationSection corsOrigins = configuration.GetSection("CorsOrigins");
@@ -21,10 +22,10 @@
 
 if (!string.IsNullOrEmpty(allowedOrigin))
 {
-    origins.Add(item: allowedOrigin);
+    origins.Add(allowedOrigin);
 }
 
-// setup CORS for website
+// Setup CORS for website
 services.AddCors(options => {
     options.AddPolicy("CorsPolicy",
     cors => {
@@ -38,23 +39,45 @@
 
 Console.WriteLine($"CORS Origin: {allowedOrigin}");
 
-// register services
+// Register services
 services.AddHostedService<StartupService>();
 services.AddTransient<QuoteService>();
 
-// build application
+// Add response compression services
+services.AddResponseCompression(options => {
+    options.EnableForHttps = true;
+    options.Providers.Add<BrotliCompressionProvider>();
+    options.Providers.Add<GzipCompressionProvider>();
+});
+
+// Configure compression options
+services.Configure<BrotliCompressionProviderOptions>(options => {
+    options.Level = CompressionLevel.Fastest;
+});
+
+services.Configure<GzipCompressionProviderOptions>(options => {
+    options.Level = CompressionLevel.Fastest;
+});
+
+// Build application
 WebApplication app = builder.Build();
 
-// configure the HTTP request pipeline
-_ = app.Environment.IsDevelopment()
-  ? app.UseDeveloperExceptionPage()
-  : app.UseHsts();
+// Configure the HTTP request pipeline
+if (app.Environment.IsDevelopment())
+{
+    app.UseDeveloperExceptionPage();
+}
+else
+{
+    app.UseHsts();
+}
 
 app.UseHttpsRedirection();
 app.UseRouting();
 app.UseCors("CorsPolicy");
 app.UseResponseCaching();
+app.UseResponseCompression();
 
-// controller endpoints
+// Controller endpoints
 app.MapControllers();
 app.Run();