WindowManager

Example

// Create an async function, so we can use the async/await commands.
async function buildWebview() {
     // Wait for the Agent library to finish initialising
     await window.Agent.onReadyAsync();

     // Get the ID of this display
     const displayId = window.Agent._acw.displayId;

     // Set the ID of this window
     const windowId = 'Window-' + displayId;
     
     // Get the Webview Manager object for this Window
     const WebviewManager = window.Agent.Webview.Manager[windowId];

     // Define the URL we want to point the webview at
     const url = 'http://www.adobe.com';

     // Create a webview pointing to a URL
     // this function will return and reference ID to the webview
     // Additionally we need to pass in the z-index of the webview to ensure that it appears above
     // the current webview (which has a z-index of 10).

     // Note: Ensure the zindex and revealafterload variables are written in all lowercase as these configuration options are case sensitive.
     const webviewId = await WebviewManager.create({url: url, zindex: 11, revealafterload: true});

     // The webview will be created and will become visible once the page has successfully loaded.

     // Once a webview has been created you can manipulate its configuration
     // Using the setConfiguration method we can pass in the webview id and the relevant configuration options
     // Note: This function sets the state of the webview (except the url) as per the option passed in here, remember to add config options like zindex in or default values may be used.
     await WebviewManager.setConfiguration(webviewId, {top: '0', left: '50vw', width: '50vw', height: '50vh', zindex: 11});

     // Tell the webview to re-render the webview with the updated configuration
     await WebviewManager.draw(webviewId);

     // Capture a screenshot
     const dataUrl = await WebviewManager.getWebviewCapture(webviewId);

     // Get all webviews
     const webviews = await WebviewManager.getWebviews();

     console.log(`We have ${webviews.length} webviews`);
     for (const [index, webview] of webviews.entries()) {
         console.log(`Webview ${index} is on url: ${webview.url}`);
     }

     // Close a webview
     await WebviewManager.close(webviewId);

     // Listen for different webview events
     // Listen for a webview loading
     WebviewManager.onContentLoad(webvwId => {
         console.log('A webview has finished loading');
         console.log(
             'This webview ' +
             (webvwId === webviewId) 
                 ? 'is' 
                 : 'is not' +
             ' the one we created.');
     });

     // Listen for a webview being closed
     WebviewManager.onExit(webvwId => {
         console.log('A webview has been closed');
         console.log(
             'This webview ' +
             (webvwId === webviewId) 
                 ? 'is' 
                 : 'is not' +
             ' the one we created.');
     })
}

//