playbook_ui 8.0.0.pre.alpha1 → 8.0.0.pre.alpha4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c921685c5d3955c36d8ae3c9e44ca3da8a85566f09b1586435c2e0eaadef53bc
-  data.tar.gz: 84fe2792d4bd4dbc7bb57bc150d5af4bec0cf93b7bbf7ed7e64a7b5c85e6b63d
+  metadata.gz: '061590a33e32cccf2c0a6b1f434921d84723d0bcbbdbbc088fd3b5f3d13cb978'
+  data.tar.gz: '01921feae3d387c46af5f4c9e05121df1808fddaa37f18c842fcb61d68efd33b'
 SHA512:
-  metadata.gz: 68eb2a35ffe4c1b6ecf9fe60853562f7d2cd28ab16c17a8f4cc5904f9b05e56128fa66699fd82527346bdff505f8d797d5eb7251ac78d7095088c8dacabdc721
-  data.tar.gz: de3dfb369f495b031ac6744170d62c5dfe0ef1ff84cbbb470a03b35675fc8460abb63b44940764b7c6239e351a888d4a23a9c5733958d0595bd5dc97d2c62be9
+  metadata.gz: 05f0cc3aed39dda97c7bff82f2630b05b26242623ea00848f0b0efd327dccd1087cd95ddda329a78ded17139ec7c4e715dec853b485da79d0f1a9dbeac978656
+  data.tar.gz: ba4974ce61c5a6b1f56f3bb3aae34cc63000dd22db441d2387c506e5c924947013575840e36cecab9272d731cd4a1337d25d4e8944d5520037a085b644a24af6

data/app/pb_kits/playbook/pb_docs/kit_api.html.erb

@@ -0,0 +1,12 @@
+<div data-action="toggle" data-togglable="prop_example" class="pb--propsTable">
+  <%= pb_rails("title", props: { text: "Available Props", size: 3, margin_bottom: "sm" }) %>
+  <%= pb_rails("card", props: { padding: "none" }) do %>
+    <%= pb_rails("list", props: { xpadding: true }) do %>
+      <% kit_props.each do |key, _def| %>
+        <%= pb_rails("list/item") do %>
+          <%= key %>
+        <% end %>
+      <% end %>
+    <% end %>
+  <% end %>
+</div>

data/app/pb_kits/playbook/pb_docs/kit_api.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbDocs
+    class KitApi < Playbook::KitBase
+      prop :kit, type: Playbook::Props::String, required: true
+
+      def kit_props
+        kit_class.props
+      end
+
+    private
+
+      def kit_class
+        @kit_class ||= Playbook::KitResolver.resolve(kit.to_s)
+      end
+    end
+  end
+end

data/app/pb_kits/playbook/pb_docs/kit_example.html.erb

@@ -0,0 +1,28 @@
+<%= pb_rails("card", props: { classname: "pb--doc", padding: "none", dark: dark }) do %>
+  <div class="pb--kit-example">
+    <%= pb_rails("caption", props: { text: example_title }) %>
+    <br />
+    <%= example %>
+    <br>
+  </div>
+
+  <% if show_code %>
+    <div class="markdown pb--kit-example-markdown <%= dark ? "dark" : "" %>">
+      <%= markdown(description) %>
+    </div>
+    <div id="code-wrapper">
+      <div class="pb--codeControls">
+        <ul>
+          <li>
+            <a href="#" id="toggle-open" data-toggle="code_example">Code Example</a>
+          </li>
+        </ul>
+      </div>
+      <div class="pb--codeCopy" data-action="toggle" data-togglable="code_example" style="display: none" >
+        <%= pb_rails("section_separator", props: { dark: dark })%>
+        <a href="#" id="toggle-close" data-toggle="false" class="pb--close-toggle">Close</a>
+        <pre class="highlight"><%= raw rouge(source, highlighter) %></pre>
+      </div>
+    </div>
+  <% end %>
+<% end %>

data/app/pb_kits/playbook/pb_docs/kit_example.rb

