[$75] 'challenge discussion' link is opening vanilla forums

[sdgun]

Steps
Create a new challenge
Go to challenge details page (ex- https://www.topcoder-dev.com/challenges/9fe92fbd-d495-438a-87be-25d9aa95791c)
Click

It opens the page https://vanilla.topcoder-dev.com/categories/9fe92fbd-d495-438a-87be-25d9aa95791c not the MFE page

2021-12-09_9-29-58.mp4

[sdgun]

It also doesn't redirect to MFE forums when click links in the email notifications

2021-12-09_9-40-07.mp4

[jmgasper]

Challenge https://www.topcoder.com/challenges/242dfc8a-b989-4a6d-96d7-4b7d80ac5013 has been created for this ticket.

This is an automated message for ghostar via Topcoder X

[jmgasper]

Challenge https://www.topcoder.com/challenges/242dfc8a-b989-4a6d-96d7-4b7d80ac5013 has been assigned to obog.

This is an automated message for ghostar via Topcoder X

[jmgasper]

@atelomycterus - Can you check the redirect for the category page please? I can fix the link for the challenges.

[jmgasper]

Hmmm... Actually, looks like the challenge forum processor is using the category.url value returned by the Vanilla API, which is pointing to vanilla.topcoder-dev. We may have to tweak the challenge forum processor to handle this a bit more formally, so I'll just add that to the "TODO" list. As long as the redirect is working, that's enough for now.

[atelomycterus]

@jmgasper The issue happens sporadically due to Topocder Auth0 iframe. So setupAuth0withRedirect.js and Vanilla embed_local.js are running. The first one uses JavaScript's window.onload and the second one jQuery's $(document).ready() method. Whether or not a redirect goes through depends on which script with the redirect is executed first. So we need to fix Vanilla entry controller + set correct {target} for Sign/SignOut Url if embedded Vanilla. Now it's is always vanilla.topcoder-dev.com. It should be platform.topcoder-dev.com if Vanilla is embedded.

Keep you updated in it.

Some details

The request initiator chain, no redirect to MFE page:

This frame is added by setupAuth0withRedirect.js and executed on JavaScript's window.onload. Return url of Auth0 is vanilla.topocder-dev.com. So user is not redirected to MFE page.

<script>function prepareFrame() {
    var ifrm = document.createElement("iframe");
    ifrm.setAttribute("src", "https://accounts-auth0.topcoder-dev.com/");
    ifrm.style.width = "0px"; 
    ifrm.style.height = "0px";
    document.body.appendChild(ifrm);
 } 
window.onload = prepareFrame;</script>

Embed_local.js ( in jQuery's $(document).ready()) checks if Vanilla is embedded or not. If Vanilla is embedded then go to MFE page:

The request initiator chain:

[atelomycterus]

@jmgasper Please apply PR-topcoder-platform/forums#646. Thanks!

Settings

Use {target} for 'retUrl' in Topcoder Plugin.

if 'Garden.Embed.Allow' is true + 'Garden.Embed.RemoteUrl' is configured then
the host of 'Garden.Embed.RemoteUrl' is used in {target}

Example:
SignIn - https://accounts-auth0.topcoder-dev.com/?retUrl={target}
SignOut - https://accounts-auth0.topcoder-dev.com/?logout=true&retUrl={target}

[jmgasper]

Looks good, thanks!