Rewrite URLs in imported WXR files to avoid broken navigation links (white screen, errors, nested Playground)

[bph]

On this Playground site. I get intermittent success when using the navigation menu. One-page load works, subsequent page loads show a white screen.
The content is all working when I got to WP-admin > Pages and use the View of each page. But sometimes on link works, but then the next one doesn't.

The content and blueprint can be viewed in this repo.

Here is a video of my clicking around on the site.

Screen.Recording.2024-09-18.at.13.16.13.mov

[bph]

When I navigate around the site not using the links in the navigation block, the pages load consistently.
Archive page, author page, single posts etc.
when I click again on one of the links in the navigation bar, I get a white screen once more.

Screen.Recording.2024-09-18.at.14.51.42.mov

At the end of the video, you see me click on the Home link in the navigation, it actually loads another playground instance into the site.

[bgrgicak]

I'm wondering if these two could be related #349

This seems like a caching bug to me.
Playground is trying to load the page from cache while it should call PHP.

[bph]

Thank you @adamziel for setting me straight... Glad it was so easy to transfer.

[bph]

The default instance of playground uses a URL like https://playground.wordpress.net/scope:0.5198681762892301/?page_id=2 (TT4, Sample page in Header)

On my site it only has the URL https://playground.wordpress.net/about-us

Is there a way for me to modify the URL in the Navigation space of my .xml file from relative links
<!-- wp:navigation-link {"label":"About Us","type":"page","description":"","id":28,"url":"/about-us/","kind":"post-type"} /-->
To something like https://playground.wordpress.net/scope:{somestring}/about-us?
The line of code is in the XML import, that I modified to remove the original site's absolute links to show only relative links.

[bgrgicak]

This is definitely related to scope.

After the first load, the page is /.
When you click on a page like /patterns/ the referer (/) has scope so we avoid caching.
When you click on /news/ the referer (/patterns/) doesn't have scope and it goes to cache.

I think that there is an underlying problem because / gets a scope when used as a referer, while /patterns/ doesn't.

[bgrgicak]

Is there a way for me to modify the URL in the Navigation space of my .xml file from relative links

To something like https://playground.wordpress.net/scope:{somestring}/about-us?
The line of code is in the XML import, that I modified to remove the original site's absolute links to show only relative links.

Great research @bph! You are right about the root cause being imported URLs that aren't rewritten.

I'm not sure what's the best way to address this and will need to work with @adamziel and @brandonpayton on finding possible next steps.

[bgrgicak]

It looks like we are attempting to add the scope to the URL if it doesn't exist but that scope isn't used later by the browser or our code (I still don't know).

[bgrgicak]

I see a few directions here, but I'm not sure what to do.

• Rewrite all URLs upfront. In this case, ensure WXR imported URLs have a scope.
• Find a way to ingest scope into URLs after Playground loads.
• Find another way to store and propagate scope instead of pretending it to the URL.