@openneuro/app 4.7.1-alpha.0 → 4.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openneuro/app",
-  "version": "4.7.1-alpha.0",
+  "version": "4.7.2",
   "description": "React JS web frontend for the OpenNeuro platform.",
   "license": "MIT",
   "main": "public/client.js",
@@ -20,8 +20,8 @@
     "@emotion/react": "11.6.0",
     "@emotion/styled": "11.6.0",
     "@niivue/niivue": "0.23.1",
-    "@openneuro/client": "^4.7.1-alpha.0",
-    "@openneuro/components": "^4.7.1-alpha.0",
+    "@openneuro/client": "^4.7.2",
+    "@openneuro/components": "^4.7.2",
     "babel-runtime": "^6.26.0",
     "bids-validator": "1.9.3",
     "bytes": "^3.0.0",
@@ -120,5 +120,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f6f24dab2727d20d5d5bcbd36d30a9e7b5ab0ff7"
+  "gitHead": "48801457dc6bd8c00f927f52a3f0b43e4629708b"
 }

package/src/scripts/dataset/dataset-query.jsx

@@ -57,6 +57,12 @@ export const getDatasetPage = gql`
         downloads
         views
       }
+      derivatives {
+        name
+        s3Url
+        dataladUrl
+        local
+      }
       onBrainlife
     }
   }
@@ -106,6 +112,12 @@ export const getDraftPage = gql`
         downloads
         views
       }
+      derivatives {
+        name
+        s3Url
+        dataladUrl
+        local
+      }
     }
   }
   ${DatasetQueryFragments.DRAFT_FRAGMENT}

package/src/scripts/dataset/download/download-derivative-datalad.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import ShellExample from './shell-example.jsx'
+
+interface DownloadDataLadDerivativesProps {
+  url: string
+}
+
+const DownloadDataLadDerivative = ({
+  url,
+}: DownloadDataLadDerivativesProps): JSX.Element => (
+  <div>
+    <h4>
+      Download with <a href="https://www.datalad.org">DataLad</a>
+    </h4>
+    <ShellExample>datalad install {url}</ShellExample>
+  </div>
+)
+
+export default DownloadDataLadDerivative

package/src/scripts/dataset/download/download-derivative-s3.tsx

@@ -0,0 +1,23 @@
+import React from 'react'
+import ShellExample from './shell-example.jsx'
+
+interface DownloadS3DerivativesProps {
+  name: string
+  url: string
+}
+
+const DownloadS3Derivatives = ({
+  name,
+  url,
+}: DownloadS3DerivativesProps): JSX.Element => (
+  <div>
+    <h4>
+      Download from <a href="https://aws.amazon.com/cli/">S3</a>
+    </h4>
+    <ShellExample>
+      aws s3 sync --no-sign-request {url} {name}
+    </ShellExample>
+  </div>
+)
+
+export default DownloadS3Derivatives

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

