lookbook 1.2.1 → 1.4.5

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lookbook
 version: !ruby/object:Gem::Version
-  version: 1.2.1
+  version: 1.4.5
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-10-17 00:00:00.000000000 Z
+date: 2022-12-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: css_parser
@@ -194,7 +194,9 @@ files:
 - README.md
 - app/assets/lookbook/css/lookbook.css
 - app/assets/lookbook/css/themes/blue.css
+- app/assets/lookbook/css/themes/green.css
 - app/assets/lookbook/css/themes/indigo.css
+- app/assets/lookbook/css/themes/rose.css
 - app/assets/lookbook/css/themes/zinc.css
 - app/assets/lookbook/css/tooltip.css
 - app/assets/lookbook/js/app.js
@@ -231,7 +233,7 @@ files:
 - app/components/lookbook/code/component.html.erb
 - app/components/lookbook/code/component.js
 - app/components/lookbook/code/component.rb
-- app/components/lookbook/code/highlight_github_light.css
+- app/components/lookbook/code/highlight_github.css
 - app/components/lookbook/copy_button/component.html.erb
 - app/components/lookbook/copy_button/component.js
 - app/components/lookbook/copy_button/component.rb
@@ -264,7 +266,11 @@ files:
 - app/components/lookbook/nav/component.html.erb
 - app/components/lookbook/nav/component.js
 - app/components/lookbook/nav/component.rb
-- app/components/lookbook/nav/item/component.html.erb
+- app/components/lookbook/nav/directory/component.html.erb
+- app/components/lookbook/nav/directory/component.rb
+- app/components/lookbook/nav/entity/component.html.erb
+- app/components/lookbook/nav/entity/component.rb
+- app/components/lookbook/nav/item/component.css
 - app/components/lookbook/nav/item/component.js
 - app/components/lookbook/nav/item/component.rb
 - app/components/lookbook/page_tabs/component.html.erb
@@ -303,7 +309,10 @@ files:
 - app/components/lookbook/viewport/component.html.erb
 - app/components/lookbook/viewport/component.js
 - app/components/lookbook/viewport/component.rb
+- app/controllers/concerns/lookbook/targetable_concern.rb
+- app/controllers/concerns/lookbook/with_preview_controller_concern.rb
 - app/controllers/lookbook/application_controller.rb
+- app/controllers/lookbook/inspector_controller.rb
 - app/controllers/lookbook/page_controller.rb
 - app/controllers/lookbook/pages_controller.rb
 - app/controllers/lookbook/previews_controller.rb
@@ -321,52 +330,80 @@ files:
 - app/views/lookbook/404.html.erb
 - app/views/lookbook/error.html.erb
 - app/views/lookbook/index.html.erb
+- app/views/lookbook/inspector/inputs/_color.html.erb
+- app/views/lookbook/inspector/inputs/_range.html.erb
+- app/views/lookbook/inspector/inputs/_select.html.erb
+- app/views/lookbook/inspector/inputs/_text.html.erb
+- app/views/lookbook/inspector/inputs/_textarea.html.erb
+- app/views/lookbook/inspector/inputs/_toggle.html.erb
+- app/views/lookbook/inspector/panels/_content.html.erb
+- app/views/lookbook/inspector/panels/_notes.html.erb
+- app/views/lookbook/inspector/panels/_output.html.erb
+- app/views/lookbook/inspector/panels/_params.html.erb
+- app/views/lookbook/inspector/panels/_preview.html.erb
+- app/views/lookbook/inspector/panels/_source.html.erb
+- app/views/lookbook/inspector/show.html.erb
 - app/views/lookbook/pages/show.html.erb
 - app/views/lookbook/preview.html.erb
-- app/views/lookbook/previews/inputs/_color.html.erb
-- app/views/lookbook/previews/inputs/_range.html.erb
-- app/views/lookbook/previews/inputs/_select.html.erb
-- app/views/lookbook/previews/inputs/_text.html.erb
-- app/views/lookbook/previews/inputs/_textarea.html.erb
-- app/views/lookbook/previews/inputs/_toggle.html.erb
-- app/views/lookbook/previews/panels/_content.html.erb
-- app/views/lookbook/previews/panels/_notes.html.erb
-- app/views/lookbook/previews/panels/_output.html.erb
-- app/views/lookbook/previews/panels/_params.html.erb
-- app/views/lookbook/previews/panels/_preview.html.erb
-- app/views/lookbook/previews/panels/_source.html.erb
-- app/views/lookbook/previews/show.html.erb
 - config/app.yml
 - config/hooks.yml
 - config/inputs.yml
