lookbook 1.5.2 → 2.3.7

data/app/assets/lookbook/js/helpers/request.js

@@ -1,16 +0,0 @@
-async function fetchHTML(url, selector) {
-  const response = await fetch(url || window.document.location);
-  if (response.ok) {
-    const html = await response.text();
-    const doc = new DOMParser().parseFromString(html, "text/html");
-    return {
-      fragment: selector ? doc.querySelector(selector).outerHTML : null,
-      title: doc.title,
-      doc,
-    };
-  } else {
-    throw new Error(`Error fetching HTML from ${url}`);
-  }
-}
-
-export { fetchHTML };

data/app/components/lookbook/embed/component.js

@@ -1,39 +0,0 @@
-import "iframe-resizer/js/iframeResizer";
-
-export default function embedComponent(id, embedStore) {
-  if (!embedStore[id]) {
-    embedStore[id] = { width: "100%", height: "100%" };
-  }
-
-  return {
-    tab: "preview",
-
-    resizer: null,
-
-    get store() {
-      return embedStore[id];
-    },
-
-    async loadResizer() {
-      window.iFrameResize(
-        {
-          heightCalculationMethod: "lowestElement",
-        },
-        this.$el.querySelector("iframe")
-      );
-      this.resizer = this.$el.querySelector("iframe").iFrameResizer;
-      this.resizer.resize();
-      this.$dispatch("embed:resizer-loaded", { resizer: this.resizer });
-    },
-
-    resizeIframe() {
-      this.$el.querySelector("iframe").iFrameResizer.resize();
-    },
-
-    cleanup() {
-      if (this.resizer) {
-        this.resizer.removeListeners();
-      }
-    },
-  };
-}

data/app/components/lookbook/icon/component.js

@@ -1,5 +0,0 @@
-export default function iconComponent(iconName) {
-  return {
-    iconName,
-  };
-}

data/app/helpers/lookbook/component_helper.rb

@@ -1,84 +0,0 @@
-module Lookbook
-  module ComponentHelper
-    COMPONENT_CLASSES = {} # cache for constantized references
-
-    def icon(name, **attrs)
-      lookbook_render :icon, name: name, **attrs
-    end
-
-    def code(language = :html, **attrs, &block)
-      attrs[:language] ||= language
-      lookbook_render :code, **attrs, &block
-    end
-
-    def lookbook_tag(tag = :div, **attrs, &block)
-      lookbook_render :tag, tag: tag, **attrs, &block
-    end
-
-    def lookbook_render(ref, **attrs, &block)
-      comp = if ref.is_a? ViewComponent::Base
-        ref
-      else
-        klass = component_class(ref)
-        attrs.key?(:content) ? klass.new(**attrs.except(:content)).with_content(attrs[:content]) : klass.new(**attrs)
-      end
-      if block && !attrs.key?(:content)
-        public_send render_method_name, comp, &block
-      else
-        public_send render_method_name, comp
-      end
-    end
-
-    unless respond_to? :class_names
-      def class_names(*args)
-        tokens = build_tag_values(*args).flat_map { |value| value.to_s.split(/\s+/) }.uniq
-
-        safe_join(tokens, " ")
-      end
-
-      def build_tag_values(*args)
-        tag_values = []
-
-        args.each do |tag_value|
-          case tag_value
-          when Hash
-            tag_value.each do |key, val|
-              tag_values << key.to_s if val && key.present?
-            end
-          when Array
-            tag_values.concat build_tag_values(*tag_value)
-          else
-            tag_values << tag_value.to_s if tag_value.present?
-          end
-        end
-
-        tag_values
-      end
-    end
-
-    private
-
-    def render_method_name
-      if Rails.application.config.view_component.render_monkey_patch_enabled || Rails.version.to_f >= 6.1
-        :render
-      else
-        :render_component
-      end
-    end
-
-    def component_class(ref)
-      klass = COMPONENT_CLASSES[ref]
-      if klass.nil?
-        ref = ref.to_s.tr("-", "_")
-        class_namespace = ref.camelize
-        begin
-          klass = "Lookbook::#{class_namespace}::Component".constantize
-        rescue
-          klass = "Lookbook::#{class_namespace}Component".constantize
-        end
-        COMPONENT_CLASSES[ref] = klass
-      end
-      klass
-    end
-  end
-end

