Pull to refresh and load more when scroll to bottom

App.xaml

@@ -11,10 +11,12 @@
 
             <Style TargetType="Label">
                 <Setter Property="TextColor" Value="{DynamicResource PrimaryTextColor}" />
+                <Setter Property="FontFamily" Value="OpenSansRegular" />
             </Style>
 
             <Style TargetType="Button">
                 <Setter Property="TextColor" Value="{DynamicResource PrimaryTextColor}" />
+                <Setter Property="FontFamily" Value="OpenSansRegular" />
                 <Setter Property="BackgroundColor" Value="#2b0b98" />
                 <Setter Property="Padding" Value="14,10" />
             </Style>

App.xaml.cs

@@ -0,0 +1,16 @@
+namespace Neighbourhood.omg.lol {
+  public partial class App : Application {
+    public App(NavigatorService navigatorService) {
+      InitializeComponent();
+
+#if WINDOWS
+      MainPage = new WindowsAppShell();
+#else
+      MainPage = new AppShell();
+#endif
+      NavigatorService = navigatorService;
+    }
+
+    internal NavigatorService NavigatorService { get; private set; }
+  }
+}

AppShell.xaml.cs

@@ -7,5 +7,6 @@ public partial class AppShell : Shell
 		InitializeComponent();
 
     Routing.RegisterRoute(nameof(LoginWebViewPage), typeof(LoginWebViewPage));
+    Routing.RegisterRoute(nameof(EphemeralWebPage), typeof(EphemeralWebPage));
   }
 }

Classes/ApiService.cs

@@ -1,310 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using Neighbourhood.omg.lol.Models;
-using System.Diagnostics;
-using System.Net.Http.Json;
-using System.Text;
-using System.Text.Json;
-
-namespace Neighbourhood.omg.lol
-{
-  public class ApiService {
-    HttpClient _client;
-    JsonSerializerOptions _serializerOptions;
-    public const string BaseUrl = "https://api.omg.lol";
-    private string? apiToken = null;
-
-    public ApiService(string? token = null) {
-      _client = new HttpClient();
-      _client.BaseAddress = new Uri(BaseUrl);
-      _client.DefaultRequestHeaders.UserAgent.Add(new System.Net.Http.Headers.ProductInfoHeaderValue(App.Name, App.Version));
-      _serializerOptions = new JsonSerializerOptions {
-        PropertyNamingPolicy = JsonNamingPolicy.SnakeCaseLower,
-#if DEBUG
-        WriteIndented = true
-#else
-        WriteIndented = false
-#endif
-      };
-      AddToken(token);
-    }
-
-    /// <summary>
-    /// Deserialize json convenience function with default serializer options
-    /// </summary>
-    /// <typeparam name="T">The type to deserialize</typeparam>
-    /// <param name="str">The string to deserialize</param>
-    /// <returns>The deserialized object if successful, otherwise default</returns>
-    public T? Deserialize<T>(string str) {
-      T? responseObj = default;
-      try {
-        responseObj = JsonSerializer.Deserialize<T>(str, _serializerOptions);
-      }
-      catch (JsonException ex) {
-        Debug.WriteLine(@"\tERROR {0}", ex.Message);
-        Debug.WriteLine(str);
-      }
-      return responseObj;
-    }
-
-    #region Base Requests
-
-    /// <summary>
-    /// Decode the response from an API call
-    /// </summary>
-    /// <typeparam name="TResponse">The type of response object we are trying to get</typeparam>
-    /// <param name="response">The raw Http Response Message</param>
-    /// <param name="cancellationToken">A cancellation token to cancel the operation</param>
-    /// <returns>The decoded object if successfull, otherwise default</returns>
-    private async Task<TResponse?> DecodeResponse<TResponse>(HttpResponseMessage response, CancellationToken cancellationToken = default)
-      where TResponse : IOmgLolResponseData
-    {
-      TResponse? responseData = default;
-      try {
-        string str = await response.Content.ReadAsStringAsync();
-        if (response.IsSuccessStatusCode) {
-          OmgLolResponse<TResponse>? responseObj = Deserialize<OmgLolResponse<TResponse>>(str);
-          if (responseObj?.Request == null || (responseObj?.Request?.Success ?? false)) {
-            responseData = responseObj!.Response;
-          }
-        }
-        else {
-          OmgLolResponse<TResponse>? responseObj = Deserialize<OmgLolResponse<TResponse>>(str);
-          throw responseObj == null ? new OmgLolApiException<TResponse>(str) : new OmgLolApiException<TResponse>(responseObj);
-        }
-      }
-      catch (Exception ex) {
-        Debug.WriteLine(@"\tERROR {0}", ex.Message);
-      }
-
-      return responseData;
-    }
-
-    /// <summary>
-    /// Performs a request for the supplied uri, with the supplied Http Method,
-    /// with the supplied data in the body (if present)
-    /// </summary>
-    /// <typeparam name="TResponse">The type of response we are expecting</typeparam>
-    /// <typeparam name="TData">The type of data we are sending</typeparam>
-    /// <param name="uri">The uri to request</param>
-    /// <param name="method">The Http Method to use for the request</param>
-    /// <param name="data">The data to send in the body of the request</param>
-    /// <param name="file">A FileResult for the file to send in the body of the request as binary data</param>
-    /// <param name="cancellationToken">A cancellation token</param>
-    /// <returns>The returned data if successful, otherwise default</returns>
-    private async Task<TResponse?> Request<TResponse, TData>(string uri, HttpMethod method, TData? data = default, FileResult? file = null, bool useAuthToken = true, CancellationToken cancellationToken = default)
-      where TResponse : IOmgLolResponseData
-    {
-      TResponse? responseData = default;
-      try {
-        HttpRequestMessage request = new HttpRequestMessage(method, uri);
-        Stream? fileStream = null;
-        if (file != null) {
-          // append "binary" query parameter (if not already present)
-          Uri url = new Uri(_client.BaseAddress?.AbsoluteUri + uri);
-          if (string.IsNullOrEmpty(url.Query)) uri += "?binary";
-          else if (!url.Query.Contains("binary")) uri += "&binary";
-          request = new HttpRequestMessage(method, uri);
-
-          fileStream = await file.OpenReadAsync();
-          HttpContent fileStreamContent = new StreamContent(fileStream);
-          fileStreamContent.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue(file.ContentType ?? "application/octet-stream");
-          fileStreamContent.Headers.ContentLength = fileStream.Length;
-          request.Content = fileStreamContent;
-        }
-        else if (data != null) {
-          string json = JsonSerializer.Serialize(data, _serializerOptions);
-          request.Content = new StringContent(json, Encoding.UTF8, "application/json");
-        }
-
-        if(useAuthToken) {
-          if (apiToken == null) apiToken = Task.Run(() => SecureStorage.GetAsync("accounttoken")).GetAwaiter().GetResult();
-          if (apiToken != null) request.Headers.Authorization = new System.Net.Http.Headers.AuthenticationHeaderValue("Bearer", apiToken);
-        }
-
-        HttpResponseMessage response = await _client.SendAsync(request, cancellationToken: cancellationToken);
-        responseData = await DecodeResponse<TResponse>(response, cancellationToken);
-
-        fileStream?.Dispose();
-      }
-      catch (Exception ex) {
-        Debug.WriteLine(@"\tERROR {0}", ex.Message);
-      }
-
-      return responseData;
-    }
-
-    // GET request
-    private async Task<TResponse?> Get<TResponse>(string uri, bool useAuthToken = true, CancellationToken cancellationToken = default)
-      where TResponse : IOmgLolResponseData
-      => await Request<TResponse, object>(uri, HttpMethod.Get, useAuthToken: useAuthToken, cancellationToken: cancellationToken);
-
-    // POST request
-    private async Task<TResponse?> Post<TResponse, TData>(string uri, TData data, CancellationToken cancellationToken = default)
-      where TResponse : IOmgLolResponseData 
-      => await Request<TResponse, TData>(uri, HttpMethod.Post, data: data, cancellationToken: cancellationToken);
-
-    // POST request, but with a file as binary data
-    private async Task<TResponse?> PostBinary<TResponse>(string uri, FileResult? fileResult = null, CancellationToken cancellationToken = default)
-      where TResponse : IOmgLolResponseData 
-      => await Request<TResponse, object>(uri, HttpMethod.Post, file: fileResult, cancellationToken: cancellationToken);
-
-    // PUT request
-    private async Task<TResponse?> Put<TResponse, TData>(string uri, TData data, CancellationToken cancellationToken = default)
-      where TResponse : IOmgLolResponseData
-      => await Request<TResponse, TData>(uri, HttpMethod.Put, data: data, cancellationToken: cancellationToken);
-
-    // PATCH request
-    private async Task<TResponse?> Patch<TResponse, TData>(string uri, TData data, CancellationToken cancellationToken = default)
-      where TResponse : IOmgLolResponseData
-      => await Request<TResponse, TData>(uri, HttpMethod.Patch, data: data, cancellationToken: cancellationToken);
-
-    // Delete request
-    private async Task<TResponse?> Delete<TResponse>(string uri, CancellationToken cancellationToken = default)
-      where TResponse : IOmgLolResponseData 
-      => await Request<TResponse, object>(uri, HttpMethod.Delete, cancellationToken: cancellationToken);
-    #endregion
-
-    #region Specific Requests
-    public async Task<List<Status>> StatuslogLatest() =>
-      (await Get<StatusResponseData>("/statuslog/latest"))?.Statuses ?? new List<Status>();
-
-    public async Task<List<Status>> Statuslog(string address) =>
-      (await Get<StatusResponseData>($"/address/{address}/statuses"))?.Statuses ?? new List<Status>();
-
-    public async Task<string> StatuslogBio(string address) =>
-      (await Get<StatusBioResponseData>($"/address/{address}/statuses/bio"))?.Bio ?? string.Empty;
-
-    public async Task<string> PostStatuslogBio(string address, string bio) =>
-      (await Post<StatusBioResponseData, PostStatusBio>($"/address/{address}/statuses/bio", new PostStatusBio() { Content = bio }))?.Bio ?? string.Empty;
-
-    public async Task<AccountResponseData?> AccountInfo() =>
-      await Get<AccountResponseData>("/account/application/info");
-
-    public async Task<AddressResponseList?> Addresses() =>
-      await Get<AddressResponseList>("/account/application/addresses");
-
-    public async Task<StatusPostResponseData?> StatusPost(string address, StatusPost statusPost) =>
-      await Post<StatusPostResponseData, StatusPost>($"/address/{address}/statuses", statusPost);
-
-    public async Task<List<Pic>> SomePics() =>
-      (await Get<SomePicsResponseData>("/pics"))?.Pics ?? new List<Pic>();
-
-    public async Task<List<Pic>> SomePics(string address) =>
-      (await Get<SomePicsResponseData>($"/address/{address}/pics"))?.Pics ?? new List<Pic>();
-
-    public async Task<PutPicResponseData?> PutPic(string address, string base64Image) =>
-      (await Put<PutPicResponseData, PutPic>($"/address/{address}/pics/upload", new PutPic { Pic = base64Image }));
-
-    public async Task<PutPicResponseData?> PutPic(string address, byte[] bytes) =>
-      await PutPic(address, Convert.ToBase64String(bytes));
-
-    public async Task<PutPicResponseData?> PostPicDescription(string address, string id, string? description) =>
-      (await Post<PutPicResponseData, PostPic>($"/address/{address}/pics/{id}", new PostPic { Description = description }));
-    public async Task<BasicResponseData?> DeletePic(string address, string id) =>
-      (await Delete<BasicResponseData>($"/address/{address}/pics/{id}"));
-
-    public async Task<PatchStatusResponseData?> PatchStatus(string address, string id, string content, string? emoji) =>
-      (await Patch<PatchStatusResponseData, PatchStatus>($"/address/{address}/statuses/", new PatchStatus { Id = id, Content = content, Emoji = emoji }));
-
-    public async Task<BasicResponseData?> DeleteStatus(string address, string id) =>
-      (await Delete<BasicResponseData>($"/address/{address}/statuses/{id}"));
-
-    public async Task<List<NowData>?> NowGarden() =>
-      (await Get<NowResponseData>($"/now/garden"))?.Garden ?? new List<NowData>();
-
-    public async Task<List<string>?> Directory() =>
-      (await Get<DirectoryResponseData>($"/directory"))?.Directory ?? new List<string>();
-
-    public async Task<NowContentData?> GetNowPage(string address) =>
-      (await Get<NowPageResponseData>($"/address/{address}/now"))?.Now;
-
-    public async Task<BasicResponseData?> PostNowPage(string address, string content, bool listed) =>
-      await Post<BasicResponseData, NowContentData>($"/address/{address}/now", new NowContentData { Content = content, Listed = listed ? 1 : 0 });
-
-    public async Task<List<MarkupString>> Ephemeral() =>
-      (await Get<EphemeralResponseData>($"/ephemeral"))?.Content?.Select(s => (MarkupString)s)?.ToList() ?? new List<MarkupString>();
-
-    public async Task<BasicResponseData?> PostEphemeral(string content) =>
-      await Post<BasicResponseData, EphemeralData>("/ephemeral", new EphemeralData { Content = content });
-
-    public async Task<ProfileResponseData?> GetProfile(string address) =>
-      await Get<ProfileResponseData>($"/address/{address}/web");
-
-    public async Task<BasicResponseData?> PostProfile(string address, string content, bool publish = true) =>
-      await Post<BasicResponseData, PostProfile>($"/address/{address}/web", new PostProfile { Content = content, Publish = publish });
-
-    public async Task<BasicResponseData?> PostProfile(string address, PostProfile data) =>
-      await Post<BasicResponseData, PostProfile>($"/address/{address}/web", data);
-    public async Task<Dictionary<string, Theme>?> GetThemes() =>
-      (await Get<ThemeResponseData>($"/theme/list"))?.Themes;
-
-    public async Task<MarkupString?> GetThemePreview(string theme) =>
-      (MarkupString)((await Get<ThemePreviewResponseData>($"/theme/{theme}/preview"))?.Html ?? string.Empty);
-
-    public async Task<BasicResponseData?> PostProfilePic(string address, FileResult image) =>
-        await PostBinary<BasicResponseData>($"/address/{address}/pfp", fileResult: image);
-
-    public async Task<List<Paste>> GetPastes(string address) =>
-      (await Get<PastesResponseData>($"/address/{address}/pastebin", useAuthToken: false))?.Pastebin ?? new List<Paste>();
-    public async Task<List<Paste>> GetMyPastes(string address) =>
-      (await Get<PastesResponseData>($"/address/{address}/pastebin", useAuthToken: true))?.Pastebin ?? new List<Paste>();
-
-    public async Task<BasicResponseData?> DeletePaste(string address, string title) =>
-      await Delete<BasicResponseData>($"/address/{address}/pastebin/{title}");
-
-    public async Task<PostPasteResponseData?> PostPaste(string address, string title, string content, bool listed) =>
-      await Post<PostPasteResponseData, Paste>($"/address/{address}/pastebin/", new Paste() { Title = title, Content = content, IsListed = listed });
-
-    #endregion
-
-    #region Auth
-    /// <summary>
-    /// Add the api token into the default headers
-    /// </summary>
-    /// <param name="token">The api token</param>
-    public void AddToken(string? token = null) {
-      if (token == null) token = Task.Run(() => SecureStorage.GetAsync("accounttoken")).GetAwaiter().GetResult();
-      if (token != null) apiToken = token;
-    }
-
-    /// <summary>
-    /// Remove the api token from the default headers
-    /// </summary>
-    public void RemoveToken() {
-      _client.DefaultRequestHeaders.Remove("Authorization");
-    }
-
-    public async Task<string?> OAuth(string code, string client_id, string client_secret, string redirect_uri) {
-      string? token = null;
-      string uri = $"/oauth/?code={code}&client_id={client_id}&client_secret={client_secret}&redirect_uri={redirect_uri}&scope=everything";
-      try {
-        HttpResponseMessage response = await _client.GetAsync(uri);
-        if (response.IsSuccessStatusCode) {
-          TokenResponseData? responseObj = await response.Content.ReadFromJsonAsync<TokenResponseData>(_serializerOptions);
-          if (responseObj != null && !string.IsNullOrEmpty(responseObj.AccessToken)) {
-            token = responseObj.AccessToken;
-          }
-        }
-      }
-      catch (Exception ex) {
-        Debug.WriteLine(@"\tERROR {0}", ex.Message);
-      }
-      return token;
-    }
-    #endregion
-
-    public async Task<MarkupString?> GetHtml(string url) {
-      string? raw = null;
-      try {
-        HttpResponseMessage response = await _client.GetAsync(url);
-        if (response.IsSuccessStatusCode) {
-          raw = await response.Content.ReadAsStringAsync();
-        }
-      }
-      catch (Exception ex) {
-        Debug.WriteLine(@"\tERROR {0}", ex.Message);
-      }
-      return string.IsNullOrEmpty(raw) ? null : (MarkupString)raw;
-    }
-  }
-}

Classes/FeatureFlags.cs

@@ -1,5 +0,0 @@
-namespace Neighbourhood.omg.lol {
-  public static class FeatureFlags {
-    public static bool Following { get; } = true;
-  }
-}

Classes/NavigatorService.cs

@@ -1,8 +0,0 @@
-using Microsoft.AspNetCore.Components;
-
-namespace Neighbourhood.omg.lol {
-  public class NavigatorService {
-    internal NavigationManager? NavigationManager { get; set; }
-    internal Page? Page { get; set; }
-  }
-}

Classes/State.cs

