Upgrade Vite 8, Vitest 4.1, React 19.2, ReScript 12.2, React Router 7.14, tsdown 0.21

Vite ecosystem:
- vite: ^7.0.6 -> ^8.0.3
- @vitejs/plugin-react: ^4.7.0 -> ^6.0.1
- @tailwindcss/vite: ^4.1.13 -> ^4.2.2
- vite-plugin-page-reload: ^0.2.2 -> ^0.2.3

Vitest ecosystem:
- vitest: ^4.0.18 -> ^4.1.2
- @vitest/browser-playwright: ^4.0.18 -> ^4.1.2
- vitest-browser-react: ^2.0.5 -> ^2.2.0

React:
- react: ^19.1.0 -> ^19.2.4
- react-dom: ^19.1.0 -> ^19.2.4
- @types/react: ^19.2.2 -> ^19.2.14

ReScript:
- rescript: ^12.0.0 -> ^12.2.0
- @rescript/react: ^0.14.0 -> ^0.14.2
- Migrate Exn.Error -> JsExn (deprecated in 12.2)

React Router:
- react-router: ^7.12.0 -> ^7.14.0
- react-router-dom: ^7.9.4 -> ^7.14.0
- @react-router/node: ^7.8.1 -> ^7.14.0
- @react-router/dev: ^7.8.1 -> ^7.14.0

tsdown: 0.20.0 -> 0.21.7 (in build:scripts)

Author: jderochervlk

app/routes.res

@@ -33,13 +33,13 @@ let blogArticleRoutes =
     route(path, "./routes/BlogArticleRoute.jsx", ~options={id: path})
   )
 
