lookbook 1.5.2 → 2.3.7

data/app/controllers/lookbook/inspector_controller.rb

@@ -1,45 +1,18 @@
 module Lookbook
-  class InspectorController < ApplicationController
+  class InspectorController < Lookbook::ApplicationController
     include TargetableConcern
+    include WithPanelsConcern
     include WithPreviewControllerConcern
 
-    layout "lookbook/inspector"
-    helper Lookbook::PreviewHelper
-
     def self.controller_path
       "lookbook/inspector"
     end
 
     def show
-      if @target
-        begin
-          @main_panels = main_panels
-          @drawer_panels = drawer_panels
-        rescue => exception
-          render_in_layout "lookbook/error", layout: "lookbook/inspector", error: prettify_error(exception)
-        end
-      else
-        show_404
-      end
-    end
-
-    def show_legacy
-      Lookbook.logger.warn("Legacy URL path detected. These paths are deprecated and will be removed in a future version")
-      redirect_to lookbook_inspect_path params[:path]
-    end
-
-    private
-
-    def main_panels
-      Engine.panels.in_group(:main).map do |config|
-        PanelStore.resolve_config(config, inspector_data)
-      end
-    end
+      raise_not_found("Preview not found") unless @target
 
-    def drawer_panels
-      Engine.panels.in_group(:drawer).map do |config|
-        PanelStore.resolve_config(config, inspector_data)
-      end
+      @main_panels = main_panels
+      @drawer_panels = drawer_panels
     end
   end
 end

data/app/controllers/lookbook/page_controller.rb

@@ -1,8 +1,9 @@
+require "rails/application_controller"
+
 module Lookbook
-  class PageController < ActionController::Base
-    helper Lookbook::ComponentHelper
-    helper Lookbook::PageHelper
-    helper Lookbook::OutputHelper
+  class PageController < Rails::ApplicationController
+    helper UiElementsHelper
+    helper PageHelper
 
     Lookbook.config.page_paths.each do |path|
       prepend_view_path Rails.root.join(path)
@@ -10,11 +11,11 @@ module Lookbook
 
     def render_page(page, locals = {})
       @page = page
-      @pages = Lookbook.pages
+      @pages = Engine.pages
       @next_page = @pages.next(@page)
       @previous_page = @pages.previous(@page)
 
-      content = ActionViewAnnotationsHandler.call(disable_annotations: true) do
+      content = ActionViewConfigHandler.call do
         render_to_string inline: @page.content, locals: {
           page: @page,
           next_page: @next_page,
@@ -23,7 +24,7 @@ module Lookbook
         }
       end
 
-      @page.markdown? ? MarkdownRenderer.call(content, Lookbook.config.markdown_options) : content
+      @page.markdown? ? MarkdownRenderer.call(content) : content
     end
   end
 end

data/app/controllers/lookbook/pages_controller.rb

@@ -1,49 +1,36 @@
 module Lookbook
-  class PagesController < ApplicationController
-    layout "lookbook/page"
+  class PagesController < Lookbook::ApplicationController
     helper_method :page_controller
-    helper Lookbook::PageHelper
 
     def self.controller_path
       "lookbook/pages"
     end
 
     def index
-      landing = Lookbook.pages.find(&:landing?) || Lookbook.pages.first
-      if landing.present?
-        redirect_to lookbook_page_path(landing.path)
-      else
-        show_404
-      end
+      landing = Engine.pages.find(&:landing?) || Engine.pages.first
+      raise_not_found("Page not found") unless landing.present?
+
+      redirect_to lookbook_page_path(landing.path)
     end
 
     def show
       @page = @pages.find_by_path(params[:path])
-      if @page
-        @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: Lookbook::Error.new(exception, file_path: @page.file_path, source_code: @page.content)
-        end
-      else
-        show_404
-      end
+      raise_not_found("Page not found") unless @page
+
+      @page_content = page_controller.render_page(@page)
+      @title = @page.title
+      @next_page = @pages.next(@page)
+      @previous_page = @pages.previous(@page)
+    rescue ActionView::Template::Error => err
+      raise Lookbook::TemplateError.new(
+        original: err,
+        file_path: @page.file_path,
+        source: @page.content
+      )
     end
 
     protected
 
