@loftysoul/soul/core/frontend/apps/amp/lib/helpers/amp_components.js

The professional Content Management System, based ghost

// # Amp Components Helper
// Usage: `{{amp_components}}`
//
// Reads through the AMP HTML and adds neccessary scripts
// for each extended component
// If more components need to be added, we can add more scripts.
// Here's the list of all supported extended components: https://www.ampproject.org/docs/reference/extended.html
// By default supported AMP HTML tags (no additional script tag necessary):
// amp-img, amp-ad, amp-embed, amp-video and amp-pixel.
// (less) dirty requires
const proxy = require('../../../../helpers/proxy'),
    SafeString = proxy.SafeString;

function ampComponents() {
    let components = [],
        html = this.post && this.post.html || this.html;

    if (!html) {
        return;
    }

    if (html.indexOf('.gif') !== -1) {
        components.push('<script async custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script>');
    }

    if (html.indexOf('<iframe') !== -1) {
        components.push('<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>');
    }

    if (html.indexOf('<audio') !== -1) {
        components.push('<script async custom-element="amp-audio" src="https://cdn.ampproject.org/v0/amp-audio-0.1.js"></script>');
    }

    return new SafeString(components.join('\n'));
}

module.exports = ampComponents;