<!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: ".."};
    </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 global = typeof global === "undefined" ? window : global || window;
    require(["require", "amber/es2015-polyfills"], function (require) {
        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", "amber_core/Platform-Browser"], 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>