geoblacklight 4.4.2 → 5.0.0.pre.alpha.11

data/app/javascript/geoblacklight/leaflet/utils.js

@@ -0,0 +1,83 @@
+import { latLngBounds, Util, geoJSON, latLng  } from "leaflet";
+
+export const bboxToBounds = (bbox) => {
+  bbox = bbox.split(" ");
+  if (bbox.length === 4) {
+    return latLngBounds([
+      [parseFloat(bbox[1]), parseFloat(bbox[0])],
+      [parseFloat(bbox[3]), parseFloat(bbox[2])],
+    ]);
+  } else {
+    throw new Error("Invalid bounding box string");
+  }
+};
+
+export const boundsToBbox = (bounds) => {
+  let sw = bounds.getSouthWest(),
+    ne = bounds.getNorthEast();
+
+  if (ne.lng - sw.lng >= 360) {
+    sw.lng = -180;
+    ne.lng = 180;
+  }
+  sw = sw.wrap();
+  ne = ne.wrap();
+  return [
+    Util.formatNum(sw.lng, 6),
+    Util.formatNum(sw.lat, 6),
+    Util.formatNum(ne.lng, 6),
+    Util.formatNum(ne.lat, 6),
+  ];
+};
+
+export const geoJSONToBounds = (geojson) => {
+  const layer = geoJSON(geojson);
+  return layer.getBounds();
+};
+
+export const debounce = (fn, delay) => {
+  let timeout = null;
+  return function (...args) {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => {
+      fn.apply(this, args);
+    }, delay);
+  };
+};
+
+export const getTileJsonBounds = (doc) => {
+  const bounds = doc.bounds;
+  if (bounds) {
+    const corner1 = latLng(bounds[1], bounds[0]),
+      corner2 = latLng(bounds[3], bounds[2]);
+    return latLngBounds(corner1, corner2);
+  }
+};
+
+export const appendLoadingMessage = () => {
+  const spinner = `<tbody class="attribute-table-body"><tr><td colspan="2">
+    <span id="attribute-table">
+    <div class="spinner-border" role="status"><span class="visually-hidden">Inspecting</span></div>
+    </span>
+    </td></tr></tbody>`;
+
+  document.querySelector(".attribute-table-body").innerHTML = spinner;
+};
+
+export const appendErrorMessage = () => {
+  document.querySelector(
+    ".attribute-table-body"
+  ).innerHTML = `<tbody class="attribute-table-body">
+    <tr><td colspan="2">Could not find that feature</td></tr></tbody>`;
+};
+
+// Looks for strings that could be URLs and wraps them in <a> tags
+export const linkify = (str) => {
+  if (!str) return '';
+  const urlRegEx = /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[\-;:&=\+\$,\w]+@)?[A-Za-z0-9\.\-]+|(?:www\.|[\-;:&=\+\$,\w]+@)[A-Za-z0-9\.\-]+)((?:\/[\+~%\/\.\w\-]*)?\??(?:[\-\+=&;%@\.\w]*)#?(?:[\.\!\/\\\w]*))?)/g;
+  return str.toString().replace(urlRegEx, '<a href=\'$1\'>$1</a>');
+}
+
+export const getLayerOpacity = (layer) => {
+  return layer.options.fillOpacity ? layer.options.fillOpacity : layer.options.opacity;
+}

data/app/javascript/geoblacklight/openlayers/basemaps.js

@@ -0,0 +1,47 @@
+export default {
+  darkMatter: {
+    url:'https://{a-d}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png',
+    attributions: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="http://carto.com/attributionss">Carto</a>',
+    maxZoom: 18
+  },
+  positron: {
+    url: 'https://{a-d}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png',
+    attributions: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="http://carto.com/attributionss">Carto</a>',
+    maxZoom: 18
+  },
+  positronLite: {
+    url: 'https://{a-d}.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}.png',
+    attributions: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="http://carto.com/attributionss">Carto</a>',
+    maxZoom: 18
+  },
+  worldAntique: {
+    url: 'https://cartocdn_{a-d}.global.ssl.fastly.net/base-antique/{z}/{x}/{y}.png',
+    attributions: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="http://carto.com/attributionss">Carto</a>',
+    maxZoom: 18
+  },
+  worldEco: {
+    url: 'https://cartocdn_{a-d}.global.ssl.fastly.net/base-eco/{z}/{x}/{y}.png',
+    attributions: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="http://carto.com/attributionss">Carto</a>',
+    maxZoom: 18
+  },
+  flatBlue: {
+    url: 'https://cartocdn_{a-d}.global.ssl.fastly.net/base-flatblue/{z}/{x}/{y}.png',
+    attributions: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="http://carto.com/attributionss">Carto</a>',
+    maxZoom: 18
+  },
+  midnightCommander: {
+    url: 'https://cartocdn_{a-d}.global.ssl.fastly.net/base-midnight/{z}/{x}/{y}.png',
+    attributions: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="http://carto.com/attributionss">Carto</a>',
+      maxZoom: 18
+  },
+  openstreetmapHot: {
+    url: 'https://{a-c}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
+    attributions: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, Tiles courtesy of <a href="http://hot.openstreetmap.org/" target="_blank">Humanitarian OpenStreetMap Team</a>', 
+    maxZoom: 19
+  },
+  openstreetmapStandard: {
+    url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
+    attributions: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
+    maxZoom: 19
+  }
+}