@@ -1,339 +0,0 @@
-using Microsoft.AspNetCore.Components;
-using System.ComponentModel;
-using System.Globalization;
-using System.Text.Json;
-using Neighbourhood.omg.lol.Models;
-using System.Runtime.CompilerServices;
-
-namespace Neighbourhood.omg.lol {
-  public class State : INotifyPropertyChanged {
-
-    // Events
-    public event EventHandler<EventArgs>? IntentReceived;
-    public event PropertyChangedEventHandler? PropertyChanged;
-
-    // Create the OnPropertyChanged method to raise the event
-    // The calling member's name will be used as the parameter.
-    protected void OnPropertyChanged([CallerMemberName] string? name = null) => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
-    protected void OnIntentRecieved() => IntentReceived?.Invoke(this, EventArgs.Empty);
-
-    // Main data lists
-    public List<Status>? Statuses { get; set; }
-    public List<Pic>? Pics { get; set; }
-    public List<NowData>? NowGarden { get; set; }
-    public List<MarkupString>? EphemeralMessages { get; set; }
-    public List<string>? AddressDirectory { get; set; }
-
-    public List<FeedItem>? Feed { get; set; }
-
-    public Dictionary<string, Theme>? Themes { get; set; }
-
-    // Account data
-    private AccountResponseData? _accountInfo;
-    public AccountResponseData? AccountInfo {
-      get => _accountInfo;
-      set {
-        _accountInfo = value;
-        OnPropertyChanged(nameof(AccountInfo));
-      }
-    }
-    public AddressResponseList? AddressList { get; set; }
-
-    public bool IsAuthorized { get => AccountInfo != null; }
-    public string? Name { get => AccountInfo?.Name; }
-    public string? Email { get => AccountInfo?.Email; }
-    public IEnumerable<string>? AddressNames { get => AddressList?.Select(a => a.Address); }
-
-    // Selected Address
-    private AddressResponseData? _selectedAddress;
-    public AddressResponseData? SelectedAddress {
-      get {
-        if (_selectedAddress == null) {
-          string selectedAddressJson = Preferences.Default.Get("selectedaddress", string.Empty);
-          if (!string.IsNullOrEmpty(selectedAddressJson)) _selectedAddress = JsonSerializer.Deserialize<AddressResponseData>(selectedAddressJson);
-        }
-        return _selectedAddress;
-      }
-      set {
-        if (_selectedAddress != value) {
-          _selectedAddress = value;
-          if (_selectedAddress == null) Preferences.Default.Remove("selectedaddress");
-          else {
-            string selectedAddressJson = JsonSerializer.Serialize(_selectedAddress);
-            Preferences.Default.Set("selectedaddress", selectedAddressJson);
-            OnPropertyChanged();
-          }
-        }
-      }
-    }
-
-    public List<string>? Following { get; private set; }
-    public string? SelectedAddressName { get => SelectedAddress?.Address; }
-
-    // data for selected address
-    public List<Status>? CachedAddressStatuses { get; set; }
-    public List<Pic>? CachedAddressPics { get; set; }
-    public List<Paste>? CachedAddressPastes { get; set; }
-    public MarkupString? CachedAddressBio { get; set; }
-    private string? _cachedAddress;
-    public string? CachedAddress {
-      get => _cachedAddress;
-      set {
-        if (_cachedAddress != value) {
-          _cachedAddress = value;
-          CachedAddressStatuses = new List<Status>();
-          CachedAddressPics = new List<Pic>();
-          CachedAddressPastes = new List<Paste>();
-          CachedAddressBio = null;
-        }
-      }
-    }
-
-    // share intent stuff
-    private string? _shareString;
-    public string? ShareString {
-      get => _shareString;
-      set {
-        _shareString = value;
-        OnIntentRecieved();
-      }
-    }
-    public string? ShareStringSubject { get; set; }
-
-    private string? _sharePhoto;
-    public string? SharePhoto {
-      get => _sharePhoto;
-      set {
-        _sharePhoto = value;
-        OnIntentRecieved();
-      }
-    }
-    public long? SharePhotoSize { get; set; }
-    public string? SharePhotoContentType { get; set; }
-    public string? SharePhotoText { get; set; }
-
-    // refreshing
-    private bool _isRefreshing;
-    public bool IsRefreshing {
-      get => _isRefreshing;
-      private set {
-        _isRefreshing = value;
-        OnPropertyChanged();
-      }
-    }
-
-    public void SendRefresh() => IsRefreshing = true;
-
-    private static int _refresherCount = 0;
-    private static Mutex mutex = new Mutex();
-
-    public class RefreshToken : IDisposable {
-      public event EventHandler? Disposed;
-      public void Dispose() => Disposed?.Invoke(this, EventArgs.Empty);
-    }
-    public RefreshToken GetRefreshToken() {
-      mutex.WaitOne();
-      _refresherCount++;
-      mutex.ReleaseMutex();
-      RefreshToken token = new RefreshToken();
-      token.Disposed += RefreshToken_Disposed;
-      return token;
-    }
-
-    private void RefreshToken_Disposed(object? sender, EventArgs e) {
-      mutex.WaitOne();
-      _refresherCount--;
-      if (_refresherCount == 0) IsRefreshing = false;
-      mutex.ReleaseMutex();
-    }
-
-    private bool _canRefresh;
-    public bool CanRefresh {
-      get => _canRefresh;
-      set {
-        _canRefresh = value;
-        OnPropertyChanged();
-      }
-    }
-
-    // api service
-    private ApiService api { get; set; }
-
-    public State(ApiService restService) {
-      api = restService;
-    }
-
-    public async Task PopulateAccountDetails(string token) {
-      api.AddToken(token);
-
-      string accountJson = Preferences.Default.Get("accountdetails", string.Empty);
-      string addressJson = Preferences.Default.Get("accountaddresses", string.Empty);
-      string selectedAddressJson = Preferences.Default.Get("selectedaddress", string.Empty);
-      string followingJson = Preferences.Default.Get("following", string.Empty);
-
-      if (!string.IsNullOrEmpty(accountJson)) AccountInfo = JsonSerializer.Deserialize<AccountResponseData>(accountJson);
-      if (!string.IsNullOrEmpty(addressJson)) AddressList = JsonSerializer.Deserialize<AddressResponseList>(addressJson);
-      if (!string.IsNullOrEmpty(selectedAddressJson)) SelectedAddress = JsonSerializer.Deserialize<AddressResponseData>(selectedAddressJson);
-      if (!string.IsNullOrEmpty(followingJson)) Following = JsonSerializer.Deserialize<List<string>>(followingJson);
-
-      // if we haven't got account info, attempt to retrieve it.
-      if (AccountInfo == null) {
-        AccountInfo = await api.AccountInfo();
-        if (AccountInfo != null) {
-          // quick fix for users without names (such as the review account)
-          if(AccountInfo.Name == null) AccountInfo.Name = AccountInfo.Email.Split('@').FirstOrDefault() ?? "person";
-          Preferences.Default.Set("accountdetails", JsonSerializer.Serialize(AccountInfo));
-        }
-      }
-
-      // if we don't have the list of addresses, attempt to retrieve that.
-      if (AddressList == null) {
-        AddressList = await api.Addresses();
-        if (AddressList != null) {
-          Preferences.Default.Set("accountaddresses", JsonSerializer.Serialize(AddressList));
-          SelectedAddress = AddressList.FirstOrDefault();
-          Preferences.Default.Set("selectedaddress", JsonSerializer.Serialize(SelectedAddress));
-        }
-      }
-    }
-
-    public async Task RemoveAccountDetails() {
-      await Task.Run(() => {
-        Preferences.Default.Clear();
-        AccountInfo = null;
-        AddressList = null;
-        SelectedAddress = null;
-        Following = null;
-        api.RemoveToken();
-      });
-    }
-
-    public bool IsFollowing(string address) => Following?.Contains(address) ?? false;
-    public async Task Follow(string address) {
-      if (Following == null) Following = new List<string>();
-      Following.Add(address);
-      Preferences.Default.Set("following", JsonSerializer.Serialize(Following));
-      await GetFeed(forceRefresh: true);
-    }
-
-    public async Task Unfollow(string address) {
-      if (Following == null) Following = new List<string>();
-      Following.Remove(address);
-      Preferences.Default.Set("following", JsonSerializer.Serialize(Following));
-      await GetFeed(forceRefresh: true);
-    }
-
-    public async Task<MarkupString?> GetBio(string address, bool forceRefresh = false) {
-      CachedAddress = address;
-      if (forceRefresh || CachedAddressBio == null) {
-        CachedAddressBio = Utilities.MdToHtmlMarkup(await api.StatuslogBio(address));
-      }
-      return CachedAddressBio;
-    }
-
-    public async Task<List<MarkupString>?> GetEphemeralMessages(bool forceRefresh = false) {
-      if (forceRefresh || this.EphemeralMessages == null || this.EphemeralMessages.Count == 0) {
-        this.EphemeralMessages = await api.Ephemeral();
-      }
-      return this.EphemeralMessages;
-    }
-
-    public async Task<List<string>?> GetDirectory(bool forceRefresh = false) {
-      if (forceRefresh || this.AddressDirectory == null || this.AddressDirectory.Count == 0) {
-        IdnMapping idn = new IdnMapping();
-        this.AddressDirectory = (await api.Directory())?.Select(s => {
-          if (s.StartsWith("xn--")) return idn.GetUnicode(s);
-          else return s;
-        }).ToList();
-      }
-      return this.AddressDirectory;
-    }
-
-    public async Task<List<Status>?> GetStatuses(bool forceRefresh = false) {
-      if (forceRefresh || this.Statuses == null || this.Statuses.Count == 0) {
-        this.Statuses = await api.StatuslogLatest();
-      }
-      return this.Statuses;
-    }
-
-    public async Task<List<Status>?> GetStatuses(string address, bool forceRefresh = false) {
-      this.CachedAddress = address;
-      if (forceRefresh || this.CachedAddressStatuses == null || this.CachedAddressStatuses.Count == 0) {
-        this.CachedAddressStatuses = await api.Statuslog(address);
-      }
-      return this.CachedAddressStatuses;
-    }
-
-    public async Task<List<NowData>?> GetNowGarden(bool forceRefresh = false) {
-      if (forceRefresh || this.NowGarden == null || this.NowGarden.Count == 0) {
-        this.NowGarden = await api.NowGarden();
-      }
-      return this.NowGarden;
-    }
-
-    public async Task<List<Pic>?> GetPics(bool forceRefresh = false) {
-      if (forceRefresh || this.Pics == null || this.Pics.Count == 0) {
-        this.Pics = await api.SomePics();
-      }
-      return this.Pics;
-    }
-
-    public async Task<List<Pic>?> GetPics(string address, bool forceRefresh = false) {
-      CachedAddress = address;
-      if (forceRefresh || this.CachedAddressPics == null || this.CachedAddressPics.Count == 0) {
-        CachedAddressPics = (await api.SomePics(address)) ?? new List<Pic>();
-      }
-      return CachedAddressPics;
-    }
-
-    public async Task<List<Paste>?> GetPastes(string address, bool forceRefresh = false) {
-      CachedAddress = address;
-      if (forceRefresh || this.CachedAddressPastes == null || this.CachedAddressPastes.Count == 0) {
-        if (AddressNames?.Contains(address) ?? false) {
-          CachedAddressPastes = (await api.GetMyPastes(address)) ?? new List<Paste>();
-        }
-        else {
-          CachedAddressPastes = (await api.GetPastes(address)) ?? new List<Paste>();
-        }
-      }
-      return CachedAddressPastes;
-    }
-
-    public async Task RefreshStatuses() {
-      await GetStatuses(forceRefresh: true);
-      if(SelectedAddressName != null)
-        await GetStatuses(SelectedAddressName, forceRefresh: true);
-    }
-    public async Task RefreshPics() {
-      await GetPics(forceRefresh: true);
-      if (SelectedAddressName != null)
-        await GetPics(SelectedAddressName, forceRefresh: true );
-    }
-    public async Task RefreshNow() => await GetNowGarden(forceRefresh: true);
-
-    public async Task RefreshPastes() {
-      if (SelectedAddressName != null)
-        await GetPastes(SelectedAddressName, forceRefresh: true);
-    }
-
-    public async Task<IOrderedEnumerable<FeedItem>> GetFeed(bool forceRefresh = false) {
-      if(forceRefresh || Feed == null || Feed.Count == 0) {
-        Feed = new List<FeedItem>();
-        foreach(string address in Following ?? new List<string>()) {
-          Feed.AddRange((await GetStatuses(address, forceRefresh))?.Select(s => new FeedItem { Status = s }) ?? new List<FeedItem>());
-          Feed.AddRange((await GetPics(address, forceRefresh))?.Select(p => new FeedItem { Pic = p }) ?? new List<FeedItem>());
-          Feed.AddRange((await GetPastes(address, forceRefresh))?.Select(p => new FeedItem { Paste = p }) ?? new List<FeedItem>());
-        }
-      }
-      return Feed.OrderByDescending(s => s.CreatedTime);
-    }
-
-    public async Task<Dictionary<string, Theme>?> GetThemes(bool forceRefresh = false) {
-      if (forceRefresh || this.Themes == null || this.Themes.Count == 0) {
-        this.Themes = await api.GetThemes();
-      }
-      return this.Themes;
-    }
-
-  }
-}

Classes/Utilities.cs

@@ -1,51 +0,0 @@
-using Markdig;
-using Microsoft.AspNetCore.Components;
-
-namespace Neighbourhood.omg.lol
-{
-    public static class Utilities
-    {
-
-        private static MarkdownPipeline markdownPipeline { get; }
-          = new MarkdownPipelineBuilder().UseAutoLinks().Build();
-
-        public static string MdToHtml(string markdown) =>
-          Markdown.ToHtml(markdown, markdownPipeline);
-
-        public static MarkupString MdToHtmlMarkup(string markdown) =>
-          (MarkupString)MdToHtml(markdown);
-
-        public static async Task<long> FileSize(FileResult file)
-        {
-            using var fileStream = await file.OpenReadAsync();
-            return fileStream.Length;
-        }
-
-        public static async Task<string> Base64FromFile(FileResult file)
-        {
-            using var memoryStream = new MemoryStream();
-            using var fileStream = await file.OpenReadAsync();
-            await fileStream.CopyToAsync(memoryStream);
-            byte[] bytes = memoryStream.ToArray();
-            return Convert.ToBase64String(bytes);
-        }
-
-        public static string RelativeTimeFromUnix(long unix)
-        {
-            DateTimeOffset createdTime = DateTimeOffset.UnixEpoch.AddSeconds(unix);
-            TimeSpan offset = DateTimeOffset.UtcNow - createdTime;
-
-            var offsetString = string.Empty;
-            if (Math.Floor(offset.TotalDays) == 1) offsetString = $"{Math.Floor(offset.TotalDays)} day ago";
-            else if (offset.TotalDays > 1) offsetString = $"{Math.Floor(offset.TotalDays)} days ago";
-            else if (Math.Floor(offset.TotalHours) == 1) offsetString = $"{Math.Floor(offset.TotalHours)} hour ago";
-            else if (offset.TotalHours > 1) offsetString = $"{Math.Floor(offset.TotalHours)} hours ago";
-            else if (Math.Floor(offset.TotalMinutes) == 1) offsetString = $"{Math.Floor(offset.TotalMinutes)} minute ago";
-            else if (offset.TotalMinutes > 1) offsetString = $"{Math.Floor(offset.TotalMinutes)} minutes ago";
-            else if (Math.Floor(offset.TotalSeconds) == 1) offsetString = $"{Math.Floor(offset.TotalSeconds)} second ago";
-            else offsetString = $"{Math.Floor(offset.TotalSeconds)} seconds ago";
-
-            return offsetString;
-        }
-    }
-}

Components/EditBioDialog.razor

@@ -1,81 +0,0 @@
-@inject IJSRuntime JS
-@inject State State
-@inject ApiService api
-
-<div class="overlay" data-ui="#@id"></div>
-<dialog id="@id">
-  <h5>Edit your statuslog bio</h5>
-  <div class="row">
-    <div class="max markdown-editor">
-      @if (Bio != null) {
-        <MarkdownEditor @ref="Editor"
-                        @bind-Value="@Bio"
-                        Theme="material-darker"
-                        MaxHeight="100%"
-                        AutoDownloadFontAwesome="false"
-        >
-          <Toolbar>
-            <MarkdownToolbarButton Action="MarkdownAction.Bold" Icon="fa-solid fa-bold" Title="Bold" />
-            <MarkdownToolbarButton Action="MarkdownAction.Italic" Icon="fa-solid fa-italic" Title="Italic" />
-            <MarkdownToolbarButton Action="MarkdownAction.Heading" Icon="fa-solid fa-heading" Title="Heading" />
-            <MarkdownToolbarButton Action="MarkdownAction.Code" Icon="fa-solid fa-code" Title="Code" Separator="true" />
-            <MarkdownToolbarButton Action="MarkdownAction.Quote" Icon="fa-solid fa-quote-left" Title="Quote" />
-            <MarkdownToolbarButton Action="MarkdownAction.UnorderedList" Icon="fa-solid fa-list-ul" Title="Unordered List" />
-            <MarkdownToolbarButton Action="MarkdownAction.OrderedList" Icon="fa-solid fa-list-ol" Title="Ordered List" />
-            <MarkdownToolbarButton Action="MarkdownAction.Link" Icon="fa-solid fa-link" Title="Link" Separator="true" />
-            <MarkdownToolbarButton Action="MarkdownAction.Image" Icon="fa-solid fa-image" Title="Image" />
-            <MarkdownToolbarButton Action="MarkdownAction.HorizontalRule" Icon="fa-solid fa-horizontal-rule" Title="Horizontal Rule" />
-            <MarkdownToolbarButton Action="MarkdownAction.Guide" Icon="fa-solid fa-circle-question" Title="Guide" Separator="true" />
-          </Toolbar>
-        </MarkdownEditor>
-      }
-    </div>
-  </div>
-  <nav class="no-space">
-    <div class="max"></div>
-    <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
-    <button @onclick="PostBio" disabled="@loading">
-      @if (loading) {
-        <span>Saving...</span>
-      }
-      else {
-        <i class="fa-solid fa-floppy-disk"></i> <span>Save</span>
-      }
-    </button>
-  </nav>
-</dialog>
-
-@code {
-  private MarkdownEditor? Editor;
-  public string? Bio { get; set; }
-  [Parameter]
-  public string? Address { get; set; }
-  private bool loading = true;
-  [Parameter]
-  public string? id { get; set; }
-
-  protected override async Task OnInitializedAsync() {
-    await base.OnInitializedAsync();
-    Bio = await api.StatuslogBio(Address ?? State.SelectedAddressName!);
-    await InvokeAsync(StateHasChanged);
-    await Editor!.SetValueAsync(Bio);
-    loading = false;
-    await InvokeAsync(StateHasChanged);
-  }
-
-  public async Task PostBio() {
-    loading = true;
-    await InvokeAsync(StateHasChanged);
-
-    // Post the bio
-    await api.PostStatuslogBio(Address!, Bio ?? string.Empty);
-    State.CachedAddressBio = Utilities.MdToHtmlMarkup(Bio ?? string.Empty);
-
-    await JS.InvokeVoidAsync("ui", "#" + id);
-    // reset input
-    await OnInitializedAsync();
-    loading = false;
-    await InvokeAsync(StateHasChanged);
-    State.SendRefresh();
-  }
-}

Components/EditPasteDialog.razor

