amp-html 0.7.18 → 1.0.0

data/lib/generators/templates/components/views/_components.html.erb

@@ -1,141 +0,0 @@
-<!-- ************************** -->
-<!-- DO NOT ALTER THIS FILE! -->
-<!-- ************************** -->
-
-
-<!-- Assets -->
-
-<!-- **Note:** Uncomment the following script tag to use <amp-anim> (amp_anim helper) for animated images. Learn more: https://www.ampproject.org/docs/guides/author-develop/amp_replacements -->
-<% if options[:anim] || options[:all] %>
-<script async custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script>
-<% else %>
-<!-- <script async custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script> -->
-<% end %>
-
-
-<!-- Components -->
-
-<!-- Forms -->
-<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
-<%% if AmpHtml.forms_selector %><script async custom-element="amp-selector" src="https://cdn.ampproject.org/v0/amp-selector-0.1.js"></script><%% end %>
-
-<!-- Mustache.js -->
-<script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script>
-
-<!-- Lists -->
-<% if options[:lists] || options[:all] %>
-<!-- **Note:** Uncomment the following script tag to use <amp-list> (amp_list helper). Learn more: https://www.ampproject.org/docs/reference/components/dynamic/amp-list -->
-<script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script>
-<!-- **Note:** Uncomment the following script tag to use <amp-live-list> (amp_live_list helper). Learn more: https://www.ampproject.org/docs/reference/components/dynamic/amp-live-list -->
-<script async custom-element="amp-live-list" src="https://cdn.ampproject.org/v0/amp-live-list-0.1.js"></script>
-<% else %>
-<!-- **Note:** Uncomment the following script tag to use <amp-list> (amp_list helper). Learn more: https://www.ampproject.org/docs/reference/components/dynamic/amp-list -->
-<!-- <script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script> -->
-<!-- **Note:** Uncomment the following script tag to use <amp-live-list> (amp_live_list helper). Learn more: https://www.ampproject.org/docs/reference/components/dynamic/amp-live-list -->
-<!-- <script async custom-element="amp-live-list" src="https://cdn.ampproject.org/v0/amp-live-list-0.1.js"></script> -->
-<% end %>
-
-<!-- Ads -->
-<% if options[:ad] || options[:all] %>
-<!-- **Note:** Uncomment the following script tag to use <amp-ad> (amp_ad helper). Learn more: https://www.ampproject.org/docs/reference/components/ads/amp-ad -->
-<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
-<!-- **Note:** Uncomment the following script tag to use <amp-sticky-ad> (amp_ad(sticky: true) helper). Learn more: https://www.ampproject.org/docs/reference/components/ads/amp-sticky-ad -->
-<script async custom-element="amp-sticky-ad" src="https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"></script>
-<% else %>
-<!-- **Note:** Uncomment the following script tag to use <amp-ad> (amp_ad helper). Learn more: https://www.ampproject.org/docs/reference/components/ads/amp-ad -->
-<!-- <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script> -->
-<!-- **Note:** Uncomment the following script tag to use <amp-sticky-ad> (amp_ad(sticky: true) helper). Learn more: https://www.ampproject.org/docs/reference/components/ads/amp-sticky-ad -->
-<!-- <script async custom-element="amp-sticky-ad" src="https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"></script> -->
-<% end %>
-
-<!-- iframe -->
-<!-- **Note:** Uncomment the following script tag to use <amp-iframe> (amp_iframe helper). Learn more: https://www.ampproject.org/docs/guides/author-develop/iframes -->
-<% if options[:iframe] || options[:javascript] || options[:service_worker] || options[:all] %>
-<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
-<% else %>
-<!-- <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script> -->
-<% end %>
-
-<!-- iframe -->
-<!-- **Note:** Uncomment the following script tag to use <amp-install-serviceworker> (amp_serviceworker helper). Learn more: https://www.ampproject.org/docs/reference/components/dynamic/amp-install-serviceworker -->
-<% if options[:service_worker] || options[:all] %>
-<script async custom-element="amp-install-serviceworker" src="https://cdn.ampproject.org/v0/amp-install-serviceworker-0.1.js"></script>
-<% else %>
-<!-- <script async custom-element="amp-install-serviceworker" src="https://cdn.ampproject.org/v0/amp-install-serviceworker-0.1.js"></script> -->
-<% end %>
-
-<!-- Analytics -->
-<!-- **Note:** Uncomment the following script tag to use <amp-analytics> (amp_analytics helper). Learn more: https://www.ampproject.org/docs/reference/components/ads/amp-analytics -->
-<% if options[:analytics] || options[:notifications] || options[:all] %>
-<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
-<% else %>
-<!-- <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> -->
-<% end %>
-
-<!-- Notifications -->
-<!-- **Note:** Uncomment the following script tag to use <amp-user-notification> (amp_user_notification helper). Learn more: https://www.ampproject.org/docs/reference/components/dynamic/amp-user-notification -->
-<% if options[:notifications] || options[:all] %>
-<script async custom-element="amp-user-notification" src="https://cdn.ampproject.org/v0/amp-user-notification-0.1.js"></script>
-<% else %>
-<!-- <script async custom-element="amp-user-notification" src="https://cdn.ampproject.org/v0/amp-user-notification-0.1.js"></script> -->
-<% end %>
-
-
-<!-- Social -->
-
-<% if options[:social] || options[:all] %>
-
-<!-- **Note:** Uncomment the following script tag to use <amp-twitter> (amp_twitter helper) for embedding Twitter Tweets. Learn more: https://www.ampproject.org/docs/guides/author-develop/third_party_components -->
-<script async custom-element="amp-twitter" src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script>
-
-<!-- **Note:** Uncomment the following script tag to use <amp-instagram> (amp_instagram helper) for embedding Instagrams. Learn more: https://www.ampproject.org/docs/guides/author-develop/third_party_components -->
-<script async custom-element="amp-instagram" src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js"></script>
-
-<!-- **Note:** Uncomment the following script tag to use <amp-facebook> (amp_facebook helper) for embedding a Facebook post or video. Learn more: https://www.ampproject.org/docs/guides/author-develop/third_party_components -->
-<script async custom-element="amp-facebook" src="https://cdn.ampproject.org/v0/amp-facebook-0.1.js"></script>
-
-<!-- **Note:** Uncomment the following script tag to use <amp-youtube> (amp_youtube helper) for embedding a YouTube video. Learn more: https://www.ampproject.org/docs/guides/author-develop/third_party_components -->
-<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
-
-<!-- **Note:** Uncomment the following script tag to use <amp-reddit> (amp_reddit helper) for embedding a Reddit post or comment. Learn more: https://www.ampproject.org/docs/reference/components/social/amp-reddit -->
-<script async custom-element="amp-reddit" src="https://cdn.ampproject.org/v0/amp-reddit-0.1.js"></script>
-
-<!-- **Note:** Uncomment the following script tag to use <amp-social-share> (amp_social_share helper) for displaying a social share button. Learn more: https://www.ampproject.org/docs/reference/components/social/amp-social-share -->
-<script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
-
-<!-- **Note:** Uncomment the following script tag to use <amp-soundcloud> (amp_soundcloud helper) for embedding a SoundCloud track. Learn more: https://www.ampproject.org/docs/reference/components/media/amp-soundcloud -->
-<script async custom-element="amp-soundcloud" src="https://cdn.ampproject.org/v0/amp-soundcloud-0.1.js"></script>
-
-<!-- **Note:** Uncomment the following script tag to use <amp-vine> (amp_vine helper) for embedding a Vine. Learn more: https://www.ampproject.org/docs/reference/components/social/amp-vine -->
-<script async custom-element="amp-vine" src="https://cdn.ampproject.org/v0/amp-vine-0.1.js"></script>
-
-<!-- **Note:** Uncomment the following script tag to use <amp-gfycat> (amp_gfycat helper) for embedding a Pin it button, Pin widget or follow button. Learn more: https://www.ampproject.org/docs/reference/components/social/amp-pinterest -->
-<script async custom-element="amp-pinterest" src="https://cdn.ampproject.org/v0/amp-pinterest-0.1.js"></script>
-
-<!-- **Note:** Uncomment the following script tag to use <amp-gfycat> (amp_gfycat helper) for embedding a Gfycat. Learn more: https://www.ampproject.org/docs/reference/components/social/amp-gfycat -->
-<script async custom-element="amp-gfycat" src="https://cdn.ampproject.org/v0/amp-gfycat-0.1.js"></script>
-
-<% else %>
-
-<!-- **Note:** Uncomment the following script tag to use <amp-twitter> (twitter_tag || amp_twitter_tag helper) for embedding Twitter Tweets. Learn more: https://www.ampproject.org/docs/guides/author-develop/third_party_components -->
-<!-- <script async custom-element="amp-twitter" src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script> -->
-
-<!-- **Note:** Uncomment the following script tag to use <amp-instagram> (instagram_tag || amp_instagram_tag helper) for embedding Instagrams. Learn more: https://www.ampproject.org/docs/guides/author-develop/third_party_components -->
-<!-- <script async custom-element="amp-instagram" src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js"></script> -->
-
-<!-- **Note:** Uncomment the following script tag to use <amp-facebook> (facebook_tag || amp_facebook_tag helper) for embedding Facebook post or video. Learn more: https://www.ampproject.org/docs/guides/author-develop/third_party_components -->
-<!-- <script async custom-element="amp-facebook" src="https://cdn.ampproject.org/v0/amp-facebook-0.1.js"></script> -->
-
-<!-- **Note:** Uncomment the following script tag to use <amp-youtube> (youtube_tag || amp_youtube_tag helper) for embedding YouTube video. Learn more: https://www.ampproject.org/docs/guides/author-develop/third_party_components -->
-<!-- <script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script> -->
-
-<!-- **Note:** Uncomment the following script tag to use <amp-reddit> (amp_reddit helper) for embedding a Reddit post or comment. Learn more: https://www.ampproject.org/docs/reference/components/social/amp-reddit -->
-<!-- <script async custom-element="amp-reddit" src="https://cdn.ampproject.org/v0/amp-reddit-0.1.js"></script> -->
-
-<!-- **Note:** Uncomment the following script tag to use <amp-social-share> (amp_social_share helper) for displaying a social share button. Learn more: https://www.ampproject.org/docs/reference/components/social/amp-social-share -->
-<!-- <script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script> -->
-
-<!-- **Note:** Uncomment the following script tag to use <amp-soundcloud> (amp_soundcloud helper) for embedding a SoundCloud track. Learn more: https://www.ampproject.org/docs/reference/components/media/amp-soundcloud -->
-<!-- <script async custom-element="amp-soundcloud" src="https://cdn.ampproject.org/v0/amp-soundcloud-0.1.js"></script> -->
-
-<% end %>

