bootstrap-email 0.3.1 → 1.0.0.alpha1.1

data/core/sass/_hr.scss

@@ -1,14 +0,0 @@
-div.hr {
-  width: 100%;
-  border: 0;
-  margin: $font-size-base*1.25 0;
-  & > table {
-    width: 100%;
-    & > tbody > tr > td {
-      width: 100%;
-      border-top: 1px solid #dddddd;
-      height: 1px;
-      width: 100%;
-    }
-  }
-}

data/core/sass/_spacing.scss

@@ -1,100 +0,0 @@
-// Width Helper
-@each $size, $percentage in $widths {
-  .w-#{$size} {
-    width: $percentage;
-    & > tbody > tr > td {
-      width: $percentage;
-    }
-  }
-}
-
-@each $size, $percentage in $widths {
-  .w-lg-#{$size} {
-    width: $percentage;
-    & > tbody > tr > td {
-      width: $percentage;
-    }
-  }
-}
-
-// Padding Helper
-@each $size, $length in $spacers {
-  .p-#{$size} {
-    & > tbody > tr > td {
-      padding: $length;
-    }
-  }
-  .pt-#{$size},
-  .py-#{$size} {
-    & > tbody > tr > td {
-      padding-top: $length;
-    }
-  }
-  .pr-#{$size},
-  .px-#{$size} {
-    & > tbody > tr > td {
-      padding-right: $length;
-    }
-  }
-  .pb-#{$size},
-  .py-#{$size} {
-    & > tbody > tr > td {
-      padding-bottom: $length;
-    }
-  }
-  .pl-#{$size},
-  .px-#{$size} {
-    & > tbody > tr > td {
-      padding-left: $length;
-    }
-  }
-}
-
-@each $size, $length in $spacers {
-  .p-lg-#{$size} {
-    & > tbody > tr > td {
-      padding: $length;
-    }
-  }
-  .pt-lg-#{$size},
-  .py-lg-#{$size} {
-    & > tbody > tr > td {
-      padding-top: $length;
-    }
-  }
-  .pr-lg-#{$size},
-  .px-lg-#{$size} {
-    & > tbody > tr > td {
-      padding-right: $length;
-    }
-  }
-  .pb-lg-#{$size},
-  .py-lg-#{$size} {
-    & > tbody > tr > td {
-      padding-bottom: $length;
-    }
-  }
-  .pl-lg-#{$size},
-  .px-lg-#{$size} {
-    & > tbody > tr > td {
-      padding-left: $length;
-    }
-  }
-}
-
-// Spacing Helper
-@each $size, $length in $spacers {
-  .s-#{$size} > tbody > tr > td {
-    font-size: $length;
-    line-height: $length;
-    height: $length;
-  }
-}
-
-@each $size, $length in $spacers {
-  .s-lg-#{$size} > tbody > tr > td {
-    font-size: $length;
-    line-height: $length;
-    height: $length;
-  }
-}

data/core/sass/_typography.scss

@@ -1,50 +0,0 @@
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
-  margin-top: $headings-margin-top;
-  margin-bottom: $headings-margin-bottom;
-  font-family: $headings-font-family;
-  font-weight: $headings-font-weight;
-  color: $headings-color;
-  text-align: left;
-  vertical-align: baseline;
-}
-
-@for $n from 1 through 6 {
-  h#{$n}, .h#{$n} {
-    font-size: heading-size($n);
-    line-height: heading-line-height($n);
-  }
-}
-
-.font-weight-bold {
-  font-weight: bold !important;
-}
-
-.font-weight-normal {
-  font-weight: normal !important;
-}
-
-.text-left {
-  text-align: left !important;
-}
-
-.text-right {
-  text-align: right !important;
-}
-
-.text-center {
-  text-align: center !important;
-}
-
-p {
-  margin-bottom: $paragraph-margin-bottom;
-  width: 100%;
-  & > tbody > tr > td {
-    margin: 0;
-    padding: 0 0 $font-size-base * 1.25 0;
-    & > p {
-      margin: 0;
-      padding: 0;
-    }
-  }
-}

data/core/sass/_variables.scss