-    def show_404
-      render "lookbook/404", locals: {
-        message: "Page not found",
-        description: "The page may have been removed or renamed."
-      }
-    end
-
     def page_controller
       controller_class = Lookbook.config.page_controller.constantize
       controller = controller_class.new

data/app/controllers/lookbook/preview_controller.rb

@@ -0,0 +1,45 @@
+require "rails/application_controller"
+
+module Lookbook
+  class PreviewController < Rails::ApplicationController
+    content_security_policy(false) if respond_to?(:content_security_policy)
+
+    private
+
+    def set_locale(&block)
+      I18n.with_locale(params[:locale] || I18n.default_locale, &block)
+    end
+
+    # Returns either {} or {layout: value} depending on configuration
+    def determine_layout(layout_override = nil, prepend_views: true)
+      return {} unless defined?(Rails.root)
+
+      layout_declaration = {}
+
+      if !layout_override.nil?
+        # Allow component-level override, even if false (thus no layout rendered)
+        layout_declaration[:layout] = layout_override
+      elsif default_preview_layout.present?
+        layout_declaration[:layout] = default_preview_layout
+      end
+
+      prepend_application_view_paths if layout_declaration[:layout].present? && prepend_views
+
+      layout_declaration
+    end
+
+    def default_preview_layout
+      Lookbook.config.preview_layout
+    end
+
+    def prepend_application_view_paths
+      prepend_view_path Rails.root.join("app/views") if defined?(Rails.root)
+    end
+
+    def prepend_preview_scenarios_view_path
+      prepend_view_path(Engine.preview_paths)
+    end
+
+    alias_method :prepend_preview_examples_view_path, :prepend_preview_scenarios_view_path
+  end
+end

data/app/controllers/lookbook/previews_controller.rb

@@ -1,12 +1,11 @@
 module Lookbook
-  class PreviewsController < ApplicationController
+  class PreviewsController < Lookbook::ApplicationController
     include TargetableConcern
     include WithPreviewControllerConcern
 
-    before_action { response.headers.delete("X-Frame-Options") }
+    layout false
 
-    layout "lookbook/inspector"
-    helper Lookbook::PreviewHelper
+    before_action :permit_framing, only: [:show]
 
     def self.controller_path
       "lookbook/previews"
