gdcc · qqmyers · Sep 29, 2023 · Oct 5, 2023 · Oct 5, 2023 · Oct 5, 2023
diff --git a/5.2curlcommands.md b/5.2curlcommands.md
@@ -744,6 +744,31 @@ curl -X POST -H 'Content-type: application/json' http://localhost:8080/api/admin
 }'
 ```
 
+### Jupyter Notebook Previewer
+
+```bash
+curl -X POST -H 'Content-type: application/json' http://localhost:8080/api/admin/externalTools -d \
+'{
+  "displayName":"Show Jupyter Notebook",
+  "description":"View the Jupyter Notebook file.",
+  "toolName":"jupyterPreviewer",
+  "scope":"file",
+  "types":["preview"],
+  "toolUrl":"https://gdcc.github.io/dataverse-previewers/previewers/betatest/JupyterPreview.html",
+  "toolParameters": {
+      "queryParameters":[
+        {"fileid":"{fileId}"},
+        {"siteUrl":"{siteUrl}"},
+        {"datasetid":"{datasetId}"},
+        {"datasetversion":"{datasetVersion}"},
+        {"locale":"{localeCode}"}
+        {"key":"{apiToken}"}
+      ]
+    },
+  "contentType":"application/x-ipynb+json"
+}'
+```
+
 ### ESRI Shape Previewer
 
 This previewer includes a hard-coded file size limit of a zipped shp file of 20 MB (larger zips will not be loaded). If you want to change this limit you can change the value in "previewers/v1.5/js/mapshp.js", but then you have to host the customised previewer yourself (e.g. via github pages). Instructions on how to build external tools yourself can be found here: https://guides.dataverse.org/en/latest/api/external-tools.html. 

diff --git a/6.1curlcommands.md b/6.1curlcommands.md
@@ -1311,6 +1311,42 @@ curl -X POST -H 'Content-type: application/json' http://localhost:8080/api/admin
   ]
 }'
 ```
+
+### Jupyter Notebook Previewer
+
+```bash
+curl -X POST -H 'Content-type: application/json' http://localhost:8080/api/admin/externalTools -d \
+'{
+  "displayName":"Show Jupyter Notebook",
+  "description":"View the Jupyter Notebook file.",
+  "toolName":"jupyterPreviewer",
+  "scope":"file",
+  "types":["preview"],
+  "toolUrl":"https://gdcc.github.io/dataverse-previewers/previewers/betatest/JupyterPreview.html",
+  "contentType":"application/x-ipynb+json",
+  "allowedApiCalls": [ 
+     { 
+       "name": "retrieveFileContents", 
+       "httpMethod": "GET", 
+       "urlTemplate": "/api/v1/access/datafile/{fileId}?gbrecs=true", 
+       "timeOut": 3600 
+     }, 
+     { 
+       "name": "downloadFile", 
+       "httpMethod": "GET", 
+       "urlTemplate": "/api/v1/access/datafile/{fileId}?gbrecs=false", 
+       "timeOut": 3600 
+     }, 
+     { 
+       "name": "getDatasetVersionMetadata", 
+       "httpMethod": "GET", 
+       "urlTemplate": "/api/v1/datasets/{datasetId}/versions/{datasetVersion}", 
+       "timeOut": 3600 
+     } 
+   ]
+}'
+```
+
 ### ESRI Shape Previewer
 
 This previewer includes a hard-coded file size limit of a zipped shp file of 20 MB (larger zips will not be loaded). If you want to change this limit you can change the value in "previewers/v1.5/js/mapshp.js", but then you have to host the customised previewer yourself (e.g. via github pages). Instructions on how to build external tools yourself can be found here: https://guides.dataverse.org/en/latest/api/external-tools.html. 
@@ -1797,3 +1833,137 @@ curl -X POST -H 'Content-type: application/json' http://localhost:8080/api/admin
 ## Beta Versions:
 As updates and additions are made, they will be added to a /betatest sub-folder which will make them accessible to users via github.io without affecting people who are using the latest numbered release (e.g. v1.5). When previewers in the betatest branch are included in the next release (e.g. v1.6), sites may wish to change their registration of the tools to use the stable version as the betatest version may continue to receive changes.
 