data/lib/generators/templates/components/views/_google_analytics.html.erb

@@ -1,23 +0,0 @@
-<script type="application/json">
-{
-    "vars": {
-        "account": <%%= AmpHtml.google_analytics_account %>
-    },
-    "triggers": {
-        "trackPageview": {
-            "on": "visible",
-            "request": "pageview",
-        }<%% if triggers %>,<%% triggers.each do |name, trigger| %>
-        <%%= name %>: {
-            "on": <%%= trigger.on %>,
-            "request": <%%= trigger.request %><%% if trigger.vars %>,
-            "vars": {<%% trigger.vars.each do |variable| %><%% if variable.event_category %>
-                "eventCategory": <%%= variable.event_category %>,<%% end %><%% if variable.event_action %>
-                "eventAction": <%%= variable.event_action %><%% end %><%% if variable.title %>
-                "title": <%%= variable.title %>,<%% end %><%% if variable.document_location %>
-                "documentLocation": <%%= variable.document_location %><%% end %>
-            }<%% end %>
-        }<%% unless trigger == triggers.last %>,<%% end %><%% end %><%% end %>
-    }
-}
-</script>

data/lib/generators/templates/helpers/amp/fallback_tag_helper.rb

@@ -1,16 +0,0 @@
-module ApplicationHelper
-    module Amp::FallbackTagHelper
-
-        def amp_fallback(name, options = {}, &block)
-            options = options.symbolize_keys
-            options.merge(fallback: "")
-
-            if block_given?
-                content_tag(name, capture(&block), options)
-            else
-                content_tag(name, nil, options)
-            end
-        end
-
-    end
-end

