Function composeDocument

build-system/server/amp4test.js:222–335

* @param {{body: string, css?: string|undefined, extensions: Array |undefined, head?: string|undefined, spec?: string|undefined, mode?: string|undefined}} config * @return {string}

(config)

 * @return {string}
 */
function composeDocument(config) {
  const {body, css, extensions, head, mode, spec} = config;

  const m = mode || SERVE_MODE;
  const cdn = m === 'cdn';
  const minified = m === 'minified';

  const cssTag = css ? `<style amp-custom>${css}</style>` : '';

  // Set link[rel=canonical], CSS boilerplate and runtime <script> depending
  // on the AMP spec.
  let canonical, boilerplate, runtime;
  const amp = spec || 'amp';
  switch (amp) {
    case 'amp':
      canonical = '<link rel="canonical" href="http://nonblocking.io" />';
      boilerplate =
        '<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>';
      runtime = cdn
        ? 'https://cdn.ampproject.org/v0.js'
        : `/dist/${minified ? 'v0' : 'amp'}.js`;
      break;
    case 'amp4ads':
      canonical = '';
      boilerplate =
        '<style amp4ads-boilerplate>body{visibility:hidden}</style>';
      runtime = cdn
        ? 'https://cdn.ampproject.org/amp4ads-v0.js'
        : `/dist/${minified ? 'amp4ads-v0' : 'amp-inabox'}.js`;
      break;
    case 'amp4email':
      canonical = '';
      boilerplate =
        '<style amp4email-boilerplate>body{visibility:hidden}</style>';
      runtime = cdn
        ? 'https://cdn.ampproject.org/v0.js'
        : `/dist/${minified ? 'v0' : 'amp'}.js`;
      break;
    default:
      throw new Error('Unrecognized AMP spec: ' + spec);
  }
  const runtimeScript = `<script async src="${runtime}"></script>`;

  // Generate extension <script> markup.
  let extensionScripts = '';
  if (extensions) {
    extensionScripts = extensions
      .map((extension) => {
        const tuple = extension.split(':');
        const name = tuple[0];
        const version = tuple[1] || '0.1';
        const src = cdn
          ? `https://cdn.ampproject.org/v0/${name}-${version}.js`
          : `/dist/v0/${name}-${version}.${minified ? '' : 'max.'}js`;
        const type = CUSTOM_TEMPLATES.includes(name)
          ? 'custom-template'
          : 'custom-element';
        return `<script async ${type}="${name}" src="${src}"></script>`;