+### CDI Previewer
+
+```bash
+curl -X POST -H 'Content-type: application/json' http://localhost:8080/api/admin/externalTools -d \
+'{
+  "displayName":"View CDI Metadata",
+  "description":"View DDI Cross-Domain Integration (CDI) metadata file using SHACL shapes.",
+  "toolName":"cdiPreviewer",
+  "scope":"file",
+  "types":["preview"],
+  "toolUrl":"https://gdcc.github.io/dataverse-previewers/previewers/betatest/CdiPreview.html",
+  "toolParameters": {
+      "queryParameters":[
+        {"fileid":"{fileId}"},
+        {"siteUrl":"{siteUrl}"},
+        {"datasetid":"{datasetId}"},
+        {"datasetversion":"{datasetVersion}"},
+        {"locale":"{localeCode}"}
+      ]
+    },
+  "contentType":"application/ld+json; profile=\"http://www.w3.org/ns/json-ld#flattened http://www.w3.org/ns/json-ld#compacted https://ddialliance.org/specification/ddi-cdi/1.0\"",
+  "allowedApiCalls": [
+    {
+      "name": "retrieveFileContents",
+      "httpMethod": "GET",
+      "urlTemplate": "/api/v1/access/datafile/{fileId}?gbrecs=true",
+      "timeOut": 3600
+    },
+    {
+      "name": "downloadFile",
+      "httpMethod": "GET",
+      "urlTemplate": "/api/v1/access/datafile/{fileId}?gbrecs=false",
+      "timeOut": 3600
+    },
+    {
+      "name": "getDatasetVersionMetadata",
+      "httpMethod": "GET",
+      "urlTemplate": "/api/v1/datasets/{datasetId}/versions/{datasetVersion}",
+      "timeOut": 3600
+    }
+  ]
+}'
+```
+
+### QDAS Previewers
+
+These previewers support the [REFI-QDA standard](https://www.qdasoftware.org/) format for qualitative research files.
+They allow viewing of the authors, codes, sources, annotations, and relationships listed in the codebook, 
+with added functionality to view code use frequency and filter by the entries in these tables. The REFI-QDA Project previewer
+also allows viewing the annotation anchor text retrieved from the zipped source files.
+
+```bash
+curl -X POST -H 'Content-type: application/json' http://localhost:8080/api/admin/externalTools -d \
+'{
+  "displayName":"View REFI-QDA Project",
+  "description":"View the contents of a REFI-QDA project file.",
+  "toolName":"refiqdaProjectPreviewer",
+  "scope":"file",
+  "types":["preview"],
+  "toolUrl":"https://gdcc.github.io/dataverse-previewers/previewers/betatest/REFIQDPXPreview.html",
+  "toolParameters": {
+      "queryParameters":[
+        {"fileid":"{fileId}"},
+        {"siteUrl":"{siteUrl}"},
+        {"datasetid":"{datasetId}"},
+        {"datasetversion":"{datasetVersion}"},
+        {"locale":"{localeCode}"}
+      ]
+    },
+  "contentType":"application/x-zip-refiqda",
+  "allowedApiCalls": [
+    {
+      "name": "retrieveFileContents",
+      "httpMethod": "GET",
+      "urlTemplate": "/api/v1/access/datafile/{fileId}?gbrecs=true",
+      "timeOut": 3600
+    },
+    {
+      "name": "downloadFile",
+      "httpMethod": "GET",
+      "urlTemplate": "/api/v1/access/datafile/{fileId}?gbrecs=false",
+      "timeOut": 3600
+    },
+    {
+      "name": "getDatasetVersionMetadata",
+      "httpMethod": "GET",
+      "urlTemplate": "/api/v1/datasets/{datasetId}/versions/{datasetVersion}",
+      "timeOut": 3600
+    }
+  ]
+}'
+```
+
+```bash
+curl -X POST -H 'Content-type: application/json' http://localhost:8080/api/admin/externalTools -d \
+'{
+  "displayName":"View REFI-QDA Codebook",
+  "description":"View the contents of a REFI-QDA codebook file.",
+  "toolName":"refiqdaCodebookPreviewer",
+  "scope":"file",
+  "types":["preview"],
+  "toolUrl":"https://gdcc.github.io/dataverse-previewers/previewers/betatest/REFIQDAPreview.html",
+  "toolParameters": {
+      "queryParameters":[
+        {"fileid":"{fileId}"},
+        {"siteUrl":"{siteUrl}"},
+        {"datasetid":"{datasetId}"},
+        {"datasetversion":"{datasetVersion}"},
+        {"locale":"{localeCode}"}
+      ]
+    },
+  "contentType":"text/x-xml-refiqda",
+  "allowedApiCalls": [
+    {
+      "name": "retrieveFileContents",
+      "httpMethod": "GET",
+      "urlTemplate": "/api/v1/access/datafile/{fileId}?gbrecs=true",
+      "timeOut": 3600
+    },
+    {
+      "name": "downloadFile",
+      "httpMethod": "GET",
+      "urlTemplate": "/api/v1/access/datafile/{fileId}?gbrecs=false",
+      "timeOut": 3600
+    },
+    {
+      "name": "getDatasetVersionMetadata",
+      "httpMethod": "GET",
+      "urlTemplate": "/api/v1/datasets/{datasetId}/versions/{datasetVersion}",
+      "timeOut": 3600
+    }
+  ]
+}'
+```
diff --git a/README.md b/README.md
@@ -72,7 +72,7 @@ The image previewer only works with image/tiff files on some browsers (as of ~Ja
 
 The original tools were developed through the [Qualitative Data Repository](https://qdr.syr.edu) but are being offered to the Dataverse community at large.
 
-[qqmyers](https://github.com/qqmyers) - developer of the original previewer framework, contributions to the Rich Html Previewer, Voyager Previewer, updating to use signed URLs
+[qqmyers](https://github.com/qqmyers) - developer of the original previewer framework, contributions to the Rich Html Previewer, Voyager Previewer, REFI-QDA previewers, updating to use signed URLs
 
 The Spreadsheet Previewer was contributed by [anncie-pcss](https://github.com/anncie-pcss).
 
@@ -84,7 +84,7 @@ The Spreadsheet Previewer was contributed by [anncie-pcss](https://github.com/an
 
 [Max Planck Digital Library](https://github.com/MPDL) contributed the ZIP Previewer.
 
-[erykkul](https://github.com/erykkul) contributed the Markdown (MD) Previewer and the RO-Crate previewer.
+[erykkul](https://github.com/erykkul) contributed the Markdown (MD) Previewer, the RO-Crate previewer, and the CDI (DDI Cross-Domain Integration) previewer. The CDI previewer displays all JSON-LD data nodes and properties with real-time SHACL validation, smart property classification (required/optional/extra fields), support for complex nested objects, and editing capabilities. See [https://github.com/libis/cdi-viewer](https://github.com/libis/cdi-viewer) for the source code, documentation and implementation details.
 
 [Jan Range](https://github.com/JR-1991) contributed the H5Web Previewer, Rich Html Previewer.
 

diff --git a/previewers/betatest/AudioPreview.html b/previewers/betatest/AudioPreview.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 
 <head>

diff --git a/previewers/betatest/CdiPreview.html b/previewers/betatest/CdiPreview.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>CDI Data Viewer & Editor</title>
+
+    <!-- External CSS -->
+    <link
+      rel="stylesheet"
+      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
+    />
+
+    <!-- External JavaScript Libraries -->
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
+    <!-- CDI Viewer Application (ES6 modules with SHACL + SPARQL validation) -->
+    <script src="lib/cdi-viewer.bundle.min.js"></script>
+  </head>
+
+  <body>
+    <script>loadBody()</script>
+  </body>
+</html>
diff --git a/previewers/betatest/HtmlPreview.html b/previewers/betatest/HtmlPreview.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 
 <head>

diff --git a/previewers/betatest/HypothesisPreview.html b/previewers/betatest/HypothesisPreview.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 
 <head>

diff --git a/previewers/betatest/ImagePreview.html b/previewers/betatest/ImagePreview.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 
 <head>

diff --git a/previewers/betatest/JupyterPreview.html b/previewers/betatest/JupyterPreview.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description"
+        content="Jupyter Notebook previewer for Dataverse - renders .ipynb files with syntax highlighting, markdown support, and mathematical expressions">
+
+    <!-- Page title - dynamically updated via i18n -->
+    <title class="jupyterPreviewText">Jupyter Notebook Preview</title>
+
+    <!-- Core JavaScript libraries -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script type="text/javascript" src="js/xss.js"></script>
+
+    <!-- Prism.js for syntax highlighting in code cells -->
+    <!-- Provides comprehensive syntax highlighting for multiple programming languages commonly used in Jupyter notebooks -->
+    <link rel="stylesheet" href="https://unpkg.com/prismjs/themes/prism.css">
+    <script src="https://unpkg.com/prismjs/prism.js"></script>
+    <script src="https://unpkg.com/prismjs/components/prism-python.min.js"></script>
+    <script src="https://unpkg.com/prismjs/components/prism-julia.min.js"></script>
+    <script src="https://unpkg.com/prismjs/components/prism-r.min.js"></script>
+
+    <!-- Markdown rendering and notebook parsing libraries -->
+    <!-- marked.js converts markdown text in notebook cells to HTML -->
+    <!-- notebookjs parses and renders the complete Jupyter notebook structure -->
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/notebookjs@0.8.3/notebook.min.js"></script>
+
+    <!-- KaTeX for mathematical expression rendering -->
+    <!-- Provides fast, high-quality rendering of LaTeX mathematical notation commonly found in scientific notebooks -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.12.0/katex.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.12.0/katex.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.12.0/contrib/auto-render.min.js"></script>
+
+    <!-- Internationalization (i18n) support -->
+    <!-- Enables multi-language support for the previewer interface -->
+    <script src="lib/jquery.i18n.js"></script>
+    <script src="lib/jquery.i18n.messagestore.js"></script>
+    <script src="lib/jquery.i18n.language.js"></script>
+
+    <!-- Application-specific JavaScript modules -->
+    <script type="text/javascript" src="js/retriever.js"></script>
+    <script type="text/javascript" src="js/jupyter.js"></script>
+
+    <!-- Bootstrap CSS framework for responsive layout and styling -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
+        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
+        integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
+
+    <!-- Custom stylesheets for preview functionality and loading animations -->
+    <link type="text/css" rel="stylesheet" href="css/preview.css" />
+    <link type="text/css" rel="stylesheet" href="css/lds-spinner.css" />
+
+    <!-- Custom stylesheet for Jupyter notebook styling -->
+    <link type="text/css" rel="stylesheet" href="css/jupyter.css" />
+
+</head>
+
+<body class="container">
+    <main>
+        <img id='logo' alt='Site Logo'>
+        <h1 class="page-title jupyterPreviewText">Jupyter Notebook Preview</h1>
+        <div class='preview-container'>
+            <div class='preview-header'></div>
+            <div class='preview'>
+                <div class="lds-spinner">
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                    <div></div>
+                </div>
+                <div id="notebook"></div>
+            </div>
+        </div>
+    </main>
+</body>
+
+</html>
+
+</html>
diff --git a/previewers/betatest/MapPreview.html b/previewers/betatest/MapPreview.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
     <head>
         <meta charset="utf-8">

diff --git a/previewers/betatest/MapRasterPreview.html b/previewers/betatest/MapRasterPreview.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
     <head>
         <meta charset="utf-8">

diff --git a/previewers/betatest/MapShpPreview.html b/previewers/betatest/MapShpPreview.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
     <head>
         <meta charset="utf-8">

diff --git a/previewers/betatest/MdPreview.html b/previewers/betatest/MdPreview.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 
 <head>

diff --git a/previewers/betatest/NcmlPreview.html b/previewers/betatest/NcmlPreview.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 
 <head>
-Original file line number
+Diff line change
@@ -1,3 +1,4 @@
+    <!DOCTYPE html>
     <html>
     <head>
@@ Expand Down @@