✨[amp-story-player] Install viewer integration script when inside the…

… player (#26719)

* install viewer integration script when inside the player

* wip

* add private in jsdoc

* Revert "wip"

This reverts commit 3e9e741.

* provide a default handler to remove errors

extensions/amp-story/1.0/amp-story.js

@@ -1012,6 +1012,7 @@ export class AmpStory extends AMP.BaseElement {
       .then(() => {
         this.markStoryAsLoaded_();
         this.initializeLiveStory_();
+        this.initializeStoryPlayer_();
       });
 
     // Story is being prerendered: resolve the layoutCallback when the first
@@ -1287,6 +1288,21 @@ export class AmpStory extends AMP.BaseElement {
     activePage.next(opt_isAutomaticAdvance);
   }
 
+  /**
+   * Installs amp-viewer-integration script in case story is inside an
+   * amp-story-player.
+   * @private
+   */
+  initializeStoryPlayer_() {
+    if (this.viewer_.getParam('storyPlayer') !== 'v0') {
+      return;
+    }
+    Services.extensionsFor(this.getAmpDoc().win).installExtensionForDoc(
+      this.getAmpDoc(),
+      'amp-viewer-integration'
+    );
+  }
+
   /**
    * Handles EventType.NO_NEXT_PAGE events.
    * @private

src/amp-story-player.js

@@ -129,16 +129,15 @@ export class AmpStoryPlayer {
     this.initializeLoadingListeners_(iframeEl);
     this.rootEl_.appendChild(iframeEl);
 
-    // TODO(#26308): enable messaging when multiple documents are supported.
-    return;
-
     this.initializeHandshake_(story, iframeEl).then(
       messaging => {
         const iframeIdx = findIndex(
           this.iframes_,
           iframe => iframe === iframeEl
         );
 
+        messaging.setDefaultHandler(() => {});
+
         this.messagingFor_[iframeIdx] = messaging;
 
         // TODO(#26308): Appropiately set visibility to stories.
@@ -206,10 +205,9 @@ export class AmpStoryPlayer {
    * @private
    */
   layoutIframe_(story, iframe) {
-    // TODO(#26308): enable messaging when multiple documents are supported.
-    // const {href} = this.getEncodedLocation_(story.href);
+    const {href} = this.getEncodedLocation_(story.href);
 
-    iframe.setAttribute('src', story.href);
+    iframe.setAttribute('src', href);
   }
 
   /**
@@ -226,6 +224,8 @@ export class AmpStoryPlayer {
       'amp_js_v': '0.1',
       'visibilityState': 'inactive',
       'origin': url.origin,
+      'showStoryUrlInfo': '0',
+      'storyPlayer': 'v0',
     });
 
     const fragmentParam = getFragment(href);