lookbook 1.5.1 → 1.5.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 11cae6b11c0235c9c609462d70782b48f95e8f33a654296cabbf4e081cab4c27
-  data.tar.gz: df711457ea8f7c7b2ea8956cf621130bf508b539c17563efc0d40592161430e5
+  metadata.gz: 7f540f127ea326803394a4fb256d8ec3f27a9f7564f003d075b5e3b70ccd0ff2
+  data.tar.gz: 7987f3e5caaeb9cc8ebd3e0a38fc3b2735ba3c894207320b612e15075441ac5e
 SHA512:
-  metadata.gz: e0adbfc0d81f98a8876c3e5b5325808c4b3120c702fe2a4b85af3d4599cffaf869bb0b5ba453685c2f31b6b1a1080750bdc77da9c4a9d0d940187aa9f6846490
-  data.tar.gz: cc581f238ea0f3fc00108350a6ab7657cd41a1ee9ea0f946a91a2d0baf86f11dcd532ca0bbdc6fe1a3f67e275e9f9c976be4bcb0a6726555391e34576fc00fdc
+  metadata.gz: 4984fbeb06a7ba811cb45a0253fb9391f238c1fbe48e8cb4d2f8b32166e5551c08a9df6116b737423af6ecdd90d13bd91317189d962fc174b32e16b848f21f26
+  data.tar.gz: aadc14cb2bc965a03fbed65fb6824b898449567fc09574974dd4edde3c317fe52ef5ba989b9039f291a34c6ad0673471f22c9b2ce5869567a3e684d78fbdfbbe

data/README.md

@@ -1,5 +1,5 @@
 <br>
-<img src=".github/assets/lookbook_logo.svg" width="180"> 
+<img alt="Lookbook Logo" src=".github/assets/lookbook_logo.svg" width="180"> 
 
 A tool to help browse, develop, test & document [ViewComponents](https://viewcomponent.org/) in Ruby on Rails apps.
 
@@ -25,7 +25,7 @@ A tool to help browse, develop, test & document [ViewComponents](https://viewcom
 
 ## Development
 
-Lookbook is implemented as an isolated [Rails Engine](https://guides.rubyonrails.org/engines.html) and uses [ViewComponent](https://viewcomponent.org), [Tailwind](https://tailwindcss.com/) and [Alpine](https://alpinejs.dev/) for it's UI.
+Lookbook is implemented as an isolated [Rails Engine](https://guides.rubyonrails.org/engines.html) and uses [ViewComponent](https://viewcomponent.org), [Tailwind](https://tailwindcss.com/) and [Alpine](https://alpinejs.dev/) for its UI.
 
 This repository contains:
 
@@ -78,9 +78,9 @@ Lookbook was created by [Mark Perkins](https://github.com/allmarkedup) and conti
 <br>
 <br>
 <a href="https://github.com/ViewComponent/lookbook/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=ViewComponent/lookbook&columns=14" width="800" />
+  <img alt="Lookbook contributors" src="https://contrib.rocks/image?repo=ViewComponent/lookbook&columns=14" width="800" />
 </a>
 
 ## License
 
-The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

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

@@ -44,14 +44,15 @@ module Lookbook
           display_params = SearchParamParser.call(params[:_display])
           display_params.each do |name, value|
             if @dynamic_display_options.key?(name)
-              cookies["lookbook-display-#{name}"] = value
+              cookies["lookbook-display-#{name}"] = value.is_a?(Array) ? value[1] : value
             end
           end
         end
 
         @dynamic_display_options.each do |name, opts|
           choices = opts.is_a?(Hash) ? opts[:choices].to_a : opts
-          @static_display_options[name] ||= cookies.fetch("lookbook-display-#{name}", choices.first)
+          value = choices.first.is_a?(Array) ? choices.first[1] : choices.first
+          @static_display_options[name] ||= cookies.fetch("lookbook-display-#{name}", value)
         end
 
         unless params[:_display]

data/app/controllers/lookbook/previews_controller.rb

@@ -3,6 +3,8 @@ module Lookbook
     include TargetableConcern
     include WithPreviewControllerConcern
 
+    before_action { response.headers.delete("X-Frame-Options") }
+
     layout "lookbook/inspector"
     helper Lookbook::PreviewHelper
 
@@ -18,10 +20,15 @@ module Lookbook
               {
                 name: preview.name,
                 examples: preview.examples.map { |example|
-                  {
-                    inspect_path: example.url_path,
-                    name: example.name
-                  }
+                  case example
+                  when Lookbook::PreviewExample
+                    example_json(example)
+                  when Lookbook::PreviewGroup
+                    {
+                      name: example.name,
+                      examples: example.examples.map { |ex| example_json(ex) }
+                    }
+                  end
                 }
               }
             end
@@ -48,5 +55,16 @@ module Lookbook
         show_404 layout: "lookbook/standalone"
       end
     end
+
+    private
+
+    def example_json(example)
+      {
+        inspect_path: example.url_path,
+        name: example.name,
+        preview_path: example.preview_path,
+        lookup_path: example.lookup_path
+      }
+    end
   end
 end

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

@@ -13,7 +13,7 @@
         }",
         "@click.outside": "closeMobileSidebar",
         cloak: true do %>
-        <% cache do %>
+        <% cache Lookbook::Engine.last_changed do %>
           <%= lookbook_render :split_layout,
             alpine_data: "$store.layout.#{@pages.any? && @previews.any? ? "sidebar" : "singleSectionSidebar"}",
             style: "height: calc(100vh - 2.5rem);" do |layout| %>

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

@@ -2,7 +2,7 @@
   <%# 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: #999; font-family: sans-serif; font-size: 14px; margin-top: 0; margin-bottom: 10px;">
+      <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 %>

data/lib/lookbook/engine.rb

@@ -43,6 +43,7 @@ module Lookbook
     initializer "lookbook.file_watcher.pages" do
       file_watcher.watch(opts.page_paths, opts.page_extensions) do |changes|
         Engine.pages.load(Engine.page_paths)
+        Engine.mark_changed
         Engine.websocket.broadcast(:reload)
         run_hooks(:after_change, changes)
       end
@@ -51,6 +52,7 @@ module Lookbook
     initializer "lookbook.parser.previews_load_callback" do
       parser.after_parse do |code_objects|
         Engine.previews.load(code_objects.all(:class))
+        Engine.mark_changed
         Engine.websocket.broadcast(:reload)
       end
     end
@@ -168,6 +170,14 @@ module Lookbook
         @_previews ||= PreviewCollection.new
       end
 
+      def mark_changed
+        @_last_changed = nil
+      end
+
+      def last_changed
+        @_last_changed ||= (Time.now.to_f * 1000).to_i
+      end
+
       attr_reader :preview_controller
     end
 

data/lib/lookbook/entities/preview_example.rb

@@ -57,6 +57,10 @@ module Lookbook
       lookbook_inspect_path(path)
     end
 
+    def preview_path
+      lookbook_preview_path(path)
+    end
+
     def type
       :example
     end

data/lib/lookbook/entities/preview_group.rb

@@ -39,6 +39,10 @@ module Lookbook
       lookbook_inspect_path(path)
     end
 
+    def preview_path
+      lookbook_preview_path(path)
+    end
+
     def type
       :group
     end

data/lib/lookbook/version.rb

@@ -1,3 +1,3 @@
 module Lookbook
-  VERSION = "1.5.1"
+  VERSION = "1.5.3"
 end