Add Shiny to page to show the data as needed

[conatus]

To flesh out more. Should be a quick job as the functionality is all already there. Just a case of finding the embed code and inserting it.

[conatus]

I've added the ShinyApp to the page at https://www.stop-watch.org/admin/pages/887/edit/preview/ - and added in a Flourish one just to check this wasn't broken.

However, as it stands we only have support for Flourish URLs.

We need to duplicate the sort of logic and do it for ShinyApp. Which should be a copy and paste job of the existing code and a deployment.

URLs take the form like https://stop-watch.shinyapps.io/StopWatchApp_EW/ - and do it like this.

[conatus]

Just visiting the URL at https://stop-watch.shinyapps.io/StopWatchApp_EW/ - it takes a little while to load - around 4-5 seconds. This is not a surprise as it is a lot of data. Wondering if anything can be done like adding a loading screen on the Shiny side...

[janbaykara]

So it seems like the ask here is specifically to create a custom embed finder for Shiny apps, so that @HabKadSW can embed Shiny apps in articles.

• Custom embed finders are extensions to Wagtail's Rich Text Field featureset. Standard embed finders include youtube URLs -> embeddable video players and things like that.
  • Example of one custom embed finder we've already written in this codebase: https://github.com/commonknowledge/stopwatch/blob/main/commonknowledge/wagtail/embed_providers/flourish.py
• Shiny apps are R language-based visualisation tools with a browser UI that can be embedded into web pages
  • The URL of a Shiny app that Stopwatch wants to embed, that can be used for testing purposes: https://stop-watch.shinyapps.io/StopWatchApp_EW/