arclight 0.0.1 → 1.6.2

data/app/components/arclight/collection_sidebar_component.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Draw the links to the collection info in the sidebar
+  class CollectionSidebarComponent < ViewComponent::Base
+    def initialize(document:, partials:, collection_presenter:)
+      super()
+
+      @document = document
+      @partials = Array(partials)
+      @collection_presenter = collection_presenter
+    end
+
+    attr_reader :document, :partials, :collection_presenter
+
+    def has_section?(section)
+      # Access field data comes from repositories.yml not from solr, so handle it in a different way.
+      return true if section == :access_field
+
+      collection_presenter.with_field_group(section).fields_to_render.any?
+    end
+
+    def document_section_path(section)
+      [document_path, section_anchor(section)].join
+    end
+
+    def section_label(section)
+      t("arclight.views.show.sections.#{section}")
+    end
+
+    def document_path
+      @document_path ||= solr_document_path(document.root)
+    end
+
+    def section_anchor(section)
+      "##{t("arclight.views.show.sections.#{section}").parameterize}"
+    end
+  end
+end

data/app/components/arclight/constraints_component.html.erb

@@ -0,0 +1,7 @@
+<% if repository %>
+  <div class="al-repository-card">
+    <%= render repository %>
+  </div>
+<% end %>
+
+<%= render Blacklight::ConstraintsComponent.new(**@kwargs) %>

data/app/components/arclight/constraints_component.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Extend the upstream constraints with breadcrumbs and
+  # repository context information
+  class ConstraintsComponent < Blacklight::ConstraintsComponent
+    def initialize(**kwargs)
+      super
+
+      @kwargs = kwargs
+    end
+
+    def repository
+      @repository ||= helpers.repository_faceted_on
+    end
+  end
+end

data/app/components/arclight/document_collection_context_component.html.erb

@@ -0,0 +1,29 @@
+<%= tag.tr(
+  id: @document.id,
+  data: {
+    'document-id': @document.id.to_s.parameterize,
+    'document-counter': @counter,
+  },
+  itemscope: true,
+  itemtype: @document.itemtype,
+  class: classes.join(' ')) do %>
+  <td data-document-id="<%= document.id %>">
+    <div class="index_title document-title-heading" data-turbo="false">
+      <%= helpers.link_to_document document, counter: @counter %>
+      <% if document.children? %>
+        <span class="badge badge-pill bg-secondary badge-secondary al-number-of-children-badge"><%= document.number_of_children %><span class="sr-only visually-hidden"><%= t(:'arclight.views.index.number_of_components', count: document.number_of_children) %></span></span>
+      <% end %>
+    </div>
+  </td>
+
+    <%= tag.td class: 'text-muted' do %>
+      <%= document.containers.join(', ') %>
+    <% end %>
+
+    <%= tag.td class: 'text-end' do %>
+    <%= helpers.render_index_doc_actions document, wrapping_class: 'd-inline-flex justify-content-end' %>
+    <% end %>
+  </div>
+
+  <%= render Arclight::IndexMetadataFieldComponent.with_collection(@presenter&.field_presenters.select { |field| field.field_config.collection_context }, classes: ['col pl-0 my-0']) %>
+<% end %>

data/app/components/arclight/document_collection_context_component.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Display a single document in the collection
+  class DocumentCollectionContextComponent < Arclight::SearchResultComponent
+    # @param [SolrDocument] document
+    def initialize(document: nil, blacklight_config: nil, **kwargs)
+      super(document: document, **kwargs)
+      @blacklight_config = blacklight_config
+    end
+
+    attr_reader :blacklight_config
+
+    def classes
+      (super - ['row'] + ['al-collection-context']).flatten
+    end
+
+    private
+
+    def online_status
+      render online_status_component.new(document: @document)
+    end
+
+    def online_status_component
+      blacklight_config.show.online_status_component || Arclight::OnlineStatusIndicatorComponent
+    end
+  end
+end

data/app/components/arclight/document_collection_hierarchy_component.html.erb