-let mdxRoutes =
-  mdxRoutes("./routes/MdxRoute.jsx")->Array.filter(r =>
-    !(r.path
-      ->Option.map(path => path === "blog" || String.startsWith(path, "blog/"))
-      ->Option.getOr(false)
-    )
+let mdxRoutes = mdxRoutes("./routes/MdxRoute.jsx")->Array.filter(r =>
+  !(
+    r.path
+    ->Option.map(path => path === "blog" || String.startsWith(path, "blog/"))
+    ->Option.getOr(false)
   )
+)
 
 let default = [
   index("./routes/LandingPageRoute.jsx"),

package.json

@@ -10,7 +10,7 @@
   "packageManager": "yarn@4.12.0",
   "type": "module",
   "scripts": {
-    "build:scripts": "yarn dlx tsdown@0.20.0 scripts/*.jsx -d _scripts --no-clean --ext .mjs",
+    "build:scripts": "yarn dlx tsdown@0.21.7 scripts/*.jsx -d _scripts --no-clean --ext .mjs",
     "build:generate-llms": "node _scripts/generate_llms.mjs",
     "build:res": "rescript build --warn-error +3+8+11+12+26+27+31+32+33+34+35+39+44+45+110",
     "build:sync-bundles": "node scripts/sync-playground-bundles.mjs",
@@ -50,9 +50,9 @@
     "@lezer/highlight": "^1.2.1",
     "@mdx-js/mdx": "^3.1.1",
     "@node-cli/static-server": "^3.1.4",
-    "@react-router/node": "^7.8.1",
+    "@react-router/node": "^7.14.0",
     "@replit/codemirror-vim": "^6.3.0",
-    "@rescript/react": "^0.14.0",
+    "@rescript/react": "^0.14.2",
     "@rescript/webapi": "0.1.0-experimental-29db5f4",
     "@tsnobip/rescript-lezer": "^0.8.0",
     "docson": "^2.1.0",
@@ -65,11 +65,11 @@
     "mdast-util-from-markdown": "^2.0.2",
     "mdast-util-to-string": "^4.0.0",
     "mdast-util-toc": "^7.1.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "react-markdown": "^10.1.0",
-    "react-router": "^7.12.0",
-    "react-router-dom": "^7.9.4",
+    "react-router": "^7.14.0",
+    "react-router-dom": "^7.14.0",
     "react-router-mdx": "patch:react-router-mdx@npm%3A1.0.8#~/.yarn/patches/react-router-mdx-npm-1.0.8-d4402c3003.patch",
     "rehype-slug": "^6.0.0",
     "rehype-stringify": "^10.0.1",
@@ -78,17 +78,17 @@
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.1",
     "remark-validate-links": "^13.1.0",
-    "rescript": "^12.0.0",
+    "rescript": "^12.2.0",
     "unified": "^11.0.5",
     "vfile-matter": "^5.0.0"
   },
   "devDependencies": {
     "@prettier/plugin-oxc": "^0.0.4",
-    "@react-router/dev": "^7.8.1",
-    "@tailwindcss/vite": "^4.1.13",
-    "@types/react": "^19.2.2",
-    "@vitejs/plugin-react": "^4.7.0",
-    "@vitest/browser-playwright": "^4.0.18",
+    "@react-router/dev": "^7.14.0",
+    "@tailwindcss/vite": "^4.2.2",
+    "@types/react": "^19.2.14",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/browser-playwright": "^4.1.2",
     "auto-image-converter": "^2.1.2",
     "chokidar": "^4.0.3",
     "dotenv": "^16.4.7",
@@ -102,12 +102,12 @@
     "tailwindcss": "^4",
     "to-vfile": "^8.0.0",
     "vfile-reporter": "^8.1.1",
-    "vite": "^7.0.6",
+    "vite": "^8.0.3",
     "vite-plugin-devtools-json": "^1.0.0",
     "vite-plugin-env-compatible": "^2.0.1",
-    "vite-plugin-page-reload": "^0.2.2",
-    "vitest": "^4.0.18",
-    "vitest-browser-react": "^2.0.5",
+    "vite-plugin-page-reload": "^0.2.3",
+    "vitest": "^4.1.2",
+    "vitest-browser-react": "^2.2.0",
     "wrangler": "^4.63.0"
   }
 }

src/MdxFile.res

@@ -30,16 +30,15 @@ let resolveFilePath = (pathname, ~dir, ~alias) => {
   } else {
     pathname
   }
-  let relativePath =
-    if path->String.startsWith(alias ++ "/") {
-      let rest = path->String.slice(~start=String.length(alias) + 1, ~end=String.length(path))
-      Node.Path.join2(dir, rest)
-    } else if path->String.startsWith(alias) {
-      let rest = path->String.slice(~start=String.length(alias), ~end=String.length(path))
-      Node.Path.join2(dir, rest)
-    } else {
-      path
-    }
+  let relativePath = if path->String.startsWith(alias ++ "/") {
+    let rest = path->String.slice(~start=String.length(alias) + 1, ~end=String.length(path))
+    Node.Path.join2(dir, rest)
+  } else if path->String.startsWith(alias) {
+    let rest = path->String.slice(~start=String.length(alias), ~end=String.length(path))
+    Node.Path.join2(dir, rest)
+  } else {
+    path
+  }
   relativePath ++ ".mdx"
 }
 

src/common/HighlightJs.res

@@ -10,7 +10,7 @@ let renderHLJS = (~highlightedLines=[], ~darkmode=false, ~code: string, ~lang: s
   // If the language couldn't be parsed, we will fall back to text
   let options = {language: lang}
   let (lang, highlighted) = try (lang, highlight(~code, ~options)->valueGet) catch {
-  | Exn.Error(_) => ("text", code)
+  | JsExn(_) => ("text", code)
   }
 
   // Add line highlighting as well

src/components/Search.res

@@ -51,7 +51,7 @@ let transformItems = (items: DocSearch.transformItems) => {
   items
   ->Array.filterMap(item => {
     let url = try WebAPI.URL.make(~url=item.url)->Some catch {
-    | Exn.Error(obj) =>
+    | JsExn(obj) =>
       Console.error2(`Failed to parse URL ${item.url}`, obj)
       None
     }