jitsi-meet/index.html

<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--#include virtual="base.html" -->
    <script>
        window.indexLoadedTime = window.performance.now();
        console.log("(TIME) index.html loaded:\t", indexLoadedTime);
        // XXX the code below listeners for errors and displays an error message
        // in the document body when any of the required files fails to load.
        // The intention is to prevent from displaying broken page.
        var criticalFiles = [
            "config.js",
            "utils.js",
            "do_external_connect.js",
            "interface_config.js",
            "logging_config.js",
            "lib-jitsi-meet.min.js",
            "app.bundle.min.js",
            "all.css"
        ];
        var loadErrHandler = function(e) {
            var target = e.target;
            // Error on <script> and <link>(CSS)
            // <script> will have .src and <link> .href
            var fileRef = (target.src ? target.src : target.href);
            if (("SCRIPT" === target.tagName || "LINK" === target.tagName)
                && criticalFiles.some(
                    function(file) { return fileRef.indexOf(file) !== -1 })) {
                window.onload = function() {
                    // The whole complex part below implements page reloads with
                    // "exponential backoff". The retry attempt is passes as
                    // "rCounter" query parameter
                    var href = window.location.href;

                    var retryMatch = href.match(/.+(\?|&)rCounter=(\d+)/);
                    var retryCountStr = retryMatch ? retryMatch[2] : "0";
                    var retryCount = Number.parseInt(retryCountStr);

                    if (retryMatch == null) {
                        var separator = href.indexOf("?") === -1 ? "?" : "&";
                        var hashIdx = href.indexOf("#");

                        if (hashIdx === -1) {
                            href += separator + "rCounter=1";
                        } else {
                            var hashPart = href.substr(hashIdx);

                            href = href.substr(0, hashIdx)
                                + separator + "rCounter=1" + hashPart;
                        }
                    } else {
                        var separator = retryMatch[1];

                        href = href.replace(
                            /(\?|&)rCounter=(\d+)/,
                            separator + "rCounter=" + (retryCount + 1));
                    }

                    var delay = Math.pow(2, retryCount) * 2000;
                    if (isNaN(delay) || delay < 2000 || delay > 60000)
                        delay = 10000;

                    var showMoreText = "show more";
                    var showLessText = "show less";

                    document.body.innerHTML
                        = "<div style='"
                        + "position: absolute;top: 50%;left: 50%;"
                        + "text-align: center;"
                        + "font-size: medium;"
                        + "font-weight: 400;"
                        + "transform: translate(-50%, -50%)'>"
                        + "Uh oh! We couldn't fully download everything we needed :(" // jshint ignore:line
                        + "<br/> "
                        + "We will try again shortly. In the mean time, check for problems with your Internet connection!" // jshint ignore:line
                        + "<br/><br/> "
                        + "<div id='moreInfo' style='"
                        + "display: none;'>" + "Missing " + fileRef
                        + "<br/><br/></div>"
                        + "<a id='showMore' style='"
                        + "text-decoration: underline;"
                        + "font-size:small;"
                        + "cursor: pointer'>" + showMoreText + "</a>"
                        + "&nbsp;&nbsp;&nbsp;"
                        + "<a href='" + href + "' style='"
                        + "text-decoration: underline;"
                        + "font-size:small;"
                        + "'>reload now</a>"
                        + "</div>";

                    var showMoreElem = document.getElementById("showMore");
                    showMoreElem.addEventListener('click', function () {
                            var moreInfoElem
                                    = document.getElementById("moreInfo");

                            if (showMoreElem.innerHTML === showMoreText) {
                                moreInfoElem.setAttribute(
                                    "style",
                                    "display: block;"
                                    + "color:#FF991F;"
                                    + "font-size:small;"
                                    + "user-select:text;");
                                showMoreElem.innerHTML = showLessText;
                            }
                            else {
                                moreInfoElem.setAttribute(
                                    "style", "display: none;");
                                showMoreElem.innerHTML = showMoreText;
                            }
                        });

                    window.setTimeout(
                        function () { window.location.replace(href); }, delay);
                };
                window.removeEventListener(
                    'error', loadErrHandler, true /* capture phase */);
            }
        };
        window.addEventListener(
            'error', loadErrHandler, true /* capture phase type of listener */);
    </script>
    <script><!--#include virtual="/config.js" --></script><!-- adapt to your needs, i.e. set hosts and bosh path -->
    <script src="utils.js?v=1"></script>
    <!--#include virtual="connection_optimization/connection_optimization.html" -->
    <script src="connection_optimization/do_external_connect.js?v=1"></script>
    <script><!--#include virtual="/interface_config.js" --></script>
    <script><!--#include virtual="/logging_config.js" --></script>
    <script src="libs/lib-jitsi-meet.min.js?v=139"></script>
    <script src="libs/app.bundle.min.js?v=139"></script>
    <!--#include virtual="title.html" -->
    <link rel="stylesheet" href="css/all.css">
    <!--#include virtual="plugin.head.html" -->
  </head>
  <body>
    <div id="react"></div>
    <div id="keyboard-shortcuts" class="keyboard-shortcuts" style="display:none;">
        <div class="content">
            <ul id="keyboard-shortcuts-list" class="shortcuts-list">
            </ul>
        </div>
    </div>
  </body>
