nesta-contentfocus-extensions 0.0.1 → 0.0.2

data/assets/stylesheets/neat/grid/_to-deprecate.scss

@@ -0,0 +1,97 @@
+@charset "UTF-8";
+
+@mixin breakpoint($query:$feature $value $columns, $total-columns: $grid-columns) {
+  @include -neat-warn("The breakpoint() mixin was renamed to media() in Neat 1.0. Please update your project with the new syntax before the next version bump.");
+
+  @if length($query) == 1 {
+    @media screen and ($default-feature: nth($query, 1)) {
+      $default-grid-columns: $grid-columns;
+      $grid-columns: $total-columns;
+      @content;
+      $grid-columns: $default-grid-columns;
+    }
+  } @else if length($query) == 2 {
+    @media screen and (nth($query, 1): nth($query, 2)) {
+      $default-grid-columns: $grid-columns;
+      $grid-columns: $total-columns;
+      @content;
+      $grid-columns: $default-grid-columns;
+    }
+  } @else if length($query) == 3 {
+    @media screen and (nth($query, 1): nth($query, 2)) {
+      $default-grid-columns: $grid-columns;
+      $grid-columns: nth($query, 3);
+      @content;
+      $grid-columns: $default-grid-columns;
+    }
+  } @else if length($query) == 4 {
+    @media screen and (nth($query, 1): nth($query, 2)) and (nth($query, 3): nth($query, 4)) {
+      $default-grid-columns: $grid-columns;
+      $grid-columns: $total-columns;
+      @content;
+      $grid-columns: $default-grid-columns;
+    }
+  } @else if length($query) == 5 {
+    @media screen and (nth($query, 1): nth($query, 2)) and (nth($query, 3): nth($query, 4)) {
+      $default-grid-columns: $grid-columns;
+      $grid-columns: nth($query, 5);
+      @content;
+      $grid-columns: $default-grid-columns;
+    }
+  } @else {
+    @include -neat-warn("Wrong number of arguments for breakpoint(). Read the documentation for more details.");
+  }
+}
+
+@mixin nth-omega($nth, $display: block, $direction: default) {
+  @include -neat-warn("The nth-omega() mixin is deprecated. Please use omega() instead.");
+  @include omega($nth $display, $direction);
+}
+
+/// Resets the active display property to `block`. Particularly useful when changing the display property in a single row.
+///
+/// @example scss - Usage
+///   .element {
+///     @include row(table);
+///     // Context changed to table display
+///   }
+///
+///   @include reset-display;
+///   // Context is reset to block display
+
+@mixin reset-display {
+  $container-display-table: false !global;
+  @include -neat-warn("Resetting $display will be deprecated in future versions in favor of the display(){...} mixin.");
+}
+
+/// Resets the active layout direction to the default value set in `$default-layout-direction`. Particularly useful when changing the layout direction in a single row.
+///
+/// @example scss - Usage
+///   .element {
+///     @include row($direction: RTL);
+///     // Context changed to right-to-left
+///   }
+///
+///   @include reset-layout-direction;
+///   // Context is reset to left-to-right
+
+@mixin reset-layout-direction {
+  $layout-direction: $default-layout-direction !global;
+  @include -neat-warn("Resetting $direction will be deprecated in future versions in favor of the direction(){...} mixin.");
+}
+
+/// Resets both the active layout direction and the active display property.
+///
+/// @example scss - Usage
+///   .element {
+///     @include row(table, RTL);
+///     // Context changed to table table and right-to-left
+///   }
+///
+///   @include reset-all;
+///   // Context is reset to block display and left-to-right
+
+@mixin reset-all {
+  @include reset-display;
+  @include reset-layout-direction;
+}

data/assets/stylesheets/neat/grid/_visual-grid.scss

@@ -0,0 +1,42 @@
+@charset "UTF-8";
+
+@mixin grid-column-gradient($values...) {
+  background-image: -webkit-linear-gradient(left, $values);
+  background-image: -moz-linear-gradient(left, $values);
+  background-image: -ms-linear-gradient(left, $values);
+  background-image: -o-linear-gradient(left, $values);
+  background-image: unquote("linear-gradient(to left, #{$values})");
+}
+
+@if $visual-grid == true or $visual-grid == yes {
+  body:before {
+    @include grid-column-gradient(gradient-stops($grid-columns));
+    content: "";
+    display: inline-block;
+    height: 100%;
+    left: 0;
+    margin: 0 auto;
+    max-width: $max-width;
+    opacity: $visual-grid-opacity;
+    pointer-events: none;
+    position: fixed;
+    right: 0;
+    width: 100%;
+
+    @if $visual-grid-index == back {
+      z-index: -1;
+    }
+
+    @else if $visual-grid-index == front {
+      z-index: 9999;
+    }
+
+    @each $breakpoint in $visual-grid-breakpoints {
+      @if $breakpoint {
+        @include media($breakpoint) {
+          @include grid-column-gradient(gradient-stops($grid-columns));
+        }
+      }
+    }
+  }
+}