@@ -1,130 +0,0 @@
-@inject IJSRuntime JS
-@inject State State
-@inject ApiService api
-
-<div class="overlay" data-ui="#@id"></div>
-<dialog id="@id">
-  <div class="row">
-    <div class="field text label border max">
-      <InputText @bind-Value="Title"></InputText>
-      <label>Content</label>
-    </div>
-  </div>
-  <div class="row">
-    <div class="field textarea label border max">
-      <InputTextArea @bind-Value="Content"></InputTextArea>
-      <label>Content</label>
-    </div>
-  </div>
-  <nav class="no-space">
-    @if (Paste != null)
-    {
-      if (confirmDelete)
-      {
-        <button @onclick="ConfirmDeletePaste" disabled="@loading" class="red-7-bg white-fg">
-          <i class="fa-solid fa-exclamation-triangle"></i> <span>Are you sure?</span>
-        </button>
-      }
-      else
-      {
-        <button @onclick="DeletePaste" disabled="@loading" class="red-7-bg white-fg">
-          <i class="fa-solid fa-trash"></i> <span>Delete</span>
-        </button>
-      }
-    }
-    <div class="max"></div>
-    <label class="checkbox">
-      <InputCheckbox @bind-Value="Listed"></InputCheckbox>
-      <span>Listed?</span>
-    </label>
-    <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
-    <button @onclick="PostPaste" disabled="@loading">
-      @if (loading) {
-        <span>Saving...</span>
-      }
-      else {
-        <i class="fa-solid fa-floppy-disk"></i> <span>Save</span>
-      }
-    </button>
-  </nav>
-</dialog>
-
-@code {
-  private Paste? _paste;
-
-  public Paste? Paste {
-    get => _paste;
-    set {
-      _paste = value;
-      Title = _paste?.Title;
-      Content = _paste?.Content;
-      Listed = _paste?.IsListed ?? false;
-      InvokeAsync(StateHasChanged);
-    }
-  }
-
-  public string? Title { get; set; }
-  public string? Content { get; set; }
-  public bool Listed { get; set; }
-  private bool loading = false;
-  [Parameter]
-  public string? id { get; set; }
-  private bool confirmDelete { get; set; }
-
-  protected override async Task OnInitializedAsync() {
-    await base.OnInitializedAsync();
-    Title = Paste?.Title;
-    Content = Paste?.Content;
-    Listed = Paste?.IsListed ?? false;
-  }
-
-  public async Task DeletePaste() {
-    if (!confirmDelete) confirmDelete = true;
-    await InvokeAsync(StateHasChanged);
-  }
-
-  public async Task ConfirmDeletePaste() {
-    if (confirmDelete) {
-      loading = true;
-      await InvokeAsync(StateHasChanged);
-
-      if (!string.IsNullOrEmpty(Paste?.Title)) {
-        await api.DeletePaste(State.SelectedAddressName!, Paste.Title);
-        await State.RefreshPastes();
-        State.SendRefresh();
-        await InvokeAsync(StateHasChanged);
-      }
-
-      await JS.InvokeVoidAsync("ui", "#" + id);
-      // clear input
-      Title = string.Empty;
-      Content = string.Empty;
-      Listed = false;
-      loading = false;
-      confirmDelete = false;
-      await InvokeAsync(StateHasChanged);
-    }
-  }
-
-  public async Task PostPaste() {
-    loading = true;
-    await InvokeAsync(StateHasChanged);
-
-    if (!string.IsNullOrEmpty(Paste?.Title)) {
-      await api.PostPaste(State.SelectedAddressName!, Title, Content, Listed);
-      await State.RefreshPastes();
-      State.SendRefresh();
-      await InvokeAsync(StateHasChanged);
-    }
-
-    await JS.InvokeVoidAsync("ui", "#" + id);
-    // clear input
-    Paste = null;
-    Title = string.Empty;
-    Content = string.Empty;
-    Listed = false;
-    confirmDelete = false;
-    await InvokeAsync(StateHasChanged);
-
-  }
-}

Components/EditPicDialog.razor

@@ -1,30 +1,17 @@
 @inject IJSRuntime JS
 @inject State State
-@inject ApiService api
+@inject RestService api
 
 <div class="overlay" data-ui="#@id"></div>
 <dialog id="@id">
-  <div class="padding center-align">
+  <img src="@Pic?.Url" />
-    <img src="@Pic?.Url" class="small-height square" />
-  </div>
   <div class="row">
     <div class="field textarea label border max">
       <InputTextArea @bind-Value="Description"></InputTextArea>
       <label>Description</label>
     </div>
   </div>
-  <nav class="no-space">
+  <nav class="right-align no-space">
-    @if (confirmDelete) {
-      <button @onclick="ConfirmDeletePic" disabled="@loading" class="red-7-bg white-fg">
-        <i class="fa-solid fa-exclamation-triangle"></i> <span>Are you sure?</span>
-      </button>
-    }
-    else {
-      <button @onclick="DeletePic" disabled="@loading" class="red-7-bg white-fg">
-        <i class="fa-solid fa-trash"></i> <span>Delete</span>
-      </button>
-    }
-    <div class="max"></div>
     <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
     <button @onclick="PostPic" disabled="@loading">
       @if (loading) {
@@ -45,56 +32,24 @@
     set {
       _pic = value;
       Description = _pic?.Description;
-      InvokeAsync(StateHasChanged);
     }
   }
-
   public string? Description { get; set; }
   private bool loading = false;
   [Parameter]
-  public string? id { get; set; }
+  public string id { get; set; }
-  private bool confirmDelete { get; set; }
 
   protected override async Task OnInitializedAsync() {
-    await base.OnInitializedAsync();
     Description = Pic?.Description;
   }
 
