diff --git a/gulpfile.js b/gulpfile.js
index 55fe654f..b4a846ad 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -320,7 +320,8 @@ function dist_rollup() {
                 'components/init': 'src/components/init.js',
                 'js/main_cordova': 'src/js/main_cordova.js',
                 'js/utils/common': 'src/js/utils/common.js',
-                'js/tabs/logging': 'src/js/tabs/logging.js'
+                'js/tabs/logging': 'src/js/tabs/logging.js',
+                'js/main': 'src/js/main.js',
             },
             plugins: [
                 alias({
diff --git a/src/js/main.js b/src/js/main.js
index c44ec69f..d9674c0c 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -1,4 +1,4 @@
-'use strict';
+import { i18n } from './localization';
 
 window.googleAnalytics = analytics;
 window.analytics = null;
@@ -40,6 +40,7 @@ function appReady() {
         });
     });
 }
+window.appReady = appReady;
 
 function checkSetupAnalytics(callback) {
     if (!analytics) {
@@ -57,6 +58,8 @@ function checkSetupAnalytics(callback) {
     }
 }
 
+window.checkSetupAnalytics = checkSetupAnalytics;
+
 function getBuildType() {
     return GUI.Mode;
 }
@@ -545,12 +548,16 @@ function setDarkTheme(enabled) {
     });
 }
 
+window.setDarkTheme = setDarkTheme;
+
 function checkForConfiguratorUpdates() {
     const releaseChecker = new ReleaseChecker('configurator', 'https://api.github.com/repos/betaflight/betaflight-configurator/releases');
 
     releaseChecker.loadReleaseData(notifyOutdatedVersion);
 }
 
+window.checkForConfiguratorUpdates = checkForConfiguratorUpdates;
+
 function notifyOutdatedVersion(releaseData) {
     ConfigStorage.get('checkForConfiguratorUnstableVersions', function (result) {
         let showUnstableReleases = false;
@@ -604,6 +611,8 @@ function isExpertModeEnabled() {
     return $('input[name="expertModeCheckbox"]').is(':checked');
 }
 
+window.isExpertModeEnabled = isExpertModeEnabled;
+
 function updateTabList(features) {
 
     if (isExpertModeEnabled()) {
@@ -658,6 +667,8 @@ function updateTabList(features) {
 
 }
 
+window.updateTabList = updateTabList;
+
 function zeroPad(value, width) {
 
     let valuePadded = String(value);
@@ -689,6 +700,8 @@ function generateFilename(prefix, suffix) {
     return `${filename}.${suffix}`;
 }
 
+window.generateFilename = generateFilename;
+
 function showErrorDialog(message) {
    const dialog = $('.dialogError')[0];
 
@@ -701,6 +714,8 @@ function showErrorDialog(message) {
     dialog.showModal();
 }
 
+window.showErrorDialog = showErrorDialog;
+
 function showDialogDynFiltersChange() {
     const dialogDynFiltersChange = $('.dialogDynFiltersChange')[0];
 
@@ -712,3 +727,5 @@ function showDialogDynFiltersChange() {
         });
     }
 }
+
+window.showDialogDynFiltersChange = showDialogDynFiltersChange;
diff --git a/src/main.html b/src/main.html
index c65bfff4..51af014e 100644
--- a/src/main.html
+++ b/src/main.html
@@ -108,7 +108,7 @@
     <script type="text/javascript" src="./js/jenkins_loader.js"></script>
     <script type="text/javascript" src="./js/Analytics.js"></script>
     <script type="text/javascript" src="./js/GitHubApi.js"></script>
-    <script type="text/javascript" src="./js/main.js"></script>
+    <script type="module" src="./js/main.js"></script>
     <script type="text/javascript" src="./js/Clipboard.js"></script>
     <script type="text/javascript" src="./js/tabs/static_tab.js"></script>
     <script type="text/javascript" src="./js/tabs/landing.js"></script>