data/app/helpers/lookbook/output_helper.rb

@@ -1,19 +0,0 @@
-module Lookbook
-  module OutputHelper
-    def markdown(text = nil, &block)
-      MarkdownRenderer.call(block ? capture(&block) : text, Lookbook.config.markdown_options)
-    end
-
-    def highlight(*args, **opts)
-      CodeHighlighter.call(*args, **opts)
-    end
-
-    def beautify(*args, **opts)
-      CodeBeautifier.call(*args, **opts)
-    end
-
-    def pretty_json(obj)
-      JSON.pretty_generate(obj)
-    end
-  end
-end

data/app/helpers/lookbook/page_helper.rb

@@ -1,34 +0,0 @@
-module Lookbook
-  module PageHelper
-    def page_path(id)
-      page = id.is_a?(Page) ? id : Lookbook.pages.find_by_id(id)
-      if page.present?
-        lookbook_page_path page.lookup_path
-      else
-        Lookbook.logger.warn "Could not find page with id ':#{id}'"
-      end
-    end
-
-    def embed(*args, params: {}, type: :preview, max_height: nil, **opts)
-      return unless args.any?
-
-      @embed_counter ||= 0
-
-      preview = if args.first.is_a?(Symbol)
-        Lookbook.previews.find_by_path(args.first)
-      else
-        Lookbook.previews.find_by_preview_class(args.first)
-      end
-
-      example = args[1] ? preview&.example(args[1]) : preview&.default_example
-      embed_id = "#{url_for}/embed/#{example.lookup_path}".delete_prefix("/").tr("/", "-")
-
-      lookbook_render :embed,
-        id: embed_id,
-        example: example,
-        params: params,
-        max_height: max_height,
-        opts: opts
-    end
-  end
-end

data/app/views/layouts/lookbook/inspector.html.erb

@@ -1,7 +0,0 @@
-<%= content_for :main do %>
-  <main class="h-[calc(100vh_-_2.5rem)]">
-    <%= yield %>
-  </main>
-<% end %>
-
-<%= render template: "layouts/lookbook/application" %>

data/app/views/layouts/lookbook/page.html.erb

@@ -1,53 +0,0 @@
-<%= content_for :main do %>
-  <div
-    class="h-[calc(100vh_-_40px)]"
-    x-data="{}"
-    @navigation:complete.window="$refs.scroller.scrollTop = 0">
-  
-    <div class="h-full bg-lookbook-page-bg relative">
-      <% unless @error %>
-        
-        <div class="absolute top-0 right-0 pt-1 pr-0 pl-1 pb-1 rounded-bl-md">
-          <div class="bg-lookbook-page-bg opacity-90 absolute inset-0 w-full h-full z-0"></div>
-          <div class="relative z-10 flex items-center">
-          
-          <% if @previous_page %>
-            <%= lookbook_render :button,
-              size: :lg,
-              icon: :chevron_left,
-              tooltip: "Previous page",
-              href: lookbook_page_path(@previous_page.path),
-              class: "pr-0.5 bg-transparent" %>
-          <% else %>
-            <%= lookbook_render :button,
-              size: :lg,
-              icon: :chevron_left,
-              disabled: true,
-              class: "opacity-50 !cursor-default pr-0.5 bg-transparent" %>
-          <% end %>
-
-          <% if @next_page %>
-            <%= lookbook_render :button,
-              size: :lg,
-              icon: :chevron_right,
-              tooltip: "Next page",
-              href: lookbook_page_path(@next_page.path),
-              class: "pl-0.5 bg-transparent" %>
-          <% else %>
-            <%= lookbook_render :button,
-              size: :lg,
-              icon: :chevron_right,
-              disabled: true,
-              class: "opacity-50 !cursor-default pl-0.5 bg-transparent" %>
-          <% end %>
-          </div>
-        </div>
-      <% end %>
-
-      <%= yield %>
-    </div>
-    
-  </div>
-<% end %>
-
-<%= render template: "layouts/lookbook/application" %>

data/app/views/layouts/lookbook/shell.html.erb