@@ -0,0 +1,50 @@
+<%= content_tag :li,
+  id: "#{@document.id}-hierarchy-item",
+  data: {
+    'document-id': @document.id.to_s.parameterize,
+    'document-counter': @counter,
+  },
+  itemscope: true,
+  itemtype: @document.itemtype,
+  class: (classes.flatten + ['al-collection-context', ('al-hierarchy-highlight' if current_target?)].compact).join(' ') do %>
+  <div class="documentHeader" data-document-id="<%= document.id %>">
+    <% if document.children? %>
+      <%= link_to('',
+          "#collapsible-hierarchy-#{document.id}",
+          class: "al-toggle-view-children#{ ' collapsed' unless show_expanded?}",
+          aria: {
+            label: t('arclight.hierarchy.view_all'),
+            expanded: show_expanded?
+          },
+          data: {
+            bs_toggle: 'collapse',
+            toggle: 'collapse'
+          }
+        )
+      %>
+    <% end %>
+    <div class="index_title document-title-heading" data-turbo="false">
+      <% if current_target? %>
+        <%= document.normalized_title %>
+      <% else %>
+        <%= helpers.link_to_document document, counter: @counter %>
+      <% end %>
+      <% if document.children? %>
+        <span class="badge badge-pill bg-secondary badge-secondary al-number-of-children-badge"><%= document.number_of_children %><span class="sr-only visually-hidden"><%= t(:'arclight.views.index.number_of_components', count: document.number_of_children) %></span></span>
+      <% end %>
+      <%= online_status %>
+    </div>
+    <%= content_tag('div', class: 'al-document-container text-muted') do %>
+      <%= document.containers.join(', ') %>
+    <% end if document.containers.present? %>
+  </div>
+  
+  <%= render Arclight::IndexMetadataFieldComponent.with_collection(@presenter&.field_presenters.select { |field| field.field_config.collection_context }, classes: ['col pl-0 my-0']) %>
+  <% if document.number_of_children > 0 %>
+    <%= content_tag(:div, id: "collapsible-hierarchy-#{document.id}",
+      class: "collapse al-collection-context-collapsible al-hierarchy-level-#{document.component_level} #{'show' if show_expanded?}"
+    ) do %>
+      <%= render Arclight::DocumentComponentsHierarchyComponent.new(document: @document, target_index: target_index) %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/arclight/document_collection_hierarchy_component.rb

@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Display a single document in the collection hierarchy
+  class DocumentCollectionHierarchyComponent < Arclight::SearchResultComponent
+    # @param [Blacklight::DocumentPresenter] document
+    # @param [String] nest_path determines which element to highlight
+    def initialize(document: nil, nest_path: nil, blacklight_config: nil, **kwargs)
+      super(document: document, **kwargs)
+      @nest_path = nest_path
+      @blacklight_config = blacklight_config
+    end
+
+    attr_reader :blacklight_config
+
+    def classes
+      super - ['row']
+    end
+
+    # we want to eager-load this document's children if we're in the
+    # target document's component hierarchy
+    def show_expanded?
+      within_original_tree?
+    end
+
+    # Solr nest paths are constructed using the path name and an index, e.g.
+    # `/components#5/components#3`.
+    #
+    # @return [String] the targeted index for this level of the hierarchy
+    def target_index
+      return -1 unless within_original_tree?
+
+      remaining_path = nest_path.sub("#{@document.nest_path}/", '')
+      current_component, _rest = remaining_path.split('/', 2)
+      _name, index = current_component.split('#', 2)
+
+      index&.to_i
+    end
+
+    private
+
+    # We're in the targeted document's original tree if the target nest path
+    # includes this document's path.
+    def within_original_tree?
+      nest_path&.start_with? "#{@document.nest_path}/"
+    end
+
+    def current_target?
+      nest_path == @document.nest_path
+    end
+
+    def online_status
+      render online_status_component.new(document: @document)
+    end
+
+    def online_status_component
+      blacklight_config.show.online_status_component || Arclight::OnlineStatusIndicatorComponent
+    end
+
+    attr_reader :nest_path
+  end
+end

data/app/components/arclight/document_component.html.erb

