@richie-router/react 0.1.5 → 0.1.6

package/dist/cjs/router.cjs

@@ -541,7 +541,7 @@ class Router {
     return response.head;
   }
   async fetchRouteHead(route, params, search) {
-    const basePath = this.options.headBasePath ?? prependBasePathToHref("/head-api", this.basePath);
+    const basePath = prependBasePathToHref(import_core.resolveHostedRoutingConfig(this.routeTree.hostedRouting).headBasePath, this.basePath);
     const searchParams = new URLSearchParams({
       routeId: route.fullPath,
       params: JSON.stringify(params),
@@ -557,7 +557,7 @@ class Router {
     return await response.json();
   }
   async fetchDocumentHead(location) {
-    const basePath = this.options.headBasePath ?? prependBasePathToHref("/head-api", this.basePath);
+    const basePath = prependBasePathToHref(import_core.resolveHostedRoutingConfig(this.routeTree.hostedRouting).headBasePath, this.basePath);
     const searchParams = new URLSearchParams({
       href: prependBasePathToHref(location.href, this.basePath)
     });

package/dist/cjs/router.test.cjs

@@ -45,6 +45,12 @@ function createTestRouteTree(options) {
     component: () => null
   });
   aboutRoute._setServerHead(options?.serverHead);
+  if (options?.headBasePath) {
+    rootRoute._setHostedRouting({
+      headBasePath: options.headBasePath,
+      passthrough: [options.headBasePath]
+    });
+  }
   return rootRoute._addFileChildren({
     index: indexRoute,
     about: aboutRoute
@@ -249,6 +255,38 @@ import_bun_test.describe("createRouter basePath", () => {
       globalThis.fetch = originalFetch;
     }
   });
+  import_bun_test.test("uses the route tree headBasePath for document head requests", async () => {
+    const history = import_router.createMemoryHistory({
+      initialEntries: ["/project/about"]
+    });
+    const fetchCalls = [];
+    const originalFetch = globalThis.fetch;
+    globalThis.fetch = async (input) => {
+      fetchCalls.push(typeof input === "string" ? input : input instanceof URL ? input.toString() : input.url);
+      return new Response(JSON.stringify({
+        head: [],
+        routeHeads: [
+          { routeId: "/about", head: [] }
+        ]
+      }), {
+        status: 200,
+        headers: {
+          "content-type": "application/json"
+        }
+      });
+    };
+    try {
+      const router = import_router.createRouter({
+        routeTree: createTestRouteTree({ serverHead: true, headBasePath: "/meta" }),
+        history,
+        basePath: "/project"
+      });
+      await router.load();
+      import_bun_test.expect(fetchCalls).toEqual(["/project/meta?href=%2Fproject%2Fabout"]);
+    } finally {
+      globalThis.fetch = originalFetch;
+    }
+  });
   import_bun_test.test("uses one document head request and preserves inline head precedence", async () => {
     const history = import_router.createMemoryHistory({
       initialEntries: ["/posts/alpha"]

package/dist/esm/router.mjs

@@ -14,7 +14,8 @@ import {
   matchRouteTree,
   notFound,
   redirect,
-  resolveHeadConfig
+  resolveHeadConfig,
+  resolveHostedRoutingConfig
 } from "@richie-router/core";
 import {
   createBrowserHistory,
@@ -464,7 +465,7 @@ class Router {
     return response.head;
   }
   async fetchRouteHead(route, params, search) {
-    const basePath = this.options.headBasePath ?? prependBasePathToHref("/head-api", this.basePath);
+    const basePath = prependBasePathToHref(resolveHostedRoutingConfig(this.routeTree.hostedRouting).headBasePath, this.basePath);
     const searchParams = new URLSearchParams({
       routeId: route.fullPath,
       params: JSON.stringify(params),
@@ -480,7 +481,7 @@ class Router {
     return await response.json();
   }
   async fetchDocumentHead(location) {
-    const basePath = this.options.headBasePath ?? prependBasePathToHref("/head-api", this.basePath);
+    const basePath = prependBasePathToHref(resolveHostedRoutingConfig(this.routeTree.hostedRouting).headBasePath, this.basePath);
     const searchParams = new URLSearchParams({
       href: prependBasePathToHref(location.href, this.basePath)
     });

package/dist/esm/router.test.mjs

@@ -23,6 +23,12 @@ function createTestRouteTree(options) {
     component: () => null
   });
   aboutRoute._setServerHead(options?.serverHead);
+  if (options?.headBasePath) {
+    rootRoute._setHostedRouting({
+      headBasePath: options.headBasePath,
+      passthrough: [options.headBasePath]
+    });
+  }
   return rootRoute._addFileChildren({
     index: indexRoute,
     about: aboutRoute
@@ -227,6 +233,38 @@ describe("createRouter basePath", () => {
       globalThis.fetch = originalFetch;
     }
   });
+  test("uses the route tree headBasePath for document head requests", async () => {
+    const history = createMemoryHistory({
+      initialEntries: ["/project/about"]
+    });
+    const fetchCalls = [];
+    const originalFetch = globalThis.fetch;
+    globalThis.fetch = async (input) => {
+      fetchCalls.push(typeof input === "string" ? input : input instanceof URL ? input.toString() : input.url);
+      return new Response(JSON.stringify({
+        head: [],
+        routeHeads: [
+          { routeId: "/about", head: [] }
+        ]
+      }), {
+        status: 200,
+        headers: {
+          "content-type": "application/json"
+        }
+      });
+    };
+    try {
+      const router = createRouter({
+        routeTree: createTestRouteTree({ serverHead: true, headBasePath: "/meta" }),
+        history,
+        basePath: "/project"
+      });
+      await router.load();
+      expect(fetchCalls).toEqual(["/project/meta?href=%2Fproject%2Fabout"]);
+    } finally {
+      globalThis.fetch = originalFetch;
+    }
+  });
   test("uses one document head request and preserves inline head precedence", async () => {
     const history = createMemoryHistory({
       initialEntries: ["/posts/alpha"]

package/dist/types/router.d.ts

@@ -150,7 +150,6 @@ export interface RouterOptions<TRouteTree extends AnyRoute> {
     defaultErrorComponent?: AnyComponent;
     scrollRestoration?: boolean;
     scrollToTopSelectors?: string[];
-    headBasePath?: string;
     trailingSlash?: 'always' | 'never' | 'preserve';
     parseSearch?: (searchStr: string) => Record<string, unknown>;
     stringifySearch?: (search: Record<string, unknown>) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@richie-router/react",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "React runtime, components, and hooks for Richie Router",
   "sideEffects": false,
   "exports": {
@@ -13,7 +13,7 @@
     }
   },
   "dependencies": {
-    "@richie-router/core": "^0.1.4"
+    "@richie-router/core": "^0.1.5"
   },
   "peerDependencies": {
     "react": "^19"