-  public async Task DeletePic() {
-    if (!confirmDelete) confirmDelete = true;
-    await InvokeAsync(StateHasChanged);
-  }
-
-  public async Task ConfirmDeletePic() {
-    if (confirmDelete) {
-      loading = true;
-      await InvokeAsync(StateHasChanged);
-
-      if (!string.IsNullOrEmpty(Pic?.Id)) {
-        await api.DeletePic(State.SelectedAddressName!, Pic.Id);
-        await State.RefreshPics();
-        State.SendRefresh();
-        await InvokeAsync(StateHasChanged);
-      }
-
-      await JS.InvokeVoidAsync("ui", "#" + id);
-      // clear input
-      Description = string.Empty;
-      Pic = null;
-      loading = false;
-      confirmDelete = false;
-      await InvokeAsync(StateHasChanged);
-    }
-  }
-
   public async Task PostPic() {
     loading = true;
     await InvokeAsync(StateHasChanged);
 
-    if(!string.IsNullOrEmpty(Pic?.Id)) {
+    if(!string.IsNullOrEmpty(Pic.Id)) {
-      await api.PostPicDescription(State.SelectedAddressName!, Pic.Id, Description);
+      await api.PostPicDescription(State.SelectedAddressName, Pic.Id, Description);
       await State.RefreshPics();
-      State.SendRefresh();
       await InvokeAsync(StateHasChanged);
     }
 
@@ -103,7 +58,6 @@
     Description = string.Empty;
     Pic = null;
     loading = false;
-    confirmDelete = false;
     await InvokeAsync(StateHasChanged);
 
   }

Components/EditProfilePicDialog.razor

@@ -1,117 +0,0 @@
-@inject IJSRuntime JS
-@inject State State
-@inject ApiService api
-@inject NavigationManager navigationManager
-
-<div class="overlay @(Active ? "active" : string.Empty)" data-ui="#@id"></div>
-<dialog id="@id" class="@(Active ? "active" : string.Empty)" open="@Active">
-  <h5>Update your profile picture</h5>
-  <div class="padding center-align">
-    <img src="@(Base64Url ?? ExistingUrl)" class="small-height square" />
-  </div>
-  <div class="row">
-    <button @onclick="PicFromMedia"><i class="fa-solid fa-image"></i> Select a picture</button>
-    <button @onclick="PicFromPhoto"><i class="fa-solid fa-camera"></i> Take a photo</button>
-  </div>
-  <nav class="right-align no-space">
-    <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
-    <button @onclick="PostPic" disabled="@loading">
-      @if (loading) {
-        <span>Uploading...</span>
-      }
-      else {
-        <i class="fa-solid fa-cloud-arrow-up"></i> <span>Upload</span>
-      }
-    </button>
-  </nav>
-</dialog>
-
-@code {
-  [Parameter]
-  public string? Address { get; set; }
-  public string ExistingUrl { get => $"https://profiles.cache.lol/{Address ?? ""}/picture"; }
-  // private IBrowserFile? File { get; set; }
-  [Parameter]
-  public string? Base64File { get; set; }
-  [Parameter]
-  public long? FileSize { get; set; }
-  [Parameter]
-  public string? FileContentType { get; set; }
-  [Parameter]
-  public string? id { get; set; }
-  [Parameter]
-  public bool Active { get; set; }
-
-  private bool loading = false;
-
-  private FileResult? File { get; set; }
-  private string? Base64Url {
-    get {
-      if (FileContentType == null || Base64File == null) return null;
-
-      return $"data:{FileContentType};base64,{Base64File}";
-    }
-  }
-
-  public async Task PostPic() {
-    loading = true;
-    await InvokeAsync(StateHasChanged);
-
-    //TODO: upload the profile pic
-    //PutPicResponseData? response = await api.PutPic(State.SelectedAddressName!, Base64File!);
-    if (Base64File != null && File != null)
-    {
-      // using var fileStream = await File.OpenReadAsync();
-      BasicResponseData? response = await api.PostProfilePic(Address!, File);
-      if (response != null)
-      {
-        await JS.InvokeVoidAsync("ui", "#" + id);
-        // clear input
-        File = null;
-        Base64File = null;
-        FileSize = null;
-        FileContentType = null;
-        await JS.InvokeVoidAsync("cacheBust", ExistingUrl);
-      }
-      loading = false;
-      await InvokeAsync(StateHasChanged);
-    }
-  }
-
-  private string formatSizeUnits(long? bytes) {
-    if (bytes == null) return "?? bytes";
-    string formatted = "0 bytes";
-    if (bytes >= 1073741824) { formatted = $"{(bytes / 1073741824):.##} GB"; }
-    else if (bytes >= 1048576) { formatted = $"{(bytes / 1048576):.##} MB"; }
-    else if (bytes >= 1024) { formatted = $"{(bytes / 1024):.##} KB"; }
-    else if (bytes > 1) { formatted = $"{bytes} bytes"; }
-    else if (bytes == 1) { formatted = $"{bytes} byte"; }
-
-    return formatted;
-  }
-
-
-
-  private async Task PicFromMedia(EventArgs e) {
-    File = await MediaPicker.Default.PickPhotoAsync();
-    await PopulateFileDetails();
-  }
-
-  private async Task PicFromPhoto(EventArgs e) {
-    File = await MediaPicker.Default.CapturePhotoAsync();
-    await PopulateFileDetails();
-  }
-
-  private async Task PopulateFileDetails() {
-    if (File == null) {
-      FileContentType = null;
-      FileSize = null;
-      Base64File = null;
-    }
-    else {
-      FileContentType = File.ContentType;
-      FileSize = await Utilities.FileSize(File);
-      Base64File = await Utilities.Base64FromFile(File);
-    }
-  }
-}

Components/EditStatusDialog.razor

@@ -1,6 +1,6 @@
 @inject IJSRuntime JS
 @inject State State
-@inject ApiService api
+@inject RestService api
 
 <div class="overlay" data-ui="#@id"></div>
 <dialog id="@id">
@@ -29,18 +29,7 @@
       <label>Status</label>
     </div>
   </div>
-  <nav class="no-space">
+  <nav class="right-align no-space">
-    @if (confirmDelete) {
-      <button @onclick="ConfirmDeleteStatus" disabled="@loading" class="red-7-bg white-fg">
-        <i class="fa-solid fa-exclamation-triangle"></i> <span>Are you sure?</span>
-      </button>
-    }
-    else {
-      <button @onclick="DeleteStatus" disabled="@loading" class="red-7-bg white-fg">
-        <i class="fa-solid fa-trash"></i> <span>Delete</span>
-      </button>
-    }
-    <div class="max"></div>
     <InputText id="status-emoji-input" class="invisible" @bind-Value="Emoji"></InputText>
     <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
     <button @onclick="PatchStatus" disabled="@loading">
@@ -70,51 +59,20 @@
   public string? Emoji { get; set; }
   private bool loading = false;
   [Parameter]
-  public string? id { get; set; }
+  public string id { get; set; }
-  private bool confirmDelete { get; set; }
 
   protected override async Task OnInitializedAsync() {
-    await base.OnInitializedAsync();
     Content = Status?.Content;
     Emoji = Status?.Emoji;
   }
 
-  public async Task DeleteStatus() {
-    if (!confirmDelete) confirmDelete = true;
-    await InvokeAsync(StateHasChanged);
-  }
-
-  public async Task ConfirmDeleteStatus() {
-    if(confirmDelete) {
-      loading = true;
-      await InvokeAsync(StateHasChanged);
-
-      if (!string.IsNullOrEmpty(Status?.Id)) {
-        await api.DeleteStatus(State.SelectedAddressName!, Status.Id);
-        await State.RefreshStatuses();
-        State.SendRefresh();
-        await InvokeAsync(StateHasChanged);
-      }
-
-      await JS.InvokeVoidAsync("ui", "#" + id);
-      // clear input
-      Content = string.Empty;
-      Emoji = string.Empty;
-      Status = null;
-      loading = false;
-      confirmDelete = false;
-      await InvokeAsync(StateHasChanged);
-    }
-  }
-
   public async Task PatchStatus() {
     loading = true;
     await InvokeAsync(StateHasChanged);
 
     if (!string.IsNullOrEmpty(Status?.Id)) {
-      await api.PatchStatus(State.SelectedAddressName!, Status.Id, Content ?? String.Empty, Emoji);
+      await api.PatchStatus(State.SelectedAddressName, Status.Id, Content, Emoji);
       await State.RefreshStatuses();
-      State.SendRefresh();
       await InvokeAsync(StateHasChanged);
     }
 
@@ -124,7 +82,6 @@
     Emoji = string.Empty;
     Status = null;
     loading = false;
-    confirmDelete = false;
     await InvokeAsync(StateHasChanged);
 
   }

Components/ExternalPageComponent.razor

@@ -1,17 +1,15 @@
 @inject IJSRuntime JS
 @inject State State
-@inject ApiService api
+@inject RestService api
 @if(Html != null) {
 	<iframe id="@id" frameborder="0" scrolling="no" srcdoc="@Html" onload="() => iframeResize({ license: 'GPLv3' })"></iframe>
 }
 
 @code {
 	[Parameter]
-	public string? Url { get; set; }
+	public string Url { get; set; }
 	[Parameter]
-	public string? id { get; set; }
+	public string id { get; set; }
-	[Parameter]
-	public string? SrcString { get; set; }
 	public MarkupString? Html { get; set; }
 
 	protected override async Task OnAfterRenderAsync(bool firstRender) {
@@ -21,20 +19,13 @@
 	}
 
 	public async Task Reload() {
-		if (Url != null){
+		if (Html == null){
 			Html = await api.GetHtml(Url);
-			SrcString = Html?.ToString();
+			string? HtmlString = Html?.ToString();
-		}
+			HtmlString = HtmlString?.Replace("</head>", "<base target='_blank'></head>");
-		if(SrcString != null) {
+			HtmlString = HtmlString?.Replace("</body>", "<script src='https://cdn.jsdelivr.net/npm/@iframe-resizer/child'></script></body>");
-			SrcString = SrcString?.Replace("</head>", "<base target='_blank'></head>");
+			Html = (MarkupString)HtmlString;
-			SrcString = SrcString?.Replace("</body>", "<script src='https://cdn.jsdelivr.net/npm/@iframe-resizer/child@5.1.5'></script></body>");
-			Html = (MarkupString)(SrcString ?? string.Empty);
 		}
 		await InvokeAsync(StateHasChanged);
-		await IframeResize();
-	}
-
-	public async Task IframeResize() {
-		await JS.InvokeVoidAsync("iframeResize", new { license = "GPLv3" });
 	}
 }

Components/Layout/AvatarMenu.razor

@@ -6,7 +6,38 @@
       <button class="transparent circle small large">
         <img class="responsive avatar" src="https://profiles.cache.lol/@State.SelectedAddressName/picture" alt="@State.SelectedAddressName">
           <menu class="no-wrap">
-            <AvatarMenuLinks></AvatarMenuLinks>
+            <a class="m s row">
+              <i class="emoji medium" data-emoji="👋">👋</i>
+              <span>Hey, @State.Name.</span>
+            </a>
+            @foreach (AddressResponseData address in State.AddressList ?? new List<AddressResponseData>()) {
+              <a class="row @(address == State.SelectedAddress ? "active" : "")" @onclick="() => changeAddress(address)">
+                <img class="tiny circle avatar" src="https://profiles.cache.lol/@address.Address/picture" alt="@address.Address" />
+                <span class="address"><i class="fa-solid fa-fw fa-at tiny"></i>@address.Address</span>
+              </a>
+              if (address.Address == State.SelectedAddressName) {
+                <a class="indent row" href="/person/@State.SelectedAddressName#profile">
+                  <i class="fa-solid fa-id-card"></i>
+                  <span>Profile</span>
+                </a>
+                <a class="indent row" href="/person/@State.SelectedAddressName#statuses">
+                  <i class="fa-solid fa-message-smile"></i>
+                  <span>Statuslog</span>
+                </a>
+                <a class="indent row" href="/person/@State.SelectedAddressName#pics">
+                  <i class="fa-solid fa-images"></i>
+                  <span>Pics</span>
+                </a>
+                <a class="indent row" href="/person/@State.SelectedAddressName#now">
+                  <i class="fa-duotone fa-seedling"></i>
+                  <span>/Now</span>
+                </a>
+              }
+            }
+            <a class="row" @onclick='() => AuthStateProvider.Logout()'>
+              <i class="fa-solid fa-door-open"></i>
+              <span>Logout</span>
+            </a>
           </menu>
       </button>
       <small class="s m address"><i class="fa-solid fa-fw fa-at tiny"></i>@State.SelectedAddressName</small>
@@ -18,13 +49,20 @@
   </Authorized>
   <NotAuthorized>
     <NavLink>
-      <button class="transparent square small large">
+      <button class="transparent square large">
         <img class="responsive" src="/img/prami-neighbourhood.svg">
         <menu class="no-wrap">
-          <AvatarMenuLinks></AvatarMenuLinks>
+          <a class="m s row">
+            <i class="emoji medium" data-emoji="👋">👋</i>
+            <span>Hey there.</span>
+          </a>
+          <a class="row" href="/login">
+            <i class="fa-solid fa-door-closed"></i>
+            <span>Login</span>
+          </a>
         </menu>
       </button>
-      <small class="s m honey">Omg.lol</small>
+      <small class="s m address">Omg.lol</small>
     </NavLink>
     <div class="l">
       Hey there. <br />
@@ -32,3 +70,9 @@
     </div>
   </NotAuthorized>
 </AuthorizeView>
+
+@code {
+  public void changeAddress(AddressResponseData address) {
+    State.SelectedAddress = address;
+  }
+}

Components/Layout/AvatarMenuLinks.razor

@@ -1,59 +0,0 @@
-@inject CustomAuthenticationStateProvider AuthStateProvider;
-@inject State State;
-<a class="m s row">
-  <i class="emoji medium" data-emoji="👋">👋</i>
-  <span>Hey, @(State.Name ?? "there").</span>
-</a>
-<a class="s row" href="/now">
-  <i class="square fa-duotone fa-seedling"></i>
-	<span>Now.garden</span>
-</a>
-<a class="s row" href="/directory">
-  <i class="square fa-duotone fa-address-book"></i>
-  <span>Directory</span>
-</a>
-@foreach (AddressResponseData address in State.AddressList ?? new List<AddressResponseData>()) {
-  <a class="row @(address == State.SelectedAddress ? "active" : "")" @onclick="() => State.SelectedAddress = address">
-    <img class="tiny circle avatar" src="https://profiles.cache.lol/@address.Address/picture" alt="@address.Address" />
-    <span class="address"><i class="fa-solid fa-fw fa-at tiny"></i>@address.Address</span>
-  </a>
-  if (address.Address == State.SelectedAddressName) {
-    <a class="indent row" href="/person/@State.SelectedAddressName#profile">
-      <i class="fa-solid fa-id-card"></i>
-      <span>Profile</span>
-    </a>
-    <a class="indent row" href="/person/@State.SelectedAddressName#statuses">
-      <i class="fa-solid fa-message-smile"></i>
-      <span>Statuslog</span>
-    </a>
-    <a class="indent row" href="/person/@State.SelectedAddressName#pics">
-      <i class="fa-solid fa-images"></i>
-      <span>Pics</span>
-    </a>
-    <a class="indent row" href="/person/@State.SelectedAddressName#now">
-      <i class="fa-duotone fa-seedling"></i>
-      <span>/Now</span>
-    </a>
-    <a class="indent row" href="/person/@State.SelectedAddressName#pastebin">
-      <i class="fa-solid fa-clipboard"></i>
-      <span>Pastebin</span>
-    </a>
-  }
-}
-
-@if (State.IsAuthorized) {
-  <a class="row" @onclick='() => AuthStateProvider.Logout()'>
-    <i class="fa-solid fa-door-open"></i>
-    <span>Logout</span>
-  </a>
-}
-else {
-  <a class="row" href="/login">
-    <i class="fa-solid fa-door-closed"></i>
-    <span>Login</span>
-  </a>
-}
-<a class="row medium-opacity">
-  <i class="fa-solid fa-circle-info tiny"></i>
-  <small>@App.Name - @App.Version</small>
-</a>

Components/Layout/MainLayout.razor

@@ -2,13 +2,83 @@
 @implements IDisposable
 @inject NavigatorService NavigatorService
 @inject NavigationManager NavigationManager
+@inject IJSRuntime JS
 @inject State State
 <NavMenu />
+
 <main class="responsive max">
   @Body
 </main>
 
+<script>
+  class Refresher {
+    constructor(targetEl) {
+      this.lastKnownScrollPosition = 0
+      this.ticking = false
+      this.atTop = true
+      this.atBottom = false
+      this.target = targetEl
+
+      this.target.addEventListener("scroll", this.scrollEvent)
+    }
+
+    scrolledTo = (scrollPos) => {
+      // Do something with the scroll position
+      if (this.atTop && scrollPos > 0) {
+        this.atTop = false
+        CSHARP.invokeMethodAsync("SetAtTop", false)
+      }
+      else if (!this.atTop && scrollPos == 0) {
+        // console.log("AT TOP")
+        this.atTop = true
+        CSHARP.invokeMethodAsync("SetAtTop", true)
+      }
+
+      const bottom = this.target.scrollHeight - Math.ceil(this.target.offsetHeight)
+
+      if (this.atBottom && scrollPos < bottom) {
+        this.atBottom = false
+        CSHARP.invokeMethodAsync("SetAtBottom", false)
+      }
+      else if (!this.atBottom && scrollPos >= bottom) {
+        // console.log("AT BOTTOM")
+        this.atBottom = true
+        CSHARP.invokeMethodAsync("SetAtBottom", true)
+      }
+    }
+
+    scrollEvent = (event) => {
+      this.lastKnownScrollPosition = Math.ceil(event.target.scrollTop)
+
+      if (!this.ticking) {
+        window.requestAnimationFrame(() => {
+          this.scrolledTo(this.lastKnownScrollPosition)
+          this.ticking = false
+        });
+
+        this.ticking = true
+      }
+    }
+
+    Dispose = () => {
+      this.target.removeEventListener("scroll", this.scrollEvent)
+    }
+  }
+  new Refresher(document.querySelector('main'))
+</script>
+
 @code {
+
+  private DotNetObjectReference<State>? DotNetRef { get; set; }
+  protected override void OnAfterRender(bool firstRender) {
+    base.OnAfterRender(firstRender);
+    if (firstRender) {
+      // See warning about memory above in the article
+      DotNetRef = DotNetObjectReference.Create(State);
+      JS.InvokeVoidAsync("injectCSharp", DotNetRef);
+    }
+  }
+
   protected override void OnInitialized() {
     base.OnInitialized();
     NavigatorService.NavigationManager = NavigationManager;
@@ -20,14 +90,17 @@
 
   private void IntentRecieved(object? sender = null, EventArgs? e = null) {
     if (!string.IsNullOrEmpty(State.ShareString)) {
-      NavigationManager.NavigateTo($"/sharetext");
+      NavigationManager.NavigateTo($"/sharetext/{State.ShareString}");
+      State.ShareString = null;
     }
     else if (!string.IsNullOrEmpty(State.SharePhoto)) {
-      NavigationManager.NavigateTo($"/sharepic");
+      NavigationManager.NavigateTo($"/sharepic/{State.SharePhoto}");
+      State.SharePhoto = null;
     }
   }
 
   void IDisposable.Dispose() {
     State.IntentReceived -= IntentRecieved;
+    DotNetRef?.Dispose();
   }
 }

Components/Layout/NavLinks.razor

@@ -1,5 +1,4 @@
-@inject State State
+<NavLink class="nav-link" href="/statuslog/latest">
-<NavLink class="nav-link" href="/statuslog/latest">
   <i class="square fa-solid fa-message-smile"></i>
   <div class="label">Status.lol</div>
 </NavLink>
@@ -11,38 +10,7 @@
   <i class="square fa-light fa-comment-dots"></i>
   <div class="label">Eph.emer.al</div>
 </NavLink>
-@if (FeatureFlags.Following && State.IsAuthorized) {
-  <NavLink class="nav-link" href="/feed">
-    <i class="square fa-solid fa-list-timeline"></i>
-	  <div class="label">Timeline</div>
-  </NavLink>
-  <NavLink class="l m nav-link" href="/now">
-    <i class="square fa-duotone fa-seedling"></i>
-    <div class="label">Now.garden</div>
-  </NavLink>
-}
-else {
 <NavLink class="nav-link" href="/now">
   <i class="square fa-duotone fa-seedling"></i>
   <div class="label">Now.garden</div>
 </NavLink>
-}
-<NavLink class="l m nav-link" href="/directory">
-  <i class="square fa-duotone fa-address-book"></i>
-  <div class="label">Directory</div>
-</NavLink>
-
-@code {
-  protected override async Task OnInitializedAsync() {
-    await base.OnInitializedAsync();
-    State.PropertyChanged += StateChanged;
-  }
-
-  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
-    if (e.PropertyName == nameof(State.AccountInfo)) await InvokeAsync(StateHasChanged);
-  }
-
-  public void Dispose() {
-    State.PropertyChanged -= StateChanged;
-  }
-}

Components/LoadingCard.razor

@@ -8,9 +8,9 @@
 
 @code {
   [Parameter]
-  public string? id { get; set; }
+  public string id { get; set; }
   [Parameter]
   public string? @class { get; set; }
   [Parameter]
-  public string? icon { get; set; }
+  public string icon { get; set; }
 }

Components/NewEphemeral.razor

@@ -1,58 +0,0 @@
-@inject IJSRuntime JS
-@inject State State
-@inject ApiService api
-@inject NavigationManager navigationManager
-
-<div class="overlay @(Active ? "active" : string.Empty)" data-ui="#@id"></div>
-<dialog id="@id" class="@(Active ? "active" : string.Empty)" open="@Active">
-  <h5>Share a fleeting thought</h5>
-  <div class="row">
-    <div class="field textarea border max">
-      <InputTextArea @bind-Value="Content"></InputTextArea>
-    </div>
-  </div>
-  <div class="row">
-    <p>Your anonymous post will be shared for a while, and then it will disappear forever. It can’t be edited, so take care before submitting.</p>
-  </div>
-  <div class="row">
-    <p><strong>If you need help, don’t suffer in silence. <a href="https://www.helpguide.org/find-help.htm">Talk to someone right now</a>.</strong></p>
-  </div>
-  <nav class="right-align no-space">
-    <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
-    <button @onclick="PostEphemeral" disabled="@loading">
-      @if (loading) {
-        <span>Saving...</span>
-      }
-      else {
-        <i class="fa-solid fa-floppy-disk"></i> <span>Save</span>
-      }
-    </button>
-  </nav>
-</dialog>
-
-@code {
-  [Parameter]
-  public string? id { get; set; }
-  [Parameter]
-  public bool Active { get; set; }
-  [Parameter]
-  public string Content { get; set; } = string.Empty;
-
-  private bool loading = false;
-
-  public async Task PostEphemeral() {
-    loading = true;
-    await InvokeAsync(StateHasChanged);
-    var result = await api.PostEphemeral(Content);
-    if (result != null) {
-      await State.RefreshStatuses();
-      State.SendRefresh();
-      await InvokeAsync(StateHasChanged);
-    }
-
-    this.Active = false;
-    await JS.InvokeVoidAsync("ui", "#" + id);
-    Content = string.Empty;
-    loading = false;
-  }
-}

Components/NewPicDialog.razor

@@ -1,20 +1,23 @@
 @inject IJSRuntime JS
 @inject State State
-@inject ApiService api
+@inject RestService api
-@inject NavigationManager navigationManager
 
-<div class="overlay @(Active ? "active" : string.Empty)" data-ui="#@id"></div>
+<div class="overlay" data-ui="#@id"></div>
-<dialog id="@id" class="@(Active ? "active" : string.Empty)" open="@Active">
+<dialog id="@id">
   <h5>Share a picture</h5>
   <div class="row">
     <button @onclick="PicFromMedia"><i class="fa-solid fa-image"></i> Select a picture</button>
     <button @onclick="PicFromPhoto"><i class="fa-solid fa-camera"></i> Take a photo</button>
-  </div>
+    @* <div class="field label prefix border">
-  <div class="row">
+      <i class="fa-solid fa-image"></i>
-    @if(Base64File != null && FileSize != null){
+      <InputFile OnChange="@ChangeFile" accept="image/gif, image/heic, image/heif, image/jpeg, image/png, image/svg+xml, image/webp"></InputFile>
+      <input type="text">
+      <label>Select a picture</label>
+    </div> *@
+    @if(File != null && Base64File != null && FileSize != null){
       <img class="extra" src="@Base64Url">
       <small>
-        @FileContentType (@formatSizeUnits(FileSize))
+        @File.ContentType (@formatSizeUnits(FileSize))
       </small>
     }
 
@@ -40,39 +43,29 @@
 
 @code {
   // private IBrowserFile? File { get; set; }
-  [Parameter]
-  public string? Base64File { get; set; }
-  [Parameter]
-  public long? FileSize { get; set; }
-  [Parameter]
-  public string? FileContentType { get; set; }
-  [Parameter]
-  public string? Description { get; set; }
-  [Parameter]
-  public string? id { get; set; }
-  [Parameter]
-  public bool Active { get; set; }
-
-  private bool loading = false;
-
   private FileResult? File { get; set; }
+  private string? Base64File { get; set; }
+  private long? FileSize { get; set; }
   private string? Base64Url {
     get {
-      if (FileContentType == null || Base64File == null) return null;
+      if(File == null || Base64File == null) return null;
 
-      return $"data:{FileContentType};base64,{Base64File}";
+      return $"data:{File.ContentType};base64,{Base64File}";
     }
   }
+  private string Description { get; set; }
+  private bool loading = false;
+  [Parameter]
+  public string id { get; set; }
 
   public async Task PostPic() {
     loading = true;
     await InvokeAsync(StateHasChanged);
 
-    PutPicResponseData? response = await api.PutPic(State.SelectedAddressName!, Base64File!);
+    PutPicResponseData? response = await api.PutPic(State.SelectedAddressName, File);
     if(!string.IsNullOrEmpty(Description) && response != null && !string.IsNullOrEmpty(response.Id)) {
-      await api.PostPicDescription(State.SelectedAddressName!, response.Id, Description);
+      await api.PostPicDescription(State.SelectedAddressName, response.Id, Description);
       await State.RefreshPics();
-      State.SendRefresh();
       await InvokeAsync(StateHasChanged);
     }
 
@@ -85,6 +78,10 @@
 
   }
 
+  // private async Task ChangeFile(InputFileChangeEventArgs e){
+  //   File = e.File;
+  // }
+
   private string formatSizeUnits(long? bytes){
     if(bytes == null) return "?? bytes";
     string formatted = "0 bytes";
@@ -110,17 +107,7 @@
   }
 
   private async Task PopulateFileDetails() {
-    if (File == null)
-    {
-      FileContentType = null;
-      FileSize = null;
-      Base64File = null;
-    }
-    else
-    {
-      FileContentType = File.ContentType;
     FileSize = await Utilities.FileSize(File);
     Base64File = await Utilities.Base64FromFile(File);
   }
 }
-}

Components/NewStatusDialog.razor

@@ -1,24 +1,22 @@
 @inject IJSRuntime JS
 @inject State State
-@inject ApiService api
+@inject RestService api
-@inject NavigationManager navigationManager
-@inject NavigatorService navigatorService
 
-<div class="overlay @(Active ? "active" : string.Empty)" data-ui="#@id"></div>
+<div class="overlay" data-ui="#@id"></div>
-<dialog id="@id" class="@(Active ? "active" : string.Empty)" open="@Active">
+<dialog id="@id">
   <h5>Share your status</h5>
   <div class="row">
     <div class="min square extra">
       <button class="transparent square extra no-margin">
-        <object id="new-status-emoji" class="large emoji @(Emoji == null ? "animated" : string.Empty)" data-emoji="@(Emoji ?? "🫥")">@(Emoji ?? "🫥")</object>
+        <object id="status-emoji" class="large emoji @(statusEmoji == null ? "animated" : string.Empty)" data-emoji="@(statusEmoji ?? "🫥")">@(statusEmoji ?? "🫥")</object>
         <menu class="no-wrap">
           <script type="module" src="https://cdn.jsdelivr.net/npm/emoji-picker-element@@^1/index.js"></script>
           <emoji-picker emoji-version="15.1"></emoji-picker>
           <script>
             document.querySelector('emoji-picker')
               .addEventListener('emoji-click', event => {
-                document.getElementById('new-status-emoji').setAttribute('data-emoji', event.detail.unicode)
+                document.getElementById('status-emoji').setAttribute('data-emoji', event.detail.unicode)
-                const input = document.getElementById('new-status-emoji-input')
+                const input = document.getElementById('status-emoji-input')
                 input.value = event.detail.unicode
                 var event = new Event('change');
                 input.dispatchEvent(event);
@@ -28,8 +26,7 @@
       </button>
     </div>
     <div class="field textarea border max">
-      <textarea @bind="@Content" @bind:event="oninput" />
+      <InputTextArea @bind-Value="statusContent"></InputTextArea>
-      <div class="right-align"><small class="@( Content.Length >= 500 ? "red" : Content.Length >= 260 ? "yellow-text" : "")">@Content.Length / 500</small></div>
     </div>
   </div>
   <nav class="right-align no-space">
@@ -39,7 +36,7 @@
         <span>Post this to Mastodon</span>
       </label>
     }
-    <InputText id="new-status-emoji-input" class="invisible" @bind-Value="Emoji"></InputText>
+    <InputText id="status-emoji-input" class="invisible" @bind-Value="statusEmoji"></InputText>
     <button class="transparent link" data-ui="#@id" disabled="@loading">Cancel</button>
     <button @onclick="PostStatus" disabled="@loading">
       @if (loading) {
@@ -53,55 +50,36 @@
 </dialog>
 
 @code {
-  [Parameter]
+  private string statusContent = string.Empty;
-  public string? id { get; set; }
+  private string? statusEmoji = null;
-  [Parameter]
+  private bool postToMastodon = true;
-  public bool Active { get; set; }
-  [Parameter]
-  public string Content { get; set; } = string.Empty;
-  [Parameter]
-  public string? Emoji { get; set; } = null;
-  [Parameter]
-  public bool postToMastodon { get; set; } = true;
-
   private bool loading = false;
+  [Parameter]
+  public string id { get; set; }
 
   public async Task PostStatus() {
+    await JS.InvokeVoidAsync("console.log", "hey from post status");
 
-    StatusPost post = new StatusPost {
+    StatusPost post = new StatusPost
-        Emoji = Emoji,
+      {
-        Content = Content
+        Emoji = statusEmoji,
+        Content = statusContent
       };
 
     if (State?.SelectedAddress?.Preferences?.Statuslog?.MastodonPosting ?? false){
       post.SkipMastodonPost = !postToMastodon;
     }
 
-    if(Content.Length >= 500) {
-      bool answer = await navigatorService.Page!.DisplayAlert(
-        "Character limit reached", 
-        "Your message is over 500 characters, which is a lot for a status.\n"
-        + ((postToMastodon && !(post.SkipMastodonPost ?? true))? "If you continue, your post will not make it over to Mastodon.\n" : "")
-        + "Do you wish to post it anyway?",
-        "Yes", "No"
-      );
-      if (!answer) return;
-    }
-
     loading = true;
-    await InvokeAsync(StateHasChanged);
+    InvokeAsync(StateHasChanged);
-    var result = await api.StatusPost(State!.SelectedAddressName!, post);
+    var result = await api.StatusPost(State.SelectedAddressName, post);
     if(result != null){
-      await State.RefreshStatuses();
+      State.RefreshStatuses().ContinueWith(t => InvokeAsync(StateHasChanged));
-      State.SendRefresh();
-      await InvokeAsync(StateHasChanged);
-      // navigationManager.NavigateTo("/statuslog/latest");
     }
 
-    this.Active = false;
     await JS.InvokeVoidAsync("ui", "#" + id);
-    Content = string.Empty;
+    statusContent = string.Empty;
-    Emoji = null;
+    statusEmoji = null;
     postToMastodon = true;
     loading = false;
   }

Components/PageHeading.razor

@@ -13,9 +13,9 @@
 
 @code {
   [Parameter]
-  public string? icon { get; set; }
+  public string icon { get; set; }
   [Parameter]
-  public string? title { get; set; }
+  public string title { get; set; }
   [Parameter]
-  public RenderFragment? Description { get; set; }
+  public RenderFragment Description { get; set; }
 }

Components/Pages/Directory.razor

@@ -1,88 +0,0 @@
-@page "/directory"
-@using System.Text.RegularExpressions
-@using System.Globalization
-@implements IDisposable
-@inject IJSRuntime JS
-@inject State State
-
-<RefreshButton></RefreshButton>
-
-<PageHeading title="Address Directory" icon="fa-duotone fa-address-book">
-  <Description>Welcome to the <a href="https://home.omg.lol/directory">omg.lol member directory</a>! Everyone here is awesome. <i class="fa-solid fa-sparkles"></i></Description>
-</PageHeading>
-
-@if (groupedAddresses != null) {
-  IdnMapping idn = new IdnMapping();
-  <article id="directoryIndex" class="responsive">
-    <nav class="wrap">
-      @foreach (var group in groupedAddresses) {
-        <a @onclick='()=>{JS.InvokeVoidAsync("scrollToId", $"index-{group.Key}");}' class="button circle transparent honey">@group.Key</a>
-      }
-    </nav>
-  </article>
-  <article id="directory" class="responsive">
-    @foreach(var group in groupedAddresses) {
-      <h3 class="honey" id="index-@group.Key">— @group.Key —</h3>
-      <ul>
-        @foreach(string address in group) {
-          string displayAddress = address;
-          string linkAddress = address;
-          if (group.Key == "😀") {
-            try {
-              linkAddress = idn.GetAscii(address);
-              displayAddress = $"{address} {linkAddress}";
-            }
-            catch (Exception) { }
-          }
-          <li>
-            <a class="chip medium no-border tiny-margin transparent" href="/person/@address">
-              <img class="circle avatar responsive" src="https://profiles.cache.lol/@linkAddress/picture">
-              <span>@displayAddress</span>
-            </a>
-          </li>
-        }
-      </ul>
-    }
-  </article>
-}
-else {
-  <LoadingCard id="address-loading" icon="fa-duotone fa-address-book"></LoadingCard>
-}
-@code {
-  private List<string>? addresses;
-  private IOrderedEnumerable<IGrouping<string, string>>? groupedAddresses;
-
-  protected override async Task OnInitializedAsync() {
-    await base.OnInitializedAsync();
-    if (addresses == null || addresses.Count == 0){
-      addresses = await State.GetDirectory();
-      GroupAddresses();
-    }
-    State.PropertyChanged += StateChanged;
-    State.CanRefresh = true;
-    await InvokeAsync(StateHasChanged);
-  }
-
-  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
-    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
-      using (State.GetRefreshToken()) {
-        addresses = await State.GetDirectory(true);
-        GroupAddresses();
-        await InvokeAsync(StateHasChanged);
-      }
-    }
-  }
-
-  private void GroupAddresses() {
-    groupedAddresses = addresses?.GroupBy(s => {
-      if (Regex.IsMatch(s, "^[0-9]", RegexOptions.IgnoreCase)) return "#";
-      else if (Regex.IsMatch(s, "^[a-z]", RegexOptions.IgnoreCase)) return s.First().ToString().ToUpper();
-      else return "😀";
-    }).OrderBy(g => g.Key);
-  }
-
-  public void Dispose() {
-    State.PropertyChanged -= StateChanged;
-    State.CanRefresh = false;
-  }
-}

Components/Pages/EditNow.razor

@@ -1,98 +0,0 @@
-@page "/editNow"
-@inject NavigationManager Nav
-@inject ApiService api
-@inject State State
-@inject IJSRuntime JS
-
-<div class="max markdown-editor">
-  @if (markdownValue != null)
-  {
-    <MarkdownEditor @ref="Editor"
-                    @bind-Value="@markdownValue"
-                    Theme="material-darker"
-                    MaxHeight="100%"
-                    CustomButtonClicked="@OnCustomButtonClicked"
-                    AutoDownloadFontAwesome="false"
-    >
-      <Toolbar>
-        <MarkdownToolbarButton Action="MarkdownAction.Bold" Icon="fa-solid fa-bold" Title="Bold" />
-        <MarkdownToolbarButton Action="MarkdownAction.Italic" Icon="fa-solid fa-italic" Title="Italic" />
-        <MarkdownToolbarButton Action="MarkdownAction.Heading" Icon="fa-solid fa-heading" Title="Heading" />
-        <MarkdownToolbarButton Action="MarkdownAction.Code" Icon="fa-solid fa-code" Title="Code" Separator="true" />
-        <MarkdownToolbarButton Action="MarkdownAction.Quote" Icon="fa-solid fa-quote-left" Title="Quote" />
-        <MarkdownToolbarButton Action="MarkdownAction.UnorderedList" Icon="fa-solid fa-list-ul" Title="Unordered List" />
-        <MarkdownToolbarButton Action="MarkdownAction.OrderedList" Icon="fa-solid fa-list-ol" Title="Ordered List" />
-        <MarkdownToolbarButton Action="MarkdownAction.Link" Icon="fa-solid fa-link" Title="Link" Separator="true" />
-        <MarkdownToolbarButton Action="MarkdownAction.Image" Icon="fa-solid fa-image" Title="Image" />
-        <MarkdownToolbarButton Action="MarkdownAction.HorizontalRule" Icon="fa-solid fa-horizontal-rule" Title="Horizontal Rule" />
-        <MarkdownToolbarButton Action="MarkdownAction.Guide" Icon="fa-solid fa-circle-question" Title="Guide" Separator="true" />
-        <MarkdownToolbarButton Action="MarkdownAction.Custom" Icon="omg-icon omg-prami" Title="Editor Information" Name="Help" />
-      </Toolbar>
-    </MarkdownEditor>
-  }
-</div>
-
-<nav>
-  <label class="checkbox" disabled="@loading">
-    <InputCheckbox @bind-Value="listed" disabled="@loading"></InputCheckbox>
-    <span>Include my page in the Now Garden</span>
-  </label>
-  <div class="max"></div>
-  <button class="transparent link" onclick="history.back();" disabled="@loading">Cancel</button>
-  <button @onclick="Save" disabled="@loading">
-    @if (loading) {
-      <span>Saving...</span>
-    }
-    else {
-      <i class="fa-solid fa-floppy-disk"></i> <span>Save</span>
-    }
-  </button>
-</nav>
-
-@code {
-  private MarkdownEditor? Editor;
-  private bool listed;
-  private string? markdownValue;
-
-  private bool loading = true;
-
-  protected override async Task OnInitializedAsync() {
-    await base.OnInitializedAsync();
-    NowContentData? data = await api.GetNowPage(State.SelectedAddressName!);
-    if (data != null)
-    {
-      listed = data.Listed == 1;
-      markdownValue = data.Content;
-
-      loading = false;
-      await InvokeAsync(StateHasChanged);
-
-      await Editor!.SetValueAsync(markdownValue);
-    }
-    loading = false;
-    await InvokeAsync(StateHasChanged);
-  }
-
-  Task OnMarkdownValueChanged(string value) {
-    return Task.CompletedTask;
-  }
-
-  public async Task Save() {
-    loading = true;
-    await InvokeAsync(StateHasChanged);
-    var result = await api.PostNowPage(State.SelectedAddressName!, markdownValue ?? string.Empty, listed);
-    if (result != null) {
-      await State.RefreshNow();
-      await InvokeAsync(StateHasChanged);
-      Nav.NavigateTo($"/person/{State.SelectedAddressName}#now");
-    }
-
-    loading = false;
-  }
-
-  public async Task OnCustomButtonClicked(MarkdownButtonEventArgs eventArgs) {
-    if (eventArgs.Name == "Help") {
-      await JS.InvokeVoidAsync("open", "https://home.omg.lol/info/editor", "_blank");
-    }
-  }
-}

Components/Pages/EditProfile.razor

@@ -1,142 +0,0 @@
-@page "/editProfile"
-@inject NavigationManager Nav
-@inject ApiService api
-@inject State State
-@inject IJSRuntime JS
-
-<div class="max markdown-editor">
-  @if (markdownValue != null)
-  {
-    <MarkdownEditor @ref="Editor"
-                    @bind-Value="@markdownValue"
-                    Theme="material-darker"
-                    MaxHeight="100%"
-                    CustomButtonClicked="@OnCustomButtonClicked"
-                    AutoDownloadFontAwesome="false"
-    >
-      <Toolbar>
-        <MarkdownToolbarButton Action="MarkdownAction.Bold" Icon="fa-solid fa-bold" Title="Bold" />
-        <MarkdownToolbarButton Action="MarkdownAction.Italic" Icon="fa-solid fa-italic" Title="Italic" />
-        <MarkdownToolbarButton Action="MarkdownAction.Heading" Icon="fa-solid fa-heading" Title="Heading" />
-        <MarkdownToolbarButton Action="MarkdownAction.Code" Icon="fa-solid fa-code" Title="Code" Separator="true" />
-        <MarkdownToolbarButton Action="MarkdownAction.Quote" Icon="fa-solid fa-quote-left" Title="Quote" />
-        <MarkdownToolbarButton Action="MarkdownAction.UnorderedList" Icon="fa-solid fa-list-ul" Title="Unordered List" />
-        <MarkdownToolbarButton Action="MarkdownAction.OrderedList" Icon="fa-solid fa-list-ol" Title="Ordered List" />
-        <MarkdownToolbarButton Action="MarkdownAction.Link" Icon="fa-solid fa-link" Title="Link" Separator="true" />
-        <MarkdownToolbarButton Action="MarkdownAction.Image" Icon="fa-solid fa-image" Title="Image" />
-        <MarkdownToolbarButton Action="MarkdownAction.HorizontalRule" Icon="fa-solid fa-horizontal-rule" Title="Horizontal Rule" />
-        <MarkdownToolbarButton Action="MarkdownAction.Guide" Icon="fa-solid fa-circle-question" Title="Guide" Separator="true" />
-        <MarkdownToolbarButton Action="MarkdownAction.Custom" Icon="omg-icon omg-prami" Title="Editor Information" Name="Help" />
-      </Toolbar>
-    </MarkdownEditor>
-  }
-</div>
-@if (markdownValue != null)
-{
-  <details id="advanced">
-    <summary> Advanced </summary>
-    <h5>Theme:</h5>
-    <div class="row bottom-margin">
-      <ThemeDialog id="theme-modal" onthemechanged="ThemeChanged"></ThemeDialog>
-      <a data-ui="#theme-modal" class="row min" style="text-decoration:none;">
-        @if(selectedTheme != null) {
-          <ThemeCard theme="selectedTheme"></ThemeCard>
-        }
-        else {
-          <button>Choose a theme</button>
-        }
-      </a>
-    </div>
-    <small>Style you include here will be places in a &lt;style&gt; element in your page’s &lt;head&gt;.</small>
-    <div class="field textarea label border max">
-      <InputTextArea @bind-Value="css"></InputTextArea>
-      <label>Custom CSS</label>
-    </div>
-    <small>Anything you put here will be included in your page’s &lt;head&gt; element.</small>
-    <div class="field textarea label border max">
-      <InputTextArea @bind-Value="head"></InputTextArea>
-      <label>Additional &lt;head&gt; Content</label>
-    </div>
-  </details>
-}
-<nav>
-  <div class="max"></div>
-  <button class="transparent link" onclick="history.back();" disabled="@loading">Cancel</button>
-  <button @onclick="Save" disabled="@loading">
-    @if (loading) {
-      <span>Saving...</span>
-    }
-    else {
-      <i class="fa-solid fa-floppy-disk"></i> <span>Save & Publish</span>
-    }
-  </button>
-</nav>
-
-@code {
-  private MarkdownEditor? Editor;
-  private string? markdownValue;
-  private string? css;
-  private string? head;
-  private string? theme;
-  private Theme? selectedTheme;
-  private Dictionary<string, Theme>? themes;
-
-  private bool loading = true;
-
-  protected override async Task OnInitializedAsync() {
-    await base.OnInitializedAsync();
-    ProfileResponseData? data = await api.GetProfile(State.SelectedAddressName!);
-    if (data != null) {
-      markdownValue = data.Content;
-      css = data.Css;
-      head = data.Head;
-      theme = data.Theme;
-
-      themes = await State.GetThemes();
-      selectedTheme = themes?[theme];
-
-      loading = false;
-      await InvokeAsync(StateHasChanged);
-
-      await Editor!.SetValueAsync(markdownValue);
-    }
-    loading = false;
-    await InvokeAsync(StateHasChanged);
-  }
-
-  Task OnMarkdownValueChanged(string value) {
-    return Task.CompletedTask;
-  }
-
-  public async Task Save() {
-    loading = true;
-    await InvokeAsync(StateHasChanged);
-    var result = await api.PostProfile(State.SelectedAddressName!, 
-      new PostProfile() {
-        Content = markdownValue ?? string.Empty,
-        Css = string.IsNullOrEmpty(css) ? null : css,
-        Head = string.IsNullOrEmpty(head) ? null : head,
-        Theme = string.IsNullOrEmpty(theme) ? null : theme
-      });
-    if (result != null) {
-      await State.RefreshNow();
-      await InvokeAsync(StateHasChanged);
-      Nav.NavigateTo($"/person/{State.SelectedAddressName}#profile");
-    }
-
-    loading = false;
-    await InvokeAsync(StateHasChanged);
-  }
-
-  public async Task OnCustomButtonClicked(MarkdownButtonEventArgs eventArgs) {
-    if (eventArgs.Name == "Help") {
-      await JS.InvokeVoidAsync("open", "https://home.omg.lol/info/editor", "_blank");
-    }
-  }
-
-  public void ThemeChanged(Theme? _theme) {
-    theme = _theme?.Id;
-    selectedTheme = _theme;
-    InvokeAsync(StateHasChanged);
-  }
-}

Components/Pages/Ephemeral.razor

@@ -1,28 +1,15 @@
 @page "/ephemeral"
-@implements IDisposable
 @inject IJSRuntime JS
 @inject State State
-
-<RefreshButton></RefreshButton>
-
 <PageHeading title="Eph.emer.al" icon="fa-light fa-comment-dots">
   <Description><a href="https://eph.emer.al">Eph.emer.al</a> is a place for fleeting thoughts. Everything on this page will disappear after a while.</Description>
 </PageHeading>
 
-<AuthorizeView>
-  <Authorized>
-    <button class="fab circle extra large-elevate" data-ui="#ephemeral-modal">
-      <i class="fa-light fa-comment-plus"></i>
-    </button>
-    <NewEphemeral id="ephemeral-modal"></NewEphemeral>
-  </Authorized>
-</AuthorizeView>
-
 <div id="ephemeral" class="responsive">
 
   @if (messages != null) {
     foreach (MarkupString message in messages) {
-      <article class="ephemeral">
+      <article class="ephemeral center">
         @message
       </article>
     }
@@ -37,23 +24,7 @@
   protected override async Task OnInitializedAsync() {
     await base.OnInitializedAsync();
     if (messages == null || messages.Count == 0) messages = await State.GetEphemeralMessages();
-    State.PropertyChanged += StateChanged;
-    State.CanRefresh = true;
     await InvokeAsync(StateHasChanged);
     await JS.InvokeVoidAsync("removeElementById", "ephemeral-loading");
   }
-
-  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
-    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
-      using (State.GetRefreshToken()) {
-        messages = await State.GetEphemeralMessages(true);
-        await InvokeAsync(StateHasChanged);
-      }
-    }
-  }
-
-  public void Dispose() {
-    State.PropertyChanged -= StateChanged;
-    State.CanRefresh = false;
-  }
 }

Components/Pages/Feed.razor

@@ -1,113 +0,0 @@
-@page "/feed"
-@implements IDisposable
-@inject IJSRuntime JS
-@inject State State
-@inject NavigationManager Nav
-
-<RefreshButton></RefreshButton>
-
-<PageHeading title="Timeline" icon="fa-solid fa-list-timeline">
-  <Description>A feed of all the statuses and pics of the people you follow.</Description>
-</PageHeading>
-
-@if(!(State.Following?.Any() ?? false)) {
-  <PageHeading title="" icon="fa-light fa-face-sad-sweat">
-    <Description>
-      It looks like you're not following anyone yet.
-    </Description>
-  </PageHeading>
-  <p class="center-align">Check out the <a href="/directory">Directory</a> (or other parts of the app) to find awesome people to follow.</p>
-}
-else {
-  <div class="responsive">
-    <div class="tabs scroll">
-      <a data-ui="#feed" class="active">
-        <i class="fa-solid fa-list-timeline"></i>
-        <span>Timeline</span>
-      </a>
-      <a data-ui="#following">
-        <i class="fa-duotone fa-address-book"></i>
-        <span>Following</span>
-      </a>
-    </div>
-  </div>
-
-  <div class="responsive page-container">
-    <div id="feed" class="page no-padding active">
-      @if (feed != null){
-        foreach (FeedItem item in feed) {
-          if (item.IsStatus) {
-            <StatusCard Status="@item.Status"></StatusCard>
-          }
-          else if (item.IsPic) {
-            <PicCard Pic="@item.Pic"></PicCard>
-          }
-          else if (item.IsPaste) {
-            <PasteCard Paste="@item.Paste"></PasteCard>
-          }
-        }
-      }
-      <LoadingCard id="feedLoading" icon="fa-solid fa-list-timeline"></LoadingCard>
-    </div>
-
-    <div id="following" class="page no-padding">
-      <ul>
-        @foreach (string address in State.Following ?? new List<string>()) {
-          string displayAddress = address;
-          string linkAddress = address;
-  @*         if (group.Key == "😀") {
-            try {
-              linkAddress = idn.GetAscii(address);
-              displayAddress = $"{address} {linkAddress}";
-            }
-            catch (Exception) { }
-          } *@
-          <li class="vertical-margin row padding surface-container">
-            <img class="round" src="https://profiles.cache.lol/@linkAddress/picture">
-            <div class="max">
-              <a href="/person/@linkAddress" class="address"><i class="fa-solid fa-fw fa-at tiny"></i>@displayAddress</a>
-            </div>
-            <button id="follow-button" @onclick="() => UnfollowClick(address)">
-              <i class="fa-solid fa-minus"></i> Unfollow
-            </button>
-          </li>
-        }
-      </ul>
-    </div>
-  </div>
-}
-
-@code {
-  private IOrderedEnumerable<FeedItem>? feed;
-
-  protected override async Task OnInitializedAsync() {
-    await base.OnInitializedAsync();
-    string fragment = new Uri(Nav.Uri).Fragment;
-    await JS.InvokeVoidAsync("ui", fragment);
-    if (feed == null || feed.Count() == 0) feed = await State.GetFeed();
-    State.PropertyChanged += StateChanged;
-    State.CanRefresh = true;
-    await InvokeAsync(StateHasChanged);
-    await JS.InvokeVoidAsync("removeElementById", "feedLoading");
-  }
-
-  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
-    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
-      using (State.GetRefreshToken()) {
-        feed = await State.GetFeed(true);
-        await InvokeAsync(StateHasChanged);
-      }
-    }
-  }
-
-  public async Task UnfollowClick(string address) {
-    await State.Unfollow(address);
-    feed = await State.GetFeed(forceRefresh: true);
-    await InvokeAsync(StateHasChanged);
-  }
-
-  public void Dispose() {
-    State.PropertyChanged -= StateChanged;
-    State.CanRefresh = false;
-  }
-}

Components/Pages/Now.razor

@@ -1,10 +1,6 @@
 @page "/now"
-@implements IDisposable
 @inject IJSRuntime JS
 @inject State State
-
-<RefreshButton></RefreshButton>
-
 <PageHeading title="Now.garden" icon="fa-duotone fa-seedling">
   <Description>Feel free to stroll through the <a href="now.garden">now.garden</a> and take a look at what people are up to.</Description>
 </PageHeading>
@@ -16,7 +12,7 @@
       <article class="now">
         <nav>
           <a class="author" href="/person/@now.Address#now">
-            <h6><i class="fa-duotone fa-seedling"></i><span>@now.Address</span></h6>
+            <h6><i class="fa-duotone fa-seedling"></i> @now.Address</h6>
           </a>
         </nav>
         <nav>
@@ -35,23 +31,7 @@
   protected override async Task OnInitializedAsync() {
     await base.OnInitializedAsync();
     if (garden == null || garden.Count == 0) garden = await State.GetNowGarden();
-    State.PropertyChanged += StateChanged;
-    State.CanRefresh = true;
     await InvokeAsync(StateHasChanged);
     await JS.InvokeVoidAsync("removeElementById", "now-loading");
   }
-
-  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
-    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
-      using (State.GetRefreshToken()){
-        garden = await State.GetNowGarden(true);
-        await InvokeAsync(StateHasChanged);
-      }
-    }
-  }
-
-  public void Dispose() {
-    State.PropertyChanged -= StateChanged;
-    State.CanRefresh = false;
-  }
 }

