@tanstack/react-router 1.120.16 → 1.120.18

package/dist/cjs/ClientOnly.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClientOnly.cjs","sources":["../../src/ClientOnly.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface ClientOnlyProps {\n  /**\n   * The children to render if the JS is loaded.\n   */\n  children: React.ReactNode\n  /**\n   * The fallback component to render if the JS is not yet loaded.\n   */\n  fallback?: React.ReactNode\n}\n\n/**\n * Render the children only after the JS has loaded client-side. Use an optional\n * fallback component if the JS is not yet loaded.\n *\n * @example\n * Render a Chart component if JS loads, renders a simple FakeChart\n * component server-side or if there is no JS. The FakeChart can have only the\n * UI without the behavior or be a loading spinner or skeleton.\n *\n * ```tsx\n * return (\n *   <ClientOnly fallback={<FakeChart />}>\n *     <Chart />\n *   </ClientOnly>\n * )\n * ```\n */\nexport function ClientOnly({ children, fallback = null }: ClientOnlyProps) {\n  return useHydrated() ? (\n    <React.Fragment>{children}</React.Fragment>\n  ) : (\n    <React.Fragment>{fallback}</React.Fragment>\n  )\n}\n\n/**\n * Return a boolean indicating if the JS has been hydrated already.\n * When doing Server-Side Rendering, the result will always be false.\n * When doing Client-Side Rendering, the result will always be false on the\n * first render and true from then on. Even if a new component renders it will\n * always start with true.\n *\n * @example\n * ```tsx\n * // Disable a button that needs JS to work.\n * let hydrated = useHydrated()\n * return (\n *   <button type=\"button\" disabled={!hydrated} onClick={doSomethingCustom}>\n *     Click me\n *   </button>\n * )\n * ```\n * @returns True if the JS has been hydrated already, false otherwise.\n */\nfunction useHydrated(): boolean {\n  return React.useSyncExternalStore(\n    subscribe,\n    () => true,\n    () => false,\n  )\n}\n\nfunction subscribe() {\n  return () => {}\n}\n"],"names":["jsx"],"mappings":";;;;AA8BO,SAAS,WAAW,EAAE,UAAU,WAAW,QAAyB;AACzE,SAAO,YAAY,IAChBA,2BAAAA,IAAA,MAAM,UAAN,EAAgB,SAAS,CAAA,IAEzBA,2BAAAA,IAAA,MAAM,UAAN,EAAgB,UAAS,SAAA,CAAA;AAE9B;AAqBA,SAAS,cAAuB;AAC9B,SAAO,MAAM;AAAA,IACX;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEA,SAAS,YAAY;AACnB,SAAO,MAAM;AAAA,EAAC;AAChB;;"}
+{"version":3,"file":"ClientOnly.cjs","sources":["../../src/ClientOnly.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface ClientOnlyProps {\n  /**\n   * The children to render when the JS is loaded.\n   */\n  children: React.ReactNode\n  /**\n   * The fallback component to render if the JS is not yet loaded.\n   */\n  fallback?: React.ReactNode\n}\n\n/**\n * Render the children only after the JS has loaded client-side. Use an optional\n * fallback component if the JS is not yet loaded.\n *\n * @example\n * Render a Chart component if JS loads, renders a simple FakeChart\n * component server-side or if there is no JS. The FakeChart can have only the\n * UI without the behavior or be a loading spinner or skeleton.\n *\n * ```tsx\n * return (\n *   <ClientOnly fallback={<FakeChart />}>\n *     <Chart />\n *   </ClientOnly>\n * )\n * ```\n */\nexport function ClientOnly({ children, fallback = null }: ClientOnlyProps) {\n  return useHydrated() ? (\n    <React.Fragment>{children}</React.Fragment>\n  ) : (\n    <React.Fragment>{fallback}</React.Fragment>\n  )\n}\n\n/**\n * Return a boolean indicating if the JS has been hydrated already.\n * When doing Server-Side Rendering, the result will always be false.\n * When doing Client-Side Rendering, the result will always be false on the\n * first render and true from then on. Even if a new component renders it will\n * always start with true.\n *\n * @example\n * ```tsx\n * // Disable a button that needs JS to work.\n * let hydrated = useHydrated()\n * return (\n *   <button type=\"button\" disabled={!hydrated} onClick={doSomethingCustom}>\n *     Click me\n *   </button>\n * )\n * ```\n * @returns True if the JS has been hydrated already, false otherwise.\n */\nfunction useHydrated(): boolean {\n  return React.useSyncExternalStore(\n    subscribe,\n    () => true,\n    () => false,\n  )\n}\n\nfunction subscribe() {\n  return () => {}\n}\n"],"names":["jsx"],"mappings":";;;;AA8BO,SAAS,WAAW,EAAE,UAAU,WAAW,QAAyB;AACzE,SAAO,YAAY,IAChBA,2BAAAA,IAAA,MAAM,UAAN,EAAgB,SAAS,CAAA,IAEzBA,2BAAAA,IAAA,MAAM,UAAN,EAAgB,UAAS,SAAA,CAAA;AAE9B;AAqBA,SAAS,cAAuB;AAC9B,SAAO,MAAM;AAAA,IACX;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEA,SAAS,YAAY;AACnB,SAAO,MAAM;AAAA,EAAC;AAChB;;"}