@@ -1,25 +0,0 @@
-<%= content_for :body do %>
-  <div
-    id="app"
-    x-data="app"
-    x-cloak
-    @popstate.window="handleNavigation"
-    @click.document="hijax"
-    @navigation:start="closeMobileSidebar"
-    class="w-screen h-screen grid grid-rows-[40px_1fr] relative">
-
-    <% if content_for? :user_styles %>
-      <style media="all" id="user-styles">
-        <%= content_for :user_styles -%>
-      </style>
-    <% end %>
-
-    <%= lookbook_render :header, id: "app-header", debug_menu: @config.debug_menu do |header| %>
-      <% header.with_branding { @config.project_name } %>
-    <% end %>
-
-    <%= content_for?(:shell) ? yield(:shell) : yield %>
-  </div>
-<% end %>
-
-<%= render template: "layouts/lookbook/skeleton" %>

data/app/views/layouts/lookbook/standalone.html.erb

@@ -1,5 +0,0 @@
-<%= content_for :body do %>
-  <%= yield %>
-<% end %>
-
-<%= render template: "layouts/lookbook/skeleton" %>

data/app/views/lookbook/404.html.erb

@@ -1,15 +0,0 @@
-<div class="bg-white flex flex-col items-center justify-center h-screen w-full">
-  <div class="px-4 text-center max-w-sm">
-    <%= icon  :alert_triangle, size: 10, class: "text-red-300 mx-auto" %>
-    <div class="mt-3">
-      <h5 class="text-base">
-        <%== message %>
-      </h5>
-      <% if defined?(description) %>
-        <p class="mt-2 opacity-50 text-sm">
-          <%== description %>
-        </p>
-      <% end %>
-    </div>
-  </div>
-</div>

data/app/views/lookbook/error.html.erb

@@ -1,46 +0,0 @@
-<%
-error = error.is_a?(Lookbook::Error) ? error : Lookbook::Error.new(error)
-@title = error.title
-%>
-
-<div class="flex flex-col h-screen">
-  <div class="h-full bg-red-50 overflow-y-auto">
-    <header class="mx-8 py-6">
-      <h2 class="text-xl font-bold text-red-700"><%= error.title %></h2>
-    </header>
-
-    <div class="flex-none px-8 py-6 mb-8 border-t border-b border-red-200 bg-red-100 text-base font-mono leading-relaxed">
-      <pre class="whitespace-pre-wrap font-sans leading-tight text-red-900"><%= error.message %></pre>
-    </div>
-
-    <% if error.file_name %>
-      <div class="text-sm mx-8 mb-2 font-mono">
-        <span><%= error.file_name %></span>
-        <% if error.line_number %>
-          <span>[line <strong><%= error.line_number %></strong>]</span>
-        <% end %>
-      </div>
-    <% end %>
-
-    <% if error.source_code %>
-      <div class="mx-8 border border-red-200 max-w-screen-lg">
-        <%= lookbook_render :code,
-          language: error.file_lang,
-          highlight_lines: [error.source_code[:highlighted_line]],
-          start_line: error.source_code[:start_line],
-          line_numbers: true do %><%= h(error.source_code[:code]) %><% end %>
-      </div>
-    <% end %>
-
-    <h3 class="font-bold mb-2 px-8 py-2 mt-8 sticky top-0 bg-red-50">Full stack trace:</h3>
-    <div class="text-xs font-mono">
-      <div class="px-8 pb-10 text-gray-400 leading-relaxed">
-        <% error.backtrace.each do |line| %>
-          <div class="hover:text-gray-900 transition-colors duration-100">
-            <%= line %>
-          </div>
-        <% end %>
-      </div>
-    </div>
-  </div>
-</div>

data/app/views/lookbook/preview.html.erb

@@ -1,14 +0,0 @@
-<% if examples.many? %>
-  <%# Render a group of examples %>
-  <% examples.each do |example| %>
-    <div style="margin-bottom: 30px !important; display: block !important;">
-      <h6 style="all: unset; display: block; color: #555; font-family: sans-serif; font-size: 14px; margin-top: 0; margin-bottom: 10px;">
-        <%= example.label %>
-      </h6>
-      <%= example.output %>
-    </div>
-  <% end %>
-<% else %>
-  <%# Render a single example %>
-  <%= examples.first.output %>
-<% end %>

