index.html


<!DOCTYPE html>
<html>
<head>
    <meta name="viewport"   content="width=device-width"/>
    <title>Web Atoms - </title>
    <script src="/node_modules/@web-atoms/module-loader/umd.js"></script>
    <style>
    html, body {
        margin: 0;
        padding: 0;
    }
    </style>
</head>
<body>
    <script src="/.vscode/.waSetup.js"></script>
    <script>

        (function() {
            if (window.VisualViewport.width < 900 || (window.visualViewport.height > window.visualViewport.width)) {
                window.forceMobileLayout = true;
            }
            
            const url = new URL(location.href);
            if(url.searchParams.get("mode") === "mobile") {
                window.forceMobileLayout = true;
            }
        })();

        (function () {
            UMD.setupRoot("@web-atoms-samples/binding","");
            UMD.map("@web-atoms-samples/binding", "");
            UMD.lang = "en-US";
            
            UMD.loadView("@web-atoms-samples/binding/dist/AppIndex", false)
                .catch((error) => {
                    console.error(error);
                    setTimeout(() => location.reload(), 1000);
                });
        })();
    </script>
</body>
</html>