Attach the JS libraries using the preprocess and not in the template. (…

…#39)

* Attach the JS libraries using the preprocess and not in the template.

* Don't need to add openseadragon/openseadragon as init has a depdenecy on it.

* closes Islandora/documentation#1975

openseadragon.module

@@ -69,7 +69,9 @@ function template_preprocess_openseadragon_formatter(&$variables) {
  if (!empty($tile_sources)) {
 
  $viewer_settings['sequenceMode'] = count($tile_sources) > 1 && !$viewer_settings['collectionMode'];
-
+ $variables['#attached']['library'] = [
+ 'openseadragon/init',
+ ];
  $variables['#attached']['drupalSettings']['openseadragon'][$openseadragon_viewer_id] = [
  'basePath' => Url::fromUri($iiif_address),
  'fitToAspectRatio' => $viewer_settings['fit_to_aspect_ratio'],
@@ -93,9 +95,6 @@ function template_preprocess_openseadragon_iiif_manifest_block(&$variables) {
  // Load the global settings.
  $config = \Drupal::service('openseadragon.config');
 
- // @todo Once Libraries API is finished find a function for this.
- $base_library_path = 'sites/all/assets/vendor';
-
  // Build the gallery id.
  $openseadragon_viewer_id = Html::getUniqueId('openseadragon-viewer-iiif-manifest-block');
 
@@ -115,6 +114,9 @@ function template_preprocess_openseadragon_iiif_manifest_block(&$variables) {
 
  // Attach the viewer, using the image urls obtained from the manifest.
  if (!is_null($iiif_address) && !empty($iiif_address) && !empty($tile_sources)) {
+ $variables['#attached']['library'] = [
+ 'openseadragon/init',
+ ];
  $variables['#attached']['drupalSettings']['openseadragon'][$openseadragon_viewer_id] = [
  'basePath' => Url::fromUri($iiif_address),
  'fitToAspectRatio' => $viewer_settings['fit_to_aspect_ratio'],

templates/openseadragon-formatter.html.twig

@@ -11,6 +11,4 @@
  * @ingroup themeable
  */
 #}
-{{ attach_library('libraries/openseadragon') }}
-{{ attach_library('openseadragon/init') }}
 <div {{ attributes }}></div>

templates/openseadragon-iiif-manifest-block.html.twig

@@ -11,6 +11,4 @@
  * @ingroup themeable
  */
 #}
-{{ attach_library('libraries/openseadragon') }}
-{{ attach_library('openseadragon/init') }}
 <div {{ attributes }}></div>