@@ -0,0 +1,39 @@
+<div class='d-md-flex justify-content-between al-show'>
+  <div class='al-show-breadcrumb'>
+    <nav aria-label="breadcrumb">
+      <%= render breadcrumb_component.new(presenter: presenter) %>
+    </nav>
+  </div>
+</div>
+
+<div class="title-container">
+  <%= content_tag :h1 do %>
+    <%= document.normalized_title %>
+  <% end %>
+  <%= render 'arclight/requests', document: document %>
+  <%= render Arclight::BookmarkComponent.new document: document, action: bookmark_config %>
+  <%= toggle_sidebar %>
+  <%= online_filter %>
+</div>
+
+<%= render Arclight::MetadataSectionComponent.with_collection(component_metadata_partials,
+             metadata_attr: { layout: Arclight::UpperMetadataLayoutComponent },
+             presenter: presenter) unless document.collection? %>
+
+<%= embed %>
+
+<% if document.collection? %>
+<div id="metadata">
+  <h2 class="sr-only visually-hidden"><%= t 'arclight.views.show.context' %></h2>
+  <%= render Arclight::MetadataSectionComponent.with_collection(metadata_partials,
+                metadata_attr: { layout: Arclight::UpperMetadataLayoutComponent },
+                presenter: presenter, heading: true) %>
+</div>
+<% elsif document.children? %>
+<div id="contents">
+  <h2 class="al-show-sub-heading"><%= t 'arclight.views.show.contents' %></h2>
+  <%= helpers.turbo_frame_tag "al-hierarchy-#{document.id}-document", loading: 'lazy', src: helpers.hierarchy_solr_document_path(id: document.id, paginate: true, key: '-document', per_page: 50) %>
+</div>
+<% end %>
+
+<%= access %>

data/app/components/arclight/document_component.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render a single document
+  class DocumentComponent < Blacklight::DocumentComponent
+    attr_reader :document
+
+    def online_content?
+      document.online_content? && (document.collection? || document.children?)
+    end
+
+    def blacklight_config
+      presenter.configuration
+    end
+
+    # @return [Blacklight::Configuration::ToolConfig] the configuration for the bookmark
+    def bookmark_config
+      blacklight_config.index.document_actions.arclight_bookmark_control
+    end
+
+    def breadcrumb_component
+      blacklight_config.show.breadcrumb_component || Arclight::BreadcrumbsHierarchyComponent
+    end
+
+    def metadata_partials
+      blacklight_config.show.metadata_partials || []
+    end
+
+    def component_metadata_partials
+      blacklight_config.show.component_metadata_partials || []
+    end
+
+    def online_filter
+      render Arclight::OnlineContentFilterComponent.new(document: document)
+    end
+
+    def access
+      render (blacklight_config.show.access_component || Arclight::AccessComponent).new(presenter: presenter)
+    end
+
+    def toggle_sidebar
+      button_tag(t('arclight.views.show.toggle_sidebar'),
+                 type: :button,
+                 class: 'btn btn-sm btn-secondary d-lg-none sidebar-toggle',
+                 data: { bs_toggle: 'offcanvas', bs_target: '#sidebar' },
+                 aria: { controls: 'sidebar' })
+    end
+  end
+end

data/app/components/arclight/document_components_hierarchy_component.html.erb

@@ -0,0 +1,20 @@
+<% if paginate? && @target_index >= 0 && @target_index >= @maximum_left_gap %>
+  <%# render the hierarchy as: outer (left) window ... window ... because our current document hierarchy is so far down the list it'd be buried %>
+  <%= helpers.turbo_frame_tag "al-hierarchy-#{@document.id}-left", loading: 'lazy', src: hierarchy_path(limit: @left_outer_window, key: '-left') %>
+  <%= tag.turbo_frame id: "al-hierarchy-#{@document.id}-gap" do %>
+    <%= render expand_hierarchy_component.new(path: hierarchy_path(offset: @left_outer_window, limit: @target_index - @left_outer_window - (@window / 2), key: '-gap')) %>
+  <% end %>
+  <%= helpers.turbo_frame_tag "al-hierarchy-#{@document.id}-window", src: hierarchy_path(offset: @target_index - (@window / 2), limit: @window, key: '-window') %>
+  <%= tag.turbo_frame id: "al-hierarchy-#{@document.id}-right" do %>
+    <%= render expand_hierarchy_component.new(path: hierarchy_path(offset: @target_index + (@window / 2), key: '-right')) %>
+  <% end %>
+<% elsif paginate? %>
+  <%# render the first N documents, and let the user expand the remaining if desired %>
+  <%= helpers.turbo_frame_tag "al-hierarchy-#{@document.id}-sidebar", loading: ('lazy' unless @target_index >= 0), src: hierarchy_path(limit: @maximum_left_gap, key: '-sidebar') %>
+  <%= tag.turbo_frame id: "al-hierarchy-#{@document.id}-right" do %>
+    <%= render expand_hierarchy_component.new(path: hierarchy_path(offset: @maximum_left_gap, key: '-right')) %>
+  <% end %>
+<% else %>
+  <%# there aren't enough to bother paginating, so load them all at once %>
+  <%= helpers.turbo_frame_tag "al-hierarchy-#{@document.id}-sidebar", loading: ('lazy' unless @target_index >= 0), src: hierarchy_path(key: '-sidebar') %>
+<% end %>

