@tanstack/react-router 0.0.1-beta.51 → 0.0.1-beta.52

package/build/stats-html.html

@@ -4024,7 +4024,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"8d97-67","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"node_modules/.pnpm","children":[{"name":"tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js","uid":"8d97-69"},{"name":"immer@9.0.16/node_modules/immer/dist/immer.esm.mjs","uid":"8d97-71"}]},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"8d97-73"},{"name":"react-router/src","children":[{"uid":"8d97-75","name":"useStore.ts"},{"uid":"8d97-77","name":"index.tsx"}]}]}]}],"isRoot":true},"nodeParts":{"8d97-67":{"renderedLength":429,"gzipLength":238,"brotliLength":0,"mainUid":"8d97-66"},"8d97-69":{"renderedLength":181,"gzipLength":129,"brotliLength":0,"mainUid":"8d97-68"},"8d97-71":{"renderedLength":8203,"gzipLength":3238,"brotliLength":0,"mainUid":"8d97-70"},"8d97-73":{"renderedLength":56666,"gzipLength":13446,"brotliLength":0,"mainUid":"8d97-72"},"8d97-75":{"renderedLength":1347,"gzipLength":484,"brotliLength":0,"mainUid":"8d97-74"},"8d97-77":{"renderedLength":12608,"gzipLength":3327,"brotliLength":0,"mainUid":"8d97-76"}},"nodeMetas":{"8d97-66":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"8d97-67"},"imported":[],"importedBy":[{"uid":"8d97-76"}]},"8d97-68":{"id":"/node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js","moduleParts":{"index.production.js":"8d97-69"},"imported":[],"importedBy":[{"uid":"8d97-72"}]},"8d97-70":{"id":"/node_modules/.pnpm/immer@9.0.16/node_modules/immer/dist/immer.esm.mjs","moduleParts":{"index.production.js":"8d97-71"},"imported":[],"importedBy":[{"uid":"8d97-72"}]},"8d97-72":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"8d97-73"},"imported":[{"uid":"8d97-68"},{"uid":"8d97-70"}],"importedBy":[{"uid":"8d97-76"}]},"8d97-74":{"id":"/packages/react-router/src/useStore.ts","moduleParts":{"index.production.js":"8d97-75"},"imported":[{"uid":"8d97-79"}],"importedBy":[{"uid":"8d97-76"}]},"8d97-76":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"8d97-77"},"imported":[{"uid":"8d97-66"},{"uid":"8d97-78"},{"uid":"8d97-72"},{"uid":"8d97-74"}],"importedBy":[],"isEntry":true},"8d97-78":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"8d97-76"}],"isExternal":true},"8d97-79":{"id":"use-sync-external-store/shim/with-selector","moduleParts":{},"imported":[],"importedBy":[{"uid":"8d97-74"}],"isExternal":true}},"env":{"rollup":"2.79.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"7dac-67","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"node_modules/.pnpm","children":[{"name":"tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js","uid":"7dac-69"},{"name":"immer@9.0.16/node_modules/immer/dist/immer.esm.mjs","uid":"7dac-71"}]},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"7dac-73"},{"name":"react-router/src","children":[{"uid":"7dac-75","name":"useStore.ts"},{"uid":"7dac-77","name":"index.tsx"}]}]}]}],"isRoot":true},"nodeParts":{"7dac-67":{"renderedLength":429,"gzipLength":238,"brotliLength":0,"mainUid":"7dac-66"},"7dac-69":{"renderedLength":181,"gzipLength":129,"brotliLength":0,"mainUid":"7dac-68"},"7dac-71":{"renderedLength":8203,"gzipLength":3238,"brotliLength":0,"mainUid":"7dac-70"},"7dac-73":{"renderedLength":56528,"gzipLength":13417,"brotliLength":0,"mainUid":"7dac-72"},"7dac-75":{"renderedLength":1347,"gzipLength":484,"brotliLength":0,"mainUid":"7dac-74"},"7dac-77":{"renderedLength":12608,"gzipLength":3327,"brotliLength":0,"mainUid":"7dac-76"}},"nodeMetas":{"7dac-66":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"7dac-67"},"imported":[],"importedBy":[{"uid":"7dac-76"}]},"7dac-68":{"id":"/node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js","moduleParts":{"index.production.js":"7dac-69"},"imported":[],"importedBy":[{"uid":"7dac-72"}]},"7dac-70":{"id":"/node_modules/.pnpm/immer@9.0.16/node_modules/immer/dist/immer.esm.mjs","moduleParts":{"index.production.js":"7dac-71"},"imported":[],"importedBy":[{"uid":"7dac-72"}]},"7dac-72":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"7dac-73"},"imported":[{"uid":"7dac-68"},{"uid":"7dac-70"}],"importedBy":[{"uid":"7dac-76"}]},"7dac-74":{"id":"/packages/react-router/src/useStore.ts","moduleParts":{"index.production.js":"7dac-75"},"imported":[{"uid":"7dac-79"}],"importedBy":[{"uid":"7dac-76"}]},"7dac-76":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"7dac-77"},"imported":[{"uid":"7dac-66"},{"uid":"7dac-78"},{"uid":"7dac-72"},{"uid":"7dac-74"}],"importedBy":[],"isEntry":true},"7dac-78":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"7dac-76"}],"isExternal":true},"7dac-79":{"id":"use-sync-external-store/shim/with-selector","moduleParts":{},"imported":[],"importedBy":[{"uid":"7dac-74"}],"isExternal":true}},"env":{"rollup":"2.79.1"},"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": "8d97-81",
+            "uid": "7dac-81",
             "name": "\u0000rollupPluginBabelHelpers.js"
           },
           {
@@ -15,11 +15,11 @@
             "children": [
               {
                 "name": "tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js",
-                "uid": "8d97-83"
+                "uid": "7dac-83"
               },
               {
                 "name": "immer@9.0.16/node_modules/immer/dist/immer.esm.mjs",
-                "uid": "8d97-85"
+                "uid": "7dac-85"
               }
             ]
           },
