@openneuro/app 4.2.0 → 4.2.1

package/src/scripts/datalad/routes/snapshot-content.jsx

@@ -1,135 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { gql, useQuery } from '@apollo/client'
-import { Link } from 'react-router-dom'
-import Helmet from 'react-helmet'
-import { pageTitle } from '../../resources/strings'
-import Spinner from '../../common/partials/spinner.jsx'
-import DatasetQueryContext from '../dataset/dataset-query-context.js'
-import DatasetTitle from '../fragments/dataset-title.jsx'
-import DatasetUploaded from '../fragments/dataset-uploaded.jsx'
-import DatasetModified from '../fragments/dataset-modified.jsx'
-import DatasetAuthors from '../fragments/dataset-authors.jsx'
-import DatasetSummary from '../fragments/dataset-summary.jsx'
-import DatasetAnalytics from '../fragments/dataset-analytics.jsx'
-import DatasetFiles from '../fragments/dataset-files.jsx'
-import DatasetGitHash from '../fragments/dataset-git-hash.jsx'
-import DatasetReadme from '../fragments/dataset-readme.jsx'
-import DatasetDescription from '../dataset/dataset-description.jsx'
-import DownloadButton from '../fragments/dataset-prominent-links.jsx'
-import DatasetCitation from '../fragments/dataset-citation.jsx'
-import Validation from '../validation/validation.jsx'
-import { SNAPSHOT_FIELDS } from '../dataset/dataset-query-fragments.js'
-import schemaGenerator from '../../utils/json-ld.js'
-import { Media } from '../../styles/media'
-import { MobileClass } from './mobile-class'
-
-const getSnapshotDetails = gql`
-  query snapshot($datasetId: ID!, $tag: String!) {
-    snapshot(datasetId: $datasetId, tag: $tag) {
-      id
-      ...SnapshotFields
-    }
-  }
-  ${SNAPSHOT_FIELDS}
-`
-
-const SnapshotContent = ({ dataset, tag }) => {
-  const { loading, error, data, fetchMore } = useQuery(getSnapshotDetails, {
-    variables: {
-      datasetId: dataset.id,
-      tag,
-    },
-    errorPolicy: 'all',
-  })
-  if (loading) {
-    return <Spinner text="Loading Snapshot" active />
-  } else if (error) {
-    throw new Error(error.toString())
-  } else {
-    return (
-      <DatasetQueryContext.Provider
-        value={{
-          datasetId: dataset.id,
-          fetchMore,
-          error: null,
-        }}>
-        <SnapshotDetails dataset={dataset} snapshot={data.snapshot} />
-      </DatasetQueryContext.Provider>
-    )
-  }
-}
-
-SnapshotContent.propTypes = {
-  dataset: PropTypes.object,
-  tag: PropTypes.string,
-}
-
-const SnapshotDetails = ({ dataset, snapshot }) => {
-  return (
-    <span className="is-snapshot">
-      <MobileClass>
-        <Helmet>
-          <title>
-            {snapshot.description.Name} - Snapshot {snapshot.tag} - {pageTitle}
-          </title>
-          <meta name="description" content={snapshot.readme} />
-          <script type="application/ld+json">
-            {schemaGenerator(snapshot)}
-          </script>
-        </Helmet>
-        <DatasetTitle title={snapshot.description.Name} />
-        <DatasetUploaded
-          uploader={dataset.uploader}
-          created={dataset.created}
-        />
-        <DatasetModified modified={snapshot.created} />
-        <DatasetAuthors authors={snapshot.description.Authors} />
-        <DatasetAnalytics
-          downloads={snapshot.analytics.downloads}
-          views={snapshot.analytics.views}
-          snapshot
-        />
-        <Media greaterThanOrEqual="medium">
-          <DownloadButton dataset={dataset} />
-        </Media>
-        <Media at="small">
-          <Validation datasetId={dataset.id} issues={snapshot.issues} />
-        </Media>
-        <DatasetSummary datasetId={dataset.id} summary={snapshot.summary} />
-        <h2>README</h2>
-        <DatasetReadme content={snapshot.readme} />
-        <DatasetDescription
-          datasetId={dataset.id}
-          description={snapshot.description}
-          editMode={false}
-        />
-        <h2>How To Cite</h2>
-        <DatasetCitation snapshot={snapshot} />
-        <h5>
-          <Link to="/cite">More citation info</Link>
-        </h5>
-      </MobileClass>
-      <MobileClass>
-        <Media greaterThanOrEqual="medium">
-          <Validation datasetId={dataset.id} issues={snapshot.issues} />
-        </Media>
-        <DatasetFiles
-          datasetId={dataset.id}
-          snapshotTag={snapshot.tag}
-          datasetName={snapshot.description.Name}
-          files={snapshot.files}
-          datasetPermissions={dataset.permissions}
-        />
-        <DatasetGitHash gitHash={snapshot.hexsha} />
-      </MobileClass>
-    </span>
-  )
-}
-
-SnapshotDetails.propTypes = {
-  dataset: PropTypes.object,
-  snapshot: PropTypes.object,
-}
-
-export default SnapshotContent

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

