GlobalDataverseCommunityConsortium · kaitlinnewson · Nov 3, 2021 · Nov 3, 2021 · Nov 8, 2021 · Nov 8, 2021
diff --git a/5.2curlcommands.md b/5.2curlcommands.md
diff --git a/README.md b/README.md
@@ -17,6 +17,26 @@ Note that Dataverse installations configured to redirect to S3 storage for file
 
 Also note that using the commands below means that your installation will automatically start using updated versions of the previewers when the master branch of this repository is updated. We intend to announce upcoming changes on the dataverse-community@google-groups.com mailing list, but if you do not want this behavior, you can download the previewers and host them on your own server, adjusting the curl commands below to reference your local copies.
 
+## Updates
+
+There are two options to update to new versions:
+
+##### API Method
+
+Use the Dataverse API to list all of the registered previewers and to then delete each old version. Then follow the new installation instructions
+
+    curl http://localhost:8080/api/admin/externalTools
+and, for each tool registered, delete them by id number:
+
+    curl -X DELETE http://localhost:8080/api/admin/externalTools/<id>
+
+##### Database method
+
+Alternately, one can update the toolurl column in the externaltool table via SQL to change the repository and/or the version used. For example:
+
+    update externaltool set toolurl=REPLACE(toolurl, 'globaldataversecommunityconsortium.github.io/dataverse-previewers/previewers', 'gdcc.github.io/dataverse-previewers/previewers/v1.1');
+
+
 ## How do they work?
 
 The tools here are lightweight wrappers around standard HTML5 functionality (e.g. audio, video), or third-party libraries (pdf, spreadsheets) or some combination (e.g. standard image displays with a third-party library to allow zooming, simple text/html displays with third-party libraries used to sanitize content to avoid security issues).

