@openneuro/app 4.29.2 → 4.29.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openneuro/app",
-  "version": "4.29.2",
+  "version": "4.29.4",
   "description": "React JS web frontend for the OpenNeuro platform.",
   "license": "MIT",
   "main": "public/client.js",
@@ -20,7 +20,7 @@
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
     "@niivue/niivue": "0.45.1",
-    "@openneuro/components": "^4.29.2",
+    "@openneuro/components": "^4.29.4",
     "@sentry/react": "^8.25.0",
     "@tanstack/react-table": "^8.9.3",
     "buffer": "^6.0.3",
@@ -74,5 +74,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "49918eb60c6c3fdd6568f6864508d7fcee6c0355"
+  "gitHead": "7268dbdc85fafd76416270c82851707778ea7710"
 }

package/src/scripts/dataset/download/download-native.js

@@ -82,7 +82,7 @@ const downloadTree = async (
       // Skip files which are already complete
       if (fileHandle.size == file.size) continue
       const writable = await fileHandle.createWritable()
-      const { body, status, statusText } = await fetch(file.urls.pop())
+      const { body, status, statusText } = await fetch(file.urls[0])
       let loaded = 0
       const progress = new TransformStream({
         transform(chunk, controller) {

package/src/scripts/dataset/files/__tests__/file-types.spec.ts

@@ -0,0 +1,15 @@
+import { isNifti, isNwb } from "../file-types"
+
+describe("isNifti()", () => {
+  it("detects nifti files", () => {
+    expect(isNifti("sub-01/anat/sub-01_T1w.nii.gz")).toBeTruthy()
+    expect(isNifti("dataset_description.json")).toBeFalsy()
+  })
+})
+describe("isNwb()", () => {
+  it("detects nwb/edf files", () => {
+    expect(isNwb("eeg/sub-5_task-oa_eeg.edf")).toBeTruthy()
+    expect(isNwb("eeg/sub-cbm009_task-protmap_eeg.edf")).toBeTruthy()
+    expect(isNwb("sub-01/anat/sub-01_T1w.nii.gz")).toBeFalsy()
+  })
+})

package/src/scripts/dataset/files/file-types.ts

@@ -0,0 +1,10 @@
+export function isNifti(path) {
+  return path.endsWith(".nii.gz") ||
+    path.endsWith(".nii") ||
+    path.endsWith(".mgh") ||
+    path.endsWith(".mgz")
+}
+
+export function isNwb(path) {
+  return path.endsWith(".edf") || path.endsWith(".nwb")
+}

package/src/scripts/dataset/files/file-view.jsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from "react"
 import { Loading } from "@openneuro/components/loading"
 import FileViewerType from "./file-viewer-type.jsx"
+import { isNifti, isNwb } from "./file-types"
 
 const FileView = ({ url, path }) => {
   const [data, setData] = useState(new ArrayBuffer(0))
@@ -15,7 +16,12 @@ const FileView = ({ url, path }) => {
 
   useEffect(() => {
     if (loading) {
-      fetchUrl()
+      // These viewers load their own data
+      if (isNifti(path) || isNwb(path)) {
+        setLoading(false)
+      } else {
+        fetchUrl()
+      }
     }
   })
 

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

@@ -7,6 +7,7 @@ import FileViewerTsv from "./viewers/file-viewer-tsv.jsx"
 import FileViewerCsv from "./viewers/file-viewer-csv.jsx"
 import FileViewerHtml from "./viewers/file-viewer-html.jsx"
 import { FileViewerNeurosift } from "./viewers/file-viewer-neurosift"
+import { isNifti } from "./file-types"
 
 /**
  * Choose the right viewer for each file type
@@ -21,10 +22,7 @@ const FileViewerType = ({ path, url, data }) => {
   ) {
     return <FileViewerText data={data} />
   } else if (
-    path.endsWith(".nii.gz") ||
-    path.endsWith(".nii") ||
-    path.endsWith(".mgh") ||
-    path.endsWith(".mgz")
+    isNifti(path)
   ) {
     return <FileViewerNifti imageUrl={url} />
   } else if (path.endsWith(".json")) {

package/src/scripts/scss/dataset/dataset-tool.scss

@@ -49,18 +49,22 @@
     display: flex;
     justify-content: space-between;
     align-content: center;
-    @media (max-width: 767px) {
+    @media (max-width: 990px) {
       flex-wrap: wrap;
     }
     > span {
       display: block;
-      min-width: 25%;
+      min-width: 23.333333%;
       margin-bottom: 11px;
+      &:nth-child(2){
+        min-width: 30%;
+        word-wrap: break-word;
+      }
       label {
         font-weight: bold;
         font-size: 14px;
         display: none;
-        @media (max-width: 767px) {
+        @media (max-width: 990px) {
           display: block;
         }
       }
@@ -75,7 +79,7 @@
   .data-table-header {
     font-weight: bold;
     font-size: 14px;
-    @media (max-width: 767px) {
+    @media (max-width: 990px) {
       display: none;
     }
   }