amp-html 0.7.7

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

@@ -0,0 +1,79 @@
+module FormTagHelper
+
+    def amp_form(url = "", method = "post", target = "_top", submit = nil, submit_success = nil, submit_error = nil, options = {}, &block)
+        options = options.symbolize_keys
+
+        options[:method] = method
+        options[:target] = target
+
+        if method = "get"
+            if options[:ajax]
+                options[:"action-xhr"] = url
+            else
+                options[:action] = url
+            end
+        else
+            options[:"action-xhr"] = url
+        end
+
+        options.delete(:ajax)
+
+        options[:on] = "#{options[:on] + ";" if options[:on]}#{submit + ";" if submit}#{submit_success + ";" if submit_success}#{submit_error + ";" if submit_error}" if submit || submit_success || submit_error
+
+        if block_given?
+            content_tag("form", capture(&block), options)
+        else
+            content_tag("form", options)
+        end
+    end
+    <% unless options[:split] %>
+    def form_tag(url = "", method = "post", target = "_top", submit = nil, submit_success = nil, submit_error = nil, options = {}, &block)
+        if block_given?
+            amp_form(url, method, target, submit, submit_success, submit_error, options, capture(&block))
+        else
+            amp_form(url, method, target, submit, submit_success, submit_error, options)
+        end
+    end
+    <% end %>
+
+    def amp_input(type = "text", name = nil, value = nil, onchange = nil, options = {})
+        options = options.symbolize_keys
+
+        options[:type] = type
+        options[:name] = name
+        options[:value] = value
+
+        options[:on] = "#{options[:on] + ";" if options[:on]}#{onchange + ";" if onchange}"
+
+        tag("input", options)
+    end
+    <% unless options[:split] %>
+    def input_tag(type = "text", name = nil, value = nil, onchange = nil, options = {})
+        amp_input(type, name, value, onchange, options)
+    end
+    <% end %>
+
+    def amp_selector(name = nil, onchange = nil, options = {}, &block)
+        options = options.symbolize_keys
+
+        options[:layout] = "container"
+        options[:name] = name
+
+        options[:on] = "#{options[:on] + ";" if options[:on]}#{onchange + ";" if onchange}"
+
+        content_tag("amp-selector", capture(&block), options)
+    end
+
+
+    def amp_form_response(type = "success", &block)
+        raise "`amp_form_response` takes only the types `success` and `error`" unless type = "success" || type = "error"
+
+        type = "submit-" + type
+
+        options = {}
+        options[type] = ""
+
+        content_tag("div", amp_mustache(capture(&block)), options)
+    end
+
+end

data/lib/generators/templates/install/README.md

@@ -0,0 +1 @@
+ABCDEFG

data/lib/generators/templates/install/amphtml.rb.erb

@@ -0,0 +1,19 @@
+require 'amp-html'
+
+<% if options[:javascript] %>
+Rails.application.configure do
+	if AmpHtml.assets_only_amp
+		config.assets.precompile += ['amp/**/*.js', 'amp/**/*.scss']
+	else
+		config.assets.precompile += ['amp/**/*.js', 'amp/**/*.scss']
+	end
+end
+<% else %>
+Rails.application.configure do
+	if AmpHtml.assets_only_amp
+		config.assets.precompile += ['amp/**/*.scss']
+	else
+		config.assets.precompile += ['amp/**/*.scss']
+	end
+end
+<% end %>

data/lib/generators/templates/install/amphtml.yml.erb