@@ -19,14 +18,14 @@ module Lookbook
             json: Lookbook.previews.map do |preview|
               {
                 name: preview.name,
-                examples: preview.examples.map { |example|
-                  case example
-                  when Lookbook::PreviewExample
-                    example_json(example)
-                  when Lookbook::PreviewGroup
+                scenarios: preview.scenarios.map { |scenario|
+                  case scenario
+                  when Lookbook::ScenarioEntity
+                    scenario_json(scenario)
+                  when Lookbook::ScenarioGroupEntity
                     {
-                      name: example.name,
-                      examples: example.examples.map { |ex| example_json(ex) }
+                      name: scenario.name,
+                      examples: scenario.scenarios.map { |s| scenario_json(s) }
                     }
                   end
                 }
@@ -38,33 +37,38 @@ module Lookbook
     end
 
     def show
-      if @target
-        begin
-          opts = {layout: @preview.layout}
-          if params[:lookbook_embed] == "true"
-            opts[:append_html] = "<script src=\"/lookbook-assets/js/embed.js?v=#{Lookbook.version}\"></script>".html_safe
-          end
-          preview_html = preview_controller.process(:render_in_layout_to_string, "lookbook/preview", inspector_data, **opts)
-          render html: preview_html
-        rescue => exception
-          render_in_layout "lookbook/error",
-            layout: "lookbook/standalone",
-            error: prettify_error(exception)
-        end
-      else
-        show_404 layout: "lookbook/standalone"
-      end
+      raise_not_found("Preview not found") unless @target
+
+      @preview_html = preview_controller.process(
+        :render_in_layout_to_string,
+        "lookbook/previews/group",
+        inspector_data,
+        layout: @preview.layout,
+        append_html: (iframe_content_scripts if embedded?)
+      )
     end
 
     private
 
-    def example_json(example)
+    def embedded?
+      params[:lookbook_embed] == "true"
+    end
+
+    def iframe_content_scripts
+      render_to_string("lookbook/partials/_iframe_content_scripts", layout: nil)
+    end
+
+    def scenario_json(scenario)
       {
-        inspect_path: example.url_path,
-        name: example.name,
-        preview_path: example.preview_path,
-        lookup_path: example.lookup_path
+        name: scenario.name,
+        inspect_path: scenario.url_path,
+        preview_path: scenario.preview_path
       }
     end
+
+    def permit_framing
+      headers["X-Frame-Options"] = Lookbook.config.preview_embeds.policy if embedded?
+      headers["X-Frame-Options"] = "SAMEORIGIN" if headers["X-Frame-Options"]&.upcase == "DENY"
+    end
   end
 end

data/app/helpers/lookbook/application_helper.rb

@@ -1,24 +1,12 @@
 module Lookbook
   module ApplicationHelper
-    def config
-      Lookbook::Engine.config.lookbook
-    end
-
-    def theme
-      Lookbook.theme
-    end
-
-    def asset_path(file, version: true)
-      path = "/lookbook-assets/#{file}".gsub("//", "/")
+    def lookbook_asset_path(file, version: true)
+      path = "#{Engine.host_config.relative_url_root}/lookbook-assets/#{file}".gsub("//", "/")
       version ? "#{path}?v=#{Lookbook::VERSION}" : path
     end
 
-    def feature_enabled?(name)
-      Lookbook::Features.enabled?(name)
-    end
-
-    def landing_path
-      landing = Lookbook.pages.find(&:landing?) || Lookbook.pages.first
+    def lookbook_landing_path
+      landing = Engine.pages.find(&:landing?) || Engine.pages.first
       if landing.present?
         lookbook_page_path landing.lookup_path
       else
@@ -26,8 +14,14 @@ module Lookbook
       end
     end
 
-    def generate_id(*args)
-      args.map { |args| args.delete_prefix("/").tr("&?=/_-", "-") }.join("-")
+    # Requests
+
+    def request_frame
+      request.headers["X-Lookbook-Frame"] || "root"
+    end
+
+    def frame_request?
+      request.headers["X-Lookbook-Frame"].present?
     end
   end
 end

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

@@ -1,61 +1,90 @@
-<% content_for :shell do %>
-  <% if @previews.any? || @pages.any? %>
-    
-    <%= lookbook_render :split_layout,
-      alpine_data: "$store.layout.main",
-      ":class": "$store.layout.mobile && '!block'" do |layout| %>
+<% content_for :body do %>
+  <% if request_frame == "root" %>
+    <div
+      id="app"
+      x-data="app"
+      x-cloak
+      x-on:popstate.window="handleNavigation"
+      x-on:click.document="hijax"
+      x-on:navigation:start="closeMobileSidebar"
+      x-on:dom:update-complete.window="Lookbook.initEmbeds()"
+      class="w-screen h-screen grid grid-rows-[40px_1fr] relative">
 
-      <% layout.with_pane id: "app-sidebar", class: "flex flex-col bg-lookbook-sidebar-bg relative translate-x-0",
-        ":class": "{
-          'transition': $store.layout.mobile,
-          'translate-x-full': $store.layout.mobile && sidebarHidden,
-          '!absolute right-0 bottom-0 top-[40px] h-[calc(100%_-_40px)] w-full max-w-[420px] z-50 border-l border-lookbook-divider': $store.layout.mobile
-        }",
-        "@click.outside": "closeMobileSidebar",
-        cloak: true do %>
-        <% cache do %>
-          <%= lookbook_render :split_layout,
-            alpine_data: "$store.layout.#{@pages.any? && @previews.any? ? "sidebar" : "singleSectionSidebar"}",
-            style: "height: calc(100vh - 2.5rem);" do |layout| %>
+      <%= render "lookbook/partials/user_styles" %>
 
-            <% if @previews.any? %>
-              <% layout.with_pane class: "overflow-hidden" do %>
-                <%= lookbook_render :nav,
-                  id: "previews-nav",
-                  tree: @previews.to_tree,
-                  alpine_data: "$store.nav.previews" do |nav| %>
-                  <%= nav.with_toolbar do |toolbar| %>
-                    <% toolbar.with_section padded: true do %>
-                      <h4 class="pt-1">Previews</h4>
-                    <% end %>
-                    <% toolbar.with_section align: :right, padded: false do %>
-                      <%= lookbook_render :button_group, size: :xs do |group| %>
-                        <% group.with_button icon: :minus_square,
-                          tooltip: "Collapse all",
-                          "@click": "closeAll" %>
+      <%= lookbook_render :header,
+        id: "app-header",
+        debug_menu: @config.debug_menu,
+        project_name: @config.project_name,
+        project_logo: @config.project_logo %>
+
+      <% unless @blank_slate %>
+        
+        <%= lookbook_render :split_layout,
+          alpine_data: "$store.layout.main",
+          ":class": "$store.layout.mobile && '!block'" do |layout| %>
+
+          <% layout.with_pane id: "app-sidebar", class: "flex flex-col bg-lookbook-sidebar-bg relative translate-x-0",
+            ":class": "{
+              'transition': $store.layout.mobile,
+              'translate-x-full': $store.layout.mobile && sidebarHidden,
+              '!absolute right-0 bottom-0 top-[40px] h-[calc(100%_-_40px)] w-full max-w-[420px] z-[1001] border-l border-lookbook-divider': $store.layout.mobile
+            }",
+            "x-on:click.outside": "closeMobileSidebar",
+            cloak: true do %>
+
+            <% if @sidebar_panels.any? %>  
+              <%= lookbook_render :split_layout,
+                alpine_data: "$store.layout.#{@sidebar_panels.many? ? "sidebar" : "singleSectionSidebar"}",
+                style: "height: calc(100vh - 2.5rem);" do |layout| %>
+
+                <% @sidebar_panels.each do |panel| %>
+                  <% if panel == :previews && @previews.any? %>
+                    <% layout.with_pane class: "overflow-hidden" do %>
+                      <%= lookbook_render :nav,
+                        id: "previews-nav",
+                        tree: @previews.to_tree,
+                        alpine_data: "$store.nav.previews" do |nav| %>
+                        <%= nav.with_toolbar do |toolbar| %>
+                          <% toolbar.with_section padded: true do %>
+                            <h4 class="pt-1"><%= @config.preview_collection_label %></h4>
+                          <% end %>
+                          <% toolbar.with_section align: :right, padded: false do %>
+                            <%= lookbook_render :button_group, size: :xs do |group| %>
+                              <% group.with_button icon: :minus_square,
+                                tooltip: "Collapse all",
+                                "x-on:click": "closeAll" %>
+                            <% end %>
+                          <% end %>
+                        <% end %>
+                        <% if @config.preview_nav_filter %>
+                          <% nav.with_filter store: "$store.nav.previews.filter", placeholder: "Filter previews by name&hellip;" %>
+                        <% end %>
                       <% end %>
                     <% end %>
                   <% end %>