data/app/javascript/geoblacklight/openlayers/layers.js

@@ -0,0 +1,44 @@
+import VectorTile from "ol/layer/VectorTile";
+import { Style, Stroke, Fill, Circle } from "ol/style";
+import { PMTilesVectorSource } from "ol-pmtiles";
+import { useGeographic } from "ol/proj";
+import GeoTIFF from "ol/source/GeoTIFF";
+import WebGLTileLayer from "ol/layer/WebGLTile";
+
+// Create a new PMTiles layer
+export const pmTilesLayer = (url) => {
+  useGeographic();
+  return new VectorTile({
+    declutter: true,
+    source: new PMTilesVectorSource({ url }),
+    style: new Style({
+      stroke: new Stroke({
+        color: "#7070B3",
+        width: 1,
+      }),
+      fill: new Fill({
+        color: "#FFFFFF",
+      }),
+      image: new Circle({
+        radius: 7,
+        fill: new Fill({
+          color: "#7070B3",
+        }),
+        stroke: new Stroke({
+          color: "#FFFFFF",
+          width: 2,
+        }),
+      }),
+    }),
+  });
+};
+
+// Create a new cloud-optimized GeoTIFF (COG) layer
+export const cogLayer = (url) => {
+  return new WebGLTileLayer({
+    source: new GeoTIFF({
+      sources: [{ url }],
+      convertToRGB: true,
+    }),
+  });
+};

data/app/models/concerns/geoblacklight/solr_document/citation.rb

@@ -7,23 +7,35 @@ module Geoblacklight
 
       def geoblacklight_citation(solr_document_url)
         [
-          fetch(Settings.FIELDS.CREATOR, nil),
+          creator,
           ("(#{issued})" if issued),
-          fetch(Settings.FIELDS.TITLE, nil),
+          title,
           ("[#{format}]" if format),
-          fetch(Settings.FIELDS.PUBLISHER, nil),
-          I18n.t("geoblacklight.citation.retrieved_from", document_url: solr_document_url)
+          publisher,
+          citation_link(solr_document_url)
         ].flatten.compact.join(". ")
       end
 
       private
 
-      def issued
-        fetch(Settings.FIELDS.DATE_ISSUED, nil)
+      # The actual citation link varies based on what is available in the document
+      # go through a list of potential links in order of preference, ending with the solr_document_url
+      def citation_link(solr_document_url)
+        identifier_url || reference_url || solr_document_url
       end
 
-      def format
-        fetch(Settings.FIELDS.FORMAT, nil)
+      # identifier url in solr document (if it exists)
+      def identifier_url
+        # find any identifier that look like a URL, return if found (could be DOI, Stanford PURL, etc)
+        identifiers.find { |identifier| identifier if identifier.starts_with?("https://") }
+      end
+
+      # Examine the list of references (in dct_references_s) to find a "schema.org/url"; return URL if found
+      #  References are retrieved from the SolrDocument as an array of Geoblacklight::Reference
+      #  where the "reference" attribute is an array of two elements, the first being the type and the second being the url
+      def reference_url
+        url = references.refs.find { |ref| ref.reference[0] == "http://schema.org/url" }
+        url.present? ? url.reference[1] : nil
       end
     end
   end

data/app/models/concerns/geoblacklight/solr_document.rb

@@ -4,9 +4,8 @@ module Geoblacklight
   # Extends Blacklight::Solr::Document for GeoBlacklight specific functionality
   module SolrDocument
     extend Blacklight::Solr::Document
