@openneuro/app 4.33.3 → 4.34.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openneuro/app",
-  "version": "4.33.3",
+  "version": "4.34.0-alpha.0",
   "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.33.3",
+    "@openneuro/components": "^4.33.4",
     "@sentry/react": "^8.25.0",
     "@tanstack/react-table": "^8.9.3",
     "buffer": "^6.0.3",
@@ -40,6 +40,7 @@
     "react-dom": "^18.2.0",
     "react-helmet": "6.1.0",
     "react-markdown": "^9.0.1",
+    "react-multi-carousel": "^2.8.5",
     "react-router-dom": "6.3.0",
     "react-toastify": "6.0.9",
     "react-usestateref": "^1.0.8",
@@ -68,11 +69,11 @@
     "sass": "^1.32.8",
     "stream-browserify": "^3.0.0",
     "typescript": "5.6.3",
-    "vite": "5.4.12",
+    "vite": "5.4.18",
     "vitest": "2.1.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "42beef244016a8d64cd843f1d73b11bac88a8bbe"
+  "gitHead": "7711b48292c2e7f40bb45759617def2bbd07c88b"
 }

package/src/client.jsx

@@ -12,7 +12,8 @@ import Index from "./scripts/index"
 import { config } from "./scripts/config"
 import * as gtag from "./scripts/utils/gtag"
 import { relayStylePagination } from "@apollo/client/utilities"
-import "@openneuro/components/page/page.scss"
+// TODO - This should be a global SCSS?
+import "./scripts/components/page/page.scss"
 
 gtag.initialize(config.analytics.trackingIds)
 

package/src/scripts/authentication/signOut.ts

@@ -2,7 +2,7 @@ import cookies from "../utils/cookies.js"
 
 const signOut = () => {
   // Delete the token will reset client login state
-  cookies.remove("accessToken")
+  cookies.remove("accessToken", { path: "/" })
 }
 
 export default signOut