@@ -0,0 +1,189 @@
+default: &default
+
+
+
+    # ----------
+    # COMPONENTS
+    # ----------
+
+    # Learn more about amp-html components: https://github.com/slooob/amp-html/wiki/Docs
+    # Run `amp-html bundle` after adding or removing components!
+    # Run `amp-html install COMPONENT` to install a specific component from the command line
+    components:
+        <% if options[:all] || options[:analytics] || options[:notifications] %>analytics<% else %># analytics<% end %>
+        <% if options[:all] || options[:iframe] || options[:javascript] || options[:service_worker] %>iframe<% else %># iframe<% end %>
+        <% if options[:all] || options[:notifications] %>notifications<% else %># notifications<% end %>
+        <% if options[:all] || options[:anim] %>anim<% else %># anim<% end %>
+        <% if options[:all] || options[:ad] %>ad<% else %># ad<% end %>
+        <% if options[:all] || options[:social] %>social<% else %># social<% end %>
+        <% if options[:all] || options[:javascript] %>javascript<% else %># javascript<% end %>
+        <% if options[:all] || options[:service_worker] %>service_worker<% else %># service_worker<% end %>
+        <% if options[:all] || options[:lists] %>lists<% else %># lists<% end %>
+
+
+
+    # ------------
+    # SPLIT VIEW
+    # ------------
+
+    <% if options[:split] %>
+    ## To remove SplitView run `rails g amp-html:bundle`
+    ## Defaults to `false`
+    split_view: true
+    <% else %>
+    # ## To enable SplitView run `rails g amp-html:bundle -s`
+    # ## Defaults to `false`
+    # split_view: true
+    <% end %>
+
+
+
+    # -----------------
+    # APP CUSTOMIZATION
+    # -----------------
+
+    ## Customize your application's information
+    application:
+        ### Set the name of your app. This value is being used to set the default title of your views as well as populating meta information
+        name: "<%= options[:name] %>"
+
+        # ### Specify the type of your site. Some example values are "Organization", "NewsArticle", "BlogPosting". You can name it whatever feels appropriate
+        # ### This is being used for the schema_tag and can be overridden by passing a different type
+        # type: "Organization"
+
+        # ### Specify the date you published your site. This is being used for the schema_tag and can be overridden by passing a different datetime
+        # ### Defaults to `DateTime.now`
+        # date_published: "<%= DateTime.now %>"
+
+        # ### Specify the image used as logo for the schema_tag
+        # image: ["my/image/path"]
+
+
+
+    # ------------
+    # VIEWS FORMAT
+    # ------------
+
+    <% if options[:split] %>
+    # ## Change the default format used for views.
+    # ## Defaults to `amp`
+    <% unless options[:format] == nil || options[:format] != "amp" %>default_format: <%= options[:format] %><% else %># default_format: html<% end %>
+    <% else %>
+    ## Change the default format used for views.
+    ## Defaults to `html`
+    <% unless options[:format] == nil || options[:format] != "html" %>default_format: <%= options[:format] %><% else %># default_format: amp<% end %>
+    <% end %>
+
+    <% if options[:split] %>
+    # ## Formats used to find a view if the default format does not exist.
+    # ## Default is ``
+    fallback_format: html xhtml
+    <% else %>
+    ## Formats used to find a view if the default format does not exist.
+    ## Default is ``
+    fallback_format: amp xhtml
+    <% end %>
+
+
+
+    # --------------------
+    # ASSETS CONFIGURATION
+    # --------------------
+
+    ## Configure your Assets
+    assets:
+        # ### Declares whether assets outside of the "assets/#{type}/amp" are precompiled or not. If `true` only assets inside the amp directory are precompiled
+        # ### Defaults to `true`. If SplitView is enabled it defaults to `false`
+        # only_amp: <% if options[:split] %>false<% else %>true<% end %>
+
+        # ### To use javascript in your AMP app, install the AMP-HTML Javascript Component by running `amp-html install javascript`
+
+
+
+
+
+
+    # ---------------
+    # FORMS COMPONENT
+    # ---------------
+
+    ## Set up the AMP Forms Component
+    forms:
+        # ### Uncomment to use `amp_selector` helper in forms. Learn more by running `amp-html helper amp_selector`
+        # ### Defaults to `false`
+        # amp_selector: true
+    <% if options[:all] || options[:analytics] %>
+
+
+
+
+
+
+    # -------------------
+    # ANALYTICS COMPONENT
+    # -------------------
+
+    ## Set up the AMP Analytics Component
+    analytics:
+        # ### Specifies the default vendor for all amp_analytics tags. You can always override this default by passing a different vendor
+        # ### List of all supported vendors: https://www.ampproject.org/docs/reference/components/ads/amp-analytics#analytics-vendors
+        # default_vendor: parsely
+
+        google_analytics:
+            # ### Set your Google Analytics account to enable the amp_google_analytics tag helper
+            # account: UA-*****-*
+    <% end %>
+    <% if options[:all] || options[:ad] %>
+
+
+
+    # ------------------------
+    # ADVERTISEMENTS COMPONENT
+    # ------------------------
+
+    ## Set up the AMP Advertisements Component
+    ad:
+        # ### Specifies the default network for all amp_ad tags. You can always override this default by passing a different network
+        # ### List of all supported networks: https://www.ampproject.org/docs/reference/components/ads/amp-ad#supported-ad-networks
+        # default_network: mywidget
+
+        auto_ads:
+            # ### Specifies the default network for all amp_auto_ads tags. You can always override this default by passing a different network
+            # ### List of all supported networks: https://www.ampproject.org/docs/reference/components/ads/amp-auto-ads#supported-ad-networks
+            # default_network: adsense
+    <% end %>
+    <% if options[:all] || options[:social] %>
+
+
+
+    # -------------------
+    # SOCIAL COMPONENT
+    # -------------------
+
+    ## Set up the AMP Social Component
+    social:
+        share:
+            # ### Specifies the default provider for all amp_social_share tags. You can always override this default by passing a different provider
+            # ### List of all supported providers: https://www.ampproject.org/docs/reference/components/social/amp-social-share
+            # default_provider: twitter
+
+            # ### You can define an unsupported provider as your default but then you need to set the data-share-endpoint
+            # default_data_share_endpoint: whatsapp://send
+    <% end %>
+
+
+
+
+# -----------------------------------
+# ENVIRONMENT SENSITIVE CONFIGURATION
+# -----------------------------------
+
+
+production:
+    <<: *default
+
+development:
+    <<: *default
+
+test:
+    <<: *default

