update

Author: skshetry

content/docs/contributing/docs.md

@@ -146,9 +146,6 @@ on.
 Some available variables:
 
 - `GA_ID` – ID of the Google Analytics counter.
-- `ANALYZE` - boolean property to run
-  [webpack-analyzer](https://www.gatsbyjs.com/plugins/gatsby-plugin-webpack-bundle-analyser-v2/).
-- `SENTRY_DSN` - [Sentry](https://sentry.io/welcome/) URL for errors tracking.
 
 ## Doc style guidelines (JavaScript and Markdown)
 

gatsby-config.mjs

@@ -5,14 +5,12 @@ import path from 'path'
 import tailwindcssPostcss from '@tailwindcss/postcss'
 import postcssNested from 'postcss-nested'
 
-import 'dotenv/config'
 import './src/config/prismjs/dvc.js'
 import './src/config/prismjs/dvctable.js'
 import simpleLinkerTerms from './content/linked-terms.js'
 import redirectsMiddleware from './server/redirect.js'
 import customYoutubeTransformer from './src/config/custom-yt-embedder.js'
 import makeGitHubMarkdownCssUseThemeAttribute from './src/config/postcss-theme-attribute.js'
-import sentryConfig from './src/config/sentry.js'
 
 const require = createRequire(import.meta.url)
 const rootDir = import.meta.dirname
@@ -45,7 +43,6 @@ const docsPath = path.resolve('content', 'docs')
 const docsInstanceName = 'docs'
 const glossaryInstanceName = 'glossary'
 const argsLinkerPath = ['command-reference', 'ref', 'cli-reference']
-const sentry = true
 
 const postCssPlugins = [
   postcssNested,
@@ -138,7 +135,7 @@ const plugins = [
             quotes: false
           }
         },
-        'gatsby-remark-external-links',
+        require.resolve('./src/plugins/remark-external-links'),
         {
           resolve: 'gatsby-remark-autolink-headers',
           options: {
@@ -157,7 +154,6 @@ const plugins = [
           }
         },
         require.resolve('./src/plugins/resize-image-plugin'),
-        require.resolve('./src/plugins/external-link-plugin'),
         require.resolve('./src/plugins/null-link-plugin'),
       ]
     }
@@ -190,10 +186,6 @@ const plugins = [
       }
     }
   },
-  sentry && {
-    resolve: '@sentry/gatsby',
-    options: sentryConfig
-  },
   'gatsby-plugin-catch-links',
   'gatsby-transformer-remark-frontmatter',
   {
@@ -291,11 +283,6 @@ if (process.env.GATSBY_GTM_ID) {
   })
 }
 