+- config/languages.yml
 - config/panels.yml
 - config/routes.rb
 - config/tags.yml
 - lib/lookbook.rb
-- lib/lookbook/code_formatter.rb
-- lib/lookbook/collection.rb
-- lib/lookbook/component.rb
 - lib/lookbook/engine.rb
-- lib/lookbook/entity.rb
+- lib/lookbook/entities/collections/component_collection.rb
+- lib/lookbook/entities/collections/concerns/hierarchical_collection.rb
+- lib/lookbook/entities/collections/entity_collection.rb
+- lib/lookbook/entities/collections/page_collection.rb
+- lib/lookbook/entities/collections/preview_collection.rb
+- lib/lookbook/entities/collections/preview_example_collection.rb
+- lib/lookbook/entities/component.rb
+- lib/lookbook/entities/concerns/annotatable.rb
+- lib/lookbook/entities/concerns/inspectable.rb
+- lib/lookbook/entities/concerns/locatable.rb
+- lib/lookbook/entities/concerns/navigable.rb
+- lib/lookbook/entities/entity.rb
+- lib/lookbook/entities/page.rb
+- lib/lookbook/entities/page_section.rb
+- lib/lookbook/entities/preview.rb
+- lib/lookbook/entities/preview_example.rb
+- lib/lookbook/entities/preview_group.rb
 - lib/lookbook/error.rb
 - lib/lookbook/features.rb
+- lib/lookbook/file_watcher.rb
 - lib/lookbook/lang.rb
-- lib/lookbook/markdown.rb
-- lib/lookbook/page.rb
-- lib/lookbook/page_collection.rb
-- lib/lookbook/page_section.rb
-- lib/lookbook/params.rb
-- lib/lookbook/parser.rb
-- lib/lookbook/preview.rb
-- lib/lookbook/preview_collection.rb
-- lib/lookbook/preview_controller.rb
-- lib/lookbook/preview_example.rb
-- lib/lookbook/preview_group.rb
+- lib/lookbook/param.rb
+- lib/lookbook/preview_actions.rb
+- lib/lookbook/preview_parser.rb
+- lib/lookbook/process.rb
+- lib/lookbook/rendered_example.rb
+- lib/lookbook/services/code/code_beautifier.rb
+- lib/lookbook/services/code/code_highlighter.rb
+- lib/lookbook/services/code/code_indenter.rb
 - lib/lookbook/services/config_loader.rb
-- lib/lookbook/services/search_param_builder.rb
-- lib/lookbook/services/search_param_parser.rb
+- lib/lookbook/services/data/parsers/data_parser.rb
+- lib/lookbook/services/data/parsers/json_parser.rb
+- lib/lookbook/services/data/parsers/yaml_parser.rb
+- lib/lookbook/services/data/resolvers/data_resolver.rb
+- lib/lookbook/services/data/resolvers/eval_resolver.rb
+- lib/lookbook/services/data/resolvers/file_resolver.rb
+- lib/lookbook/services/data/resolvers/method_resolver.rb
+- lib/lookbook/services/data/resolvers/yaml_resolver.rb
+- lib/lookbook/services/entities/entity_tree_builder.rb
+- lib/lookbook/services/markdown_renderer.rb
+- lib/lookbook/services/position_prefix_parser.rb
+- lib/lookbook/services/string_value_caster.rb
 - lib/lookbook/services/tags/key_value_tag_parser.rb
-- lib/lookbook/source_inspector.rb
+- lib/lookbook/services/tags/tag_options_parser.rb
+- lib/lookbook/services/templates/action_view_annotations_handler.rb
+- lib/lookbook/services/templates/action_view_annotations_stripper.rb
+- lib/lookbook/services/templates/frontmatter_extractor.rb
+- lib/lookbook/services/templates/styles_extractor.rb
+- lib/lookbook/services/urls/search_param_builder.rb
+- lib/lookbook/services/urls/search_param_parser.rb
 - lib/lookbook/stores/config_store.rb
 - lib/lookbook/stores/hook_store.rb
 - lib/lookbook/stores/input_store.rb
@@ -375,17 +412,27 @@ files:
 - lib/lookbook/support/errors/config_error.rb
 - lib/lookbook/support/errors/lookbook_error.rb
 - lib/lookbook/support/errors/parser_error.rb
+- lib/lookbook/support/null_object.rb
 - lib/lookbook/support/service.rb
 - lib/lookbook/support/store.rb
