@openneuro/app 4.18.1 → 4.19.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openneuro/app",
-  "version": "4.18.1",
+  "version": "4.19.0-alpha.1",
   "description": "React JS web frontend for the OpenNeuro platform.",
   "license": "MIT",
   "main": "public/client.js",
@@ -19,9 +19,9 @@
     "@elastic/apm-rum": "5.11.0",
     "@emotion/react": "11.6.0",
     "@emotion/styled": "11.6.0",
-    "@niivue/niivue": "0.33.1",
-    "@openneuro/client": "^4.18.1",
-    "@openneuro/components": "^4.18.1",
+    "@niivue/niivue": "0.34.0",
+    "@openneuro/client": "^4.19.0-alpha.1",
+    "@openneuro/components": "^4.19.0-alpha.1",
     "bids-validator": "1.10.0",
     "bytes": "^3.0.0",
     "comlink": "^4.0.5",
@@ -75,11 +75,11 @@
     "sass": "^1.32.8",
     "stream-browserify": "^3.0.0",
     "typescript": "4.5.4",
-    "vite": "3.2.3",
+    "vite": "^3.2.7",
     "vitest": "^0.25.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fbd8afe9033abf11e39e17968b3e9f60261a9c01"
+  "gitHead": "42250552695e01915a37f3d00fe6c3476d1661c0"
 }

package/src/scripts/app.tsx

@@ -3,6 +3,7 @@ import Helmet from 'react-helmet'
 import { frontPage } from './pages/front-page/front-page-content'
 import { CookiesProvider, Cookies } from 'react-cookie'
 import { ToastContainer } from 'react-toastify'