@@ -0,0 +1,46 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbDocs
+    class KitExample < Playbook::KitBase
+      include Playbook::Markdown::Helper
+
+      prop :kit, type: Playbook::Props::String, required: true
+      prop :example_title, type: Playbook::Props::String, required: true
+      prop :example_key, type: Playbook::Props::String, required: true
+      prop :show_code, type: Playbook::Props::Boolean, default: true
+      prop :type, type: Playbook::Props::Enum, values: %w[rails react], default: "rails"
+      prop :dark, type: Playbook::Props::Boolean, default: false
+
+      def example
+        if type == "rails"
+          render inline: source
+        elsif type == "react"
+          react_component example_key.camelize, { dark: dark }
+        end
+      end
+
+      def description
+        @description ||= read_kit_file(kit, "_#{example_key}.md")
+      end
+
+      def highlighter
+        type.eql?("rails") ? "erb" : "react"
+      end
+
+      def source
+        @source ||= begin
+          extension = type == "react" ? "jsx" : "html.erb"
+          read_kit_file("_#{example_key}.#{extension}")
+        end
+      end
+
+    private
+
+      def read_kit_file(*args)
+        path = ::Playbook.kit_path(kit, "docs", *args)
+        path.exist? ? path.read : ""
+      end
+    end
+  end
+end

data/lib/playbook.rb

@@ -9,9 +9,10 @@ require "view_component/engine"
 require "playbook/props"
 require "playbook/version"
 require "playbook/pb_kit_helper"
+require "playbook/pb_doc_helper"
 require "playbook/kit_base"
 require "playbook/kit_resolver"
-require "playbook/markdown/template_handler"
+require "playbook/markdown"
 require "playbook/engine" if defined?(Rails)
 
 module Playbook
@@ -20,12 +21,16 @@ module Playbook
   class ConflictingPropsError < StandardError; end
   class MissingPropError < StandardError; end
 
-  class << self
-    def webpacker
-      @webpacker ||= ::Webpacker::Instance.new(
-        root_path: ROOT_PATH,
-        config_path: ROOT_PATH.join("config/webpacker.yml")
-      )
-    end
+module_function
+
+  def webpacker
+    @webpacker ||= ::Webpacker::Instance.new(
+      root_path: ROOT_PATH,
+      config_path: ROOT_PATH.join("config/webpacker.yml")
+    )
+  end
+
+  def kit_path(kit, *args)
+    Playbook::Engine.root.join("app/pb_kits/playbook/pb_#{kit}", *args)
   end
 end

data/lib/playbook/markdown.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+require "playbook/markdown/template_handler"
+require "playbook/markdown/helper"

data/lib/playbook/markdown/helper.rb