@@ -1,131 +0,0 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import semver from 'semver'
-import { Link } from 'react-router-dom'
-import SnapshotDataset from '../mutations/snapshot'
-import ValidationStatus from '../validation/validation-status.jsx'
-import EditList from '../fragments/edit-list.jsx'
-
-export const NoErrors = ({ issues, children }) => {
-  const noErrors =
-    issues && issues.filter(issue => issue.severity === 'error').length === 0
-  // zero authors will cause DOI minting to fail
-  const hasAuthor =
-    issues && issues.filter(issue => issue.code === 113).length === 0
-  if (noErrors && hasAuthor) {
-    return children
-  } else {
-    const correctErrorsMessage =
-      'BIDS validation must be complete and all errors corrected'
-    const noAuthorMessage =
-      '"Authors" must include at least one entry in dataset_description.json'
-    const includedMessages = []
-    if (!noErrors) includedMessages.push(correctErrorsMessage)
-    if (!hasAuthor) includedMessages.push(noAuthorMessage)
-    return (
-      <span className="text-danger">
-        {`${includedMessages.join(' and ')} to create a snapshot`}
-      </span>
-    )
-  }
-}
-
-const SnapshotRoute = ({ datasetId, snapshots, issues, description }) => {
-  const [changes, setChanges] = useState([])
-  const [semanticLevel, setSemanticLevel] = useState('patch')
-  const draftLicense = (description && description.License) || 'none'
-  const requiredLicense = 'CC0'
-  const updateToCC0 = draftLicense !== requiredLicense
-
-  const latestSnapshot = snapshots.length && snapshots[snapshots.length - 1]
-  const newVersion =
-    snapshots.length && semver.valid(latestSnapshot.tag)
-      ? semver.inc(latestSnapshot.tag, semanticLevel)
-      : '1.0.0'
-
-  const majorActive = semanticLevel === 'major' && 'active'
-  const minorActive = semanticLevel === 'minor' && 'active'
-  const patchActive = semanticLevel === 'patch' && 'active'
-
-  return (
-    <div className="dataset-form">
-      <div className="col-xs-12 dataset-form-header">
-        <div className="form-group">
-          <label>Create Snapshot</label>
-        </div>
-        <hr />
-      </div>
-      <div className="col-xs-12 dataset-form-body">
-        {updateToCC0 && (
-          <div className="alert-warning padded-message">
-            <span>
-              <strong>Notice:</strong>
-              {` the current license "${draftLicense}" will be updated to "CC0" when the snapshot is created. Please see FAQ item "Are there any restrictions on the uploaded data?" for details.`}
-            </span>
-          </div>
-        )}
-        <h4>BIDS Validation</h4>
-        <ValidationStatus issues={issues} />
-        <h4>Version</h4>
-        <div className="input-group">
-          <span className="input-group-addon" style={{ width: '100%' }}>
-            {newVersion}
-          </span>
-          <div className="input-group-btn">
-            <button
-              className={`btn btn-default ${majorActive}`}
-              onClick={() => setSemanticLevel('major')}>
-              Major
-            </button>
-            <button
-              className={`btn btn-default ${minorActive}`}
-              onClick={() => setSemanticLevel('minor')}>
-              Minor
-            </button>
-            <button
-              className={`btn btn-default ${patchActive}`}
-              onClick={() => setSemanticLevel('patch')}>
-              Patch
-            </button>
-          </div>
-        </div>
-        <h4>Changelog</h4>
-        <EditList
-          placeholder="Enter new changes here..."
-          elements={changes}
-          setElements={setChanges}
-        />
-      </div>
-      <div className="col-xs-12 dataset-form-controls">
-        <div className="col-xs-12 modal-actions">
-          <Link to={`/datasets/${datasetId}`}>
-            <button className="btn-admin-blue">Return to Dataset</button>
-          </Link>
-          <NoErrors issues={issues}>
-            {changes.length ? (
-              <SnapshotDataset
-                datasetId={datasetId}
-                tag={newVersion}
-                changes={changes}
-              />
-            ) : (
-              <span className="text-danger">
-                You must add at least one change message to create a new
-                snapshot
-              </span>
-            )}
-          </NoErrors>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-SnapshotRoute.propTypes = {
-  datasetId: PropTypes.string,
-  snapshots: PropTypes.array,
-  issues: PropTypes.array,
-  description: PropTypes.object,
-}
-
-export default SnapshotRoute

package/src/scripts/datalad/snapshotVersion.js

@@ -1,7 +0,0 @@
-// Helper function for getting version from URL
-const snapshotVersion = location => {
-  const matches = location.pathname.match(/versions\/(.*?)(\/|$)/)
-  return matches && matches[1]
-}
-
-export default snapshotVersion

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

@@ -1,48 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { Panel } from '../../components/panel'
-import { PanelGroup } from '../../components/panel-group'
-
-class ValidationPanel extends React.Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      activeKey: '2',
-    }
-  }
-
-  togglePanel = () => {
-    if (
-      React.Children.count(this.props.children) &&
-      this.state.activeKey === '1'
-    ) {
-      this.setState({ activeKey: '2' })
-    } else if (
-      React.Children.count(this.props.children) &&
-      this.state.activeKey === '2'
-    ) {
-      this.setState({ activeKey: '1' })
-    }
-  }
-
-  render() {
-    return (
-      <PanelGroup
-        accordion
-        className="validation-wrap"
-        activeKey={this.state.activeKey}
-        onSelect={this.togglePanel}>
-        <Panel className="status" header={this.props.heading} eventKey="1">
-          {this.props.children ? this.props.children : null}
-        </Panel>
-      </PanelGroup>
-    )
-  }
-}
-
-ValidationPanel.propTypes = {
-  heading: PropTypes.object,
-  children: PropTypes.node,
-}
-
-export default ValidationPanel

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

