From 7745db808fa705946c4f77ad9926a966382a6c82 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 22 Apr 2026 04:13:29 +0000
Subject: [PATCH 1/3] Initial plan


From 2c63b4bc6c03333ec966af36a56fe69ae87f43e4 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 22 Apr 2026 04:16:13 +0000
Subject: [PATCH 2/3] Fix gatsby-config, package.json, netlify.toml, and
 model.js rehypeMathjax

Agent-Logs-Url: https://github.com/ModelAtlasofTheEarth/website/sessions/39a3b3d6-da5f-48e5-b348-5642f74db107

Co-authored-by: julesghub <13825704+julesghub@users.noreply.github.com>
---
 gatsby-config.js       | 24 +++++++++---------------
 netlify.toml           |  2 +-
 package.json           |  6 +++---
 src/templates/model.js | 11 ++++++-----
 4 files changed, 19 insertions(+), 24 deletions(-)

diff --git a/gatsby-config.js b/gatsby-config.js
index f324107..119f87d 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -6,7 +6,7 @@ module.exports = {
   plugins: [
     {
       resolve: "gatsby-plugin-sass",
-      sassOptions: { indentedSyntax: true },
+      options: { sassOptions: { indentedSyntax: true } },
     },
     {
       resolve: "gatsby-source-filesystem",
@@ -22,7 +22,6 @@ module.exports = {
         name: "images",
       },
     },
-    "react-copy-to-clipboard",
     "gatsby-plugin-fontawesome-css",
     "gatsby-plugin-image",
     "gatsby-plugin-sharp",
@@ -31,18 +30,6 @@ module.exports = {
       resolve: "gatsby-transformer-remark",
       options: {
         plugins: [
-          {
-            resolve: `gatsby-plugin-google-gtag`,
-            options: {
-              trackingIds: [
-              "G-SW2X6STFYY", // Google Analytics / GA
-              ],
-              pluginConfig: {
-                // Puts tracking script in the head instead of the body
-                head: true
-              },
-            },
-          },
           {
             resolve: "gatsby-remark-autolink-headers",
             options: {
@@ -91,6 +78,13 @@ module.exports = {
         printRejected: true
       },
     }, // must be after other CSS plugins
-    "gatsby-adapter-netlify"
+    "gatsby-adapter-netlify",
+    {
+      resolve: "gatsby-plugin-google-gtag",
+      options: {
+        trackingIds: ["G-SW2X6STFYY"],
+        pluginConfig: { head: true },
+      },
+    },
   ],
 };
diff --git a/netlify.toml b/netlify.toml
index decf998..d18f39e 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -3,7 +3,7 @@
   command = "npm run build"
   functions = "lambda"
 [build.environment]
-  NODE_VERSION = "18"
+  NODE_VERSION = "20"
   NPM_FLAGS = "--legacy-peer-deps"
   YARN_VERSION = "1.22.4"
   YARN_FLAGS = "--no-ignore-optional"
diff --git a/package.json b/package.json
index 05bf165..2d7f23a 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "author": "M@TE team",
   "dependencies": {
     "@citation-js/plugin-csl": "^0.7.2",
+    "@citation-js/plugin-doi": "^0.7.2",
     "@fortawesome/fontawesome-free": "^6.4.2",
     "@fortawesome/fontawesome-svg-core": "^6.4.0",
     "@fortawesome/free-solid-svg-icons": "^6.4.0",
@@ -15,7 +16,6 @@
     "fast-xml-parser": "^4.4.0",
     "gatsby": "^5.8.1",
     "gatsby-adapter-netlify": "^1.1.3",
-    "gatsby-image": "^3.11.0",
     "gatsby-plugin-fontawesome-css": "^1.2.0",
     "gatsby-plugin-google-gtag": "^5.12.3",
     "gatsby-plugin-image": "^3.8.0",
@@ -34,7 +34,6 @@
     "js-search": "^2.0.1",
     "lodash": "^4.17.21",
     "lodash-webpack-plugin": "^0.11.6",
-    "node-sass": "^8.0.0",
     "postcss": "^8.4.22",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
@@ -48,6 +47,7 @@
     "react-tabs": "^6.0.2",
     "rehype-mathjax": "^6.0.0",
     "remark-math": "^6.0.0",
+    "sass": "^1.69.0",
     "uuid": "^9.0.0"
   },
   "keywords": [
@@ -64,6 +64,6 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "devDependencies": {
-    "prettier": "^2.8.7"
+    "prettier": "^3.0.0"
   }
 }
diff --git a/src/templates/model.js b/src/templates/model.js
index 7e7ed5b..d82c394 100644
--- a/src/templates/model.js
+++ b/src/templates/model.js
@@ -29,6 +29,7 @@ import Markdown from "react-markdown"
 import remarkMath from "remark-math"
 import rehypeMathjax from "rehype-mathjax/svg"
 
+const rehypeMathjaxPlugins = rehypeMathjax ? [[rehypeMathjax, { svg: { scale: 1.0 } }]] : []
 
 const ModelTemplate = ({
   abstract,
@@ -163,7 +164,7 @@ const ModelTemplate = ({
             <p className="cool-caption">
               <Markdown
                 remarkPlugins={[remarkMath]}
-                rehypePlugins={[[rehypeMathjax, { svg: { scale: 1.0 } }]]}
+                rehypePlugins={rehypeMathjaxPlugins}
               >
                 {animation.caption}
               </Markdown>
@@ -217,7 +218,7 @@ const ModelTemplate = ({
                   <p className="cool-caption">
                     <Markdown
                       remarkPlugins={[remarkMath]}
-                      rehypePlugins={[[rehypeMathjax, { svg: { scale: 1.0 } }]]}
+                      rehypePlugins={rehypeMathjaxPlugins}
                     >
                       {graphic_abstract.caption}
                     </Markdown>
@@ -307,7 +308,7 @@ const ModelTemplate = ({
                 <p className="cool-caption">
                   <Markdown
                     remarkPlugins={[remarkMath]}
-                    rehypePlugins={[[rehypeMathjax, { svg: { scale: 1.0 } }]]}
+                    rehypePlugins={rehypeMathjaxPlugins}
                   >
                   {model_setup_info.summary && typeof model_setup_info.summary === 'string'
                   ? `${model_setup.caption} ${model_setup_info.summary}`
@@ -368,7 +369,7 @@ const ModelTemplate = ({
                 <p className="cool-caption">
                   <Markdown
                     remarkPlugins={[remarkMath]}
-                    rehypePlugins={[[rehypeMathjax, { svg: { scale: 1.0 } }]]}
+                    rehypePlugins={rehypeMathjaxPlugins}
                   >
                     {model_files.notes}
                   </Markdown>
@@ -386,7 +387,7 @@ const ModelTemplate = ({
               <p className="cool-caption">
                 <Markdown
                   remarkPlugins={[remarkMath]}
-                  rehypePlugins={[[rehypeMathjax, { svg: { scale: 1.0 } }]]}
+                  rehypePlugins={rehypeMathjaxPlugins}
                 >
                   {dataset.notes}
                 </Markdown>

From 1438a203f0f2817f4427d8bd994a08808c2ec34c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 24 Apr 2026 00:29:40 +0000
Subject: [PATCH 3/3] Initial plan