data/lib/generators/templates/helpers/amp/font_tag_helper.rb

@@ -1,37 +0,0 @@
-module ApplicationHelper
-    module Amp::FontTagHelper
-
-        # # Requires script
-        # def amp_font(family, timeout, options = {})
-        #     options = options.symbolize_keys
-        #
-        #     options[:"font-family"] = family
-        #     options[:timeout] = timeout
-        #
-        #     content_tag("amp-font", options)
-        # end
-
-        def amp_font_link href
-            options = {}
-
-            options[:href] = href
-            options[:rel] = 'stylesheet'
-            warn 'WARNING (AMP): For including custom fonts, origins must be whitelisted - use `@font-face` instead. Learn more: https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#custom-fonts' unless href.include?('fonts.googleapis.com') || href.include?('fast.fonts.net') || href.include?('cloud.typography.com') || href.include?('maxcdn.bootstrapcdn.com')
-
-            content_tag 'link', options
-        end
-
-        def amp_google_font family, types = {}
-            options = {}
-
-            href = 'https://fonts.googleapis.com/css?family=' + family.gsub(' ', '+')
-            href = href + ':' + types.map(&:to_s).join(',') if types.size > 0
-
-            options[:href] = href
-            options[:rel] = 'stylesheet'
-
-            content_tag 'link', options
-        end
-
-    end
-end

