Added Storybook workflow

.github/workflows/storybook.yml

@@ -0,0 +1,24 @@
+name: Build and deploy to GitHub pages for testing
+
+on:
+  push:
+    branches:
+      - dev # Trigger the action only on PR merges into dev
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/[email protected]
+        with:
+          persist-credentials: false
+      - name: Install and Build 🔧
+        run: | # Install npm packages and build the Storybook files
+          npm run build
+          npm run build-storybook
+      - name: Deploy 🚀
+        uses: JamesIves/[email protected]
+        with:
+          branch: gh-pages # The branch the action should deploy to.
+          folder: editioncrafter/storybook-static # The folder that the build-storybook script generates files.
+          clean: true # Automatically remove deleted files from the deploy branch

editioncrafter/src/action/DocumentActions.js

@@ -160,7 +160,7 @@ function parseSingleManifest(manifest, transcriptionTypes, document) {
       const thumbnailURL = `${bodyId}/full/${thumbnailDimensions.join(',')}/0/default.jpg`;
 
       const folio = {
-        id: folioID,
+        id: document ? `${document}_${folioID}` : folioID,
         doc_id: document || manifest.id,
         name: canvasLabel,
         pageNumber: i,

editioncrafter/src/component/DocumentView.js

@@ -368,6 +368,7 @@ const DocumentView = (props) => {
       hasNext: current_hasNext,
       previousFolioShortID: prevID,
       nextFolioShortID: nextID,
+      documentID: doc.variorum ? doc.folioIndex[shortID].doc_id : doc.documentName,
     };
   };
 
@@ -384,6 +385,7 @@ const DocumentView = (props) => {
     const viewType = determineViewType(side);
     const key = viewPaneKey(side);
     const folioID = docView[side].iiifShortID;
+    const document = docView[side].documentID;
     const { transcriptionType } = docView[side];
 
     if (viewType === 'ImageView') {
@@ -425,7 +427,7 @@ const DocumentView = (props) => {
           documentView={docView}
           documentViewActions={documentViewActions}
           side={side}
-          selectedDoc={props.document.variorum && Object.keys(props.document.derivativeNames)[side === 'left' ? 0 : side === 'right' ? 1 : Object.keys(props.document.derivativeNames).length > 2 ? 2 : 1]}
+          selectedDoc={document ? document : props.document.variorum && Object.keys(props.document.derivativeNames)[side === 'left' ? 0 : side === 'right' ? 1 : Object.keys(props.document.derivativeNames).length > 2 ? 2 : 1]}
         />
       );
     } if (viewType === 'GlossaryView') {

editioncrafter/stories/EditionCrafter.stories.js

@@ -57,25 +57,49 @@ export const IntervistePescatori = () => (
   />
 );
 
-export const MultiDocument = () => (
+export const OrnamentDesignTranslation = () => (
   <EditionCrafter
-    documentName='FHL_007548733_TAOS_BAPTISMS_BATCH_2 and eng-415-145a'
-    threePanel
+    documentName='Ornament : Design : Translation'
     documentInfo={{
-      FHL_007548733_TAOS_BAPTISMS_BATCH_2: {
-        documentName: 'Taos Baptisms Batch 2',
+      caryatidum: {
+        documentName: 'caryatidum',
+        transcriptionTypes: {
+          'text-1': 'Text 1',
+          'text-2': 'Text 2',
+        },
+        iiifManifest: 'https://cu-mkp.github.io/odt-editioncrafter-data/texts/caryatidum/iiif/manifest.json',
+      },
+      grotisch_fur_alle_kunstler: {
+        documentName: 'grotisch_fur_alle_kunstler',
+        transcriptionTypes: {
+          'text-1': 'Text 1',
+          'text-2': 'Text 2',
+        },
+        iiifManifest: 'https://cu-mkp.github.io/odt-editioncrafter-data/texts/grotisch_fur_alle_kunstler/iiif/manifest.json',
+      },
+      mansches_de_coutiaus: {
+        documentName: 'mansches_de_coutiaus',
+        transcriptionTypes: {
+          'text-1': 'Text 1',
+          'text-2': 'Text 2',
+        },
+        iiifManifest: 'https://cu-mkp.github.io/odt-editioncrafter-data/texts/mansches_de_coutiaus/iiif/manifest.json',
+      },
+      passio_verbigenae: {
+        documentName: 'passio_verbigenae',
         transcriptionTypes: {
-          translation: 'Translation',
-          transcription: 'Transcription',
+          'text-1': 'Text 1',
+          'text-2': 'Text 2',
         },
-        iiifManifest: 'https://cu-mkp.github.io/editioncrafter/taos-baptisms-example/iiif/manifest.json',
+        iiifManifest: 'https://cu-mkp.github.io/odt-editioncrafter-data/texts/passio_verbigenae/iiif/manifest.json',
       },
-      eng_415_145a: {
-        documentName: 'Eng 415-145a',
+      veelderley_veranderinghe_van_grotissen: {
+        documentName: 'veelderley_veranderinghe_van_grotissen',
         transcriptionTypes: {
-          'eng-415-145a': 'Transcription',
+          'text-1': 'Text 1',
+          'text-2': 'Text 2',
         },
-        iiifManifest: 'https://cu-mkp.github.io/bic-editioncrafter-data/eng-415-145a/iiif/manifest.json',
+        iiifManifest: 'https://cu-mkp.github.io/odt-editioncrafter-data/texts/veelderley_veranderinghe_van_grotissen/iiif/manifest.json',
       },
     }}
   />