package/dist/cjs/ClientOnly.d.cts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 export interface ClientOnlyProps {
     /**
-     * The children to render if the JS is loaded.
+     * The children to render when the JS is loaded.
      */
     children: React.ReactNode;
     /**

package/dist/esm/ClientOnly.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 export interface ClientOnlyProps {
     /**
-     * The children to render if the JS is loaded.
+     * The children to render when the JS is loaded.
      */
     children: React.ReactNode;
     /**

package/dist/esm/ClientOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClientOnly.js","sources":["../../src/ClientOnly.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface ClientOnlyProps {\n  /**\n   * The children to render if the JS is loaded.\n   */\n  children: React.ReactNode\n  /**\n   * The fallback component to render if the JS is not yet loaded.\n   */\n  fallback?: React.ReactNode\n}\n\n/**\n * Render the children only after the JS has loaded client-side. Use an optional\n * fallback component if the JS is not yet loaded.\n *\n * @example\n * Render a Chart component if JS loads, renders a simple FakeChart\n * component server-side or if there is no JS. The FakeChart can have only the\n * UI without the behavior or be a loading spinner or skeleton.\n *\n * ```tsx\n * return (\n *   <ClientOnly fallback={<FakeChart />}>\n *     <Chart />\n *   </ClientOnly>\n * )\n * ```\n */\nexport function ClientOnly({ children, fallback = null }: ClientOnlyProps) {\n  return useHydrated() ? (\n    <React.Fragment>{children}</React.Fragment>\n  ) : (\n    <React.Fragment>{fallback}</React.Fragment>\n  )\n}\n\n/**\n * Return a boolean indicating if the JS has been hydrated already.\n * When doing Server-Side Rendering, the result will always be false.\n * When doing Client-Side Rendering, the result will always be false on the\n * first render and true from then on. Even if a new component renders it will\n * always start with true.\n *\n * @example\n * ```tsx\n * // Disable a button that needs JS to work.\n * let hydrated = useHydrated()\n * return (\n *   <button type=\"button\" disabled={!hydrated} onClick={doSomethingCustom}>\n *     Click me\n *   </button>\n * )\n * ```\n * @returns True if the JS has been hydrated already, false otherwise.\n */\nfunction useHydrated(): boolean {\n  return React.useSyncExternalStore(\n    subscribe,\n    () => true,\n    () => false,\n  )\n}\n\nfunction subscribe() {\n  return () => {}\n}\n"],"names":["React"],"mappings":";;AA8BO,SAAS,WAAW,EAAE,UAAU,WAAW,QAAyB;AACzE,SAAO,YAAY,IAChB,oBAAAA,eAAM,UAAN,EAAgB,SAAS,CAAA,IAEzB,oBAAAA,eAAM,UAAN,EAAgB,UAAS,SAAA,CAAA;AAE9B;AAqBA,SAAS,cAAuB;AAC9B,SAAOA,eAAM;AAAA,IACX;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEA,SAAS,YAAY;AACnB,SAAO,MAAM;AAAA,EAAC;AAChB;"}
+{"version":3,"file":"ClientOnly.js","sources":["../../src/ClientOnly.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface ClientOnlyProps {\n  /**\n   * The children to render when the JS is loaded.\n   */\n  children: React.ReactNode\n  /**\n   * The fallback component to render if the JS is not yet loaded.\n   */\n  fallback?: React.ReactNode\n}\n\n/**\n * Render the children only after the JS has loaded client-side. Use an optional\n * fallback component if the JS is not yet loaded.\n *\n * @example\n * Render a Chart component if JS loads, renders a simple FakeChart\n * component server-side or if there is no JS. The FakeChart can have only the\n * UI without the behavior or be a loading spinner or skeleton.\n *\n * ```tsx\n * return (\n *   <ClientOnly fallback={<FakeChart />}>\n *     <Chart />\n *   </ClientOnly>\n * )\n * ```\n */\nexport function ClientOnly({ children, fallback = null }: ClientOnlyProps) {\n  return useHydrated() ? (\n    <React.Fragment>{children}</React.Fragment>\n  ) : (\n    <React.Fragment>{fallback}</React.Fragment>\n  )\n}\n\n/**\n * Return a boolean indicating if the JS has been hydrated already.\n * When doing Server-Side Rendering, the result will always be false.\n * When doing Client-Side Rendering, the result will always be false on the\n * first render and true from then on. Even if a new component renders it will\n * always start with true.\n *\n * @example\n * ```tsx\n * // Disable a button that needs JS to work.\n * let hydrated = useHydrated()\n * return (\n *   <button type=\"button\" disabled={!hydrated} onClick={doSomethingCustom}>\n *     Click me\n *   </button>\n * )\n * ```\n * @returns True if the JS has been hydrated already, false otherwise.\n */\nfunction useHydrated(): boolean {\n  return React.useSyncExternalStore(\n    subscribe,\n    () => true,\n    () => false,\n  )\n}\n\nfunction subscribe() {\n  return () => {}\n}\n"],"names":["React"],"mappings":";;AA8BO,SAAS,WAAW,EAAE,UAAU,WAAW,QAAyB;AACzE,SAAO,YAAY,IAChB,oBAAAA,eAAM,UAAN,EAAgB,SAAS,CAAA,IAEzB,oBAAAA,eAAM,UAAN,EAAgB,UAAS,SAAA,CAAA;AAE9B;AAqBA,SAAS,cAAuB;AAC9B,SAAOA,eAAM;AAAA,IACX;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEA,SAAS,YAAY;AACnB,SAAO,MAAM;AAAA,EAAC;AAChB;"}