data/lib/generators/templates/helpers/amp/link_tag_helper.rb

@@ -1,11 +0,0 @@
-module ApplicationHelper
-    module Amp::LinkTagHelper
-
-        def amp_link(href, options = {})
-            options = options.symbolize_keys
-            options[:href] = href
-            tag("link", options)
-        end
-
-    end
-end

data/lib/generators/templates/helpers/amp/mustache_tag_helper.rb

@@ -1,13 +0,0 @@
-module ApplicationHelper
-    module Amp::MustacheTagHelper
-
-        def amp_mustache(options = {}, &block)
-            options = options.symbolize_keys
-
-            options[:type] = "amp-mustache"
-
-            content_tag("template", capture(&block), options)
-        end
-
-    end
-end

data/lib/generators/templates/helpers/amp/noscript_tag_helper.rb

@@ -1,13 +0,0 @@
-module ApplicationHelper
-    module Amp::NoscriptTagHelper
-
-        def noscript_tag(&block)
-            if block_given?
-                content_tag("noscript", capture(&block))
-            else
-                content_tag("noscript", nil)
-            end
-        end
-
-    end
-end

data/lib/generators/templates/helpers/amp/placeholder_tag_helper.rb

@@ -1,16 +0,0 @@
-module ApplicationHelper
-    module Amp::PlaceholderTagHelper
-
-        def amp_placeholder(name, options = {}, &block)
-            options = options.symbolize_keys
-            options[:placeholder] = ""
-
-            if block_given?
-                content_tag(name, capture(&block), options)
-            else
-                content_tag(name, nil, options)
-            end
-        end
-
-    end
-end

