jekyll_patternbot 0.12.0

data/_plugins/jekyll_patternbot/parsers/css_utility.rb

@@ -0,0 +1,27 @@
+module JekyllPatternbot
+  class CSSUtilityParser
+
+    def self.parse(filepath)
+      return false unless File.file? filepath
+      utilities = []
+      comment_match = false
+      File.open(filepath).each do |line|
+        unless comment_match
+          comment_match = line.strip.match Regexp.new "\\/\\*\s*#{Config['patternbot']['css']['utility_tag'].strip}\s+(?<description>[^\\*]*)\s*\\*\\/"
+        end
+        if comment_match
+          class_match = line.strip.match /\.[\w\d\-\_]+/
+          if class_match
+            utilities.push({
+              :class => class_match[0].strip,
+              :description => comment_match[:description].strip,
+            })
+            comment_match = false
+          end
+        end
+      end
+      utilities
+    end
+
+  end
+end

data/_plugins/jekyll_patternbot/parsers/gridifier.rb

@@ -0,0 +1,22 @@
+module JekyllPatternbot
+  class GridifierParser < WebDevToolParser
+
+    def settings
+      grid_settings = []
+      url_info = extract_url_info
+
+      return nil unless url_info
+
+      url_info.split(/\;/).each do |mq_string|
+        mq = {}
+        mq[:prefix], mq[:columns], mq[:mq] = mq_string.split(/\,/)
+        mq[:columns] = mq[:columns].to_i
+        mq[:mq] = mq[:mq].to_f
+        grid_settings.push(mq)
+      end
+
+      grid_settings
+    end
+
+  end
+end

data/_plugins/jekyll_patternbot/parsers/icons.rb

@@ -0,0 +1,27 @@
+module JekyllPatternbot
+  class IconsParser
+
+    def initialize(config, icon_files)
+      @config = config
+      @icon_files = icon_files
+    end
+
+    def filepath(filename)
+      File.expand_path filename, @config['source']
+    end
+
+    def symbols(data)
+      matches = data.scan /<symbol[^>]*id\s*=\s*"([^"]+)"/
+      matches.flatten
+    end
+
+    def info
+      for file in @icon_files
+        data = File.read filepath file[:filename]
+        file[:icons] = symbols data
+      end
+      @icon_files
+    end
+
+  end
+end

data/_plugins/jekyll_patternbot/parsers/modulifier.rb

@@ -0,0 +1,10 @@
+module JekyllPatternbot
+  class ModulifierParser < WebDevToolParser
+
+    def settings
+      url_info = extract_url_info
+      url_info.split(/\;/) if url_info
+    end
+
+  end
+end

data/_plugins/jekyll_patternbot/parsers/theme.rb

@@ -0,0 +1,39 @@
+module JekyllPatternbot
+  class ThemeParser
+
+    def initialize(filename)
+      @filename = filename
+      @filepath = File.expand_path filename, Config['patternbot']['css']['source']
+    end
+
+    def exists?
+      File.file? @filepath
+    end
+
+    def data
+      if @data.nil?
+        raw_data = File.read(@filepath)
+        parser = CssParser::Parser.new
+        parser.load_string!(raw_data)
+        css = parser.to_h
+
+        if css.key?('all') and css['all'].key?(':root')
+          @data = css['all'][':root']
+        end
+      end
+
+      @data
+    end
+
+    def info
+      {
+        :filename => @filename,
+        :filepath => @filepath,
+        :colors => data ? CSSColorParser.parse(data) : {},
+        :fonts => data ? CSSFontParser.parse(Config['patternbot']['font_url'], data) : {},
+        :utilities => CSSUtilityParser.parse(@filepath),
+      }
+    end
+
+  end
+end

data/_plugins/jekyll_patternbot/parsers/typografier.rb

@@ -0,0 +1,21 @@
+module JekyllPatternbot
+  class TypografierParser < WebDevToolParser
+
+    def settings
+      type_settings = []
+      url_info = extract_url_info
+
+      return nil unless url_info
+
+      url_info.split(/\;/).each do |mq_string|
+        mq = {}
+        mq[:mq], mq[:font_size], mq[:line_height], mq[:scale] = mq_string.split(/\,/)
+        mq = Hash[mq.map {|k, v| [k, v.to_f] }]
+        type_settings.push(mq)
+      end
+
+      type_settings
+    end
+
+  end
+end

data/_plugins/jekyll_patternbot/parsers/web_dev_tool.rb