-- lib/lookbook/support/utils/attribute_utils.rb
+- lib/lookbook/support/tree_node.rb
 - lib/lookbook/support/utils/path_utils.rb
-- lib/lookbook/tag.rb
-- lib/lookbook/tag_options.rb
-- lib/lookbook/tags.rb
-- lib/lookbook/template_parser.rb
+- lib/lookbook/support/utils/utils.rb
+- lib/lookbook/tags/component_tag.rb
+- lib/lookbook/tags/custom_tag.rb
+- lib/lookbook/tags/display_tag.rb
+- lib/lookbook/tags/hidden_tag.rb
+- lib/lookbook/tags/id_tag.rb
+- lib/lookbook/tags/label_tag.rb
+- lib/lookbook/tags/logical_path_tag.rb
+- lib/lookbook/tags/param_tag.rb
+- lib/lookbook/tags/position_tag.rb
+- lib/lookbook/tags/source_tag.rb
+- lib/lookbook/tags/tag_provider.rb
+- lib/lookbook/tags/yard_tag.rb
 - lib/lookbook/theme.rb
-- lib/lookbook/utils.rb
 - lib/lookbook/version.rb
+- lib/lookbook/websocket.rb
 - lib/tasks/lookbook_tasks.rake
 - public/lookbook-assets/css/app.css
 - public/lookbook-assets/css/app.css.map
@@ -393,8 +440,12 @@ files:
 - public/lookbook-assets/css/lookbook.css.map
 - public/lookbook-assets/css/themes/blue.css
 - public/lookbook-assets/css/themes/blue.css.map
+- public/lookbook-assets/css/themes/green.css
+- public/lookbook-assets/css/themes/green.css.map
 - public/lookbook-assets/css/themes/indigo.css
 - public/lookbook-assets/css/themes/indigo.css.map
+- public/lookbook-assets/css/themes/rose.css
+- public/lookbook-assets/css/themes/rose.css.map
 - public/lookbook-assets/css/themes/zinc.css
 - public/lookbook-assets/css/themes/zinc.css.map
 - public/lookbook-assets/css/themes/zinc.css.map.91837.5
@@ -406,10 +457,11 @@ files:
 - public/lookbook-assets/js/embed.js.map
 - public/lookbook-assets/js/lookbook.js
 - public/lookbook-assets/js/lookbook.js.map
-homepage: https://github.com/allmarkedup/lookbook
+homepage: https://github.com/ViewComponent/lookbook
 licenses:
 - MIT
-metadata: {}
+metadata:
+  rubygems_mfa_required: 'true'
 post_install_message:
 rdoc_options: []
 require_paths:
@@ -418,7 +470,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 2.7.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="

data/app/components/lookbook/code/highlight_github_light.css

