lookbook 2.3.1 → 3.0.0.alpha.1

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

@@ -1,32 +0,0 @@
-module Lookbook
-  module WithPreviewControllerConcern
-    extend ActiveSupport::Concern
-
-    def preview_controller
-      @_preview_controller ||= begin
-        # In order to get URL helpers working correctly in the preview,
-        # the request needs to look like it's coming from the host app,
-        # not the Lookbook engine. So we try to get the controller and action
-        # for the root path and use that as the 'fake' request context instead.
-        path_parameters = begin
-          request_path = main_app.respond_to?(:root_path) ? main_app.root_path : "/"
-          Rails.application.routes.recognize_path(request_path)
-        rescue
-          # Fix for authenticated devise paths
-          if main_app.respond_to?(:new_user_session_path)
-            Rails.application.routes.recognize_path(main_app.new_user_session_path)
-          end
-        end
-
-        preview_request = request.clone
-        preview_request.path_parameters = path_parameters if path_parameters.present?
-
-        controller = Engine.preview_controller.new
-        controller.request = preview_request
-        controller.response = response
-
-        controller
-      end
-    end
-  end
-end

data/app/controllers/lookbook/inspector_controller.rb

@@ -1,18 +0,0 @@
-module Lookbook
-  class InspectorController < Lookbook::ApplicationController
-    include TargetableConcern
-    include WithPanelsConcern
-    include WithPreviewControllerConcern
-
-    def self.controller_path
-      "lookbook/inspector"
-    end
-
-    def show
-      raise_not_found("Preview not found") unless @target
-
-      @main_panels = main_panels
-      @drawer_panels = drawer_panels
-    end
-  end
-end

data/app/controllers/lookbook/page_controller.rb

@@ -1,30 +0,0 @@
-require "rails/application_controller"
-
-module Lookbook
-  class PageController < Rails::ApplicationController
-    helper UiElementsHelper
-    helper PageHelper
-
-    Lookbook.config.page_paths.each do |path|
-      prepend_view_path Rails.root.join(path)
-    end
-
-    def render_page(page, locals = {})
-      @page = page
-      @pages = Engine.pages
-      @next_page = @pages.next(@page)
-      @previous_page = @pages.previous(@page)
-
-      content = ActionViewConfigHandler.call do
-        render_to_string inline: @page.content, locals: {
-          page: @page,
-          next_page: @next_page,
-          previous_page: @previous_page,
-          pages: @pages
-        }
-      end
-
-      @page.markdown? ? MarkdownRenderer.call(content) : content
-    end
-  end
-end

data/app/controllers/lookbook/preview_controller.rb

@@ -1,45 +0,0 @@
-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/helpers/lookbook/application_helper.rb

@@ -1,27 +0,0 @@
-module Lookbook
-  module ApplicationHelper
-    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 lookbook_landing_path
-      landing = Engine.pages.find(&:landing?) || Engine.pages.first
-      if landing.present?
-        lookbook_page_path landing.lookup_path
-      else
-        lookbook_home_path
-      end
-    end
-
-    # 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/lookbook/embeds/show.html.erb

@@ -1,12 +0,0 @@
-<%= 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
-  } %>

data/app/views/lookbook/errors/default.html.erb

@@ -1,40 +0,0 @@
-<div class="bg-red-50 h-[calc(100vh_-_40px)] w-full overflow-y-auto">
-  <div>
-    <header class="px-8 py-6">
-      <h2 class="text-xl font-bold text-red-700"><%= @error.type %></h2>
-    </header>
-
-    <div class="px-8 py-6 mb-8 border-t border-b border-red-200 bg-red-100 text-base leading-relaxed">
-      <pre class="whitespace-pre-wrap font-ui leading-tight text-red-900"><%= @error.message %></pre>
-    </div>
-
-    <% if @error.file_path %>
-      <div class="text-sm mx-8 mb-3 font-mono">
-        <span><%= @error.relative_file_path %></span>
-        <% if @error.line_number %>
-          <span>[line <strong><%= @error.line_number %></strong>]</span>
-        <% end %>
-      </div>
-
-      <div class="px-8">
-        <%= lookbook_render :file_source,
-          file_path: @error.file_path,
-          highlight_lines: [@error.line_number],
-          lines_around_highlight: 5,
-          source: @error.source,
-          class: "border border-red-200" %>
-      </div>
-    <% end %>
-
-    <h3 class="font-bold mb-2 px-8 py-2 mt-8">Full stack trace:</h3>
-    <div class="text-xs font-mono w-full overflow-auto">
-      <div class="px-8 pb-10 text-gray-400 leading-relaxed whitespace-nowrap">
-        <% @error.backtrace.each do |line| %>
-          <div class="hover:text-gray-900 transition-colors duration-100">
-            <%= line %>
-          </div>
-        <% end %>
-      </div>
-    </div>
-  </div>
-</div>

