Content preview: web apps have a different sandbox environment than in Kolibri

Observed behavior

As with other content, Kolibri Studio shows a preview of HTML5 apps that have been added to a channel. However, this preview is missing some functionality that is present in Kolibri itself:

• The sandbox does not allow local storage access.
• There is no window.kolibri interface.

Expected behavior

Instead, the preview should work the same as it does inside Kolibri. If this is infeasible, it would be helpful if it was altered in some way to make it clear that the behaviour is different, and to nudge the user toward testing their web app in Kolibri itself instead of in Kolibri Studio.

User-facing consequences

Users who are publishing a web app to a Kolibri channel may be confused when that it behaves incorrectly in Kolibri Studio.

Steps to reproduce the issue

1. In Kolibri Studio, upload a HTML5 zip which uses local storage to persist data.
2. Select the content so it is visible in the preview pane.
3. Note that the local storage features are not functioning.
4. Additionally, inside the iframe, note that window.kolibri is not present.

Usage Details

• OS: Fedora Silverblue 37
• Browser: Firefox 107.0
• URL: https://studio.learningequality.org