chore: update dependencies

Author: huijiewei

package.json

@@ -22,25 +22,25 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.31.0",
-    "@commitlint/cli": "^20.5.2",
-    "@commitlint/config-conventional": "^20.5.0",
-    "@resolid/config": "^5.3.12",
+    "@commitlint/cli": "^20.5.3",
+    "@commitlint/config-conventional": "^20.5.3",
+    "@resolid/config": "^5.3.14",
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
     "@tailwindcss/language-server": "^0.14.29",
     "@types/node": "^24.12.2",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-you-might-not-need-an-effect": "^0.9.3",
+    "eslint-plugin-react-you-might-not-need-an-effect": "^0.10.0",
     "lefthook": "^2.1.6",
-    "oxfmt": "^0.47.0",
-    "oxlint": "^1.62.0",
+    "oxfmt": "^0.48.0",
+    "oxlint": "^1.63.0",
     "oxlint-tsgolint": "^0.22.1",
     "typescript": "^6.0.3"
   },
   "engines": {
     "node": "^22.13.0 || >=24",
     "pnpm": "10.x"
   },
-  "packageManager": "pnpm@10.33.2",
+  "packageManager": "pnpm@10.33.3",
   "pnpm": {
     "onlyBuiltDependencies": [
       "esbuild",

packages/react-ui/package.json

@@ -62,9 +62,9 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/pretty-format": "^4.1.5",
-    "axe-core": "^4.11.3",
+    "axe-core": "^4.11.4",
     "babel-plugin-react-compiler": "^1.0.0",
-    "jsdom": "^29.1.0",
+    "jsdom": "^29.1.1",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "tsdown": "^0.21.10",

pnpm-lock.yaml

@@ -12,23 +12,23 @@
   },
   "dependencies": {
     "@mdx-js/react": "^3.1.1",
-    "@react-router/node": "^7.14.2",
+    "@react-router/node": "^7.15.0",
     "@resolid/react-ui": "workspace:^",
     "@resolid/utils": "^1.3.7",
     "@tailwindcss/typography": "^0.5.19",
     "@vercel/analytics": "^2.0.1",
-    "isbot": "^5.1.39",
+    "isbot": "^5.1.40",
     "minisearch": "^7.2.0",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
-    "react-router": "^7.14.2",
+    "react-router": "^7.15.0",
     "tailwindcss": "^4.2.4"
   },
   "devDependencies": {
     "@mdx-js/rollup": "^3.1.1",
-    "@react-router/dev": "^7.14.2",
-    "@resolid/config": "^5.3.12",
-    "@resolid/dev": "^0.4.1",
+    "@react-router/dev": "^7.15.0",
+    "@resolid/config": "^5.3.14",
+    "@resolid/dev": "^0.5.0",
     "@rolldown/plugin-babel": "^0.2.3",
     "@shikijs/rehype": "^4.0.2",
     "@tailwindcss/vite": "^4.2.4",
@@ -49,7 +49,7 @@
     "remove-markdown": "^0.6.3",
     "unist-util-visit": "^5.1.0",
     "vite": "^8.0.10",
-    "yaml": "^2.8.3"
+    "yaml": "^2.8.4"
   },
   "engines": {
     "node": "^22.13.0 || >=24"

website/package.json

@@ -1,41 +1,19 @@
-import { Button, type ButtonProps, type PrimitiveProps } from "@resolid/react-ui";
 import {
-  Link,
-  type LinkProps,
-  NavLink,
-  type NavLinkProps,
-  type Path,
-  useLocation,
-  useNavigate,
-} from "react-router";
-
-export function HistoryLink(props: LinkProps) {
-  const { state, to, ...rest } = props;
-
-  return <Link to={to} state={{ ...state, previous: true }} {...rest} />;
-}
-
-export function HistoryNavLink(props: NavLinkProps) {
-  const { state, to, ...rest } = props;
+  HistoryLink,
+  HistoryNavLink,
+  useHistoryBack,
+  type UseHistoryBackOptions,
+} from "@resolid/dev/router";
+import { Button, type ButtonProps, type PrimitiveProps } from "@resolid/react-ui";
 
-  return <NavLink to={to} state={{ ...state, previous: true }} {...rest} />;
-}
+export { HistoryLink, HistoryNavLink };
 
-export type HistoryBackProps = ButtonProps & { backTo?: string | Partial<Path> };
+export type HistoryBackProps = ButtonProps & UseHistoryBackOptions;
 
 export function HistoryBack(props: PrimitiveProps<"button", HistoryBackProps, "children">) {
   const { onClick, backTo = "/", ...rest } = props;
 
-  const navigate = useNavigate();
-  const { state } = useLocation();
-
-  const historyBack = async () => {
-    if (state?.previous) {
-      await navigate(-1);
-    } else {
-      await navigate(backTo);
-    }
-  };
+  const historyBack = useHistoryBack(backTo);
 
   return (
     <Button

website/src/components/history-link.tsx

@@ -1,35 +1,8 @@
+import { useRouteProgress } from "@resolid/dev/router";
 import { tx } from "@resolid/react-ui";
-import { useEffect, useRef, useState } from "react";
-import { useNavigation } from "react-router";
 
 export function RouteProcessBar() {
-  const transition = useNavigation();
-  const active = transition.state !== "idle";
-
-  const ref = useRef<HTMLDivElement>(null);
-  const [animating, setAnimating] = useState(false);
-
-  useEffect(() => {
-    if (!ref.current) {
-      return;
-    }
-
-    void Promise.allSettled(ref.current.getAnimations().map(({ finished }) => finished)).then(
-      () => {
-        if (!active) {
-          setAnimating(false);
-        }
-      },
-    );
-
-    const id = active ? setTimeout(() => setAnimating(true), 100) : null;
-
-    return () => {
-      if (id) {
-        clearTimeout(id);
-      }
-    };
-  }, [active]);
+  const { ref, active, animating, state } = useRouteProgress();
 
   return (
     <div
@@ -42,9 +15,9 @@ export function RouteProcessBar() {
         className={tx(
           "h-full transition-[width,background-image] duration-500",
           "bg-linear-to-r from-bg-primary-emphasis to-bg-primary-pressed",
-          transition.state === "idle" && (animating ? "w-full" : "w-0 opacity-0 transition-none"),
-          transition.state === "submitting" && "w-4/12",
-          transition.state === "loading" && "w-10/12",
+          state === "idle" && (animating ? "w-full" : "w-0 opacity-0 transition-none"),
+          state === "submitting" && "w-4/12",
+          state === "loading" && "w-10/12",
         )}
       />
     </div>

website/src/components/route-process-bar.tsx

@@ -30,10 +30,8 @@ export const meta: Route.MetaFunction = mergeMeta(({ loaderData }) => [
   },
 ]);
 
-export const loader = async ({ request }: Route.LoaderArgs) => {
-  const { pathname } = new URL(request.url);
-
-  const meta = await getMdxMeta(trimStart(pathname, "/"));
+export const loader = async ({ url }: Route.LoaderArgs) => {
+  const meta = await getMdxMeta(trimStart(url.pathname, "/"));
 
   if (meta == null) {
     httpNotFound();