-                  <% nav.with_filter store: "$store.nav.previews.filter", placeholder: "Filter previews by name&hellip;" %>
-                <% end %>
-              <% end %>
-            <% end %>
 
-            <% if @pages.any? %>
-              <% layout.with_pane class: "overflow-hidden" do %>
-                <%= lookbook_render :nav,
-                  id: "pages-nav",
-                  tree: @pages.to_tree,
-                  alpine_data: "$store.nav.pages" do |nav| %>
-                  <%= nav.with_toolbar do |toolbar| %>
-                    <% toolbar.with_section padded: true do %>
-                      <h4 class="pt-1">Pages</h4>
-                    <% end %>
-                    <% toolbar.with_section align: :right, padded: false do %>
-                      <%= lookbook_render :button_group, size: :xs do |group| %>
-                        <% group.with_button icon: :minus_square,
-                          tooltip: "Collapse all",
-                          "@click": "closeAll" %>
+                  <% if panel == :pages && @pages.any? %>
+                    <% layout.with_pane class: "overflow-hidden" do %>
+                      <%= lookbook_render :nav,
+                        id: "pages-nav",
+                        tree: @pages.to_tree,
+                        alpine_data: "$store.nav.pages" do |nav| %>
+                        <%= nav.with_toolbar do |toolbar| %>
+                          <% toolbar.with_section padded: true do %>
+                            <h4 class="pt-1"><%= @config.page_collection_label %></h4>
+                          <% end %>
+                          <% toolbar.with_section align: :right, padded: false do %>
+                            <%= lookbook_render :button_group, size: :xs do |group| %>
+                              <% group.with_button icon: :minus_square,
+                                tooltip: "Collapse all",
+                                "x-on:click": "closeAll" %>
+                            <% end %>
+                          <% end %>
+                        <% end %>
+                        <% if @config.page_nav_filter %>
+                          <% nav.with_filter store: "$store.nav.pages.filter", placeholder: "Filter pages by name&hellip;" %>  
+                        <% end %>
                       <% end %>
                     <% end %>
                   <% end %>
