a fork of iceshrimp.net but a tweaked frontend to my personal liking. waow
fediverse
social-media
social
iceshrimp
fedi
[backend/razor] Drop custom NavLink as NavLinkMatch.All now behaves like AllExcludingQuery
+2
-245
2 changed files
Iceshrimp.Backend
Components
Generic
+2
-1
Iceshrimp.Backend/Components/Generic/NavBarLink.razor
+2
-1
Iceshrimp.Backend/Components/Generic/NavBarLink.razor
···
1
1
@using Iceshrimp.Assets.PhosphorIcons
2
2
-
<NavLink href="@Link.Href" class="nav-link" Match="NavLinkMatch.AllExcludingQuery" target="@Target">
2
2
+
@using Microsoft.AspNetCore.Components.Routing
3
3
+
<NavLink href="@Link.Href" class="nav-link" Match="NavLinkMatch.All" target="@Target">
3
4
@if (Link.Icon != null)
4
5
{
5
6
<Icon Name="Link.Icon"/>
-244
Iceshrimp.Backend/Components/Generic/NavLink.cs
-244
Iceshrimp.Backend/Components/Generic/NavLink.cs
···
1
1
-
using System.Diagnostics;
2
2
-
using System.Globalization;
3
3
-
using Microsoft.AspNetCore.Components;
4
4
-
using Microsoft.AspNetCore.Components.Rendering;
5
5
-
using Microsoft.AspNetCore.Components.Routing;
6
6
-
7
7
-
namespace Iceshrimp.Backend.Components.Generic;
8
8
-
9
9
-
/// <summary>
10
10
-
/// A component that renders an anchor tag, automatically toggling its 'active'
11
11
-
/// class based on whether its 'href' matches the current URI.
12
12
-
/// </summary>
13
13
-
public class NavLink : ComponentBase, IDisposable
14
14
-
{
15
15
-
private const string DefaultActiveClass = "active";
16
16
-
17
17
-
private bool _isActive;
18
18
-
private string? _hrefAbsolute;
19
19
-
private string? _class;
20
20
-
21
21
-
/// <summary>
22
22
-
/// Gets or sets the CSS class name applied to the NavLink when the
23
23
-
/// current route matches the NavLink href.
24
24
-
/// </summary>
25
25
-
[Parameter]
26
26
-
public string? ActiveClass { get; set; }
27
27
-
28
28
-
/// <summary>
29
29
-
/// Gets or sets a collection of additional attributes that will be added to the generated
30
30
-
/// <c>a</c> element.
31
31
-
/// </summary>
32
32
-
[Parameter(CaptureUnmatchedValues = true)]
33
33
-
public IReadOnlyDictionary<string, object>? AdditionalAttributes { get; set; }
34
34
-
35
35
-
/// <summary>
36
36
-
/// Gets or sets the computed CSS class based on whether or not the link is active.
37
37
-
/// </summary>
38
38
-
protected string? CssClass { get; set; }
39
39
-
40
40
-
/// <summary>
41
41
-
/// Gets or sets the child content of the component.
42
42
-
/// </summary>
43
43
-
[Parameter]
44
44
-
public RenderFragment? ChildContent { get; set; }
45
45
-
46
46
-
/// <summary>
47
47
-
/// Gets or sets a value representing the URL matching behavior.
48
48
-
/// </summary>
49
49
-
[Parameter]
50
50
-
public NavLinkMatch Match { get; set; }
51
51
-
52
52
-
[Inject] private NavigationManager NavigationManager { get; set; } = default!;
53
53
-
54
54
-
/// <inheritdoc />
55
55
-
protected override void OnInitialized()
56
56
-
{
57
57
-
// We'll consider re-rendering on each location change
58
58
-
NavigationManager.LocationChanged += OnLocationChanged;
59
59
-
}
60
60
-
61
61
-
/// <inheritdoc />
62
62
-
protected override void OnParametersSet()
63
63
-
{
64
64
-
// Update computed state
65
65
-
string? href = null;
66
66
-
if (AdditionalAttributes != null && AdditionalAttributes.TryGetValue("href", out var obj))
67
67
-
{
68
68
-
href = Convert.ToString(obj, CultureInfo.InvariantCulture);
69
69
-
}
70
70
-
71
71
-
_hrefAbsolute = href == null ? null : NavigationManager.ToAbsoluteUri(href).AbsoluteUri;
72
72
-
_isActive = ShouldMatch(NavigationManager.Uri);
73
73
-
74
74
-
_class = null;
75
75
-
if (AdditionalAttributes != null && AdditionalAttributes.TryGetValue("class", out obj))
76
76
-
{
77
77
-
_class = Convert.ToString(obj, CultureInfo.InvariantCulture);
78
78
-
}
79
79
-
80
80
-
UpdateCssClass();
81
81
-
}
82
82
-
83
83
-
/// <inheritdoc />
84
84
-
public void Dispose()
85
85
-
{
86
86
-
// To avoid leaking memory, it's important to detach any event handlers in Dispose()
87
87
-
NavigationManager.LocationChanged -= OnLocationChanged;
88
88
-
}
89
89
-
90
90
-
private void UpdateCssClass()
91
91
-
{
92
92
-
CssClass = _isActive ? CombineWithSpace(_class, ActiveClass ?? DefaultActiveClass) : _class;
93
93
-
}
94
94
-
95
95
-
private void OnLocationChanged(object? sender, LocationChangedEventArgs args)
96
96
-
{
97
97
-
// We could just re-render always, but for this component we know the
98
98
-
// only relevant state change is to the _isActive property.
99
99
-
var shouldBeActiveNow = ShouldMatch(args.Location);
100
100
-
if (shouldBeActiveNow != _isActive)
101
101
-
{
102
102
-
_isActive = shouldBeActiveNow;
103
103
-
UpdateCssClass();
104
104
-
StateHasChanged();
105
105
-
}
106
106
-
}
107
107
-
108
108
-
private bool ShouldMatch(string currentUriAbsolute)
109
109
-
{
110
110
-
if (_hrefAbsolute == null)
111
111
-
return false;
112
112
-
if (EqualsHrefExactlyOrIfTrailingSlashAdded(currentUriAbsolute))
113
113
-
return true;
114
114
-
if (Match == NavLinkMatch.AllExcludingQuery && EqualsHrefExcludingQuery(currentUriAbsolute))
115
115
-
return true;
116
116
-
117
117
-
return Match == NavLinkMatch.Prefix && IsStrictlyPrefixWithSeparator(currentUriAbsolute, _hrefAbsolute);
118
118
-
}
119
119
-
120
120
-
private bool EqualsHrefExactlyOrIfTrailingSlashAdded(string currentUriAbsolute)
121
121
-
{
122
122
-
if (string.Equals(currentUriAbsolute, _hrefAbsolute, StringComparison.OrdinalIgnoreCase))
123
123
-
{
124
124
-
return true;
125
125
-
}
126
126
-
127
127
-
if (currentUriAbsolute.Length == _hrefAbsolute!.Length - 1)
128
128
-
{
129
129
-
// Special case: highlight links to http://host/path/ even if you're
130
130
-
// at http://host/path (with no trailing slash)
131
131
-
//
132
132
-
// This is because the router accepts an absolute URI value of "same
133
133
-
// as base URI but without trailing slash" as equivalent to "base URI",
134
134
-
// which in turn is because it's common for servers to return the same page
135
135
-
// for http://host/vdir as they do for host://host/vdir/ as it's no
136
136
-
// good to display a blank page in that case.
137
137
-
if (_hrefAbsolute[^1] == '/'
138
138
-
&& _hrefAbsolute.StartsWith(currentUriAbsolute, StringComparison.OrdinalIgnoreCase))
139
139
-
{
140
140
-
return true;
141
141
-
}
142
142
-
}
143
143
-
144
144
-
return false;
145
145
-
}
146
146
-
147
147
-
private bool EqualsHrefExcludingQuery(string currentUriAbsolute)
148
148
-
{
149
149
-
Debug.Assert(_hrefAbsolute != null);
150
150
-
151
151
-
currentUriAbsolute = currentUriAbsolute.Split('?')[0];
152
152
-
153
153
-
if (string.Equals(currentUriAbsolute, _hrefAbsolute, StringComparison.OrdinalIgnoreCase))
154
154
-
{
155
155
-
return true;
156
156
-
}
157
157
-
158
158
-
if (currentUriAbsolute.Length == _hrefAbsolute.Length - 1)
159
159
-
{
160
160
-
// Special case: highlight links to http://host/path/ even if you're
161
161
-
// at http://host/path (with no trailing slash)
162
162
-
//
163
163
-
// This is because the router accepts an absolute URI value of "same
164
164
-
// as base URI but without trailing slash" as equivalent to "base URI",
165
165
-
// which in turn is because it's common for servers to return the same page
166
166
-
// for http://host/vdir as they do for host://host/vdir/ as it's no
167
167
-
// good to display a blank page in that case.
168
168
-
if (_hrefAbsolute[^1] == '/'
169
169
-
&& _hrefAbsolute.StartsWith(currentUriAbsolute, StringComparison.OrdinalIgnoreCase))
170
170
-
{
171
171
-
return true;
172
172
-
}
173
173
-
}
174
174
-
175
175
-
return false;
176
176
-
}
177
177
-
178
178
-
/// <inheritdoc/>
179
179
-
protected override void BuildRenderTree(RenderTreeBuilder builder)
180
180
-
{
181
181
-
builder.OpenElement(0, "a");
182
182
-
183
183
-
builder.AddMultipleAttributes(1, AdditionalAttributes);
184
184
-
builder.AddAttribute(2, "class", CssClass);
185
185
-
if (_isActive)
186
186
-
{
187
187
-
builder.AddAttribute(3, "aria-current", "page");
188
188
-
}
189
189
-
190
190
-
builder.AddContent(4, ChildContent);
191
191
-
192
192
-
builder.CloseElement();
193
193
-
}
194
194
-
195
195
-
private static string CombineWithSpace(string? str1, string str2) => str1 == null ? str2 : $"{str1} {str2}";
196
196
-
197
197
-
private static bool IsStrictlyPrefixWithSeparator(string value, string prefix)
198
198
-
{
199
199
-
var prefixLength = prefix.Length;
200
200
-
if (value.Length > prefixLength)
201
201
-
{
202
202
-
return value.StartsWith(prefix, StringComparison.OrdinalIgnoreCase)
203
203
-
&& (
204
204
-
// Only match when there's a separator character either at the end of the
205
205
-
// prefix or right after it.
206
206
-
// Example: "/abc" is treated as a prefix of "/abc/def" but not "/abcdef"
207
207
-
// Example: "/abc/" is treated as a prefix of "/abc/def" but not "/abcdef"
208
208
-
prefixLength == 0
209
209
-
|| !IsUnreservedCharacter(prefix[prefixLength - 1])
210
210
-
|| !IsUnreservedCharacter(value[prefixLength])
211
211
-
);
212
212
-
}
213
213
-
214
214
-
return false;
215
215
-
}
216
216
-
217
217
-
private static bool IsUnreservedCharacter(char c)
218
218
-
{
219
219
-
// Checks whether it is an unreserved character according to
220
220
-
// https://datatracker.ietf.org/doc/html/rfc3986#section-2.3
221
221
-
// Those are characters that are allowed in a URI but do not have a reserved
222
222
-
// purpose (e.g. they do not separate the components of the URI)
223
223
-
return char.IsLetterOrDigit(c) || c == '-' || c == '.' || c == '_' || c == '~';
224
224
-
}
225
225
-
}
226
226
-
227
227
-
/// <summary>
228
228
-
/// Modifies the URL matching behavior for a <see cref="T:Microsoft.AspNetCore.Components.Routing.NavLink" />.
229
229
-
/// </summary>
230
230
-
public enum NavLinkMatch
231
231
-
{
232
232
-
/// <summary>
233
233
-
/// Specifies that the <see cref="T:Microsoft.AspNetCore.Components.Routing.NavLink" /> should be active when it matches any prefix
234
234
-
/// of the current URL.
235
235
-
/// </summary>
236
236
-
Prefix,
237
237
-
238
238
-
/// <summary>
239
239
-
/// Specifies that the <see cref="T:Microsoft.AspNetCore.Components.Routing.NavLink" /> should be active when it matches the entire
240
240
-
/// current URL.
241
241
-
/// </summary>
242
242
-
All,
243
243
-
AllExcludingQuery
244
244
-
}