1225 integrate mirador js library

.github/workflows/codegen.yaml

@@ -40,7 +40,7 @@ jobs:
 
       - name: Install dependencies
         working-directory: frontend
-        run: npm install
+        run: npm install --legacy-peer-deps
 
       - name: Run Codegen
         working-directory: frontend

.gitignore

@@ -84,3 +84,7 @@ secrets.yaml
 official.csv
 fact.png
 jupyterhub/.env-dev
+
+# Node and Python Environment Management
+.nvmrc
+.python-version

CHANGELOG.md

@@ -19,6 +19,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - Drag and drop upload multiple files
 - Footer with links to documentation, source code, and contact information
 - Documentation through MKDocs
+- Visualization for Whole Slide Images (WSI) using Mirador. [#1225](https://github.com/clowder-framework/clowder2/issues/1225)
 
 ### Changed
 

docker-compose.iiif.yml

@@ -0,0 +1,28 @@
+services:
+  # https://github.com/UCLALibrary/docker-cantaloupe
+  cantaloupe:
+    image: uclalibrary/cantaloupe:5.0.6-6
+    ports:
+      - "8182:8182"
+    environment:
+      CANTALOUPE_SOURCE_STATIC: "S3Source"
+      CANTALOUPE_ENDPOINT_ADMIN_SECRET: "secret"
+      CANTALOUPE_ENDPOINT_ADMIN_ENABLED: "false"
+      CANTALOUPE_S3SOURCE_LOOKUP_STRATEGY: "BasicLookupStrategy"
+      CANTALOUPE_S3SOURCE_BASICLOOKUPSTRATEGY_BUCKET_NAME: "cantaloupe"
+      CANTALOUPE_S3SOURCE_SECRET_KEY: "minioadmin"
+      CANTALOUPE_S3SOURCE_ACCESS_KEY_ID: "minioadmin"
+      CANTALOUPE_S3SOURCE_ENDPOINT: "http://minio-nginx:9000"
+    networks:
+      - clowder2
+  iiif-presentation-api-server:
+    image: iiif-presentation-api-server
+    ports:
+      - "8002:8000"
+    environment:
+      IIIF_IMAGE_API_SERVER_URL: "http://192.168.4.100:8182/iiif/3"
+    networks:
+      - clowder2
+networks:
+  clowder2:
+    name: clowder2

docker-compose.yml

@@ -168,7 +168,10 @@ services:
   minio-nginx:
     image: nginx:1.19.2-alpine
     restart: unless-stopped
-    hostname: nginx
+    hostname: minio-nginx
+    ports:
+      - "9000:9000"
+      - "9001:9001"
     networks:
       - clowder2
     volumes:

frontend/Dockerfile

@@ -13,7 +13,7 @@ WORKDIR /usr/src/app
 # copy only package for caching purposes
 COPY ["package.json", "package-lock.json*", "./"]
 COPY tools/ /usr/src/app/tools/
-RUN npm install
+RUN npm install --legacy-peer-deps
 
 # copy rest of application
 COPY .babelrc .eslintrc .istanbul.yml *.js /usr/src/app/