data/assets/stylesheets/neat/settings/_disable-warnings.scss

@@ -0,0 +1,13 @@
+@charset "UTF-8";
+
+/// Disable all deprecation warnings. Defaults to `false`. Set with a `!global` flag.
+///
+/// @type Bool
+
+$disable-warnings: false !default;
+
+@mixin -neat-warn($message) {
+  @if $disable-warnings == false {
+    @warn "#{$message}";
+  }
+}

data/assets/stylesheets/neat/settings/_grid.scss

@@ -0,0 +1,51 @@
+@charset "UTF-8";
+
+/// Sets the relative width of a single grid column. The unit used should be the same one used to define `$gutter`. To learn more about modular-scale() see [Bourbon docs](http://bourbon.io/docs/#modular-scale). Set with a `!global` flag.
+///
+/// @type Number (Unit)
+
+$column: modular-scale(3, 1em, $golden) !default;
+
+/// Sets the relative width of a single grid gutter. The unit used should be the same one used to define `$column`. To learn more about modular-scale() see [Bourbon docs](http://bourbon.io/docs/#modular-scale). Set with the `!global` flag.
+///
+/// @type Number (Unit)
+
+$gutter: modular-scale(1, 1em, $golden) !default;
+
+/// Sets the total number of columns in the grid. Its value can be overridden inside a media query using the `media()` mixin. Set with the `!global` flag.
+///
+/// @type Number (Unitless)
+
+$grid-columns: 12 !default;
+
+/// Sets the max-width property of the element that includes `outer-container()`. To learn more about `em()` see [Bourbon docs](http://bourbon.io/docs/#px-to-em). Set with the `!global` flag.
+///
+/// @type Number (Unit)
+///
+$max-width: em(1088) !default;
+
+/// When set to true, it sets the box-sizing property of all elements to `border-box`. Set with a `!global` flag.
+///
+/// @type Bool
+///
+/// @example css - CSS Output
+///   html {
+///     box-sizing: border-box; }
+///
+///   *, *::after, *::before {
+///     box-sizing: inherit;
+///   }
+
+$border-box-sizing: true !default;
+
+/// Sets the default [media feature](http://www.w3.org/TR/css3-mediaqueries/#media) that `media()` and `new-breakpoint()` revert to when only a breakpoint value is passed. Set with a `!global` flag.
+///
+/// @type String
+
+$default-feature: min-width; // Default @media feature for the breakpoint() mixin
+
+///Sets the default layout direction of the grid. Can be `LTR` or `RTL`. Set with a `!global` flag.
+///
+///@type String
+
+$default-layout-direction: LTR !default;

data/assets/stylesheets/neat/settings/_visual-grid.scss

@@ -0,0 +1,27 @@
+@charset "UTF-8";
+
+/// Displays the visual grid when set to true. The overlaid grid may be few pixels off depending on the browser's rendering engine and pixel rounding algorithm. Set with the `!global` flag.
+///
+/// @type Bool
+
+$visual-grid: false !default;
+
+/// Sets the visual grid color. Set with `!global` flag.
+///
+/// @type Color
+
+$visual-grid-color: #eee !default;
+
+/// Sets the `z-index` property of the visual grid. Can be `back` (behind content) or `front` (in front of content). Set with `!global` flag.
+///
+/// @type String
+
+$visual-grid-index: back !default;
+
+/// Sets the opacity property of the visual grid. Set with `!global` flag.
+///
+/// @type Number (unitless)
+
+$visual-grid-opacity: 0.4 !default;
+
+$visual-grid-breakpoints: () !default;

data/lib/nesta-contentfocus-extensions.rb

@@ -1,4 +1,14 @@
-require "nesta-contentfocus-extensions/version"
-require "nesta-contentfocus-extensions/menu"
-require "nesta-contentfocus-extensions/page"
-require "nesta-contentfocus-extensions/path"
+require 'tilt'
+require 'nesta-contentfocus-extensions/version'
+require 'nesta-contentfocus-extensions/app'
+require 'nesta-contentfocus-extensions/helpers'
+require 'nesta-contentfocus-extensions/kramdown'
+require 'nesta-contentfocus-extensions/menu'
+require 'nesta-contentfocus-extensions/overrides'
+require 'nesta-contentfocus-extensions/page'
+require 'nesta-contentfocus-extensions/path'
+require 'nesta-contentfocus-extensions/paths'
+require 'nesta-contentfocus-extensions/renderer'
+require 'nesta-contentfocus-extensions/routes'
+require 'nesta-contentfocus-extensions/theme'
+Nesta::ContentFocus::Paths.setup_base_app

