src/main/webapp/js/bootstrap.js - dev - githubmirror/drawio

src/main/webapp/js/bootstrap.js
400 строк12 KB
David Benson
31.0.2 release
24 июл 2026, 01:49
24 июл 2026, 01:495ecc10e
/**
 * Copyright (c) 2020-2025, JGraph Holdings Ltd
 * Copyright (c) 2020-2025, draw.io AG
 */
/**
 * URL Parameters and protocol description are here:
 *
 * https://www.drawio.com/doc/faq/supported-url-parameters
 *
 * Parameters for developers:
 *
 * - dev=1: For developers only
 * - test=1: For developers only
 * - export=URL for export: For developers only
 * - ignoremime=1: For developers only (see DriveClient.js). Use Cmd-S to override mime.
 * - createindex=1: For developers only (see etc/build/README)
 * - filesupport=0: For developers only (see Editor.js in core)
 * - savesidebar=1: For developers only (see Sidebar.js)
 * - pages=1: For developers only (see Pages.js)
 * - lic=email: For developers only (see LicenseServlet.java)
 * --
 * - networkshapes=1: For testing network shapes (temporary)
 */
// Parses URL parameters
var urlParams = (function()
{
    var result = new Object();
    var params = window.location.search.slice(1).split('&');
    
    for (var i = 0; i < params.length; i++)
    {
        var idx = params[i].indexOf('=');
        
        if (idx > 0)
        {
            result[params[i].substring(0, idx)] = params[i].substring(idx + 1);
        }
    }
    
    return result;
})();

// Forces CDN caches by passing URL parameters via URL hash
if (window.location.hash != null && window.location.hash.substring(0, 2) == '#P')
{
    try
    {
        var params = urlParams;
        urlParams = JSON.parse(decodeURIComponent(window.location.hash.substring(2)));
        
        if (urlParams.hash != null)
        {
            window.location.hash = urlParams.hash;
            delete urlparams.hash;
        }

        for (var key in params)
        {
            if (urlParams[key] == null)
            {
                urlParams[key] = params[key];
            }
        }
    }
    catch (e)
    {
        // ignore
    }
}

// Global variable for desktop
var mxIsElectron = navigator.userAgent != null && navigator.userAgent.toLowerCase().indexOf(' electron/') > -1 && 
                    navigator.userAgent.indexOf(' draw.io/') > -1;

// Redirects page if required
if (urlParams['dev'] != '1')
{
    (function()
    {
        var proto = window.location.protocol;
        
        if (!mxIsElectron)
        {
            var host = window.location.host;

            // Redirects apex, drive and rt to www
            if (host === 'draw.io' || host === 'rt.draw.io' || host === 'drive.draw.io')
            {
                host = 'app.diagrams.net';
            }
            
            var href = proto + '//' + host + window.location.href.substring(
                    window.location.protocol.length +
                    window.location.host.length + 2);

            // Redirects if href changes
            if (href != window.location.href)
            {
                window.location.href = href;
            }
        }
    })();
}

/**
 * Adds meta tag to the page.
 */
function mxmeta(name, content, httpEquiv)
{
    try
    {
        var s = document.createElement('meta');
        
        if (name != null) 
        {
            s.setAttribute('name', name);
        }

        s.setAttribute('content', content);
        
        if (httpEquiv != null) 
        {
            s.setAttribute('http-equiv', httpEquiv);
        }

        var t = document.getElementsByTagName('meta')[0];
        t.parentNode.insertBefore(s, t);
    }
    catch (e)
    {
        // ignore
    }
};

/**
 * Synchronously adds scripts to the page.
 */
function mxscript(src, onLoad, id, dataAppKey, noWrite, onError)
{
    if ((urlParams['dev'] != '1' && typeof document.createElement('canvas').getContext === "function") ||
        onLoad != null || noWrite)
    {
        var s = document.createElement('script');
        s.setAttribute('type', 'text/javascript');
        s.setAttribute('defer', 'true');
        s.setAttribute('src', src);

        if (id != null)
        {
            s.setAttribute('id', id);
        }
        
        if (dataAppKey != null)
        {
            s.setAttribute('data-app-key', dataAppKey);
        }
        
        if (onLoad != null)
        {
            var r = false;
        
            s.onload = s.onreadystatechange = function()
            {
                if (!r && (!this.readyState || this.readyState == 'complete'))
                {
                    r = true;
                    onLoad();
                }
            };
        }

        if (onError != null)
        {
            s.onerror = function(e)
            {
                onError('Failed to load ' + src, e);
            };
        }
        
        var t = document.getElementsByTagName('script')[0];
        
        if (t != null)
        {
            t.parentNode.insertBefore(s, t);
        }
    }
    else
    {
        document.write('<script src="' + src + '"' + ((id != null) ? ' id="' + id +'" ' : '') +
            ((dataAppKey != null) ? ' data-app-key="' + dataAppKey +'" ' : '') + '></scr' + 'ipt>');
    }
};

/**
 * Asynchronously adds scripts to the page.
 */
function mxinclude(src)
{
    var g = document.createElement('script');
    g.type = 'text/javascript';
    g.async = true;
    g.src = src;
    
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(g, s);
};

/**
 * Adds meta tags with application name (depends on offline URL parameter)
 */
