Adding BlazorSize

src/blagario/AgarElements/Player.cs

@@ -1,6 +1,7 @@
 using System;
 using System.Threading.Tasks;
 using System.Timers;
+using BlazorPro.BlazorSize;
 using Microsoft.AspNetCore.Components;
 using Microsoft.JSInterop;
 
@@ -143,36 +144,14 @@ public bool OnArea(AgarElement e)
         /* --- */
         private System.Timers.Timer aTimer;
 
-        [JSInvokable]
-        public async Task OnBrowserResize()
+        public async void WindowResized(object _, BrowserWindowSize window)
         {
-            if (aTimer == null)
-            {
-                await CheckVisibleArea();
-                aTimer = new System.Timers.Timer(500);
-                aTimer.Elapsed += CheckVisibleAreaWrapper;
-                aTimer.AutoReset = false;
-            }
-            else{
-                aTimer.Stop();
-                aTimer.Start();              
-            }
+            this.VisibleAreaX = window.Width;
+            this.VisibleAreaY = window.Height;
+            Console.WriteLine($" {window} {window.Width} {window.Height} ");
+            await Task.CompletedTask;
         }
 
-        private void CheckVisibleAreaWrapper(Object source, ElapsedEventArgs e)
-        {
-            Task.Run( async() => await CheckVisibleArea() );
-        }
-
-        public async Task CheckVisibleArea(IJSRuntime jsRuntime = null)
-        {
-            JsRuntime = jsRuntime ?? JsRuntime;
-            var visibleArea = await JsRuntime.InvokeAsync<long[]>("GetSize");
-            this.VisibleAreaX = visibleArea[0];
-            this.VisibleAreaY = visibleArea[1];
-            await JsRuntime.InvokeAsync<object>("AreaResized", DotNetObjectReference.Create(this) );
-        }            
-
         public async Task SetFocusToUniverse(IJSRuntime jsRuntime = null)
         {
             JsRuntime = jsRuntime ?? JsRuntime;

src/blagario/Pages/Index.cs

@@ -3,6 +3,7 @@
 using System.Linq;
 using System.Threading.Tasks;
 using blagario.elements;
+using BlazorPro.BlazorSize;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
 using Microsoft.JSInterop;
@@ -13,6 +14,8 @@ public abstract class BaseIndex : ComponentBase, IDisposable
         [Inject] protected Universe Universe {get; set; }        
         [Inject] protected Player Player {get; set; }
         [Inject] protected IJSRuntime JsRuntime  {get; set; }
+        [Inject] ResizeListener listener {get; set; }
+        BrowserWindowSize browser = new BrowserWindowSize();
 
         public void Dispose() { 
             Universe.World.OnTicReached -= UpdateUi;
@@ -71,12 +74,15 @@ protected async override Task OnAfterRenderAsync(bool firstRender)
         {
             if (firstRender) 
             {
+                listener.OnResized += Player.WindowResized;
                 await OnAfterFirstRenderAsync();
             }            
         }
         protected async Task OnAfterFirstRenderAsync()
         {
-            await Player.CheckVisibleArea(JsRuntime);    
+            //this.VisibleAreaX = window.Width;
+            //this.VisibleAreaY = window.Height;
+
             await Player.SetFocusToUniverse(JsRuntime);
         }
 

src/blagario/Pages/_Host.cshtml

@@ -15,6 +15,7 @@
     <app>@(await Html.RenderComponentAsync<App>(RenderMode.Server))</app>
 
     <script src="_framework/blazor.server.js"></script>
+    <script src="_content/BlazorPro.BlazorSize/blazorSize.min.js"></script>
 
     <script>
 

src/blagario/Program.cs

@@ -22,6 +22,7 @@ public static IHostBuilder CreateHostBuilder(string[] args) =>
             Host.CreateDefaultBuilder(args)
                 .ConfigureWebHostDefaults(webBuilder =>
                 {
+                    webBuilder.UseStaticWebAssets();
                     webBuilder.UseStartup<Startup>();
                 });
     }

src/blagario/Startup.cs

@@ -10,6 +10,7 @@
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Hosting;
 using blagario.elements;
+using BlazorPro.BlazorSize;
 
 namespace blagario
 {
@@ -28,6 +29,7 @@ public void ConfigureServices(IServiceCollection services)
         {
             services.AddRazorPages();
             services.AddServerSideBlazor();
+            services.AddScoped<ResizeListener>();
             services.AddSingleton<Universe>();
             services.AddScoped<Player>();
             services.AddHostedService<TimedHostedService>();

src/blagario/blagario.csproj

@@ -1,8 +1,16 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
 
+
+
   <PropertyGroup>
     <TargetFramework>netcoreapp3.0</TargetFramework>
     <LangVersion>7.3</LangVersion>
   </PropertyGroup>
 
+
+
+  <ItemGroup>
+    <PackageReference Include="BlazorPro.BlazorSize" Version="1.2.2" />
+  </ItemGroup>
+
 </Project>