@@ -0,0 +1,153 @@
+# frozen_string_literal: true
+
+require "redcarpet"
+require "rouge"
+require "rouge/plugins/redcarpet"
+require "action_view"
+
+module Playbook
+  module Markdown
+    module Helper
+      def markdown(text)
+        options = {
+          filter_html: false,
+          hard_wrap: true,
+          link_attributes: { rel: "nofollow", target: "_blank" },
+          space_after_headers: true,
+          fenced_code_blocks: true,
+          no_styles: false,
+          safe_links_only: true,
+        }
+
+        extensions = {
+          autolink: true,
+          superscript: true,
+          fenced_code_blocks: true,
+          tables: true,
+          disable_indented_code_blocks: false,
+          strikethrough: true,
+          underline: true,
+          highlight: true,
+          footnotes: true,
+          with_toc_data: true,
+        }
+
+        renderer = HTMLBlockCode.new(options)
+        markdown = Redcarpet::Markdown.new(renderer, extensions)
+
+        markdown.render(text).html_safe
+      end
+
+      def rouge(text, language)
+        formatter = Rouge::Formatters::HTML.new(scope: ".highlight")
+        lexer = Rouge::Lexer.find(language)
+        formatter.format(lexer.lex(text))
+      end
+
+      def rouge_markdown(text)
+        render_options = {
+          filter_html: true,
+          hard_wrap: true,
+          link_attributes: { rel: "nofollow" },
+        }
+        renderer = HTML.new(render_options)
+
+        extensions = {
+          autolink: true,
+          fenced_code_blocks: true,
+          lax_spacing: true,
+          no_intra_emphasis: true,
+          strikethrough: true,
+          superscript: true,
+        }
+        markdown = Redcarpet::Markdown.new(renderer, extensions)
+        markdown.render(text)
+      end
+    end
+
+    class HTML < Redcarpet::Render::HTML
+      include Rouge::Plugins::Redcarpet
+    end
+
+    class HTMLBlockCode < Redcarpet::Render::HTML
+      include ActionView::Helpers::AssetTagHelper
+      def header(title, level)
+        if level == 7
+          @headers ||= []
+          permalink = title.gsub(/\W+/, "-")
+          if @headers.include?(permalink)
+            permalink += "_1"
+            loop do
+              break unless @headers.include?(permalink)
+
+              permalink.gsub!(/\_(\d+)$/, "_#{Regexp.last_match(1).to_i + 1}")
+            end
+          end
+          @headers << permalink
+          %(\n<a name="#{permalink}" class="markdown-header-anchor anchor" href="##{permalink}"><span class="fa fa-link anchor-icon"></span></a><h#{level} id=\"#{permalink}\">#{title}</h#{level}>\n)
+        else
+          %(\n<h#{level}>#{title}</h#{level}>\n)
+        end
+      end
+
+      def image(link, title, alt_text)
+        image_tag(link, title: title, alt: alt_text, class: "imageloader lazyload")
+      end
+
+      def preprocess(full_document)
+        full_document.gsub(/\[component (.*)\]/) do
+          @string = Regexp.last_match(1)
+          @default_height = "160"
+          @attr = ["", @default_height]
+
+          # Set src from attributes
+          @string.gsub(/src="(.*?)"/) do
+            @attr[0] = Regexp.last_match(1)
+          end
+
+          # Set height from attributes
+          @string.gsub(/height="(.*?)"/) do
+            @attr[1] = (Regexp.last_match(1) || @default_height)
+          end
+
+          %(\n<div class="uix-component-frame"><iframe scrolling="no" id="component-preview" src="#{@attr[0]}" width="100%" height="#{@attr[1]}"></iframe><a href="#{@attr[0]}" target="_blank" class="uix-component-link">View component</a></div>\n)
+        end
+      end
+
+      def list(contents, _list_type)
+        @contents = contents
+        @list_items = contents.split("\n")
+
+        if @list_items[0].include?("[do]") || @list_items[0].include?("[dont]")
+          @element_items = []
+          @list_items.each do |item, _index|
+            item.gsub(%r{\<li>(.*)\</li>}) do
+              @element_items.push(Regexp.last_match(1))
+            end
+          end
+
+          # Doing both because we could have either/both
+          # clean up
+          @dont_items, @trash_items_dont = @element_items.partition { |x, _i| x.include? "[dont]" }
+          @do_items, @trash_items_do = @element_items.partition { |x, _i| x.include? "[do]" }
+
+          @do_list = []
+          @do_items.each do |item, _index|
+            @do_list.push("<li>#{item.sub('[do] ', '')}</li>")
+          end
+          @do_list = "<ul class='uix-ruleset do-list'>#{@do_list.join('')}</ul>"
+
+          @dont_list = []
+          @dont_items.each do |item, _index|
+            @dont_list.push("<li>#{item.sub('[dont] ', '')}</li>")
+          end
+          @dont_list = "<ul class='uix-ruleset dont-list'>#{@dont_list.join('')}</ul>"
+
+          "<div class='row uix-ruleset-block'><div class='col-sm-6'>#{@do_list}</div><div class='col-sm-6'>#{@dont_list}</div></div>"
+        else
+          @contents
+        end
+      end
+    end
+  end
+end

data/lib/playbook/pb_doc_helper.rb

@@ -0,0 +1,85 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbDocHelper
+    def pb_kit_title(title)
+      title.remove("pb_").titleize.tr("_", " ")
+    end
+
+    def pb_kit(kit: "", type: "rails", show_code: true, limit_examples: false, dark_mode: false)
+      examples = pb_doc_kit_examples(kit, type)
+      examples = examples.first(1) if limit_examples
+      examples.map do |example|
+        pb_rails "docs/kit_example", props: {
+          kit: kit,
+          example_title: example.values.first,
+          example_key: example.keys.first,
+          show_code: show_code,
+          type: type,
+          dark: dark_mode
+        }
+      end.join.yield_self(&method(:raw))
+    end
+
+    # Deal with lists of kits, used in Playbook doc and Externally
+    def pb_kits(type: "rails", limit_examples: false, dark_mode: false)
+      display_kits = []
+      kits = get_kits
+      kits.each do |kit|
+        if kit.is_a?(Hash)
+          nav_hash_array(kit).each do |sub_kit|
+            display_kits << render_pb_doc_kit(sub_kit, type, limit_examples, false, dark_mode)
+          end
+        else
+          display_kits << render_pb_doc_kit(kit, type, limit_examples, false, dark_mode)
+        end
+      end
+      raw("<div class='pb--docItem'>" + display_kits.join("</div><div class='pb--docItem'>") + "</div>")
+    end
+
+    def get_kits
+      menu = YAML.load_file(Playbook::Engine.root.join("app/pb_kits/playbook/data/menu.yml"))
+      menu["kits"]
+    end
+
+    def render_pb_doc_kit(kit, type, limit_examples, code = true, dark_mode = false)
+      title = pb_doc_render_clickable_title(kit, type)
+      ui = raw("<div class='pb--docItem-ui'>
+          #{pb_kit(kit: kit, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}</div>")
+      title + ui
+    end
+
+  private
+
+    def pb_doc_kit_path(kit, *args)
+      Playbook.kit_path(kit, "docs", *args)
+    end
+
+    def pb_doc_kit_examples(kit, type)
+      example_file = pb_doc_kit_path(kit, "example.yml")
+      if File.exist?(example_file)
+        examples_list = YAML.load_file(example_file)
+                            .inject({}) { |item, (k, v)| item[k.to_sym] = v; item }
+        examples_list.dig(:examples, type) || []
+      else
+        []
+      end
+    end
+
+    def pb_doc_render_clickable_title(kit, type)
+      url = "#"
+      begin
+        url = if type == "react"
+                kit_show_reacts_path(kit)
+              else
+                kit_show_path(kit)
+              end
+      # FIXME this is here because this helper generates a link for playbook website,
+      #       but shouldn't do anything when used elsewhere
+      rescue
+        puts "Kit Path Not Avaliable"
+      end
+      render inline: "<a href='#{url}'>#{pb_rails(:title, props: { text: pb_kit_title(kit), tag: 'h3', size: 2 })}</a>"
+    end
+  end
+end

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "8.0.0.pre.alpha1"
+  VERSION = "8.0.0.pre.alpha4"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 8.0.0.pre.alpha1
+  version: 8.0.0.pre.alpha4
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-02-19 00:00:00.000000000 Z
+date: 2021-02-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -286,6 +286,9 @@ dependencies:
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.8'
+    - - ">="
       - !ruby/object:Gem::Version
         version: 3.8.0
   type: :development
@@ -293,6 +296,9 @@ dependencies:
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.8'
+    - - ">="
       - !ruby/object:Gem::Version
         version: 3.8.0
 - !ruby/object:Gem::Dependency
@@ -420,11 +426,6 @@ files:
 - app/assets/images/pb-logo.svg
 - app/assets/images/pb-white-logo.svg
 - app/assets/images/pb.logo.svg
-- app/controllers/playbook/application_controller.rb
-- app/helpers/playbook/application_helper.rb
-- app/helpers/playbook/pb_doc_helper.rb
-- app/helpers/playbook/pb_sample_helper.rb
-- app/helpers/playbook/redcarpet_helper.rb
 - app/pb_kits/playbook/_playbook.scss
 - app/pb_kits/playbook/data/menu.yml
 - app/pb_kits/playbook/index.js
@@ -845,6 +846,10 @@ files:
 - app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_default.jsx
 - app/pb_kits/playbook/pb_distribution_bar/docs/example.yml
 - app/pb_kits/playbook/pb_distribution_bar/docs/index.js
+- app/pb_kits/playbook/pb_docs/kit_api.html.erb
+- app/pb_kits/playbook/pb_docs/kit_api.rb
+- app/pb_kits/playbook/pb_docs/kit_example.html.erb
+- app/pb_kits/playbook/pb_docs/kit_example.rb
 - app/pb_kits/playbook/pb_enhanced_element/element_observer.js
 - app/pb_kits/playbook/pb_enhanced_element/index.js
 - app/pb_kits/playbook/pb_file_upload/_file_upload.jsx
@@ -2014,7 +2019,10 @@ files:
 - lib/playbook/engine.rb
 - lib/playbook/kit_base.rb
 - lib/playbook/kit_resolver.rb
+- lib/playbook/markdown.rb
+- lib/playbook/markdown/helper.rb
 - lib/playbook/markdown/template_handler.rb
+- lib/playbook/pb_doc_helper.rb
 - lib/playbook/pb_kit_helper.rb
 - lib/playbook/props.rb
 - lib/playbook/props/array.rb

data/app/controllers/playbook/application_controller.rb

@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  class ApplicationController < ActionController::Base
-    helper Webpacker::Helper
-    helper Playbook::ApplicationHelper
-    helper Playbook::PbDocHelper
-    helper Playbook::PbSampleHelper
-
-    def delete_dark_mode_cookie
-      cookies.delete :dark_mode
-    end
-  end
-end

data/app/helpers/playbook/application_helper.rb

@@ -1,30 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module ApplicationHelper
-    include ::Webpacker::React::Helpers
-    include ::Playbook::PbKitHelper
-
-    def current_webpacker_instance
-      Playbook.webpacker
-    end
-
-    def pb_rails(kit, props: {}, &block)
-      super kit, props: dark_mode_props(props), &block
-    end
-
-    def pb_react(kit, props: {}, options: {})
-      react_component kit.camelize, dark_mode_props(props), options
-    end
-
-  private
-
-    def dark_mode_props(props)
-      (props || {}).merge(dark: dark_mode?)
-    end
-
-    def dark_mode?
-      cookies[:dark_mode].eql? "true"
-    end
-  end
-end

data/app/helpers/playbook/pb_doc_helper.rb

@@ -1,210 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbDocHelper
-    def pb_kit_title(title)
-      title.remove("pb_").titleize.tr("_", " ")
-    end
-
-    def pb_doc_source(type, kit, example_key)
-      highlight = type == "react" ? "react" : "erb"
-      extension = type == "react" ? "jsx" : "html.erb"
-      source = read_source_file kit_path(kit).join("docs/_#{example_key}.#{extension}")
-      raw rouge(source, highlight)
-    end
-
-    def pb_doc_example(type, kit, example_key)
-      if type == "rails"
-        render file: kit_path(kit).join("docs/_#{example_key}.html.erb")
-      elsif type == "react"
-        pb_react(example_key.camelize)
-      end
-    end
-
-    def pb_doc_kit_api(kit)
-      kit_class = Playbook::KitResolver.resolve(kit.to_s)
-      return unless kit_class
-      render partial: "playbook/config/pb_kit_api", locals: { kit_api: kit_class.props.keys }
-    end
-
-    def has_kit_type?(kit, type)
-      type ||= "rails"
-      if type == "rails"
-        erbfiles = File.join("**", "*.erb")
-        Dir.glob(erbfiles, base: "#{kit_path(kit)}/docs").present?
-      elsif type == "react"
-        jsxfiles = File.join("**", "*.jsx")
-        Dir.glob(jsxfiles, base: "#{kit_path(kit)}/docs").present?
-      end
-    end
-
-    def get_kit_description(kit)
-      read_source_file kit_path(kit).join("docs/_description.md")
-    end
-
-    def get_per_sample_descriptions(kit, key)
-      read_source_file kit_path(kit).join("docs/_#{key}.md")
-    end
-
-    def get_kit_footer(kit)
-      read_source_file kit_path(kit).join("docs/_footer.md")
-    end
-
-    def pb_kit(kit: "", type: "rails", show_code: true, limit_examples: false)
-      @type = type
-      @kit_examples = get_kit_examples(kit, type)
-      @limit_examples = limit_examples
-      @show_code = show_code
-      render partial: "playbook/config/kit_example"
-    end
-
-    def pb_kits(type: "rails", limit_examples: false)
-      display_kits = []
-      kits = get_kits
-      kits.each do |kit|
-        if kit.is_a?(Hash)
-          nav_hash_array(kit).each do |sub_kit|
-            display_kits << render_pb_doc_kit(sub_kit, type, false, limit_examples)
-          end
-        else
-          display_kits << render_pb_doc_kit(kit, type, false, limit_examples)
-        end
-      end
-      raw("<div class='pb--docItem'>" + display_kits.join("</div><div class='pb--docItem'>") + "</div>")
-    end
-
-    def get_kits
-      menu = YAML.load_file("#{Playbook::Engine.root}/app/pb_kits/playbook/data/menu.yml")
-      menu["kits"]
-    end
-
-    def pb_category_kits(category_kits: [], type: "rails")
-      display_kits = []
-      category_kits.each do |kit|
-        display_kits << render_pb_doc_kit(kit, type, false)
-      end
-      raw("<div class='pb--docItem'>" + display_kits.join("</div><div class='pb--docItem'>") + "</div>")
-    end
-
-    def render_pb_doc_kit(kit, type, code = true, limit_examples)
-      title = render_clickable_title(kit, type)
-      ui = raw("<div class='pb--docItem-ui'>
-          #{pb_kit(kit: kit, type: type, show_code: code, limit_examples: limit_examples)}</div>")
-      title + ui
-    end
-
-    def nav_hash_category(link)
-      link.keys.first
-    end
-
-    def nav_hash_array(link)
-      link.first.last
-    end
-
-    def all_link(type)
-      type == "react" ? kits_path("", type: "react") : kits_path
-    end
-
-    def category_link(type, link)
-      if type == "react"
-        kit_category_show_path(nav_hash_category(link), type: "react")
-      else
-        kit_category_show_path(nav_hash_category(link), type: "rails")
-      end
-    end
-
-    def sub_category_link(type, link)
-      if type == "react"
-        kit_show_reacts_path(link)
-      else
-        kit_show_path(link)
-      end
-    end
-
-    def kit_link(type, link)
-      if type == "react"
-        kit_show_reacts_path(link)
-      else
-        kit_show_path(link)
-      end
-    end
-
-    def all_active(controller_name, action_name)
-      (controller_name == "pages" && action_name == "kits")
-    end
-
-    def category_active(category, link)
-      (!category.nil? && category == nav_hash_category(link))
-    end
-
-    def kit_active(kit, link)
-      (!kit.nil? && kit == link)
-    end
-
-    def sub_category_active(kit, link)
-      (!kit.nil? && @kit == link)
-    end
-
-    def read_source_file(*args)
-      path = Playbook::Engine.root.join(*args)
-      path.exist? ? path.read : ""
-    end
-
-    def format_search_hash(kit)
-      label_value_hash = {
-        label: kit.to_s.titleize,
-        value: @type == "react" || @type.nil? ? "/kits/#{kit}/react" : "/kits/#{kit}",
-      }
-      label_value_hash
-    end
-
-    def search_list
-      all_kits = []
-      formatted_kits = []
-      MENU["kits"].each do |kit|
-        if kit.is_a? Hash
-          kit.values[0].each do |sub_kit|
-            all_kits.push(sub_kit)
-          end
-        else
-          all_kits.push(kit)
-        end
-      end
-      all_kits.sort!.each do |sorted_kit|
-        formatted_kits.push(format_search_hash(sorted_kit))
-      end
-      formatted_kits
-    end
-
-  private
-
-    def kit_path(kit)
-      Playbook::Engine.root.join("app/pb_kits/playbook/pb_#{kit}")
-    end
-
-    def get_kit_examples(kit, type)
-      example_file = kit_path(kit).join("docs/example.yml")
-      if File.exist? example_file
-        examples_list = YAML.load_file(example_file)
-                            .inject({}) { |item, (k, v)| item[k.to_sym] = v; item }
-        { kit: kit, examples: examples_list[:examples][type] }
-      else
-        {}
-      end
-    end
-
-    def render_clickable_title(kit, type)
-      url = "#"
-      begin
-        url = if type == "react"
-                kit_show_reacts_path(kit)
-              else
-                kit_show_path(kit)
-              end
-      rescue
-        puts "Kit Path Not Avaliable"
-      end
-      render inline: "<a href='#{url}'>#{pb_rails(:title, props: { text: pb_kit_title(kit), tag: 'h3', size: 2 })}</a>"
-    end
-  end
-end

data/app/helpers/playbook/pb_sample_helper.rb

@@ -1,64 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbSampleHelper
-    def kits_used(sample)
-      code = get_raw_code(sample, "rails")
-      kits_array = code.scan(%r{pb_rails\("(\w+)(?:"|/)})
-      kits_array.uniq
-    end
-
-    def get_raw_code(sample, type)
-      if type == "rails"
-        ext = "html.erb"
-      elsif type == "react"
-        ext = "jsx"
-      end
-
-      read_source_file "app/views/playbook/samples", sample, "index.#{ext}"
-    end
-
-    def get_sample_code_content(sample, type)
-      if type == "rails"
-        rouge_type = "erb"
-      elsif type == "react"
-        rouge_type = "react"
-      end
-      code = get_raw_code(sample, type)
-      raw rouge(code, rouge_type)
-    end
-
-    def get_category(sample)
-      cat = ""
-      SAMPLES.each do |category, samples|
-        cat = category if samples.include?(sample)
-      end
-      cat
-    end
-
-    def get_samples(kit)
-      all_samples = []
-
-      SAMPLES.each do |_category, sample|
-        all_samples.push(sample)
-      end
-
-      output = ""
-      samples_using_kit = []
-      all_samples[0].each do |sample|
-        filepath = "#{Playbook::Engine.root}/app/views/playbook/samples/#{sample}/index.html.erb"
-        output = `grep -l 'pb_rails(\"#{kit}' #{filepath}`
-        samples_using_kit.push(sample) if output.chomp == filepath
-      end
-      samples_using_kit
-    end
-
-    def render_sample_ui(sample, type)
-      if type == "rails"
-        render template: "playbook/samples/#{sample}/index.html.erb"
-      elsif type == "react"
-        react_component(sample.titleize.delete(" ").to_s)
-      end
-    end
-  end
-end

data/app/helpers/playbook/redcarpet_helper.rb

@@ -1,151 +0,0 @@
-# frozen_string_literal: true
-
-require "redcarpet"
-require "rouge"
-require "rouge/plugins/redcarpet"
-require "action_view"
-
-module Playbook
-  module RedcarpetHelper
-    def markdown(text)
-      options = {
-        filter_html: false,
-        hard_wrap: true,
-        link_attributes: { rel: "nofollow", target: "_blank" },
-        space_after_headers: true,
-        fenced_code_blocks: true,
-        no_styles: false,
-        safe_links_only: true,
-      }
-
-      extensions = {
-        autolink: true,
-        superscript: true,
-        fenced_code_blocks: true,
-        tables: true,
-        disable_indented_code_blocks: false,
-        strikethrough: true,
-        underline: true,
-        highlight: true,
-        footnotes: true,
-        with_toc_data: true,
-      }
-
-      renderer = HTMLBlockCode.new(options)
-      markdown = Redcarpet::Markdown.new(renderer, extensions)
-
-      markdown.render(text).html_safe
-    end
-
-    def rouge(text, language)
-      formatter = Rouge::Formatters::HTML.new(scope: ".highlight")
-      lexer = Rouge::Lexer.find(language)
-      formatter.format(lexer.lex(text))
-    end
-
-    def rouge_markdown(text)
-      render_options = {
-        filter_html: true,
-        hard_wrap: true,
-        link_attributes: { rel: "nofollow" },
-      }
-      renderer = HTML.new(render_options)
-
-      extensions = {
-        autolink: true,
-        fenced_code_blocks: true,
-        lax_spacing: true,
-        no_intra_emphasis: true,
-        strikethrough: true,
-        superscript: true,
-      }
-      markdown = Redcarpet::Markdown.new(renderer, extensions)
-      markdown.render(text)
-    end
-  end
-
-  class HTML < Redcarpet::Render::HTML
-    include Rouge::Plugins::Redcarpet
-  end
-
-  class HTMLBlockCode < Redcarpet::Render::HTML
-    include ActionView::Helpers::AssetTagHelper
-    def header(title, level)
-      if level == 7
-        @headers ||= []
-        permalink = title.gsub(/\W+/, "-")
-        if @headers.include?(permalink)
-          permalink += "_1"
-          loop do
-            break unless @headers.include?(permalink)
-
-            permalink.gsub!(/\_(\d+)$/, "_#{Regexp.last_match(1).to_i + 1}")
-          end
-        end
-        @headers << permalink
-        %(\n<a name="#{permalink}" class="markdown-header-anchor anchor" href="##{permalink}"><span class="fa fa-link anchor-icon"></span></a><h#{level} id=\"#{permalink}\">#{title}</h#{level}>\n)
-      else
-        %(\n<h#{level}>#{title}</h#{level}>\n)
-      end
-    end
-
-    def image(link, title, alt_text)
-      image_tag(link, title: title, alt: alt_text, class: "imageloader lazyload")
-    end
-
-    def preprocess(full_document)
-      full_document.gsub(/\[component (.*)\]/) do
-        @string = Regexp.last_match(1)
-        @default_height = "160"
-        @attr = ["", @default_height]
-
-        # Set src from attributes
-        @string.gsub(/src="(.*?)"/) do
-          @attr[0] = Regexp.last_match(1)
-        end
-
-        # Set height from attributes
-        @string.gsub(/height="(.*?)"/) do
-          @attr[1] = (Regexp.last_match(1) || @default_height)
-        end
-
-        %(\n<div class="uix-component-frame"><iframe scrolling="no" id="component-preview" src="#{@attr[0]}" width="100%" height="#{@attr[1]}"></iframe><a href="#{@attr[0]}" target="_blank" class="uix-component-link">View component</a></div>\n)
-      end
-    end
-
-    def list(contents, _list_type)
-      @contents = contents
-      @list_items = contents.split("\n")
-
-      if @list_items[0].include?("[do]") || @list_items[0].include?("[dont]")
-        @element_items = []
-        @list_items.each do |item, _index|
-          item.gsub(%r{\<li>(.*)\</li>}) do
-            @element_items.push(Regexp.last_match(1))
-          end
-        end
-
-        # Doing both because we could have either/both
-        # clean up
-        @dont_items, @trash_items_dont = @element_items.partition { |x, _i| x.include? "[dont]" }
-        @do_items, @trash_items_do = @element_items.partition { |x, _i| x.include? "[do]" }
-
-        @do_list = []
-        @do_items.each do |item, _index|
-          @do_list.push("<li>#{item.sub('[do] ', '')}</li>")
-        end
-        @do_list = "<ul class='uix-ruleset do-list'>#{@do_list.join('')}</ul>"
-
-        @dont_list = []
-        @dont_items.each do |item, _index|
-          @dont_list.push("<li>#{item.sub('[dont] ', '')}</li>")
-        end
-        @dont_list = "<ul class='uix-ruleset dont-list'>#{@dont_list.join('')}</ul>"
-
-        "<div class='row uix-ruleset-block'><div class='col-sm-6'>#{@do_list}</div><div class='col-sm-6'>#{@dont_list}</div></div>"
-      else
-        @contents
-      end
-    end
-  end
-end