@@ -1,120 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import pluralize from 'pluralize'
-import ValidationPanel from './validation-panel.jsx'
-import Results from '../../validation/validation-results.jsx'
-
-/**
- * These can't be React components due to legacy react-bootstrap
- * validHeader, warningHeader, errorHeader
- */
-
-const validHeader = () => (
-  <div className="super-valid">
-    <span className="dataset-status ds-success">
-      <i className="fa fa-check-circle" /> Valid
-    </span>
-  </div>
-)
-
-const warningHeader = count => (
-  <div>
-    <span className="dataset-status ds-success">
-      <i className="fa fa-check-circle" /> Valid
-    </span>
-    <span className="label text-warning pull-right">
-      {count} {pluralize('Warning', count)}
-    </span>
-  </div>
-)
-
-const errorHeader = count => (
-  <div>
-    <span className="dataset-status ds-danger">
-      <i className="fa fa-exclamation-circle" /> Invalid
-    </span>
-    <span className="label text-warning pull-right">
-      {count} {pluralize('Error', count)}
-    </span>
-  </div>
-)
-
-const Valid = () => (
-  <ValidationPanel heading={validHeader()}>
-    <br />
-  </ValidationPanel>
-)
-
-const Warnings = ({ errors, warnings }) => (
-  <ValidationPanel heading={warningHeader(warnings.length)}>
-    <div>
-      <span className="message error fade-in">
-        We found{' '}
-        <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>
-    </div>
-    <br />
-    <Results errors={errors} warnings={warnings} />
-  </ValidationPanel>
-)
-
-Warnings.propTypes = {
-  errors: PropTypes.array,
-  warnings: PropTypes.array,
-}
-
-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>{' '}
-      to use all of the site features.
-    </span>
-    <br />
-    <Results errors={errors} warnings={warnings} />
-  </ValidationPanel>
-)
-
-Errors.propTypes = {
-  errors: PropTypes.array,
-  warnings: PropTypes.array,
-}
-
-const ValidationStatus = ({ issues }) => {
-  if (issues) {
-    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) {
-      return <Warnings errors={errors} warnings={warnings} />
-    } else {
-      return <Valid />
-    }
-  } else {
-    return (
-      <ValidationPanel
-        heading={
-          <div>
-            <span className="dataset-status ds-warning">
-              <i className="fa fa-circle-o-notch fa-spin" />
-              Validation Pending
-            </span>
-          </div>
-        }>
-        <br />
-        <p>The BIDS validator is running. This may take several minutes.</p>
-      </ValidationPanel>
-    )
-  }
-}
-
-ValidationStatus.propTypes = {
-  issues: PropTypes.array,
-}
-
-export default ValidationStatus