package/src/scripts/common/containers/footer.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import type { FC } from "react"
-import { Footer } from "@openneuro/components/footer"
+import { Footer } from "../../components/footer/Footer"
 import { version as openneuroVersion } from "../../../lerna.json"
 
 const FooterContainer: FC = () => {

package/src/scripts/common/containers/header.tsx

@@ -3,8 +3,9 @@ import type { FC } from "react"
 import useState from "react-usestateref"
 import UploaderContext from "../../uploader/uploader-context.js"
 import UploadProgress from "../../uploader/upload-progress.jsx"
-import { Header, LandingExpandedHeader } from "@openneuro/components/header"
-import { Input } from "@openneuro/components/input"
+import { Header } from "../../components/header/Header"
+import { LandingExpandedHeader } from "../../components/header/LandingExpandedHeader"
+import { Input } from "../../components/input/Input"
 import ModalitySelect from "../../search/inputs/modality-select"
 import { UserModalOpenCtx } from "../../utils/user-login-modal-ctx"
 import { useLocation, useNavigate } from "react-router-dom"

package/src/scripts/common/content/affiliate-content.jsx

@@ -0,0 +1,72 @@
+import React from "react"
+import bidslogo from "./assets/affiliates/bids.jpg"
+import dataladlogo from "./assets/affiliates/datalad.jpg"
+import nihlogo from "./assets/affiliates/nih-bi-logo.png"
+
+export const affiliateContent = [
+  {
+    logo: bidslogo,
+    header: "Validation Using BIDS",
+    contentOne: (
+      <>
+        The{" "}
+        <a href="https://bids.neuroimaging.io/">Brain Imaging Data Structure</a>
+        {" "}
+        (BIDS) is an emerging standard for the organization of neuroimaging
+        data.
+      </>
+    ),
+    contentTwo: (
+      <>
+        Want to contribute to BIDS?
+        <br /> Visit the{" "}
+        <a href="https://groups.google.com/g/bids-discussion">
+          Google discussion group
+        </a>{" "}
+        to contribute.
+      </>
+    ),
+  },
+  {
+    logo: dataladlogo,
+    header: "OpenNeuro Runs on DataLad",
+    contentOne: (
+      <>
+        Want to access OpenNeuro datasets with DataLad? Visit the{" "}
+        <a href="https://github.com/OpenNeuroDatasets/">
+          dataset collection on GitHub
+        </a>
+        .
+      </>
+    ),
+    contentTwo: (
+      <>
+        A data management solution built on{" "}
+        <a href="https://github.com/">Git</a> and{" "}
+        <a href="https://git-annex.branchable.com/">Git-annex</a>. Read more
+        about <a href="https://www.datalad.org/">DataLad</a>.
+      </>
+    ),
+  },
+  {
+    logo: nihlogo,
+    header: "OpenNeuro is a BRAIN Initiative designated data archive",
+    contentOne: (
+      <>
+        Data collected under{" "}
+        <a href="https://braininitiative.nih.gov/">
+          BRAIN Initiative
+        </a>
+        -funded grants may be uploaded to OpenNeuro.
+      </>
+    ),
+    contentTwo: (
+      <>
+        View the collection of{" "}
+        <a href="http://localhost:9876/search/nih?query=%7B%22brain_initiative%22%3A%22true%22%7D">
+          BRAIN Initiative datasets
+        </a>
+      </>
+    ),
+  },
+]

package/src/scripts/common/content/facet-content.jsx

@@ -0,0 +1,186 @@
+export const modalities = [
+  {
+    label: "MRI",
+    value: "mri",
+    count: null,
+    children: [
+      {
+        label: "Functional",
+        value: "Functional",
+        count: null,
+      },
+      {
+        label: "Structural",
+        value: "Structural",
+        count: null,
+      },
+      {
+        label: "Diffusion",
+        value: "Diffusion",
+        count: null,
+      },
+      {
+        label: "ASL Perfusion",
+        value: "ASL Perfusion",
+        count: null,
+      },
+    ],
+  },
+  {
+    label: "PET",
+    value: "pet",
+    count: null,
+    children: [
+      {
+        label: "Static",
+        value: "Static",
+        count: null,
+      },
+      {
+        label: "Dynamic",
+        value: "Dynamic",
+        count: null,
+      },
+    ],
+  },
+  {
+    label: "EEG",
+    value: "eeg",
+    count: null,
+  },
+  {
+    label: "iEEG",
+    value: "ieeg",
+    count: null,
+  },
+  {
+    label: "MEG",
+    value: "meg",
+    count: null,
+  },
+  {
+    label: "NIRS",
+    value: "nirs",
+    count: null,
+  },
+]
+
+export const datasetType_available = [
+  { label: "All Public", value: "All Public" },
+  { label: "Following", value: "Following" },
+  { label: "My Datasets", value: "My Datasets" },
+  { label: "My Bookmarks", value: "My Bookmarks" },
+]
+
+export const dataset_type = [
+  { label: "Public", value: "Public" },
+  { label: "Shared with Me", value: "Shared with Me" },
+  { label: "Invalid", value: "Invalid" },
+]
+
+export const diagnosis_list = [
+  {
+    label: "Alzheimer's",
+    value: "Alzheimer's",
+  },
+  {
+    label: "Another",
+    value: "Another",
+  },
+  {
+    label: "Other",
+    value: "Other",
+  },
+]
+
+export const task_list = [
+  {
+    label: "Rest",
+    value: "Rest",
+  },
+  {
+    label: "Another",
+    value: "Another",
+  },
+  {
+    label: "Other",
+    value: "Other",
+  },
+]
+
+export const author_pi_list = [
+  {
+    label: "Author 1",
+    value: "Author 1",
+  },
+  {
+    label: "Author 2",
+    value: "Author 2",
+  },
+  {
+    label: "Author 3",
+    value: "Author 3",
+  },
+]
+
+export const sex_list = [
+  { label: "All", value: "All" },
+  { label: "Male", value: "Male" },
+  { label: "Female", value: "Female" },
+]
+
+export const date_list = [
+  { label: "All Time", value: "All Time" },
+  { label: "Last 30 days", value: "Last 30 days" },
+  { label: "Last 180 days", value: "Last 180 days" },
+  { label: "Last 12 months", value: "Last 12 months" },
+]
+
+export const species_list = [
+  {
+    label: "Human",
+    value: "Human",
+  },
+  {
+    label: "Rat",
+    value: "Rat",
+  },
+  {
+    label: "Mouse",
+    value: "Mouse",
+  },
+  {
+    label: "Other",
+    value: "Other",
+  },
+]
+
+export const section_list = [
+  {
+    label: "Cross",
+    value: "Cross",
+  },
+  {
+    label: "Longitudinal",
+    value: "Longitudinal",
+  },
+  {
+    label: "Other",
+    value: "Other",
+  },
+]
+
+export const domain_list = [
+  {
+    label: "Domain 1",
+    value: "Domain 1",
+  },
+  {
+    label: "Domain 2",
+    value: "Domain 2",
+  },
+  {
+    label: "Ontology",
+    value: "Ontology",
+  },
+]

package/src/scripts/common/content/front-page-content.jsx

@@ -0,0 +1,177 @@
+import React from "react"
+import { Link } from "react-router-dom"
+import ljaf from "./assets/front-page/ljaf.png"
+import nihbi from "./assets/affiliates/nih-bi-logo.png"
+import nsf from "./assets/front-page/nsf.png"
+import squishymedia from "./assets/front-page/sqm-logo.png"
+import novo from "./assets/front-page/novo-logo.png"
+import nru from "./assets/front-page/nru-logo.png"
+import stanford from "./assets/front-page/stanford.png"
+import logo_app from "./assets/front-page/logo_app.png"
+import logo_cube from "./assets/front-page/logo_cube.png"
+import logo_data from "./assets/front-page/logo_data.png"
+import logo_users from "./assets/front-page/logo_users.png"
+import brand_mark from "./assets/front-page/brand_mark.png"
+
+import getImage from "./assets/front-page/cube-get.png"
+import shareImage from "./assets/front-page/cube-share.png"
+import useImage from "./assets/front-page/cube-use.png"
+
+export const frontPage = {
+  pageTitle: "OpenNeuro",
+  copyright: {
+    holder: "Stanford Center for Reproducible Neuroscience",
+  },
+  pageDescription: (
+    <h2>
+      A free and open platform for validating and sharing BIDS-compliant{" "}
+      <Link to="/search/modality/mri">MRI</Link>,{" "}
+      <Link to="/search/modality/pet">PET</Link>,{" "}
+      <Link to="/search/modality/meg">MEG</Link>,{" "}
+      <Link to="/search/modality/eeg">EEG</Link>, and{" "}
+      <Link to="/search/modality/ieeg">iEEG</Link> data
+    </h2>
+  ),
+  titlePanel: {
+    logos: [
+      {
+        class: "logo-layer-users",
+        src: logo_users,
+        alt: "OpenNeuro Logo",
+      },
+      {
+        class: "logo-layer-cube",
+        src: logo_cube,
+        alt: "OpenNeuro Logo",
+      },
+      {
+        class: "logo-layer-app",
+        src: logo_app,
+        alt: "OpenNeuro Logo",
+      },
+      {
+        class: "logo-layer-data",
+        src: logo_data,
+        alt: "OpenNeuro Logo",
+      },
+    ],
+    logoText: true,
+    privacyDetail: "",
+    privacyLink: "https://www.stanford.edu/site/privacy/",
+  },
+  navBar: {
+    brand: {
+      src: brand_mark,
+      alt: "OpenNeuro Logo",
+      title: "OpenNeuro Link to Home Page",
+      text: {
+        first: "Open",
+        second: "Neuro",
+      },
+    },
+  },
+  frontPageExtras: true,
+  collaborators: true,
+  infographic: [
+    {
+      name: "Get Data",
+      image: getImage,
+      htmlID: "get-data",
+      content: (
+        <>
+          <p>
+            Browse and explore public datasets and analyses from a wide range of
+            global contributors. Our collection of public datasets continues to
+            grow as more and more become BIDS compatible.
+          </p>
+          <p>
+            Download and use public data to create new datasets and run your own
+            analyses.
+          </p>
+        </>
+      ),
+    },
+    {
+      name: "Share Data",
+      image: shareImage,
+      htmlID: "share-data",
+      content: (
+        <>
+          <p>
+            Privately share your data so your colleagues can view and edit your
+            work.
+          </p>
+          <p>
+            Publish your dataset where anyone can view, download, and run
+            analyses on it.
+          </p>
+        </>
+      ),
+    },
+    {
+      name: "Use Data",
+      image: useImage,
+      htmlID: "use-data",
+      content: (
+        <>
+          <p>
+            Create snapshots of your datasets to ensure past analyses remain
+            reproducible as your datasets grow and change. Publish any of your
+            snapshots while you continue work on your original data behind the
+            scenes.
+          </p>
+          <p>
+            Explore your published OpenNeuro dataset using{" "}
+            <a href="https://brainlife.io/">BrainLife's</a>{" "}
+            computing network. Utilize their community driven apps to run a
+            variety of analysis and processing applications in the browser.
+          </p>
+        </>
+      ),
+    },
+  ],
+  support: [
+    {
+      title: "NIH Brain Initiative",
+      alt: "NIH Brain Initiative logo",
+      logo: nihbi,
+      link: "https://braininitiative.nih.gov/",
+    },
+    {
+      title: "NSF",
+      alt: "National Science Foundation",
+      logo: nsf,
+      link: "https://www.nsf.gov/",
+    },
+    {
+      title: "Stanford",
+      alt: "Stanford",
+      logo: stanford,
+      link: "https://www.stanford.edu",
+    },
+    {
+      title: "Arnold Foundation",
+      alt: "Arnold Foundation",
+      logo: ljaf,
+      link: "http://www.arnoldfoundation.org/",
+    },
+    {
+      title: "Squishymedia",
+      alt: "Squishymedia",
+      logo: squishymedia,
+      link: "https://squishymedia.com",
+    },
+    {
+      title: "Novonor Disk Fonden",
+      alt: "Novonor Disk Fonden logo",
+      logo: novo,
+      link: "https://novonordiskfonden.dk/en/",
+    },
+    {
+      title: "Neurobiology Research Unit",
+      alt: "Neurobiology Research Unit logo",
+      logo: nru,
+      link: "https://nru.dk/",
+    },
+  ],
+}

package/src/scripts/common/content/image-attribution.tsx

@@ -2,8 +2,8 @@ import React from "react"
 import styled from "@emotion/styled"
 import { Link } from "react-router-dom"
 
-import nirs from "../../../../../openneuro-components/src/assets/nirs.jpg"
-import nih from "../../../../../openneuro-components/src/assets/nih_cube.jpg"
+import nirs from "./assets/modality-cubes/nirs.jpg"
+import nih from "./assets/modality-cubes/nih_cube.jpg"
 
 /** Image attribution content. */
 export function Attribution(): React.ReactElement {
@@ -40,7 +40,7 @@ export function Attribution(): React.ReactElement {
               OpenNeuro
             </Link>
             {", "}
-            <Link to="/search/modality/nirs?query=%7B%22modality_selected%22%3A%22NIRS%22%7D">
+            <Link to="/search/modality/nirs?query=%7B%22modality_selected%22%3A%22nirs%22%7D">
               NIRS Modality Search
             </Link>
           </div>