Bug/issue 1026 deeply nested direct hash links

[thescientist13]

Related Issue

resolves #1026

Summary of Changes

1. Make sure to handle a case where a hash link is clicked before its preceding pathname
2. Make loadRoute async to account for loading content before trying to change a hash (race condition)
3. Mark staticRouter as experimental in the Configuration docs
4. Validated existing test cases from router refactor to better handle hash URL changes and history navigation events #937

TODO

1. Final Production cross browser sanity check / clean up remaining console logs
   • Chrome
   • Safari
   • Firefox
2. Track a discussion about router future - Static Router Enhancements #1033
   • can this all be done (pathname, hash, etc) through pushState in one go?

     history.pushState({}, '', `${targetUrl.pathname}${targetUrl.hash}`);

   • Bury more of the logic into RouteComponent?
   • should loadRoute take a callback?
   • better scroll up on back button
   • what about SSR capabilities, including on-demand fragment routing?
3. Track No JS fallback option for website menu, as part of Website redesign, branding, and long term structure #978
4. We really need to get some E2E setup for this website

---

Test Cases

• -> - click menu
• > - expand menu

Home -> Plugins + side nav ✅

1. Home
2. -> Plugins
3.   -> Copy
4.   -> Resource
5.   -> Renderer
6.   -> Rollup

Home -> Getting Started + side nav + nested items ✅

1. Home
2. -> Getting Started
3.  -> Project Setup
4.  -> Key Concepts
5.   -> Creating Content
6a.     -> Home Page Template
6b.     -> Blog Posts Template
6c.     -> App Template
6d.     -> Creating Pages
7.   -> Optimizing
7a.     -> Prerendering

Home -> Getting Started + side nav + nested items ✅ *

1. Home
2. -> Getting Started
3.  > Project Setup
4.  > Key Concepts
5.  > Creating Content
5a.     -> Home Page Template
5b.     -> Blog Posts Template
5c.     -> App Template
5d.     -> Creating Pages
6.   > Optimizing
6a.     -> Prerendering

Note: when going back, Key Concept and Project Setup should not be visited.

going from > -> -> and going back will result in two entries, not one.

Home -> Getting Started + side nav + nested items -> Blog ✅

1. Home
2. -> Getting Started
3.  -> Project Setup
4.  -> Key Concepts
5.   -> Creating Content
5a.     -> Home Page Template
5b.     -> Blog Posts Template
5c.     -> App Template
5d.     -> Creating Pages
6.   -> Optimizing
6a.     -> Prerendering
7.  Blog
8.   -> State of Greenwood 2022

Home -> Getting Started + side nav + nested items -> Blog ✅

1. Home
2. -> Getting Started
3.   > Project Setup
4.  > Key Concepts
5.   > Creating Content
5a.     -> Home Page Template
5b.     -> Blog Posts Template
5c.     -> App Template
5d.     -> Creating Pages
6.   > Optimizing
6a.     -> Prerendering
7.  -> Blog
8.   -> State of Greenwood 2022

Note: when going back, Key Concept and Project Setup should not be visited.

Docs -> About + side nav ✅

1. Home
2. -> Docs
2a.   -> Configuration
2b.   -> Front Matter
3. About
4.   -> Goals