data/lib/generators/templates/views/README.md

@@ -0,0 +1 @@
+ABC

data/lib/generators/templates/views/application.html.erb

@@ -0,0 +1,71 @@
+<%%= amp_html_doctype do %>
+
+    <head>
+
+
+        <!-- AMP-HTML head tags -->
+        <!-- IMPORTANT: Keep this at the top of the head section!  -->
+        <!-- Learn more about allowed parameters by running `amp-html helper amp_head` -->
+        <!-- Example: <%%#= amp_head(description: "Description", favicon: "favicon.ico", language: I18n.locale, keywords: ["keyword1", "keyword2"]) %> -->
+        <%%= amp_head %>
+
+
+        <!-- Use <%%#= content_for :title do %>App Name<%%# end %> to add a title to your view -->
+        <title><%% if content_for? :title %><%%= yield :title %><%% else %><%%= amp-html.application_name %><%% end %></title>
+
+        <% if options[:split] %>
+        <!-- Overwrite the passed parameter to specify a specific canonical url -->
+        <%%= canonical_document_link(url_for(format: :html, only_path: false)) %>
+        <% else %>
+        <%%= canonical_document_link %>
+        <% end %>
+        <!-- IMPORTANT: The `meta[name="viewport"]` tag is required by AMP! -->
+        <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+
+        <%%= csrf_meta_tags %>
+
+
+        <!-- schema.org definition (not required) -->
+        <%%= schema_tag("#{headline if content_for? :title}": "#{yield :title if content_for? :title}") %>
+
+
+        <!-- AMP custom styles -->
+        <!-- Use <%%#= amp_css do %> div { color: black } ... <%%# end %> to add specific styles to your view -->
+
+        <!-- If you want to embed external styles, use stylesheets under "app/assets/stylesheets/amp" directory -->
+        <!-- DO NOT include any external CSS via a link tag -->
+        <!-- Learn more about format restrictions in CSS: https://www.ampproject.org/docs/guides/author-develop/responsive/style_pages -->
+
+        <!-- Add your global CSS in the block below -->
+        <%%= amp_css do %>
+        <%% end %>
+
+
+        <!-- AMP Javascript Component -->
+        <!-- DO NOT include any external JS via a link tag -->
+        <!-- To include javascript in your application, install the AMP-HTML Javascript Component. Run `amp-html install javascript` -->
+        <!-- Learn more about the Javascript Component: https://github.com/slooob/amp-html/blob/master/lib/amp-html/components/docs/javascript.md -->
+
+
+    </head>
+
+    <body>
+
+
+        <!-- AMP Analytics Component -->
+        <!-- You need to install the analytics component in order to use the following tag helpers! -->
+
+        <!-- <%%#= amp_analytics(vendor) %> -->
+
+        <!-- IMPORTANT: To be able to use the amp_google_analytics tag helper, configure your Google Analytics account in "config/amp-html.yml"! -->
+        <!-- <%%#= amp_google_analytics %> -->
+
+        <!-- Guide: https://github.com/slooob/amp-html/wiki/Guides:-Analytics -->
+
+
+        <%%= yield %>
+
+
+    </body>
+
+<%% end %>