Components/Pages/Person.razor

@@ -9,28 +9,9 @@
   <h3 class="page-heading"><i class="fa-solid fa-fw fa-at"></i>@Address</h3>
 </div>
 <div class="row center-align">
-  <div class="min">
-    @if (IsMe) {
-      <EditProfilePicDialog id="profile-pic" Address="@Address"></EditProfilePicDialog>
-      <button data-ui="#profile-pic" class="small circle small-elevate absolute top right no-margin" style="z-index:1;"><i class="fa-solid fa-pencil"></i></button>
-    }
   <img class="profile avatar" src="https://profiles.cache.lol/@Address/picture" alt="@Address" />
 </div>
-</div>
+
-@if (FeatureFlags.Following) {
-  <div class="row center-align">
-    @if (State.IsFollowing(Address)) {
-      <button id="follow-button" @onclick="async() => {await State.Unfollow(Address);await InvokeAsync(StateHasChanged);}">
-        <i class="fa-solid fa-minus"></i> Unfollow
-      </button>
-    }
-    else {
-      <button id="follow-button" @onclick="async() => {await State.Follow(Address);await InvokeAsync(StateHasChanged);}">
-        <i class="fa-solid fa-plus"></i> Follow
-      </button>
-    }
-  </div>
-}
 <div class="responsive">
   <div class="tabs scroll">
     <a data-ui="#profile" @onclick="ReloadProfile">
