import QtQuick 2.7import QtWebEngine 1.5import QtWebChannel 1.0 import QtQuick.Controls 2.2 import stylesUit 1.0 as StylesUItimport controlsUit 1.0 as ControlsUit Item {    id: flick     property alias url: webViewCore.url    property alias canGoBack: webViewCore.canGoBack    property alias webViewCore: webViewCore    // FIXME - This was commented out to allow for manual setting of the userAgent.    //    // property alias webViewCoreProfile: webViewCore.profile    property string webViewCoreUserAgent     property bool useBackground: false    Component.onCompleted: {        useBackground = Qt.binding(function() { return webViewCore.useBackground ?? false; })    }     property string userAgent: webViewCore.profile.httpUserAgent    property string userScriptUrl: ""    property string urlTag: "noDownload=false";     signal newViewRequestedCallback(var request)    signal loadingChangedCallback(var loadRequest)      width: parent.width     property bool interactive: false     property bool blurOnCtrlShift: true     onUrlChanged: {        permissionPopupBackground.visible = false;    }     onUserAgentChanged: {        webViewCore.profile.httpUserAgent = flick.userAgent;    }     StylesUIt.HifiConstants {        id: hifi    }     function stop() {        webViewCore.stop();    }     Timer {        id: delayedUnfocuser        repeat: false        interval: 200        onTriggered: {             // The idea behind this is to delay unfocusing, so that fast lower/raise will not result actual unfocusing.            // Fast lower/raise happens every time keyboard is being re-raised (see the code below in OffscreenQmlSurface::setKeyboardRaised)            //            // if (raised) {            //    item->setProperty("keyboardRaised", QVariant(!raised));            // }            //            // item->setProperty("keyboardRaised", QVariant(raised));            //             webViewCore.runJavaScript("if (document.activeElement) document.activeElement.blur();", function(result) {                console.log('unfocus completed: ', result);            });        }    }     function unfocus() {        delayedUnfocuser.start();    }     function stopUnfocus() {        delayedUnfocuser.stop();    }     function onLoadingChanged(loadRequest) {        if (WebEngineView.LoadStartedStatus === loadRequest.status) {            webViewCore.profile.httpUserAgent = flick.userAgent;            // Required to support clicking on "hifi://" links            var url = loadRequest.url.toString();            url = (url.indexOf("?") >= 0) ? url + urlTag : url + "?" + urlTag;            if (urlHandler.canHandleUrl(url)) {                if (urlHandler.handleUrl(url)) {                    webViewCore.stop();                }            }        }         if (WebEngineView.LoadFailedStatus === loadRequest.status) {            console.log("Tablet WebEngineView failed to load url: " + loadRequest.url.toString());        }         if (WebEngineView.LoadSucceededStatus === loadRequest.status) {            //disable Chromium's scroll bars        }    }     WebEngineView {        id: webViewCore         width: parent.width        height: parent.height        backgroundColor: (flick.useBackground) ? "white" : "transparent"         settings.pluginsEnabled: true        settings.touchIconsEnabled: true        settings.allowRunningInsecureContent: true         // creates a global EventBridge object.        WebEngineScript {            id: createGlobalEventBridge            sourceCode: eventBridgeJavaScriptToInject            injectionPoint: WebEngineScript.DocumentCreation            worldId: WebEngineScript.MainWorld        }         // detects when to raise and lower virtual keyboard        WebEngineScript {            id: raiseAndLowerKeyboard            injectionPoint: WebEngineScript.Deferred            sourceUrl: resourceDirectoryUrl + "/html/raiseAndLowerKeyboard.js"            worldId: WebEngineScript.MainWorld        }         // User script.        WebEngineScript {            id: userScript            sourceUrl: flick.userScriptUrl            injectionPoint: WebEngineScript.DocumentReady  // DOM ready but page load may not be finished.            worldId: WebEngineScript.MainWorld        }         userScripts: [ createGlobalEventBridge, raiseAndLowerKeyboard, userScript ]         Component.onCompleted: {            webChannel.registerObject("eventBridge", eventBridge);            webChannel.registerObject("eventBridgeWrapper", eventBridgeWrapper);             if (flick.userAgent !== undefined) {                webViewCore.profile.httpUserAgent = flick.userAgent;                webViewCore.profile.offTheRecord = false;                webViewCore.profile.storageName = "qmlWebEngine";            } else {                webViewCore.profile.httpUserAgent += " (OverteInterface)";            }            // Ensure the JS from the web-engine makes it to our logging            webViewCore.javaScriptConsoleMessage.connect(function(level, message, lineNumber, sourceID) {                console.log("Web Entity JS message: " + sourceID + " " + lineNumber + " " +  message);            });        }         onFeaturePermissionRequested: {            if (permissionPopupBackground.visible === true) {                console.log("Browser engine requested a new permission, but user is already being presented with a different permission request. Aborting request for new permission...");                return;            }             permissionPopupBackground.securityOrigin = securityOrigin;            permissionPopupBackground.feature = feature;             permissionPopupBackground.visible = true;        }         //disable popup        onContextMenuRequested: {            request.accepted = true;        }         onNewViewRequested: {            newViewRequestedCallback(request)        }         // Prior to 5.10, the WebEngineView loading property is true during initial page loading and then stays false        // as in-page javascript adds more html content. However, in 5.10 there is a bug such that adding html turns        // loading true, and never turns it false again. safeLoading provides a workaround, but it should be removed        // when QT fixes this.        property bool safeLoading: false        property bool loadingLatched: false        property var loadingRequest: null        onLoadingChanged: {            webViewCore.loadingRequest = loadRequest;            webViewCore.safeLoading = webViewCore.loading && !loadingLatched;            webViewCore.loadingLatched |= webViewCore.loading;         }        onSafeLoadingChanged: {            flick.onLoadingChanged(webViewCore.loadingRequest)            loadingChangedCallback(webViewCore.loadingRequest)        }    }     AnimatedImage {        //anchoring doesnt works here when changing content size        x: flick.width/2 - width/2        y: flick.height/2 - height/2        source: "../../icons/loader-snake-64-w.gif"        visible: webViewCore.safeLoading && /^(http.*|)$/i.test(webViewCore.url.toString())        playing: visible        z: 10000    }     Keys.onPressed: {        if (blurOnCtrlShift && (event.modifiers & Qt.ShiftModifier) && (event.modifiers & Qt.ControlModifier)) {            webViewCore.focus = false;         }    }     ControlsUit.PermissionPopupBackground {        id: permissionPopupBackground        onSendPermission: {            webViewCore.grantFeaturePermission(securityOrigin, feature, shouldGivePermission);        }    } }