@@ -63,20 +92,35 @@
               <% end %>
             <% end %>
           <% end %>
+
+          <% layout.with_pane id: "app-main", class: "overflow-hidden h-full", ":class": "$store.layout.mobile && 'w-screen'" do %>
+            <%= content_for?(:main) ? yield(:main) : yield %>
+          <% end %>
         <% end %>
+      <% else %>
+        <div id="app-main" class="w-screen h-full overflow-hidden">
+          <%= content_for?(:main) ? yield(:main) : yield %>
+        </div>
       <% end %>
+      
+      <div class="absolute opacity-0 bg-black inset-0 top-[39px] z-[-1] transition-opacity" x-bind:class="($store.layout.mobile && !sidebarHidden) && '!opacity-30 !z-[1000]'" data-cloak></div>
 
-      <% layout.with_pane id: "app-main", class: "overflow-hidden h-full", ":class": "$store.layout.mobile && 'w-screen'" do %>
-        <%= content_for?(:main) ? yield(:main) : yield %>
+      <% if content_for? :dropdowns %>
+        <div class="hidden">
+          <%= content_for :dropdowns -%>
+        </div>
       <% end %>
-    <% end %>
-    
-  <% else %>
-    <div id="app-main" class="w-screen h-full overflow-hidden">
+    </div>
+  <% elsif request_frame == "main" %>
+    <div id="app-main">
       <%= content_for?(:main) ? yield(:main) : yield %>
     </div>
   <% end %>
-  <div class="absolute opacity-0 bg-black inset-0 top-[39px] z-[-1] transition-opacity" :class="($store.layout.mobile && !sidebarHidden) && '!opacity-30 !z-40'" data-cloak></div>
 <% end %>
 
-<%= render template: "layouts/lookbook/shell" %>
+<% if frame_request? %>
+  <%= yield :body %>
+<% else %>
+  <%= render template: "layouts/lookbook/skeleton" %>
+<% end %>
+

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

@@ -0,0 +1,34 @@
+<% content_for :body do %>
+  <% if request_frame == "root" %>
+    <div
+      id="app"
+      x-data="app"
+      x-cloak
+      x-on:popstate.window="handleNavigation"
+      x-on:click.document="hijax"
+      class="overflow-hidden">
+      
+      <%= render "lookbook/partials/user_styles" %>
+
+      <div id="app-main" class="contents">
+        <%= content_for?(:main) ? yield(:main) : yield %>
+      </div>
+    </div>
+
+    <% if content_for? :dropdowns %>
+      <div class="hidden">
+        <%= content_for :dropdowns -%>
+      </div>
+    <% end %>
+  <% elsif request_frame == "main" %>
+    <div id="app-main">
+      <%= content_for?(:main) ? yield(:main) : yield %>
+    </div>    
+  <% end %>    
+<% end %>
+
+<% if frame_request? %>
+  <%= yield :body %>
+<% else %>
+  <%= render template: "layouts/lookbook/skeleton" %>
+<% end %>

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

@@ -5,8 +5,10 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 
-  <link href="<%= asset_path("/css/lookbook.css") %>" rel="stylesheet">
-  <link href="<%= asset_path("/css/themes/#{@config.ui_theme}.css") %>" rel="stylesheet">
+  <%= csrf_meta_tags %>
+
+  <link href="<%= lookbook_asset_path("/css/lookbook.css") %>" rel="stylesheet">
+  <link href="<%= lookbook_asset_path("/css/themes/#{@config.ui_theme}.css") %>" rel="stylesheet">
 
   <%- if @theme_overrides.present? %>
     <style media="all">