data/lib/generators/templates/helpers/amp/schema_tag_helper.rb

@@ -1,16 +0,0 @@
-module ApplicationHelper
-    module Amp::SchemaTagHelper
-
-        def schema_tag(options = {})
-            options = options.symbolize_keys
-
-            options[:@type] = AmpHtml.application_type if AmpHtml.application_type && options[:@type] == nil
-            options[:headline] = AmpHtml.application_name if AmpHtml.application_name && options[:headline] == nil
-            options[:datePublished] = AmpHtml.application_date_published if AmpHtml.application_date_published && options[:datePublished] == nil
-            options[:image] = AmpHtml.application_image if AmpHtml.application_image && options[:image] == nil
-
-            render 'application/amp/schema', options: options
-        end
-
-    end
-end

data/lib/generators/templates/helpers/amp/stylesheets_tag_helper.rb

@@ -1,21 +0,0 @@
-module ApplicationHelper
-    module Amp::StylesheetsTagHelper
-
-        def amp_css &block
-            if block_given?
-                content_for :css, capture(&block)
-            end
-        end
-
-        # def amp_css_link(href)
-        # end
-
-        def amp_global_css &block
-            warn 'AMP-HTML WARNING: `amp_global_css` is deprecated and will be removed in amp-html 2.0 - use `amp_css` instead'
-            if block_given?
-                content_for :global_css, capture(&block)
-            end
-        end
-
-    end
-end

data/lib/generators/templates/helpers/amp_tag_helper.rb.erb

@@ -1,65 +0,0 @@
-module ApplicationHelper
-    module Amp::AmpTagHelper
-
-        def amp_html_doctype &block
-            doctype = render html: '<!doctype html>'.html_safe
-            if block_given?
-                html = content_tag 'html', capture(&block), ⚡: ''
-            else
-                html = content_tag 'html', nil, ⚡: ''
-            end
-            doctype + html
-        end
-
-
-        <% if options[:split] %>
-        def amp_document_link href = request.original_url
-            options = {}
-            options[:href] = href
-            options[:rel] = 'amphtml'
-            tag "link", options
-        end
-        <% end %>
-
-        def canonical_document_link href = request.original_url
-            options = {}
-            options[:href] = href
-            options[:rel] = 'canonical'
-            tag "link", options
-        end
-
-
-        def amp_head options = {}
-            options = options.symbolize_keys
-
-            head = render 'application/amp/head', options: options
-
-            resources = render 'application/amp/resources'
-            components = render 'application/amp/components'
-
-            head + resources + components
-        end
-
-
-        def amp_resources
-            warn 'AMP-HTML WARNING: `amp_resources` is deprecated and will be removed in amphtml 1.0 - use `amp_head` instead'
-            resources = render 'application/amp/resources'
-            components = render 'application/amp/components'
-            resources + components
-        end
-
-
-        def amp?
-            unless AmpHtml.split_view
-                true
-            else
-                if request.format = AmpHtml.default_format
-                    true
-                else
-                    false
-                end
-            end
-        end
-
-    end
-end

data/lib/generators/templates/helpers/asset_tag_helper.rb.erb

