<!DOCTYPE html>
<html>

<head>
    <title>Amber Smalltalk</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="author" content="Nicolas Petton"/>
    <script>
        var require = {
            baseUrl: "..",
            map: {"*": {
                "amber/Platform": "amber_core/Platform-Browser",
                "amber/compatibility": "amber/browser-compatibility"
            }}
        };
    </script>
    <script type='text/javascript' src='../node_modules/es6-promise/dist/es6-promise.js'></script>
    <script type='text/javascript' src='../node_modules/requirejs/require.js'></script>
    <script type='text/javascript' src='../config.js'></script>
</head>

<body>
<p id="loading">Loading Amber for development ...</p>
<p id="startlegacy">To start legacy in-page IDE, <a href="#" onclick="require('amber/helpers').globals.Browser._open(); return false;">click here</a>.</p>
<p id="starthelios">To popup Helios IDE, <a href="#" onclick="require('amber/helpers').popupHelios(); return false;">click here</a>.</p>
<script type='text/javascript'>
    var startLegacy = document.getElementById("startlegacy");
    startLegacy.parentNode.removeChild(startLegacy);
    var startHelios = document.getElementById("starthelios");
    startHelios.parentNode.removeChild(startHelios);
    var loadHelpers = new Promise(function (resolve, reject) {
        setTimeout(function () {
            require(["amber/legacy/IDE", "amber/web/Web", "amber/legacy/Benchfib", "helios/all", "amber_cli/AmberCli"], resolve, reject);
        }, 250);
    });
    require(["amber/devel"], function (amber) {
        loadHelpers
                .then(function () {
                    return amber.initialize({'transport.defaultAmdNamespace': "amber_core"})
                })
                .then(function () {
                    var loading = document.getElementById("loading");
                    loading.parentNode.appendChild(startLegacy);
                    loading.parentNode.appendChild(startHelios);
                    loading.parentNode.removeChild(loading);
                });
    });
</script>
</body>
</html>