chore: Update dependencies to latest versions (#1229)

* 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)

* update @node-cli/static-server

* Upgrade glob ^7.1.4 -> ^13.0.6 to fix audit vulnerability

Migrate glob.sync() calls to named globSync import (breaking API change
in glob v9+).

Updated scripts:
- scripts/extract-syntax.mjs
- scripts/test-examples.mjs

* Bump remaining outdated dependencies and upgrade Yarn 4.13

Yarn:
- packageManager: 4.12.0 -> 4.13.0

Babel:
- @babel/generator: ^7.24.7 -> ^7.29.1
- @babel/parser: ^7.24.7 -> ^7.29.2
- @babel/traverse: ^7.24.7 -> ^7.29.0

CodeMirror:
- @codemirror/commands: ^6.9.0 -> ^6.10.3
- @codemirror/lang-javascript: ^6.2.4 -> ^6.2.5
- @codemirror/language: ^6.11.3 -> ^6.12.3
- @codemirror/lint: ^6.9.0 -> ^6.9.5
- @codemirror/search: ^6.5.11 -> ^6.6.0
- @codemirror/state: ^6.5.2 -> ^6.6.0
- @codemirror/view: ^6.38.5 -> ^6.41.0
- @lezer/highlight: ^1.2.1 -> ^1.2.3

UI:
- @docsearch/react: ^4.3.1 -> ^4.6.2
- @headlessui/react: ^2.2.4 -> ^2.2.9

Build tooling:
- @prettier/plugin-oxc: ^0.0.4 -> ^0.1.3
- lightningcss: ^1.30.1 -> ^1.32.0
- prettier: ^3.6.2 -> ^3.8.1
- lefthook: ^2.0.4 -> ^2.1.4
- auto-image-converter: ^2.1.2 -> ^2.2.0
- playwright: ^1.58.2 -> ^1.59.1
- wrangler: ^4.63.0 -> ^4.80.0
- dotenv: ^16.4.7 -> ^16.6.1

Other:
- fuse.js: ^6.4.3 -> ^6.6.2
- isbot: ^5 -> ^5.1.37
- mdast-util-from-markdown: ^2.0.2 -> ^2.0.3
- vfile-matter: ^5.0.0 -> ^5.0.1

* fix formatting

* Replace glob with tinyglobby

tinyglobby is a fast, minimal glob library with only 2 subdependencies
(vs glob's larger dependency tree). It's already a transitive dependency
of Vite and Vitest in this project.

Migrated scripts to use tinyglobby's globSync with cwd/absolute options
instead of baking absolute paths into glob patterns.

Author: jderochervlk

.yarn/releases/yarn-4.12.0.cjs

@@ -1,3 +1,3 @@
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.12.0.cjs
+yarnPath: .yarn/releases/yarn-4.13.0.cjs

.yarn/releases/yarn-4.13.0.cjs

@@ -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"),

.yarnrc.yml

@@ -97,8 +97,14 @@ Console.log(buttonCss)
 ```
 
 ```js
-import * as MyCssCss from "./myCss.css" with { type: "css", "some-identifier": "yep" };
-import MyJsonJson from "./myJson.json" with { type: "json", "some-identifier": "yep" };
+import * as MyCssCss from "./myCss.css" with {
+  type: "css",
+  "some-identifier": "yep",
+};
+import MyJsonJson from "./myJson.json" with {
+  type: "json",
+  "some-identifier": "yep",
+};
 
 var myJson = MyJsonJson;
 console.log(myJson);

app/routes.res

@@ -7,10 +7,10 @@
   "engines": {
     "node": ">=22"
   },
-  "packageManager": "yarn@4.12.0",
+  "packageManager": "yarn@4.13.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",
@@ -34,42 +34,41 @@
     "vitest:update": "vitest --run --browser.headless --update"
   },
   "dependencies": {
-    "@babel/generator": "^7.24.7",
-    "@babel/parser": "^7.24.7",
-    "@babel/traverse": "^7.24.7",
+    "@babel/generator": "^7.29.1",
+    "@babel/parser": "^7.29.2",
+    "@babel/traverse": "^7.29.0",
     "@cloudflare/pages-plugin-vercel-og": "^0.1.2",
-    "@codemirror/commands": "^6.9.0",
-    "@codemirror/lang-javascript": "^6.2.4",
-    "@codemirror/language": "^6.11.3",
-    "@codemirror/lint": "^6.9.0",
-    "@codemirror/search": "^6.5.11",
-    "@codemirror/state": "^6.5.2",
-    "@codemirror/view": "^6.38.5",
-    "@docsearch/react": "^4.3.1",
-    "@headlessui/react": "^2.2.4",
-    "@lezer/highlight": "^1.2.1",
+    "@codemirror/commands": "^6.10.3",
+    "@codemirror/lang-javascript": "^6.2.5",
+    "@codemirror/language": "^6.12.3",
+    "@codemirror/lint": "^6.9.5",
+    "@codemirror/search": "^6.6.0",
+    "@codemirror/state": "^6.6.0",
+    "@codemirror/view": "^6.41.0",
+    "@docsearch/react": "^4.6.2",
+    "@headlessui/react": "^2.2.9",
+    "@lezer/highlight": "^1.2.3",
     "@mdx-js/mdx": "^3.1.1",
-    "@node-cli/static-server": "^3.1.4",
-    "@react-router/node": "^7.8.1",
+    "@node-cli/static-server": "^3.1.10",
+    "@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",
-    "fuse.js": "^6.4.3",
-    "glob": "^7.1.4",
+    "fuse.js": "^6.6.2",
     "highlight.js": "^11.11.1",
     "highlightjs-rescript": "^0.2.2",
-    "isbot": "^5",
+    "isbot": "^5.1.37",
     "lz-string": "^1.5.0",
-    "mdast-util-from-markdown": "^2.0.2",
+    "mdast-util-from-markdown": "^2.0.3",
     "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,36 +77,37 @@
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.1",
     "remark-validate-links": "^13.1.0",
-    "rescript": "^12.0.0",
+    "rescript": "^12.2.0",
+    "tinyglobby": "^0.2.15",
     "unified": "^11.0.5",
-    "vfile-matter": "^5.0.0"
+    "vfile-matter": "^5.0.1"
   },
   "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",
