Fix sidebar accessibility on Identity pages by handling null TOC_DATA

[Copilot]

Problem

The sidebar hamburger menu button was inaccessible on Identity pages (e.g., /Identity/Account/Login, /Identity/Account/Register) due to JavaScript errors that prevented the Vue.js application from initializing properly.

Root Cause

On Identity pages, the TOC_DATA global variable and other ViewBag-dependent variables are null because these pages don't have table of contents data. The JavaScript code was attempting to iterate over these null values without proper null checks, causing runtime errors:

// This would fail when TOC_DATA is null on Identity pages
const tocData = markRaw(TOC_DATA);
const currentPage = findCurrentPage([], tocData) ?? [];

function findCurrentPage(path, items) {
    for (const item of items) { // TypeError: items is null
        // ...
    }
}

Solution

Implemented defensive programming practices throughout the JavaScript code:

1. Safe initialization: markRaw(TOC_DATA || []) provides empty array fallback
2. Null checks before iteration: Added guards in findCurrentPage() function
3. Safe computed properties: Added null checks in filteredTocData
4. Protected forEach usage: Added null check before tocData.forEach()
5. Fixed layout inheritance: Corrected Manage layout to use existing main layout

Result

• ✅ Sidebar button now works on all Identity pages
• ✅ Keyboard shortcut (Ctrl+M) functions correctly everywhere
• ✅ No JavaScript errors in browser console
• ✅ Existing functionality on content pages unchanged
• ✅ Graceful degradation when TOC data is unavailable

The changes are minimal and surgical, focusing only on null safety without altering the core sidebar functionality or user experience.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• api.hcaptcha.com
  • Triggering command: /usr/share/dotnet/dotnet exec --runtimeconfig /home/REDACTED/work/EssentialCSharp.Web/EssentialCSharp.Web/EssentialCSharp.Web.Tests/bin/Debug/net9.0/EssentialCSharp.Web.Tests.runtimeconfig.json --depsfile /home/REDACTED/work/EssentialCSharp.Web/EssentialCSharp.Web/EssentialCSharp.Web.Tests/bin/Debug/net9.0/EssentialCSharp.Web.Tests.deps.json /home/REDACTED/work/EssentialCSharp.Web/EssentialCSharp.Web/EssentialCSharp.Web.Tests/bin/Debug/net9.0/testhost.dll --port 34247 --endpoint 127.0.0.1:034247 --role client --parentprocessid 6139 --telemetryoptedin false (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.