feat: handle navigation and resize events from discussions MFE [BD-38] [TNL-9585]

[xitij2000]

Description

The discussions MFE sends resize and navigation events via the postMessage API, we can use these events to resize the iframe and make sure that the iframe loads the correct page on refresh.

Supporting information

• https://openedx.atlassian.net/browse/TNL-9585

Testing instructions

• Use along wtih: feat: send message to learning MFE on navigation [BD-38] [TNL-9585] frontend-app-discussions#114
• The iframe should seamlessly resize with content.
• Navigation in the iframe should change the hash URL of the LMS, and reloading should take you back to where you left off in the MFE.

[openedx-webhooks]

Thanks for the pull request, @xitij2000! I've created BLENDED-1179 to keep track of it in Jira. More details are on the BD-38 project page.

When this pull request is ready, tag your edX technical lead.

[asadazam93]

@xitij2000 This will update the iframe src url? Or will it update the url that loads this iframe?

[xitij2000]

@xitij2000 This will update the iframe src url? Or will it update the url that loads this iframe?

It works both ways. When there is navigation inside the iframe, it sends a message, the platform puts that in the URL hash. If you then reload the page, it will take the URL hash and append it to the correct MFE URL inside the frame.

[openedx-webhooks]

@xitij2000 🎉 Your pull request was merged! Please take a moment to answer a two question survey so we can improve your experience in the future.

[edx-pipeline-bot]

EdX Release Notice: This PR has been deployed to the staging environment in preparation for a release to production.

[edx-pipeline-bot]

EdX Release Notice: This PR has been deployed to the production environment.

[edx-pipeline-bot]

EdX Release Notice: This PR has been deployed to the production environment.