playbook_ui 7.16.0.pre.alpha4 → 8.0.0.pre.alpha5

data/app/controllers/playbook/application_controller.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  class ApplicationController < ActionController::Base
-    helper Webpacker::Helper
-    helper Playbook::ApplicationHelper
-    helper Playbook::PbDocHelper
-    helper Playbook::PbSampleHelper
-    append_view_path Playbook::Engine.root + "app/pb_kits"
-
-    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,206 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbDocHelper
-    def pb_kit_title(title)
-      title.remove("pb_").titleize.tr("_", " ")
-    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 kit_path(kit)
-      "#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{kit}"
-    end
-
-    def get_kit_description(kit)
-      read_source_file "app/pb_kits/playbook/pb_#{kit}/docs/_description.md"
-    end
-
-    def get_per_sample_descriptions(kit, key)
-      read_source_file "app/pb_kits/playbook/pb_#{kit}/docs/_#{key}.md"
-    end
-
-    def get_kit_footer(kit)
-      read_source_file "app/pb_kits/playbook/pb_#{kit}/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: "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 pb_kit_api(kit)
-      kit_class_obj = get_class_name(kit.to_s)
-      @kit_api = if kit_class_obj < Playbook::PbKit::Base
-                   kit_class_obj.instance_method(:initialize).parameters.map(&:last)
-                 else
-                   kit_class_obj.props.keys
-                 end
-      render partial: "playbook/config/pb_kit_api"
-    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 get_kit_examples(kit, type)
-      example_file = File.join(Playbook::Engine.root,
-                               "app", "pb_kits", "playbook", "pb_#{kit}", "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 get_class_name(kit)
-      folder = is_subkit?(kit) ? kit.split("/")[0] : kit
-      item = is_subkit?(kit) ? kit.split("/")[-1] : kit
-      "Playbook::Pb#{folder.camelize}::#{item.camelize}".safe_constantize
-    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