@@ -1,217 +0,0 @@
-@layer components {
-  .theme-github-light {
-    @apply bg-white;
-
-    & .highlight {
-      & .hll {
-        background-color: #f8f8f8;
-        border: 1px solid #ccc;
-        padding: 6px 10px;
-        border-radius: 3px;
-      }
-      & .c {
-        color: #999988;
-        font-style: italic;
-      }
-      & .err {
-        /* color: #a61717;
-        background-color: #e3d2d2; */
-      }
-      & .k {
-        font-weight: bold;
-      }
-      & .o {
-        font-weight: bold;
-      }
-      & .cm {
-        color: #999988;
-        font-style: italic;
-      }
-      & .cp {
-        color: #999999;
-        font-weight: bold;
-      }
-      & .c1 {
-        color: #999988;
-        font-style: italic;
-      }
-      & .cs {
-        color: #999999;
-        font-weight: bold;
-        font-style: italic;
-      }
-      & .gd {
-        color: #000000;
-        background-color: #ffdddd;
-      }
-      & .gd .x {
-        color: #000000;
-        background-color: #ffaaaa;
-      }
-      & .ge {
-        font-style: italic;
-      }
-      & .gr {
-        color: #aa0000;
-      }
-      & .gh {
-        color: #999999;
-      }
-      & .gi {
-        color: #000000;
-        background-color: #ddffdd;
-      }
-      & .gi .x {
-        color: #000000;
-        background-color: #aaffaa;
-      }
-      & .go {
-        color: #888888;
-      }
-      & .gp {
-        color: #555555;
-      }
-      & .gs {
-        font-weight: bold;
-      }
-      & .gu {
-        color: #800080;
-        font-weight: bold;
-      }
-      & .gt {
-        color: #aa0000;
-      }
-      & .kc {
-        font-weight: bold;
-      }
-      & .kd {
-        font-weight: bold;
-      }
-      & .kn {
-        font-weight: bold;
-      }
-      & .kp {
-        font-weight: bold;
-      }
-      & .kr {
-        font-weight: bold;
-      }
-      & .kt {
-        color: #445588;
-        font-weight: bold;
-      }
-      & .m {
-        color: #009999;
-      }
-      & .s {
-        color: #dd1144;
-      }
-      & .n {
-        color: #333333;
-      }
-      & .na {
-        color: teal;
-      }
-      & .nb {
-        color: #0086b3;
-      }
-      & .nc {
-        color: #445588;
-        font-weight: bold;
-      }
-      & .no {
-        color: teal;
-      }
-      & .ni {
-        color: purple;
-      }
-      & .ne {
-        color: #990000;
-        font-weight: bold;
-      }
-      & .nf {
-        color: #990000;
-        font-weight: bold;
-      }
-      & .nn {
-        color: #555555;
-      }
-      & .nt {
-        color: navy;
-      }
-      & .nv {
-        color: teal;
-      }
-      & .ow {
-        font-weight: bold;
-      }
-      & .w {
-        color: #bbbbbb;
-      }
-      & .mf {
-        color: #009999;
-      }
-      & .mh {
-        color: #009999;
-      }
-      & .mi {
-        color: #009999;
-      }
-      & .mo {
-        color: #009999;
-      }
-      & .sb {
-        color: #dd1144;
-      }
-      & .sc {
-        color: #dd1144;
-      }
-      & .sd {
-        color: #dd1144;
-      }
-      & .s2 {
-        color: #dd1144;
-      }
-      & .se {
-        color: #dd1144;
-      }
-      & .sh {
-        color: #dd1144;
-      }
-      & .si {
-        color: #dd1144;
-      }
-      & .sx {
-        color: #dd1144;
-      }
-      & .sr {
-        color: #009926;
-      }
-      & .s1 {
-        color: #dd1144;
-      }
-      & .ss {
-        color: #990073;
-      }
-      & .bp {
-        color: #999999;
-      }
-      & .vc {
-        color: teal;
-      }
-      & .vg {
-        color: teal;
-      }
-      & .vi {
-        color: teal;
-      }
-      & .il {
-        color: #009999;
-      }
-      & .gc {
-        color: #999;
-        background-color: #eaf2f5;
-      }
-    }
-  }
-}

data/app/views/lookbook/previews/panels/_params.html.erb

@@ -1,15 +0,0 @@
-<% if preview.params.none? %>
-  <div class="p-4 w-full h-full bg-lookbook-prose-bg">
-    <%= lookbook_render :prose do %>
-      <em class='opacity-50'>No params configured.</em>
-    <% end %>
-  </div>
-<% else %>
-  <div class="h-full overflow-x-hidden">
-    <%= lookbook_render "params/editor", inputs: Lookbook::Engine.inputs do |editor| %>
-      <% preview.params.each do |param| %>
-        <% editor.field **param, value: params[param[:name]] %>
-      <% end %>
-    <% end %>
-  </div>
-<% end %>

data/lib/lookbook/code_formatter.rb

@@ -1,68 +0,0 @@
-require "rouge"
-require "htmlbeautifier"
-require "htmlentities"
-
-module Lookbook
-  module CodeFormatter
-    class << self
-      def highlight(source, **opts)
-        coder = HTMLEntities.new
-        source = coder.decode source
-        language = opts[:language] || "ruby"
-        formatter = Formatter.new(**opts)
-        lexer = Rouge::Lexer.find(language.to_s) || Rouge::Lexer.find("plaintext")
-        formatter.format(lexer.lex(source)).html_safe
-      end
-
-      def beautify(source, **opts)
-        language = opts[:language] || "html"
-        source = source.strip
-        result = language.downcase == "html" ? HtmlBeautifier.beautify(source) : source
-        result.strip.html_safe
-      end
-    end
-  end
-
-  class Formatter < Rouge::Formatters::HTML
-    def initialize(**opts)
-      @opts = opts
-      @highlight_lines = opts[:highlight_lines].to_a || []
-      @start_line = opts[:start_line] || 1
-      @language = opts[:language]
-    end
-
-    def stream(tokens, &block)
-      lines = token_lines(tokens)
-
-      yield "<div class='wrapper'>"
-
-      if @opts[:line_numbers]
-        yield "<div class='line-numbers'>"
-        lines.each.with_index do |line, i|
-          yield "<div class='line #{"highlighted" if highlighted?(i)}'><span class='line-number'>#{line_number(i)}</span></div>"
-        end
-        yield "</div>"
-      end
-
-      yield "<pre class='code highlight' data-lang='#{@language}'><code>"
-      lines.each.with_index do |line_tokens, i|
-        yield "<div class='line#{" highlighted" if highlighted?(i)}'>"
-        line_tokens.each do |token, value|
-          yield span(token, value)
-        end
-        yield "</div>"
-      end
-      yield "</code></pre>"
-
-      yield "</div>"
-    end
-
-    def highlighted?(i)
-      @highlight_lines.include?(i + 1)
-    end
-
-    def line_number(i)
-      @start_line + i
-    end
-  end
-end