package/src/scripts/datalad/validation/validation.jsx

@@ -1,40 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import ValidationStatus from './validation-status.jsx'
-import ErrorBoundary from '../../errors/errorBoundary.jsx'
-import { Media } from '../../styles/media'
-
-const MobileClass = ({ children }) => (
-  <>
-    <Media at="small">
-      <div className="mobile-validation-class">{children}</div>
-    </Media>
-    <Media greaterThanOrEqual="medium">
-      <div className="fade-in col-xs-12 validation">{children}</div>
-    </Media>
-  </>
-)
-
-MobileClass.propTypes = {
-  children: PropTypes.element.isRequired,
-}
-
-const Validation = ({ issues }) => (
-  <MobileClass>
-    <>
-      <Media greaterThanOrEqual="medium">
-        <h3 className="metaheader">BIDS Validation</h3>
-      </Media>
-      <ErrorBoundary subject={'error in dataset validation component'}>
-        <ValidationStatus issues={issues} />
-      </ErrorBoundary>
-    </>
-  </MobileClass>
-)
-
-Validation.propTypes = {
-  datasetId: PropTypes.string,
-  issues: PropTypes.array,
-}
-
-export default Validation

package/src/scripts/dataset/dataset.metrics.jsx

@@ -1,61 +0,0 @@
-// dependencies -------------------------------------------------------
-
-import React from 'react'
-import PropTypes from 'prop-types'
-import Metric from '../common/partials/metric.jsx'
-
-class Metrics extends React.PureComponent {
-  // life cycle events --------------------------------------------------
-
-  render() {
-    const dataset = this.props.dataset
-    const fromDashboard = this.props.fromDashboard
-    const analytics = dataset.analytics
-    const stars = dataset.stars ? '' + dataset.stars.length : '0'
-    const downloads =
-      analytics && analytics.downloads ? '' + analytics.downloads : '0'
-    const views = analytics && analytics.views ? '' + analytics.views : '0'
-    const followers = dataset.followers ? '' + dataset.followers.length : '0'
-    const displayStars = fromDashboard ? (stars !== '0' ? true : false) : true
-    const hasDownloads = downloads !== '0'
-    const isSnapshot = dataset.hasOwnProperty('snapshot_version')
-    const displayDownloads = fromDashboard
-      ? hasDownloads
-        ? true
-        : false // don't display downloads on dash if the count is 0
-      : isSnapshot
-      ? true
-      : false // don't display downloads on dataset page if the dataset is a draft
-    const displayFollowers = fromDashboard
-      ? followers !== '0'
-        ? true
-        : false
-      : true // don't display followers on dash if the count is 0
-    const displayViews = fromDashboard
-      ? analytics && views !== '0'
-        ? true
-        : false // don't display views on dash if the count is 0
-      : isSnapshot
-      ? true
-      : false // don't display views on the dataset draft page
-    return (
-      <span className="metrics-wrap">
-        <Metric type="stars" value={stars} display={displayStars} />
-        <Metric type="followers" value={followers} display={displayFollowers} />
-        <Metric type="views" value={views} display={displayViews} />
-        <Metric type="downloads" value={downloads} display={displayDownloads} />
-      </span>
-    )
-  }
-}
-
-Metrics.defaultProps = {
-  fromDashboard: false,
-}
-
-Metrics.propTypes = {
-  dataset: PropTypes.object,
-  fromDashboard: PropTypes.bool,
-}
-
-export default Metrics

