@tanstack/react-router 0.0.1-beta.5 → 0.0.1-beta.7

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":"bb70-59","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"bb70-61"},{"name":"react-router/src/index.tsx","uid":"bb70-63"}]}]}],"isRoot":true},"nodeParts":{"bb70-59":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"bb70-58"},"bb70-61":{"renderedLength":75119,"gzipLength":15621,"brotliLength":0,"mainUid":"bb70-60"},"bb70-63":{"renderedLength":12726,"gzipLength":3316,"brotliLength":0,"mainUid":"bb70-62"}},"nodeMetas":{"bb70-58":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"bb70-59"},"imported":[],"importedBy":[{"uid":"bb70-62"}]},"bb70-60":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"bb70-61"},"imported":[],"importedBy":[{"uid":"bb70-62"}]},"bb70-62":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"bb70-63"},"imported":[{"uid":"bb70-58"},{"uid":"bb70-64"},{"uid":"bb70-65"},{"uid":"bb70-60"}],"importedBy":[],"isEntry":true},"bb70-64":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"bb70-62"}],"isExternal":true},"bb70-65":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"bb70-62"}],"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":"5250-59","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"5250-61"},{"name":"react-router/src/index.tsx","uid":"5250-63"}]}]}],"isRoot":true},"nodeParts":{"5250-59":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"5250-58"},"5250-61":{"renderedLength":75894,"gzipLength":15771,"brotliLength":0,"mainUid":"5250-60"},"5250-63":{"renderedLength":12607,"gzipLength":3287,"brotliLength":0,"mainUid":"5250-62"}},"nodeMetas":{"5250-58":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"5250-59"},"imported":[],"importedBy":[{"uid":"5250-62"}]},"5250-60":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"5250-61"},"imported":[],"importedBy":[{"uid":"5250-62"}]},"5250-62":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"5250-63"},"imported":[{"uid":"5250-58"},{"uid":"5250-64"},{"uid":"5250-65"},{"uid":"5250-60"}],"importedBy":[],"isEntry":true},"5250-64":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"5250-62"}],"isExternal":true},"5250-65":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"5250-62"}],"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": "bb70-67",
+            "uid": "5250-67",
             "name": "\u0000rollupPluginBabelHelpers.js"
           },
           {
@@ -15,11 +15,11 @@
             "children": [
               {
                 "name": "router-core/build/esm/index.js",
-                "uid": "bb70-69"
+                "uid": "5250-69"
               },
               {
                 "name": "react-router/src/index.tsx",
-                "uid": "bb70-71"
+                "uid": "5250-71"
               }
             ]
           }
@@ -29,90 +29,90 @@
     "isRoot": true
   },
   "nodeParts": {
-    "bb70-67": {
+    "5250-67": {
       "renderedLength": 798,
       "gzipLength": 366,
       "brotliLength": 0,
-      "mainUid": "bb70-66"
+      "mainUid": "5250-66"
     },
-    "bb70-69": {
-      "renderedLength": 75119,
-      "gzipLength": 15621,
+    "5250-69": {
+      "renderedLength": 75894,
+      "gzipLength": 15771,
       "brotliLength": 0,
-      "mainUid": "bb70-68"
+      "mainUid": "5250-68"
     },
-    "bb70-71": {
-      "renderedLength": 12726,
-      "gzipLength": 3316,
+    "5250-71": {
+      "renderedLength": 12607,
+      "gzipLength": 3287,
       "brotliLength": 0,
-      "mainUid": "bb70-70"
+      "mainUid": "5250-70"
     }
   },
   "nodeMetas": {
-    "bb70-66": {
+    "5250-66": {
       "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "bb70-67"
+        "index.production.js": "5250-67"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "bb70-70"
+          "uid": "5250-70"
         }
       ]
     },
-    "bb70-68": {
+    "5250-68": {
       "id": "/packages/router-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "bb70-69"
+        "index.production.js": "5250-69"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "bb70-70"
+          "uid": "5250-70"
         }
       ]
     },
-    "bb70-70": {
+    "5250-70": {
       "id": "/packages/react-router/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "bb70-71"
+        "index.production.js": "5250-71"
       },
       "imported": [
         {
-          "uid": "bb70-66"
+          "uid": "5250-66"
         },
         {
-          "uid": "bb70-72"
+          "uid": "5250-72"
         },
         {
-          "uid": "bb70-73"
+          "uid": "5250-73"
         },
         {
-          "uid": "bb70-68"
+          "uid": "5250-68"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "bb70-72": {
+    "5250-72": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "bb70-70"
+          "uid": "5250-70"
         }
       ],
       "isExternal": true
     },
-    "bb70-73": {
+    "5250-73": {
       "id": "use-sync-external-store/shim",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "bb70-70"
+          "uid": "5250-70"
         }
       ],
       "isExternal": true

package/build/umd/index.development.js

@@ -991,6 +991,12 @@
 
     return updater;
   }
+  function pick(parent, keys) {
+    return keys.reduce((obj, key) => {
+      obj[key] = parent[key];
+      return obj;
+    }, {});
+  }
 
   function joinPaths(paths) {
     return cleanPath(paths.filter(Boolean).join('/'));
@@ -1808,6 +1814,25 @@
         cascadeLoaderData(router.state.matches);
         router.listeners.forEach(listener => listener(router));
       },
+      dehydrateState: () => {
+        return _extends({}, pick(router.state, ['status', 'location', 'lastUpdated']), {
+          matches: router.state.matches.map(match => pick(match, ['matchId', 'status', 'routeLoaderData', 'loaderData', 'isInvalid', 'invalidAt']))
+        });
+      },
+      hydrateState: dehydratedState => {
+        // Match the routes
+        const matches = router.matchRoutes(router.location.pathname, {
+          strictParseParams: true
+        });
+        router.state = _extends({}, router.state, dehydratedState, {
+          matches: matches.map(match => {
+            const dehydratedMatch = dehydratedState.matches.find(d => d.matchId === match.matchId);
+            invariant(dehydratedMatch, 'Oh no! Dehydrated route matches did not match the active state of the router 😬');
+            Object.assign(match, dehydratedMatch);
+            return match;
+          })
+        });
+      },
       mount: () => {
         const next = router.__.buildLocation({
           to: '.',
@@ -2367,11 +2392,7 @@
           const recurseRoutes = (routeConfigs, parent) => {
             return routeConfigs.map(routeConfig => {
               const routeOptions = routeConfig.options;
-              const route = createRoute(routeConfig, routeOptions, parent, router); // {
-              //   pendingMs: routeOptions.pendingMs ?? router.defaultPendingMs,
-              //   pendingMinMs: routeOptions.pendingMinMs ?? router.defaultPendingMinMs,
-              // }
-
+              const route = createRoute(routeConfig, routeOptions, parent, router);
               const existingRoute = router.routesById[route.routeId];
 
               if (existingRoute) {
@@ -2810,13 +2831,6 @@
       this.state = {
         error: false
       };
-
-      this.reset = () => {
-        this.setState({
-          error: false,
-          info: false
-        });
-      };
     }
 
     componentDidCatch(error, info) {
@@ -2932,6 +2946,7 @@
   exports.matchPathname = matchPathname;
   exports.parsePathname = parsePathname;
   exports.parseSearchWith = parseSearchWith;
+  exports.pick = pick;
   exports.replaceEqualDeep = replaceEqualDeep;
   exports.resolvePath = resolvePath;
   exports.rootRouteId = rootRouteId;