Use Universal Viewer.

This indexes the manifest URL and uses a hosted Universal Viewer.

app/assets/stylesheets/viewer.scss

@@ -0,0 +1,6 @@
+.viewer {
+  height: 400px;
+  iframe {
+    position: absolute;
+  }
+}

app/controllers/catalog_controller.rb

@@ -10,8 +10,9 @@ class CatalogController < ApplicationController
     config.view.masonry.partials = [:index]
     config.view.slideshow.partials = [:index]
 
-    config.show.tile_source_field = :content_metadata_image_iiif_info_ssm
-    config.show.partials.insert(1, :openseadragon)
+    # config.show.tile_source_field = :content_metadata_image_iiif_info_ssm
+    # config.show.partials.insert(1, :openseadragon)
+    config.show.partials.insert(1, :universal_viewer)
 
     ## Default parameters to send to solr for all search-like requests. See also SolrHelper#solr_search_params
     config.default_solr_params = {

app/models/collection_manifest.rb

@@ -8,7 +8,7 @@ def self.find_by_slug(slug)
   def slug
     metadata.find do |entry|
       entry["label"] == slug_key
-    end["value"].first["@value"]
+    end["value"].first
   end
 
   private

app/models/iiif_resource.rb

@@ -29,6 +29,7 @@ def to_solr
     super.tap do |solr_doc|
       solr_doc['id'] = id
       solr_doc[title_field] = manifest['label']
+      solr_doc['manifest_url_ssm'] = [url]
       if manifest['thumbnail']
         solr_doc[field_name('thumbnail')] = manifest['thumbnail']['@id']
         solr_doc['content_metadata_image_iiif_info_ssm'] = manifest['thumbnail']['@id'].sub(/full.*/, 'info.json')

app/views/catalog/_universal_viewer_default.html.erb

@@ -0,0 +1,3 @@
+<%= javascript_include_tag Pomegranate.config["universal_viewer_url"] %>
+<div class="uv viewer" data-uri="<%= document.fetch("manifest_url_ssm").first %>"></div>
+

config/config.yml

@@ -1,4 +1,5 @@
 defaults: &defaults
+  universal_viewer_url: "http://uv-dev.princeton.edu/lib/embed.js"
   all_collection_manifest_url: "https://hydra-dev.princeton.edu/iiif/collections"
   events:
     server: 'amqp://localhost:5672'