@@ -28,17 +28,17 @@
             "children": [
               {
                 "name": "router-core/build/esm/index.js",
-                "uid": "8d97-87"
+                "uid": "7dac-87"
               },
               {
                 "name": "react-router/src",
                 "children": [
                   {
-                    "uid": "8d97-89",
+                    "uid": "7dac-89",
                     "name": "useStore.ts"
                   },
                   {
-                    "uid": "8d97-91",
+                    "uid": "7dac-91",
                     "name": "index.tsx"
                   }
                 ]
@@ -51,155 +51,155 @@
     "isRoot": true
   },
   "nodeParts": {
-    "8d97-81": {
+    "7dac-81": {
       "renderedLength": 429,
       "gzipLength": 238,
       "brotliLength": 0,
-      "mainUid": "8d97-80"
+      "mainUid": "7dac-80"
     },
-    "8d97-83": {
+    "7dac-83": {
       "renderedLength": 181,
       "gzipLength": 129,
       "brotliLength": 0,
-      "mainUid": "8d97-82"
+      "mainUid": "7dac-82"
     },
-    "8d97-85": {
+    "7dac-85": {
       "renderedLength": 8203,
       "gzipLength": 3238,
       "brotliLength": 0,
-      "mainUid": "8d97-84"
+      "mainUid": "7dac-84"
     },
-    "8d97-87": {
-      "renderedLength": 56666,
-      "gzipLength": 13446,
+    "7dac-87": {
+      "renderedLength": 56528,
+      "gzipLength": 13417,
       "brotliLength": 0,
-      "mainUid": "8d97-86"
+      "mainUid": "7dac-86"
     },
-    "8d97-89": {
+    "7dac-89": {
       "renderedLength": 1347,
       "gzipLength": 484,
       "brotliLength": 0,
-      "mainUid": "8d97-88"
+      "mainUid": "7dac-88"
     },
-    "8d97-91": {
+    "7dac-91": {
       "renderedLength": 12608,
       "gzipLength": 3327,
       "brotliLength": 0,
-      "mainUid": "8d97-90"
+      "mainUid": "7dac-90"
     }
   },
   "nodeMetas": {
-    "8d97-80": {
+    "7dac-80": {
       "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "8d97-81"
+        "index.production.js": "7dac-81"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "8d97-90"
+          "uid": "7dac-90"
         }
       ]
     },
-    "8d97-82": {
+    "7dac-82": {
       "id": "/node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js",
       "moduleParts": {
-        "index.production.js": "8d97-83"
+        "index.production.js": "7dac-83"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "8d97-86"
+          "uid": "7dac-86"
         }
       ]
     },
-    "8d97-84": {
+    "7dac-84": {
       "id": "/node_modules/.pnpm/immer@9.0.16/node_modules/immer/dist/immer.esm.mjs",
       "moduleParts": {
-        "index.production.js": "8d97-85"
+        "index.production.js": "7dac-85"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "8d97-86"
+          "uid": "7dac-86"
         }
       ]
     },
-    "8d97-86": {
+    "7dac-86": {
       "id": "/packages/router-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "8d97-87"
+        "index.production.js": "7dac-87"
       },
       "imported": [
         {
-          "uid": "8d97-82"
+          "uid": "7dac-82"
         },
         {
-          "uid": "8d97-84"
+          "uid": "7dac-84"
         }
       ],
       "importedBy": [
         {
-          "uid": "8d97-90"
+          "uid": "7dac-90"
         }
       ]
     },
-    "8d97-88": {
+    "7dac-88": {
       "id": "/packages/react-router/src/useStore.ts",
       "moduleParts": {
-        "index.production.js": "8d97-89"
+        "index.production.js": "7dac-89"
       },
       "imported": [
         {
-          "uid": "8d97-93"
+          "uid": "7dac-93"
         }
       ],
       "importedBy": [
         {
-          "uid": "8d97-90"
+          "uid": "7dac-90"
         }
       ]
     },
-    "8d97-90": {
+    "7dac-90": {
       "id": "/packages/react-router/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "8d97-91"
+        "index.production.js": "7dac-91"
       },
       "imported": [
         {
-          "uid": "8d97-80"
+          "uid": "7dac-80"
         },
         {
-          "uid": "8d97-92"
+          "uid": "7dac-92"
         },
         {
-          "uid": "8d97-86"
+          "uid": "7dac-86"
         },
         {
-          "uid": "8d97-88"
+          "uid": "7dac-88"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "8d97-92": {
+    "7dac-92": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "8d97-90"
+          "uid": "7dac-90"
         }
       ],
       "isExternal": true
     },
-    "8d97-93": {
+    "7dac-93": {
       "id": "use-sync-external-store/shim/with-selector",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "8d97-88"
+          "uid": "7dac-88"
         }
       ],
       "isExternal": true

package/build/umd/index.development.js

@@ -167,13 +167,8 @@
     const getLocation = () => parseLocation(entries[index], currentState);
     return createHistory({
       getLocation,
-      listener: onUpdate => {
-        window.addEventListener(popStateEvent, onUpdate);
-        // We might need to handle the hashchange event in the future
-        // window.addEventListener(hashChangeEvent, onUpdate)
-        return () => {
-          window.removeEventListener(popStateEvent, onUpdate);
-        };
+      listener: () => {
+        return () => {};
       },
       pushState: (path, state) => {
         currentState = {
@@ -742,7 +737,7 @@
         this.store.setState(s => s.status = 'success');
       }
     }
-    #setLoaderData = loaderData => {
+    setLoaderData = loaderData => {
       batch(() => {
         this.store.setState(s => {
           s.routeLoaderData = loaderData;
@@ -817,7 +812,7 @@
             if (this.route.options.loader) {
               const data = await this.router.loadMatchData(this);
               if (latestPromise = checkLatest()) return latestPromise;
-              this.#setLoaderData(data);
+              this.setLoaderData(data);
             }
             this.store.setState(s => {
               s.error = undefined;
@@ -1002,8 +997,7 @@
     throw new Error('Failed to fetch match data');
   };
   class Router {
-    // __location: Location<TAllRouteInfo['fullSearchSchema']>
-
+    #unsubHistory;
     startedLoadingAt = Date.now();
     resolveNavigation = () => {};
     constructor(options) {
@@ -1035,9 +1029,6 @@
         if (!this.store.state.currentMatches.length) {
           this.load();
         }
-        const unsubHistory = this.history.listen(() => {
-          this.load(this.#parseLocation(this.store.state.latestLocation));
-        });
         const visibilityChangeEvent = 'visibilitychange';
         const focusEvent = 'focus';
 
@@ -1050,7 +1041,6 @@
           window.addEventListener(focusEvent, this.#onFocus, false);
         }
         return () => {
-          unsubHistory();
           if (window.removeEventListener) {
             // Be sure to unsubscribe if a new handler is set
 
@@ -1064,11 +1054,17 @@
     update = opts => {
       Object.assign(this.options, opts);
       if (!this.history || this.options.history && this.options.history !== this.history) {
-        this.history = this.options?.history ?? isServer ? createMemoryHistory() : createBrowserHistory();
+        if (this.#unsubHistory) {
+          this.#unsubHistory();
+        }
+        this.history = this.options.history ?? (isServer ? createMemoryHistory() : createBrowserHistory());
         this.store.setState(s => {
           s.latestLocation = this.#parseLocation();
           s.currentLocation = s.latestLocation;
         });
+        this.#unsubHistory = this.history.listen(() => {
+          this.load(this.#parseLocation(this.store.state.latestLocation));
+        });
       }
       const {
         basepath,
@@ -1582,7 +1578,10 @@
         currentMatches.forEach((match, index) => {
           const dehydratedMatch = dehydratedRouter.state.currentMatches[index];
           invariant(dehydratedMatch && dehydratedMatch.id === match.id, 'Oh no! There was a hydration mismatch when attempting to rethis.store the state of the router! 😬');
-          Object.assign(match, dehydratedMatch);
+          match.store.setState(s => {
+            Object.assign(s, dehydratedMatch.state);
+          });
+          match.setLoaderData(dehydratedMatch.state.routeLoaderData);
         });
         currentMatches.forEach(match => match.__validate());
         Object.assign(s, {