diff --git a/pre5.2curlcommands.md b/pre5.2curlcommands.md
diff --git a/previewers/v1.1.1/AudioPreview.html b/previewers/v1.1.1/AudioPreview.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<meta charset="utf-8">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/xss.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/audio.js"></script>
+<script src="lib/jquery.i18n.js"></script>
+<script src="lib/jquery.i18n.messagestore.js"></script>
+<script src="lib/jquery.i18n.language.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/retriever.js"></script>
+<!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+<!-- Optional theme -->
+<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"><link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+<link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+</head>
+<body class="container">
+<img id='logo'></img>
+<H1 class="page-title audioPreviewText">Audio Preview
+</H1>
+<div class='preview-container'>
+<div class='preview-header'></div>
+<div class='preview'></div>
+</div>
+</body>
+</html>
+
diff --git a/previewers/v1.1.1/HtmlPreview.html b/previewers/v1.1.1/HtmlPreview.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+<meta charset="utf-8">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/xss.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/html.js"></script>
+<script src="lib/jquery.i18n.js"></script>
+<script src="lib/jquery.i18n.messagestore.js"></script>
+<script src="lib/jquery.i18n.language.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/retriever.js"></script>
+<!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+<!-- Optional theme -->
+<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"><link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+<link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+</head>
+<body class="container">
+<img id='logo'></img>
+<H1 class="page-title htmlPreviewText">Html Preview
+</H1>
+<div class='preview-container'>
+<div class='preview-header'></div>
+<div class='preview'></div>
+</div>
+</body>
+</html>
diff --git a/previewers/v1.1.1/HypothesisPreview.html b/previewers/v1.1.1/HypothesisPreview.html
@@ -0,0 +1,28 @@
+<html>
+<head>
+<meta charset="utf-8">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/xss.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/showdown.min.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/showdown-xss-filter.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/hypothesis.js"></script>
+<script src="lib/jquery.i18n.js"></script>
+<script src="lib/jquery.i18n.messagestore.js"></script>
+<script src="lib/jquery.i18n.language.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/retriever.js"></script>
+<!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+<!-- Optional theme -->
+<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"><link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+<link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+</head>
+<body class="container">
+<img id='logo'></img>
+<H1 class="page-title">
+<a href="https://qdr.syr.edu/ati">ATI</a><span class="annotationsText">Annotations</span>
+</H1>
+<div class='preview-header'></div>
+<div class="hypothesis">
+</div>
+</body>
+</html>
diff --git a/previewers/v1.1.1/ImagePreview.html b/previewers/v1.1.1/ImagePreview.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<meta charset="utf-8">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/xss.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/image.js"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-zoom/1.7.21/jquery.zoom.min.js"></script>
+<script src="lib/jquery.i18n.js"></script>
+<script src="lib/jquery.i18n.messagestore.js"></script>
+<script src="lib/jquery.i18n.language.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/retriever.js"></script>
+<!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+<!-- Optional theme -->
+<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"><link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+<link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+</head>
+<body class="container">
+<img id='logo'></img>
+<H1 class="page-title imagePreviewText">Image Preview
+</H1>
+<div class='preview-container'>
+<div class='preview-header'></div>
+<div class='preview'></div>
+</div>
+</body>
+</html>
diff --git a/previewers/v1.1.1/PDFPreview.html b/previewers/v1.1.1/PDFPreview.html
@@ -0,0 +1,40 @@
+<html>
+<head>
+<meta charset="utf-8">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/xss.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/pdfpreview.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/pdf.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/pdf.worker.js"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-zoom/1.7.21/jquery.zoom.min.js"></script>
+<script src="lib/jquery.i18n.js"></script>
+<script src="lib/jquery.i18n.messagestore.js"></script>
+<script src="lib/jquery.i18n.language.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/retriever.js"></script>
+<!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+<!-- Optional theme -->
+<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"><link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+<link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+<link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/lds-spinner.css"/>
+
+</head>
+<body class="container">
+<img id='logo'></img>
+<H1 class="page-title pdfPreviewText">PDF Preview
+</H1>
+<div class='preview-container'>
+<div class='preview-header'></div>
+<div class='preview'>
+<div>
+  <button id="prev">Previous</button>
+  <button id="next">Next</button>
+  &nbsp; &nbsp;
+  <span class="pageText">Page:</span> <span id="page_num"></span> / <span id="page_count"></span>
+</div>
+<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>
+<canvas id="the-canvas"></canvas>
+</div>
+</div>
+</body>
+</html>
diff --git a/previewers/v1.1.1/SpreadsheetPreview.html b/previewers/v1.1.1/SpreadsheetPreview.html
@@ -0,0 +1,33 @@
+<html >
+<head>
+<meta charset="utf-8">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/xss.js"></script>
+<script src="https://cdn.jsdelivr.net/handsontable/0.28.4/handsontable.full.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/papaparse@5"></script>
+
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/spreadsheet.js"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-zoom/1.7.21/jquery.zoom.min.js"></script>
+<script src="lib/jquery.i18n.js"></script>
+<script src="lib/jquery.i18n.messagestore.js"></script>
+<script src="lib/jquery.i18n.language.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/retriever.js"></script>
+<!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+<!-- Optional theme -->
+<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"><link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/handsontable/0.28.4/handsontable.full.min.css">
+<link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+</head>
+<body class="container">
+<img id='logo'></img>
+<H1 class="page-title spreadsheetViewerText">Spreadsheet Viewer
+</H1>
+<div class='preview-container'>
+<div class='preview-header'></div>
+<div class='preview'>
+    <div id="handsontable-container"></div>
+</div>
+</div>
+</body>
+</html>
diff --git a/previewers/v1.1.1/TextPreview.html b/previewers/v1.1.1/TextPreview.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<meta charset="utf-8">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/xss.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/text.js"></script>
+<script src="lib/jquery.i18n.js"></script>
+<script src="lib/jquery.i18n.messagestore.js"></script>
+<script src="lib/jquery.i18n.language.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/retriever.js"></script>
+<!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+<!-- Optional theme -->
+<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"><link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+<link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+</head>
+<body class="container">
+<img id='logo'></img>
+<H1 class="page-title textPreviewText">Text Preview
+</H1>
+<div class='preview-container'>
+<div class='preview-header'></div>
+<div class='preview'></div>
+</div>
+</body>
+</html>
diff --git a/previewers/v1.1.1/VideoPreview.html b/previewers/v1.1.1/VideoPreview.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+<meta charset="utf-8">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/xss.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/video.js"></script>
+<script src="lib/jquery.i18n.js"></script>
+<script src="lib/jquery.i18n.messagestore.js"></script>
+<script src="lib/jquery.i18n.language.js"></script>
+<script type="text/javascript" src="/dataverse-previewers/previewers/js/retriever.js"></script>
+<!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
+<!-- Optional theme -->
+<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"><link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+<link type="text/css" rel="stylesheet" href="/dataverse-previewers/previewers/css/preview.css"/>
+</head>
+<body class="container">
+<img id='logo'></img>
+<H1 class="page-title videoPreviewText">Video Preview
+</H1>
+<div class='preview-container'>
+<div class='preview-header'></div>
+<div class='preview'></div>
+</div>
+</body>
+</html>
diff --git a/previewers/v1.1.1/css/lds-spinner.css b/previewers/v1.1.1/css/lds-spinner.css
@@ -0,0 +1,76 @@
+.lds-spinner {
+  color: official;
+  position: relative;
+  margin: 20% 10% 10% 30%;
+}
+.lds-spinner div {
+  transform-origin: 128px 128px;
+  animation: lds-spinner 1.2s linear infinite;
+}
+.lds-spinner div:after {
+  content: " ";
+  display: block;
+  position: absolute;
+  top: 3px;
+  left: 122px;
+  width: 10px;
+  height: 64px;
+  border-radius: 20%;
+  background: #999;
+}
+.lds-spinner div:nth-child(1) {
+  transform: rotate(0deg);
+  animation-delay: -1.1s;
+}
+.lds-spinner div:nth-child(2) {
+  transform: rotate(30deg);
+  animation-delay: -1s;
+}
+.lds-spinner div:nth-child(3) {
+  transform: rotate(60deg);
+  animation-delay: -0.9s;
+}
+.lds-spinner div:nth-child(4) {
+  transform: rotate(90deg);
+  animation-delay: -0.8s;
+}
+.lds-spinner div:nth-child(5) {
+  transform: rotate(120deg);
+  animation-delay: -0.7s;
+}
+.lds-spinner div:nth-child(6) {
+  transform: rotate(150deg);
+  animation-delay: -0.6s;
+}
+.lds-spinner div:nth-child(7) {
+  transform: rotate(180deg);
+  animation-delay: -0.5s;
+}
+.lds-spinner div:nth-child(8) {
+  transform: rotate(210deg);
+  animation-delay: -0.4s;
+}
+.lds-spinner div:nth-child(9) {
+  transform: rotate(240deg);
+  animation-delay: -0.3s;
+}
+.lds-spinner div:nth-child(10) {
+  transform: rotate(270deg);
+  animation-delay: -0.2s;
+}
+.lds-spinner div:nth-child(11) {
+  transform: rotate(300deg);
+  animation-delay: -0.1s;
+}
+.lds-spinner div:nth-child(12) {
+  transform: rotate(330deg);
+  animation-delay: 0s;
+}
+@keyframes lds-spinner {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}