Merged PR 9034: Report embed front load

Report embed front load,
Sends iframe uid on the embed url, handles 'ready' message and send the config to the iframe for front load calls

Author: Amit Shuster

dist/powerbi-client.d.ts

@@ -394,6 +394,10 @@ declare module "embed" {
          * @returns {string}
          */
         static findGroupIdFromEmbedUrl(url: string): string;
+        /**
+         * Sends the config for front load calls, after 'ready' message is received from the iframe
+         */
+        private frontLoadSendConfig(config);
     }
 }
 declare module "ifilterable" {

dist/powerbi.js

@@ -535,7 +535,7 @@ export abstract class Embed {
   private setIframe(isLoad: boolean, phasedRender?: boolean): void {
     if(!this.iframe) {
       var iframeContent = document.createElement("iframe");
-      var embedUrl = this.config.embedUrl;
+      var embedUrl = this.config.uniqueId ? utils.addParamToUrl(this.config.embedUrl, 'uid', this.config.uniqueId) : this.config.embedUrl;
       iframeContent.setAttribute("style", "width:100%;height:100%;");
       iframeContent.setAttribute("src", embedUrl);
       iframeContent.setAttribute("scrolling", "no");
@@ -548,8 +548,10 @@ export abstract class Embed {
       this.iframe = <HTMLIFrameElement>node.firstChild;
     }
 
-    if(isLoad){
+    if (isLoad) {
       this.iframe.addEventListener('load', () => this.load(this.config, phasedRender), false);
+      // 'ready' event is fired by the embedded element (not by the iframe)
+      this.element.addEventListener('ready', () => this.frontLoadSendConfig(this.config), false);
     } else {
       this.iframe.addEventListener('load', () => this.createReport(this.createConfig), false);
     }
@@ -574,4 +576,21 @@ export abstract class Embed {
 
       return groupId;
   }
+
+  /**
+   * Sends the config for front load calls, after 'ready' message is received from the iframe
+   */
+  private frontLoadSendConfig(config: IEmbedConfigurationBase): Promise<void> {
+    const errors = this.validate(config);
+    if (errors) {
+      throw errors;
+    }
+
+    return this.service.hpm.post<void>("/frontload/config", config, { uid: this.config.uniqueId }, this.iframe.contentWindow).then(response => {
+      return response.body;
+    },
+    response => {
+      throw response.body;
+    });
+  }
 }

dist/powerbi.min.js

@@ -192,6 +192,20 @@ export class Service implements IService {
       this.handleEvent(event);
     });
 
+    /**
+     * Adds handler for front load 'ready' message.
+     */
+    this.router.post(`/ready/:uniqueId`, (req, res) => {
+      const event: IEvent<any> = {
+        type: 'report',
+        id: req.params.uniqueId,
+        name: 'ready',
+        value: req.body
+      };
+
+      this.handleEvent(event);
+    });
+
     this.embeds = [];
 
     // TODO: Change when Object.assign is available.