package/dist/llms/cjs/index.cjs

@@ -1,37 +1,37 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const api_js_1 = require("./rules/api.js");
-const guide_js_1 = require("./rules/guide.js");
-const routing_js_1 = require("./rules/routing.js");
-const setup_and_architecture_js_1 = require("./rules/setup-and-architecture.js");
+const api = require('./rules/api.cjs')
+const guide = require('./rules/guide.cjs')
+const routing = require('./rules/routing.cjs')
+const setupAndArchitecture = require('./rules/setup-and-architecture.cjs')
+
 const rules = [
-    {
-        name: 'api',
-        description: 'TanStack Router: API',
-        rule: api_js_1.default,
-        alwaysApply: false,
-        globs: ['src/**/*.ts', 'src/**/*.tsx'],
-    },
-    {
-        name: 'guide',
-        description: 'TanStack Router: Guide',
-        rule: guide_js_1.default,
-        alwaysApply: false,
-        globs: ['src/**/*.ts', 'src/**/*.tsx'],
-    },
-    {
-        name: 'routing',
-        description: 'TanStack Router: Routing',
-        rule: routing_js_1.default,
-        alwaysApply: false,
-        globs: ['src/**/*.ts', 'src/**/*.tsx'],
-    },
-    {
-        name: 'setup-and-architecture',
-        description: 'TanStack Router: Setup and Architecture',
-        rule: setup_and_architecture_js_1.default,
-        alwaysApply: false,
-        globs: ['package.json', 'vite.config.ts', 'tsconfig.json', 'src/**/*.ts', 'src/**/*.tsx'],
-    }
-];
-exports.default = rules;
+  {
+  name: 'api',
+  description: 'TanStack Router: API',
+  rule: api,
+  alwaysApply: false,
+  globs: ['src/**/*.ts', 'src/**/*.tsx'],
+},
+{
+  name: 'guide',
+  description: 'TanStack Router: Guide',
+  rule: guide,
+  alwaysApply: false,
+  globs: ['src/**/*.ts', 'src/**/*.tsx'],
+},
+{
+  name: 'routing',
+  description: 'TanStack Router: Routing',
+  rule: routing,
+  alwaysApply: false,
+  globs: ['src/**/*.ts', 'src/**/*.tsx'],
+},
+{
+  name: 'setup-and-architecture',
+  description: 'TanStack Router: Setup and Architecture',
+  rule: setupAndArchitecture,
+  alwaysApply: false,
+  globs: ['package.json', 'vite.config.ts', 'tsconfig.json', 'src/**/*.ts', 'src/**/*.tsx'],
+}
+]
+
+module.exports = rules