data/app/components/arclight/document_components_hierarchy_component.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Display a document's constituent components with appropriate lazy-loading
+  # to keep the page load time reasonable.
+  class DocumentComponentsHierarchyComponent < ViewComponent::Base
+    # rubocop:disable Metrics/ParameterLists
+    def initialize(document: nil, target_index: -1, minimum_pagination_size: 20, left_outer_window: 3, maximum_left_gap: 10, window: 10)
+      super()
+
+      @document = document
+      @target_index = target_index&.to_i || -1
+      @minimum_pagination_size = minimum_pagination_size
+      @left_outer_window = left_outer_window
+      @maximum_left_gap = maximum_left_gap
+      @window = window
+    end
+    # rubocop:enable Metrics/ParameterLists
+
+    def paginate?
+      @document.number_of_children > @minimum_pagination_size
+    end
+
+    def hierarchy_path(**kwargs)
+      helpers.hierarchy_solr_document_path(id: @document.id, hierarchy: true, nest_path: params[:nest_path], **kwargs)
+    end
+
+    def expand_hierarchy_component
+      blacklight_config.show.expand_hierarchy_component || Arclight::ExpandHierarchyButtonComponent
+    end
+
+    delegate :blacklight_config, to: :helpers
+  end
+end

data/app/components/arclight/document_download_component.html.erb

@@ -0,0 +1,24 @@
+<div class="al-show-actions-box-downloads-container">
+  <% case files.size %>
+  <% when 2 %>
+    <div class="dropdown">
+      <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+        <%= t("arclight.views.show.download.default") %>
+      </button>
+      <ul class="dropdown-menu">
+        <% files.each do |file| %>
+          <li><%= link_to(file.href, class: "dropdown-item", **@link_options) do %>
+            <%= icon_for(file.type) %> <%= dropdown_label(file) %>
+          <% end %>
+          </li>
+        <% end %>
+      </ul>
+    </div>
+  <% when 1 %>
+    <% files.each do |file| %>
+      <%= link_to(file.href, class: "btn btn-secondary btn-sm", **@link_options) do %>
+        <%= download_icon %> <%= label(file) %>
+      <% end %>
+    <% end %>
+  <% end %>
+</div>

data/app/components/arclight/document_download_component.rb