data/lib/nesta-contentfocus-extensions/app.rb

@@ -0,0 +1,8 @@
+require 'sinatra/flash'
+require 'nesta-contentfocus-extensions/routes'
+module Nesta
+  class App < Sinatra::Base
+    register Sinatra::Flash
+    include Nesta::ContentFocus::Routes
+  end
+end

data/lib/nesta-contentfocus-extensions/helpers.rb

@@ -0,0 +1,21 @@
+require 'nesta-contentfocus-extensions/paths'
+module Nesta
+  class App < Sinatra::Base
+    helpers do
+      def find_template(view_path, name, engine, &block)
+        views = [view_path]
+        views += Nesta::ContentFocus::Paths.view_paths
+        views.each { |v| super(v, name, engine, &block) }
+      end
+
+      def body_class
+        classes = [@body_class]
+        if @page
+          classes << 'landing-page' if @page.flagged_as? 'landing-page'
+          classes << 'bare' if @page.flagged_as? 'sign-up'
+        end
+        classes.compact.sort.uniq.join(' ')
+      end
+    end
+  end
+end

data/lib/nesta-contentfocus-extensions/kramdown.rb

@@ -0,0 +1,91 @@
+require 'rouge'
+require 'kramdown'
+require 'kramdown/converter'
+require 'tilt'
+
+Tilt.register Tilt::KramdownTemplate, 'markdown', 'mkd', 'md'
+Tilt.prefer Tilt::KramdownTemplate
+
+module Kramdown
+  module SyntaxHighlighter
+    module Rouge
+      def self.call(converter, text, lang, type, _unused_opts)
+        opts = converter.options[:syntax_highlighter_opts].dup
+        lexer = ::Rouge::Lexer.find_fancy(lang || opts[:default_lang], text)
+        return nil unless lexer
+        if type == :span
+          opts[:wrap] = false
+          opts[:line_numbers] = false
+        end
+        formatter = (opts.delete(:formatter) || ::Rouge::Formatters::HTML).new(opts)
+        formatter.format(lexer.lex(text))
+      end
+    end
+  end
+
+  module Converter
+    add_syntax_highlighter :rouge do |converter, text, lang, type, opts|
+      add_syntax_highlighter :rouge, ::Kramdown::SyntaxHighlighter::Rouge
+      syntax_highlighter(:rouge).call(converter, text, lang, type, opts)
+    end
+
+    class Html < Base
+      alias_method :pre_headstartup_convert_ul, :convert_ul
+      alias_method :pre_headstartup_convert_blockquote, :convert_blockquote
+      alias_method :pre_headstartup_convert_header, :convert_header
+
+      def convert_ul(el, indent)
+        if ['benefits', 'how', 'features'].include? el.attr['class']
+          el.children.each do |li|
+            p = li.children.detect{ |c| c.type == :p }
+            if p
+              img = p.children.detect{ |c| c.type == :img}
+              if img
+                description = Element.new(:html_element, 'div', :class => 'description')
+                example = Element.new(:html_element, 'div', :class => 'example')
+                p.children.delete(img)
+                example.children = [img]
+                description.children = li.children
+                li.children = [example, description]
+              end
+            end
+          end
+        end
+        output = pre_headstartup_convert_ul(el, indent)
+        output
+      end
+
+      def convert_blockquote(el, indent)
+        if el.attr['class'] == 'testimonial'
+          p = el.children.detect{ |c| c.type == :p }
+          if p
+            mdash_idx = p.children.index{ |c| c.type == :typographic_sym && c.value == :mdash }
+            if mdash_idx
+              next_el = p.children[mdash_idx + 1]
+              if (next_el.type == :text) && (next_el.value.strip.empty?) && (p.children[mdash_idx + 2].type == :a)
+                p.children.delete_at(mdash_idx)
+                cite = Element.new(:html_element, 'cite')
+                cite.children = p.children.pop(p.children.size - mdash_idx)
+                p.children.push cite
+              elsif next_el.type == :a
+              end
+            end
+          end
+        end
+        output = pre_headstartup_convert_blockquote(el, indent)
+      end
+
+      def convert_header(el, indent)
+        output = pre_headstartup_convert_header(el, indent)
+        matched, open, content, close = *output.match(%r{(.*<h[1-6][^>]*>)(.*)(</h[1-6]>)})
+        split_content = content.split(' ')
+        if split_content.size > 3
+          split_content[-1] = [split_content[-2], '&nbsp;', split_content.pop].join
+          content = split_content.join(' ')
+        end
+        [open, content, close].join
+      end
+    end
+  end
+end
+

