lookbook 0.3.0 → 0.3.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 55670a652a3259ba1f28e3c6ec9be4201ce3348e7a7190e2d6ca2b8f05628e72
-  data.tar.gz: a77a7b1b038ba8d4bdd5262cd4e97542244788e1812d86f6ee31ba753e9396d3
+  metadata.gz: 64f02e35ce90b1e27249752c3ea536ead68b7f6dba3a6bb0991dff8f29f63d92
+  data.tar.gz: effca06a618749eb6be51880929f417d0de03fe180d60e3df026065a7d0718ee
 SHA512:
-  metadata.gz: 136864d246c2269673654d2dae4dac3b6688abb0b9812a443b7e47d3bf0ab378103b3d070bdf6c0e78b15be56740a88d223cd86b241d0428cde7aa194dbf316f
-  data.tar.gz: 3458476f1781994cc442d11b9142976cd30ddc447bb4afa9cf41911dfbcd5813d56e6e67179288f18325fea61e8bd6e41b34fe2e2e75bb634f278e7639508ba3
+  metadata.gz: 3323004e8ea85985c687adfe184b0519b3b168676df1640cdb5ada335ffef304a1266e6ad239e62968261e2c043c98b23589dd28ed3913e22c620500fc76cdde
+  data.tar.gz: a60ed3e4b295875fcac660f560d75dc4ac9ecff3cf26a410c30837326c84e26e8e2cea4ad183879ee94049836ab68fb81b3d59c0aab6c081d239744184cfc374

data/README.md

