@openneuro/app 4.20.4 → 4.20.6-alpha.2

package/src/scripts/utils/datalad.js

@@ -1,4 +1,4 @@
-import { datasets } from '@openneuro/client'
+import { datasets } from "@openneuro/client"
 
 export function trackAnalytics(client, datasetId, options) {
   options = options || {}

package/src/scripts/utils/dataset-url.js

@@ -1,3 +1,3 @@
-import { config } from '../config'
+import { config } from "../config"
 
-export const getDatasetUrl = dataset => `${config.url}/datasets/${dataset.id}`
+export const getDatasetUrl = (dataset) => `${config.url}/datasets/${dataset.id}`

package/src/scripts/utils/date.js

@@ -2,5 +2,5 @@
  * Return an equivalent to moment(date).format('L') without moment
  * @param {*} dateObject
  */
-export const formatDate = dateObject =>
-  new Date(dateObject).toISOString().split('T')[0]
+export const formatDate = (dateObject) =>
+  new Date(dateObject).toISOString().split("T")[0]

package/src/scripts/utils/global-polyfill.ts

@@ -5,8 +5,8 @@ interface Object {
 }
 
 function polyfillGlobal(): void {
-  if (typeof global === 'object') return
-  Object.defineProperty(Object.prototype, 'global', {
+  if (typeof global === "object") return
+  Object.defineProperty(Object.prototype, "global", {
     get: () => globalThis,
     configurable: true,
   })

package/src/scripts/utils/gtag.js

@@ -5,18 +5,18 @@ function gtag() {
   globalThis.dataLayer.push(arguments)
 }
 
-gtag('js', new Date())
+gtag("js", new Date())
 
-export const initialize = trackingIds =>
-  trackingIds?.forEach(trackingId => gtag('config', trackingId))
+export const initialize = (trackingIds) =>
+  trackingIds?.forEach((trackingId) => gtag("config", trackingId))
 
-export const pageview = path =>
-  gtag('event', 'page_view', {
+export const pageview = (path) =>
+  gtag("event", "page_view", {
     page_path: path,
   })
 
 export const event = ({ category, action, label }) =>
-  gtag('event', action, {
+  gtag("event", action, {
     event_category: category,
     event_label: label,
   })

package/src/scripts/utils/json-ld.js

@@ -1,22 +1,22 @@
-const formatAuthors = authorList => {
+const formatAuthors = (authorList) => {
   if (authorList.length) {
     const authorsArray = []
     for (const author of authorList) {
       const authorObj = {
-        '@type': 'Person',
+        "@type": "Person",
         name: author,
       }
       // Attempt to handle common "Poldrack, R.A." format
-      if (author.includes(',')) {
-        const [familyName, givenName] = author.split(',')
+      if (author.includes(",")) {
+        const [familyName, givenName] = author.split(",")
         authorObj.familyName = familyName
         authorObj.givenName = givenName
       } else {
         // Probably "Russ Poldrack" name?
-        const nameTokens = author.split(' ') || []
+        const nameTokens = author.split(" ") || []
         authorObj.givenName = nameTokens
           .slice(0, nameTokens.length - 1)
-          .join(' ')
+          .join(" ")
         authorObj.familyName = nameTokens[nameTokens.length - 1]
       }
       authorsArray.push(authorObj)
@@ -27,24 +27,24 @@ const formatAuthors = authorList => {
   }
 }
 
-const schemaGenerator = snapshot => {
+const schemaGenerator = (snapshot) => {
   try {
     const schema = {
-      '@context': 'http://schema.org',
-      '@type': 'Dataset',
+      "@context": "http://schema.org",
+      "@type": "Dataset",
       name: snapshot.description.Name,
       author: formatAuthors(snapshot.description.Authors),
       datePublished: snapshot.created,
       dateModified: snapshot.created,
-      license: 'https://creativecommons.org/publicdomain/zero/1.0/',
+      license: "https://creativecommons.org/publicdomain/zero/1.0/",
       publisher: {
-        '@type': 'Organization',
-        name: 'OpenNeuro',
+        "@type": "Organization",
+        name: "OpenNeuro",
       },
       description: snapshot.readme,
       version: snapshot.tag,
       url: `https://openneuro.org/datasets/${
-        snapshot.id.split(':')[0]
+        snapshot.id.split(":")[0]
       }/versions/${snapshot.tag}`,
     }
 

package/src/scripts/utils/newid.js

@@ -8,7 +8,7 @@
 
 const ids = {}
 
-export default (prefix = 'id') => {
+export default (prefix = "id") => {
   ids[prefix] = ids[prefix] ? ids[prefix] + 1 : 1
   return `${prefix}${ids[prefix]}`
 }

package/src/scripts/utils/user-login-modal-ctx.tsx

@@ -1,6 +1,6 @@
-import React, { createContext, useState, FC, ReactNode } from 'react'
-import { UserLoginModal } from '@openneuro/components/modal'
-import loginUrls from '../authentication/loginUrls'
+import React, { createContext, FC, ReactNode, useState } from "react"
+import { UserLoginModal } from "@openneuro/components/modal"
+import loginUrls from "../authentication/loginUrls"
 
 export const UserModalOpenCtx = createContext(null)
 
@@ -13,7 +13,7 @@ export const UserModalOpenProvider: FC<UserModalOpenProviderProps> = ({
 }) => {
   const [userModalOpen, setUserModalOpen] = useState(false)
   const toggle = (): void => {
-    setUserModalOpen(prevState => !prevState)
+    setUserModalOpen((prevState) => !prevState)
   }
   return (
     <UserModalOpenCtx.Provider value={{ userModalOpen, setUserModalOpen }}>

package/src/scripts/utils/userNotify.js

@@ -1,5 +1,5 @@
-import { toast } from 'react-toastify'
-import isFuture from 'date-fns/isFuture'
+import { toast } from "react-toastify"
+import isFuture from "date-fns/isFuture"
 
 export const expiringBanner = (message, expiration) => {
   if (isFuture(expiration)) {

package/src/scripts/validation/validation-panel.jsx

@@ -1,6 +1,6 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
+import React from "react"
+import PropTypes from "prop-types"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
 class ValidationPanel extends React.Component {
   constructor(props) {

package/src/scripts/validation/validation-results.issues.issue.jsx

@@ -1,7 +1,7 @@
 // dependencies -------------------------------------------------------
 
-import React from 'react'
-import PropTypes from 'prop-types'
+import React from "react"
+import PropTypes from "prop-types"
 
 // component setup ----------------------------------------------------
 
@@ -12,16 +12,16 @@ class Issue extends React.Component {
     const error = this.props.error
     let fileInfo
     // build error location string
-    let errLocation = ''
+    let errLocation = ""
     let errorLocationMeta
     if (error.line) {
-      errLocation += 'Line: ' + error.line + ' '
+      errLocation += "Line: " + error.line + " "
     }
     if (error.character) {
-      errLocation += 'Character: ' + error.character + ''
+      errLocation += "Character: " + error.character + ""
     }
-    if (errLocation === '' && error.evidence) {
-      errLocation = 'Evidence: '
+    if (errLocation === "" && error.evidence) {
+      errLocation = "Evidence: "
     }
     if (errLocation) {
       errorLocationMeta = (
@@ -46,7 +46,7 @@ class Issue extends React.Component {
       <div className="em-body">
         {fileInfo}
         <span className="e-meta">
-          <label>Reason: </label>
+          <label>Reason:</label>
           <p>{error.reason}</p>
         </span>
         {errorLocationMeta}
@@ -60,7 +60,7 @@ class Issue extends React.Component {
     if (file && file.relativePath) {
       return (
         <span>
-          <label>Location: </label>
+          <label>Location:</label>
           <p>{file.relativePath}</p>
         </span>
       )

package/src/scripts/validation/validation-results.issues.jsx

@@ -1,11 +1,11 @@
 // dependencies -----------------------------------------------------------
 
-import React from 'react'
-import PropTypes from 'prop-types'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
+import React from "react"
+import PropTypes from "prop-types"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
-import pluralize from 'pluralize'
-import Issue from './validation-results.issues.issue.jsx'
+import pluralize from "pluralize"
+import Issue from "./validation-results.issues.issue.jsx"
 
 class Issues extends React.Component {
   render() {
@@ -15,7 +15,7 @@ class Issues extends React.Component {
       if (issue.additionalFileCount) {
         totalFiles += issue.additionalFileCount
       }
-      const issueCount = pluralize('files', totalFiles)
+      const issueCount = pluralize("files", totalFiles)
 
       const header = (
         <span className="file-header">
@@ -48,15 +48,17 @@ class Issues extends React.Component {
             )
           })
         } else {
-          return error ? (
-            <Issue
-              type={this.props.issueType}
-              file={issue.file}
-              error={error}
-              index={index2}
-              key={index2}
-            />
-          ) : null
+          return error
+            ? (
+              <Issue
+                type={this.props.issueType}
+                file={issue.file}
+                error={error}
+                index={index2}
+                key={index2}
+              />
+            )
+            : null
         }
       })
 
@@ -64,8 +66,8 @@ class Issues extends React.Component {
         subErrors.push(
           <div className="em-body" key="additional-file-count">
             <span className="e-meta">
-              and {issue.additionalFileCount} more{' '}
-              {pluralize('files', issue.additionalFileCount)}
+              and {issue.additionalFileCount} more{" "}
+              {pluralize("files", issue.additionalFileCount)}
             </span>
           </div>,
         )

package/src/scripts/validation/validation-results.jsx

@@ -1,11 +1,11 @@
 // dependencies -----------------------------------------------------------
 
-import React from 'react'
-import PropTypes from 'prop-types'
-import pluralize from 'pluralize'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
+import React from "react"
+import PropTypes from "prop-types"
+import pluralize from "pluralize"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
-import Issues from './validation-results.issues.jsx'
+import Issues from "./validation-results.issues.jsx"
 
 // component setup --------------------------------------------------------
 
@@ -16,7 +16,7 @@ class ValidationResults extends React.Component {
     const errors = this.props.errors
     const warnings = this.props.warnings
 
-    if (errors === 'Invalid') {
+    if (errors === "Invalid") {
       return false
     }
 
@@ -26,8 +26,8 @@ class ValidationResults extends React.Component {
       const fileCount = this._countFiles(errors)
       const errorHeader = (
         <span>
-          view {errors.length} {pluralize('error', errors.length)} in{' '}
-          {fileCount} {pluralize('files', fileCount)}
+          view {errors.length} {pluralize("error", errors.length)} in{" "}
+          {fileCount} {pluralize("files", fileCount)}
         </span>
       )
       errorsWrap = (
@@ -48,8 +48,8 @@ class ValidationResults extends React.Component {
       const fileCount = this._countFiles(warnings)
       const warningHeader = (
         <span>
-          view {warnings.length} {pluralize('warning', warnings.length)} in{' '}
-          {fileCount} {pluralize('files', fileCount)}
+          view {warnings.length} {pluralize("warning", warnings.length)} in{" "}
+          {fileCount} {pluralize("files", fileCount)}
         </span>
       )
       warningWrap = (

package/src/scripts/validation/validation-status.jsx

@@ -1,8 +1,8 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import pluralize from 'pluralize'
-import ValidationPanel from './validation-panel.jsx'
-import Results from './validation-results.jsx'
+import React from "react"
+import PropTypes from "prop-types"
+import pluralize from "pluralize"
+import ValidationPanel from "./validation-panel.jsx"
+import Results from "./validation-results.jsx"
 
 /**
  * These can't be React components due to legacy react-bootstrap
@@ -18,12 +18,12 @@ const validHeader = () => (
   </div>
 )
 
-const warningHeader = count => (
+const warningHeader = (count) => (
   <div>
     <h3 className="metaheader">BIDS Validation</h3>
 
     <span className="label text-warning pull-right">
-      {count} {pluralize('Warning', count)}
+      {count} {pluralize("Warning", count)}
     </span>
     <span className="dataset-status ds-success">
       <i className="fa fa-check-circle" /> Valid
@@ -31,12 +31,12 @@ const warningHeader = count => (
   </div>
 )
 
-const errorHeader = count => (
+const errorHeader = (count) => (
   <div>
     <h3 className="metaheader">BIDS Validation</h3>
 
     <span className="label text-warning pull-right">
-      {count} {pluralize('Error', count)}
+      {count} {pluralize("Error", count)}
     </span>
     <span className="dataset-status ds-danger">
       <i className="fa fa-exclamation-circle" /> Invalid
@@ -56,10 +56,10 @@ const Warnings = ({ errors, warnings }) => (
   <ValidationPanel heading={warningHeader(warnings.length)}>
     <div>
       <span className="message error fade-in">
-        We found{' '}
+        We found{" "}
         <strong>
-          {warnings.length + ' ' + pluralize('Warning', warnings.length)}
-        </strong>{' '}
+          {warnings.length + " " + pluralize("Warning", warnings.length)}
+        </strong>{" "}
         in your dataset. You are not required to fix warnings, but doing so will
         make your dataset more BIDS compliant.
       </span>
@@ -77,8 +77,9 @@ Warnings.propTypes = {
 const Errors = ({ errors, warnings }) => (
   <ValidationPanel heading={errorHeader(errors.length)}>
     <span className="message error fade-in">
-      Your dataset is no longer valid. You must fix the{' '}
-      <strong>{errors.length + ' ' + pluralize('Error', errors.length)}</strong>{' '}
+      Your dataset is no longer valid. You must fix the{" "}
+      <strong>{errors.length + " " + pluralize("Error", errors.length)}</strong>
+      {" "}
       to use all of the site features.
     </span>
     <br />
@@ -93,8 +94,8 @@ Errors.propTypes = {
 
 const ValidationStatus = ({ issues }) => {
   if (issues) {
-    const warnings = issues.filter(issue => issue.severity === 'warning')
-    const errors = issues.filter(issue => issue.severity === 'error')
+    const warnings = issues.filter((issue) => issue.severity === "warning")
+    const errors = issues.filter((issue) => issue.severity === "error")
     if (errors.length) {
       return <Errors errors={errors} warnings={warnings} />
     } else if (warnings.length) {
@@ -112,7 +113,8 @@ const ValidationStatus = ({ issues }) => {
               Validation Pending
             </span>
           </div>
-        }>
+        }
+      >
         <br />
         <p className="ds-validation-pending-message">
           The BIDS validator is running. This may take several minutes.

package/src/scripts/validation/validation.jsx

@@ -1,11 +1,11 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import ValidationStatus from './validation-status.jsx'
-import ErrorBoundary from '../errors/errorBoundary.jsx'
+import React from "react"
+import PropTypes from "prop-types"
+import ValidationStatus from "./validation-status.jsx"
+import ErrorBoundary from "../errors/errorBoundary.jsx"
 
 const Validation = ({ issues }) => (
   <>
-    <ErrorBoundary subject={'error in dataset validation component'}>
+    <ErrorBoundary subject={"error in dataset validation component"}>
       <ValidationStatus issues={issues} />
     </ErrorBoundary>
   </>

package/src/scripts/workers/schema.ts

@@ -1,5 +1,5 @@
-import { runValidator } from './schema.worker' // eslint-disable-line import/no-unresolved
-import { BIDSValidatorIssues } from './worker-interface'
+import { runValidator } from "./schema.worker" // eslint-disable-line import/no-unresolved
+import { BIDSValidatorIssues } from "./worker-interface"
 
 function init(files, options): Promise<BIDSValidatorIssues> {
   return new Promise((resolve, reject) => {

package/src/scripts/workers/schema.worker.ts

@@ -1,6 +1,6 @@
 /* eslint-env worker */
-import { validate, fileListToTree } from '../utils/schema-validator.js'
-import { BIDSValidatorIssues } from './worker-interface'
+import { fileListToTree, validate } from "../utils/schema-validator.js"
+import { BIDSValidatorIssues } from "./worker-interface"
 
 export async function runValidator(
   files,
@@ -17,9 +17,9 @@ export async function runValidator(
     const result = await validate(tree, { json: true })
     const issues = Array.from(result.issues, ([key, value]) => value)
     output.issues.warnings = issues.filter(
-      issue => issue.severity === 'warning',
+      (issue) => issue.severity === "warning",
     )
-    output.issues.errors = issues.filter(issue => issue.severity === 'error')
+    output.issues.errors = issues.filter((issue) => issue.severity === "error")
     output.summary = result.summary
   } catch (err) {
     error = err

package/src/scripts/workers/validate.ts

@@ -1,5 +1,5 @@
-import { runValidator } from './validate.worker' // eslint-disable-line import/no-unresolved
-import { BIDSValidatorIssues } from './worker-interface'
+import { runValidator } from "./validate.worker" // eslint-disable-line import/no-unresolved
+import { BIDSValidatorIssues } from "./worker-interface"
 
 function init(files, options): Promise<BIDSValidatorIssues> {
   return new Promise((resolve, reject) => {

package/src/scripts/workers/validate.worker.ts

@@ -1,11 +1,13 @@
 /* eslint-env worker */
-import validate from 'bids-validator'
-import { BIDSValidatorIssues } from './worker-interface'
+import validate from "bids-validator"
+import { BIDSValidatorIssues } from "./worker-interface"
 
 const asyncValidateBIDS = (files, options): Promise<BIDSValidatorIssues> =>
-  new Promise(resolve => {
-    validate.BIDS(files, options, (issues, summary) =>
-      resolve({ issues, summary }),
+  new Promise((resolve) => {
+    validate.BIDS(
+      files,
+      options,
+      (issues, summary) => resolve({ issues, summary }),
     )
   })
 

package/vite.config.js

@@ -1,12 +1,12 @@
-import path from 'path'
-import { defineConfig } from 'vite'
-import nodePolyfills from 'rollup-plugin-polyfill-node'
+import path from "path"
+import { defineConfig } from "vite"
+import nodePolyfills from "rollup-plugin-polyfill-node"
 
 export default defineConfig({
-  root: 'src',
+  root: "src",
   server: {
     port: 80,
-    host: '0.0.0.0',
+    host: "0.0.0.0",
     cors: true,
   },
   build: {
@@ -14,29 +14,29 @@ export default defineConfig({
   },
   optimizeDeps: {
     include: [
-      '@apollo/client/react/components',
-      '@apollo/client/link/schema',
-      '@apollo/client/link/context',
-      '@apollo/client/link/ws',
-      '@apollo/client/utilities',
+      "@apollo/client/react/components",
+      "@apollo/client/link/schema",
+      "@apollo/client/link/context",
+      "@apollo/client/link/ws",
+      "@apollo/client/utilities",
     ],
-    exclude: ['buffer', 'stream-browserify'],
+    exclude: ["buffer", "stream-browserify"],
   },
   resolve: {
     alias: [
       // Workaround for `'request' is not exported by __vite-browser-external`
       {
-        find: './runtimeConfig',
-        replacement: './runtimeConfig.browser',
+        find: "./runtimeConfig",
+        replacement: "./runtimeConfig.browser",
       },
       // Workaround for bids-validator -> hed-validator -> xml2js -> sax -> Stream shim
-      { find: 'stream', replacement: 'stream-browserify' },
+      { find: "stream", replacement: "stream-browserify" },
       // sax -> Buffer shim
-      { find: 'buffer', replacement: 'buffer/' },
+      { find: "buffer", replacement: "buffer/" },
       // Workaround UMD -> ESM issues in pluralize
       {
-        find: 'pluralize',
-        replacement: path.resolve(__dirname, './pluralize-esm.js'),
+        find: "pluralize",
+        replacement: path.resolve(__dirname, "./pluralize-esm.js"),
       },
     ],
   },