data/lib/nesta-contentfocus-extensions/menu.rb

@@ -1,4 +1,5 @@
 require 'tempfile'
+require 'tilt'
 require 'nesta/models'
 
 module Nesta
@@ -12,7 +13,9 @@ module Nesta
       @full_menu = pre_contentfocus_full_menu
       if @full_menu.empty?
         menu_file = Tempfile.new('menu')
-        Page.find_all.map(&:categories).flatten.compact.uniq.each do |category|
+        categories = Page.find_all.map(&:categories).flatten.compact.uniq
+        categories.sort_by!(&:abspath)
+        categories.each do |category|
           menu_file.write(category.abspath + "\n")
           category.pages.each do |sub_category|
             menu_file.write(Nesta::Menu::INDENT + sub_category.abspath + "\n")

data/lib/nesta-contentfocus-extensions/overrides.rb

@@ -0,0 +1,17 @@
+require 'nesta/overrides'
+module Nesta
+  module Overrides
+    private
+
+    def self.render_options(template, *engines)
+      Nesta::ContentFocus::Paths.view_paths.each do |path|
+        engines.each do |engine|
+          if template_exists?(engine, path, template)
+            return { views: path }, engine
+          end
+        end
+      end
+      [{}, :sass]
+    end
+  end
+end

data/lib/nesta-contentfocus-extensions/page.rb

@@ -1,60 +1,7 @@
-require 'redcarpet'
-require 'nesta/models'
-
-module Nesta
-  module ContentFocus
-    class HTMLRenderer < Redcarpet::Render::HTML
-      def preprocess(document)
-        @document = document
-      end
-
-      def paragraph(content)
-        if ['[TOC]'].include?(content)
-          toc_render = Redcarpet::Render::HTML_TOC.new(nesting_level: 2)
-          parser     = Redcarpet::Markdown.new(toc_render)
-          rendered = parser.render(@document)
-          rendered.sub!(/\A<ul>/, '<ul class="toc">')
-          return rendered
-        else
-          ["<p>",content,"</p>"].join
-        end
-      end
-
-      def block_quote(content)
-        if content.match(/\A<p>\.([a-z]+) /)
-          cssclass = $1
-          content.sub!(/\A\<p>.([a-z]+) /, "")
-          content.sub!(/<\/p>\z/, "")
-          [%Q{<div class="#{cssclass}"><p>}, content, "</p></div>"].join
-        else
-          ["<blockquote>", content, "</blockquote>"].join
-        end
-      end
-    end
-  end
-end
-
+require 'nesta-contentfocus-extensions/renderer'
 module Nesta
   class Page < FileModel
     def convert_to_html(format, scope, text)
-      render_options = {
-        prettify: true,
-        safe_links_only: true,
-        with_toc_data: true
-      }
-      markdown_options = {
-        renderer: Nesta::ContentFocus::HTMLRenderer.new(render_options),
-        autolink: true,
-        disable_indented_code_blocks: true,
-        fenced_code_blocks: true,
-        footnotes: true,
-        highlight: true,
-        no_intra_emphasis: true,
-        quote: true,
-        strikethrough: true,
-        superscript: true,
-        tables: true
-      }
       text = add_p_tags_to_haml(text) if @format == :haml
       template = Tilt[format].new(nil, 1, markdown_options) { text }
       template.render(scope)
@@ -63,5 +10,33 @@ module Nesta
     def intro_image
       return metadata('Intro Image') if metadata('Intro Image')
     end
+
+    def markdown_options
+      {
+        auto_id_stripping: true,
+        auto_ids: true,
+        syntax_highlighter: :rouge,
+        syntax_highlighter_opts: syntax_highlight_options
+      }
+      #{
+      #  autolink: true,
+      #  disable_indented_code_blocks: true,
+      #  fenced_code_blocks: true,
+      #  footnotes: true,
+      #  highlight: true,
+      #  no_intra_emphasis: true,
+      #  quote: true,
+      #  strikethrough: true,
+      #  syntax_highlighter: :rouge,
+      #  superscript: true,
+      #  tables: true }
+    end
+
+    def syntax_highlight_options
+      {
+        line_numbers: true,
+        css_class: 'hll'
+      }
+    end
   end
 end