@@ -84,6 +84,7 @@ const DraftContainer: React.FC<DraftContainerProps> = ({ dataset }) => {
   const isDatasetAdmin =
     hasDatasetAdminPermissions(dataset.permissions, profile?.sub) || isAdmin
   const modality: string = summary?.modalities[0] || ''
+  const hasDerivatives = dataset?.derivatives.length > 0
 
   return (
     <>
@@ -183,6 +184,7 @@ const DraftContainer: React.FC<DraftContainerProps> = ({ dataset }) => {
                 isAdmin={isAdmin}
                 hasSnapshot={dataset.snapshots.length !== 0}
                 isDatasetAdmin={isDatasetAdmin}
+                hasDerivatives={hasDerivatives}
               />
               <DatasetPageTabContainer>
                 <TabRoutesDraft dataset={dataset} hasEdit={hasEdit} />

package/src/scripts/dataset/routes/derivatives.tsx

@@ -0,0 +1,77 @@
+import React from 'react'
+import DownloadS3Derivative from '../download/download-derivative-s3'
+import DownloadDataLadDerivative from '../download/download-derivative-datalad'
+import { DatasetPageBorder } from './styles/dataset-page-border'
+import { HeaderRow3 } from './styles/header-row'
+
+interface DerivativeElementProps {
+  name: string
+  s3Url: string
+  dataladUrl: string
+  local: boolean
+}
+
+const DerivativeElement = ({
+  name,
+  s3Url,
+  dataladUrl,
+  local,
+}: DerivativeElementProps): JSX.Element => {
+  if (local) {
+    return null
+  } else {
+    return (
+      <>
+        <hr />
+        <h3>
+          <a href={dataladUrl}>{name}</a>
+        </h3>
+        {s3Url && <DownloadS3Derivative url={s3Url} name={name} />}
+        {dataladUrl && <DownloadDataLadDerivative url={dataladUrl} />}
+      </>
+    )
+  }
+}
+
+interface DerivativesProps {
+  derivatives: DerivativeElementProps[]
+}
+
+const Derivatives = ({ derivatives }: DerivativesProps): JSX.Element => {
+  return (
+    <DatasetPageBorder>
+      <HeaderRow3>Available Derivatives</HeaderRow3>
+      <h5>Acknowledgements</h5>
+      <p>
+        These derivatives were generated on the{' '}
+        <a href="https://www.tacc.utexas.edu/">
+          Texas Advanced Computing Center
+        </a>{' '}
+        Frontera computing system [1] through their{' '}
+        <a href="https://frontera-portal.tacc.utexas.edu/allocations/">
+          Pathways allocation
+        </a>
+        . This work was also funded by the{' '}
+        <a href="https://grantome.com/grant/NIH/R24-MH117179-03">
+          NIH BRAIN Initiative
+        </a>
+        .
+      </p>
+      <p>
+        [1]: Dan Stanzione, John West, R. Todd Evans, Tommy Minyard, Omar
+        Ghattas, and Dhabaleswar K. Panda. 2020. Frontera: The Evolution of
+        Leadership Computing at the National Science Foundation. In Practice and
+        Experience in Advanced Research Computing (PEARC ’20), July 26–30, 2020,
+        Portland, OR, USA. ACM, New York, NY, USA, 11 pages.
+        <a href="https://doi.org/10.1145/3311790.3396656">
+          https://doi.org/10.1145/3311790.3396656
+        </a>
+      </p>
+      {derivatives.map(derivative => (
+        <DerivativeElement key={derivative.name} {...derivative} />
+      ))}
+    </DatasetPageBorder>
+  )
+}
+
+export default Derivatives

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

@@ -8,6 +8,7 @@ import Publish from './publish'
 import Share from './manage-permissions'
 import Snapshot from './snapshot'
 import AddMetadata from './add-metadata'
+import Derivatives from './derivatives'
 import FileDisplay from '../files/file-display'
 
 export const TabRoutesDraft = ({ dataset, hasEdit }) => {
@@ -28,6 +29,11 @@ export const TabRoutesDraft = ({ dataset, hasEdit }) => {
           />
         )}
       />
+      <Route
+        exact
+        path="/datasets/:datasetId/derivatives"
+        component={() => <Derivatives derivatives={dataset.derivatives} />}
+      />
       <Route
         exact
         path="/datasets/:datasetId/delete"

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

@@ -5,6 +5,7 @@ import DownloadDataset from './download-dataset'
 import { DeprecateSnapshotPage } from './deprecate-snapshot-page'
 import FileDisplay from '../files/file-display'
 import AddMetadata from './add-metadata'
+import Derivatives from './derivatives'
 
 export const TabRoutesSnapshot = ({ dataset, snapshot }) => {
   return (
@@ -26,6 +27,11 @@ export const TabRoutesSnapshot = ({ dataset, snapshot }) => {
           />
         )}
       />
+      <Route
+        exact
+        path="/datasets/:datasetId/versions/:snapshotId/derivatives"
+        component={() => <Derivatives derivatives={dataset.derivatives} />}
+      />
       <Route
         exact
         path="/datasets/:datasetId/versions/:snapshotTag/deprecate"

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

@@ -86,6 +86,7 @@ const SnapshotContainer: React.FC<SnapshotContainerProps> = ({
   const isDatasetAdmin =
     hasDatasetAdminPermissions(dataset.permissions, profile?.sub) || isAdmin
   const modality: string = summary?.modalities[0] || ''
+  const hasDerivatives = dataset?.derivatives.length > 0
 
   return (
     <>
@@ -170,6 +171,7 @@ const SnapshotContainer: React.FC<SnapshotContainerProps> = ({
                   snapshotId={snapshot.tag}
                   isAdmin={isAdmin}
                   isDatasetAdmin={isDatasetAdmin}
+                  hasDerivatives={hasDerivatives}
                 />
               </div>
               <DatasetPageTabContainer>