examples/juicebox-minimal.html

<html>
<head>
    <meta charSet="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>Juicebox - ES6 </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css">

    <!-- Juicebox CSS-->
    <link rel="stylesheet" type="text/css" href="../dist/css/juicebox.css">

</head>

<body>

<div id="app-container"></div>

<script type="module">

    import juicebox from "https://cdn.jsdelivr.net/npm/juicebox.js@2.4.8/dist/juicebox.esm.js"

    const config =
        {
            "url": "https://hicfiles.s3.amazonaws.com/hiseq/gm12878/dilution/combined.hic",
        }


    juicebox.init(document.getElementById("app-container"), config)
        .then(browser => {
            console.log(`${browser.id} is good to go`)
        })


</script>

</body>

</html>