lookbook 1.3.4 → 1.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4b470e546db75bd013d11e664180acde6ba376e5f81efe0ad21e4fba92489fe5
-  data.tar.gz: bf7186410dfeb3506d002e6ab43133b883350e5f7827ab92ff840900a5a28650
+  metadata.gz: 3a8ca9a9db0798d392083b4470397bf94260811a1f82f8b89dee0e5646fca156
+  data.tar.gz: 24fe83948823edd7387b11ca2ee5628f778a15034173491bfdfd20347d6b1484
 SHA512:
-  metadata.gz: 93556785190aff39487ae217fdc50969c0c5444c02dc9b9579b7184ffa568696b72bdc66ea24600e92fb2b67569b9100aca4417f3082b0d1876e59aa0e12c8c2
-  data.tar.gz: 4a218ca0928bfb9c1aa74b9c1a17c5cfae21cfc7ceadbf9cd4354a3d26a65af1eae9087a96782666c85b39cee646ebd6075b857ec5caa43aa547cc1239d68a19
+  metadata.gz: 1463db9307bc67d9224a4a96f21ee404902fe0e266b40b0456c84e551a26b96a779e816f2780b5c1ea30189b8d94e3e5dfc16ab6d2f0b3df3a0e06d8f2705282
+  data.tar.gz: ea867f97d2cb0d532e59c3c62de31405dca1fe29e7f9ade020fe6b7eb2cb3d2b04d16d7b110e3479eaa54316d6df9ba3328594c73c659e37f6c513867325ad54

data/README.md

