From 6081dabe485f3258c73cae586bfb9f93bbbf0019 Mon Sep 17 00:00:00 2001
From: Michael Spalti <mspalti@gmail.com>
Date: Sat, 27 Mar 2021 10:18:15 -0700
Subject: [PATCH] Added mirador files for webpack build

---
 src/mirador-viewer/index.js     | 164 ++++++++++++++++++++++++++++++++
 src/mirador-viewer/mirador.html |  10 ++
 2 files changed, 174 insertions(+)
 create mode 100644 src/mirador-viewer/index.js
 create mode 100644 src/mirador-viewer/mirador.html

diff --git a/src/mirador-viewer/index.js b/src/mirador-viewer/index.js
new file mode 100644
index 0000000000..fe0c00675a
--- /dev/null
+++ b/src/mirador-viewer/index.js
@@ -0,0 +1,164 @@
+import Mirador from 'mirador/dist/es/src/index';
+import miradorShareDialogPlugin from 'mirador-share-plugin/es/MiradorShareDialog';
+import miradorSharePlugin from 'mirador-share-plugin/es/miradorSharePlugin';
+import miradorDownloadPlugin from 'mirador-dl-plugin/es/miradorDownloadPlugin';
+import miradorDownloadDialog from 'mirador-dl-plugin/es/MiradorDownloadDialog';
+
+const params = new URLSearchParams(location.search);
+const manifest = params.get('manifest');
+const searchable = params.get('searchable');
+const query = params.get('query');
+const multi = params.get('multi');
+
+let windowSettings = {};
+let sidbarPanel = 'info';
+let defaultView = 'single';
+let multipleItems = false;
+let thumbNavigation = 'off';
+
+windowSettings.manifestId = manifest;
+
+(() => {
+  console.log('setting params in viewer');
+  if (searchable) {
+    console.log(multi)
+    defaultView = 'book';
+    sidbarPanel = 'search';
+    multipleItems = true;
+    thumbNavigation = 'far-right';
+    if (query !== 'null') {
+      windowSettings.defaultSearchQuery = query;
+    }
+  } else {
+    console.log(multi)
+    if(multi) {
+      multipleItems = multi;
+      thumbNavigation = 'far-right';
+    }
+  }
+})();
+
+(Mirador.viewer(
+    {
+      id: 'mirador',
+      mainMenuSettings: {
+        show: true
+      },
+      thumbnailNavigation: {
+        defaultPosition: thumbNavigation, // Which position for the thumbnail navigation to be be displayed. Other possible values are "far-bottom" or "far-right"
+        displaySettings: true, // Display the settings for this in WindowTopMenu
+        height: 120, // height of entire ThumbnailNavigation area when position is "far-bottom"
+        width: 100, // width of one canvas (doubled for book view) in ThumbnailNavigation area when position is "far-right"
+      },
+      themes: {
+        light: {
+          palette: {
+            type: 'light',
+            primary: {
+              main: '#b03727',
+            },
+            secondary: {
+              main: '#b03727',
+            },
+            shades: { // Shades that can be used to offset color areas of the Workspace / Window
+              dark: '#eeeeee',
+              main: '#ffffff',
+              light: '#ffffff',
+            },
+            highlights: {
+              primary: '#ffff00',
+              secondary: '#00BFFF',
+            },
+            search: {
+              default: { fillStyle: '#00BFFF', globalAlpha: 0.3 },
+              hovered: { fillStyle: '#00FFFF', globalAlpha: 0.3 },
+              selected: { fillStyle: '#ff0900', globalAlpha: 0.3 },
+            },
+          },
+        },
+        dark: {
+          palette: {
+            type: 'dark',
+            primary: {
+              main: '#2790b0',
+            },
+            secondary: {
+              main: '#eeeeee',
+            },
+            highlights: {
+              primary: '#ffff00',
+              secondary: '#00BFFF',
+            },
+          },
+        },
+      },
+      selectedTheme: 'light',
+      data: [manifest],
+      windows: [
+        windowSettings
+      ],
+      miradorSharePlugin: {
+        dragAndDropInfoLink: 'https://iiif.io',
+        embedOption: {
+          enabled: true,
+          embedUrlReplacePattern: [
+            /.*\.edu\/(\w+)\/iiif\/manifest/,
+            manifest
+          ],
+          syncIframeDimensions: {
+            height: {param: 'maxheight'},
+          },
+        },
+        shareLink: {
+          enabled: true,
+          manifestIdReplacePattern: [
+            /\/iiif\/manifest/,
+            '',
+          ],
+        },
+      },
+      miradorDownloadPlugin: {
+        restrictDownloadOnSizeDefinition: false
+      },
+      window: {
+        allowClose: false,
+        // sideBarOpenByDefault: false,
+        allowFullscreen: true,
+        allowMaximize: false,
+        defaultView: defaultView,
+        sideBarOpen: true,
+        allowTopMenuButton: true,
+        defaultSidebarPanelWidth: 230,
+        switchCanvasOnSearch: true,
+        views: [
+          { key: 'single', behaviors: ['individuals'] },
+          { key: 'book', behaviors: ['paged'] },
+          { key: 'scroll', behaviors: ['continuous'] },
+          { key: 'gallery' },
+        ],
+        panels: {
+          info: true,
+          attribution: false,
+          canvas: multipleItems,
+          search: searchable,
+          layers: false,
+        },
+        sideBarPanel: sidbarPanel
+      },
+      workspace: {
+        allowNewWindows: false,
+        showZoomControls: true,
+        type: 'mosaic'
+      },
+      workspaceControlPanel: {
+        enabled: false
+      }
+    },
+    [
+      miradorShareDialogPlugin,
+      miradorSharePlugin,
+      miradorDownloadDialog,
+      miradorDownloadPlugin
+    ]
+  )
+)(manifest);
diff --git a/src/mirador-viewer/mirador.html b/src/mirador-viewer/mirador.html
new file mode 100644
index 0000000000..6a9547133c
--- /dev/null
+++ b/src/mirador-viewer/mirador.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Mirador</title>
+</head>
+<body>
+<div id="mirador"></div>
+</body>
+</html>