@@ -1,150 +0,0 @@
-$font-size-base: 16px !default;
-$font-weight-base: normal !default;
-$font-family-sans-serif: Helvetica, Arial, sans-serif !default;
-$font-family-base: $font-family-sans-serif !default;
-$border-radius: $font-size-base * 0.25 !default;
-$border-radius-lg: $font-size-base * 0.3 !default;
-$border-radius-sm: $font-size-base * 0.2 !default;
-$border-width: 1px !default;
-$line-height-base: 1.5 !default;
-$headings-line-height: 1.2 !default;
-$headings-ratios: (1: 2.25, 2: 2, 3: 1.75, 4: 1.5, 5: 1.25, 6: 1) !default;
-$headings-margin-top:         0 !default;
-$headings-margin-bottom:      0 !default;
-$headings-font-family:        null !default;
-$headings-font-weight:        500 !default;
-$headings-color:              null !default;
-$paragraph-margin-bottom: 0 !default;
-$rounded-pill: 50 * $font-size-base !default;
-
-//
-// Color system
-//
-
-$white:  #ffffff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #868e96 !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-$black:  #000000 !default;
-
-$grays: (
-  100: $gray-100,
-  200: $gray-200,
-  300: $gray-300,
-  400: $gray-400,
-  500: $gray-500,
-  600: $gray-600,
-  700: $gray-700,
-  800: $gray-800,
-  900: $gray-900
-) !default;
-
-$blue:    #007bff !default;
-$indigo:  #6610f2 !default;
-$purple:  #6f42c1 !default;
-$pink:    #e83e8c !default;
-$red:     #dc3545 !default;
-$orange:  #fd7e14 !default;
-$yellow:  #ffc107 !default;
-$green:   #28a745 !default;
-$teal:    #20c997 !default;
-$cyan:    #17a2b8 !default;
-
-$colors: (
-  blue: $blue,
-  indigo: $indigo,
-  purple: $purple,
-  pink: $pink,
-  red: $red,
-  orange: $orange,
-  yellow: $yellow,
-  green: $green,
-  teal: $teal,
-  cyan: $cyan,
-  white: $white,
-  gray: $gray-600,
-  gray-dark: $gray-800
-) !default;
-
-$theme-primary: $blue !default;
-$theme-secondary: $gray-600 !default;
-$theme-success: $green !default;
-$theme-danger: $red !default;
-$theme-warning: $yellow !default;
-$theme-info: $cyan !default;
-$theme-light: $gray-100 !default;
-$theme-dark: $gray-800 !default;
-
-$theme-colors: (
-  primary: $theme-primary,
-  secondary: $theme-secondary,
-  success: $theme-success,
-  danger: $theme-danger,
-  warning: $theme-warning,
-  info: $theme-info,
-  light: $theme-light,
-  dark: $theme-dark
-) !default;
-
-$spacer: $font-size-base;
-$spacers: (
-  0: 0,
-  1: ($spacer * .25),
-  2: ($spacer * .5),
-  3: $spacer,
-  4: ($spacer * 1.5),
-  5: ($spacer * 3)
-) !default;
-
-$widths: (
-  25: 25%,
-  50: 50%,
-  75: 75%,
-  100: 100%,
-  auto: auto
-) !default;
-
-$border-color: $gray-300 !default;
-
-$table-accent-bg: #f2f2f2 !default;
-$table-background-color: null !default;
-$table-border-color: $border-color !default;
-$table-border-width: $border-width !default;
-
-$body-color: $black !default;
-$body-bg: $white !default;
-
-$btn-padding-y:               8px !default;
-$btn-padding-x:               12px !default;
-$btn-font-family:             $font-family-base !default;
-$btn-font-size:               $font-size-base !default;
-$btn-line-height:             1.25 * $btn-font-size !default;
-
-$btn-padding-y-sm:            0.25 * $btn-font-size !default;
-$btn-padding-x-sm:            0.5 * $btn-font-size !default;
-$btn-font-size-sm:            0.875 * $btn-font-size !default;
-$btn-line-height-sm:          $btn-line-height * 0.875 !default;
-
-$btn-padding-y-lg:            0.5 * $btn-font-size !default;
-$btn-padding-x-lg:            $btn-font-size !default;
-$btn-font-size-lg:            1.25 * $btn-font-size !default;
-$btn-line-height-lg:          $btn-line-height * 1.25 !default;
-
-$btn-border-width:            $border-width !default;
-
-$btn-font-weight:             $font-weight-base !default;
-
-// Allows for customizing button radius independently from global border radius
-$btn-border-radius:           $border-radius !default;
-$btn-border-radius-lg:        $border-radius-lg !default;
-$btn-border-radius-sm:        $border-radius-sm !default;
-
-// Utility functions
-@function heading-size($n) { @return map-get($headings-ratios, $n) * $font-size-base; }
-@function heading-line-height($n) { @return heading-size($n) * $headings-line-height; }

data/core/template.html.erb