data/app/views/lookbook/errors/not_found.html.erb

@@ -1,10 +0,0 @@
-<%= render "lookbook/partials/blank_slate" do %>
-  <%= lookbook_render :message,
-      id: "not-found-message",
-      title: @error.message,
-      icon: :file_x,
-      icon_position: :right,
-      theme: :error do %>
-      <%= @error.detail || "It may have been moved or deleted." %>
-    <% end %>
-<% end %>

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

@@ -1,40 +0,0 @@
-<% 
-sidebar_panels_config = @config.preview_inspector.sidebar_panels.map(&:to_sym)
-%>
-
-<%= render "lookbook/partials/blank_slate" do %>
-  <% if @blank_slate %>
-    <%= lookbook_render :message,
-      id: "welcome-message",
-      title: "Welcome to your Lookbook!",
-      icon: :logo do %>
-      <p>
-        There isn't much to see yet<% if sidebar_panels_config.any? %>, but<% end %>
-        <% if sidebar_panels_config.include?(:previews) %>
-          <%= link_to "component previews",
-            "#{@config.links.docs}/guide/previews",
-            target: "_blank"
-          %>  
-        <% end %>
-        <% if sidebar_panels_config.many? %>and<% end %>
-        <% if sidebar_panels_config.include?(:pages) %>
-          <%= link_to "content pages",
-            "#{@config.links.docs}/guide/pages",
-            target: "_blank"
-          %>
-        <% end %>
-        <% if sidebar_panels_config.any? %>
-          will show up here as soon as they are added.
-        <% end %>
-      </p>
-    <% end %>
-  <% else %>
-    <%= lookbook_render :message,
-      id: "get-started-message",
-      title: @config.project_name,
-      icon: :inspect,
-      icon_position: :right do %>
-      <p>Select a preview from the nav to get started.</p>
-    <% end %>
-  <% end %>
-<% end %>

data/app/views/lookbook/inspector/inputs/_color.html.erb

@@ -1,6 +0,0 @@
-<%= text_field_tag(name, value,
-  **input_options,
-  type: "color",
-  "x-on:change.stop": "",
-  "x-on:blur": "value = $el.value",
-) %>

data/app/views/lookbook/inspector/inputs/_range.html.erb

@@ -1,15 +0,0 @@
-<div class="w-full flex items-center pt-2">
-  <div class="flex-none px-2 opacity-60">
-    <%= input_options[:min] %>
-  </div>
-  <div class="w-full px-2">
-    <%= text_field_tag(name, value,
-      **input_options,
-      type: "range",
-      "x-model.throttle.300ms": "value"
-    ) %>
-  </div>
-  <div class="flex-none px-2 opacity-60">
-    <%= input_options[:max] %>
-  </div>
-</div>

data/app/views/lookbook/inspector/inputs/_text_two_step.html.erb

@@ -1,19 +0,0 @@
-<div x-data="{changed: false, applyChange(){ this.value = this.$refs.input.value; this.changed = false; }}">
-
-  <div x-on:change.stop="changed = ($event.target.value !== value)" class="flex items-center gap-2">
-    <%= text_field_tag(name, value,
-      **input_options,
-      type: input,
-      class: "flex-grow",
-      "x-ref": "input",
-      "x-on:keydown.enter.stop": "applyChange"
-    ) %>
-
-    <%= lookbook_render :button,
-      icon: :check,
-      tooltip: "Apply changes",
-      class: "flex-none !bg-lookbook-button-bg hover:!bg-lookbook-button-bg-hover rounded-md !text-lookbook-button-text",
-      "x-show": "changed",
-      "x-on:click": "applyChange" %>
-  </div>
-</div>