data/lib/lookbook/collection.rb

@@ -1,161 +0,0 @@
-module Lookbook
-  class Collection < Entity
-    include Enumerable
-
-    delegate :size, :each, to: :items
-
-    def initialize(path = "", items = [])
-      @items = []
-      if path.is_a?(Array)
-        items = path
-        path = ""
-      end
-
-      @path = path.delete_prefix("/").delete_suffix("/")
-      super(@path)
-
-      items.each { |item| add(item) }
-    end
-
-    def id
-      lookup_path.present? ? super : "root"
-    end
-
-    def name
-      @name ||= remove_position_prefix(basename)
-    end
-
-    def label
-      name&.titleize
-    end
-
-    def position
-      @position ||= parse_position_prefix(basename).first
-    end
-
-    def items
-      @items.sort_by { |item| [item.hierarchy_depth, item&.position, item.label] }
-    end
-
-    def clear
-      @items = []
-    end
-
-    def visible_items
-      reject { |i| i.hidden? }
-    end
-
-    def non_empty_items
-      items.select do |item|
-        !item.is_a?(Lookbook::Collection) || item.items.any?
-      end
-    end
-
-    def add(item)
-      @ordered_entities = nil
-      @tree = nil
-      if item.is_a?(String)
-        item = Collection.new([@path, item].join("/"))
-      end
-      @items << item
-      item
-    end
-
-    def get(name)
-      name = name.underscore
-      items.find { |item| item.name.underscore == name }
-    end
-
-    def get_or_create(name)
-      get(remove_position_prefix(name)).presence || add(name)
-    end
-
-    def find(lookup = nil, &block)
-      if lookup
-        lookup.is_a?(Symbol) ? find_by_id(lookup) : find_by_path(lookup)
-      elsif block
-        items.find(&block)
-      end
-    end
-
-    def find_by_id(id)
-      id = id.to_s.tr("_", "-")
-      items.find { |i| i.id.to_s == id }
-    end
-
-    def find_by_path(path)
-      items.find { |i| i.lookup_path == path }
-    end
-
-    def find_parent(child)
-      parent_path = child.lookup_path.split("/").pop.join("/")
-      find_by_path(parent_path)
-    end
-
-    def ordered_entities
-      return @ordered_entities if @ordered_entities.present?
-      entities = []
-      as_tree.items.each do |item|
-        entities.append(item.is_a?(Collection) ? item.ordered_entities : item)
-      end
-      @ordered_entities ||= entities.flatten
-    end
-
-    def find_first
-      ordered_entities.first
-    end
-
-    def find_next(item)
-      index = ordered_entities.find_index { |i| i.lookup_path == item.lookup_path }
-      ordered_entities[index + 1] unless index.nil?
-    end
-
-    def find_previous(item)
-      index = ordered_entities.find_index { |i| i.lookup_path == item.lookup_path }
-      ordered_entities[index - 1] if !index.nil? && index > 0
-    end
-
-    def as_tree(filter_hidden: true)
-      return self if hierarchy_depth > 0
-      return @tree if @tree.present?
-      @tree = self.class.new
-      candidates = filter_hidden ? visible_items : items
-      candidates.each do |item|
-        current = @tree
-        if item.hierarchy_depth == 1
-          current.add(item)
-        else
-          item.parent_collections_names.each.with_index(1) do |name, i|
-            target = current.get_or_create(name)
-            if item.hierarchy_depth == i + 1
-              target.add(item)
-            else
-              current = target
-            end
-          end
-        end
-      end
-      @tree
-    end
-
-    def collapsible?
-      false
-    end
-
-    def type
-      :collection
-    end
-
-    protected
-
-    def basename
-      @path.present? ? @path.split("/").last : ""
-    end
-
-    class << self
-      def describe_as
-        "items"
-      end
-    end
-  end
-end