Add a similar holdings component

app/components/access_panels/similar_holdings_component.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module AccessPanels
+  class SimilarHoldingsComponent < ViewComponent::Base
+    def initialize(document:)
+      @id = document.id
+      super()
+    end
+
+    def call
+      helpers.turbo_frame_tag 'similar_holdings', src: "https://semantic-search-demo.stanford.edu/similar/#{@id}"
+    end
+  end
+end

app/javascript/controllers/index.js

@@ -21,3 +21,6 @@ application.register("preview-brief", PreviewBriefController)
 
 import PreviewFilmstripController from "./preview_filmstrip_controller"
 application.register("preview-filmstrip", PreviewFilmstripController)
+
+import LookupTitleController from "./lookup_title_controller"
+application.register("lookup-title", LookupTitleController)

app/javascript/controllers/lookup_title_controller.js

@@ -0,0 +1,18 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static values = {
+    druid: String
+  }
+
+  connect() {
+    fetch(`https://purl.stanford.edu/${this.druidValue}.json`)
+      .then(response => response.json())
+      .then(json => this.setJson(json))
+  }
+
+  setJson(json) {
+    const title = json.label
+    this.element.innerHTML = title
+  }
+}

app/views/catalog/record/_metadata_panels.html.erb

@@ -3,6 +3,7 @@
 
   <%= render AccessPanels::CourseReservesComponent.new(document: document) %>
   <%= render AccessPanels::AtTheLibraryComponent.new(document: document) %>
+  <%= render AccessPanels::SimilarHoldingsComponent.new(document: document) %>
 
   <% context = capture do %>
     <%= render AccessPanels::AppearsInComponent.new(document: document) %>

spec/components/access_panels/similar_holdings_component_spec.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+require "rails_helper"
+
+RSpec.describe AccessPanels::SimilarHoldingsComponent, type: :component do
+  pending "add some examples to (or delete) #{__FILE__}"
+
+  # it "renders something useful" do
+  #   expect(
+  #     render_inline(described_class.new(attr: "value")) { "Hello, components!" }.css("p").to_html
+  #   ).to include(
+  #     "Hello, components!"
+  #   )
+  # end
+end