+import 'react-toastify/dist/ReactToastify.css'
 import { MediaContextProvider } from './styles/media'
 
 interface AppProps {

package/src/scripts/dataset/draft-container.tsx

@@ -94,15 +94,16 @@ const DraftContainer: React.FC<DraftContainerProps> = ({ dataset }) => {
           {description.Name} - {pageTitle}
         </title>
       </Helmet>
-      {dataset.snapshots && !hasEdit && (
-        <Navigate
-          to={`/datasets/${dataset.id}/versions/${
-            dataset.snapshots.length &&
-            dataset.snapshots[dataset.snapshots.length - 1].tag
-          }`}
-          replace
-        />
-      )}
+      {dataset.snapshots.length !== 0 &&
+        dataset.snapshots[dataset.snapshots.length - 1].tag &&
+        !hasEdit && (
+          <Navigate
+            to={`/datasets/${dataset.id}/versions/${
+              dataset.snapshots[dataset.snapshots.length - 1].tag
+            }`}
+            replace
+          />
+        )}
       <div
         className={`dataset dataset-draft dataset-page dataset-page-${modality?.toLowerCase()}`}>
         <DatasetHeader

package/src/scripts/dataset/files/file-viewer-type.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import FileViewerText from './viewers/file-viewer-text.jsx'
-import FileViewerNifti from './viewers/file-viewer-nifti.jsx'
+import FileViewerNifti from './viewers/file-viewer-nifti'
 import FileViewerJson from './viewers/file-viewer-json.jsx'
 import FileViewerTsv from './viewers/file-viewer-tsv.jsx'
 import FileViewerCsv from './viewers/file-viewer-csv.jsx'
@@ -19,7 +19,12 @@ const FileViewerType = ({ path, url, data }) => {
     path.endsWith('.txt')
   ) {
     return <FileViewerText data={data} />
-  } else if (path.endsWith('.nii.gz') || path.endsWith('.nii') || path.endsWith('.mgh') || path.endsWith('.mgz')) {
+  } else if (
+    path.endsWith('.nii.gz') ||
+    path.endsWith('.nii') ||
+    path.endsWith('.mgh') ||
+    path.endsWith('.mgz')
+  ) {
     return <FileViewerNifti imageUrl={url} />
   } else if (path.endsWith('.json')) {
     return <FileViewerJson data={data} />

package/src/scripts/dataset/files/viewers/{file-viewer-nifti.jsx → file-viewer-nifti.tsx}

@@ -2,7 +2,11 @@ import React, { useEffect, useRef } from 'react'
 import PropTypes from 'prop-types'
 import { Niivue } from '@niivue/niivue'
 
-const FileViewerNifti = ({ imageUrl }) => {
+const FileViewerNifti = ({
+  imageUrl,
+}: {
+  imageUrl: string
+}): React.ReactElement => {
   const canvas = useRef()
   useEffect(() => {
     const volumeList = [
@@ -11,9 +15,11 @@ const FileViewerNifti = ({ imageUrl }) => {
         colorMap: 'gray',
         opacity: 1,
         visible: true,
+        limitFrames4D: 5,
       },
     ]
     const nv = new Niivue({ dragAndDropEnabled: false })
+    ;(window as any).niivue = nv
     nv.attachToCanvas(canvas.current)
     nv.loadVolumes(volumeList) // press the "v" key to cycle through volumes
   }, [imageUrl])

package/src/scripts/dataset/fragments/dataset-alert-draft.tsx

@@ -53,7 +53,7 @@ export const DatasetAlertDraft: React.FC<DatasetAlertDraftProps> = ({
     if (hasDraftChanges) {
       return (
         <DatasetAlert alert="This dataset has been published!" level="warning">
-          There are currently unsaved changes to this Draft. Changes made here
+          There are currently unsaved changes to this draft. Changes made here
           become public when you&#32;
           <Link
             className="dataset-tool"

package/src/scripts/dataset/routes/manage-anonymous-reviewers.tsx

@@ -13,11 +13,13 @@ interface AnonymousReviewerProps {
     id: string
     expiration: Date
   }[]
+  hasSnapshot: boolean
 }
 
 export const AnonymousReviewer: FC<AnonymousReviewerProps> = ({
   datasetId,
   reviewers,
+  hasSnapshot,
 }) => {
   return (
     <div className="dataset-anonymous-form">
@@ -30,7 +32,13 @@ export const AnonymousReviewer: FC<AnonymousReviewerProps> = ({
             one year or until they are removed.
           </p>
         </div>
-        <CreateReviewLink datasetId={datasetId} />
+        {hasSnapshot ? (
+          <CreateReviewLink datasetId={datasetId} />
+        ) : (
+          <p className="text-danger">
+            Please create a dataset version before generating a reviewer link.
+          </p>
+        )}
         {reviewers.length ? (
           <div className="dataset-form-body">
             <h3>Previous Review Links: </h3>

package/src/scripts/dataset/routes/manage-permissions.jsx

@@ -64,7 +64,7 @@ ShareTable.propTypes = {
   permissions: PropTypes.object,
 }
 
-const Share = ({ datasetId, permissions, reviewers }) => {
+const Share = ({ datasetId, permissions, reviewers, hasSnapshot }) => {
   const [userEmail, setUserEmail] = useState('')
   const [access, setAccess] = useState('ro')
 
@@ -127,7 +127,11 @@ const Share = ({ datasetId, permissions, reviewers }) => {
         </div>
       </div>
       <hr />
-      <AnonymousReviewer datasetId={datasetId} reviewers={reviewers} />
+      <AnonymousReviewer
+        datasetId={datasetId}
+        reviewers={reviewers}
+        hasSnapshot={hasSnapshot}
+      />
     </DatasetPageBorder>
   )
 }
@@ -135,6 +139,8 @@ const Share = ({ datasetId, permissions, reviewers }) => {
 Share.propTypes = {
   datasetId: PropTypes.string,
   permissions: PropTypes.object,
+  reviewers: PropTypes.array,
+  hasSnapshot: PropTypes.boolean,
 }
 
 export default Share

package/src/scripts/dataset/routes/snapshot.jsx

@@ -63,9 +63,9 @@ const SnapshotRoute = ({ datasetId, snapshots, issues, description }) => {
           {updateToCC0 && (
             <p>
               <strong>Notice:</strong> The current license{' '}
-              <i>&quote;{draftLicense}&quote;</i> will be updated to
-              &quote;CC0&quote; when the version is created. Please see FAQ item
-              &quote;Are there any restrictions on the uploaded data?&quote; for
+              <i>&quot;{draftLicense}&quot;</i> will be updated to
+              &quot;CC0&quot; when the version is created. Please see FAQ item
+              &quot;Are there any restrictions on the uploaded data?&quot; for
               details.
             </p>
           )}

package/src/scripts/dataset/routes/tab-routes-draft.tsx

@@ -55,6 +55,7 @@ export const TabRoutesDraft = ({ dataset, hasEdit }) => {
             datasetId={dataset.id}
             permissions={dataset.permissions}
             reviewers={dataset.reviewers}
+            hasSnapshot={dataset.snapshots.length}
           />
         }
       />