-
+    extend ActiveSupport::Concern
     include Geoblacklight::SolrDocument::Finder
-    include Geoblacklight::SolrDocument::Carto
     include Geoblacklight::SolrDocument::Inspection
     include Geoblacklight::SolrDocument::Arcgis
     include Geoblacklight::SolrDocument::Citation
@@ -15,16 +14,33 @@ module Geoblacklight
     delegate :viewer_protocol, to: :item_viewer
     delegate :viewer_endpoint, to: :item_viewer
 
+    included do
+      attribute :display_note, :array, Settings.FIELDS.DISPLAY_NOTE
+      attribute :geom_field, :string, Settings.FIELDS.GEOMETRY
+      attribute :wxs_identifier, :string, Settings.FIELDS.WXS_IDENTIFIER
+      attribute :file_format, :string, Settings.FIELDS.FORMAT
+      attribute :rights_field_data, :string, Settings.FIELDS.ACCESS_RIGHTS
+      attribute :provider, :string, Settings.FIELDS.PROVIDER
+      attribute :resource_type, :array, Settings.FIELDS.RESOURCE_TYPE
+      attribute :resource_class, :array, Settings.FIELDS.RESOURCE_CLASS
+      attribute :title, :string, Settings.FIELDS.TITLE
+      attribute :creator, :array, Settings.FIELDS.CREATOR
+      attribute :publisher, :string, Settings.FIELDS.PUBLISHER
+      attribute :identifiers, :array, Settings.FIELDS.IDENTIFIER
+      attribute :issued, :string, Settings.FIELDS.DATE_ISSUED
+      attribute :format, :string, Settings.FIELDS.FORMAT
+    end
+
     def available?
       public? || same_institution?
     end
 
     def public?
-      rights_field_data.present? && rights_field_data.casecmp("public").zero?
+      rights_field_data&.casecmp?("public")
     end
 
     def restricted?
-      rights_field_data.blank? || rights_field_data.casecmp("restricted").zero?
+      !rights_field_data || rights_field_data.casecmp?("restricted")
     end
 
     def downloadable?
@@ -39,20 +55,12 @@ module Geoblacklight
       references.download.to_hash if references.download.present?
     end
 
-    def display_note
-      fetch(Settings.FIELDS.DISPLAY_NOTE, "")
-    end
-
-    def hgl_download
-      references.hgl.to_hash if references.hgl.present?
-    end
-
     def oembed
       references.oembed.endpoint if references.oembed.present?
     end
 
     def same_institution?
-      fetch(Settings.FIELDS.PROVIDER, "").casecmp(Settings.INSTITUTION.downcase).zero?
+      provider&.casecmp?(Settings.INSTITUTION.downcase)
     end
 
     def iiif_download
@@ -75,38 +83,22 @@ module Geoblacklight
       "http://schema.org/Dataset"
     end
 
-    def geom_field
-      fetch(Settings.FIELDS.GEOMETRY, "")
-    end
-
     def geometry
       @geometry ||= Geoblacklight::Geometry.new(geom_field)
     end
 
-    def wxs_identifier
-      fetch(Settings.FIELDS.WXS_IDENTIFIER, "")
-    end
-
-    def file_format
-      fetch(Settings.FIELDS.FORMAT)
-    end
-
     ##
     # Provides a convenience method to access a SolrDocument's References
     # endpoint url without having to check and see if it is available
     # :type => a string which if its a Geoblacklight::Constants::URI key
     #          will return a coresponding Geoblacklight::Reference
     def checked_endpoint(type)
-      type = references.send(type)
+      type = references.public_send(type)
       type.endpoint if type.present?
     end
 
     private
 
-    def rights_field_data
-      fetch(Settings.FIELDS.ACCESS_RIGHTS, "")
-    end
-
     def method_missing(method, *args, &block)
       if /.*_url$/.match?(method.to_s)
         checked_endpoint(method.to_s.gsub("_url", ""))

data/app/presenters/geoblacklight/bbox_item_presenter.rb

@@ -2,7 +2,7 @@
 
 module Geoblacklight
   class BboxItemPresenter < Blacklight::FacetItemPresenter
-    def label
+    def value
       super.to_param
     end
   end

data/app/views/catalog/_citation.html.erb