@@ -0,0 +1,71 @@
+# frozen_string_literal: true
+
+module Arclight
+  # ViewComponent for rendering a single document download link
+  class DocumentDownloadComponent < ViewComponent::Base
+    def initialize(downloads:, **kwargs)
+      super()
+
+      @downloads = downloads
+      @link_options = kwargs
+    end
+
+    attr_reader :downloads
+
+    delegate :files, to: :downloads
+
+    def render?
+      files.present?
+    end
+
+    # i18n-tasks-use t('arclight.views.show.download.multiple.pdf')
+    # i18n-tasks-use t('arclight.views.show.download.multiple.ead')
+    def dropdown_label(file)
+      t(file.type, scope: 'arclight.views.show.download.multiple')
+    end
+
+    # i18n-tasks-use t('arclight.views.show.download.single.pdf')
+    # i18n-tasks-use t('arclight.views.show.download.single.ead')
+    def label(file)
+      t(file.type, scope: 'arclight.views.show.download.single')
+    end
+
+    # From https://icons.getbootstrap.com/icons/download/
+    def download_icon
+      icon = <<~HTML
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
+          <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
+          <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
+        </svg>
+      HTML
+      icon.html_safe # rubocop:disable Rails/OutputSafety
+    end
+
+    # This is an extension point where one could configure a different icon per file type
+    def icon_for(type)
+      public_send("#{type}_icon")
+    end
+
+    # From https://icons.getbootstrap.com/icons/file-earmark-pdf/
+    def pdf_icon
+      icon = <<~HTML
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-pdf" viewBox="0 0 16 16">
+          <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+          <path d="M4.603 14.087a.81.81 0 0 1-.438-.42c-.195-.388-.13-.776.08-1.102.198-.307.526-.568.897-.787a7.68 7.68 0 0 1 1.482-.645 19.697 19.697 0 0 0 1.062-2.227 7.269 7.269 0 0 1-.43-1.295c-.086-.4-.119-.796-.046-1.136.075-.354.274-.672.65-.823.192-.077.4-.12.602-.077a.7.7 0 0 1 .477.365c.088.164.12.356.127.538.007.188-.012.396-.047.614-.084.51-.27 1.134-.52 1.794a10.954 10.954 0 0 0 .98 1.686 5.753 5.753 0 0 1 1.334.05c.364.066.734.195.96.465.12.144.193.32.2.518.007.192-.047.382-.138.563a1.04 1.04 0 0 1-.354.416.856.856 0 0 1-.51.138c-.331-.014-.654-.196-.933-.417a5.712 5.712 0 0 1-.911-.95 11.651 11.651 0 0 0-1.997.406 11.307 11.307 0 0 1-1.02 1.51c-.292.35-.609.656-.927.787a.793.793 0 0 1-.58.029zm1.379-1.901c-.166.076-.32.156-.459.238-.328.194-.541.383-.647.547-.094.145-.096.25-.04.361.01.022.02.036.026.044a.266.266 0 0 0 .035-.012c.137-.056.355-.235.635-.572a8.18 8.18 0 0 0 .45-.606zm1.64-1.33a12.71 12.71 0 0 1 1.01-.193 11.744 11.744 0 0 1-.51-.858 20.801 20.801 0 0 1-.5 1.05zm2.446.45c.15.163.296.3.435.41.24.19.407.253.498.256a.107.107 0 0 0 .07-.015.307.307 0 0 0 .094-.125.436.436 0 0 0 .059-.2.095.095 0 0 0-.026-.063c-.052-.062-.2-.152-.518-.209a3.876 3.876 0 0 0-.612-.053zM8.078 7.8a6.7 6.7 0 0 0 .2-.828c.031-.188.043-.343.038-.465a.613.613 0 0 0-.032-.198.517.517 0 0 0-.145.04c-.087.035-.158.106-.196.283-.04.192-.03.469.046.822.024.111.054.227.09.346z"/>
+        </svg>
+      HTML
+      icon.html_safe # rubocop:disable Rails/OutputSafety
+    end
+
+    # From https://icons.getbootstrap.com/icons/file-earmark-code/
+    def ead_icon
+      icon = <<~HTML
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-code" viewBox="0 0 16 16">
+          <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
+          <path d="M8.646 6.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 9 8.646 7.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 9l1.647-1.646a.5.5 0 0 0 0-.708z"/>
+        </svg>
+      HTML
+      icon.html_safe # rubocop:disable Rails/OutputSafety
+    end
+  end
+end

data/app/components/arclight/embed_component.html.erb

@@ -0,0 +1,10 @@
+<div id="embed" class="mb-2">
+  <h2 class="al-show-sub-heading"><%= t('arclight.views.show.embedded_content') %></h2>
+  <%= render Arclight::OembedViewerComponent.with_collection(embeddable_resources, document: @document) %>
+
+  <% linked_resources.each do |resource| %>
+    <div class="al-digital-object">
+      <%= link_to(resource.label, resource.href) %>
+    </div>
+  <% end %>
+</div>

data/app/components/arclight/embed_component.rb

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render digital object links for a document
+  class EmbedComponent < ViewComponent::Base
+    def initialize(document:, presenter:, **kwargs) # rubocop:disable Lint/UnusedMethodArgument
+      super()
+
+      @document = document
+      @presenter = presenter
+    end
+
+    def render?
+      resources.any?
+    end
+
+    def embeddable_resources
+      resources.first(1).select { |object| embeddable?(object) }
+    end
+
+    def linked_resources
+      resources - embeddable_resources
+    end
+
+    def resources
+      @resources ||= @document.digital_objects || []
+    end
+
+    def depth
+      @document.parents.length || 0
+    end
+
+    def embeddable?(object)
+      exclude_patterns.none? do |pattern|
+        object.href =~ pattern
+      end
+    end
+
+    def exclude_patterns
+      Arclight::Engine.config.oembed_resource_exclude_patterns
+    end
+  end
+end

