@tanstack/react-router 0.0.1-alpha.2 → 0.0.1-alpha.3

package/build/stats-html.html

@@ -4014,7 +4014,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"bdf7-21","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"bdf7-23"},{"name":"react-router/src/index.tsx","uid":"bdf7-25"}]}]}],"isRoot":true},"nodeParts":{"bdf7-21":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"bdf7-20"},"bdf7-23":{"renderedLength":68622,"gzipLength":14235,"brotliLength":0,"mainUid":"bdf7-22"},"bdf7-25":{"renderedLength":11931,"gzipLength":3038,"brotliLength":0,"mainUid":"bdf7-24"}},"nodeMetas":{"bdf7-20":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"bdf7-21"},"imported":[],"importedBy":[{"uid":"bdf7-24"}]},"bdf7-22":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"bdf7-23"},"imported":[],"importedBy":[{"uid":"bdf7-24"}]},"bdf7-24":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"bdf7-25"},"imported":[{"uid":"bdf7-20"},{"uid":"bdf7-26"},{"uid":"bdf7-27"},{"uid":"bdf7-22"}],"importedBy":[],"isEntry":true},"bdf7-26":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"bdf7-24"}],"isExternal":true},"bdf7-27":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"bdf7-24"}],"isExternal":true}},"env":{"rollup":"2.77.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"b6e9-21","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"b6e9-23"},{"name":"react-router/src/index.tsx","uid":"b6e9-25"}]}]}],"isRoot":true},"nodeParts":{"b6e9-21":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"b6e9-20"},"b6e9-23":{"renderedLength":68622,"gzipLength":14235,"brotliLength":0,"mainUid":"b6e9-22"},"b6e9-25":{"renderedLength":11932,"gzipLength":3067,"brotliLength":0,"mainUid":"b6e9-24"}},"nodeMetas":{"b6e9-20":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"b6e9-21"},"imported":[],"importedBy":[{"uid":"b6e9-24"}]},"b6e9-22":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"b6e9-23"},"imported":[],"importedBy":[{"uid":"b6e9-24"}]},"b6e9-24":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"b6e9-25"},"imported":[{"uid":"b6e9-20"},{"uid":"b6e9-26"},{"uid":"b6e9-27"},{"uid":"b6e9-22"}],"importedBy":[],"isEntry":true},"b6e9-26":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"b6e9-24"}],"isExternal":true},"b6e9-27":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"b6e9-24"}],"isExternal":true}},"env":{"rollup":"2.77.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -7,7 +7,7 @@
         "name": "index.production.js",
         "children": [
           {
-            "uid": "bdf7-29",
+            "uid": "b6e9-29",
             "name": "\u0000rollupPluginBabelHelpers.js"
           },
           {
@@ -15,11 +15,11 @@
             "children": [
               {
                 "name": "router-core/build/esm/index.js",
-                "uid": "bdf7-31"
+                "uid": "b6e9-31"
               },
               {
                 "name": "react-router/src/index.tsx",
-                "uid": "bdf7-33"
+                "uid": "b6e9-33"
               }
             ]
           }
@@ -29,90 +29,90 @@
     "isRoot": true
   },
   "nodeParts": {
-    "bdf7-29": {
+    "b6e9-29": {
       "renderedLength": 798,
       "gzipLength": 366,
       "brotliLength": 0,
-      "mainUid": "bdf7-28"
+      "mainUid": "b6e9-28"
     },
-    "bdf7-31": {
+    "b6e9-31": {
       "renderedLength": 68622,
       "gzipLength": 14235,
       "brotliLength": 0,
-      "mainUid": "bdf7-30"
+      "mainUid": "b6e9-30"
     },
-    "bdf7-33": {
-      "renderedLength": 11931,
-      "gzipLength": 3038,
+    "b6e9-33": {
+      "renderedLength": 11932,
+      "gzipLength": 3067,
       "brotliLength": 0,
-      "mainUid": "bdf7-32"
+      "mainUid": "b6e9-32"
     }
   },
   "nodeMetas": {
-    "bdf7-28": {
+    "b6e9-28": {
       "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "bdf7-29"
+        "index.production.js": "b6e9-29"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "bdf7-32"
+          "uid": "b6e9-32"
         }
       ]
     },
-    "bdf7-30": {
+    "b6e9-30": {
       "id": "/packages/router-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "bdf7-31"
+        "index.production.js": "b6e9-31"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "bdf7-32"
+          "uid": "b6e9-32"
         }
       ]
     },
-    "bdf7-32": {
+    "b6e9-32": {
       "id": "/packages/react-router/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "bdf7-33"
+        "index.production.js": "b6e9-33"
       },
       "imported": [
         {
-          "uid": "bdf7-28"
+          "uid": "b6e9-28"
         },
         {
-          "uid": "bdf7-34"
+          "uid": "b6e9-34"
         },
         {
-          "uid": "bdf7-35"
+          "uid": "b6e9-35"
         },
         {
-          "uid": "bdf7-30"
+          "uid": "b6e9-30"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "bdf7-34": {
+    "b6e9-34": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "bdf7-32"
+          "uid": "b6e9-32"
         }
       ],
       "isExternal": true
     },
-    "bdf7-35": {
+    "b6e9-35": {
       "id": "use-sync-external-store/shim",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "bdf7-32"
+          "uid": "b6e9-32"
         }
       ],
       "isExternal": true

package/build/types/index.d.ts

@@ -9,7 +9,7 @@
  * @license MIT
  */
 import * as React from 'react';
-import { AnyRouteConfig, RouteConfig, AnyAllRouteInfo, AllRouteInfo, RootRouteId, RouteMatch, DefaultAllRouteInfo, AnyRouteInfo, RouteInfo, ToOptions, MatchRouteOptions, RouteInfoByPath, ResolveRelativePath, NoInfer, ValidFromPath, LinkOptions, RouterOptions, Router } from '@tanstack/router-core';
+import { AnyRouteConfig, RouteConfig, AnyAllRouteInfo, AllRouteInfo, RootRouteId, RouteMatch, ToOptions, MatchRouteOptions, RouteInfoByPath, ResolveRelativePath, NoInfer, DefaultAllRouteInfo, AnyRouteInfo, RouteInfo, ValidFromPath, LinkOptions, RouterOptions, Router } from '@tanstack/router-core';
 export * from '@tanstack/router-core';
 
 declare module '@tanstack/router-core' {
@@ -23,6 +23,15 @@ declare module '@tanstack/router-core' {
     interface Router<TRouteConfig extends AnyRouteConfig = RouteConfig, TAllRouteInfo extends AnyAllRouteInfo = AllRouteInfo<TRouteConfig>> extends Pick<Route<TAllRouteInfo, TAllRouteInfo['routeInfoById'][RootRouteId]>, 'linkProps' | 'Link' | 'MatchRoute'> {
         useRoute: <TId extends keyof TAllRouteInfo['routeInfoById']>(routeId: TId) => Route<TAllRouteInfo, TAllRouteInfo['routeInfoById'][TId]>;
         useMatch: <TId extends keyof TAllRouteInfo['routeInfoById']>(routeId: TId) => RouteMatch<TAllRouteInfo, TAllRouteInfo['routeInfoById'][TId]>;
+        linkProps: <TTo extends string = '.'>(props: LinkPropsOptions<TAllRouteInfo, '/', TTo> & React.AnchorHTMLAttributes<HTMLAnchorElement>) => React.AnchorHTMLAttributes<HTMLAnchorElement>;
+        Link: <TTo extends string = '.'>(props: LinkPropsOptions<TAllRouteInfo, '/', TTo> & React.AnchorHTMLAttributes<HTMLAnchorElement> & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> & {
+            children?: React.ReactNode | ((state: {
+                isActive: boolean;
+            }) => React.ReactNode);
+        }) => JSX.Element;
+        MatchRoute: <TTo extends string = '.'>(props: ToOptions<TAllRouteInfo, '/', TTo> & MatchRouteOptions & {
+            children?: React.ReactNode | ((params: RouteInfoByPath<TAllRouteInfo, ResolveRelativePath<'/', NoInfer<TTo>>>['allParams']) => React.ReactNode);
+        }) => JSX.Element;
     }
     interface Route<TAllRouteInfo extends AnyAllRouteInfo = DefaultAllRouteInfo, TRouteInfo extends AnyRouteInfo = RouteInfo> {
         linkProps: <TTo extends string = '.'>(props: LinkPropsOptions<TAllRouteInfo, TRouteInfo['fullPath'], TTo> & React.AnchorHTMLAttributes<HTMLAnchorElement>) => React.AnchorHTMLAttributes<HTMLAnchorElement>;

package/build/umd/index.development.js

@@ -2375,6 +2375,108 @@
   };
 
   function createReactRouter(opts) {
+    const makeRouteExt = (route, router) => {
+      return {
+        linkProps: options => {
+          var _functionalUpdate, _functionalUpdate2;
+
+          const {
+            // custom props
+            target,
+            activeProps = () => ({
+              className: 'active'
+            }),
+            inactiveProps = () => ({}),
+            disabled,
+            // element props
+            style,
+            className,
+            onClick,
+            onFocus,
+            onMouseEnter,
+            onMouseLeave
+          } = options,
+                rest = _objectWithoutPropertiesLoose(options, _excluded);
+
+          const linkInfo = route.buildLink(options);
+
+          if (linkInfo.type === 'external') {
+            const {
+              href
+            } = linkInfo;
+            return {
+              href
+            };
+          }
+
+          const {
+            handleClick,
+            handleFocus,
+            handleEnter,
+            handleLeave,
+            isActive,
+            next
+          } = linkInfo;
+
+          const composeHandlers = handlers => e => {
+            e.persist();
+            handlers.forEach(handler => {
+              if (handler) handler(e);
+            });
+          }; // Get the active props
+
+
+          const resolvedActiveProps = isActive ? (_functionalUpdate = functionalUpdate(activeProps)) != null ? _functionalUpdate : {} : {}; // Get the inactive props
+
+          const resolvedInactiveProps = isActive ? {} : (_functionalUpdate2 = functionalUpdate(inactiveProps)) != null ? _functionalUpdate2 : {};
+          return _extends$2({}, resolvedActiveProps, resolvedInactiveProps, rest, {
+            href: disabled ? undefined : next.href,
+            onClick: composeHandlers([handleClick, onClick]),
+            onFocus: composeHandlers([handleFocus, onFocus]),
+            onMouseEnter: composeHandlers([handleEnter, onMouseEnter]),
+            onMouseLeave: composeHandlers([handleLeave, onMouseLeave]),
+            target,
+            style: _extends$2({}, style, resolvedActiveProps.style, resolvedInactiveProps.style),
+            className: [className, resolvedActiveProps.className, resolvedInactiveProps.className].filter(Boolean).join(' ') || undefined
+          }, disabled ? {
+            role: 'link',
+            'aria-disabled': true
+          } : undefined, {
+            ['data-status']: isActive ? 'active' : undefined
+          });
+        },
+        Link: /*#__PURE__*/React__namespace.forwardRef((props, ref) => {
+          const linkProps = route.linkProps(props);
+          useRouterSubscription(router);
+          return /*#__PURE__*/React__namespace.createElement("a", _extends$2({
+            ref: ref
+          }, linkProps, {
+            children: typeof props.children === 'function' ? props.children({
+              isActive: linkProps['data-status'] === 'active'
+            }) : props.children
+          }));
+        }),
+        MatchRoute: opts => {
+          const {
+            pending,
+            caseSensitive
+          } = opts,
+                rest = _objectWithoutPropertiesLoose(opts, _excluded2);
+
+          const params = route.matchRoute(rest, {
+            pending,
+            caseSensitive
+          }); // useRouterSubscription(router)
+
+          if (!params) {
+            return null;
+          }
+
+          return typeof opts.children === 'function' ? opts.children(params) : opts.children;
+        }
+      };
+    };
+
     const coreRouter = createRouter(_extends$2({}, opts, {
       createRouter: router => {
         const routerExt = {
@@ -2414,112 +2516,15 @@
             return match;
           }
         };
-        Object.assign(router, routerExt);
+        const routeExt = makeRouteExt(router.getRoute('/'), router);
+        Object.assign(router, routerExt, routeExt);
       },
       createRoute: _ref => {
         let {
           router,
           route
         } = _ref;
-        const routeExt = {
-          linkProps: options => {
-            var _functionalUpdate, _functionalUpdate2;
-
-            const {
-              // custom props
-              target,
-              activeProps = () => ({
-                className: 'active'
-              }),
-              inactiveProps = () => ({}),
-              disabled,
-              // element props
-              style,
-              className,
-              onClick,
-              onFocus,
-              onMouseEnter,
-              onMouseLeave
-            } = options,
-                  rest = _objectWithoutPropertiesLoose(options, _excluded);
-
-            const linkInfo = route.buildLink(options);
-
-            if (linkInfo.type === 'external') {
-              const {
-                href
-              } = linkInfo;
-              return {
-                href
-              };
-            }
-
-            const {
-              handleClick,
-              handleFocus,
-              handleEnter,
-              handleLeave,
-              isActive,
-              next
-            } = linkInfo;
-
-            const composeHandlers = handlers => e => {
-              e.persist();
-              handlers.forEach(handler => {
-                if (handler) handler(e);
-              });
-            }; // Get the active props
-
-
-            const resolvedActiveProps = isActive ? (_functionalUpdate = functionalUpdate(activeProps)) != null ? _functionalUpdate : {} : {}; // Get the inactive props
-
-            const resolvedInactiveProps = isActive ? {} : (_functionalUpdate2 = functionalUpdate(inactiveProps)) != null ? _functionalUpdate2 : {};
-            return _extends$2({}, resolvedActiveProps, resolvedInactiveProps, rest, {
-              href: disabled ? undefined : next.href,
-              onClick: composeHandlers([handleClick, onClick]),
-              onFocus: composeHandlers([handleFocus, onFocus]),
-              onMouseEnter: composeHandlers([handleEnter, onMouseEnter]),
-              onMouseLeave: composeHandlers([handleLeave, onMouseLeave]),
-              target,
-              style: _extends$2({}, style, resolvedActiveProps.style, resolvedInactiveProps.style),
-              className: [className, resolvedActiveProps.className, resolvedInactiveProps.className].filter(Boolean).join(' ') || undefined
-            }, disabled ? {
-              role: 'link',
-              'aria-disabled': true
-            } : undefined, {
-              ['data-status']: isActive ? 'active' : undefined
-            });
-          },
-          Link: /*#__PURE__*/React__namespace.forwardRef((props, ref) => {
-            const linkProps = route.linkProps(props);
-            useRouterSubscription(router);
-            return /*#__PURE__*/React__namespace.createElement("a", _extends$2({
-              ref: ref
-            }, linkProps, {
-              children: typeof props.children === 'function' ? props.children({
-                isActive: linkProps['data-status'] === 'active'
-              }) : props.children
-            }));
-          }),
-          MatchRoute: opts => {
-            const {
-              pending,
-              caseSensitive
-            } = opts,
-                  rest = _objectWithoutPropertiesLoose(opts, _excluded2);
-
-            const params = route.matchRoute(rest, {
-              pending,
-              caseSensitive
-            }); // useRouterSubscription(router)
-
-            if (!params) {
-              return null;
-            }
-
-            return typeof opts.children === 'function' ? opts.children(params) : opts.children;
-          }
-        };
+        const routeExt = makeRouteExt(route, router);
         Object.assign(route, routeExt);
       }
     }));