@@ -1,11 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html>
-  <head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="../../css/email.css">
-    <!-- inject-style src="./css/head.css" -->
-  </head>
-  <body>
-    <%= contents %>
-  </body>
-</html>

data/core/templates/align-center.html.erb

@@ -1,9 +0,0 @@
-<table class="mx-auto" align="center">
-  <tbody>
-    <tr>
-      <td>
-        <%= contents %>
-      </td>
-    </tr>
-  </tbody>
-</table>

data/core/templates/align-left.html.erb

@@ -1,9 +0,0 @@
-<table class="float-left" align="left">
-  <tbody>
-    <tr>
-      <td>
-        <%= contents %>
-      </td>
-    </tr>
-  </tbody>
-</table>

data/core/templates/align-right.html.erb

@@ -1,9 +0,0 @@
-<table class="float-right" align="right">
-  <tbody>
-    <tr>
-      <td>
-        <%= contents %>
-      </td>
-    </tr>
-  </tbody>
-</table>

data/core/templates/hr.html.erb

@@ -1,9 +0,0 @@
-<div class="<%= classes %>">
-  <table>
-    <tbody>
-      <tr>
-        <td></td>
-      </tr>
-    </tbody>
-  </table>
-</div>

data/lib/assets/stylesheets/bootstrap-email.scss

@@ -1 +0,0 @@
-@import '../../../core/bootstrap-email'

data/lib/bootstrap-email.rb