@@ -45,16 +26,12 @@
       <i class="fa-solid fa-images"></i>
       <span>Some.pics</span>
     </a>
-    @if(now != null || IsMe){
+    @if(now != null){
       <a data-ui="#now" @onclick="ReloadNow">
         <i class="fa-duotone fa-seedling"></i>
         <span>/Now</span>
       </a>
     }
-    <a data-ui="#pastebin">
-      <i class="fa-solid fa-clipboard"></i>
-      <span>Paste.lol</span>
-    </a>
   </div>
 </div>
 
@@ -62,16 +39,9 @@
   <div id="profile" class="page no-padding">
     <a href="@ProfileUrl" target="_blank" class="hover absolute top right chip fill large-elevate">Open in browser <i class="fa-solid fa-arrow-up-right-from-square tiny"></i></a>
     <ExternalPageComponent id="profile_page" @ref="ProfilePage" Url="@ProfileUrl"></ExternalPageComponent>
-    @if (IsMe) {
-        <a href="/editProfile" class="button fab circle extra large-elevate center-align middle-align">
-          <i class="square fa-solid fa-file-pen" style="line-height:56px;"></i>
-          <span>Edit</span>
-        </a>
-      }
   </div>
 
   <div id="statuses" class="page padding active">
-    @if(bio == null || !string.IsNullOrEmpty(bio.ToString())) {
     <div id="info" class="box basis transparent">
       <article id="bio" class="container shadowed blue-2-bg gray-9-fg">
         @if (bio == null) {
@@ -82,83 +52,55 @@
         }
       </article>
     </div>
-    }
+    <StatusList @ref="StatusList" StatusFunc="@(async(forceRefresh) => await State.GetStatuses(Address, forceRefresh))" Editable="@Editable"></StatusList>
-    @if (IsMe) {
+    @if(Address == State.SelectedAddressName) {
-      <EditBioDialog id="edit-bio" Address="@Address"></EditBioDialog>
-      <div class="row center-align">
-        <button data-ui="#edit-bio"><i class="fa-solid fa-pencil"></i> Edit Bio</button>
-      </div>
-    }
-    <StatusList @ref="StatusList" StatusFunc="@(async(refresh) => await State.GetStatuses(Address, refresh))" Editable="@IsMe"></StatusList>
-    @if(IsMe) {
       <button class="fab circle extra large-elevate" data-ui="#post-modal">
-        <i class="fa-solid fa-message-plus square"></i>
+        <i class="fa-solid fa-pen-to-square"></i>
       </button>
       <NewStatusDialog id="post-modal"></NewStatusDialog>
     }
   </div>
   
   <div id="pics" class="page padding">
-    <PicList @ref="PicList" PicsFunc="@(async(refresh) => await State.GetPics(Address, refresh))" Editable="@IsMe"></PicList>
+    <PicList @ref="PicList" PicsFunc="@(async(forceRefresh) => await State.GetPics(Address, forceRefresh))" Editable="@Editable"></PicList>
-    @if (IsMe) {
+    @if (Address == State.SelectedAddressName) {
       <button class="fab circle extra large-elevate" data-ui="#post-modal">
         <i class="fa-solid fa-camera-retro"></i>
       </button>
       <NewPicDialog id="post-modal"></NewPicDialog>
     }
   </div>
-  @if(now != null || IsMe){
+  @if(now != null){
     <div id="now" class="page no-padding">
-      <a href="@NowPageUrl" target="_blank" class="hover absolute top right chip fill large-elevate">Open in browser <i class="fa-solid fa-arrow-up-right-from-square tiny"></i></a>
+      <a href="@now.Url" target="_blank" class="hover absolute top right chip fill large-elevate">Open in browser <i class="fa-solid fa-arrow-up-right-from-square tiny"></i></a>
-      <ExternalPageComponent id="now_page" @ref="NowPage" Url="@NowPageUrl"></ExternalPageComponent>
+      <ExternalPageComponent id="now_page" @ref="NowPage" Url="@now.Url"></ExternalPageComponent>
-      @if (IsMe) {
-        <a href="/editNow" class="button fab circle extra large-elevate center-align middle-align">
-          <i class="square fa-solid fa-file-pen" style="line-height:56px;"></i>
-          <span>Edit</span>
-        </a>
-      }
     </div>
   }
-  <div id="pastebin" class="page padding">
-    <PasteList @ref="PasteList" PastesFunc="@(async(refresh) => await State.GetPastes(Address, refresh))" Editable="@IsMe"></PasteList>
-    @if (IsMe) {
-      <button class="fab circle extra large-elevate" data-ui="#paste-modal">
-        <i class="fa-solid fa-clipboard-medical"></i>
-      </button>
-      <EditPasteDialog id="paste-modal"></EditPasteDialog>
-    }
-  </div>
 </div>
 
 @code {
-  private string _address = string.Empty;
+  private string _address;
   [Parameter]
   public string Address { 
     get => _address;
     set {
       _address = value;
-      if (StatusList != null) StatusList.StatusFunc = async (refresh) => await State.GetStatuses(_address, refresh);
+      if (StatusList != null) StatusList.StatusFunc = async (forceRefresh) => await State.GetStatuses(_address, forceRefresh);
-      if (PicList != null) PicList.PicsFunc = async (refresh) => await State.GetPics(_address, refresh);
+      if(PicList != null) PicList.PicsFunc = async (bool forceRefresh) => await State.GetPics(_address, forceRefresh);
-      if (PasteList != null) PasteList.PastesFunc = async (refresh) => await State.GetPastes(_address, refresh);
     }
   }
   public string ProfileUrl {
     get => $"https://{Address}.omg.lol/";
   }
 
-  public string NowPageUrl {
-    get => now?.Url ?? $"https://{Address}.omg.lol/now";
-  }
-
   public ExternalPageComponent? NowPage { get; set; }
   public ExternalPageComponent? ProfilePage { get; set; }
 
-  private StatusList? StatusList { get; set; }
+  private StatusList StatusList { get; set; }
-  private PicList? PicList { get; set; }
+  private PicList PicList { get; set; }
-  private PasteList? PasteList { get; set; }
 
-  private bool IsMe { 
+  private bool Editable { 
-    get => State.AddressList?.Any(a => a.Address == Address) ?? false;
+    get => Address == State.SelectedAddressName;
   }
 
   private MarkupString? bio;
@@ -174,18 +116,6 @@
     if (fragment.EndsWith("now")) await ReloadNow();
     else if (fragment.EndsWith("profile")) await ReloadProfile();
     bio = await State.GetBio(Address);
-    State.PropertyChanged += StateChanged;
-  }
-
-  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
-    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
-      using (State.GetRefreshToken()){
-        await ReloadNow();
-        await ReloadProfile();
-        bio = await State.GetBio(Address);
-        await InvokeAsync(StateHasChanged);
-      }
-    }
   }
 
   private async Task ReloadNow() {

Components/Pages/Pics.razor

@@ -1,8 +1,6 @@
 @page "/pics"
 @inject State State
 
-<RefreshButton></RefreshButton>
-
 <PageHeading title="Some.pics" icon="fa-solid fa-images">
   <Description>Sit back, relax, and look at <a href="https://some.pics/">some.pics</a></Description>
 </PageHeading>
@@ -17,9 +15,12 @@
 </AuthorizeView>
 
 <div id="pics" class="responsive card-grid">
-  <PicList PicsFunc="@(async(refresh) => await State.GetPics(refresh))"></PicList>
+  <PicList PicsFunc="@(async(bool forceRefresh) => await State.GetPics(forceRefresh))"></PicList>
 </div>
 
+<RefreshButton></RefreshButton>
+
+
 @code {
 
 }

Components/Pages/SharePic.razor

@@ -1,51 +0,0 @@
-@page "/sharepic"
-@inject NavigationManager navigationManager
-@inject AuthenticationStateProvider AuthStateProvider
-@inject State State
-
-<PageHeading title="Some.pics" icon="fa-solid fa-images">
-  <Description>Upload an image to <a href="https://some.pics/">some.pics</a></Description>
-</PageHeading>
-
-<AuthorizeView>
-  <Authorized>
-    <button class="fab circle extra large-elevate" data-ui="#post-modal">
-      <i class="fa-solid fa-camera-retro"></i>
-    </button>
-    <NewPicDialog id="post-modal" Active="true" Base64File="@SharePhoto" FileSize="@SharePhotoSize" FileContentType="@SharePhotoContentType" Description="@SharePhotoText"></NewPicDialog>
-  </Authorized>
-</AuthorizeView>
-
-@code {
-  public string? SharePhoto { get; set; }
-  public long? SharePhotoSize { get; set; }
-  public string? SharePhotoContentType { get; set; }
-  public string? SharePhotoText { get; set; }
-
-  protected override async Task OnInitializedAsync() {
-    await checkLogin();
-
-    SharePhoto = State.SharePhoto;
-    SharePhotoContentType = State.SharePhotoContentType;
-    SharePhotoSize = State.SharePhotoSize;
-    SharePhotoText = State.SharePhotoText;
-
-    State.SharePhoto = null;
-    State.SharePhotoContentType = null;
-    State.SharePhotoSize = null;
-    State.SharePhotoText = null;
-  }
-
-  private async Task<bool> checkLogin() {
-    var authState = await AuthStateProvider.GetAuthenticationStateAsync();
-    var user = authState.User;
-
-    if (user.Identity is not null && user.Identity.IsAuthenticated) {
-      return true;
-    }
-    else {
-      navigationManager.NavigateTo("/login");
-      return false;
-    }
-  }
-}

Components/Pages/ShareText.razor

@@ -1,47 +1,10 @@
-@page "/sharetext"
+@page "/sharetext/{Text}"
-@inject NavigationManager navigationManager
-@inject AuthenticationStateProvider AuthStateProvider
-@inject State State
 
-<PageHeading title="Status.lol" icon="fa-solid fa-message-smile">
+<h3>Sharing</h3>
-	<Description>Share a post to <a href="https://status.lol">status.lol</a></Description>
-</PageHeading>
 
-<AuthorizeView>
+<p>@Text</p>
-  <Authorized>
-    <button class="fab circle extra large-elevate" data-ui="#post-modal">
-      <i class="fa-solid fa-message-plus square"></i>
-    </button>
-    <NewStatusDialog id="post-modal" Active="true" Content="@Text"></NewStatusDialog>
-  </Authorized>
-</AuthorizeView>
 
 @code {
-  public string? Text { get; set; }
+	[Parameter]
-
+	public string Text { get; set; }
-  protected override async Task OnInitializedAsync() {
-    await checkLogin();
-
-    Text = State.ShareString;
-
-    if (!string.IsNullOrWhiteSpace(State.ShareStringSubject)) {
-      Text = $"{State.ShareStringSubject}\n\n{State.ShareString}";
-    }
-
-    State.ShareStringSubject = null;
-    State.ShareString = null;
-  }
-
-  private async Task<bool> checkLogin() {
-    var authState = await AuthStateProvider.GetAuthenticationStateAsync();
-    var user = authState.User;
-
-    if (user.Identity is not null && user.Identity.IsAuthenticated) {
-      return true;
-    }
-    else {
-      navigationManager.NavigateTo("/login");
-      return false;
-    }
-  }
 }

Components/Pages/StatuslogLatest.razor

@@ -2,8 +2,6 @@
 @page "/statuslog/latest"
 @inject State State
 
-<RefreshButton></RefreshButton>
-
 <PageHeading title="Status.lol" icon="fa-solid fa-message-smile">
   <Description>The latest posts from everyone at <a href="https://status.lol">status.lol</a></Description>
 </PageHeading>
@@ -11,17 +9,14 @@
 <AuthorizeView>
   <Authorized>
     <button class="fab circle extra large-elevate" data-ui="#post-modal">
-      <i class="fa-solid fa-message-plus square"></i>
+      <i class="fa-solid fa-pen-to-square"></i>
     </button>
     <NewStatusDialog id="post-modal"></NewStatusDialog>
   </Authorized>
 </AuthorizeView>
 
 <div id="statuses" class="responsive">
-  <StatusList StatusFunc="@(async(refresh) => await State.GetStatuses(refresh))"></StatusList>
+  <StatusList StatusFunc="@(async(forceRefresh) => await State.GetStatuses(forceRefresh))"></StatusList>
 </div>
 
-@code {
+<RefreshButton></RefreshButton>
-
-}
-

Components/PasteCard.razor

@@ -1,71 +0,0 @@
-@using CommunityToolkit.Maui.Alerts
-@inject IJSRuntime JS
-
-<article class="paste">
-  @* TODO: link to paste view *@
-  <nav>
-    <h5 class="mono"><a href="/pastes/tbc">@Paste.Title</a></h5>
-    <div class="max"></div>
-    @if (MarkupView)
-    {
-      <button class="transparent circle" title="View Original" @onclick="() => { MarkupView = false; InvokeAsync(StateHasChanged); }"><i class="fa-solid fa-code"></i></button>
-    }
-    else
-    {
-      <button class="transparent circle" title="View Markup" @onclick="() => { MarkupView = true; InvokeAsync(StateHasChanged); }"><i class="fa-solid fa-browser"></i></button>
-    }
-    <button class="transparent circle" title="Copy to Clipboard" @onclick="() => CopyPaste()"><i class="fa-solid fa-copy"></i></button>
-    <button class="transparent circle" @onclick="ShareClick">
-      <i class="fa-solid fa-share-nodes"></i>
-    </button>
-  </nav>
-  <small class="nowrap chip no-border"><i class="fa-solid fa-clock tiny"></i> @Paste.RelativeTime</small>
-  @if(MarkupView){
-    <div class="padding">
-      @Utilities.MdToHtmlMarkup(Paste.Content)
-    </div>
-  }
-  else {
-    <pre><code class="padding margin">@((MarkupString)Paste.Content)</code></pre>
-  }
-  <nav>
-    <div class="max"></div>
-    @if (Editable) {
-      <button @onclick="EditPaste"><i class="fa-solid fa-pencil"></i> Edit</button>
-    }
-  </nav>
-</article>
-
-@code {
-  [Parameter]
-  public Paste? Paste { get; set; }
-  [Parameter]
-  public bool Editable { get; set; } = false;
-  [Parameter]
-  public EditPasteDialog? Dialog { get; set; }
-
-  private bool MarkupView = false;
-
-  private async Task EditPaste(EventArgs e) {
-    Dialog!.Paste = Paste;
-    await InvokeAsync(StateHasChanged);
-    await JS.InvokeVoidAsync("ui", "#" + Dialog?.id);
-  }
-
-  public async Task ShareClick(EventArgs e) {
-    await Share.Default.RequestAsync(new ShareTextRequest {
-        Uri = Paste!.Url,
-        Text = Paste!.Content,
-        Title = Paste!.Title,
-        Subject = Paste!.Title
-      });
-  }
-
-  public async Task CopyPaste() {
-    if(Paste != null && !string.IsNullOrEmpty(Paste?.Content)) {
-      await Clipboard.Default.SetTextAsync(Paste?.Content);
-      var toast = Toast.Make("Copied to clipboard");
-      await toast.Show();
-    }
-  }
-}

Components/PasteList.razor

@@ -1,51 +0,0 @@
-@implements IDisposable
-@inject IJSRuntime JS
-@inject State State
-
-@if (Editable) {
-  <EditPasteDialog @ref="Dialog" id="EditPasteModal"></EditPasteDialog>
-}
-
-@if (pastes != null) foreach (Paste paste in pastes) {
-    <PasteCard Paste="paste" Editable="Editable" Dialog="Dialog"></PasteCard>
-  }
-
-<LoadingCard id="pastes-loading" icon="fa-solid fa-clipboard"></LoadingCard>
-
-@code {
-  [Parameter]
-  public Func<bool, Task<List<Paste>?>>? PastesFunc { get; set; }
-  [Parameter]
-  public bool Editable { get; set; } = false;
-
-  public EditPasteDialog? Dialog { get; set; }
-
-  private List<Paste>? pastes;
-
-  protected override async Task OnInitializedAsync() {
-    await base.OnInitializedAsync();
-    if (PastesFunc == null) return;
-
-    if (pastes == null || pastes.Count == 0) pastes = await PastesFunc(false);
-    State.PropertyChanged += StateChanged;
-    State.CanRefresh = true;
-    await InvokeAsync(StateHasChanged);
-    await JS.InvokeVoidAsync("removeElementById", "pastes-loading");
-  }
-
-  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
-    if (PastesFunc == null) return;
-
-    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
-      using (State.GetRefreshToken()) {
-        pastes = await PastesFunc(true);
-        await InvokeAsync(StateHasChanged);
-      }
-    }
-  }
-
-  public void Dispose() {
-    State.PropertyChanged -= StateChanged;
-    State.CanRefresh = false;
-  }
-}

Components/PicCard.razor

@@ -1,29 +1,19 @@
 @inject IJSRuntime JS
 
-<article class="pic no-padding">
+<article class="no-padding">
-  <img src="@Pic!.Url" loading="lazy">
+  <img src="@Pic.Url" loading="lazy">
-  <div class="padding row">
+  <div class="padding">
-    <div class="emoji" data-emoji="🖼️">🖼️</div>
-    <div class="max">
     <nav>
       <a class="author" href="/person/@Pic.Address#pics">
         <i class="fa-solid fa-fw fa-at"></i>@Pic.Address
       </a>
       <span class="max"></span>
-      </nav>
+      <a class="chip transparent-border right">
-      @if(!string.IsNullOrWhiteSpace(Pic.Description)){
-        <p>@((MarkupString)Pic.DescriptionHtml)</p>
-      }
-      else {
-        <div class="padding padding yellow-2-bg yellow-9-fg">
-          <i class="fa-solid fa-triangle-exclamation"></i>
-          <span>This picture needs a description in order to be shared.</span>
-        </div>
-      }
-      <nav>
-        <a class="chip transparent-border">
         <i class="fa fa-clock"></i> @Pic.RelativeTime
       </a>
+    </nav>
+    <p>@((MarkupString)Pic.DescriptionHtml)</p>
+    <nav>
       <div class="max"></div>
       @if(Editable) {
         <button @onclick="EditPic"><i class="fa-solid fa-pencil"></i> Edit</button>
@@ -33,27 +23,26 @@
       </button>
     </nav>
   </div>
-  </div>
 </article>
 
 @code {
   [Parameter]
-  public Pic? Pic {get; set;}
+  public Pic Pic {get; set;}
   [Parameter]
   public bool Editable { get; set; } = false;
   [Parameter]
   public EditPicDialog? Dialog { get; set; }
 
   private async Task EditPic(EventArgs e){
-    Dialog!.Pic = Pic;
+    Dialog.Pic = Pic;
-    await InvokeAsync(StateHasChanged);
+    // await InvokeAsync(StateHasChanged);
     await JS.InvokeVoidAsync("ui", "#" + Dialog?.id);
   }
 
   public async Task ShareClick(EventArgs e){
     await Share.Default.RequestAsync(new ShareTextRequest{
-      Uri = Pic!.Url,
+      Uri = Pic.Url,
-      Text = Pic!.Description,
+      Text = Pic.Description,
       Title = "I saw this on some.pics",
       Subject = "I saw this on some.pics"
     });

Components/PicList.razor

@@ -1,7 +1,8 @@
-@implements IDisposable
+@inject IJSRuntime JS
-@inject IJSRuntime JS
 @inject State State
 
+@implements IDisposable
+
 @if (Editable) {
   <EditPicDialog @ref="Dialog" id="EditPicModal"></EditPicDialog>
 }
@@ -14,34 +15,55 @@
 
 @code {
   [Parameter]
-  public Func<bool, Task<List<Pic>?>>? PicsFunc { get; set; }
+  public Func<bool, Task<List<Pic>?>> PicsFunc { get; set; }
   [Parameter]
   public bool Editable { get; set; } = false;
 
   public EditPicDialog? Dialog { get; set; }
 
   private List<Pic>? pics;
+  private int count { get; set; } = 0;
+  private int pageSize { get; } = 10;
 
   // TODO: There is a noticable rendering delay between the pics loading and the page rendering
   protected override async Task OnInitializedAsync() {
     await base.OnInitializedAsync();
-    if (PicsFunc == null) return;
-
-    if (pics == null || pics.Count == 0) pics = await PicsFunc(false);
     State.PropertyChanged += StateChanged;
     State.CanRefresh = true;
-    await InvokeAsync(StateHasChanged);
+
+    if (pics == null || pics.Count == 0) await LoadNext();
     await JS.InvokeVoidAsync("removeElementById", "pics-loading");
   }
 
-  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+  public async Task<bool> PullUp() {
-    if (PicsFunc == null) return;
+    int countBefore = count;
+    await LoadNext();
+    return (count != countBefore);
+  }
 
-    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
+  public async Task LoadNext(bool forceRefresh = false) {
-      using (State.GetRefreshToken()){
+    if (pics == null) pics = new List<Pic>();
-        pics = await PicsFunc(true);
+    if (forceRefresh) {
+      count = 0;
+      pics.Clear();
+    }
+
+    var allPics = await PicsFunc(forceRefresh);
+    if(allPics != null && count < allPics.Count) {
+      pics.AddRange(allPics.Skip(count).Take(pageSize));
+      count = pics.Count;
+    }
     await InvokeAsync(StateHasChanged);
   }
+
+  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
+      await LoadNext(true);
+      State.IsRefreshing = false;
+    }
+
+    if (e.PropertyName == nameof(State.AtBottom) && State.AtBottom) {
+      await LoadNext();
     }
   }
 

Components/RefreshButton.razor

@@ -1,6 +1,6 @@
 @inject State State
 
-<button id="refreshButton" class="absolute transparent circle top right margin" @onclick="() => State.SendRefresh()">
+<button id="refreshButton" class="absolute transparent circle top right margin" @onclick="() => State.IsRefreshing = true">
   <i class="fa-solid fa-arrow-rotate-right @(State.IsRefreshing ? "fa-spin" : "")"></i>
 </button>
 

Components/Routes.razor

@@ -3,13 +3,7 @@
 <Router AppAssembly="@typeof(MauiProgram).Assembly">
   <Found Context="routeData">
     <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(Layout.MainLayout)">
-      <Authorizing>
+      <Authorizing>Logging in...</Authorizing>
-        <div class="no-border responsive max no-padding center-align middle-align">
-          <div class="padding">
-            <img src="/img/prami-neighbourhood.svg" class="extra" />
-          </div>
-        </div>
-      </Authorizing>
       <NotAuthorized><RedirectToLogin /></NotAuthorized>
     </AuthorizeRouteView>
     <FocusOnNavigate RouteData="@routeData" Selector="h1" />
@@ -17,13 +11,8 @@
   <NotFound>
     <CascadingAuthenticationState>
       <LayoutView Layout="@typeof(Layout.MainLayout)">
-        <div class="no-border responsive max no-padding center-align middle-align">
+        <img data-emoji="🦒" />
-          <div class="padding">
+        <p>Sorry, there's nothing here.</p>
-            <img src="/img/prami-neighbourhood.svg" class="extra" />
-            <p>Sorry, you seem to have landed nowhere.</p>
-            <small>@navigationManager.Uri</small>
-          </div>
-        </div>        
       </LayoutView>
     </CascadingAuthenticationState>
   </NotFound>

Components/StatusCard.razor

@@ -1,6 +1,6 @@
 @inject IJSRuntime JS
 
-<article class="status gray-9-fg" style="background-color:@(Status!.Background)">
+<article class="status gray-9-fg" style="background-color:@(Status.Background)">
   <div class="row">
     <div class="emoji" data-emoji="@Status.EmojiOrDefault">@Status.EmojiOrDefault</div>
     <div class="max">
@@ -23,12 +23,9 @@
         <a class="chip transparent-border">
           <i class="fa fa-clock"></i> @Status.RelativeTime
         </a>
-        @if (!string.IsNullOrWhiteSpace(Status.ExternalUrl))
-        {
         <a class="chip transparent-border" href="@Status.ExternalUrl" target="_blank">
-            <i class="fa fa-message-dots"></i> @(new Uri(Status.ExternalUrl).Host)
+          <i class="fa fa-message-dots"></i> Respond
         </a>
-        }
       </nav>    
     </div>
   </div>
@@ -36,21 +33,21 @@
 
 @code {
   [Parameter]
-  public Status? Status { get; set; }
+  public Status Status { get; set; }
   [Parameter]
   public bool Editable { get; set; } = false;
   [Parameter]
   public EditStatusDialog? Dialog { get; set; }
 
   private async Task EditStatus(EventArgs e) {
-    Dialog!.Status = Status;
+    Dialog.Status = Status;
     await InvokeAsync(StateHasChanged);
     await JS.InvokeVoidAsync("ui", "#" + Dialog?.id);
   }
 
   public async Task ShareClick(EventArgs e){
     await Share.Default.RequestAsync(new ShareTextRequest{
-      Text = $"{Status!.Content}\n- from [@{Status.Address}]({Status.Url})",
+      Text = $"{Status.Content}\n- from [@{Status.Address}]({Status.Url})",
       Title = "I saw this on status.lol",
       Subject = "I saw this on status.lol"
     });

Components/StatusCardSkeleton.razor

@@ -0,0 +1,16 @@
+<article class="status">
+  <div class="row">
+    <div class="large emoji skeleton round" />
+    <div class="max">
+      <span class="author skeleton"> </span>
+      <p class="skeleton"> </p>
+    </div>
+  </div>
+  <nav>
+    <span class="chip transparent-border skeleton"> </span>
+  </nav>
+</article>
+
+@code {
+
+}

Components/StatusList.razor

@@ -1,7 +1,8 @@
-@implements IDisposable
+@inject IJSRuntime JS
-@inject IJSRuntime JS
 @inject State State
 
+@implements IDisposable
+
 @if (Editable) {
   <EditStatusDialog @ref="Dialog" id="EditStatusModal"></EditStatusDialog>
 }
@@ -14,33 +15,55 @@
 
 @code {
   [Parameter]
-  public Func<bool, Task<List<Status>?>>? StatusFunc { get; set; }
+  public Func<bool,Task<List<Status>?>> StatusFunc { get; set; }
   [Parameter]
   public bool Editable { get; set; } = false;
 
   public EditStatusDialog? Dialog { get; set; }
 
   private List<Status>? statuses;
+  private int count { get; set; } = 0;
+  private int pageSize { get; } = 50;
 
   protected override async Task OnInitializedAsync() {
     await base.OnInitializedAsync();
-    if (StatusFunc == null) return;
-
-    if (statuses == null || statuses.Count == 0) statuses = await StatusFunc(false);
     State.PropertyChanged += StateChanged;
     State.CanRefresh = true;
+
+    if (statuses == null || statuses.Count == 0) await LoadNext();
     await InvokeAsync(StateHasChanged);
     await JS.InvokeVoidAsync("removeElementById", "statusLoading");
   }
 
-  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+  public async Task<bool> PullUp() {
-    if (StatusFunc == null) return;
+    int countBefore = count;
+    await LoadNext();
+    return (count != countBefore);
+  }
 
-    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
+  public async Task LoadNext(bool forceRefresh = false) {
-      using (State.GetRefreshToken()) {
+    if (statuses == null) statuses = new List<Status>();
-        statuses = await StatusFunc(true);
+    if (forceRefresh) {
+      count = 0;
+      statuses.Clear();
+    }
+
+    var allStatuses = await StatusFunc(forceRefresh);
+    if (allStatuses != null && count < allStatuses.Count) {
+      statuses.AddRange(allStatuses.Skip(count).Take(pageSize));
+      count = statuses.Count;
+    }
     await InvokeAsync(StateHasChanged);
   }
+
+  private async void StateChanged(object? sender, PropertyChangedEventArgs e) {
+    if (e.PropertyName == nameof(State.IsRefreshing) && State.IsRefreshing) {
+      await LoadNext(true);
+      State.IsRefreshing = false;
+    }
+
+    if(e.PropertyName == nameof(State.AtBottom) && State.AtBottom) {
+      await LoadNext();
     }
   }
 

Components/ThemeCard.razor

@@ -1,11 +0,0 @@
-<article class="theme" style="@theme?.PreviewCssData?.BackgroundCss ; @theme?.PreviewCssData?.TextCss">
-  <h5 class="honey">@theme?.Name</h5>
-  <p class="small theme-author" style="@theme?.PreviewCssData?.LinkCss">
-    <i class="fa-solid fa-palette" style="@theme?.PreviewCssData?.IconCss"></i> by @theme?.Author
-  </p>
-</article>
-
-@code {
-  [Parameter]
-  public Theme? theme { get; set; }
-}

Components/ThemeDialog.razor

@@ -1,82 +0,0 @@
-@inject IJSRuntime JS
-@inject State State
-@inject ApiService api
-@inject NavigationManager navigationManager
-
-<div class="overlay @(Active ? "active" : string.Empty)" data-ui="#@id"></div>
-<dialog id="@id" class="@(Active ? "active" : string.Empty)" open="@Active" style="overflow:auto;">
-  <h5>Choose a theme</h5>
-  <nav class="wrap max">
-    @if(themes != null) foreach(Theme theme in themes.Values) {
-      <a onclick="@(() => ClickTheme(theme))" class="min" style="text-decoration:none;">
-        <ThemeCard theme="@theme"></ThemeCard>
-      </a>
-    }
-  </nav>
-  <nav class="right-align no-space">
-    <button class="transparent link" data-ui="#@id">Cancel</button>
-  </nav>
-</dialog>
-
-<div class="overlay" data-ui="#@previewId"></div>
-<dialog id="@previewId" style="overflow:auto;">
-  <h5 class="honey">@activeTheme?.Name</h5>
-  <div class="max">
-    <p>@((MarkupString)(activeTheme?.Description ?? string.Empty)) A theme by <a href="@activeTheme?.AuthorUrl" target="_blank">@activeTheme?.Author</a>.</p>
-    @if(themePreview != null) {
-      <ExternalPageComponent id="profile_page" @ref="iframe" SrcString="@themePreview.ToString()"></ExternalPageComponent>
-    }
-  </div>
-  <nav class="right-align no-space">
-    <button class="transparent link" @onclick="CancelPreview">Back</button>
-    <button @onclick=UseTheme><i class="fa-solid fa-palette"></i> Use the @activeTheme?.Name theme</button>
-  </nav>
-</dialog>
-
-@code {
-  private Dictionary<string, Theme>? themes;
-  [Parameter]
-  public string? id { get; set; }
-  private string? previewId { get => $"{id}-preview"; }
-  [Parameter]
-  public bool Active { get; set; }
-  [Parameter]
-  public Action<Theme?>? onthemechanged { get; set; }
-
-  private Theme? activeTheme { get; set; }
-  private MarkupString? themePreview { get; set; }
-  private ExternalPageComponent iframe { get; set; }
-
-  protected override async Task OnInitializedAsync() {
-    await base.OnInitializedAsync();
-    activeTheme = null;
-    themes = await State.GetThemes();
-    await InvokeAsync(StateHasChanged);
-  }
-
-  public async Task ClickTheme(Theme theme) {
-    activeTheme = theme;
-    await InvokeAsync(StateHasChanged);
-    await JS.InvokeVoidAsync("ui", "#" + id);
-    await JS.InvokeVoidAsync("ui", "#" + previewId);
-    themePreview = await api.GetThemePreview(theme.Id);
-    await InvokeAsync(StateHasChanged);
-    @* iframe.SrcString = themePreview.ToString(); *@
-    await iframe.Reload();
-  }
-
-  public async Task CancelPreview() {
-    activeTheme = null;
-    await InvokeAsync(StateHasChanged);
-    await JS.InvokeVoidAsync("ui", "#" + previewId);
-    await JS.InvokeVoidAsync("ui", "#" + id);
-  }
-
-  public async Task UseTheme() {
-    // todo: update theme
-    onthemechanged?.Invoke(activeTheme);
-    activeTheme = null;
-    await InvokeAsync(StateHasChanged);
-    await JS.InvokeVoidAsync("ui", "#" + previewId);
-  }
-}

Components/_Imports.razor

@@ -12,6 +12,4 @@
 @using Neighbourhood.omg.lol.Components
 @using Neighbourhood.omg.lol.Models
 @using Markdig
-@using PSC.Blazor.Components.MarkdownEditor
+@using BcdLib.Components
-@using PSC.Blazor.Components.MarkdownEditor.EventsArgs
-@using PSC.Blazor.Components.MarkdownEditor.Enums

CustomAuthenticationStateProvider.cs

@@ -1,5 +1,8 @@
 using Microsoft.AspNetCore.Components.Authorization;
+using Neighbourhood.omg.lol.Models;
 using System.Security.Claims;
+using System.Text.Json;
+using System.Text.Json.Serialization;
 
 namespace Neighbourhood.omg.lol {
 	public class CustomAuthenticationStateProvider : AuthenticationStateProvider {

EphemeralWebPage.xaml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="Neighbourhood.omg.lol.EphemeralWebPage"
+             BackgroundColor="{DynamicResource PageBackgroundColor}">
+  <Grid>
+    <WebView x:Name="webview" 
+             Navigating="webview_Navigating" 
+             VerticalOptions="Fill" 
+             HorizontalOptions="Fill" />
+  </Grid>
+</ContentPage>

EphemeralWebPage.xaml.cs

@@ -0,0 +1,18 @@
+namespace Neighbourhood.omg.lol;
+
+public partial class EphemeralWebPage : ContentPage
+{
+  private NavigatorService NavigatorService { get; set; }
+
+  public EphemeralWebPage(NavigatorService navigatorService)
+	{
+		this.NavigatorService = navigatorService;
+		InitializeComponent();
+    this.webview.Source = $"https://home.omg.lol/ephemeral";
+	}
+
+  public async void webview_Navigating(object sender, WebNavigatingEventArgs e) {
+    var cookies = this.webview.Cookies;
+    Uri uri = new Uri(e.Url);
+  }
+}

LoginWebViewPage.xaml.cs

@@ -1,4 +1,6 @@
+using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Authorization;
+using System.Diagnostics;
 using System.Web;
 using Microsoft.Extensions.Configuration;
 
@@ -10,13 +12,13 @@ public partial class LoginWebViewPage : ContentPage
 	private AuthenticationStateProvider AuthStateProvider { get; set; }
 	private NavigatorService NavigatorService { get; set; }
 	private IConfiguration Configuration { get; set; }
-	private ApiService api { get; set; }
+	private RestService api { get; set; }
 
 	private string? client_id;
 	private string? client_secret;
 	private string? redirect_uri;
 
-	public LoginWebViewPage(AuthenticationStateProvider authStateProvider, NavigatorService navigatorService, IConfiguration configuration, ApiService restService)
+	public LoginWebViewPage(AuthenticationStateProvider authStateProvider, NavigatorService navigatorService, IConfiguration configuration, RestService restService)
 	{
     this.AuthStateProvider = authStateProvider;
 		this.NavigatorService = navigatorService;
@@ -31,7 +33,6 @@ public partial class LoginWebViewPage : ContentPage
 		if ( client_id != null
       && client_secret != null
       && redirect_uri != null) {
-			//this.loginwebview.UserAgent = new System.Net.Http.Headers.ProductInfoHeaderValue(App.Name, App.Version).ToString();
 			this.loginwebview.Source = $"https://home.omg.lol/oauth/authorize?client_id={client_id}&scope=everything&redirect_uri={redirect_uri}&response_type=code";
 		}
   }
@@ -49,7 +50,7 @@ public partial class LoginWebViewPage : ContentPage
 				string? token = await api.OAuth(code, client_id, client_secret, redirect_uri);
 				if (!string.IsNullOrEmpty(token)) {
 					await ((CustomAuthenticationStateProvider)this.AuthStateProvider).Login(token);
-					NavigatorService?.NavigationManager?.NavigateTo(NavigatorService.NavigationManager.Uri, forceLoad: true);
+					NavigatorService.NavigationManager.NavigateTo(NavigatorService.NavigationManager.Uri, forceLoad: true);
 					await Shell.Current.GoToAsync("..");
         }
 			}

MainPage.xaml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:local="clr-namespace:Neighbourhood.omg.lol"
+             xmlns:models="clr-namespace:Neighbourhood.omg.lol.Models"
+             x:DataType="models:State"
+             x:Class="Neighbourhood.omg.lol.MainPage"
+             BackgroundColor="{DynamicResource PageBackgroundColor}">
+
+  <RefreshView x:Name="refreshView" IsRefreshing="{Binding IsRefreshing}" IsEnabled="False">
+    <BlazorWebView x:Name="blazorWebView" HostPage="wwwroot/index.html" UrlLoading="BlazorUrlLoading">
+      <BlazorWebView.RootComponents>
+        <RootComponent Selector="#app" ComponentType="{x:Type local:Components.Routes}" />
+      </BlazorWebView.RootComponents>
+    </BlazorWebView>
+  </RefreshView>
+
+</ContentPage>

MainPage.xaml.cs

@@ -0,0 +1,33 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.WebView;
+using Microsoft.AspNetCore.Components.WebView.Maui;
+using Neighbourhood.omg.lol.Models;
+using System.ComponentModel;
+using System.Diagnostics;
+
+namespace Neighbourhood.omg.lol {
+  public partial class MainPage : ContentPage {
+
+    private State State { get; set; }
+
+    public MainPage() {
+      InitializeComponent();
+      State = IPlatformApplication.Current!.Services.GetService<State>()!;
+      BindingContext = State;
+      State.PropertyChanged += State_PropertyChanged;
+    }
+
+    private void State_PropertyChanged(object? sender, PropertyChangedEventArgs e) {
+      if (e.PropertyName == nameof(State.CanRefresh) || e.PropertyName == nameof(State.AtTop)) {
+        refreshView.IsEnabled = State.CanRefresh && State.AtTop;
+      }
+    }
+
+    private void BlazorUrlLoading(object? sender, UrlLoadingEventArgs e) {
+      if(e.Url.Host == "home.omg.lol" && e.Url.AbsolutePath == "/oauth/authorize") {
+        e.UrlLoadingStrategy = UrlLoadingStrategy.CancelLoad;
+        Shell.Current.GoToAsync(nameof(LoginWebViewPage));
+      }
+    }
+  }
+}

MauiProgram.cs

@@ -1,7 +1,9 @@
-using CommunityToolkit.Maui;
+using BcdLib.Components;
+using Markdig;
 using Microsoft.AspNetCore.Components.Authorization;
 using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.Logging;
+using Neighbourhood.omg.lol.Models;
 
 namespace Neighbourhood.omg.lol {
   public static class MauiProgram {
@@ -9,20 +11,21 @@ namespace Neighbourhood.omg.lol {
       var builder = MauiApp.CreateBuilder();
       builder
         .UseMauiApp<App>()
-        .UseMauiCommunityToolkit(options => {
+        .ConfigureFonts(fonts => {
-          options.SetShouldEnableSnackbarOnWindows(true);
+          fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
         });
 
       builder.Services.AddMauiBlazorWebView();
+      builder.Services.AddBcdLibPullComponent();
       builder.Services.AddTransient<LoginWebViewPage>();
+      builder.Services.AddTransient<EphemeralWebPage>();
 
-      builder.Services.AddSingleton<ApiService>();
+      builder.Services.AddSingleton<RestService>();
       builder.Services.AddSingleton<State>();
       builder.Services.AddSingleton<NavigatorService>();
 
-      using Stream stream = App.Assembly.GetManifestResourceStream($"{App.Name}.appsettings.json")!;
+      ConfigurationBuilder configurationBuilder = new ConfigurationBuilder();
-      var config = new ConfigurationBuilder().AddJsonStream(stream).Build();
+      builder.Services.AddSingleton<IConfiguration>(configurationBuilder.AddUserSecrets<App>().Build());
-      builder.Configuration.AddConfiguration(config);
 
       builder.Services.AddAuthorizationCore();
 			builder.Services.AddScoped<CustomAuthenticationStateProvider>();

Models/API/AccountResponseData.cs

@@ -1,9 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public  class AccountResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public string Email { get; set; } = string.Empty;
-    public string Name { get; set; } = string.Empty;
-    public TimeData Created { get; set; } = TimeData.Empty;
-    //TODO: api_key and settings
-  }
-}

Models/API/AddressResponseList.cs

@@ -1,5 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class AddressResponseList : List<AddressResponseData>, IOmgLolResponseList<AddressResponseData> {
-    public string Message { get; set; } = string.Empty;
-  }
-}

Models/API/BasicResponseData.cs

@@ -1,5 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class BasicResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-  }
-}

Models/API/DirectoryResponseData.cs

@@ -1,7 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class DirectoryResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public string Url { get; set; } = string.Empty;
-    public List<string> Directory { get; set; } = new List<string>();
-  }
-}

Models/API/EphemeralData.cs

@@ -1,5 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class EphemeralData {
-    public string Content { get; set; } = string.Empty;
-  }
-}

Models/API/EphemeralResponseData.cs

@@ -1,6 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class EphemeralResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public List<string> Content { get; set; } = new List<string>();
-  }
-}

Models/API/IOmgLolResponseList.cs

@@ -1,4 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public interface IOmgLolResponseList<T> : IList<T>, IOmgLolResponseData where T : IOmgLolResponseData {
-  }
-}

Models/API/NowContentData.cs

@@ -1,9 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class NowContentData {
-    public string? Content { get; set; }
-    public long? Updated { get; set; }
-    public int? Listed { get; set; }
-    public int? Nudge { get; set; }
-    public string? Metadata { get; set; }
-  }
-}

Models/API/NowData.cs

@@ -1,12 +0,0 @@
-namespace Neighbourhood.omg.lol.Models
-{
-    public class NowData {
-    public string Address { get; set; } = string.Empty;
-    public string Url { get; set; } = string.Empty;
-    public TimeData Updated { get; set; } = TimeData.Empty;
-
-    public string UpdatedRelative {
-      get => Utilities.RelativeTimeFromUnix(Convert.ToInt64(Updated.UnixEpochTime));
-    }
-  }
-}

Models/API/NowPageResponseData.cs

@@ -1,6 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class NowPageResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public NowContentData? Now { get; set; }
-  }
-}

Models/API/NowResponseData.cs

@@ -1,7 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class NowResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public long Count { get; set; }
-    public List<NowData> Garden { get; set; } = new List<NowData>();
-  }
-}