data/config/hooks.yml

@@ -1,4 +0,0 @@
-shared:
-  after_initialize: []
-  before_exit: []
-  after_change: []

data/lib/lookbook/entities/collections/component_collection.rb

@@ -1,4 +0,0 @@
-module Lookbook
-  class ComponentCollection < EntityCollection
-  end
-end

data/lib/lookbook/entities/collections/preview_example_collection.rb

@@ -1,4 +0,0 @@
-module Lookbook
-  class PreviewExampleCollection < EntityCollection
-  end
-end

data/lib/lookbook/entities/component.rb

@@ -1,31 +0,0 @@
-module Lookbook
-  class Component < Entity
-    include Locatable
-
-    attr_reader :component_class
-
-    def initialize(component_class)
-      @component_class = component_class
-      @file_path = "#{Engine.component_paths.first}/#{name.underscore}.rb"
-      @base_directories = Engine.component_paths
-      @lookup_path = PathUtils.to_lookup_path(relative_file_path)
-    end
-
-    def name
-      component_class.name
-    end
-
-    def template_file_path
-      Dir.glob("#{directory_path}/#{file_name(true)}.*.erb").first
-    end
-
-    def inline?
-      template_file_path.present?
-    end
-
-    def template_path
-      Lookbook.logger.warn "The `template_path` method has been deprecated - use `template_file_path` instead. `template_file_path` will be removed in v2.0"
-      template_file_path
-    end
-  end
-end

data/lib/lookbook/entities/concerns/annotatable.rb

@@ -1,58 +0,0 @@
-module Lookbook
-  module Annotatable
-    extend ActiveSupport::Concern
-
-    included do
-      delegate :has_tag?, to: :code_object
-
-      def notes
-        code_object.docstring.to_s.strip
-      end
-
-      def tags(name = nil)
-        code_object.tags(name)
-      end
-
-      def tag(name = nil)
-        tags(name).first
-      end
-
-      protected
-
-      attr_reader :code_object
-
-      def fetch_config(key, fallback = nil, &block)
-        value = case key.to_sym
-        when :components
-          components_config
-        when :display_options
-          display_options_config
-        else
-          tag(key).value if has_tag?(key)
-        end
-
-        Utils.value_or_fallback(value, fallback, &block)
-      end
-
-      private
-
-      def components_config
-        return unless has_tag?(:component)
-
-        Array(tags(:component)).map(&:value).compact
-      end
-
-      def display_options_config
-        return unless has_tag?(:display)
-
-        # Dynamic params set at the entity level are
-        # not (yet?) supported so filter them out.
-        display_tags = tags(:display).select do |tag|
-          !tag.value.is_a?(Hash) && !tag.value.is_a?(Array)
-        end
-
-        display_tags.map { |tag| [tag.key.to_sym, tag.value] }.to_h
-      end
-    end
-  end
-end

data/lib/lookbook/entities/concerns/locatable.rb

@@ -1,73 +0,0 @@
-module Lookbook
-  module Locatable
-    extend ActiveSupport::Concern
-
-    included do
-      attr_reader :file_path, :base_directories
-
-      def file_name(strip_ext = false)
-        basename = file_pathname.basename
-        (strip_ext ? basename.to_s.split(".").first : basename).to_s
-      end
-
-      def file_name_base
-        @_file_name_slug ||= file_name(true).gsub(/(_component_preview|component_preview|preview)$/, "")
-      end
-
-      def file_extension
-        @_file_extension ||= file_pathname.extname
-      end
-
-      def directory_path
-        @_directory_path ||= Pathname(file_pathname.dirname)
-      end
-
-      def relative_file_path
-        @_relative_file_path ||= file_pathname.relative_path_from(base_directory)
-      end
-
-      def relative_directory_path
-        @_relative_directory_path ||= directory_path.relative_path_from(base_directory)
-      end
-
-      def last_modified
-        @_last_modified ||= File.mtime(file_path)
-      end
-
-      def logical_path
-        return @_logical_path if @_logical_path
-
-        directory = fetch_config(:logical_path) { relative_directory_path.to_s }
-        @_logical_path ||= PathUtils.to_path(directory, file_name_base)
-      end
-
-      def full_path
-        Lookbook.logger.warn "The `full_path` method has been deprecated - use `file_path` instead. `full_path` will be removed in v2.0"
-        file_path
-      end
-
-      def rel_path
-        Lookbook.logger.warn "The `rel_path` method has been deprecated - use `relative_file_path` instead. `rel_path` will be removed in v2.0"
-        relative_file_path
-      end
-
-      def dir_path
-        Lookbook.logger.warn "The `dir_path` method has been deprecated - use `directory_path` instead. `dir_path` will be removed in v2.0"
-        directory_path
-      end
-
-      protected
-
-      def file_pathname
-        Pathname(file_path)
-      end
-
-      def base_directory
-        return @_base_directory if @_base_directory
-
-        directories = Array(base_directories).map(&:to_s).sort_by { |path| path.split("/").size }.reverse
-        @_base_directory ||= directories.find { |dir| file_path.to_s.start_with?(dir) }
-      end
-    end
-  end
-end