@@ -1,36 +1,19 @@
-<div data-controller="clipboard">
-  <div class="modal-header">
-    <h1><%= t('blacklight.tools.citation') %></h1>
-    <button type="button" class="blacklight-modal-close close" data-dismiss="modal" aria-label="<%= t('blacklight.modal.close') %>">
-      <span aria-hidden="true">&times;</span>
-    </button>
-  </div>
-  <div class="modal-body" data-clipboard-target="source">
-    <div class="alert alert-info d-none" role="alert">
+<%= render Blacklight::System::ModalComponent.new do |component| %>
+  <% component.with_title do %>
+    <%= t('blacklight.tools.citation') %>
+  <% end %>
+  <div data-controller="clipboard">
+    <div class="alert alert-info alert-dismissible d-none" data-clipboard-target="alert" role="alert">
       <%= t('geoblacklight.clipboard.citation') %>
-      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-        <span aria-hidden="true">&times;</span>
-      </button>
+      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+    </div>
+    <% citation = render Geoblacklight::Document::CitationComponent.with_collection(@documents) if @documents %>
+    <div class="d-inline">
+      <%= citation %>
+    </div>
+    <div class="modal-footer">
+      <button type="button" class="btn btn-primary" data-action="clipboard#copyToClipboard" data-clipboard-value-param="<%= citation %>"><%= t('geoblacklight.modal.copy-citation') %></button>
+      <button type="button" class="btn btn-secondary" data-bl-dismiss="modal"><%= t('blacklight.modal.close') %></button>
     </div>
-
-      <%= t('blacklight.tools.citation_info') %>
-    <% @documents&.each do |document| %>
-      <%= document.geoblacklight_citation(solr_document_url(document)) %>
-    <% end %>
-  </div>
-  <div class="modal-footer">
-    <button type="button" class="btn btn-primary" data-action="copyToClipboard"><%= t('blacklight.modal.copy-citation') %></button>
-    <button type="button" class="btn btn-secondary" data-dismiss="modal"><%= t('blacklight.modal.close') %></button>
   </div>
-</div>
-
-<script>
-    $('[data-action="copyToClipboard"]').on('click', function() {
-        let text = $('[data-clipboard-target="source"]').text().trim()
-        navigator.clipboard.writeText(text)
-            .then(() => {
-                $('.alert').removeClass('d-none');
-            })
-    });
-</script>
-
+<% end %>

data/app/views/catalog/_document_split.html.erb

@@ -1,6 +1,21 @@
 <div class='row'>
-  <div id="documents" class="documents-list col-md-6">
-    <%= render documents, :as => :document %>
+  <div
+    id="documents"
+    class="documents-list col-md-6"
+    data-controller="search-results"
+    data-action="leaflet-viewer:loaded@window->search-results#fitResultBounds"
+    data-search-results-leaflet-viewer-outlet=".leaflet-viewer"
+    >
+    <div id="documents-container">
+      <% document_presenters = documents.map { |doc| document_presenter(doc) } -%>
+      <% document_presenters.each_with_index do |presenter, index| %>
+        <%= render blacklight_config.index.document_component.new(document: presenter, document_counter: index) %>
+      <% end %>
+    </div>
   </div>
-  <%= content_tag :div, '', id: 'map', class: 'col-md-6', aria: { label: t('geoblacklight.map.label') }, data: { map: results_js_map_selector(controller.controller_name), 'catalog-path'=> search_catalog_path , 'map-bbox' => params[:bbox], basemap: geoblacklight_basemap, leaflet_options: leaflet_options } %>
+  <% if results_js_map_selector(controller.controller_name) == "index" %>
+    <%= render(Geoblacklight::LocationLeafletMapComponent.new(page: 'index', geosearch: { dynamic: true }, classes: 'col-md-6 sticky-top position-sticky leaflet-viewer')) %>
+  <% else %>
+    <%= render(Geoblacklight::LocationLeafletMapComponent.new(page: 'index', classes: 'col-md-6 leaflet-viewer')) %>
+  <% end %>
 </div>

data/app/views/catalog/_home_text.html.erb

@@ -15,10 +15,10 @@
     </div>
     <div class='col-sm'>
       <%= content_tag :h3, t('geoblacklight.home.map_heading') %>
-      <%= content_tag :div, '', id: 'map', aria: { label: t('geoblacklight.map.label') }, data: { map: 'home', 'catalog-path'=> search_catalog_path , 'map-geom' => Settings.HOMEPAGE_MAP_GEOM, basemap: geoblacklight_basemap, leaflet_options: leaflet_options } %>
+      <%= render(Geoblacklight::LocationLeafletMapComponent.new(page: 'home', geosearch: { dynamic: false })) %>
     </div>
   </div>