Models/API/OmgLolApiException.cs

@@ -1,11 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class OmgLolApiException<T> : Exception where T : IOmgLolResponseData {
-    public OmgLolResponse<T>? Response { get; set; }
-
-    public OmgLolApiException(OmgLolResponse<T>? response) : base(response?.Response?.Message) {
-      Response = response;
-    }
-
-    public OmgLolApiException(string? response) : base(response) { }
-  }
-}

Models/API/PastesResponseData.cs

@@ -1,6 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class PastesResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public List<Paste> Pastebin { get; set; } = new List<Paste>();
-  }
-}

Models/API/PatchStatus.cs

@@ -1,7 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class PatchStatus {
-    public string Id { get; set; } = string.Empty;
-    public string Content { get; set; } = string.Empty;
-    public string? Emoji {  get; set; }
-  }
-}

Models/API/PatchStatusResponseData.cs

@@ -1,7 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class PatchStatusResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public string Id { get; set; } = string.Empty;
-    public string Url { get; set; } = string.Empty;
-  }
-}

Models/API/PostPasteResponseData.cs

@@ -1,6 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class PostPasteResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public string Title { get; set; } = string.Empty; 
-  }
-}

Models/API/PostPic.cs

@@ -1,5 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class PostPic {
-    public string? Description { get; set; }
-  }
-}

