Add Open Graph tags

Author: Kyle-Undefined

src/UndefinedLabs/Components/Pages/FileView.razor

@@ -1,9 +1,20 @@
 @using UndefinedLabs.Models
 @inject ConvexService ConvexService
+@inject IConfiguration Configuration
 @page "/f/{Slug}"
 
 <PageTitle>File - @Slug</PageTitle>
 
+@if (_record is not null)
+{
+    <HeadContent>
+        <meta property="og:type" content="website" />
+        <meta property="og:title" content="@_record.FileName" />
+        <meta property="og:description" content="File - @FormatBytes(_record.FileSize) — @_record.ContentType" />
+        <meta property="og:url" content="@_baseUrl/f/@Uri.EscapeDataString(Slug)" />
+    </HeadContent>
+}
+
 @if (_notFound)
 {
     <NotFound />
@@ -51,11 +62,13 @@ else
 
     private UploadRecord? _record;
     private bool _notFound;
+    private string _baseUrl = string.Empty;
 
     protected override async Task OnParametersSetAsync()
     {
         _record = null;
         _notFound = false;
+        _baseUrl = (Configuration["PUBLIC_BASE_URL"] ?? "").TrimEnd('/');
 
         _record = await ConvexService.QueryAsync<UploadRecord?>(
             "files:getBySlug",

src/UndefinedLabs/Components/Pages/ImageView.razor

@@ -1,9 +1,23 @@
 @using UndefinedLabs.Models
 @inject ConvexService ConvexService
+@inject IConfiguration Configuration
 @page "/i/{Slug}"
 
 <PageTitle>Image - @Slug</PageTitle>
 
+@if (_record is not null)
+{
+    <HeadContent>
+        <meta property="og:type" content="website" />
+        <meta property="og:title" content="@_record.FileName" />
+        <meta property="og:description" content="@FormatBytes(_record.FileSize) - Uploaded @FormatDate(_record.CreationTime)" />
+        <meta property="og:url" content="@_baseUrl/i/@Uri.EscapeDataString(Slug)" />
+        <meta property="og:image" content="@_baseUrl/content/i/@Uri.EscapeDataString(Slug)" />
+        <meta property="og:image:type" content="@_record.ContentType" />
+        <meta name="twitter:card" content="summary_large_image" />
+    </HeadContent>
+}
+
 @if (_notFound)
 {
     <NotFound />
@@ -52,11 +66,13 @@ else
 
     private UploadRecord? _record;
     private bool _notFound;
+    private string _baseUrl = string.Empty;
 
     protected override async Task OnParametersSetAsync()
     {
         _record = null;
         _notFound = false;
+        _baseUrl = (Configuration["PUBLIC_BASE_URL"] ?? "").TrimEnd('/');
 
         _record = await ConvexService.QueryAsync<UploadRecord?>(
             "images:getBySlug",

src/UndefinedLabs/Components/Pages/TextView.razor

@@ -1,9 +1,20 @@
 @using UndefinedLabs.Models
 @inject ConvexService ConvexService
+@inject IConfiguration Configuration
 @page "/t/{Slug}"
 
 <PageTitle>Text - @Slug</PageTitle>
 
+@if (_record is not null)
+{
+    <HeadContent>
+        <meta property="og:type" content="website" />
+        <meta property="og:title" content="@_record.FileName" />
+        <meta property="og:description" content="Text - @FormatBytes(_record.FileSize)" />
+        <meta property="og:url" content="@_baseUrl/t/@Uri.EscapeDataString(Slug)" />
+    </HeadContent>
+}
+
 @if (_notFound)
 {
     <NotFound />
@@ -37,12 +48,14 @@ else
     private UploadRecord? _record;
     private string _textContent = string.Empty;
     private bool _notFound;
+    private string _baseUrl = string.Empty;
 
     protected override async Task OnParametersSetAsync()
     {
         _record = null;
         _textContent = string.Empty;
         _notFound = false;
+        _baseUrl = (Configuration["PUBLIC_BASE_URL"] ?? "").TrimEnd('/');
 
         _record = await ConvexService.QueryAsync<UploadRecord?>(
             "texts:getBySlug",