@openneuro/app 5.0.0-alpha.0 → 5.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openneuro/app",
-  "version": "5.0.0-alpha.0",
+  "version": "5.0.0",
   "description": "React JS web frontend for the OpenNeuro platform.",
   "license": "MIT",
   "main": "public/client.js",
@@ -79,5 +79,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ee5b58a1623626ef79a439918e6c065a1c7d5e2e"
+  "gitHead": "437b7f1a10abf79d6e49058b86cf0ddb625de684"
 }

package/src/scripts/dataset/__tests__/dataset-canonical-url.spec.ts

@@ -0,0 +1,20 @@
+import { datasetCanonicalUrl } from "../dataset-canonical-url"
+import { dataset } from "../../fixtures/dataset-query"
+import { vitest } from "vitest"
+
+vitest.mock("../../config", () => ({
+  config: { url: "http://localhost:9876" },
+}))
+
+describe("datasetCanonicalUrl", () => {
+  it("returns the canonical URL for a dataset with snapshots", () => {
+    const url = datasetCanonicalUrl(dataset)
+    expect(url.href).toBe("http://localhost:9876/datasets/ds001032/versions/2.0.0")
+  })
+
+  it("returns the canonical URL for a draft dataset", () => {
+    const draftDataset = { ...dataset, snapshots: [] }
+    const url = datasetCanonicalUrl(draftDataset)
+    expect(url.href).toBe("http://localhost:9876/datasets/ds001032")
+  })
+})

package/src/scripts/dataset/dataset-canonical-url.ts

@@ -0,0 +1,14 @@
+import { config } from "../config"
+
+export function datasetCanonicalUrl(dataset): URL {
+  const siteUrl = config.url
+  if (dataset.snapshots.length) {
+    const latestSnapshot = dataset.snapshots.slice(-1)[0]
+    return new URL(
+      `/datasets/${dataset.id}/versions/${latestSnapshot.tag}`,
+      siteUrl,
+    )
+  } else {
+    return new URL(`/datasets/${dataset.id}`, siteUrl)
+  }
+}

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

@@ -3,6 +3,7 @@ import * as Sentry from "@sentry/react"
 import PropTypes from "prop-types"
 import { useNavigate, useParams } from "react-router-dom"
 import { useApolloClient, useQuery } from "@apollo/client"
+import Helmet from "react-helmet"
 import { Loading } from "../components/loading/Loading"
 
 import DatasetQueryContext from "../datalad/dataset/dataset-query-context.js"
@@ -16,6 +17,7 @@ import { trackAnalytics } from "../utils/datalad"
 import FourOFourPage from "../errors/404page"
 import FourOThreePage from "../errors/403page"
 import { getDatasetPage, getDraftPage } from "../queries/dataset"
+import { datasetCanonicalUrl } from "./dataset-canonical-url"
 
 /**
  * Query to load and render dataset page - most dataset loading is done here
@@ -63,6 +65,12 @@ export const DatasetQueryHook = ({ datasetId, draft }) => {
   }
   return (
     <DatasetContext.Provider value={data.dataset}>
+      <Helmet>
+        <link
+          rel="canonical"
+          href={datasetCanonicalUrl(data.dataset).toString()}
+        />
+      </Helmet>
       <ErrorBoundary subject={"error in dataset page"}>
         <DatasetQueryContext.Provider
           value={{