loader.html

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="cache-control" content="no-cache">
    <title>SIMRacingApps</title>
  </head>
  <body style="margin:0; width:100%; height:100%; z-index: -1">
    <h1 id="sratitle">SIMRacingApps</h1><br />
    <span id="version" class="version"></span><br />
    <div id="copyright" class="copyright"></div><br />
    <div id="userpath" class="userpath"></div><br />
    <div id="storage" class="storage"></div><br />
    <div id='main' style='white-space: nowrap'><b>
        This window must stay open.<br />
        You can resize and move it and it will remember that.<br />
        Minimize it to minimize all Apps.<br />
        Restore it to restore all Apps.<br />
        Go to View -> Reload to reload all Apps.<br />
        Close it to close all Apps.<br /><br />
        Press Ctrl-R while an App is in the foreground to reload that App.<br />
        <h2>Loading Apps...</h2>
    </b></div>
    <script type="text/javascript">
        const ipc = require('electron').ipcRenderer;
        
        var vars = window.location.search.substring(1).split('&');
        var hostname = 'localhost';
        var port     = 80;

	    for (var i = 0; i < vars.length; i++) {
	        var pair = vars[i].split('=');
	        if (decodeURIComponent(pair[0]) == "hostname") {
	            hostname = decodeURIComponent(pair[1]);
	        }
	        else
	        if (decodeURIComponent(pair[0]) == "port") {
	            port = pair[1];
	        }
	    }
	    
	    var xhttp = new XMLHttpRequest();
	    xhttp.onreadystatechange = function() {
	        if (xhttp.readyState == 4 && xhttp.status == 200) {
	           // Action to be performed when the document is read;
	           var listings = JSON.parse(xhttp.responseText);
	           document.getElementById("version").innerHTML   = 'Version: '+listings.version.major + '.' + listings.version.minor + '-' + listings.version.build;
	           document.getElementById("copyright").innerHTML = listings.version.copyright;
               document.getElementById("userpath").innerHTML  = 'UserPath: '+listings.version.userpath;
	           ipc.send('loadApps',listings);
	        }
	    };
	    xhttp.open("GET", "http://"+hostname  + ":" + port+"/SIMRacingApps/listings", true);
	    xhttp.send();
	    
        ipc.on('storage',function(e,value) {
            document.getElementById('storage').innerHTML = 'Storage Location: ' + value;        
        });
        
	    ipc.on('loadingApps',function(e,app) {
	        document.getElementById('main').innerHTML = document.getElementById('main').innerHTML + '<br />' + app;        
	    });

    </script>
  </body>
</html>