@@ -1,119 +0,0 @@
-require "active_support/core_ext/array/extract_options"
-require "active_support/core_ext/hash/keys"
-require "action_view/helpers/asset_url_helper"
-require "action_view/helpers/tag_helper"
-
-module AssetTagHelper
-    extend ActiveSupport::Concern
-
-    include ::ActionView::Helpers::AssetUrlHelper
-    include ::ActionView::Helpers::TagHelper
-
-    <% unless options[:split] %>
-    def javascript_include_tag(*sources)
-        warn "AMP-HTML WARNING: external and internal scripts are not allowed in an AMP document"
-        super
-    end
-    def stylesheet_link_tag(*sources)
-        warn "AMP-HTML WARNING: external and internal stylesheets are not allowed in an AMP document"
-        super
-    end
-    <% else %>
-    # def javascript_include_tag(*sources)
-    #     warn "AMP-HTML WARNING: external and internal scripts are not allowed in an AMP document"
-    #     super
-    # end
-    # def stylesheet_link_tag(*sources)
-    #     warn "AMP-HTML WARNING: external and internal stylesheets are not allowed in an AMP document"
-    #     super
-    # end
-    <% end %>
-
-
-    def amp_image(source, options = {})
-        options = options.symbolize_keys
-        check_for_image_tag_errors(options)
-
-        src = options[:src] = path_to_image(source, skip_pipeline: options.delete(:skip_pipeline))
-
-        unless src.start_with?("cid:") || src.start_with?("data:") || src.blank?
-            options[:alt] = options.fetch(:alt) { image_alt(src) }
-        end
-
-        options[:width], options[:height] = extract_dimensions(options.delete(:size)) if options[:size]
-        warn "WARNING (AMP): specify width and height of amp-img tags." unless options[:width] && options[:height]
-
-        options[:layout] = "responsive" unless options[:layout] != "responsive"
-        content_tag("amp-img", options) do
-            noscript_tag
-        end
-    end
-    <% unless options[:split] %>
-    def image_tag(source, options = {})
-        amp_image(source, options)
-    end
-    <% end %>
-
-    def amp_video(*sources)
-        options = sources.extract_options!.symbolize_keys
-        options[:fallback] = "Your browser doesn’t support HTML5 video" unless options[:fallback]
-        public_poster_folder = options.delete(:poster_skip_pipeline)
-        sources << options
-        multiple_sources_tag_builder("amp-video", sources, fallback) do |tag_options|
-            tag_options[:poster] = path_to_image(tag_options[:poster], skip_pipeline: public_poster_folder) if tag_options[:poster]
-            tag_options[:width], tag_options[:height] = extract_dimensions(tag_options.delete(:size)) if tag_options[:size]
-            warn "WARNING (AMP): specify width and height of amp-video tags." unless tag_options[:width] && tag_options[:height]
-            tag_options[:layout] = "responsive" unless tag_options[:layout] != "responsive"
-        end
-    end
-    <% unless options[:split] %>
-    def video_tag(*sources)
-        options[:fallback] = "Your browser doesn’t support HTML5 video" unless options[:fallback]
-        amp_video(*sources, fallback)
-    end
-    <% end %>
-
-    def amp_audio(*sources)
-        options = sources.extract_options!.symbolize_keys
-        options[:fallback] = "Your browser doesn’t support HTML5 audio" unless options[:fallback]
-        multiple_sources_tag_builder("amp-audio", sources, options)
-    end
-    <% unless options[:split] %>
-    def audio_tag(*sources)
-        options = sources.extract_options!.symbolize_keys
-        options[:fallback] = "Your browser doesn’t support HTML5 audio" unless options[:fallback]
-        amp_audio(*sources, options)
-    end
-    <% end %>
-
-    private
-
-    def multiple_sources_tag_builder(type, sources, fallback)
-        options       = sources.extract_options!.symbolize_keys
-        skip_pipeline = options.delete(:skip_pipeline)
-        sources.flatten!
-
-        yield options if block_given?
-
-        if sources.size > 1
-            content_tag(type, options) do
-                safe_join sources.map { |source| tag("source", src: send("path_to_#{type}", source, skip_pipeline: skip_pipeline)) }
-                if fallback.present?
-                    content_tag("div", nil, {fallback: true}) do
-                        content_tag("p", fallback)
-                    end
-                end
-            end
-        else
-            options[:src] = send("path_to_#{type}", sources.first, skip_pipeline: skip_pipeline)
-            content_tag(type, nil, options) do
-                if fallback.present?
-                    content_tag("div", nil, {fallback: true}) do
-                        content_tag("p", fallback)
-                    end
-                end
-            end
-        end
-    end
-
-end