Merge pull request #190 from recogito/develop

Develop to main
recogito · Jun 3, 2024 · 1811ae5 · 1811ae5
2 parents e163f71 + b2b6652
commit 1811ae5
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -7,7 +7,7 @@
     "start": "astro dev",
     "build": "astro build",
     "build-node": "astro build --config astro.config.node.mjs",
-    "preview-node": "node ./dist/server/entry.mjs",
+    "preview-node": "node --max-old-space-size=4096 ./dist/server/entry.mjs",
     "install-plugin": "node ./plugins/install-plugin.js",
     "astro": "astro",
     "preinstall": "node ./plugins/build-registry",

diff --git a/src/components/DocumentCard/DocumentCardThumbnail.tsx b/src/components/DocumentCard/DocumentCardThumbnail.tsx
@@ -4,6 +4,9 @@ import { ContentTypeIcon } from '@components/DocumentCard/ContentTypeIcon';
 import './DocumentCardThumbnail.css';
 import { Spinner } from '@components/Spinner';
 
+const CANTALOUPE_PATH: string | undefined = import.meta.env
+  .PUBLIC_IIIF_CANTALOUPE_PATH;
+
 export interface DocumentCardThumbnailProps {
   document: Document;
 }
@@ -66,6 +69,13 @@ export const DocumentCardThumbnail = (props: DocumentCardThumbnailProps) => {
         )}
       </div>
     );
+  } else if (document.content_type?.startsWith('image/')) {
+    const url = `${CANTALOUPE_PATH}/${document.id}/square/max/0/default.jpg`;
+    return (
+      <div className='document-card-image-container'>
+        <img src={url} height={200} width={200} />
+      </div>
+    );
   } else if (document.meta_data?.protocol === 'IIIF_IMAGE') {
     const url = document.meta_data.url.replace(
       '/info.json',

diff --git a/src/pages/[lang]/annotate/[context]/[document]/index.astro b/src/pages/[lang]/annotate/[context]/[document]/index.astro
@@ -85,6 +85,7 @@ if (document.data.content_type === 'text/plain') {
 } else if (document.data.content_type === 'application/pdf') {
   viewer = 'PDF';
 } else if (
+  document.data.content_type?.startsWith('image/') ||
   document.data.meta_data?.protocol === 'IIIF_IMAGE' ||
   document.data.meta_data?.protocol === 'IIIF_PRESENTATION'
 ) {
@@ -140,7 +141,8 @@ if (profile.error || !profile.data) {
 </BaseLayout>
 
 <style>
-  html, body {
-    height: 100%
+  html,
+  body {
+    height: 100%;
   }
 </style>