-  <div id="geoblacklight-version" class="text-right">
+  <div id="geoblacklight-version" class="text-end">
     <%= t('geoblacklight.home.version', version: Geoblacklight::VERSION ) %>
   </div>
 </div>

data/app/views/catalog/_metadata.html.erb

@@ -9,7 +9,7 @@
              href="#<%= metadata.type %>"
              aria-controls="<%= metadata.type %>"
              role="tab"
-             data-toggle="pill"
+             data-bs-toggle="pill"
              data-ref-endpoint="<%= metadata.endpoint %>"
              data-ref-download="#btn-metadata-download"><%= formatted_name_reference(metadata.type) %></a>
         </li>

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

@@ -1,7 +1,5 @@
-<% content_for(:sidebar) do %>
-  <% if has_search_parameters? %>
-    <%= render 'search_sidebar' %>
-  <% end %>
+<% content_for(:head) do %>
+  <meta name="blacklight-search-storage" content="<%= blacklight_config.track_search_session.storage %>">
 <% end %>
 
 <% unless has_search_parameters? %>
@@ -9,5 +7,11 @@
   <%= render 'home' %>
   <%= render 'shared/sitelinks_search_box' %>
 <% else %>
+  <% content_for(:sidebar) do %>
+    <% conf = blacklight_config.view_config(document_index_view_type) %>
+    <%= render conf.sidebar_component.new(blacklight_config: blacklight_config,
+                                          response: @response,
+                                          view_config: conf) %>
+  <% end %>
   <%= render 'search_results' %>
 <% end %>

data/app/views/catalog/metadata/_markup.html.erb

@@ -1,7 +1,7 @@
 <div id="metadata-markup-container" class="container-fluid">
   <div class="alert alert-warning" role="alert">
     <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
-    <span class="sr-only">Error:</span>
+    <span class="visually-hidden">Error:</span>
     <span><%= t('geoblacklight.metadata.metadata_error')%></span>
   </div>
   <%= CodeRay.scan(content, :xml).div.html_safe %>

data/app/views/catalog/metadata.html.erb

@@ -1,13 +1,14 @@
-<div class="modal-header">
-  <h3 class="modal-title"><%= t('geoblacklight.metadata.view_metadata')%></h3>
-  <button type="button" class="blacklight-modal-close close" data-dismiss="modal" aria-label="<%= t('blacklight.modal.close') %>">
-    <span aria-hidden="true">&times;</span>
-  </button>
-</div>
-<div class="modal-body metadata-body">
-  <%= render partial: 'metadata' %>
-</div>
-<div class="modal-footer">
-  <button type="button" class="btn btn-default hide-without-js" data-dismiss="modal">Close</button>
-  <a href="#" target="_blank" rel="noopener noreferrer" id="btn-metadata-download" class="btn btn-primary">Download</a>
-</div>
+<%= render Blacklight::System::ModalComponent.new do |component| %>
+  <% component.with_title do %>
+    <%= t('geoblacklight.metadata.view_metadata') %>
+  <% end %>
+  <% component.with_body do %>
+    <div class="modal-body metadata-body">
+      <%= render partial: 'metadata' %>
+    </div>
+  <% end %>
+  <% component.with_footer do %>
+    <a href="#" target="_blank" rel="noopener noreferrer" id="btn-metadata-download" class="btn btn-primary">Download</a>
+    <button type="button" class="btn btn-secondary" data-bl-dismiss="modal"><%= t('blacklight.modal.close') %></button>
+  <% end %>
+<% end %>

data/app/views/catalog/web_services.html.erb