-    "auto-image-converter": "^2.1.2",
+    "@prettier/plugin-oxc": "^0.1.3",
+    "@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.2.0",
     "chokidar": "^4.0.3",
-    "dotenv": "^16.4.7",
+    "dotenv": "^16.6.1",
     "jsdom": "^26.1.0",
-    "lefthook": "^2.0.4",
-    "lightningcss": "^1.30.1",
-    "playwright": "^1.58.2",
-    "prettier": "^3.6.2",
+    "lefthook": "^2.1.4",
+    "lightningcss": "^1.32.0",
+    "playwright": "^1.59.1",
+    "prettier": "^3.8.1",
     "remark-cli": "^12.0.1",
     "search-insights": "^2.17.3",
     "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",
-    "wrangler": "^4.63.0"
+    "vite-plugin-page-reload": "^0.2.3",
+    "vitest": "^4.1.2",
+    "vitest-browser-react": "^2.2.0",
+    "wrangler": "^4.80.0"
   }
 }

markdown-pages/blog/release-11-1-0.mdx

@@ -1,4 +1,4 @@
-import glob from "glob";
+import { globSync } from "tinyglobby";
 import path from "path";
 import fs from "fs";
 import { URL } from "url";
@@ -46,7 +46,10 @@ const extractSyntax = async (version) => {
     __dirname,
     "../index_data/syntax_index.json",
   );
-  const syntaxFiles = glob.sync(`${SYNTAX_MD_DIR}/*.md?(x)`);
+  const syntaxFiles = globSync(["*.md", "*.mdx"], {
+    cwd: SYNTAX_MD_DIR,
+    absolute: true,
+  });
   const syntaxIndex = syntaxFiles
     .map(processFile)
     .filter(Boolean)

package.json

@@ -1,5 +1,5 @@
 import fs from "fs";
-import glob from "glob";
+import { globSync } from "tinyglobby";
 import path from "path";
 import { URL } from "url";
 import child_process from "child_process";
@@ -97,26 +97,27 @@ fs.writeFileSync(tempFileName, "");
 
 let success = true;
 
-glob
-  .sync(__dirname + "/../markdown-pages/docs/{manual,react}/**/*.mdx")
-  .forEach((file) => {
-    let content = fs.readFileSync(file, { encoding: "utf-8" });
-    let parsedResult = parseFile(content);
-    if (parsedResult != null) {
-      fs.writeFileSync(tempFileName, parsedResult);
-      try {
-        console.log("testing examples in", file);
-        // -109 for suppressing `Toplevel expression is expected to have unit type.`
-        // Most doc snippets do e.g. `Belt.Array.length(["test"])`, which triggers this
-        child_process.execSync("npm exec rescript build ./temp -- --quiet", {
-          stdio: "inherit",
-        });
-      } catch (e) {
-        // process.stdout.write(postprocessOutput(file, e));
-        success = false;
-      }
+globSync("{manual,react}/**/*.mdx", {
+  cwd: path.join(__dirname, "../markdown-pages/docs"),
+  absolute: true,
+}).forEach((file) => {
+  let content = fs.readFileSync(file, { encoding: "utf-8" });
+  let parsedResult = parseFile(content);
+  if (parsedResult != null) {
+    fs.writeFileSync(tempFileName, parsedResult);
+    try {
+      console.log("testing examples in", file);
+      // -109 for suppressing `Toplevel expression is expected to have unit type.`
+      // Most doc snippets do e.g. `Belt.Array.length(["test"])`, which triggers this
+      child_process.execSync("npm exec rescript build ./temp -- --quiet", {
+        stdio: "inherit",
+      });
+    } catch (e) {
+      // process.stdout.write(postprocessOutput(file, e));
+      success = false;
     }
-  });
+  }
+});
 
 fs.unlinkSync(tempFileName);
 process.exit(success ? 0 : 1);

scripts/extract-syntax.mjs

@@ -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"
 }
 

scripts/test-examples.mjs

@@ -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