package/dist/llms/cjs/index.d.cts

@@ -1,3 +1 @@
-import type { PackageRuleItem } from 'vibe-rules';
-declare const rules: Array<PackageRuleItem>;
-export default rules;
+{}

package/dist/llms/cjs/rules/{api.js → api.cjs}

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const content = `# ActiveLinkOptions type
+module.exports = `# ActiveLinkOptions type
 
 The \`ActiveLinkOptions\` type extends the [\`LinkOptions\`](../LinkOptionsType.md) type and contains additional options that can be used to describe how a link should be styled when it is active.
 
@@ -4240,5 +4238,4 @@ function Component() {
 }
 \`\`\`
 
-`;
-exports.default = content;
+`;

package/dist/llms/cjs/rules/{guide.js → guide.cjs}

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const content = `# Authenticated Routes
+module.exports = `# Authenticated Routes
 
 Authentication is an extremely common requirement for web applications. In this guide, we'll walk through how to use TanStack Router to build protected routes, and how to redirect users to login if they try to access them.
 
@@ -6274,5 +6272,4 @@ const { enable, disable, navigate } = useConditionalNavigate({
 })
 \`\`\`
 
-`;
-exports.default = content;
+`;

package/dist/llms/cjs/rules/{routing.js → routing.cjs}

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const content = `# Code-Based Routing
+module.exports = `# Code-Based Routing
 
 > [!TIP]
 > Code-based routing is not recommended for most applications. It is recommended to use [File-Based Routing](../file-based-routing.md) instead.
@@ -1933,5 +1931,4 @@ Or you can define the virtual routes directly in the configuration, while much l
 }
 \`\`\`
 
-`;
-exports.default = content;
+`;

package/dist/llms/cjs/rules/{setup-and-architecture.js → setup-and-architecture.cjs}

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const content = `# Overview
+module.exports = `# Overview
 
 **TanStack Router is a router for building React and Solid applications**. Some of its features include:
 
@@ -928,5 +926,4 @@ function PathlessLayoutRouteComponent() {
 
 </details>
 
-`;
-exports.default = content;
+`;

package/dist/llms/esm/index.d.ts

@@ -1,3 +1,3 @@
 import type { PackageRuleItem } from 'vibe-rules';
 declare const rules: Array<PackageRuleItem>;
-export default rules;
+export default rules;

package/dist/llms/esm/index.js

@@ -1,35 +1,37 @@
-import api from './rules/api.js';
-import guide from './rules/guide.js';
-import routing from './rules/routing.js';
-import setupAndArchitecture from './rules/setup-and-architecture.js';
+import api from './rules/api.js'
+import guide from './rules/guide.js'
+import routing from './rules/routing.js'
+import setupAndArchitecture from './rules/setup-and-architecture.js'
+
 const rules = [
-    {
-        name: 'api',
-        description: 'TanStack Router: API',
-        rule: api,
-        alwaysApply: false,
-        globs: ['src/**/*.ts', 'src/**/*.tsx'],
-    },
-    {
-        name: 'guide',
-        description: 'TanStack Router: Guide',
-        rule: guide,
-        alwaysApply: false,
-        globs: ['src/**/*.ts', 'src/**/*.tsx'],
-    },
-    {
-        name: 'routing',
-        description: 'TanStack Router: Routing',
-        rule: routing,
-        alwaysApply: false,
-        globs: ['src/**/*.ts', 'src/**/*.tsx'],
-    },
-    {
-        name: 'setup-and-architecture',
-        description: 'TanStack Router: Setup and Architecture',
-        rule: setupAndArchitecture,
-        alwaysApply: false,
-        globs: ['package.json', 'vite.config.ts', 'tsconfig.json', 'src/**/*.ts', 'src/**/*.tsx'],
-    }
-];
-export default rules;
+  {
+  name: 'api',
+  description: 'TanStack Router: API',
+  rule: api,
+  alwaysApply: false,
+  globs: ['src/**/*.ts', 'src/**/*.tsx'],
+},
+{
+  name: 'guide',
+  description: 'TanStack Router: Guide',
+  rule: guide,
+  alwaysApply: false,
+  globs: ['src/**/*.ts', 'src/**/*.tsx'],
+},
+{
+  name: 'routing',
+  description: 'TanStack Router: Routing',
+  rule: routing,
+  alwaysApply: false,
+  globs: ['src/**/*.ts', 'src/**/*.tsx'],
+},
+{
+  name: 'setup-and-architecture',
+  description: 'TanStack Router: Setup and Architecture',
+  rule: setupAndArchitecture,
+  alwaysApply: false,
+  globs: ['package.json', 'vite.config.ts', 'tsconfig.json', 'src/**/*.ts', 'src/**/*.tsx'],
+}
+]
+
+export default rules

package/dist/llms/esm/rules/api.js

@@ -1,4 +1,4 @@
-const content = `# ActiveLinkOptions type
+export default `# ActiveLinkOptions type
 
 The \`ActiveLinkOptions\` type extends the [\`LinkOptions\`](../LinkOptionsType.md) type and contains additional options that can be used to describe how a link should be styled when it is active.
 
@@ -4238,5 +4238,4 @@ function Component() {
 }
 \`\`\`
 
-`;
-export default content;
+`;

package/dist/llms/esm/rules/guide.js

@@ -1,4 +1,4 @@
-const content = `# Authenticated Routes
+export default `# Authenticated Routes
 
 Authentication is an extremely common requirement for web applications. In this guide, we'll walk through how to use TanStack Router to build protected routes, and how to redirect users to login if they try to access them.
 
@@ -6272,5 +6272,4 @@ const { enable, disable, navigate } = useConditionalNavigate({
 })
 \`\`\`
 
-`;
-export default content;
+`;

package/dist/llms/esm/rules/routing.js

@@ -1,4 +1,4 @@
-const content = `# Code-Based Routing
+export default `# Code-Based Routing
 
 > [!TIP]
 > Code-based routing is not recommended for most applications. It is recommended to use [File-Based Routing](../file-based-routing.md) instead.
@@ -1931,5 +1931,4 @@ Or you can define the virtual routes directly in the configuration, while much l
 }
 \`\`\`
 
-`;
-export default content;
+`;

package/dist/llms/esm/rules/setup-and-architecture.js

@@ -1,4 +1,4 @@
-const content = `# Overview
+export default `# Overview
 
 **TanStack Router is a router for building React and Solid applications**. Some of its features include:
 
@@ -926,5 +926,4 @@ function PathlessLayoutRouteComponent() {
 
 </details>
 
-`;
-export default content;
+`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-router",
-  "version": "1.120.16",
+  "version": "1.120.18",
   "description": "Modern and scalable routing for React applications",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -63,8 +63,8 @@
     "jsesc": "^3.1.0",
     "tiny-invariant": "^1.3.3",
     "tiny-warning": "^1.0.3",
-    "@tanstack/history": "1.115.0",
-    "@tanstack/router-core": "1.120.15"
+    "@tanstack/history": "1.120.17",
+    "@tanstack/router-core": "1.120.17"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",

package/src/ClientOnly.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 
 export interface ClientOnlyProps {
   /**
-   * The children to render if the JS is loaded.
+   * The children to render when the JS is loaded.
    */
   children: React.ReactNode
   /**