@@ -1,28 +1,19 @@
-<div class="modal-header">
-  <h1 class="modal-title"><%= t('geoblacklight.references.services')%></h1>
-  <button type="button" class="blacklight-modal-close close" data-dismiss="modal" aria-label="<%= t('blacklight.modal.close') %>">
-    <span aria-hidden="true">&times;</span>
-  </button>
-</div>
-<div class="modal-body web-services-modal-body">
-  <div class="alert alert-info d-none" role="alert">
-  <%= t('geoblacklight.clipboard.web_service') %>
-    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-      <span aria-hidden="true">&times;</span>
-    </button>
-  </div>
-  <%= render partial: 'web_services' %>
-</div>
-<div class="modal-footer">
-  <button type="button" class="btn btn-default hide-without-js" data-dismiss="modal"><%= t('geoblacklight.references.services_close')%></button>
-</div>
-
-<script>
-    $('[data-action="copyToClipboard"]').on('click', function() {
-        let text = $(this).data('clipboard-value');       
-        navigator.clipboard.writeText(text)
-            .then(() => {
-                $('.alert').removeClass('d-none');
-            })
-    });
-</script>
+<%= render Blacklight::System::ModalComponent.new do |component| %>
+  <% component.with_title do %>
+    <%= t('geoblacklight.references.services') %>
+  <% end %>
+  <% component.with_body do %>
+    <div class="modal-body web-services-modal-body" data-controller="clipboard">
+      <div class="alert alert-info d-none" role="alert" data-clipboard-target="alert">
+        <%= t('geoblacklight.clipboard.web_service') %>
+        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+      </div>
+      <div class="web-services-modal-entry">
+        <%= render Geoblacklight::WebServicesComponent.with_collection(@documents.first.references.refs, document: @documents.first) %>
+      </div>
+    </div>
+  <% end %>
+  <% component.with_footer do %>
+    <button type="button" class="btn btn-secondary" data-bl-dismiss="modal"><%= t('blacklight.modal.close') %></button>
+  <% end %> 
+<% end %>

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

@@ -1,13 +1,3 @@
-<%- Settings.RELATIONSHIPS_SHOWN.each do |rel, value| %>
-  <% unless @relations.send(rel)['numFound'].to_i.zero? %>
-    <div class="card relations relationship-<%= rel.downcase %>">
-      <div class="card-header">
-        <h2 class="mb-0 h6"><%= t("#{value.label}") %></h2>
-      </div>
-
-      <ul class="list-group list-group-flush">
-        <%= render partial: 'relations', locals: { rel: rel, value: value } %>
-      </ul>
-    </div>
-  <% end %>
+<%- Settings.RELATIONSHIPS_SHOWN.each do |relationship_type, rel_type_info| %>
+  <%= render Geoblacklight::RelationsComponent.new(relations: @relations, relationship_type:, rel_type_info:) %>
 <% end %>

data/app/views/relation/index.json.jbuilder

@@ -3,6 +3,6 @@
 json.current_doc @relations.search_id
 json.relations do
   Settings.RELATIONSHIPS_SHOWN.each do |key, _value|
-    json.set! key.downcase.to_s, @relations.send(key) unless @relations.send(key)["numFound"].to_i.zero?
+    json.set! key.downcase.to_s, @relations.public_send(key) unless @relations.public_send(key)["numFound"].to_i.zero?
   end
 end

data/compose.yml

@@ -0,0 +1,14 @@
+services:
+  solr:
+    image: solr:9.6.1
+    volumes:
+      - $PWD/solr/conf:/opt/solr/conf
+    ports:
+      - 8983:8983
+    entrypoint:
+      - docker-entrypoint.sh
+      - solr-precreate
+      - blacklight-core
+      - /opt/solr/conf
+      - "-Xms256m"
+      - "-Xmx512m"

data/config/importmap.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+# OpenLayers viewer
+pin "ol", to: "https://esm.sh/ol@8.1.0"
+pin "ol/", to: "https://esm.sh/ol@8.1.0/"
+pin "ol-pmtiles", to: "https://cdn.skypack.dev/ol-pmtiles@0.3.0"
+
+# Leaflet viewer
+pin "leaflet", to: "https://cdn.skypack.dev/leaflet@1.9.4"
+pin "esri-leaflet", to: "https://cdn.skypack.dev/esri-leaflet@3.0.12"
+pin "leaflet-fullscreen", to: "https://cdn.skypack.dev/leaflet-fullscreen@1.0.2"
+
+# Clover viewer
+pin "react", to: "https://esm.sh/react@18.3.1"
+pin "react-dom/client", to: "https://esm.sh/react-dom@18.3.1/client"
+pin "@samvera/clover-iiif/viewer", to: "https://esm.sh/@samvera/clover-iiif@2.10.0/dist/viewer"
+pin "@samvera/clover-iiif/image", to: "https://esm.sh/@samvera/clover-iiif@2.10.0/dist/image"
+
+# Geoblacklight
+pin_all_from Geoblacklight::Engine.root.join("app", "javascript", "geoblacklight"), under: "geoblacklight"