data/lib/lookbook/entities/concerns/navigable.rb

@@ -1,43 +0,0 @@
-module Lookbook
-  module Navigable
-    extend ActiveSupport::Concern
-
-    included do
-      def hidden?
-        fetch_config(:hidden, false)
-      end
-
-      def visible?
-        !hidden?
-      end
-
-      def position
-        return @_position if @_position
-
-        pos = if @position_prefixes && respond_to?(:file_name)
-          PositionPrefixParser.call(file_name).first || default_position
-        else
-          fetch_config(:position, default_position)
-        end
-
-        @_position ||= pos.to_i
-      end
-
-      def depth
-        path.split("/").size
-      end
-
-      def default_position
-        @default_position || 10000
-      end
-
-      def <=>(other)
-        if respond_to?(:sort_handler, true)
-          sort_handler(other)
-        else
-          [position, label] <=> [other.position, other.label]
-        end
-      end
-    end
-  end
-end

data/lib/lookbook/entities/page.rb

@@ -1,80 +0,0 @@
-module Lookbook
-  class Page < Entity
-    include Locatable
-    include Navigable
-
-    attr_reader :content, :sections
-
-    def initialize(file_path)
-      @file_path = Pathname(file_path)
-      @base_directories = Engine.page_paths
-      @lookup_path = PathUtils.to_lookup_path(relative_file_path)
-      @frontmatter, @content = FrontmatterExtractor.call(file_contents)
-      @position_prefixes = true
-      @sections = []
-    end
-
-    def title
-      @_title ||= fetch_config(:title, label)
-    end
-
-    def landing?
-      @_landing ||= fetch_config(:landing, false)
-    end
-
-    def markdown?
-      @_markdown ||= fetch_config(:markdown) { file_path.to_s.match?(/(.*)\.md\.(.*)$/) }
-    end
-
-    def header?
-      @_header ||= fetch_config(:header, true)
-    end
-
-    def footer?
-      @_footer ||= fetch_config(:footer, true)
-    end
-
-    def data
-      return @_data if @_data
-
-      config_data = fetch_config(:data, {})
-      @_data ||= config_data.is_a?(Hash) ? Store.new(config_data) : config_data
-    end
-
-    def search_terms
-      label
-    end
-
-    def url_path
-      lookbook_page_path(path)
-    end
-
-    def add_section(section)
-      @sections << section
-      @sections.sort_by! { |section| [section.position, section.label] }
-    end
-
-    def method_missing(method_name, *args, &block)
-      method_name.to_s.end_with?("=") ? super : frontmatter.fetch(method_name, nil)
-    end
-
-    def respond_to_missing?(method_name, include_private = false)
-      frontmatter.key?(method_name) || super
-    end
-
-    protected
-
-    def fetch_config(key, fallback = nil, &block)
-      value = frontmatter[key]
-      Utils.value_or_fallback(value, fallback, &block)
-    end
-
-    def file_contents
-      @_file_contents ||= File.read(file_path)
-    end
-
-    def frontmatter
-      @_merged_frontmatter ||= Lookbook.config.page_options.deep_merge(@frontmatter.to_h).deep_symbolize_keys
-    end
-  end
-end