@@ -0,0 +1,41 @@
+module JekyllPatternbot
+  class WebDevToolParser
+
+    def initialize(filename)
+      @filename = filename
+      @filepath = File.expand_path filename, Config['patternbot']['css']['source']
+    end
+
+    def exists?
+      File.file? @filepath
+    end
+
+    def data
+      if @data.nil? and File.file? @filepath
+        @data = File.read(@filepath)
+        @url_matches = @data.match(/https:\/\/(?<tool>modulifier|gridifier|typografier)\.web-dev\.tools\/#(?<url>[^\s]+)/)
+        @url = @url_matches[0]
+      end
+      @data
+    end
+
+    def extract_url_info
+      @url_matches[:url] if @url_matches
+    end
+
+    def settings
+     extract_url_info
+    end
+
+    def info
+      data
+      {
+        :filename => @filename,
+        :filepath => @filepath,
+        :url => @url,
+        :settings => settings,
+      }
+    end
+
+  end
+end

data/_plugins/jekyll_patternbot/processors/brand.rb

@@ -0,0 +1,22 @@
+module JekyllPatternbot
+  class BrandProcessor
+
+    def remove_colors
+      unless PatternbotData[:css].key? :theme and PatternbotData[:css][:theme].key? :colors
+        PatternbotData[:patterns][:internal]['brand'][:config]['patterns'].delete 'colors'
+      end
+    end
+
+    def remove_typefaces
+      unless PatternbotData[:css].key? :theme and PatternbotData[:css][:theme].key? :fonts
+        PatternbotData[:patterns][:internal]['brand'][:config]['patterns'].delete 'typefaces'
+      end
+    end
+
+    def process()
+      remove_colors
+      remove_typefaces
+    end
+
+  end
+end

data/_plugins/jekyll_patternbot/processors/modules.rb

@@ -0,0 +1,35 @@
+module JekyllPatternbot
+  class ModulesProcessor
+
+    def remove_embed
+      unless (PatternbotData[:css].key? :modulifier and
+        PatternbotData[:css][:modulifier].key? :settings and
+        PatternbotData[:css][:modulifier][:settings].include? 'embed')
+        PatternbotData[:patterns][:internal]['modules'][:config]['patterns'].delete 'embed'
+      end
+    end
+
+    def remove_media_objects
+      unless (PatternbotData[:css].key? :modulifier and
+        PatternbotData[:css][:modulifier].key? :settings and
+        PatternbotData[:css][:modulifier][:settings].include? 'media-object')
+        PatternbotData[:patterns][:internal]['modules'][:config]['patterns'].delete 'media-objects'
+      end
+    end
+
+    def remove_list_group
+      unless (PatternbotData[:css].key? :modulifier and
+        PatternbotData[:css][:modulifier].key? :settings and
+        PatternbotData[:css][:modulifier][:settings].include? 'list-group')
+        PatternbotData[:patterns][:internal]['modules'][:config]['patterns'].delete 'list-groups'
+      end
+    end
+
+    def process()
+      remove_embed
+      remove_media_objects
+      remove_list_group
+    end
+
+  end
+end

data/_plugins/jekyll_patternbot/tags/pattern.rb

@@ -0,0 +1,19 @@
+module JekyllPatternbot
+  class PatternTag < Jekyll::Tags::IncludeTag
+
+    def tag_includes_dirs(context)
+      [File.join(context.registers[:site].config['source'], Config['patternbot']['source'])].freeze
+    end
+
+    def locate_include_file(context, file, safe)
+      if file.end_with? '.html'
+        super context, file, safe
+      else
+        super context, "#{file}.html", safe
+      end
+    end
+
+  end
+end
+
+Liquid::Template.register_tag('pattern', JekyllPatternbot::PatternTag)

data/_plugins/jekyll_patternbot/tags/pattern_css.rb

@@ -0,0 +1,27 @@
+module JekyllPatternbot
+
+  module PatternCSS
+
+    def self.css_files
+      FileHelper.list_files_with_ext Config['patternbot']['source'], 'css'
+    end
+
+    def self.css
+      css = {}
+      css_files.each do |file|
+        css[FileHelper.strip file] = File.read(file)
+      end
+      css
+    end
+
+  end
+
+  class PatternCSSTag < Liquid::Tag
+    def render(context)
+      PatternCSS.css.map { |k, v| v } .join("\n")
+    end
+  end
+
+end
+
+Liquid::Template.register_tag('pattern_css', JekyllPatternbot::PatternCSSTag)

data/_plugins/jekyll_patternbot/tags/pattern_js.rb

@@ -0,0 +1,27 @@
+module JekyllPatternbot
+
+  module PatternJS
+
+    def self.js_files
+      FileHelper.list_files_with_ext Config['patternbot']['source'], 'js'
+    end
+
+    def self.js
+      js = {}
+      js_files.each do |file|
+        js[FileHelper.strip file] = File.read(file)
+      end
+      js
+    end
+
+  end
+
+  class PatternJSTag < Liquid::Tag
+    def render(context)
+      PatternJS.js.map { |k, v| v } .join("\n")
+    end
+  end
+
+end
+
+Liquid::Template.register_tag('pattern_js', JekyllPatternbot::PatternJSTag)

data/_plugins/jekyll_patternbot.rb

@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+
+require 'open-uri'
+require 'babosa'
+require 'deep_merge'
+require 'yaml'
+require 'json'
+require 'unicode_titlecase'
+require 'css_parser'
+require 'color_contrast_calc'
+
+module JekyllPatternbot
+  require 'jekyll_patternbot/config'
+
+  require 'jekyll_patternbot/loggers/patternbot'
+
+  require 'jekyll_patternbot/helpers/file'
+  require 'jekyll_patternbot/helpers/color'
+  require 'jekyll_patternbot/helpers/jekyll'
+  require 'jekyll_patternbot/helpers/pattern'
+
+  require 'jekyll_patternbot/parsers/web_dev_tool'
+  require 'jekyll_patternbot/parsers/modulifier'
+  require 'jekyll_patternbot/parsers/gridifier'
+  require 'jekyll_patternbot/parsers/typografier'
+  require 'jekyll_patternbot/parsers/css_color'
+  require 'jekyll_patternbot/parsers/css_font'
+  require 'jekyll_patternbot/parsers/css_utility'
+  require 'jekyll_patternbot/parsers/theme'
+  require 'jekyll_patternbot/parsers/icons'
+
+  require 'jekyll_patternbot/finders/finder'
+  require 'jekyll_patternbot/finders/logos'
+  require 'jekyll_patternbot/finders/icons'
+  require 'jekyll_patternbot/finders/patterns'
+  require 'jekyll_patternbot/finders/sample_pages'
+
+  require 'jekyll_patternbot/processors/brand'
+  require 'jekyll_patternbot/processors/modules'
+
+  require 'jekyll_patternbot/hooks/pattern_lib'
+
+  require 'jekyll_patternbot/tags/pattern'
+  require 'jekyll_patternbot/tags/pattern_css'
+  require 'jekyll_patternbot/tags/pattern_js'
+
+  require 'jekyll_patternbot/filters/text'
+  require 'jekyll_patternbot/filters/color'
+  require 'jekyll_patternbot/filters/number'
+  require 'jekyll_patternbot/filters/pattern'
+
+  require 'jekyll_patternbot/generators/internal_patterns'
+  require 'jekyll_patternbot/generators/user_patterns'
+  require 'jekyll_patternbot/generators/pattern_lib'
+end

data/assets/_patternbot/common/common.css

@@ -0,0 +1,223 @@
+:root {
+  --color-patternbot-primary: rgba(var(--color-patternbot-interface), var(--color-patternbot-interface), var(--color-patternbot-interface), .9);
+  --color-patternbot-opposite: rgba(var(--color-patternbot-interface-opposite), var(--color-patternbot-interface-opposite), var(--color-patternbot-interface-opposite), .9);
+  --color-patternbot-interface-background: #fff;
+
+  --font-patternbot-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  --font-patternbot-code: "Source Code Pro", monospace;
+}
+
+html {
+  font-family: var(--font-patternbot-primary);
+}
+
+.patternbot-no-wrap {
+  white-space: nowrap;
+}
+
+.patternbot-list-group {
+  background-color: transparent;
+  text-align: left;
+}
+
+.patternbot-list-group > li::before {
+  content: "";
+  display: none;
+}
+
+.patternbot-font-primary {
+  font-family: var(--font-patternbot-primary);
+}
+
+.patternbot-color-body {
+  color: var(--color-patternbot-primary);
+}
+
+.patternbot-max-length {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+code,
+pre {
+  display: block;
+  margin: 0;
+  overflow-x: hidden;
+
+  color: var(--color-patternbot-primary);
+  font-family: var(--font-patternbot-code);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 2;
+}
+
+code {
+  padding: 0 .4em .15em;
+
+  background-color: rgba(var(--color-patternbot-interface), var(--color-patternbot-interface), var(--color-patternbot-interface), .05);
+  border: 1px solid transparent;
+  border-color: rgba(var(--color-patternbot-interface), var(--color-patternbot-interface), var(--color-patternbot-interface), .05);
+  border-radius: 4px;
+}
+
+.patternbot-hr {
+  border-width: 1px;
+  border-color: rgba(var(--color-patternbot-interface), var(--color-patternbot-interface), var(--color-patternbot-interface), .1);
+}
+
+.patternbot-hr:last-child,
+.patternbot-hr:last-of-type:not(:first-child) {
+  display: none;
+}
+
+.patternbot-code-invisible {
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.patternbot-pad-box {
+  background-color: var(--color-patternbot-interface-accent, --color-primary, rgba(var(--color-patternbot-interface), var(--color-patternbot-interface), var(--color-patternbot-interface)));
+}
+
+.patternbot-pad-box-inner {
+  overflow: hidden;
+
+  background-color: var(--color-patternbot-interface-background);
+}
+
+.patternbot-spacing-display {
+
+}
+
+.patternbot-spacing-display h2 {
+  color: var(--color-patternbot-primary);
+  line-height: 1.9;
+  font-family: var(--font-patternbot-primary);
+  font-size: 32px;
+  font-style: normal;
+  font-weight: bold;
+}
+
+.patternbot-mq-display-wrap {
+  max-width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  width: 100%;
+}
+
+.patternbot-mq-display-wrap,
+.patternbot-mq-display-wrap * {
+  color: var(--color-patternbot-primary);
+  line-height: 2;
+  font-family: var(--font-patternbot-primary);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+}
+
+.patternbot-mq-display {
+  background-color: transparent;
+  overflow: hidden;
+}
+
+.patternbot-mq-display > li {
+  padding: 0;
+}
+
+.patternbot-mq-display > li:last-child {
+  padding-bottom: 6rem;
+}
+
+.patternbot-mq-inner {
+  min-height: 2rem;
+
+  background-color: var(--color-patternbot-interface-accent, --color-primary, rgba(var(--color-patternbot-interface), var(--color-patternbot-interface), var(--color-patternbot-interface), .1));
+  border-top: 2px solid var(--color-patternbot-interface-background);
+}
+
+.patternbot-mq-list {
+  min-width: 24em;
+  padding-top: 2.2rem;
+
+  border-left: 2px solid var(--color-patternbot-interface-accent, --color-primary, rgba(var(--color-patternbot-interface), var(--color-patternbot-interface), var(--color-patternbot-interface), .1));
+}
+
+.patternbot-mq-list > dt,
+.patternbot-mq-list > dd {
+  padding: 0;
+
+  font-weight: normal;
+  font-style: normal;
+  font-size: inherit;
+}
+
+.patternbot-mq-list > dt {
+  width: 7em;
+}
+
+.patternbot-code-details {
+  margin: 0 0 .75em;
+  padding: 1.5em 0 0 0;
+
+  border-bottom: 1px solid rgba(var(--color-patternbot-interface), var(--color-patternbot-interface), var(--color-patternbot-interface), .05);
+
+  color: var(--color-patternbot-primary);
+  font-size: 14px;
+  line-height: 2;
+  text-align: left;
+}
+
+.patternbot-code-details * {
+  color: var(--color-patternbot-primary);
+}
+
+.patternbot-code-details-under {
+  padding-top: 0;
+
+  border: 0;
+}
+
+.patternbot-code-details-center {
+  text-align: center;
+}
+
+.patternbot-tool-btn {
+  display: flex;
+  left: 100%;
+  min-height: 1.4em;
+  min-width: 1.2em;
+  padding: 1px 2px 2px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+
+  background-color: transparent;
+  border: 2px solid transparent;
+  border-radius: 4px;
+  cursor: pointer;
+  opacity: .4;
+  stroke: var(--color-patternbot-primary);
+
+  color: var(--color-patternbot-primary);
+}
+
+.patternbot-tool-btn * {
+  stroke: var(--color-patternbot-primary);
+  color: var(--color-patternbot-primary);
+}
+
+.patternbot-tool-btn:focus,
+.patternbot-tool-btn:hover {
+  background-color: transparent;
+  border-color: transparent;
+  outline: none;
+  opacity: 1;
+  color: var(--color-patternbot-primary);
+}
+
+.patternbot-tool-btn:focus,
+.patternbot-tool-btn:active,
+.patternbot-tool-btn[aria-pressed="true"] {
+  border-color: var(--color-patternbot-primary);
+}