package/src/scripts/file-tree/__tests__/__snapshots__/file-tree-unloaded-directory.spec.jsx.snap

@@ -1,26 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FileTreeUnloadedDirectory component renders with default props 1`] = `
-<FileTreeUnloadedDirectory
-  datasetId="ds000001"
-  directory={
-    Object {
-      "filename": "test directory",
-    }
-  }
->
-  <button
-    className="btn-file-folder"
-    onClick={[Function]}
-  >
-    <i
-      className="type-icon fa fa-folder"
-    />
-     
-    test directory
-    <i
-      className="accordion-icon fa fa-caret-down"
-    />
-  </button>
-</FileTreeUnloadedDirectory>
-`;

package/src/scripts/file-tree/__tests__/__snapshots__/file-tree.spec.jsx.snap

@@ -1,18 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FileTree component renders with default props 1`] = `
-<FileTree>
-  <button
-    className="btn-file-folder"
-    onClick={[Function]}
-  >
-    <i
-      className="type-icon fa fa-folder"
-    />
-     
-    <i
-      className="accordion-icon fa fa-caret-down"
-    />
-  </button>
-</FileTree>
-`;

package/src/scripts/file-tree/__tests__/__snapshots__/file.spec.jsx.snap

@@ -1,81 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`File component renders for dataset snapshots 1`] = `
-<Fragment>
-  README
-  <span
-    className="filetree-editfile"
-  >
-    <Media
-      className=""
-      greaterThanOrEqual="medium"
-    >
-      <span
-        className="edit-file download-file"
-      >
-        <a
-          download={true}
-          href="/crn/datasets/ds001/snapshots/1.0.0/files/README"
-        >
-          <i
-            className="fa fa-download"
-          />
-           Download
-        </a>
-      </span>
-    </Media>
-    <span
-      className="edit-file view-file"
-    >
-      <Link
-        to="/datasets/ds001/versions/1.0.0/file-display/README"
-      >
-        <i
-          className="fa fa-eye"
-        />
-         View
-      </Link>
-    </span>
-  </span>
-</Fragment>
-`;
-
-exports[`File component renders with common props 1`] = `
-<Fragment>
-  README
-  <span
-    className="filetree-editfile"
-  >
-    <Media
-      className=""
-      greaterThanOrEqual="medium"
-    >
-      <span
-        className="edit-file download-file"
-      >
-        <a
-          download={true}
-          href="/crn/datasets/ds001/files/README"
-        >
-          <i
-            className="fa fa-download"
-          />
-           Download
-        </a>
-      </span>
-    </Media>
-    <span
-      className="edit-file view-file"
-    >
-      <Link
-        to="/datasets/ds001/file-display/README"
-      >
-        <i
-          className="fa fa-eye"
-        />
-         View
-      </Link>
-    </span>
-  </span>
-</Fragment>
-`;

package/src/scripts/file-tree/__tests__/file-tree-loading.spec.jsx

@@ -1,18 +0,0 @@
-import { estimateDuration } from '../file-tree-loading.jsx'
-
-describe('FileTreeLoading component', () => {
-  describe('estimateDuration()', () => {
-    it('returns an estimate if navigator has a downlink set', () => {
-      const mockNavigator = {
-        connection: {
-          downlink: 20,
-        },
-      }
-      expect(estimateDuration(mockNavigator)(250)).toEqual(1270.703125)
-    })
-    it('returns an estimate if navigator does not have a downlink', () => {
-      const mockNavigator = {}
-      expect(estimateDuration(mockNavigator)(250)).toEqual(2491.40625)
-    })
-  })
-})