data/app/components/arclight/expand_hierarchy_button_component.html.erb

@@ -0,0 +1,5 @@
+<ul>
+  <li>
+    <%= expand_link %>
+  </li>
+</ul>

data/app/components/arclight/expand_hierarchy_button_component.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Component for rendering an expand button in the hierarchy view
+  class ExpandHierarchyButtonComponent < Blacklight::Component
+    def initialize(path:, classes: 'btn btn-secondary btn-sm')
+      super()
+      @path = path
+      @classes = classes
+    end
+
+    def expand_link
+      link_to t('arclight.views.show.expand'), @path, class: @classes
+    end
+  end
+end

data/app/components/arclight/group_component.html.erb

@@ -0,0 +1,34 @@
+<div class='al-grouped-title-bar'>
+  <div class='row'>
+    <div class='col-md-12'>
+      <% if document.repository_config.present? %>
+        <div class='al-grouped-repository breadcrumb-links'>
+          <%= link_to(document.repository_config.name, helpers.arclight_engine.repository_path(document.repository_config.slug)) %>
+        </div>
+      <% end %>
+      <h3><%= helpers.link_to_document document %></h3>
+      <% document.extent.each do |extent| %>
+        <%= tag.span extent, class: 'al-document-extent badge' unless compact? %>
+      <% end %>
+      <dl>
+        <%= render Arclight::IndexMetadataFieldComponent.with_collection(presenter.field_presenters.select { |field| !compact? || field.field_config.compact }) %>
+      </dl>
+    </div>
+  </div>
+</div>
+
+<div class="grouped-documents">
+  <div class="al-grouped-more">
+    <% if @group.total > 3 %>
+      <%= t('arclight.views.index.top_group_results', count: 3) %>
+      <%= link_to(
+        t('arclight.views.index.all_group_results', count: @group.total),
+        search_within_collection_url)
+      %>
+    <% else %>
+      <%= t('arclight.views.index.group_results_count', count: @group.total) %>
+    <% end %>
+  </div>
+
+  <%= helpers.render_document_index @group.docs %>
+</div>

data/app/components/arclight/group_component.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render a collection document for a
+  # grouped search result view
+  class GroupComponent < Blacklight::Document::GroupComponent
+    def compact?
+      helpers.document_index_view_type.to_s == 'compact'
+    end
+
+    def document
+      @document ||= @group.docs.first.collection
+    end
+
+    def presenter
+      @presenter ||= Arclight::ShowPresenter.new(document, helpers).with_field_group('group_header_field')
+    end
+
+    def search_within_collection_url
+      search_catalog_path(helpers.search_without_group.deep_merge(f: { collection: [document.collection_name] }))
+    end
+  end
+end

data/app/components/arclight/header_component.html.erb

@@ -0,0 +1,5 @@
+<header>
+  <%= top_bar %>
+  <%= masthead %>
+  <%= search_bar %>
+</header>

data/app/components/arclight/header_component.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Provides a header with a masthead
+  class HeaderComponent < Blacklight::HeaderComponent
+    def masthead
+      render Arclight::MastheadComponent.new
+    end
+  end
+end

data/app/components/arclight/index_metadata_field_component.html.erb

@@ -0,0 +1,16 @@
+<div class="row">
+  <%= tag.dt @field.label, class: 'visually-hidden' %>
+  <% if truncate? %>
+    <%= tag.dd(class: @classes + ['truncator'], data: { controller: 'arclight-truncate' }) do %>
+      <%= tag.div @field.render, class: 'content', data: { arclight_truncate_target: 'content' } %>
+      <%= button_tag(type: :button, class: 'btn btn-sm btn-link px-0',
+                     data: { action: 'click->arclight-truncate#trigger' }) do %>
+        <%= tag.span t('arclight.truncation.view_more'), class: 'view-more' %>
+        <%= tag.span t('arclight.truncation.view_less'), class: 'view-less' %>
+        <%= tag.span(class: 'icon') %>
+      <% end %>
+    <% end %>
+  <% else %>
+    <%= tag.dd @field.render, class: @classes %>
+  <% end %>
+</div>