Started adding asset api/auto import

Moonlight.Client/Startup.cs

@@ -1,6 +1,7 @@
 using System.Reflection;
 using Microsoft.AspNetCore.Components.Web;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+using Microsoft.JSInterop;
 using MoonCore.Blazor.Extensions;
 using MoonCore.Blazor.Services;
 using MoonCore.Blazor.Tailwind.Extensions;
@@ -14,6 +15,7 @@ using Moonlight.Client.Interfaces;
 using Moonlight.Client.Services;
 using Moonlight.Client.UI;
 using Moonlight.Client.UI.Forms;
+using Moonlight.Shared.Http.Responses.PluginsStream;
 
 namespace Moonlight.Client;
 
@@ -59,6 +61,8 @@ public class Startup
 
         await BuildWebAssemblyHost();
 
+        await LoadPluginAssets();
+
         await WebAssemblyHost.RunAsync();
     }
 
@@ -164,6 +168,20 @@ public class Startup
         WebAssemblyHostBuilder.Services.AddSingleton(ApplicationAssemblyService);
     }
 
+    private async Task LoadPluginAssets()
+    {
+        var apiClient = WebAssemblyHost.Services.GetRequiredService<HttpApiClient>();
+        var assetManifest = await apiClient.GetJson<PluginsAssetManifest>("api/pluginsStream/assets");
+
+        var jsRuntime = WebAssemblyHost.Services.GetRequiredService<IJSRuntime>();
+
+        foreach (var cssFile in assetManifest.CssFiles)
+            await jsRuntime.InvokeVoidAsync("moonlight.assets.loadCss", cssFile);
+        
+        foreach (var javascriptFile in assetManifest.JavascriptFiles)
+            await jsRuntime.InvokeVoidAsync("moonlight.assets.loadJavascript", javascriptFile);
+    }
+
     #endregion
 
     #region Logging

Moonlight.Client/wwwroot/js/moonlight.js

@@ -25,5 +25,24 @@ window.moonlight = {
         closeCurrent() {
             window.close();
         }
+    },
+    assets: {
+        loadCss: function (url) {
+            let linkElement = document.createElement('link');
+
+            linkElement.href = url;
+            linkElement.rel = 'stylesheet';
+            linkElement.type = 'text/css';
+
+            (document.head || document.documentElement).appendChild(linkElement);
+        },
+        loadJavascript: function (url) {
+            let scriptElement = document.createElement('script');
+
+            scriptElement.src = url;
+            scriptElement.type = 'text/javascript';
+
+            (document.head || document.documentElement).appendChild(scriptElement);
+        }
     }
 };