@cu-mkp/editioncrafter 1.3.1-beta.8 → 1.3.1-beta.9

package/dist/es/src/EditionCrafter/action/DocumentActions.js

@@ -216,6 +216,7 @@ function parseSingleManifest(manifest, transcriptionTypes, document) {
         annotations: canvas.annotations
           ? canvas.annotations.filter(a => a.motivation === 'tagging')
           : [],
+        metadata: canvas.metadata,
       }
 
       folios.push(folio)

package/dist/es/src/EditionCrafter/component/ImageMetadata.js

@@ -0,0 +1,13 @@
+export default function ImageMetadata(props) {
+  const { data } = props
+
+  return (
+    <div className="image-metadata">
+      { Object.keys(data)?.map(key => (
+        <div key={key}>
+          { `${key}: ${data[key]}` }
+        </div>
+      ))}
+    </div>
+  )
+}

package/dist/es/src/EditionCrafter/component/ImageView.js

@@ -10,6 +10,7 @@ import {
   useSearchParams,
 } from 'react-router-dom'
 import TagFilterContext from '../context/TagFilterContext'
+import ImageMetadata from './ImageMetadata'
 import ImageZoomControl from './ImageZoomControl'
 import Navigation from './Navigation'
 
@@ -187,6 +188,11 @@ function ImageView(props) {
                 initViewer={initViewer}
                 loading={folio.loading}
               />
+              {
+                folio.metadata && (
+                  <ImageMetadata data={folio.metadata} />
+                )
+              }
             </div>
           )
         : (

package/dist/es/src/EditionCrafter/scss/_imageMetadata.scss

@@ -0,0 +1,16 @@
+.editioncrafter {
+
+  .image-metadata {
+    position: absolute;
+    bottom: 8px;
+    left: 8px;
+    background-color: rgba(128, 128, 128, 0.5);
+    color: white;
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+    flex-wrap: wrap;
+    padding: 4px 6px;
+  }
+
+}

package/dist/es/src/EditionCrafter/scss/editioncrafter.scss

@@ -99,6 +99,7 @@ animation: #{$str};
 
 @import "diplomatic";
 @import "imageGridView";
+@import "imageMetadata";
 @import "splitPaneView";
 @import "imageView";
 @import "imageZoomControl";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cu-mkp/editioncrafter",
   "type": "module",
-  "version": "1.3.1-beta.8",
+  "version": "1.3.1-beta.9",
   "private": false,
   "description": "A simple digital critical edition publication tool",
   "license": "MIT",