about summary refs log tree commit diff
path: root/MatrixRoomUtils.Web
diff options
context:
space:
mode:
Diffstat (limited to 'MatrixRoomUtils.Web')
-rw-r--r--MatrixRoomUtils.Web/Classes/LocalStorageWrapper.cs1
-rw-r--r--MatrixRoomUtils.Web/MatrixRoomUtils.Web.csproj4
-rw-r--r--MatrixRoomUtils.Web/Pages/DevOptions.razor7
-rw-r--r--MatrixRoomUtils.Web/Pages/HSAdmin/RoomQuery.razor86
-rw-r--r--MatrixRoomUtils.Web/Pages/PolicyList/PolicyListEditorPage.razor2
-rw-r--r--MatrixRoomUtils.Web/Pages/RoomManager/RoomManager.razor1
-rw-r--r--MatrixRoomUtils.Web/Pages/RoomManager/RoomManagerSpace.razor13
-rw-r--r--MatrixRoomUtils.Web/Pages/RoomManager/RoomManagerTimeline.razor59
-rw-r--r--MatrixRoomUtils.Web/Shared/IndexComponents/IndexUserItem.razor2
-rw-r--r--MatrixRoomUtils.Web/Shared/InlineUserItem.razor63
-rw-r--r--MatrixRoomUtils.Web/Shared/RoomListItem.razor27
-rw-r--r--MatrixRoomUtils.Web/Shared/RoomListItem.razor.css10
-rw-r--r--MatrixRoomUtils.Web/Shared/TimelineComponents/TimelineMemberItem.razor42
-rw-r--r--MatrixRoomUtils.Web/Shared/TimelineComponents/TimelineMessageItem.razor11
-rw-r--r--MatrixRoomUtils.Web/Shared/TimelineComponents/TimelineUnknownItem.razor21
-rw-r--r--MatrixRoomUtils.Web/Shared/UserListItem.razor4
16 files changed, 332 insertions, 21 deletions
diff --git a/MatrixRoomUtils.Web/Classes/LocalStorageWrapper.cs b/MatrixRoomUtils.Web/Classes/LocalStorageWrapper.cs
index e21b363..f70572b 100644
--- a/MatrixRoomUtils.Web/Classes/LocalStorageWrapper.cs
+++ b/MatrixRoomUtils.Web/Classes/LocalStorageWrapper.cs
@@ -16,6 +16,7 @@ public partial class LocalStorageWrapper
 
         RuntimeCache.Save = Save;
         RuntimeCache.SaveObject = async (key, obj) => await localStorage.SetItemAsync(key, obj);