@@ -1,230 +0,0 @@
-require 'nokogiri'
-require 'erb'
-require 'ostruct'
-require 'action_mailer'
-require 'premailer'
-require 'premailer/rails'
-require 'rails'
-
-module BootstrapEmail
-  class Compiler
-    def initialize mail
-      @mail = mail
-      @source = mail.html_part || mail
-      update_doc(@source.body.raw_source)
-    end
-
-    def update_doc source
-      @doc = Nokogiri::HTML(source)
-    end
-
-    def perform_full_compile
-      compile_html!
-      inline_css!
-      inject_head!
-      update_mailer!
-    end
-
-    def compile_html!
-      button
-      badge
-      alert
-      card
-      hr
-      container
-      grid
-      align
-      padding
-      margin
-      spacer
-      table
-      body
-    end
-
-    def inline_css!
-      @source.body = @doc.to_html
-      @mail = Premailer::Rails::Hook.perform(@mail)
-      @mail.header[:skip_premailer] = true
-      update_doc(@mail.html_part.body.raw_source)
-    end
-
-    def inject_head!
-      @doc.at_css('head').add_child(bootstrap_email_head)
-    end
-
-    def update_mailer!
-      @mail.html_part.body = @doc.to_html
-      @mail
-    end
-
-    private
-
-    def bootstrap_email_head
-      engine = defined?(SassC::Engine).nil? ? Sass::Engine : SassC::Engine
-      html_string = <<-HEREDOC
-        <style type="text/css">
-          #{engine.new(File.open(File.expand_path('../core/head.scss', __dir__)).read, {syntax: :scss, style: :compressed, cache: false, read_cache: false}).render}
-        </style>
-      HEREDOC
-      html_string
-    end
-
-    def template file, locals_hash = {}
-      namespace = OpenStruct.new(locals_hash)
-      template_html = File.open(File.expand_path("../core/templates/#{file}.html.erb", __dir__)).read
-      ERB.new(template_html).result(namespace.instance_eval { binding })
-    end
-
-    def each_node css_lookup, &blk
-      # sort by youngest child and traverse backwards up the tree
-      @doc.css(css_lookup).sort_by{ |n| n.ancestors.size }.reverse!.each(&blk)
-    end
-
-    def button
-      each_node('.btn') do |node| # move all classes up and remove all classes from the element
-        node.replace(template('table', classes: node['class'], contents: node.delete('class') && node.to_html))
-      end
-    end
-
-    def badge
-      each_node('.badge') do |node| # move all classes up and remove all classes from the element
-        node.replace(template('table-left', classes: node['class'], contents: node.delete('class') && node.to_html))
-      end
-    end
-
-    def alert
-      each_node('.alert') do |node| # move all classes up and remove all classes from the element
-        node.replace(template('table', classes: node['class'], contents: node.delete('class') && node.to_html))
-      end
-    end
-
-    def align
-      each_node('.float-left') do |node|
-        align_helper(node, /float-left/, 'left')
-      end
-      each_node('.mx-auto') do |node|
-        align_helper(node, /mx-auto/, 'center')
-      end
-      each_node('.float-right') do |node|
-        align_helper(node, /float-right/, 'right')
-      end
-    end
-
-    def align_helper node, klass, template
-      if node.name != 'table' # if it is already on a table, set the proprieties on the current table
-        node['class'] = node['class'].sub(klass, '')
-        node.replace(template("align-#{template}", contents: node.to_html))
-      else
-        node['align'] = template
-      end
-    end
-
-    def card
-      each_node('.card') do |node| # move all classes up and remove all classes from element
-        node.replace(template('table', classes: node['class'], contents: node.delete('class') && node.to_html))
-      end
-      each_node('.card-body') do |node| # move all classes up and remove all classes from element
-        node.replace(template('table', classes: node['class'], contents: node.delete('class') && node.to_html))
-      end
-    end
-
-    def hr
-      each_node('hr') do |node| # drop hr in place of current
-        node.replace(template('hr', classes: "hr #{node['class']}"))
-      end
-    end
-
-    def container
-      each_node('.container') do |node|
-        node.replace(template('container', classes: node['class'], contents: node.inner_html))
-      end
-      each_node('.container-fluid') do |node|
-        node.replace(template('table', classes: node['class'], contents: node.inner_html))
-      end
-    end
-
-    def grid
-      each_node('.row') do |node|
-        node.replace(template('row', classes: node['class'], contents: node.inner_html))
-      end
-      each_node('*[class*=col]') do |node|
-        node.replace(template('col', classes: node['class'], contents: node.inner_html))
-      end
-    end
-
-    def padding
-      each_node('*[class*=p-], *[class*=pt-], *[class*=pr-], *[class*=pb-], *[class*=pl-], *[class*=px-], *[class*=py-]') do |node|
-        if node.name != 'table' # if it is already on a table, set the padding on the table, else wrap the content in a table
-          padding_regex = /(p[trblxy]?-\d)/
-          classes = node['class'].scan(padding_regex).join(' ')
-          node['class'] = node['class'].gsub(padding_regex, '')
-          node.replace(template('table', classes: classes, contents: node.to_html))
-        end
-      end
-    end
-
-    def margin
-      each_node('*[class*=my-], *[class*=mt-], *[class*=mb-]') do |node|
-        top_class = node['class'][/m[ty]{1}-(lg-)?(\d)/]
-        bottom_class = node['class'][/m[by]{1}-(lg-)?(\d)/]
-        node['class'] = node['class'].gsub(/(m[tby]{1}-(lg-)?\d)/, '')
-        html = ''
-        if top_class
-          html += template('div', classes: "s-#{top_class.gsub(/m[ty]{1}-/, '')}", contents: nil)
-        end
-        html += node.to_html
-        if bottom_class
-          html += template('div', classes: "s-#{bottom_class.gsub(/m[by]{1}-/, '')}", contents: nil)
-        end
-        node.replace(html)
-      end
-    end
-
-    def spacer
-      spacers = {
-        '0' => 0,
-        '1' => (16 * 0.25),
-        '2' => (16 * 0.5),
-        '3' => 16,
-        '4' => (16 * 1.5),
-        '5' => (16 * 3)
-      }
-      each_node('*[class*=s-]') do |node|
-        temp = Nokogiri::HTML::DocumentFragment.parse(template('table', classes: node['class'] + ' w-100', contents: '&nbsp;'))
-        temp.at_css('td')['height'] = spacers[node['class'].gsub(/s-/, '')].to_i
-        node.replace(temp)
-      end
-    end
-
-    def table
-      @doc.css('table').each do |node|
-        # border="0" cellpadding="0" cellspacing="0"
-        node['border'] = 0
-        node['cellpadding'] = 0
-        node['cellspacing'] = 0
-      end
-    end
-
-    def body
-      @doc.css('body').each do |node|
-        node.replace('<body>' + preview_text.to_s + template('body', classes: "#{node['class']} body", contents: node.inner_html.to_s) + '</body>')
-      end
-    end
-
-    def preview_text
-      preview_node = @doc.at_css('preview')
-      if preview_node.present?
-        # apply spacing after the text max of 100 characters so it doesn't show body text
-        preview_node.content += '&nbsp;' * (100 - preview_node.content.length.to_i)
-        node = template('div', classes: 'preview', contents: preview_node.content)
-        preview_node.remove
-        return node
-      end
-    end
-  end
-end
-
-require 'bootstrap-email/premailer_railtie'
-require 'bootstrap-email/action_mailer'
-require 'bootstrap-email/engine'
-require 'bootstrap-email/version'