@@ -14,15 +16,9 @@
     </style>
   <% end %>
 
-  <% if @config.ui_favicon == true %>
-    <link
-      rel="icon"
-      href="data:image/svg+xml,%3Csvg width='96' height='84' viewBox='0 0 96 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M96 0v84H0V0h96Z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M71.897 0a1.5 1.5 0 0 1 1.31.769l22.605 40.5a1.5 1.5 0 0 1 0 1.462l-22.605 40.5a1.5 1.5 0 0 1-1.31.769H49.481a1 1 0 0 1-.873-1.487L70.812 42.73a1.5 1.5 0 0 0 0-1.462L48.608 1.487A1 1 0 0 1 49.481 0ZM24.655.564l22.72 40.705a1.5 1.5 0 0 1 0 1.462l-22.72 40.705a1 1 0 0 1-1.746 0L.19 42.73a1.5 1.5 0 0 1 0-1.462L22.91.564a1 1 0 0 1 1.746 0Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)'%3E%3Cpath fill='<%= url_encode theme.favicon_dark_mode %>' d='M0 0h96v84H0V0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"
-      media="(prefers-color-scheme: dark)">
-    <link
-      rel="icon"
-      href="data:image/svg+xml,%3Csvg width='96' height='84' viewBox='0 0 96 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M96 0v84H0V0h96Z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M71.897 0a1.5 1.5 0 0 1 1.31.769l22.605 40.5a1.5 1.5 0 0 1 0 1.462l-22.605 40.5a1.5 1.5 0 0 1-1.31.769H49.481a1 1 0 0 1-.873-1.487L70.812 42.73a1.5 1.5 0 0 0 0-1.462L48.608 1.487A1 1 0 0 1 49.481 0ZM24.655.564l22.72 40.705a1.5 1.5 0 0 1 0 1.462l-22.72 40.705a1 1 0 0 1-1.746 0L.19 42.73a1.5 1.5 0 0 1 0-1.462L22.91.564a1 1 0 0 1 1.746 0Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)'%3E%3Cpath fill='<%= url_encode theme.favicon_light_mode %>' d='M0 0h96v84H0V0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"
-      media="(prefers-color-scheme: light)">
+  <% unless @config.ui_favicon == false %>
+    <link rel="icon" href="<%= @config.ui_favicon_dark %>" media="(prefers-color-scheme: dark)">
+    <link rel="icon" href="<%= @config.ui_favicon_light %>" media="(prefers-color-scheme: light)">
   <% end %>
 
   <script>
@@ -32,15 +28,20 @@
     window.SOCKET_PATH = "<%= @engine.websocket.full_mount_path %>";
     <% end %>
   </script>
+
+  <script src="<%= lookbook_asset_path("/js/index.js") %>" defer></script>  
   
-  <script src="<%= asset_path("/js/lookbook.js") %>" defer></script>
-  <% if params[:lookbook_embed] %>
-    <script src="<%= asset_path("/js/embed.js") %>" defer></script>
+  <% if @embed %>
+    <%= render "lookbook/partials/iframe_content_scripts" %>
+  <% else %>
+    <script src="<%= lookbook_asset_path("/js/lookbook.js") %>" defer></script>
   <% end %>
   
+  <%= content_for :scripts %>
+  
   <title><%= [@title, @config.project_name || "Lookbook"].compact.join(" :: ") %></title>
 </head>
 <body>
-  <%= yield :body %>
+  <%= content_for?(:body) ? yield(:body) : yield %>
 </body>
 </html>

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

@@ -0,0 +1,12 @@
+<%= lookbook_render "embed/inspector",
+  target: @target,
+  scenarios: @scenario_choices,
+  panels: @panels,
+  actions: @actions,
+  options: @options,
+  context: {
+    data: @inspector_data,
+    params: @passed_params,
+    dynamic_display_options: @dynamic_display_options,
+    static_display_options: @static_display_options
+  } %>