+        RuntimeCache.RemoveObject = async (key) => await localStorage.RemoveItemAsync(key);
         if (RuntimeCache.LastUsedToken != null)
         {
             Console.WriteLine($"Access token is not null, creating authenticated home server");
diff --git a/MatrixRoomUtils.Web/MatrixRoomUtils.Web.csproj b/MatrixRoomUtils.Web/MatrixRoomUtils.Web.csproj
index 12555c3..cf6ce87 100644
--- a/MatrixRoomUtils.Web/MatrixRoomUtils.Web.csproj
+++ b/MatrixRoomUtils.Web/MatrixRoomUtils.Web.csproj
@@ -15,5 +15,9 @@
     <ItemGroup>
       <ProjectReference Include="..\MatrixRoomUtils.Core\MatrixRoomUtils.Core.csproj" />
     </ItemGroup>
+
+    <ItemGroup>
+      <Folder Include="Shared\TimelineComponents\TimelineMessageComponents" />
+    </ItemGroup>
     
 </Project>
diff --git a/MatrixRoomUtils.Web/Pages/DevOptions.razor b/MatrixRoomUtils.Web/Pages/DevOptions.razor
index c2894b3..3ca86b4 100644
--- a/MatrixRoomUtils.Web/Pages/DevOptions.razor
+++ b/MatrixRoomUtils.Web/Pages/DevOptions.razor
@@ -59,7 +59,12 @@
 
     protected async Task DropCaches()
     {
-        RuntimeCache.GenericResponseCache.Clear();
+        foreach (var (key, value) in RuntimeCache.GenericResponseCache)
+        {
+            value.Cache.Clear();
+        }
+        
+        //RuntimeCache.GenericResponseCache.Clear();
         RuntimeCache.HomeserverResolutionCache.Clear();
         await LocalStorageWrapper.SaveCacheToLocalStorage(LocalStorage);
     }
diff --git a/MatrixRoomUtils.Web/Pages/HSAdmin/RoomQuery.razor b/MatrixRoomUtils.Web/Pages/HSAdmin/RoomQuery.razor
new file mode 100644
index 0000000..109ad7d
--- /dev/null
+++ b/MatrixRoomUtils.Web/Pages/HSAdmin/RoomQuery.razor
@@ -0,0 +1,86 @@
+@page "/RoomQuery"
+@using MatrixRoomUtils.Core.Extensions
+@using System.Runtime.InteropServices
+@using System.ComponentModel
+@using MatrixRoomUtils.Core.Responses.Admin
+<h3>Homeserver Administration - Room Query</h3>
+
+<label>Search name: </label>
+<InputText @bind-Value="SearchTerm" /><br/>
+<label>Search id/name/creator (slow!): </label>
+<InputText @bind-Value="ContentSearchTerm" /><br/>
+<label>Order by: </label>
+<select @bind="OrderBy">
+    @foreach (var item in validOrderBy)
+    {
+        <option value="@item.Key">@item.Value</option>
+    }
+</select><br/>
+<label>Ascending: </label>
+<InputCheckbox @bind-Value="Ascending" /><br/>
+<button class="btn btn-primary" @onclick="Search">Search</button>
+<br/>
+
+@foreach (var res in Results)
+{
+    <div style="background-color: #ffffff11; border-radius: 0.5em; display: block; margin-top: 4px; padding: 4px;">
+        <RoomListItem RoomId="@res.RoomId"></RoomListItem> 
+        <p>@res.CanonicalAlias, created by <InlineUserItem UserId="@res.Creator"></InlineUserItem></p>
+        <p>@res.StateEvents state events</p>
+        <p>@res.JoinedMembers members, of which @res.JoinedLocalMembers are on this server</p>
+    </div>
+}
+
+@code {
+    
+    [Parameter, SupplyParameterFromQuery(Name = "order_by")]
+    public string? OrderBy { get; set; }
+    
+    [Parameter, SupplyParameterFromQuery(Name = "search_term")]
+    public string SearchTerm { get; set; }
+    
+    [Parameter, SupplyParameterFromQuery(Name = "content_search_term")]
+    public string ContentSearchTerm { get; set; }
+    
+    [Parameter, SupplyParameterFromQuery(Name = "ascending")]
+    public bool Ascending { get; set; }
+
+    public List<AdminRoomListingResult.AdminRoomListingResultRoom> Results { get; set; } = new();
+    
+    protected override async Task OnParametersSetAsync()
+    {
+        if(Ascending == null)
+            Ascending = true;
+        OrderBy ??= "name";
+    }
+    
+    private async Task Search()
+    {
+        Results.Clear();
+        var searchRooms = RuntimeCache.CurrentHomeServer.Admin.SearchRoomsAsync(orderBy: OrderBy!, dir: Ascending ? "f" : "b", searchTerm: SearchTerm, contentSearch: ContentSearchTerm).GetAsyncEnumerator();
+        while (await searchRooms.MoveNextAsync())
+        {
+            var room = searchRooms.Current;
+            Console.WriteLine("Hit: " + room.ToJson(indent: false));
+            Results.Add(room);
+        }
+    }
+
+    private Dictionary<string, string> validOrderBy = new Dictionary<string, string>()
+    {
+        { "name", "Room name" },
+        { "canonical_alias", "Main alias address" },
+        { "joined_members", "Number of members (reversed)" },
+        { "joined_local_members", "Number of local members (reversed)" },
+        { "version", "Room version" },
+        { "creator", "Creator of the room" },
+        { "encryption", "End-to-end encryption algorithm" },
+        { "federatable", "Is room federated" },
+        { "public", "Visibility in room list" },
+        { "join_rules", "Join rules" },
+        { "guest_access", "Guest access" },
+        { "history_visibility", "Visibility of history" },
+        { "state_events", "Number of state events" },
+    };
+
+}
\ No newline at end of file
diff --git a/MatrixRoomUtils.Web/Pages/PolicyList/PolicyListEditorPage.razor b/MatrixRoomUtils.Web/Pages/PolicyList/PolicyListEditorPage.razor
index 4b9c2f6..bf03ee3 100644
--- a/MatrixRoomUtils.Web/Pages/PolicyList/PolicyListEditorPage.razor
+++ b/MatrixRoomUtils.Web/Pages/PolicyList/PolicyListEditorPage.razor
@@ -200,7 +200,7 @@ else
     
     private bool _enableAvatars = false;
     
-    static Dictionary<string, string> avatars = new Dictionary<string, string>();
+    static Dictionary<string, string?> avatars = new Dictionary<string, string?>();
     static Dictionary<string, RemoteHomeServer> servers = new Dictionary<string, RemoteHomeServer>();
 
     public static List<StateEventResponse<PolicyRuleStateEventData>> PolicyEvents { get; set; } = new();
diff --git a/MatrixRoomUtils.Web/Pages/RoomManager/RoomManager.razor b/MatrixRoomUtils.Web/Pages/RoomManager/RoomManager.razor
index a8b8fd4..5daa97c 100644
--- a/MatrixRoomUtils.Web/Pages/RoomManager/RoomManager.razor
+++ b/MatrixRoomUtils.Web/Pages/RoomManager/RoomManager.razor
@@ -6,7 +6,6 @@
 @if (Rooms.Count == 0)
 {
     <p>You are not in any rooms!</p>
-    @* <p>Loading progress: @checkedRoomCount/@totalRoomCount</p> *@
 }
 else
 {
diff --git a/MatrixRoomUtils.Web/Pages/RoomManager/RoomManagerSpace.razor b/MatrixRoomUtils.Web/Pages/RoomManager/RoomManagerSpace.razor
index e9d1421..1e7e065 100644
--- a/MatrixRoomUtils.Web/Pages/RoomManager/RoomManagerSpace.razor
+++ b/MatrixRoomUtils.Web/Pages/RoomManager/RoomManagerSpace.razor
@@ -29,6 +29,7 @@
     
     private StateEventResponse<object>[] States { get; set; } = Array.Empty<StateEventResponse<object>>();
     private List<Room> Rooms { get; set; } = new();
+    private List<string> ServersInSpace { get; set; } = new();
     
     protected override async Task OnInitializedAsync()
     {
@@ -37,7 +38,7 @@
         var state = await Room.GetStateAsync("");
         if (state != null)
         {
-            Console.WriteLine(state.Value.ToJson());
+            // Console.WriteLine(state.Value.ToJson());
             States = state.Value.Deserialize<StateEventResponse<object>[]>()!;
             
             foreach (var stateEvent in States)
@@ -52,6 +53,14 @@
                         Rooms.Add(room);
                     }
                 }
+                else if (stateEvent.Type == "m.room.member")
+                {
+                    var serverName = stateEvent.StateKey.Split(':').Last();
+                    if (!ServersInSpace.Contains(serverName))
+                    {
+                        ServersInSpace.Add(serverName);
+                    }
+                }
             }
             
         // if(state.Value.TryGetProperty("Type", out var Type))
@@ -70,7 +79,7 @@
     {
         foreach (var room in Rooms)
         {
-            room.JoinAsync();
+            room.JoinAsync(ServersInSpace.ToArray());
         }
     }
 
diff --git a/MatrixRoomUtils.Web/Pages/RoomManager/RoomManagerTimeline.razor b/MatrixRoomUtils.Web/Pages/RoomManager/RoomManagerTimeline.razor
new file mode 100644
index 0000000..a8a7fc2
--- /dev/null
+++ b/MatrixRoomUtils.Web/Pages/RoomManager/RoomManagerTimeline.razor
@@ -0,0 +1,59 @@
+@page "/RoomManager/Timeline/{RoomId}"
+@using MatrixRoomUtils.Web.Shared.TimelineComponents
+@using MatrixRoomUtils.Core.Extensions
+<h3>RoomManagerTimeline</h3>
+<hr/>
+<p>Loaded @Events.Count events...</p>
+
+@foreach (var evt in Events)
+{
+    <div type="@evt.Type" key="@evt.StateKey" itemid="@evt.EventId">
+        <DynamicComponent Type="@ComponentType(evt)" Parameters="@(new Dictionary<string, object> { { "Event", evt }, { "Events", Events } })"></DynamicComponent>
+    </div>
+}
+
+@code {
+
+    [Parameter]
+    public string RoomId { get; set; } = "invalid!!!!!!";
+
+    private List<MessagesResponse> Messages { get; set; } = new();
+    private List<StateEventResponse> Events { get; set; } = new();
+
+    protected override async Task OnInitializedAsync()
+    {
+        await LocalStorageWrapper.LoadFromLocalStorage(LocalStorage);
+        RoomId = RoomId.Replace('~', '.');
+        Console.WriteLine("RoomId: " + RoomId);
+        var room = await RuntimeCache.CurrentHomeServer.GetRoom(RoomId);
+        MessagesResponse? msgs = null;
+        do
+        {
+            msgs = await room.GetMessagesAsync(limit: 250, from: msgs?.End, dir: "b");
+            Messages.Add(msgs);
+            Console.WriteLine($"Got {msgs.Chunk.Count} messages");
+            msgs.Chunk.Reverse();
+            Events.InsertRange(0, msgs.Chunk);
+            StateHasChanged();
+        } while (msgs.End != null);
+
+
+        await base.OnInitializedAsync();
+    }
+
+    private StateEventResponse GetProfileEventBefore(StateEventResponse Event) => Events.TakeWhile(x => x != Event).Last(e => e.Type == "m.room.member" && e.StateKey == Event.Sender);
+
+
+    private Type ComponentType(StateEventResponse Event) => Event.Type switch {
+        "m.room.message" => typeof(TimelineMessageItem),
+        "m.room.member" => typeof(TimelineMemberItem),
+        _ => typeof(TimelineUnknownItem)
+        };
+
+    private Dictionary<string, object> ComponentParameters(Type ComponentType, StateEventResponse Event) => ComponentType switch {
+        Type t when t == typeof(TimelineMessageItem) => new Dictionary<string, object> { { "Event", Event }, { "Events", Events } },
+        Type t when t == typeof(TimelineMemberItem) => new Dictionary<string, object> { { "Event", Event }, { "Events", Events } },
+        _ => new Dictionary<string, object> { { "Event", Event }, { "Events", Events } }
+        };
+
+}
\ No newline at end of file
diff --git a/MatrixRoomUtils.Web/Shared/IndexComponents/IndexUserItem.razor b/MatrixRoomUtils.Web/Shared/IndexComponents/IndexUserItem.razor
index 42f2c09..03a7145 100644
--- a/MatrixRoomUtils.Web/Shared/IndexComponents/IndexUserItem.razor
+++ b/MatrixRoomUtils.Web/Shared/IndexComponents/IndexUserItem.razor
@@ -24,7 +24,7 @@
     [Parameter]
     public UserInfo User { get; set; } = null!;
 
-    private string _avatarUrl { get; set; }
+    private string? _avatarUrl { get; set; }
     private int _roomCount { get; set; } = 0;
 
     protected override async Task OnInitializedAsync()
diff --git a/MatrixRoomUtils.Web/Shared/InlineUserItem.razor b/MatrixRoomUtils.Web/Shared/InlineUserItem.razor
new file mode 100644
index 0000000..56131c8
--- /dev/null
+++ b/MatrixRoomUtils.Web/Shared/InlineUserItem.razor
@@ -0,0 +1,63 @@
+@using MatrixRoomUtils.Core.Responses
+<div style="background-color: #ffffff11; border-radius: 0.5em; height: 1em; display: inline-block; vertical-align: middle;" alt="@UserId">
+    <img style="@(ChildContent != null ? "vertical-align: baseline;" : "vertical-align: top;") width: 1em; height: 1em; border-radius: 50%;" src="@ProfileAvatar"/>
+    <span style="position: relative; top: -5px;">@ProfileName</span>
+
+    <div style="display: inline-block;">
+        @if (ChildContent != null)
+        {
+            @ChildContent
+        }
+    </div>
+
+</div>
+
+@code {
+
+    [Parameter]
+    public RenderFragment? ChildContent { get; set; }
+
+    [Parameter]
+    public ProfileResponse User { get; set; }
+
+    [Parameter]
+    public string UserId { get; set; }
+
+    [Parameter]
+    public string? ProfileAvatar { get; set; } = null;
+    
+    [Parameter]
+    public string? ProfileName { get; set; } = null;
+
+
+    private static SemaphoreSlim _semaphoreSlim = new(128);
+
+    protected override async Task OnInitializedAsync()
+    {
+        await base.OnInitializedAsync();
+        await LocalStorageWrapper.LoadFromLocalStorage(LocalStorage);
+
+        await _semaphoreSlim.WaitAsync();
+
+        var hs = await new AuthenticatedHomeServer(RuntimeCache.CurrentHomeServer.UserId, RuntimeCache.CurrentHomeServer.AccessToken, RuntimeCache.CurrentHomeServer.HomeServerDomain).Configure();
+
+        if (User == null)
+        {
+            if (UserId == null)
+            {
+                throw new ArgumentNullException(nameof(UserId));
+            }
+            User = await hs.GetProfile(UserId);
+        }
+        else
+        {
+            // UserId = User.;
+        }
+        
+        ProfileAvatar ??= RuntimeCache.CurrentHomeServer.ResolveMediaUri(User.AvatarUrl);
+        ProfileName ??= User.DisplayName;
+
+        _semaphoreSlim.Release();
+    }
+
+}
\ No newline at end of file
diff --git a/MatrixRoomUtils.Web/Shared/RoomListItem.razor b/MatrixRoomUtils.Web/Shared/RoomListItem.razor
index 4990b3c..fb28c3c 100644
--- a/MatrixRoomUtils.Web/Shared/RoomListItem.razor
+++ b/MatrixRoomUtils.Web/Shared/RoomListItem.razor
@@ -1,11 +1,11 @@
 @using MatrixRoomUtils.Core.Authentication
 @using System.Text.Json
 @using MatrixRoomUtils.Core.Extensions
-<div style="background-color: #ffffff11; border-radius: 25px; margin: 8px; width: fit-Content; @(hasDangerousRoomVersion ? "border: red 4px solid;" : hasOldRoomVersion ? "border: #FF0 1px solid;" : "")">
+<div class="roomListItem" style="background-color: #ffffff11; border-radius: 25px; margin: 8px; width: fit-Content; @(hasDangerousRoomVersion ? "border: red 4px solid;" : hasOldRoomVersion ? "border: #FF0 1px solid;" : "")">
     @if (ShowOwnProfile)
     {
-        <img style="@(ChildContent != null ? "vertical-align: baseline;":"") width: 32px; height:  32px; border-radius: 50%; @(hasCustomProfileAvatar ? "border-color: red; border-width: 3px; border-style: dashed;" : "")" src="@profileAvatar"/>
-        <span style="vertical-align: middle; margin-right: 8px; border-radius: 75px; @(hasCustomProfileName ? "background-color: red;" : "")">@profileName</span>
+        <img class="imageUnloaded @(string.IsNullOrWhiteSpace(profileAvatar) ? "" : "imageLoaded")" style="@(ChildContent != null ? "vertical-align: baseline;":"") width: 32px; height: 32px; border-radius: 50%; @(hasCustomProfileAvatar ? "border-color: red; border-width: 3px; border-style: dashed;" : "")" src="@(profileAvatar ?? "/icon-192.png")" @onload="Callback"/>
+        <span style="vertical-align: middle; margin-right: 8px; border-radius: 75px; @(hasCustomProfileName ? "background-color: red;" : "")">@(profileName ?? "Loading...")</span>
         <span style="vertical-align: middle; padding-right: 8px; padding-left: 0px;">-></span>
     }
     <img style="@(ChildContent != null ? "vertical-align: baseline;":"") width: 32px; height:  32px; border-radius: 50%;" src="@roomIcon"/>
@@ -34,10 +34,10 @@
     public bool ShowOwnProfile { get; set; } = false;
 
     private string roomName { get; set; } = "Loading...";
-    private string roomIcon { get; set; } = "/icon-192.png";
+    private string? roomIcon { get; set; } = "/icon-192.png";
 
-    private string profileAvatar { get; set; } = "/icon-192.png";
-    private string profileName { get; set; } = "Loading...";
+    private string? profileAvatar { get; set; }
+    private string? profileName { get; set; }
     private bool hasCustomProfileAvatar { get; set; } = false;
     private bool hasCustomProfileName { get; set; } = false;
     
@@ -53,8 +53,8 @@
         await LocalStorageWrapper.LoadFromLocalStorage(LocalStorage);
         
         await _semaphoreSlim.WaitAsync();
-        
-        var hs = await new AuthenticatedHomeServer(RuntimeCache.CurrentHomeServer.UserId, RuntimeCache.CurrentHomeServer.AccessToken, RuntimeCache.CurrentHomeServer.HomeServerDomain).Configure();
+
+        var hs = RuntimeCache.CurrentHomeServer; //await new AuthenticatedHomeServer(RuntimeCache.CurrentHomeServer.UserId, RuntimeCache.CurrentHomeServer.AccessToken, RuntimeCache.CurrentHomeServer.HomeServerDomain).Configure();
         
         if (Room == null)
         {
@@ -69,11 +69,7 @@
             RoomId = Room.RoomId;
         }
 
-        roomName = await Room.GetNameAsync();
-        if (roomName == null)
-        {
-            roomName = "Unnamed room: " + RoomId;
-        }
+        roomName = await Room.GetNameAsync() ?? "Unnamed room: " + RoomId;
 
         var ce = await Room.GetCreateEventAsync();
         if (ce != null)
@@ -143,4 +139,9 @@
             await LocalStorageWrapper.SaveCacheToLocalStorage(LocalStorage);
     }
 
