consolidate two iiif js assets (DLC-1008)

Author: barmintor

app/components/dcv/collection/file_system_component.html.erb

@@ -1,2 +1,2 @@
-<div id="aiiif" class="container-fluid px-0 w-100" data-manifest="<%= iiif_manifest %>">
+<div id="mirador" class="container-fluid px-0 w-100" data-manifest="<%= iiif_manifest %>" data-use-folders="true">
 </div>

app/javascript/iiif-archives.js

@@ -6,6 +6,7 @@ import hintingSidebar from '@columbia-libraries/mirador/dist/es/src/culPlugins/m
 import videoJSPlugin from '@columbia-libraries/mirador/dist/es/src/culPlugins/mirador-videojs';
 import viewerNavigation from '@columbia-libraries/mirador/dist/es/src/culPlugins/mirador-pageIconViewerNavigation';
 import viewXmlPlugin from '@columbia-libraries/mirador/dist/es/src/culPlugins/mirador-viewXml';
+import collectionFoldersPlugin from '@columbia-libraries/mirador/dist/es/src/culPlugins/mirador-selectCollectionFolders';
 
 const flattenPluginConfigs = (...plugins) => plugins.reduce(
   (acc, curr) => {
@@ -14,9 +15,10 @@ const flattenPluginConfigs = (...plugins) => plugins.reduce(
 );
 
 $(document).ready(function(){
-  const manifestUrl = $('#mirador').data('manifest');
+  const miradorDiv = $('#mirador');
+  const manifestUrl = miradorDiv.data('manifest');
   if (manifestUrl) {
-    const numChildren = $('#mirador').data('num-children');
+    const numChildren = miradorDiv.data('num-children');
     const startCanvas = function(queryParams) {
       if (queryParams.get("canvas")) {
         const canvases = queryParams.get("canvas").split(',');
@@ -31,6 +33,14 @@ $(document).ready(function(){
       ];
       viewConfig.defaultView = 'single';
     }
+    const culMiradorPlugins = flattenPluginConfigs(
+      canvasRelatedLinksPlugin, citationSidebar, hintingSidebar, miradorDownloadPlugins,
+      videoJSPlugin, viewerNavigation, viewXmlPlugin
+    );
+    const foldersAttValue = miradorDiv.data('use-folders');
+    const useFolders = (new Boolean(foldersAttValue).valueOf() && !String.toString(foldersAttValue).match(/false/i));
+    if (useFolders) culMiradorPlugins.push(...collectionFoldersPlugin);
+
     Mirador.viewer(
       {
         id: 'mirador',
@@ -76,7 +86,7 @@ $(document).ready(function(){
           en: { openCompanionWindow_citation: "Citation" },
         },
       },
-      flattenPluginConfigs(canvasRelatedLinksPlugin, citationSidebar, hintingSidebar, miradorDownloadPlugins, videoJSPlugin, viewerNavigation, viewXmlPlugin),
+      culMiradorPlugins,
     );
   }
 });

app/javascript/iiif.js

@@ -34,7 +34,7 @@ DLC VERSION: <%= IO.read(Rails.root.to_s+'/VERSION') %> -->
 	<%- is_iiif_client ||= Array(@document&.fetch(:dc_type_sim, nil)).include?('InteractiveResource') ? structured_children_of_valid_types(document: @document).present? : true -%>
 <%- end -%>
 <%- is_iiif_client ||= archive_org_id_for_document(@document) -%>
-<%- is_file_system = is_file_system?(@document) -%>
+<%- is_iiif_client ||= is_file_system?(@document) -%>
 <%= stylesheet_link_tag('iiif' , media: 'all') if @document && params[:action] != 'synchronizer' %>
 
 <!-- OHSynchronizer -->
@@ -53,7 +53,6 @@ DLC VERSION: <%= IO.read(Rails.root.to_s+'/VERSION') %> -->
   <%- js_packs << 'ohsynchronizer' %>
 <%- else -%>
 	<%- js_packs << 'iiif' if is_iiif_client %>
-	<%- js_packs << 'iiif-archives' if is_file_system %>
 <% end %>
 <%= javascript_pack_tag *js_packs %>
 

app/views/shared/_head_includes.html.erb

@@ -50,8 +50,7 @@ class Application < Rails::Application
         'd3.js',
         'sites.js', 'sites.css',
         'easymde.min.js', 'easymde.min.css',
-        'iiif.js', 'iiif.css',
-        'iiif-archives.js'
+        'iiif.js', 'iiif.css'
       ]
 
     # And include styles for all configured subsite layouts