(function()
{
    var name = 'diagrams.net';
    mxmeta('apple-mobile-web-app-title', name);
    mxmeta('application-name', name);

    if (mxIsElectron)
    {
        mxmeta(null, 'default-src \'self\'; script-src \'self\' \'sha256-6g514VrT/cZFZltSaKxIVNFF46+MFaTSDTPB8WfYK+c=\' ' +
            (urlParams['dev'] != '1' ? '' : ' \'unsafe-eval\'') + '; ' +
            'connect-src \'self\' https://*.draw.io https://*.diagrams.net https://fonts.googleapis.com https://fonts.gstatic.com; ' +
            'img-src * data:; media-src *; font-src * data:; frame-src \'self\'; style-src \'self\' \'unsafe-inline\' ' +
            'https://fonts.googleapis.com; base-uri \'none\';child-src \'self\';object-src \'none\';', 'Content-Security-Policy');
    }
})();

// Checks for local storage
var isLocalStorage = false;

try
{
    isLocalStorage = urlParams['local'] != '1' && typeof(localStorage) != 'undefined';
}
catch (e)
{
    // ignored
}

// Release channel: ?channel=stable pins this browser to the stable channel
// before any login (enterprise onboarding link), ?channel=beta clears the
// pin (the next daily login check of a listed domain switches it back).
// Stored here so the service worker registration in App.main sees it on
// this same load.
if (isLocalStorage && urlParams['channel'] != null)
{
    try
    {
        if (urlParams['channel'] == 'stable')
        {
            localStorage.setItem('.drawio-channel', 'stable');
        }
        else if (urlParams['channel'] == 'beta')
        {
            localStorage.removeItem('.drawio-channel');
        }

        localStorage.removeItem('.drawio-channel-ts');
    }
    catch (e)
    {
        // ignored
    }
}

var mxScriptsLoaded = false, mxWinLoaded = false;

function checkAllLoaded()
{
    if (mxScriptsLoaded && mxWinLoaded)
    {
        App.main();				
    }
};

var t0 = new Date();

// Changes paths for local development environment
if (urlParams['dev'] == '1')
{
    // Used to request grapheditor/mxgraph sources in dev mode
    var mxDevUrl = '';
    
    // Used to request draw.io sources in dev mode
    var drawDevUrl = '';
    var geBasePath = 'js/grapheditor';
    var mxBasePath = 'mxgraph/src';
    
    if (document.location.protocol == 'file:')
    {
        // Forces includes for dev environment in node.js
        mxForceIncludes = true;
    }

    mxForceIncludes = false;

    mxscript(drawDevUrl + 'js/PreConfig.js');
    mxscript(drawDevUrl + 'js/diagramly/Init.js');
    mxscript(geBasePath + '/Init.js');
    mxscript(mxBasePath + '/mxClient.js');
    
    // Adds all JS code that depends on mxClient. This indirection via Devel.js is
    // required in some browsers to make sure mxClient.js (and the files that it
    // loads asynchronously) are available when the code loaded in Devel.js runs.
    mxscript(drawDevUrl + 'js/diagramly/Devel.js');
    
    // Electron
    if (mxIsElectron)
    {
        mxscript('js/desktop/DesktopLibrary.js');
        mxscript('js/desktop/ElectronApp.js');

        // ELK, Mermaid and PlantUML are loaded by Devel.js above. Do not
        // load js/elk/drawio-elk.min.js again here: re-running its footer
        // (var ElkLayout = ELK.ElkLayout) replaces the class after the
        // ElkLayout.js editor statics have attached, breaking Arrange >
        // Layout with "ElkLayout.runWithDialog is not a function".
    }

    mxscript(drawDevUrl + 'js/PostConfig.js');
}
else
{
    (function()
    {
        var hostName = window.location.hostname;
        
        // Supported domains are *.draw.io and the packaged version in Quip
        var supportedDomain = (hostName.substring(hostName.length - 8, hostName.length) === '.draw.io') ||
            (hostName.substring(hostName.length - 13, hostName.length) === '.diagrams.net');
        
        function loadAppJS()
        {
            mxscript('js/app.min.js', function()
            {
                mxScriptsLoaded = true;
                checkAllLoaded();
                
                // Electron
                if (mxIsElectron)
                {
                    mxscript('js/diagramly/DesktopLibrary.js', function()
                    {
                        mxscript('js/diagramly/ElectronApp.js', function()
                        {
                            mxscript('js/extensions.min.js', function()
                            {
                                mxscript('js/stencils.min.js', function()
                                {
                                    mxscript('js/shapes-14-6-5.min.js', function()
                                    {
                                        // ELK and Mermaid ship inside extensions.min.js
                                        // above (elk bundle, then the ElkLayout editor
                                        // statics, then mermaid). Loading
                                        // js/elk/drawio-elk.min.js again would re-run its
                                        // footer (var ElkLayout = ELK.ElkLayout) and swap
                                        // in a bare class without the statics, breaking
                                        // Arrange > Layout with "ElkLayout.runWithDialog
                                        // is not a function" [jgraph/drawio-desktop#2471].
                                        // Only PlantUML is not in extensions.min.js; it
                                        // is preloaded here and EditorUi.loadPlantUml
                                        // skips its own load once mxPlantUmlToDrawio is
                                        // defined.
                                        mxscript('js/plantuml/drawio-plantuml.min.js', function()
                                        {
                                            mxscript('js/PostConfig.js');
                                        });
                                    });
                                });
                            });
                        });
                    });
                }
                else if (!supportedDomain)
                {
                    mxscript('js/PostConfig.js');
                }
            });
        };
        
        if (!supportedDomain || mxIsElectron)
        {
            mxscript('js/PreConfig.js', loadAppJS);
        }
        else
        {
            loadAppJS();
        }
    })();
}

// Adds basic error handling
window.onerror = function()
{
    var status = document.getElementById('geStatus');
    
    if (status != null)
    {
        status.innerHTML = 'Page could not be loaded. Please try refreshing.';
    }
};