+    private void Callback(ProgressEventArgs obj)
+    {
+        Console.WriteLine("prog: " + obj.ToJson(indent: false));
+    }
+
 }
\ No newline at end of file
diff --git a/MatrixRoomUtils.Web/Shared/RoomListItem.razor.css b/MatrixRoomUtils.Web/Shared/RoomListItem.razor.css
new file mode 100644
index 0000000..8b9a9f6
--- /dev/null
+++ b/MatrixRoomUtils.Web/Shared/RoomListItem.razor.css
@@ -0,0 +1,10 @@
+/*.imageUnloaded {*/
+/*    scale: 3;*/
+/*    opacity: 0.5;*/
+/*    transition: scale 0.5s ease-in-out;*/
+/*}*/
+
+.imageLoaded {
+     opacity: 1;
+     scale: 1;
+ }
\ No newline at end of file
diff --git a/MatrixRoomUtils.Web/Shared/TimelineComponents/TimelineMemberItem.razor b/MatrixRoomUtils.Web/Shared/TimelineComponents/TimelineMemberItem.razor
new file mode 100644
index 0000000..3803d38
--- /dev/null
+++ b/MatrixRoomUtils.Web/Shared/TimelineComponents/TimelineMemberItem.razor
@@ -0,0 +1,42 @@
+@using MatrixRoomUtils.Core.Extensions
+@if (Event.ContentAsJsonNode["membership"]!.GetValue<string>() == "ban")
+{
+    <i>@Event.StateKey was banned</i>
+}
+else if (Event.ContentAsJsonNode["membership"]!.GetValue<string>() == "invite")
+{
+    <i>@Event.StateKey was invited</i>
+}
+else if (Event.ContentAsJsonNode["membership"]!.GetValue<string>() == "join")
+{
+    @if (Event.ReplacesState != null)
+    {
+        <i>@Event.StateKey changed their display name to @(Event.ContentAsJsonNode["displayname"]!.GetValue<string>())</i>
+    }
+    else
+    {
+        <i><InlineUserItem UserId="@Event.StateKey"></InlineUserItem> joined</i>
+    }
+}
+else if (Event.ContentAsJsonNode["membership"]!.GetValue<string>() == "leave")
+{
+    <i>@Event.StateKey left</i>
+}
+else if (Event.ContentAsJsonNode["membership"]!.GetValue<string>() == "knock")
+{
+    <i>@Event.StateKey knocked</i>
+}
+else
+{
+    <i>@Event.StateKey has an unknown state:</i>
+    <pre>
+        @Event.ToJson()
+    </pre>
+}
+
+@code {
+
+    [Parameter]
+    public StateEvent Event { get; set; }
+
+}
\ No newline at end of file
diff --git a/MatrixRoomUtils.Web/Shared/TimelineComponents/TimelineMessageItem.razor b/MatrixRoomUtils.Web/Shared/TimelineComponents/TimelineMessageItem.razor
new file mode 100644
index 0000000..8d688ea
--- /dev/null
+++ b/MatrixRoomUtils.Web/Shared/TimelineComponents/TimelineMessageItem.razor
@@ -0,0 +1,11 @@
+@using MatrixRoomUtils.Core.Extensions
+<pre>
+    @ObjectExtensions.ToJson(Event.Content, indent: false)
+</pre>
+
+@code {
+
+    [Parameter]
+    public StateEventResponse Event { get; set; }
+
+}
\ No newline at end of file
diff --git a/MatrixRoomUtils.Web/Shared/TimelineComponents/TimelineUnknownItem.razor b/MatrixRoomUtils.Web/Shared/TimelineComponents/TimelineUnknownItem.razor
new file mode 100644
index 0000000..f78bdc9
--- /dev/null
+++ b/MatrixRoomUtils.Web/Shared/TimelineComponents/TimelineUnknownItem.razor
@@ -0,0 +1,21 @@
+@using MatrixRoomUtils.Core.Extensions
+<div>
+
+    <details style="display: inline;">
+        <summary>
+            <i style="color: red;">
+                Unknown event type: <pre style="display: inline;">@Event.Type</pre>
+            </i>
+        </summary>
+        <pre>
+           @Event.ToJson()
+        </pre>
+    </details>
+</div>
+
+@code {
+
+    [Parameter]
+    public StateEvent Event { get; set; }
+
+}
\ No newline at end of file
diff --git a/MatrixRoomUtils.Web/Shared/UserListItem.razor b/MatrixRoomUtils.Web/Shared/UserListItem.razor
index ae1fcd1..d357b0d 100644
--- a/MatrixRoomUtils.Web/Shared/UserListItem.razor
+++ b/MatrixRoomUtils.Web/Shared/UserListItem.razor
@@ -23,8 +23,8 @@
     [Parameter]
     public string UserId { get; set; }
 
-    private string profileAvatar { get; set; } = "/icon-192.png";
-    private string profileName { get; set; } = "Loading...";
+    private string? profileAvatar { get; set; } = "/icon-192.png";
+    private string? profileName { get; set; } = "Loading...";
 
 
     private static SemaphoreSlim _semaphoreSlim = new(128);