</html>
Implements welcome page. 10 years ago			`<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">`
initial commit 11 years ago			`<head>`
Consistent spacing, closing in index.html 8 years ago			`<meta charset="utf-8">`
Defines^2 the document encoding. 9 years ago			`<meta http-equiv="content-type" content="text/html;charset=utf-8">`
Implement Landing component 8 years ago			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
add support for possible ssi of <base> attribute left blank in default meet installations, to be overridden by adding <base href="CDN_URL"> to /base.html 9 years ago			`<!--#include virtual="base.html" -->`
Stores measured times and exposes them 9 years ago			`<script>`
			`window.indexLoadedTime = window.performance.now();`
			`console.log("(TIME) index.html loaded:\t", indexLoadedTime);`
feat(index.html): prevent from displaying broken page The commit adds an error listener which will replace the document body with an error message if any of the files required for the app to be displayed correctly fails to load. 8 years ago			`// XXX the code below listeners for errors and displays an error message`
			`// in the document body when any of the required files fails to load.`
			`// The intention is to prevent from displaying broken page.`
			`var criticalFiles = [`
			`"config.js",`
			`"utils.js",`
			`"do_external_connect.js",`
			`"interface_config.js",`
feat: add logging config 8 years ago			`"logging_config.js",`
feat(index.html): prevent from displaying broken page The commit adds an error listener which will replace the document body with an error message if any of the files required for the app to be displayed correctly fails to load. 8 years ago			`"lib-jitsi-meet.min.js",`
			`"app.bundle.min.js",`
			`"all.css"`
			`];`
			`var loadErrHandler = function(e) {`
			`var target = e.target;`
			`// Error on <script> and <link>(CSS)`
			`// <script> will have .src and <link> .href`
			`var fileRef = (target.src ? target.src : target.href);`
			`if (("SCRIPT" === target.tagName \|\| "LINK" === target.tagName)`
			`&& criticalFiles.some(`
			`function(file) { return fileRef.indexOf(file) !== -1 })) {`
			`window.onload = function() {`
feat(index.html): reload when resource fails to load The page will be reloaded if any of the mandatory scripts/resources fails to load. The reload will be delayed with exponential backoff starting from 2 seconds. The retry attempt counter is passed as 'rCounter' query attribute. 8 years ago			`// The whole complex part below implements page reloads with`
			`// "exponential backoff". The retry attempt is passes as`
			`// "rCounter" query parameter`
			`var href = window.location.href;`

			`var retryMatch = href.match(/.+(\?\|&)rCounter=(\d+)/);`
			`var retryCountStr = retryMatch ? retryMatch[2] : "0";`
			`var retryCount = Number.parseInt(retryCountStr);`

			`if (retryMatch == null) {`
			`var separator = href.indexOf("?") === -1 ? "?" : "&";`
			`var hashIdx = href.indexOf("#");`

			`if (hashIdx === -1) {`
			`href += separator + "rCounter=1";`
			`} else {`
			`var hashPart = href.substr(hashIdx);`

			`href = href.substr(0, hashIdx)`
			`+ separator + "rCounter=1" + hashPart;`
			`}`
			`} else {`
			`var separator = retryMatch[1];`

			`href = href.replace(`
			`/(\?\|&)rCounter=(\d+)/,`
			`separator + "rCounter=" + (retryCount + 1));`
			`}`

			`var delay = Math.pow(2, retryCount) * 2000;`
feat(index.html): add safeguards to the reload delay value If the page reload value is not within specific range it will be adjusted to a default of 10 seconds. 8 years ago			`if (isNaN(delay) \|\| delay < 2000 \|\| delay > 60000)`
			`delay = 10000;`
feat(index.html): reload when resource fails to load The page will be reloaded if any of the mandatory scripts/resources fails to load. The reload will be delayed with exponential backoff starting from 2 seconds. The retry attempt counter is passed as 'rCounter' query attribute. 8 years ago
fix(index.html): minor variable optimisation 8 years ago			`var showMoreText = "show more";`
			`var showLessText = "show less";`

feat(index.html): hide the missing filename by default 8 years ago			`document.body.innerHTML`
			`= "<div style='"`
fix(index.html): UI adjustments 8 years ago			`+ "position: absolute;top: 50%;left: 50%;"`
			`+ "text-align: center;"`
			`+ "font-size: medium;"`
			`+ "font-weight: 400;"`
			`+ "transform: translate(-50%, -50%)'>"`
			`+ "Uh oh! We couldn't fully download everything we needed :(" // jshint ignore:line`
			`+ "<br/> "`
			`+ "We will try again shortly. In the mean time, check for problems with your Internet connection!" // jshint ignore:line`
			`+ "<br/><br/> "`
			`+ "<div id='moreInfo' style='"`
			`+ "display: none;'>" + "Missing " + fileRef`
			`+ "<br/><br/></div>"`
			`+ "<a id='showMore' style='"`
			`+ "text-decoration: underline;"`
			`+ "font-size:small;"`