-if (process.env.ANALYZE) {
-  plugins.push({
-    resolve: 'gatsby-plugin-webpack-bundle-analyser-v2'
-  })
-}
 
 export default {
   plugins: plugins.filter(Boolean),

gatsby-node.mjs

@@ -103,7 +103,7 @@ export const onCreatePage = ({ page, actions }) => {
 // Ignore warnings about CSS inclusion order, because we use CSS modules.
 // https://spectrum.chat/gatsby-js/general/having-issue-related-to-chunk-commons-mini-css-extract-plugin~0ee9c456-a37e-472a-a1a0-cc36f8ae6033?m=MTU3MjYyNDQ5OTAyNQ==
 export const onCreateWebpackConfig = ({ stage, actions, getConfig }) => {
-  if (stage === 'build-javascript') {
+  if (stage === 'build-javascript' || stage === 'develop') {
     const config = getConfig()
 
     const miniCssExtractPlugin = config.plugins.find(

package.json

@@ -41,13 +41,10 @@
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "7.28.6",
     "@docsearch/modal": "4.6.2",
-    "@sentry/gatsby": "10.46.0",
-    "@sentry/node": "10.46.0",
     "@svgr/webpack": "8.1.0",
     "@tailwindcss/postcss": "4.2.2",
     "clsx": "2.1.1",
     "compression": "1.8.1",
-    "dotenv": "17.3.1",
     "express": "5.2.1",
     "gatsby": "5.16.1",
     "gatsby-plugin-catch-links": "5.16.0",
@@ -59,7 +56,6 @@
     "gatsby-plugin-svgr": "3.0.0-beta.0",
     "gatsby-remark-autolink-headers": "6.16.0",
     "gatsby-remark-embedder": "7.0.0",
-    "gatsby-remark-external-links": "0.0.4",
     "gatsby-remark-images": "7.16.0",
     "gatsby-remark-prismjs": "7.16.0",
     "gatsby-remark-smartypants": "6.16.0",
@@ -87,10 +83,8 @@
     "serve-handler": "6.1.7",
     "tailwindcss": "4.2.2",
     "tailwindcss-animate": "1.0.7",
-    "title-case": "4.3.2",
     "unified": "11.0.5",
-    "unist-util-visit": "5.1.0",
-    "upath": "2.0.1"
+    "unist-util-visit": "5.1.0"
   },
   "devDependencies": {
     "@babel/core": "7.29.0",
@@ -111,7 +105,6 @@
     "eslint-plugin-prettier": "5.5.5",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "6.1.1",
-    "gatsby-plugin-webpack-bundle-analyser-v2": "1.1.32",
     "gatsby-source-filesystem": "5.16.0",
     "globals": "17.4.0",
     "happy-dom": "20.8.9",
@@ -127,9 +120,6 @@
     "vite-plugin-svgr": "4.5.0",
     "vitest": "4.1.2"
   },
-  "resolutions": {
-    "css-tree": "3.2.1"
-  },
   "cacheDirectories": [
     "node_modules"
   ],

renovate.json

@@ -49,11 +49,6 @@
       "matchPackageNames": ["gatsby", "gatsby-*"],
       "matchDatasources": ["npm"]
     },
-    {
-      "groupName": "sentry",
-      "matchPackageNames": ["@sentry/*"],
-      "matchDatasources": ["npm"]
-    },
     {
       "description": "Add typescript-eslint to the linters preset group",
       "groupName": "linters",

server/index.js

@@ -1,7 +1,3 @@
-import './instrument.js'
-import 'dotenv/config'
-
-import * as Sentry from '@sentry/node'
 import compression from 'compression'
 import express from 'express'
 import helmet from 'helmet'
@@ -114,7 +110,6 @@ const serveMiddleware = async (req, res) => {
   })
 }
 app.use(serveMiddleware)
-Sentry.setupExpressErrorHandler(app)
 
 // Error handler
 app.use(function onError(err, req, res, _next) {
@@ -123,7 +118,6 @@ app.use(function onError(err, req, res, _next) {
   const status = err?.status || 500
 
   res.status(status).json({
-    traceId: res.sentry,
     message: status === 500 ? 'Internal server error' : err.message
   })
 })

server/instrument.js

@@ -104,17 +104,23 @@ const DesktopView: React.FC<IDesktopViewProps> = ({
   }
 
   useEffect(() => {
-    document.addEventListener('scroll', calcPosition, { passive: true })
-    window.addEventListener('resize', calcPosition, { passive: true })
+    if (!isVisible) return
+
+    let rafId = requestAnimationFrame(calcPosition)
+    const scheduleCalc = (): void => {
+      if (!rafId)
+        rafId = requestAnimationFrame(() => {
+          rafId = 0
+          calcPosition()
+        })
+    }
+    document.addEventListener('scroll', scheduleCalc, { passive: true })
+    window.addEventListener('resize', scheduleCalc, { passive: true })
 
     return (): void => {
-      document.removeEventListener('scroll', calcPosition)
-      window.removeEventListener('resize', calcPosition)
-    }
-  }, [])
-  useEffect(() => {
-    if (isVisible) {
-      requestAnimationFrame(calcPosition)
+      document.removeEventListener('scroll', scheduleCalc)
+      window.removeEventListener('resize', scheduleCalc)
+      cancelAnimationFrame(rafId)
     }
   }, [isVisible])
 

src/components/Documentation/Markdown/Tooltip/DesktopView/index.tsx

@@ -31,6 +31,12 @@
   }
 }
 
+.desktopTriggerText {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .desktopTriggerIcon {
   position: absolute;
   left: 15px;