data/lib/generators/templates/views/application/_head.html.erb

@@ -0,0 +1,47 @@
+<meta charset="utf-8">
+<script async src="https://cdn.ampproject.org/v0.js"></script>
+
+
+<% if options[:company] %><meta name="company" content="<%= options[:company] %>"><% end %>
+
+<% if options[:email] %><meta name="reply-to" content="<%= options[:email] %>"><% end %>
+
+<% if options[:type] %>
+    <meta name="page-type" content="<%= options[:type] %>">
+    <meta name="page-topic" content="<%= options[:type] %>">
+<% end %>
+
+<% if options[:audience] %><meta name="audience" content="<%= options[:audience] %>"><% end %>
+
+<% if options[:author] %>
+    <meta name="DC.Creator" content="<%= options[:author] %>">
+    <meta name="author" content="<%= options[:author] %>">
+<% end %>
+
+<% if options[:publisher] %>
+    <meta name="DC.Publisher" content="<%= options[:publisher] %>">
+    <meta name="publisher" content="<%= options[:publisher] %>">
+<% end %>
+
+<% if options[:copyright] %>
+    <meta name="DC.Rights" content="<%= options[:copyright] %>">
+    <meta name="copyright" content="<%= options[:copyright] %>">
+<% end %>
+
+<% if options[:description] %>
+    <meta name="DC.Description" content="<%= options[:description] %>">
+    <meta name="description" content="<%= options[:description] %>">
+<% end %>
+
+<% if options[:keywords] %><meta name="keywords" content="<%= options[:keywords].join(',') %>"><% end %>
+
+<% if options[:language] %><meta name="DC.Language" content="<%= options[:language] %>"><% end %>
+
+<% if options[:robots] %><meta name="robots" content="<%= options[:robots] %>"><% end %>
+
+
+<% if options[:apple_touch_icon_120] %><link rel="apple-touch-icon" sizes="120x120" href="<%= options[:apple_touch_icon_120] %>"><% end %>
+<% if options[:apple_touch_icon_152] %><link rel="apple-touch-icon" sizes="152x152" href="<%= options[:apple_touch_icon_152] %>"><% end %>
+
+
+<% if options[:favicon] %><%%= favicon_link_tag "<%= options[:favicon] %>" %><% end %>

data/lib/generators/templates/views/application/_resources.html.erb

@@ -0,0 +1,16 @@
+<!-- ************************** -->
+<!-- DO NOT ALTER THIS FILE! -->
+<!-- ************************** -->
+
+
+
+<!-- AMP ASSETS -->
+
+<!-- AMP CSS -->
+<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_tag do %><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style><%% end %>
+<%% if Rails.application.assets && Rails.application.assets['amp/application.css'] %><style amp-custom><%%= Rails.application.assets['amp/application.css'].to_s.html_safe %><%%= yield :css %><%%= yield :global_css %></style><%% else %><style amp-custom><%%= File.read "#{Rails.root}/public#{stylesheet_path('amp/application', host: nil)}" %><%%= yield :css %><%%= yield :global_css %></style><%% end %>
+
+<% if options[:javascript] %>
+<!-- AMP Javascript Component -->
+<%%= amp_js %>
+<% end %>

data/lib/generators/templates/views/application/_schema.html.erb

@@ -0,0 +1,6 @@
+<script type="application/ld+json">
+    {
+        "@context": "http://schema.org",<%% options.each do |key, value| %>
+        "<%%= key %>": "<%%= value %>"<%% unless key == options.keys.last %>,<%% end %><%% end %>
+    }
+</script>

data/lib/generators/templates/views/config/mime_types.rb

@@ -0,0 +1,8 @@
+# Be sure to restart your server when you modify this file.
+
+# Add new mime types for use in respond_to blocks:
+# Mime::Type.register "text/richtext", :rtf
+
+
+# AMP-HTML - Setting the format for AMP-HTML Views
+Mime::Type.register_alias 'text/html', AmpHtml.default_format