Models/API/PostProfile.cs

@@ -1,9 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class PostProfile {
-    public string Content { get; set; } = string.Empty;
-    public bool Publish { get; set; } = true;
-    public string? Theme { get; set; }
-    public string? Css { get; set; }
-    public string? Head { get; set; }
-  }
-}

Models/API/PostStatusBio.cs

@@ -1,5 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class PostStatusBio {
-    public string Content { get; set; } = string.Empty;
-  }
-}

Models/API/PreviewCssData.cs

@@ -1,8 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class PreviewCssData {
-    public string BackgroundCss { get; set; } = string.Empty;
-    public string TextCss { get; set; } = string.Empty;
-    public string LinkCss { get; set; } = string.Empty;
-    public string IconCss { get; set; } = string.Empty;
-  }
-}

Models/API/ProfileResponseData.cs

@@ -1,16 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class ProfileResponseData: IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public string Content { get; set; } = string.Empty;
-    public string Type { get; set; } = string.Empty;
-    public string Theme { get; set; } = string.Empty;
-    public string? Css {  get; set; }
-    public string? Head {  get; set; }
-    public short Verified { get; set; }
-    public string Pfp { get; set; } = string.Empty;
-    public string Metadata { get; set; } = string.Empty;
-    public string Branding { get; set; } = string.Empty;
-    public string? Modified { get; set; }
-
-  }
-}

Models/API/PutPic.cs

@@ -1,5 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class PutPic {
-    public string Pic { get; set; } = string.Empty;
-  }
-}

Models/API/PutPicResponseData.cs

@@ -1,9 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class PutPicResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public string Id { get; set; } = string.Empty;
-    public long Size { get; set; }
-    public string Mime { get; set; } = string.Empty;
-    public string Url { get; set; } = string.Empty;
-  }
-}

Models/API/SomePicsResponseData.cs

@@ -1,6 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class SomePicsResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public List<Pic>? Pics { get; set; }
-  }
-}

Models/API/StatusBioResponseData.cs

@@ -1,8 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class StatusBioResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public string Bio { get; set; } = string.Empty;
-    public string Css { get; set; } = string.Empty;
-    public string Head { get; set; } = string.Empty;
-  }
-}

Models/API/StatusPostResponseData.cs

@@ -1,9 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class StatusPostResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public string? Id { get; set; }
-    public string? Url { get; set; }
-    public string? ExternalUrl { get; set; }
-
-  }
-}

Models/API/StatusResponseData.cs

@@ -1,6 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class StatusResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public List<Status> Statuses { get; set; } = new List<Status>();
-  }
-}

Models/API/ThemePreviewResponseData.cs

@@ -1,6 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class ThemePreviewResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public string Html { get; set; } = string.Empty;
-  }
-}

Models/API/ThemeResponseData.cs

@@ -1,6 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class ThemeResponseData : IOmgLolResponseData {
-    public string Message { get; set; } = string.Empty;
-    public Dictionary<string, Theme> Themes { get; set; } = new Dictionary<string, Theme>();
-  }
-}

Models/API/TokenResponseData.cs

@@ -1,7 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class TokenResponseData {
-    public string AccessToken { get; set; } = string.Empty;
-    public string TokenType { get; set; } = string.Empty;
-    public string Scope { get; set; } = string.Empty;
-  }
-}

Models/AccountResponseData.cs

@@ -0,0 +1,14 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Neighbourhood.omg.lol.Models {
+  public  class AccountResponseData : IOmgLolResponseData {
+        public string Message { get; set; }
+        public string Email { get; set; }
+        public string Name { get; set; }
+        // created, api_key and settings
+    }
+}

Models/AddressResponseData.cs

@@ -1,9 +1,15 @@
-namespace Neighbourhood.omg.lol.Models {
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Neighbourhood.omg.lol.Models {
   public class AddressResponseData : IOmgLolResponseData {
-    public string Address { get; set; } = string.Empty;
+    public string Address { get; set; }
-    public string Message { get; set; } = string.Empty;
+    public string Message { get; set; }
-    public RegistrationData? Registration { get; set; }
+    public RegistrationData Registration { get; set; }
-    public ExpirationData? Expiration { get; set; }
+    public ExpirationData Expiration { get; set; }
     public PreferenceData? Preferences { get; set; }
 
     public class RegistrationData : TimeData {

Models/AddressResponseList.cs

@@ -0,0 +1,10 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Neighbourhood.omg.lol.Models {
+  public class AddressResponseList : List<AddressResponseData>, IOmgLolResponseList<AddressResponseData> {
+  }
+}

Models/FeedItem.cs

@@ -1,13 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class FeedItem {
-    public Status? Status { get; set; }
-    public Pic? Pic { get; set; }
-    public Paste? Paste { get; set; }
-
-    public bool IsStatus { get => Status != null; }
-    public bool IsPic { get => Pic != null; }
-    public bool IsPaste { get => Paste != null; }
-
-    public DateTimeOffset? CreatedTime {  get => Status?.CreatedTime ?? Pic?.CreatedTime ?? Paste?.ModifiedTime; }
-  }
-}

Models/IOmgLolResponseData.cs

@@ -1,5 +1,4 @@
 namespace Neighbourhood.omg.lol.Models {
   public interface IOmgLolResponseData {
-    public string Message { get; set; }
   }
 }

Models/IOmgLolResponseList.cs

@@ -0,0 +1,10 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Neighbourhood.omg.lol.Models {
+  public interface IOmgLolResponseList<T> : IList<T>, IOmgLolResponseData where T : IOmgLolResponseData {
+  }
+}

Models/NowData.cs

@@ -0,0 +1,17 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Neighbourhood.omg.lol.Models {
+  public class NowData {
+    public string Address { get; set; }
+    public string Url { get; set; }
+    public TimeData Updated {  get; set; }
+
+    public string UpdatedRelative {
+      get => Utilities.RelativeTimeFromUnix(Convert.ToInt64(Updated.UnixEpochTime));
+    }
+  }
+}

Models/NowResponseData.cs

@@ -0,0 +1,13 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Neighbourhood.omg.lol.Models {
+  public class NowResponseData : IOmgLolResponseData {
+    public string Message { get; set; }
+    public long Count { get; set; }
+    public List<NowData> Garden { get; set; }
+  }
+}

Models/OmgLolResponse.cs

@@ -1,6 +1,6 @@
 namespace Neighbourhood.omg.lol.Models {
   public class OmgLolResponse<TResponseData> where TResponseData : IOmgLolResponseData {
-    public OmgLolRequestData? Request {  get; set; }
+    public OmgLolRequestData Request {  get; set; }
-    public TResponseData? Response { get; set; }
+    public TResponseData Response { get; set; }
   }
 }

Models/Paste.cs

@@ -1,29 +0,0 @@
-namespace Neighbourhood.omg.lol.Models {
-  public class Paste {
-    public string? Url;
-    public string Title { get; set; } = string.Empty;
-    public string Content { get; set; } = string.Empty;
-    public long? ModifiedOn { get; set; }
-    public int Listed { get; set; }
-
-    public bool IsListed {
-      get => Listed != 0;
-      set => Listed = value ? 1 : 0;
-    }
-
-    public DateTimeOffset ModifiedTime { get => DateTimeOffset.UnixEpoch.AddSeconds(ModifiedOn ?? 0); }
-    public string RelativeTime {
-      get {
-        TimeSpan offset = DateTimeOffset.UtcNow - ModifiedTime;
-
-        var offsetString = string.Empty;
-        if (offset.TotalDays >= 1) offsetString = $"{Math.Floor(offset.TotalDays)} days ago";
-        else if (offset.TotalHours >= 1) offsetString = $"{Math.Floor(offset.TotalHours)} hours, {offset.Minutes} minutes ago";
-        else if (offset.TotalMinutes >= 1) offsetString = $"{Math.Floor(offset.TotalMinutes)} minutes ago";
-        else offsetString = $"{Math.Floor(offset.TotalSeconds)} seconds ago";
-
-        return offsetString;
-      }
-    }
-  }
-}

Models/PatchStatus.cs

@@ -0,0 +1,13 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Neighbourhood.omg.lol.Models {
+  public class PatchStatus {
+    public string Id { get; set; }
+    public string Content { get; set; }
+    public string? Emoji {  get; set; }
+  }
+}

Models/PatchStatusResponseData.cs

@@ -0,0 +1,13 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Neighbourhood.omg.lol.Models {
+  public class PatchStatusResponseData : IOmgLolResponseData {
+    public string Message { get; set; }
+    public string Id { get; set; }
+    public string Url { get; set; }
+  }
+}

Models/Pic.cs

@@ -1,26 +1,31 @@
-using System.Text.Json;
+using Markdig;
+using Microsoft.AspNetCore.Components;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Text.Json;
 using System.Text.Json.Serialization;
+using System.Threading.Tasks;
 
-namespace Neighbourhood.omg.lol.Models
+namespace Neighbourhood.omg.lol.Models {
-{
   public class Pic {
-    public string Id { get; set; } = string.Empty;
+    public string Id { get; set; }
-    public string Url { get; set; } = string.Empty;
+    public string Url { get; set; }
-    public string Address { get; set; } = string.Empty;
+    public string Address { get; set; }
     public long Created { get; set; }
     public long Size { get; set; }
-    public string Mime { get; set; } = string.Empty;
+    public string Mime { get; set; }
-    public string Description { get; set; } = string.Empty;
+    public string Description { get; set; }
     public string DescriptionHtml { get => Description == null ? string.Empty : Utilities.MdToHtml(Description); }
 
-    public DateTimeOffset CreatedTime { get => DateTimeOffset.UnixEpoch.AddSeconds(Created); }
-
     [JsonPropertyName("exif")]
     public JsonElement ExifJson { get; set; }
 
     public string RelativeTime {
       get {
-        TimeSpan offset = DateTimeOffset.UtcNow - CreatedTime;
+        DateTimeOffset createdTime = DateTimeOffset.UnixEpoch.AddSeconds(Created);
+        TimeSpan offset = DateTimeOffset.UtcNow - createdTime;
 
         var offsetString = string.Empty;
         if (offset.TotalDays >= 1) offsetString = $"{Math.Floor(offset.TotalDays)} days ago";

Models/PostPic.cs

@@ -0,0 +1,11 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Neighbourhood.omg.lol.Models {
+  public class PostPic {
+    public string Description { get; set; }
+  }
+}