data/app/views/lookbook/inspector/inputs/_toggle.html.erb

@@ -1,20 +0,0 @@
-<%
-button_classes = [
-  "relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full
-    cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2
-    focus:ring-offset-2 focus:ring-input-border-focus",
-  value == "true" ? "bg-lookbook-input-toggle-active" : "bg-lookbook-input-toggle"
-]
-span_classes = [
-  "pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition ease-in-out duration-200",
-  value == "true" ? "translate-x-5" : "translate-x-0"
-]
-%>
-
-<%= tag.button **input_options,
-  class: class_names(button_classes),
-  role: "switch",
-  type: "button",
-  "x-on:click.stop": "value = value == 'true' ? 'false' : 'true'", escape: false do %>
-  <%= tag.span "aria-hidden": true, class: class_names(span_classes) %>
-<% end %>

data/app/views/lookbook/inspector/panels/_content.html.erb

@@ -1,13 +0,0 @@
-<div class="p-4 bg-lookbook-prose-bg h-full">
-  <% if panel.content.present? %>
-    <%= lookbook_render :prose, markdown: true do %>
-      <%== panel.content %>
-    <% end %>
-  <% else %>
-    <% if Rails.env.development? %>
-      <%= lookbook_render :prose do %>
-        <em class='opacity-50'>No content has been defined for this panel.</em>
-      <% end %>
-    <% end %>
-  <% end %>
-</div>

data/app/views/lookbook/inspector/panels/_notes.html.erb

@@ -1,19 +0,0 @@
-<% items = scenarios.select { |scenario| scenario.notes.present? } %>
-<% if items.many? %>
-  <div class="divide-y divide-dashed divide-lookbook-divider bg-lookbook-prose-bg h-full w-full">
-    <% items.each do |item| %>
-      <div class="p-4 relative">
-        <h6 class="italic font-mono mb-4 opacity-40">
-          # <%= item.label %>
-        </h6>
-        <%= lookbook_render :prose, content: item.notes %>
-      </div>
-    <% end %>
-  </div>
-<% else %>
-  <div class="p-4 w-full h-full bg-lookbook-prose-bg">
-    <%= lookbook_render :prose do %>
-      <%== items.any? ? items.first.notes : "<em class='opacity-50'>No notes provided.</em>" %>
-    <% end %>
-  </div>
-<% end %>

data/app/views/lookbook/inspector/panels/_source.html.erb

@@ -1,11 +0,0 @@
-<div class="h-full">
-  <% if scenarios.many? %>
-    <%= lookbook_render :code, language: scenarios.first.source_lang[:name], line_numbers: true, full_height: true do -%>
-<%- scenarios.each.with_index(1) do |scenario, i| -%>
-<%== "#{sprintf scenario.source_lang[:comment], scenario.label}\n#{scenario.source}\n#{"\n" if i < scenarios.size}" %><% end %>
-    <% end %>
-  <% else %>
-    <% scenario = scenarios.first %>
-    <%= lookbook_render :code, language: scenario.source_lang[:name], line_numbers: true, full_height: true do %><%== scenario.source %><% end %>
-  <% end %>
-</div>

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