@@ -27,9 +27,9 @@ Lookbook uses [RDoc/Yard-style comment tags](https://rubydoc.info/gems/yard/file
 - Resizable preview window for responsive testing
 - Highlighted preview source code and HTML output
 - Add notes via comments in the preview file (markdown supported)
-- Auto-updating UI when component or preview files are updated
-- Supports 'hidden' previews and examples
-- Works with standard the ViewComponent preview system
+- Auto-updating UI when component or preview files are updated _(Rails v6.0+ only)_
+- Hide, group and rename preview examples using comment tags
+- Fully compatible with standard the ViewComponent preview system
 
 ## Lookbook demo
 
@@ -248,6 +248,8 @@ However the following Lookbook-specific config options are also available:
 
 ### UI auto-refresh
 
+> ⚠️ UI auto-refresh is only supported in Rails v6.0+
+
 Disable/enable the auto-updating of the Lookbook UI when files change. Enabled by default.
 
 ```ruby

data/app/controllers/lookbook/app_controller.rb

@@ -95,7 +95,7 @@ module Lookbook
             html: preview_controller.render_example_to_string(@preview, example.name)
           }
         end
-        joined = render_to_string "./preview_group", locals: {examples: examples}, layout: nil
+        joined = render_to_string "lookbook/preview_group", locals: {examples: examples}, layout: nil
         preview_controller.render_in_layout_to_string(joined, @preview.lookbook_layout)
       else
         preview_controller.request.params[:path] = "#{@preview.preview_name}/#{@example.name}".chomp("/")
@@ -152,7 +152,7 @@ module Lookbook
     end
 
     def previews
-      Lookbook::Preview.all
+      Lookbook::Preview.all.sort_by(&:label)
     end
 
     def preview_controller

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

@@ -1,5 +1,5 @@
 <div class="flex flex-col h-full min-h-fill w-full">
-  <%= render "./shared/header" %>
+  <%= render "shared/header" %>
   <div class="flex flex-col items-center justify-center h-full min-h-fill">
     <div class="p-4 text-center">
       <svg class="feather w-10 h-10 text-gray-300 mx-auto">
@@ -8,4 +8,4 @@
       <h5 class="mt-4 text-gray-400 text-base">Select a preview to get started</h5>
     </div>
   </div>
-</div>
+</div>

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

@@ -1 +1 @@
-<%= render "./workbench" %>
+<%= render "shared/workbench" %>

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

@@ -10,7 +10,7 @@
 
   <% if config.auto_refresh %>
     <script>
-      window.SOCKET_PATH = "/lookbook/cable";
+      window.SOCKET_PATH = "<%= Lookbook::Engine.websocket_mount_path %>";
     </script>
   <% end %>
   <script src="/lookbook-assets/app.js" defer></script>
@@ -21,14 +21,14 @@
   <div
     x-data="page"
     x-effect="updateTitle"
-    @refresh.document="fetchHTML().then(doc => $dispatch('document:updated', {doc}))" 
+    @refresh.document="fetchHTML().then(doc => $dispatch('document:updated', {doc}))"
     @popstate.window="fetchHTML().then(doc => { $dispatch('document:loaded', {doc}); sidebarOpenMobile = false})"
     @sidebar:toggle.window="sidebarOpenMobile = !sidebarOpenMobile"
     :style="`grid-template-columns: ${$store.nav.width}px 1px 1fr;`"
     class="md:grid w-screen h-screen"
   >
     <div class="h-full bg-gray-100 overflow-hidden" x-show="$screen('md') || sidebarOpenMobile" x-cloak>
-      <%= render "./sidebar" %>
+      <%= render "shared/sidebar" %>
     </div>
     <div x-data="split(splitProps)" class="h-full gutter border-r border-gray-300 relative" x-show="$screen('md')" x-cloak>
       <div class="w-[9px] h-full bg-transparent hover:bg-indigo-100 hover:bg-opacity-20 transition absolute top-0 bottom-0 transform -translate-x-1/2 cursor-[col-resize] z-10"></div>

data/app/views/lookbook/nav/_collection.html.erb

@@ -1,5 +1,5 @@
-<%= render "./nav/node", node: node do %>
+<%= render "nav/node", node: node do %>
   <% node.items.each do |item| %>
-    <%= render "./nav/#{item.type.to_s}", node: item %>
-  <% end %> 
-<% end %>
+    <%= render "nav/#{item.type.to_s}", node: item %>
+  <% end %>
+<% end %>

data/app/views/lookbook/nav/_node.html.erb

@@ -1,5 +1,5 @@
 <li id="<%= node.id %>" x-data="navNode" <% if node.hierarchy_depth == 1 %> class="py-1 border-b border-gray-300 cursor-pointer"<% end %> :class="{hidden}" x-cloak>
-  <div @click="toggle(); if (open()) { <%= "navigate('#{path}')" if defined?(path) %>}" style="<%= nav_padding_style(node.hierarchy_depth) %>" class="hover:bg-gray-200 hover:bg-opacity-50">
+  <div @click="toggle" style="<%= nav_padding_style(node.hierarchy_depth) %>" class="hover:bg-gray-200 hover:bg-opacity-50">
     <div class="flex items-center cursor-pointer pr-3 py-[5px]">
       <svg class="feather w-3 h-3 mr-1 text-gray-500 flex-none">
         <use xlink:href="/lookbook-assets/feather-sprite.svg#chevron-down" x-show="open" x-cloak />
@@ -8,7 +8,7 @@
       <svg class="feather h-3.5 w-3.5 mr-1.5 flex-none text-indigo-500">
         <use xlink:href="/lookbook-assets/feather-sprite.svg#<%= node.type == :preview ? 'layers' : 'folder' %>" />
       </svg>
-      <div class="truncate whitespace-nowrap text-left <%= "font-bold" if node.type == :preview %>">
+      <div class="truncate w-full whitespace-nowrap text-left <%= "font-bold" if node.type == :preview %>" @click.stop="toggle(); if (open()) { <%= "navigate('#{path}')" if defined?(path) %>}">
         <%= node.label %>
       </div>
     </div>

data/app/views/lookbook/nav/_preview.html.erb

@@ -1,11 +1,11 @@
 <% examples = node.get_examples %>
 <% if examples.many? %>
-  <%= render "./nav/node", node: node, path: show_path(examples.first.path) do %>
+  <%= render "nav/node", node: node, path: show_path(examples.first.path) do %>
     <% examples.each do |example| %>
-      <%= render "./nav/leaf", leaf: example, depth: example.hierarchy_depth + 1 %>
+      <%= render "nav/leaf", leaf: example, depth: example.hierarchy_depth + 1 %>
     <% end %>
   <% end %>
 <% else %>
   <% example = examples.first %>
-  <%= render "./nav/leaf", leaf: example, depth: example.hierarchy_depth, label: node.label, display: :node %>
-<% end %>
+  <%= render "nav/leaf", leaf: example, depth: example.hierarchy_depth, label: node.label, display: :node %>
+<% end %>

data/app/views/lookbook/shared/_header.html.erb

@@ -5,4 +5,4 @@
     </svg>
   </button>
   <%= yield %>
-</header>
+</header>

data/app/views/lookbook/{_sidebar.html.erb → shared/_sidebar.html.erb}

@@ -27,7 +27,7 @@
         <% if @nav.items.any? %>
           <ul x-ref="items">
             <% @nav.items.each do |item| %>
-              <%= render "./nav/#{item.type.to_s}", node: item %>
+              <%= render "nav/#{item.type.to_s}", node: item %>
             <% end %>
           </ul>
           <div class="p-4 text-center" x-show="hidden" x-cloak>
@@ -41,5 +41,5 @@
         <% end %>
       </nav>
     </div>
-  </div>   
-</div>
+  </div>
+</div>

data/app/views/lookbook/{_workbench.html.erb → shared/_workbench.html.erb}

@@ -1,12 +1,12 @@
 <div id="workbench" class="bg-gray-50 h-screen flex flex-col" x-data="workbench">
-  <%= render "./workbench/header" %>
+  <%= render "workbench/header" %>
   <div class="md:grid flex-grow" :style="`grid-template-rows: 1fr 1px ${$store.inspector.height}px`">
-    <%= render "./workbench/preview" %>
+    <%= render "workbench/preview" %>
     <div class="w-full gutter border-t border-gray-300 relative" x-data="split(splitProps)" x-show="$screen('md')">
       <div class="h-[11px] w-full bg-transparent hover:bg-indigo-100 hover:bg-opacity-20 transition absolute left-0 right-0 transform -translate-y-1/2 cursor-[row-resize]"></div>
     </div>
     <% if @inspector %>
-      <%= render "./workbench/inspector", **@inspector %>
+      <%= render "workbench/inspector", **@inspector %>
     <% end %>
-  </div>  
-</div>
+  </div>
+</div>

data/app/views/lookbook/workbench/_header.html.erb

@@ -1,4 +1,4 @@
-<%= render "./shared/header" do %>
+<%= render "shared/header" do %>
   <div class="flex items-center">
     <div class="flex items-center space-x-1">
       <strong class="whitespace-nowrap truncate"><%= @preview.label %></strong>
@@ -36,4 +36,4 @@
       </svg>
     </a>
   </div>
-<% end %>
+<% end %>

data/app/views/lookbook/workbench/_inspector.html.erb

@@ -21,12 +21,12 @@
     <% panes.each do |key, props| %>
       <div class="flex flex-col h-full relative" x-show="active('<%= key %>')" x-cloak>
         <% if props[:clipboard].present? %>
-          <%= render "./shared/clipboard" do %><%= h props[:clipboard].strip %><% end %>
+          <%= render "shared/clipboard" do %><%= h props[:clipboard].strip %><% end %>
         <% end %>
         <div class="flex flex-col h-full overflow-auto">
-          <%= render "./workbench/inspector/#{props[:template]}", key: key, **props %>
+          <%= render "workbench/inspector/#{props[:template]}", key: key, **props %>
         </div>
       </div>
     <% end %>
   </div>
-</div>
+</div>

data/lib/lookbook/collection.rb

@@ -12,11 +12,11 @@ module Lookbook
     end
 
     def name
-      @path ? @path.split("/").last : "root"
+      @path.present? ? @path.split("/").last : "root"
     end
 
     def label
-      name.titleize
+      name&.titleize
     end
 
     def hierarchy_depth
@@ -24,7 +24,7 @@ module Lookbook
     end
 
     def items(sorted = true)
-      sorted ? @items.sort_by(&:name) : @items
+      sorted ? @items.sort_by(&:label) : @items
     end
 
     def add(item)

data/lib/lookbook/engine.rb

@@ -23,6 +23,7 @@ module Lookbook
 
       options.auto_refresh = true if options.auto_refresh.nil?
       options.sort_examples = false if options.sort_examples.nil?
+      options.debug = false unless options.debug == true
 
       options.preview_paths = options.preview_paths.map(&:to_s)
       options.preview_paths += vc_options.preview_paths
@@ -43,10 +44,6 @@ module Lookbook
       end
     end
 
-    initializer "lookbook.cable.logger" do
-      Lookbook::Engine.cable.logger ||= Rails.logger
-    end
-
     initializer "lookbook.parser.tags" do
       Lookbook::Parser.define_tags
     end
@@ -58,6 +55,15 @@ module Lookbook
       )
     end
 
+    initializer "lookbook.logging" do
+      if config.lookbook.debug == true
+        Lookbook::Engine.cable.logger ||= Rails.logger
+      else
+        Lookbook::Engine.cable.logger = Lookbook::NullLogger.new
+        config.action_view.logger = Lookbook::NullLogger.new
+      end
+    end
+
     initializer "lookbook.preview.extend" do
       ActiveSupport.on_load(:view_component) do
         ViewComponent::Preview.extend Lookbook::Preview
@@ -83,7 +89,18 @@ module Lookbook
 
     class << self
       def websocket
-        @websocket ||= ActionCable::Server::Base.new(config: Lookbook::Engine.cable)
+        if Rails.version.to_f >= 6.0
+          @websocket ||= ActionCable::Server::Base.new(config: Lookbook::Engine.cable)
+        else
+          @websocket = ActionCable::Server::Base.new
+          @websocket.config = Lookbook::Engine.cable
+
+          @websocket
+        end
+      end
+
+      def websocket_mount_path
+        "#{Lookbook::Engine.routes.find_script_name({})}#{cable.mount_path}"
       end
 
       def cable

data/lib/lookbook/null_logger.rb

@@ -0,0 +1,47 @@
+module Lookbook
+  class NullLogger
+    def unknown(*)
+      nil
+    end
+
+    def fatal(*)
+      nil
+    end
+
+    def fatal?
+      false
+    end
+
+    def error(*)
+      nil
+    end
+
+    def error?
+      false
+    end
+
+    def warn(*)
+      nil
+    end
+
+    def warn?
+      false
+    end
+
+    def info(*)
+      nil
+    end
+
+    def info?
+      false
+    end
+
+    def debug(*)
+      nil
+    end
+
+    def debug?
+      false
+    end
+  end
+end

data/lib/lookbook/parser.rb

@@ -5,7 +5,7 @@ module Lookbook
     YARDOC_FILE_PATH = Rails.root.join("tmp/storage/.yardoc").to_s
 
     def initialize(paths)
-      @paths = paths.map { |p| "#{p}/**/*.rb" }
+      @paths = paths.map { |p| "#{p}/**/*_preview.rb" }
       YARD::Registry.yardoc_file = YARDOC_FILE_PATH
     end
 

data/lib/lookbook/preview.rb

@@ -80,7 +80,7 @@ module Lookbook
 
     class << self
       def all
-        ViewComponent::Preview.all
+        ViewComponent::Preview.all.sort_by(&:label)
       end
 
       def find(path)
@@ -90,8 +90,6 @@ module Lookbook
       def exists?(path)
         !!find(path)
       end
-
-      
     end
 
     private

data/lib/lookbook/taggable.rb

@@ -1,17 +1,19 @@
 module Lookbook
   module Taggable
     def lookbook_hidden?
-      if code_object.tag(:hidden)
+      if code_object&.tag(:hidden)
         code_object.tag(:hidden).text.strip != "false"
       end
     end
 
     def lookbook_label
-      code_object.tag(:label)&.text
+      code_object&.tag(:label)&.text
     end
 
     def lookbook_notes
-      code_object.docstring.to_s.strip
+      if code_object&.docstring
+        code_object.docstring.to_s.strip
+      end
     end
 
     def lookbook_group

data/lib/lookbook/version.rb

@@ -1,3 +1,3 @@
 module Lookbook
-  VERSION = "0.3.0"
+  VERSION = "0.3.4"
 end

data/lib/lookbook.rb

@@ -12,4 +12,5 @@ module Lookbook
   autoload :PreviewExample, "lookbook/preview_example"
   autoload :PreviewGroup, "lookbook/preview_group"
   autoload :Taggable, "lookbook/taggable"
+  autoload :NullLogger, "lookbook/null_logger"
 end

data/lib/tasks/lookbook_tasks.rake

@@ -6,7 +6,7 @@ namespace :lookbook do
     task :bump_version, [:version] do |t, args|
       filename = Lookbook::Engine.root.join("lib/lookbook/version.rb")
       current_version = Lookbook::VERSION.to_s
-      new_version = args[:version].sub("v", "").gsub("-",".")
+      new_version = args[:version].sub("v", "").tr("-", ".")
       file = File.open(filename)
       contents = file.read
       File.write(filename, contents.gsub(current_version, new_version))

data/public/lookbook-assets/app.css

@@ -1456,28 +1456,28 @@ pre[class*="language-"] {
   bottom: 0px;
 }
 
-.top-1\/2 {
-  top: 50%;
-}
-
-.right-2 {
-  right: 0.5rem;
+.top-0 {
+  top: 0px;
 }
 
-.left-0 {
-  left: 0px;
+.bottom-0 {
+  bottom: 0px;
 }
 
 .right-0 {
   right: 0px;
 }
 
-.top-0 {
-  top: 0px;
+.top-1\/2 {
+  top: 50%;
 }
 
-.bottom-0 {
-  bottom: 0px;
+.right-2 {
+  right: 0.5rem;
+}
+
+.left-0 {
+  left: 0px;
 }
 
 .left-4 {
@@ -1493,14 +1493,6 @@ pre[class*="language-"] {
   margin-right: auto;
 }
 
-.ml-4 {
-  margin-left: 1rem;
-}
-
-.mb-1 {
-  margin-bottom: 0.25rem;
-}
-
 .mt-4 {
   margin-top: 1rem;
 }
@@ -1529,6 +1521,14 @@ pre[class*="language-"] {
   margin-right: 0.75rem;
 }
 
+.ml-4 {
+  margin-left: 1rem;
+}
+
+.mb-1 {
+  margin-bottom: 0.25rem;
+}
+
 .ml-auto {
   margin-left: auto;
 }
@@ -1553,6 +1553,10 @@ pre[class*="language-"] {
   display: none;
 }
 
+.h-screen {
+  height: 100vh;
+}
+
 .h-full {
   height: 100%;
 }
@@ -1561,40 +1565,28 @@ pre[class*="language-"] {
   height: 2.5rem;
 }
 
-.h-5 {
-  height: 1.25rem;
+.h-3\.5 {
+  height: 0.875rem;
 }
 
 .h-3 {
   height: 0.75rem;
 }
 
-.h-screen {
-  height: 100vh;
-}
-
-.h-\[11px\] {
-  height: 11px;
-}
-
-.h-3\.5 {
-  height: 0.875rem;
-}
-
 .h-4 {
   height: 1rem;
 }
 
-.w-5 {
-  width: 1.25rem;
+.h-5 {
+  height: 1.25rem;
 }
 
-.w-full {
-  width: 100%;
+.h-\[11px\] {
+  height: 11px;
 }
 
-.w-3 {
-  width: 0.75rem;
+.w-full {
+  width: 100%;
 }
 
 .w-10 {
@@ -1613,10 +1605,18 @@ pre[class*="language-"] {
   width: 0.875rem;
 }
 
+.w-3 {
+  width: 0.75rem;
+}
+
 .w-4 {
   width: 1rem;
 }
 
+.w-5 {
+  width: 1.25rem;
+}
+
 .max-w-xs {
   max-width: 20rem;
 }
@@ -1633,22 +1633,18 @@ pre[class*="language-"] {
   flex-grow: 1;
 }
 
-.-translate-y-1\/2 {
-  --tw-translate-y: -50%;
-  transform: var(--tw-transform);
-}
-
 .-translate-x-1\/2 {
   --tw-translate-x: -50%;
   transform: var(--tw-transform);
 }
 
-.transform {
+.-translate-y-1\/2 {
+  --tw-translate-y: -50%;
   transform: var(--tw-transform);
 }
 
-.cursor-\[row-resize\] {
-  cursor: row-resize;
+.transform {
+  transform: var(--tw-transform);
 }
 
 .cursor-\[col-resize\] {
@@ -1659,6 +1655,10 @@ pre[class*="language-"] {
   cursor: pointer;
 }
 
+.cursor-\[row-resize\] {
+  cursor: row-resize;
+}
+
 .cursor-auto {
   cursor: auto;
 }
@@ -1754,22 +1754,22 @@ pre[class*="language-"] {
   border-width: 1px;
 }
 
-.border-b {
-  border-bottom-width: 1px;
-}
-
-.border-t {
-  border-top-width: 1px;
-}
-
 .border-r {
   border-right-width: 1px;
 }
 
+.border-b {
+  border-bottom-width: 1px;
+}
+
 .border-l {
   border-left-width: 1px;
 }
 
+.border-t {
+  border-top-width: 1px;
+}
+
 .border-b-2 {
   border-bottom-width: 2px;
 }
@@ -1802,25 +1802,25 @@ pre[class*="language-"] {
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 
-.bg-transparent {
-  background-color: transparent;
-}
-
-.bg-gray-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-}
-
 .bg-gray-100 {
   --tw-bg-opacity: 1;
   background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
 }
 
+.bg-transparent {
+  background-color: transparent;
+}
+
 .\!bg-indigo-100 {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(224, 231, 255, var(--tw-bg-opacity)) !important;
 }
 
+.bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+}
+
 .p-4 {
   padding: 1rem;
 }
@@ -1833,11 +1833,6 @@ pre[class*="language-"] {
   padding: 0.25rem;
 }
 
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
 .py-\[5px\] {
   padding-top: 5px;
   padding-bottom: 5px;
@@ -1853,6 +1848,11 @@ pre[class*="language-"] {
   padding-bottom: 0.5rem;
 }
 
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -1896,6 +1896,11 @@ pre[class*="language-"] {
   font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
 }
 
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -1906,11 +1911,6 @@ pre[class*="language-"] {
   line-height: 1rem;
 }
 
-.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-
 .text-\[11px\] {
   font-size: 11px;
 }
@@ -1919,19 +1919,14 @@ pre[class*="language-"] {
   font-weight: 700;
 }
 
-.text-gray-400 {
-  --tw-text-opacity: 1;
-  color: rgba(156, 163, 175, var(--tw-text-opacity));
-}
-
-.text-gray-500 {
+.text-gray-300 {
   --tw-text-opacity: 1;
-  color: rgba(107, 114, 128, var(--tw-text-opacity));
+  color: rgba(209, 213, 219, var(--tw-text-opacity));
 }
 
-.text-gray-300 {
+.text-gray-400 {
   --tw-text-opacity: 1;
-  color: rgba(209, 213, 219, var(--tw-text-opacity));
+  color: rgba(156, 163, 175, var(--tw-text-opacity));
 }
 
 .text-red-300 {
@@ -1944,6 +1939,11 @@ pre[class*="language-"] {
   color: rgba(55, 65, 81, var(--tw-text-opacity));
 }
 
+.text-gray-500 {
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity));
+}
+
 .text-gray-800 {
   --tw-text-opacity: 1;
   color: rgba(31, 41, 55, var(--tw-text-opacity));

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lookbook
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.3.4
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-09-27 00:00:00.000000000 Z
+date: 2021-10-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '6.0'
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '6.0'
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -72,14 +72,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.3'
+        version: '3.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.3'
+        version: '3.0'
 - !ruby/object:Gem::Dependency
   name: yard
   requirement: !ruby/object:Gem::Requirement
@@ -207,8 +207,6 @@ files:
 - app/channels/lookbook/reload_channel.rb
 - app/controllers/lookbook/app_controller.rb
 - app/helpers/lookbook/application_helper.rb
-- app/views/lookbook/_sidebar.html.erb
-- app/views/lookbook/_workbench.html.erb
 - app/views/lookbook/app/error.html.erb
 - app/views/lookbook/app/index.html.erb
 - app/views/lookbook/app/not_found.html.erb
@@ -221,6 +219,8 @@ files:
 - app/views/lookbook/preview_group.html.erb
 - app/views/lookbook/shared/_clipboard.html.erb
 - app/views/lookbook/shared/_header.html.erb
+- app/views/lookbook/shared/_sidebar.html.erb
+- app/views/lookbook/shared/_workbench.html.erb
 - app/views/lookbook/workbench/_header.html.erb
 - app/views/lookbook/workbench/_inspector.html.erb
 - app/views/lookbook/workbench/_preview.html.erb
@@ -232,7 +232,7 @@ files:
 - lib/lookbook/collection.rb
 - lib/lookbook/engine.rb
 - lib/lookbook/lang.rb
-- lib/lookbook/navigation.rb
+- lib/lookbook/null_logger.rb
 - lib/lookbook/parser.rb
 - lib/lookbook/preview.rb
 - lib/lookbook/preview_controller.rb

data/lib/lookbook/navigation.rb

@@ -1,68 +0,0 @@
-module Lookbook
-  class Navigation
-    class << self
-      def previews
-        valid_previews = ViewComponent::Preview.all.filter { |preview| preview.get_visible_examples.any? && !preview.hidden? }
-        valid_previews.sort_by(&:normalized_name)
-      end
-
-      def flat
-        {
-          flat: true,
-          depth: 0,
-          items: previews.map do |preview|
-            nav_item_for_preview(preview, expand_name: true)
-          end
-        }
-      end
-
-      def nested
-        nav = {flat: false, depth: 0, items: []}
-        previews.each do |preview|
-          current = nav
-          depth = preview.path_parts.size
-          path = ""
-          preview.path_parts.each_with_index do |segment, i|
-            target = current[:items].find { |item| item[:name] == segment }
-            if target.nil?
-              path = "#{path.present? ? path + "." : ""}#{segment}"
-              target = {
-                depth: i + 1,
-                nested: true,
-                name: path,
-                label: segment.titleize,
-                type: :group,
-                items: []
-              }
-              current[:items].append(target)
-            end
-            if depth == i + 1
-              target[:items].push(nav_item_for_preview(preview))
-            else
-              current = target
-            end
-          end
-        end
-        nav
-      end
-
-      private
-
-      def nav_item_for_preview(preview, expand_name: false)
-        {
-          name: preview.preview_name.tr("/", "."),
-          label: expand_name ? "#{preview.pretty_path}/#{preview.label}" : preview.label,
-          type: :preview,
-          examples: preview.get_visible_examples.map do |example|
-            example_path = "#{preview.preview_name}/#{example.name}"
-            {
-              name: example.name,
-              label: example.label,
-              path: example_path
-            }
-          end
-        }
-      end
-    end
-  end
-end