fix(index.html): minor variable optimisation 8 years ago			`+ "cursor: pointer'>" + showMoreText + "</a>"`
fix(index.html): UI adjustments 8 years ago			`+ "   "`
			`+ "<a href='" + href + "' style='"`
			`+ "text-decoration: underline;"`
			`+ "font-size:small;"`
			`+ "'>reload now</a>"`
			`+ "</div>";`

			`var showMoreElem = document.getElementById("showMore");`
			`showMoreElem.addEventListener('click', function () {`
			`var moreInfoElem`
			`= document.getElementById("moreInfo");`

fix(index.html): minor variable optimisation 8 years ago			`if (showMoreElem.innerHTML === showMoreText) {`
fix(index.html): UI adjustments 8 years ago			`moreInfoElem.setAttribute(`
			`"style",`
			`"display: block;"`
			`+ "color:#FF991F;"`
			`+ "font-size:small;"`
			`+ "user-select:text;");`
fix(index.html): minor variable optimisation 8 years ago			`showMoreElem.innerHTML = showLessText;`
fix(index.html): UI adjustments 8 years ago			`}`
			`else {`
			`moreInfoElem.setAttribute(`
			`"style", "display: none;");`
fix(index.html): minor variable optimisation 8 years ago			`showMoreElem.innerHTML = showMoreText;`
fix(index.html): UI adjustments 8 years ago			`}`
feat(index.html): hide the missing filename by default 8 years ago			`});`
feat(index.html): update "failed to load the page" msg Also adds a link to reload manually. 8 years ago
feat(index.html): reload when resource fails to load The page will be reloaded if any of the mandatory scripts/resources fails to load. The reload will be delayed with exponential backoff starting from 2 seconds. The retry attempt counter is passed as 'rCounter' query attribute. 8 years ago			`window.setTimeout(`
			`function () { window.location.replace(href); }, delay);`
feat(index.html): prevent from displaying broken page The commit adds an error listener which will replace the document body with an error message if any of the files required for the app to be displayed correctly fails to load. 8 years ago			`};`
			`window.removeEventListener(`
			`'error', loadErrHandler, true /* capture phase */);`
			`}`
Split React components out of index.html 8 years ago			`};`
feat(index.html): prevent from displaying broken page The commit adds an error listener which will replace the document body with an error message if any of the files required for the app to be displayed correctly fails to load. 8 years ago			`window.addEventListener(`
			`'error', loadErrHandler, true /* capture phase type of listener */);`
Stores measured times and exposes them 9 years ago			`</script>`
Fixes a problem when using base for the page. The problem is when not using / before virtual files and having a base for the page nginx can search for the file in wrong location. 8 years ago			`<script><!--#include virtual="/config.js" --></script><!-- adapt to your needs, i.e. set hosts and bosh path -->`
Implements server side connection establishment 9 years ago			`<script src="utils.js?v=1"></script>`
			`<!--#include virtual="connection_optimization/connection_optimization.html" -->`
Fixes comments after review 9 years ago			`<script src="connection_optimization/do_external_connect.js?v=1"></script>`
Fixes a problem when using base for the page. The problem is when not using / before virtual files and having a base for the page nginx can search for the file in wrong location. 8 years ago			`<script><!--#include virtual="/interface_config.js" --></script>`
feat: add logging config 8 years ago			`<script><!--#include virtual="/logging_config.js" --></script>`
Implements server side connection establishment 9 years ago			`<script src="libs/lib-jitsi-meet.min.js?v=139"></script>`
			`<script src="libs/app.bundle.min.js?v=139"></script>`
Moves favicon into the title html. Moves favicon into the title html with all metadata for easy overriding. Moves the title html inclusion after all the connection optimisations to avoid downloading the icon to interfere those optimisations. 8 years ago			`<!--#include virtual="title.html" -->`
Consistent spacing, closing in index.html 8 years ago			`<link rel="stylesheet" href="css/all.css">`
Adds additional SSI include tags. 10 years ago			`<!--#include virtual="plugin.head.html" -->`
initial commit 11 years ago			`</head>`
			`<body>`
Split React components out of index.html 8 years ago			`<div id="react"></div>`
An initial version of a "keyboard shortcuts" help panel. 9 years ago			`<div id="keyboard-shortcuts" class="keyboard-shortcuts" style="display:none;">`
			`<div class="content">`
Dialogs re-design, invite and password modifications 8 years ago			`<ul id="keyboard-shortcuts-list" class="shortcuts-list">`
An initial version of a "keyboard shortcuts" help panel. 9 years ago			`</ul>`
			`</div>`
			`</div>`
initial commit 11 years ago			`</body>`
			`</html>`