lookbook 0.2.3 → 0.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c35cb307d0756229c0ef4be7e46fcdaa9815abc1988d78e48390c2b7fe7b470a
-  data.tar.gz: '01179fd9cb5d1949b04882565f5d2288f3a8575e0164dfd901951b51e7069557'
+  metadata.gz: f643b8df09b68fb0e91d8dd522b186d8bcb8e58fa7883841a112a82a4ec81f8d
+  data.tar.gz: f97771056316f5e652a9850c2ac6495fb1c934135fada28af6557c7cd602e90a
 SHA512:
-  metadata.gz: 7ca421666db35f1c09076e4c6a0699c958ef64e9c7a35cdcc47122d734695d4df5913230860f1c1885a0b658f2274a0268e846dafce18ea27995317610be8823
-  data.tar.gz: 2c35614a77dba59d2c4e5d3f5ab490ec44d3e3af065ba1dd5004ec0cfedcc1b8ab99fc7bacf3060efb80d50c7965c50110149967ffc189284810eb67b5e6557d
+  metadata.gz: a4dc35a94c6173b687c903f098b5f0c05d8025c9171efa05ed0eb24993685c8495b7497f30df0f7d4550b2609f4dcbd0263624f8b1c9a7ed740bfd66dc48d288
+  data.tar.gz: 1f63d7ae4b684c46f89e0bfe683dbc83e0bf5daca16ced87c6061f0e7ea8c8da0c9131de71b9fd6dad7990211108fcad25d35ff5669b31b95eac78c6db70d48b

data/README.md

@@ -193,6 +193,18 @@ If you wish to add additional paths to listen for changes in, you can use the `l
 config.lookbook.listen_paths << Rails.root.join('app/other/directory')
 ```
 
+## Troubleshooting
+
+#### Blank preview window
+
+Certain setups (for example when using `Rack::LiveReload`) can cause an issue with the way that the preview iframe displays the rendered component preview (i.e. using the `srcdoc` attribute to avoid extra requests).
+
+If you are seeing a blank preview window, but the source and output tabs are both displaying code as expected, you can disable the use of the `srcdoc` attribute using the following configuration option:
+
+```ruby
+config.lookbook.preview_srcdoc = false
+```
+
 ## Contributing
 
 Lookbook is very much a small hobby/side project at the moment. I'd love to hear from anyone who is interested in contributing but I'm terrible at replying to emails or messages, so don't be surprised if I take forever to get back to you. It's not personal 😜

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

@@ -2,7 +2,7 @@
   <div class="h-full relative mx-auto bg-white" x-data="preview" :style="`width: ${$store.preview.width}`">
     <iframe
       src="<%= url_for lookbook.preview_path %>"
-      srcdoc="<%== @preview_srcdoc %>"
+      <% if config.preview_srcdoc %>srcdoc="<%== @preview_srcdoc %>"<% end %>
       frameborder="0"
       class="h-full w-full border-l border-gray-300 pr-4 -mx-px"
       x-data="sizeObserver"

data/lib/lookbook/engine.rb

@@ -28,6 +28,7 @@ module Lookbook
       options.preview_paths += vc_options.preview_paths
 
       options.preview_controller = vc_options.preview_controller if options.preview_controller.nil?
+      options.preview_srcdoc = true if options.preview_srcdoc.nil?
 
       options.listen_paths = options.listen_paths.map(&:to_s)
       options.listen_paths += options.preview_paths

data/lib/lookbook/version.rb

@@ -1,3 +1,3 @@
 module Lookbook
-  VERSION = "0.2.3"
+  VERSION = "0.2.4"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lookbook
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.2.4
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-09-06 00:00:00.000000000 Z
+date: 2021-09-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails