Method layoutCallback

extensions/amp-script/0.1/amp-script.js:248–362

@override

()

  /** @override */
  layoutCallback() {
    this.layoutCompleted_ = true;

    // Layouts that use sizers (responsive, fluid) require the worker-dom
    // subtree to be wrapped in a "fill content" container. This is because
    // these layouts do _not_ constrain the size of the amp-script element
    // via inline styles (they use sizerElement). However, this breaks
    // "container" layout so only do it selectively.
    let container;
    if (this.element.sizerElement) {
      container = this.win.document.createElement('div');
      applyFillContent(container, /* replacedContent */ true);
      // Reparent all real children to the container.
      const realChildren = realChildElements(this.element);
      for (let i = 0; i < realChildren.length; i++) {
        container.appendChild(realChildren[i]);
      }
      this.element.appendChild(container);
    }

    this.userActivation_ = new UserActivationTracker(this.element);

    // The displayed name of the combined script in dev tools.
    this.debugId_ = this.element.hasAttribute('src')
      ? `amp-script[src="${this.element.getAttribute('src')}"].js`
      : `amp-script[script="${this.element.getAttribute('script')}"].js`;

    const authorScriptPromise = this.getAuthorScript_(this.debugId_);
    if (!authorScriptPromise) {
      user().error(TAG, '"src" or "script" attribute is required.');
      return Promise.reject(cancellation());
    }

    const workerAndAuthorScripts = Promise.all([
      this.getWorkerScript_(),
      authorScriptPromise,
    ]).then((results) => {
      const workerScript = results[0];
      const authorScript = results[1];

      if (
        !this.development_ &&
        this.service_.sizeLimitExceeded(authorScript.length, this.sandboxed_)
      ) {
        user().error(
          TAG,
          'Maximum total script size exceeded (%s). %s is disabled. ' +
            'See https://amp.dev/documentation/components/amp-script/#size-of-javascript-code.',
          this.sandboxed_
            ? MAX_TOTAL_SANDBOXED_SCRIPT_SIZE
            : MAX_TOTAL_NONSANDBOXED_SCRIPT_SIZE,
          this.debugId_
        );
        this.element.classList.add('i-amphtml-broken');
        return [];
      }
      return [workerScript, authorScript];
    });