@@ -1,169 +0,0 @@
-<main class="h-[calc(100vh_-_2.5rem)]">
-  <%= lookbook_render :split_layout,
-    id: "inspector",
-    alpine_data: "$store.layout.inspector",
-    ":class": "($store.inspector.drawer.hidden || #{@drawer_panels.none?}) && '!grid-rows-[1fr] !grid-cols-[1fr]'",
-    data: {
-      "preview-target": @target.id
-    } do |layout| %>
-
-    <%= layout.with_pane class: "flex flex-col h-full overflow-hidden",
-      "x-effect": "forceOrientation = (layoutWidth < $store.inspector.minVerticalSplitWidth) ? 'horizontal' : null" do %>
-    
-      <%= lookbook_render :toolbar, id: "main-toolbar" do |toolbar| %>
-        <% toolbar.with_section ":class": "layoutResizing && 'overflow-hidden'" do %>
-          <%= lookbook_render :tabs, alpine_data: "$store.inspector.main", id: "inspector-tabs-main" do |tabs| %>
-            <%= @main_panels.each do |panel| %>
-              <% tabs.with_tab name: panel.name,
-                label: panel.label,
-                hotkey: panel.hotkey,
-                disabled: panel.disabled %>
-            <% end %>
-          <% end %>
-        <% end %>
-
-        <% toolbar.with_section align: :right, class: "flex-none" do %>
-          <% if @dynamic_display_options.any? %>
-            <%= lookbook_render "display_options/editor" do |editor| %>
-              <% @dynamic_display_options.each do |key, opts| %>
-                <% editor.with_field name: key, opts: opts, value: @static_display_options[key] %>
-              <% end %>
-            <% end %>
-          <% end %>
-        <% end %>
-
-        <% toolbar.with_section divide: :left, class: "flex-none relative z-10" do %>
-          <%= lookbook_render :button_group do |group| %>
-            <% if @engine.preview_embeds_allowed? %>
-              <%= group.with_button id: "embed-generator-dropdown-button", icon: :code_2, tooltip: "Get embed code" do |button| %>
-                <% button.with_dropdown.with_content(lookbook_render :embed_code_dropdown,
-                  pages: @pages,
-                  preview: @preview,
-                  target: @target,
-                  params: request.query_parameters,
-                  policy: @config.preview_embeds.policy
-                ) %>
-              <% end %>
-            <% end %>
-            <% group.with_button id: "copy-preview-url-button",
-              icon: :link,
-              tooltip: "Copy preview URL",
-              copy: true do %>
-              <%= lookbook_inspect_url(@target.lookup_path, request.query_parameters) %>
-            <% end %>
-            
-            <% group.with_button id: "refresh-preview-button",
-              icon: :refresh_cw,
-              tooltip: "Refresh preview",
-              "x-on:click.stop": "startSpin(); $dispatch('viewport:reload'); stopSpin(500);" %>
-
-            <% group.with_button id: "open-preview-button",
-              icon: :external_link,
-              href: lookbook_preview_path(@target.lookup_path, request.query_parameters),
-              tooltip: "Open preview in new window",
-              target: "_blank" %>
-
-            <% group.with_button id: "show-vertical-drawer-button",
-              icon: "sidebar",
-              tooltip: "Show drawer",
-              "x-on:click": "$store.inspector.drawer.hidden = false",
-              class: "rotate-180",
-              "x-show": "$store.inspector.drawer.hidden && vertical",
-              cloak: true %>
-
-            <% group.with_button id: "show-bottom-drawer-button",
-              icon: "credit-card",
-              tooltip: "Show drawer",
-              "x-on:click": "$store.inspector.drawer.hidden = false",
-              class: "rotate-180",
-              "x-show": "$store.inspector.drawer.hidden && !vertical",
-              cloak: true %>
-          <% end %>
-        <% end %>
-      <% end %>
-
-      <div class="h-full relative overflow-auto">
-        <%= lookbook_render :tab_panels, alpine_data: "$store.inspector.main", id: "inspector-panels-main" do |tabs| %>
-          <% @main_panels.each do |panel| %>
-            <% tabs.with_panel name: panel.name do %>
-              <%= lookbook_render :inspector_panel, name: panel.name do %>
-                <%= render panel.partial, **@inspector_data, panel: panel, **panel.locals %>
-              <% end %>
-            <% end %>
-          <% end %>
-        <% end %>
-      </div>
-    <% end %>
-
-    <%= layout.with_pane class: "flex flex-col h-full overflow-hidden bg-lookbook-drawer-bg",
-      "x-show": "!$store.inspector.drawer.hidden && #{@drawer_panels.any?}" do %>
-
-      <%= lookbook_render :toolbar, id: "drawer-toolbar" do |toolbar| %>
-        <% toolbar.with_section ":class": "layoutResizing && 'overflow-hidden'" do %>
-          <%= lookbook_render :tabs, alpine_data: "$store.inspector.drawer", id: "inspector-tabs-drawer" do |tabs| %>
-            <%= @drawer_panels.each do |panel| %>
-              <% tabs.with_tab name: panel.name,
-                label: panel.label,
-                hotkey: panel.hotkey,
-                disabled: panel.disabled %>
-            <% end %>
-          <% end %>
-        <% end %>
-
-        <% toolbar.with_section align: :right,  class: "flex-none relative z-10" do %>
-          <%= lookbook_render :button_group do |group| %>
-            <%= @drawer_panels.select { |p| !p.disabled && p.copy }.each do |panel| %>
-              <% group.with_button id: "copy-panel-contents-button",
-                icon: :copy,
-                tooltip: "Copy panel contents",
-                copy: !!panel.copy,
-                "x-show": "$store.inspector.drawer.activeTab === '#{panel.name}'",
-                cloak: true do %>
-                <%= panel.copy ? panel.copy : "" %>
-                <% end %>
-            <% end %>  
-          <% end %>
-        <% end %>
-
-        <% toolbar.with_section divide: :left, class: "flex-none relative z-10" do %>
-          <%= lookbook_render :button_group do |group| %>
-
-            <% group.with_button id: "drawer-to-right-button",
-              icon: :sidebar_open,
-              tooltip: "Pin drawer on right",
-              "x-on:click": "switchOrientation",
-              "x-show": "horizontal",
-              ":class": "{'pointer-events-none opacity-50 !cursor-not-allowed': horizontal && layoutWidth <= $store.inspector.minVerticalSplitWidth}",
-              cloak: true %>
-
-            <% group.with_button id: "drawer-to-bottom-button",
-              icon: :sidebar_open,
-              tooltip: "Pin drawer on bottom",
-              "x-on:click": "switchOrientation",
-              "x-show": "vertical",
-              class: "rotate-90",
-              cloak: true %>
-
-            <% group.with_button id: "hide-drawer-button",
-              icon: :x_circle,
-              tooltip: "Hide drawer",
-              "x-on:click": "$store.inspector.drawer.hidden = true",
-              cloak: true %>
-          <% end %>
-        <% end %>
-      <% end %> 
-
-      <div class="h-full overflow-auto">
-        <%= lookbook_render :tab_panels, alpine_data: "$store.inspector.drawer", id: "inspector-panels-drawer" do |tabs| %>
-          <% @drawer_panels.each do |panel| %>
-            <% tabs.with_panel name: panel.name do %>
-              <%= lookbook_render :inspector_panel, name: panel.name do %>
-                <%= render panel.partial, **@inspector_data, panel: panel, **panel.locals %>
-              <% end %>
-            <% end %>
-          <% end %>
-        <% end %>
-      </div>
-    <% end %>
-  <% end %>
-</main>

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