@@ -4,21 +4,21 @@
 A tool to help browse, develop, test & document [ViewComponents](https://viewcomponent.org/) in Ruby on Rails apps.
 
 [![Gem version](https://img.shields.io/gem/v/lookbook)](https://rubygems.org/gems/lookbook)
-[![CI status](https://github.com/allmarkedup/lookbook/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/allmarkedup/lookbook/actions/workflows/ci.yml)
+[![CI status](https://github.com/ViewComponent/lookbook/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/ViewComponent/lookbook/actions/workflows/ci.yml)
 <br>
 
 ## Documentation
 
 ✨ **Lookbook guide and API docs**: [lookbook.build](https://lookbook.build)
 
-> _Looking for pre-v1.0 documentation? [Head over here](https://github.com/allmarkedup/lookbook/tree/0.9.x)._
+> _Looking for pre-v1.0 documentation? [Head over here](https://github.com/ViewComponent/lookbook/tree/0.9.x)._
 
 
 ## Demo
 
 ✨ **Online Demo**: [lookbook-demo-app.herokuapp.com/lookbook](https://lookbook-demo-app.herokuapp.com/lookbook)
 
-✨ **Demo repo**: [github.com/allmarkedup/lookbook-demo](https://github.com/allmarkedup/lookbook-demo)
+✨ **Demo repo**: [github.com/ViewComponent/lookbook-demo](https://github.com/ViewComponent/lookbook-demo)
 
 [![Lookbook UI](.github/assets/lookbook_screenshot_v1.0_beta.png)](https://lookbook-demo-app.herokuapp.com/lookbook/)
 
@@ -29,10 +29,10 @@ Lookbook is implemented as an isolated [Rails Engine](https://guides.rubyonrails
 
 This repository contains:
 
-* The Lookbook source code ([`/app`](https://github.com/allmarkedup/lookbook/tree/main/app), [`/lib`](https://github.com/allmarkedup/lookbook/tree/main/lib), [`/config`](https://github.com/allmarkedup/lookbook/tree/main/config), etc)
-* A '[workbench](#workbench)' app used for Lookbook component development ([`/workbench`](https://github.com/allmarkedup/lookbook/tree/main/workbench)).
-* The Lookbook [documentation site](#docs-site) source code and content ([`/docs`](https://github.com/allmarkedup/lookbook/tree/main/docs)).
-* A [test suite](#testing) with a 'runable' dummy app ([`/spec`](https://github.com/allmarkedup/lookbook/tree/main/spec)).
+* The Lookbook source code ([`/app`](https://github.com/ViewComponent/lookbook/tree/main/app), [`/lib`](https://github.com/ViewComponent/lookbook/tree/main/lib), [`/config`](https://github.com/ViewComponent/lookbook/tree/main/config), etc)
+* A '[workbench](#workbench)' app used for Lookbook component development ([`/workbench`](https://github.com/ViewComponent/lookbook/tree/main/workbench)).
+* The Lookbook [documentation site](#docs-site) source code and content ([`/docs`](https://github.com/ViewComponent/lookbook/tree/main/docs)).
+* A [test suite](#testing) with a 'runable' dummy app ([`/spec`](https://github.com/ViewComponent/lookbook/tree/main/spec)).
 
 ### Workbench
 
@@ -69,16 +69,16 @@ The dummy app that the tests are being run against can be viewed by running the
 
 Lookbook is an un-funded open source project and contributions of all types and sizes are most welcome!
 
-Please take the time to read over the [Contributing](./CONTRIBUTING.md) guide before making your first contribution and if anything isn't clear then [start a discussion](https://github.com/allmarkedup/lookbook/discussions) and we will do our best to help you out.
+Please take the time to read over the [Contributing](./CONTRIBUTING.md) guide before making your first contribution and if anything isn't clear then [start a discussion](https://github.com/ViewComponent/lookbook/discussions) and we will do our best to help you out.
 
 ## Contributors 
 
 Lookbook was created by [Mark Perkins](https://github.com/allmarkedup) and continues to grow
-&amp; improve thanks to the ideas, suggestions and hard work of all of [these excellent humans](https://github.com/allmarkedup/lookbook/graphs/contributors):
+&amp; improve thanks to the ideas, suggestions and hard work of all of [these excellent humans](https://github.com/ViewComponent/lookbook/graphs/contributors):
 <br>
 <br>
-<a href="https://github.com/allmarkedup/lookbook/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=allmarkedup/lookbook&columns=14" width="800" />
+<a href="https://github.com/ViewComponent/lookbook/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=ViewComponent/lookbook&columns=14" width="800" />
 </a>
 
 ## License

data/app/assets/lookbook/css/themes/blue.css

@@ -63,4 +63,4 @@
   --lookbook-header-border: var(--lookbook-accent-700);
   --lookbook-blank-slate-title: var(--lookbook-accent-600);
   --lookbook-branding-text: var(--lookbook-header-text);
-}
+}

data/app/assets/lookbook/css/themes/green.css

@@ -63,4 +63,4 @@
   --lookbook-header-border: var(--lookbook-accent-700);
   --lookbook-blank-slate-title: var(--lookbook-accent-600);
   --lookbook-branding-text: var(--lookbook-header-text);
-}
+}

data/app/assets/lookbook/css/themes/indigo.css

@@ -63,4 +63,4 @@
   --lookbook-header-border: var(--lookbook-accent-700);
   --lookbook-blank-slate-title: var(--lookbook-accent-600);
   --lookbook-branding-text: var(--lookbook-header-text);
-}
+}

data/app/assets/lookbook/css/themes/rose.css

@@ -63,4 +63,4 @@
   --lookbook-header-border: var(--lookbook-accent-700);
   --lookbook-blank-slate-title: var(--lookbook-accent-600);
   --lookbook-branding-text: var(--lookbook-header-text);
-}
+}

data/app/assets/lookbook/css/themes/zinc.css

@@ -63,4 +63,4 @@
   --lookbook-header-border: var(--lookbook-accent-700);
   --lookbook-blank-slate-title: var(--lookbook-accent-600);
   --lookbook-branding-text: var(--lookbook-header-text);
-}
+}

data/app/components/lookbook/code/component.rb

@@ -1,5 +1,3 @@
-require "active_model"
-
 module Lookbook
   class Code::Component < Lookbook::BaseComponent
     include Lookbook::OutputHelper
@@ -56,8 +54,8 @@ module Lookbook
     end
 
     def before_render
-      @theme ||= (config.highlighter_options && config.highlighter_options[:theme]&.to_sym) || :github
-      @dark ||= ::ActiveModel::Type::Boolean.new.cast((config.highlighter_options && config.highlighter_options[:dark]) || false)
+      @theme ||= Lookbook.config.highlighter_options.fetch(:theme, :github).to_sym
+      @dark ||= !!Lookbook.config.highlighter_options.fetch(:dark, false)
     end
 
     protected

data/app/components/lookbook/header/component.html.erb

@@ -25,7 +25,7 @@
             <% menu = lookbook_render :debug_menu,
               version: Lookbook::VERSION,
               docs_url: "https://lookbook.build/guide",
-              repo_url: "https://github.com/allmarkedup/lookbook" do %>
+              repo_url: "https://github.com/ViewComponent/lookbook" do %>
               <%= helpers.pretty_json(Lookbook.debug_data) %>
             <% end %>
             <% button.dropdown({}).with_content(menu) %>

data/app/components/lookbook/inspector_panel/component.rb

@@ -8,7 +8,7 @@ module Lookbook
     end
 
     def id
-      AttributeUtils.dom_id("panel", @name)
+      Utils.id("panel", @name)
     end
 
     def before_render

data/app/components/lookbook/nav/component.rb

@@ -3,25 +3,18 @@ module Lookbook
     renders_one :filter, Lookbook::Filter::Component
     renders_one :toolbar, Lookbook::Toolbar::Component
 
-    def initialize(
-      collection:, id: nil,
-      collapse_singles: false,
-      **attrs
-    )
-      @id = id.presence || "#{collection.id}-nav"
-      @collection = collection.as_tree
-      @item_args = {
-        collapse_singles: collapse_singles
-      }
+    attr_reader :id, :tree
+
+    def initialize(tree:, id: nil, **attrs)
+      @id = id
+      @tree = tree
       super(**attrs, id: id)
     end
 
     def items
-      @collection.non_empty_items.map do |item|
-        lookbook_render Lookbook::Nav::Item::Component.new item,
-          nav_id: @id,
-          depth: 1,
-          **@item_args
+      tree.map do |node|
+        item_class = (node.type == :directory) ? Nav::Directory::Component : Nav::Entity::Component
+        lookbook_render item_class.new node, nav_id: id
       end
     end
 

data/app/components/lookbook/nav/directory/component.html.erb

@@ -0,0 +1,26 @@
+<%= render_component_tag :li,
+  id: id,
+  class: "list-none",
+  "x-show": "!filteredOut",
+  data: { "entity-type": :directory },
+  cloak: true do %>
+  <%= lookbook_tag :button,
+    class: "nav-action",
+    style: "padding-left: #{left_pad}px",
+    "x-bind": "bindings.toggle" do %>
+    <div class="nav-action-inner">
+      <%= icon nil,
+        size: 3,
+        class: "nav-toggle-icon",
+        "x-effect": "iconName = open ? 'chevron-down' : 'chevron-right'" if children? %>
+      <%= icon nav_icon, size: 3.5, class: "mr-1.5 text-lookbook-nav-icon-stroke" %>
+      <span class="truncate"><%= label %></span>
+    </div>
+  <% end %>
+  
+  <% if children? %>
+    <ul x-ref="items" x-show="open" x-cloak>
+      <%= safe_join(children) %>
+    </ul>
+  <% end %>  
+<% end %>

data/app/components/lookbook/nav/directory/component.rb

@@ -0,0 +1,4 @@
+module Lookbook
+  class Nav::Directory::Component < Nav::Item::Component
+  end
+end

data/app/components/lookbook/nav/{item → entity}/component.html.erb

@@ -2,22 +2,20 @@
   id: id,
   class: "list-none",
   "x-show": "!filteredOut",
-  data: {
-    "entity-type": item.type
-  },
+  data: { "entity-type": type },
   cloak: true do %>
   <%= lookbook_tag href.present? ? :a : :button,
     href: href,
-    class: "flex w-full items-center py-1 select-none cursor-pointer text-lookbook-nav-text hover:bg-lookbook-nav-item-hover transition",
+    class: "nav-action",
     style: "padding-left: #{left_pad}px",
     "x-bind": "bindings.#{href.present? ? "link" : "toggle"}" do %>
-    <div class="relative flex items-center w-full">
+    <div class="nav-action-inner">
       <%= icon nil,
         size: 3,
-        class: "mr-1 text-lookbook-nav-toggle absolute -left-4",
+        class: "nav-toggle-icon",
         "x-effect": "iconName = open ? 'chevron-down' : 'chevron-right'" if children? %>
       <%= icon nav_icon, size: 3.5, class: "mr-1.5 text-lookbook-nav-icon-stroke" %>
-      <span class="truncate <% if @item.type == :preview %>font-bold<% end %>"><%= label %></span>
+      <span class="truncate <% if node.type == :preview %>font-bold<% end %>"><%= label %></span>
     </div>
   <% end %>
   

data/app/components/lookbook/nav/entity/component.rb

@@ -0,0 +1,49 @@
+module Lookbook
+  class Nav::Entity::Component < Nav::Item::Component
+    ICONS = {
+      page: :file,
+      preview: :layers,
+      example: :eye,
+      group: :eye
+    }.freeze
+
+    def nav_icon
+      ICONS[type] || :file
+    end
+
+    def href
+      if collapsed?
+        node.first.url_path
+      elsif type != :preview
+        node.url_path
+      end
+    end
+
+    def children
+      collapsed? ? [] : super
+    end
+
+    def type
+      collapsed? ? :example : node.type
+    end
+
+    def collapsed?
+      node.type == :preview && node.children.one?
+    end
+
+    def search_terms
+      matchers = if collapsed?
+        node.first.search_terms
+      else
+        node.respond_to?(:search_terms) ? Array(node.search_terms) : []
+      end
+      matchers.flatten.map { |m| m.gsub(/\s/, "").downcase }
+    end
+
+    protected
+
+    def alpine_data
+      alpine_encode({id: node.id, matchers: search_terms})
+    end
+  end
+end

data/app/components/lookbook/nav/item/component.css

@@ -0,0 +1,15 @@
+@layer components {
+  [data-component="nav"] {
+    .nav-action {
+      @apply flex w-full items-center py-1 select-none cursor-pointer text-lookbook-nav-text hover:bg-lookbook-nav-item-hover transition;
+    }
+
+    .nav-action-inner {
+      @apply relative flex items-center w-full;
+    }
+
+    .nav-toggle-icon {
+      @apply mr-1 text-lookbook-nav-toggle absolute -left-4;
+    }
+  }
+}

data/app/components/lookbook/nav/item/component.js

@@ -1,4 +1,8 @@
 export default function navItemComponent({ id, matchers }) {
+  matchers = matchers.map((matcher) =>
+    matcher.replace(/\s/g, "").toLowerCase()
+  );
+
   return {
     filteredOut: false,
 

data/app/components/lookbook/nav/item/component.rb

@@ -1,87 +1,44 @@
 module Lookbook
   class Nav::Item::Component < Lookbook::BaseComponent
-    ICONS = {
-      page: :file,
-      page_collection: :folder,
-      preview_collection: :folder,
-      preview: :layers,
-      example: :eye,
-      group: :eye,
-      collection: :folder
-    }.freeze
+    delegate :label, :depth, to: :node
 
-    delegate :label, to: :@item
+    attr_reader :node, :nav_id
 
-    def initialize(
-      item,
-      nav_id:,
-      depth: 1,
-      collapse_singles: false,
-      **html_attrs
-    )
+    def initialize(node, nav_id:, **html_attrs)
+      @node = node
       @nav_id = nav_id
-      @item = item
-      @depth = depth
-      @collapse_singles = collapse_singles
       super(**html_attrs)
     end
 
     def id
-      "#{@nav_id}-#{@item.id}"
+      "#{nav_id}-#{node.id}"
     end
 
     def left_pad
-      ((@depth - 1) * 12) + 24
-    end
-
-    def href
-      if collapsed?
-        item.url_path
-      elsif !collection?
-        item.url_path
-      end
+      ((depth - 1) * 12) + 24
     end
 
     def children
-      @children ||= if collection? && !collapsed?
-        item.non_empty_items.map do |item|
-          lookbook_render Lookbook::Nav::Item::Component.new item,
-            nav_id: @nav_id,
-            depth: (@depth + 1),
-            collapse_singles: @collapse_singles
-        end
-      else
-        []
-      end
-    end
-
-    def item
-      collapsed? ? @item.first : @item
+      @children ||= node.map { |node| render_item(node) }
     end
 
     def nav_icon
-      ICONS[@item.type] || :file
-    end
-
-    def collection?
-      @item.is_a? Lookbook::Collection
+      :folder
     end
 
     def children?
-      children.any? if collection? && !collapsed?
+      children.any?
     end
 
-    def collapsed?
-      @collapse_singles == true && collection? && @item.collapsible? && @item.one?
+    def render_item(node)
+      item_class = (node.type == :directory) ? Nav::Directory::Component : Nav::Entity::Component
+      lookbook_render item_class.new node, nav_id: nav_id
     end
 
     protected
 
     def alpine_data
-      alpine_encode({
-        id: @item.id,
-        matchers: item.is_a?(Lookbook::Collection) ? nil : item.matchers
-      })
+      alpine_encode({id: node.id, matchers: []})
     end
 
     def alpine_component

data/app/controllers/concerns/lookbook/targetable_concern.rb

@@ -14,19 +14,19 @@ module Lookbook
     end
 
     def lookup_entities
-      @target = Lookbook.previews.find_example(params[:path])
+      @target = Lookbook.previews.find_example_by_path(params[:path])
       if @target.present?
         @preview = @target.preview
-        if params[:path] == @preview&.lookup_path
-          redirect_to lookbook_inspect_path "#{params[:path]}/#{@preview.default_example.name}"
+        if params[:path] == @preview&.path
+          redirect_to lookbook_inspect_path("#{params[:path]}/#{@preview.default_example.name}", params.permit!)
         end
       else
-        @preview = Lookbook.previews.find(params[:path])
+        @preview = Lookbook.previews.find_by_path(params[:path])
         if @preview.present?
-          first_example = @preview.examples.first
-          redirect_to lookbook_inspect_path(first_example.lookup_path) if first_example
+          default_example = @preview.default_example
+          redirect_to lookbook_inspect_path(default_example.path, params.permit!) if default_example
         else
-          @preview = Lookbook.previews.find(path_segments.slice(0, path_segments.size - 1).join("/"))
+          @preview = Lookbook.previews.find_by_path(path_segments.slice(0, path_segments.size - 1).join("/"))
         end
       end
     end
@@ -89,46 +89,21 @@ module Lookbook
       end
 
       preview_controller.params.permit!
-      @preview_params = preview_controller.params.to_h.select do |key, value|
-        !!@params.find { |param_tag| param_tag.name == key.to_s }
-      end
     end
 
     def inspector_data
       return @inspector_data if @inspector_data.present?
 
-      context_data = {
-        preview_params: @preview_params,
-        path: params[:path]
-      }
-
-      preview = @preview
-      target_examples = (@target.type == :group) ? @target.examples : [@target]
-
-      examples = target_examples.map do |example|
-        render_args = @preview.render_args(example.name, params: preview_controller.params)
-        has_template = render_args[:template] != "view_components/preview"
+      rendered_examples = @target.examples.map do |example|
         output = preview_controller.process(:render_example_to_string, @preview, example.name)
-        source = has_template ? example.template_source(render_args[:template]) : example.method_source
-        source_lang = has_template ? example.template_lang(render_args[:template]) : example.lang
-
-        example.define_singleton_method(:output, proc { output })
-        example.define_singleton_method(:source, proc { source })
-        example.define_singleton_method(:source_lang, proc { source_lang })
-        example
+        RenderedExample.new(example, output, preview_controller.params)
       end
 
-      target = (@target.type == :group) ? @target : examples.find { |e| e.lookup_path == @target.lookup_path }
-
-      params_ref = @params
-      preview.define_singleton_method(:params, proc { params_ref })
-
       @inspector_data ||= Lookbook::Store.new({
-        context: context_data,
-        preview: preview,
-        examples: examples,
-        example: examples.first,
-        target: target,
+        context: Store.new({params: @params, path: params[:path]}),
+        preview: @preview,
+        examples: rendered_examples,
+        target: @target,
         data: Lookbook.data,
         app: Lookbook
       })

data/app/controllers/lookbook/application_controller.rb

@@ -9,16 +9,16 @@ module Lookbook
     helper Lookbook::ComponentHelper
 
     before_action :generate_theme_overrides
-    before_action :assign_collections
+    before_action :assign_instance_vars
 
     def self.controller_path
       "lookbook"
     end
 
     def index
-      landing = Lookbook.pages.find(&:landing) || Lookbook.pages.first
+      landing = Lookbook.pages.find(&:landing?) || Lookbook.pages.first
       if landing.present?
-        redirect_to lookbook_page_path(landing.lookup_path)
+        redirect_to lookbook_page_path(landing.path)
       else
         render "lookbook/index"
       end
@@ -30,9 +30,11 @@ module Lookbook
       @theme_overrides ||= Lookbook.theme.to_css
     end
 
-    def assign_collections
-      @previews = Preview.all
-      @pages = Page.all
+    def assign_instance_vars
+      @previews = Lookbook.previews
+      @pages = Lookbook.pages
+      @config = Lookbook.config
+      @engine = Lookbook.engine
     end
 
     def feature_enabled?(feature)
@@ -48,7 +50,7 @@ module Lookbook
       error_params = {}
       if exception.is_a?(ViewComponent::PreviewTemplateError)
         error_params = {
-          file_path: @preview&.full_path,
+          file_path: @preview&.file_path,
           line_number: 0,
           source_code: @target&.source
         }

data/app/controllers/lookbook/page_controller.rb

@@ -11,8 +11,8 @@ module Lookbook
     def render_page(page, locals = {})
       @page = page
       @pages = Lookbook.pages
-      @next_page = @pages.find_next(@page)
-      @previous_page = @pages.find_previous(@page)
+      @next_page = @pages.next(@page)
+      @previous_page = @pages.previous(@page)
 
       content = ActionViewAnnotationsHandler.call(disable_annotations: true) do
         render_to_string inline: @page.content, locals: {

data/app/controllers/lookbook/pages_controller.rb

@@ -9,9 +9,9 @@ module Lookbook
     end
 
     def index
-      landing = Lookbook.pages.find(&:landing) || Lookbook.pages.first
+      landing = Lookbook.pages.find(&:landing?) || Lookbook.pages.first
       if landing.present?
-        redirect_to lookbook_page_path landing.lookup_path
+        redirect_to lookbook_page_path(landing.path)
       else
         show_404
       end
@@ -20,21 +20,15 @@ module Lookbook
     def show
       @page = @pages.find_by_path(params[:path])
       if @page
-        @next_page = @pages.find_next(@page)
-        @previous_page = @pages.find_previous(@page)
-        if @page.errors.any?
+        @next_page = @pages.next(@page)
+        @previous_page = @pages.previous(@page)
+        begin
+          @page_content = page_controller.render_page(@page)
+          @title = @page.title
+        rescue => exception
           render_in_layout "lookbook/error",
             layout: "lookbook/page",
-            error: @page.errors.first
-        else
-          begin
-            @page_content = page_controller.render_page(@page)
-            @title = @page.title
-          rescue => exception
-            render_in_layout "lookbook/error",
-              layout: "lookbook/page",
-              error: Lookbook::Error.new(exception, file_path: @page.full_path, source_code: @page.content)
-          end
+            error: Lookbook::Error.new(exception, file_path: @page.file_path, source_code: @page.content)
         end
       else
         show_404

data/app/helpers/lookbook/application_helper.rb

@@ -18,7 +18,7 @@ module Lookbook
     end
 
     def landing_path
-      landing = Lookbook.pages.find(&:landing) || Lookbook.pages.first
+      landing = Lookbook.pages.find(&:landing?) || Lookbook.pages.first
       if landing.present?
         lookbook_page_path landing.lookup_path
       else

data/app/helpers/lookbook/page_helper.rb

@@ -3,7 +3,7 @@ module Lookbook
     include Utils
 
     def page_path(id)
-      page = id.is_a?(Page) ? id : Lookbook.pages.find(id)
+      page = id.is_a?(Page) ? id : Lookbook.pages.find_by_id(id)
       if page.present?
         lookbook_page_path page.lookup_path
       else
@@ -16,10 +16,13 @@ module Lookbook
 
       @embed_counter ||= 0
 
-      preview_lookup = args.first.is_a?(Symbol) ? args.first : preview_class_path(args.first)
-      preview = Lookbook.previews.find(preview_lookup)
-      example = args[1] ? preview&.example(args[1]) : preview&.default_example
+      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,