@@ -1,98 +0,0 @@
-<main
-  class="h-[calc(100vh_-_40px)]"
-  x-data="{}"
-  @navigation:complete.window="$refs.scroller.scrollTop = 0">
-  <div id="page" class="h-full bg-lookbook-page-bg relative">
-    <div class="overflow-auto scroll-smooth w-full max-h-full pb-12" x-ref="scroller">
-      <div class="h-full flex flex-col">
-        <% if @page.header? %>
-          <header id="page-header"
-            class="px-4 md:px-10 mb-8 pt-8 md:pt-10 lg:pt-12 pb-6 lg:pb-8 lg:mb-9 bg-lookbook-page-header-bg border-b border-lookbook-page-header-border relative">
-            <div class="w-full max-w-screen-lg mx-auto">
-              <%= lookbook_render :prose, size: :md, markdown: false, class: "bg-transparent max-w-none flex-none" do %>
-                <h1 class="text-lookbook-page-header-text"><%= @page.title %></h1>
-              <% end %>
-            </div>
-            <% unless @error %>
-              <div class="absolute top-0 right-0 pt-1 pr-0 pl-1 pb-1 rounded-bl-md">
-                <div class="bg-transparent opacity-90 absolute inset-0 w-full h-full z-0"></div>
-                <div class="relative z-10 flex items-center scale-75 -mt-1 -mr-1.5 md:scale-100 md:mt-0 md:-mr-[2px]">
-
-                <% if @previous_page %>
-                  <%= lookbook_render :icon_button,
-                    size: :lg,
-                    icon: :chevron_left,
-                    tooltip: "Previous page",
-                    href: lookbook_page_path(@previous_page.lookup_path),
-                    class: "pr-0.5 bg-transparent" %>
-                <% else %>
-                  <%= lookbook_render :icon_button,
-                    size: :lg,
-                    icon: :chevron_left,
-                    disabled: true,
-                    class: "opacity-50 !cursor-default pr-0.5 bg-transparent" %>
-                <% end %>
-
-                <% if @next_page %>
-                  <%= lookbook_render :icon_button,
-                    size: :lg,
-                    icon: :chevron_right,
-                    tooltip: "Next page",
-                    href: lookbook_page_path(@next_page.lookup_path),
-                    class: "pl-0.5 bg-transparent" %>
-                <% else %>
-                  <%= lookbook_render :icon_button,
-                    size: :lg,
-                    icon: :chevron_right,
-                    disabled: true,
-                    class: "opacity-50 !cursor-default pl-0.5 bg-transparent" %>
-                <% end %>
-                </div>
-              </div>
-            <% end %>
-          </header>
-        <% end %>
-
-        <div class="px-4 md:px-10 min-h-[calc(100vh_-_400px)]">
-          <div class="w-full max-w-screen-lg mx-auto">
-            <%= lookbook_render :prose, size: :md, id: "page-content", markdown: false, class: "max-w-none flex-none" do %>
-              <%= @page_content %>
-            <% end %>
-
-            <% if @page.sections.any? %>
-              <%= lookbook_render :page_tabs, id: "page-tabbed-sections", markdown: false, class: "mt-6 lg:mt-8" do |page_tabs| %>
-                <% @page.sections.each do |section| %>
-                  <% page_tabs.with_tab name: "page-section-#{section.name}", label: section.label do %>
-                    <%= page_controller.render_page(section) %>
-                  <% end %>
-                <% end %>
-              <% end %>
-            <% end %>
-          </div>
-        </div>
-
-        <% if @page.footer? && @pages.many? %>
-          <footer id="page-footer" class="mt-12 lg:mt-16 px-4 md:px-10">
-          <div class=" border-t border-gray-300 w-full max-w-screen-lg mx-auto pt-8 pb-10 flex items-center justify-between ">
-            <% if @previous_page %>
-              <a href="<%= lookbook_page_path @previous_page.lookup_path %>"
-                class="flex items-center flex-none max-w-[40%] overflow-hidden">
-                <%= icon  :arrow_left, size: 4, class: "hover:text-indigo-800" %>
-                <span class="ml-2 underline truncate"><%= @previous_page.title %></span>
-              </a>
-            <% end %>
-
-            <% if @next_page %>
-              <a href="<%= lookbook_page_path @next_page.lookup_path %>"
-                class="flex items-center flex-none ml-auto max-w-[40%] overflow-hidden">
-                <span class="mr-2 underline truncate"><%= @next_page.title %></span>
-                <%= icon  :arrow_right, size: 4, class: "hover:text-indigo-800" %>
-              </a>
-            <% end %>
-          </div>
-          </footer>
-        <% end %>
-      </div>
-    </div>
-  </div>
-</main>

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

@@ -1,7 +0,0 @@
-<div class="flex justify-center w-full h-full bg-checked">
-  <div class="px-4 py-6 xs:py-8 sm:p-8 md:p-12">
-    <div class="w-full xs:w-auto xs:mx-auto xs:min-w-[440px] xs:max-w-[680px]">
-      <%= yield %>
-    </div>
-  </div>
-</div>

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

@@ -1 +0,0 @@
-<script src="<%= lookbook_asset_path("/js/iframe.js") %>" defer></script>

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

@@ -1,5 +0,0 @@
-<% if content_for? :user_styles %>
-  <style media="all" id="user-styles">
-    <%= content_for :user_styles -%>
-  </style>
-<% end %>