react-router 7.0.0-pre.1 → 7.0.0-pre.3

package/dist/dom-export.mjs

@@ -1,5 +1,5 @@
 /**
- * React Router v7.0.0-pre.1
+ * react-router v7.0.0-pre.3
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -8,35 +8,44 @@
  *
  * @license MIT
  */
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import { UNSAFE_invariant, UNSAFE_useFogOFWarDiscovery, UNSAFE_FrameworkContext, UNSAFE_RemixErrorBoundary, UNSAFE_decodeViaTurboStream, UNSAFE_createClientRoutes, matchRoutes, UNSAFE_shouldHydrateRouteLoader, UNSAFE_deserializeErrors, UNSAFE_createRouter, UNSAFE_createBrowserHistory, UNSAFE_mapRouteProperties, UNSAFE_getSingleFetchDataStrategy, UNSAFE_getPatchRoutesOnNavigationFunction, UNSAFE_createClientRoutesWithHMRRevalidationOptOut, RouterProvider as RouterProvider$1 } from 'react-router';
+import {
+  FrameworkContext,
+  RemixErrorBoundary,
+  RouterProvider,
+  createBrowserHistory,
+  createClientRoutes,
+  createClientRoutesWithHMRRevalidationOptOut,
+  createRouter,
+  decodeViaTurboStream,
+  deserializeErrors,
+  getPatchRoutesOnNavigationFunction,
+  getSingleFetchDataStrategy,
+  invariant,
+  mapRouteProperties,
+  matchRoutes,
+  shouldHydrateRouteLoader,
+  useFogOFWarDiscovery
+} from "./chunk-3AAHPOYG.mjs";
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+// lib/dom-export/dom-router-provider.tsx
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+function RouterProvider2(props) {
+  return /* @__PURE__ */ React.createElement(RouterProvider, { flushSync: ReactDOM.flushSync, ...props });
 }
 
-let ssrInfo = null;
-let router = null;
+// lib/dom-export/hydrated-router.tsx
+import * as React2 from "react";
+var ssrInfo = null;
+var router = null;
 function initSsrInfo() {
   if (!ssrInfo && window.__reactRouterContext && window.__reactRouterManifest && window.__reactRouterRouteModules) {
     ssrInfo = {
       context: window.__reactRouterContext,
       manifest: window.__reactRouterManifest,
       routeModules: window.__reactRouterRouteModules,
-      stateDecodingPromise: undefined,
-      router: undefined,
+      stateDecodingPromise: void 0,
+      router: void 0,
       routerInitialized: false
     };
   }
@@ -44,22 +53,19 @@ function initSsrInfo() {
 function createHydratedRouter() {
   initSsrInfo();
   if (!ssrInfo) {
-    throw new Error("You must be using the SSR features of React Router in order to skip " + "passing a `router` prop to `<RouterProvider>`");
+    throw new Error(
+      "You must be using the SSR features of React Router in order to skip passing a `router` prop to `<RouterProvider>`"
+    );
   }
-  // We need to suspend until the initial state snapshot is decoded into
-  // window.__reactRouterContext.state
   let localSsrInfo = ssrInfo;
-  // Note: `stateDecodingPromise` is not coupled to `router` - we'll reach this
-  // code potentially many times waiting for our state to arrive, but we'll
-  // then only get past here and create the `router` one time
   if (!ssrInfo.stateDecodingPromise) {
     let stream = ssrInfo.context.stream;
-    !stream ? process.env.NODE_ENV !== "production" ? UNSAFE_invariant(false, "No stream found for single fetch decoding") : UNSAFE_invariant(false) : void 0;
-    ssrInfo.context.stream = undefined;
-    ssrInfo.stateDecodingPromise = UNSAFE_decodeViaTurboStream(stream, window).then(value => {
+    invariant(stream, "No stream found for single fetch decoding");
+    ssrInfo.context.stream = void 0;
+    ssrInfo.stateDecodingPromise = decodeViaTurboStream(stream, window).then((value) => {
       ssrInfo.context.state = value.value;
       localSsrInfo.stateDecodingPromise.value = true;
-    }).catch(e => {
+    }).catch((e) => {
       localSsrInfo.stateDecodingPromise.error = e;
     });
   }
@@ -69,137 +75,125 @@ function createHydratedRouter() {
   if (!ssrInfo.stateDecodingPromise.value) {
     throw ssrInfo.stateDecodingPromise;
   }
-  let routes = UNSAFE_createClientRoutes(ssrInfo.manifest.routes, ssrInfo.routeModules, ssrInfo.context.state, ssrInfo.context.isSpaMode);
-  let hydrationData = undefined;
+  let routes = createClientRoutes(
+    ssrInfo.manifest.routes,
+    ssrInfo.routeModules,
+    ssrInfo.context.state,
+    ssrInfo.context.isSpaMode
+  );
+  let hydrationData = void 0;
   if (!ssrInfo.context.isSpaMode) {
-    var _window$__reactRouter;
-    // Create a shallow clone of `loaderData` we can mutate for partial hydration.
-    // When a route exports a `clientLoader` and a `HydrateFallback`, the SSR will
-    // render the fallback so we need the client to do the same for hydration.
-    // The server loader data has already been exposed to these route `clientLoader`'s
-    // in `createClientRoutes` above, so we need to clear out the version we pass to
-    // `createBrowserRouter` so it initializes and runs the client loaders.
-    hydrationData = _extends({}, ssrInfo.context.state, {
-      loaderData: _extends({}, ssrInfo.context.state.loaderData)
-    });
-    let initialMatches = matchRoutes(routes, window.location, (_window$__reactRouter = window.__reactRouterContext) == null ? void 0 : _window$__reactRouter.basename);
+    hydrationData = {
+      ...ssrInfo.context.state,
+      loaderData: { ...ssrInfo.context.state.loaderData }
+    };
+    let initialMatches = matchRoutes(
+      routes,
+      window.location,
+      window.__reactRouterContext?.basename
+    );
     if (initialMatches) {
       for (let match of initialMatches) {
         let routeId = match.route.id;
         let route = ssrInfo.routeModules[routeId];
         let manifestRoute = ssrInfo.manifest.routes[routeId];
-        // Clear out the loaderData to avoid rendering the route component when the
-        // route opted into clientLoader hydration and either:
-        // * gave us a HydrateFallback
-        // * or doesn't have a server loader and we have no data to render
-        if (route && UNSAFE_shouldHydrateRouteLoader(manifestRoute, route, ssrInfo.context.isSpaMode) && (route.HydrateFallback || !manifestRoute.hasLoader)) {
+        if (route && manifestRoute && shouldHydrateRouteLoader(
+          manifestRoute,
+          route,
+          ssrInfo.context.isSpaMode
+        ) && (route.HydrateFallback || !manifestRoute.hasLoader)) {
           delete hydrationData.loaderData[routeId];
         } else if (manifestRoute && !manifestRoute.hasLoader) {
-          // Since every Remix route gets a `loader` on the client side to load
-          // the route JS module, we need to add a `null` value to `loaderData`
-          // for any routes that don't have server loaders so our partial
-          // hydration logic doesn't kick off the route module loaders during
-          // hydration
           hydrationData.loaderData[routeId] = null;
         }
       }
     }
     if (hydrationData && hydrationData.errors) {
-      // TODO: De-dup this or remove entirely in v7 where single fetch is the
-      // only approach and we have already serialized or deserialized on the server
-      hydrationData.errors = UNSAFE_deserializeErrors(hydrationData.errors);
+      hydrationData.errors = deserializeErrors(hydrationData.errors);
     }
   }
-  // We don't use createBrowserRouter here because we need fine-grained control
-  // over initialization to support synchronous `clientLoader` flows.
-  let router = UNSAFE_createRouter({
+  let router2 = createRouter({
     routes,
-    history: UNSAFE_createBrowserHistory(),
+    history: createBrowserHistory(),
     basename: ssrInfo.context.basename,
     hydrationData,
-    mapRouteProperties: UNSAFE_mapRouteProperties,
-    dataStrategy: UNSAFE_getSingleFetchDataStrategy(ssrInfo.manifest, ssrInfo.routeModules, () => router),
-    patchRoutesOnNavigation: UNSAFE_getPatchRoutesOnNavigationFunction(ssrInfo.manifest, ssrInfo.routeModules, ssrInfo.context.isSpaMode, ssrInfo.context.basename)
+    mapRouteProperties,
+    dataStrategy: getSingleFetchDataStrategy(
+      ssrInfo.manifest,
+      ssrInfo.routeModules,
+      () => router2
+    ),
+    patchRoutesOnNavigation: getPatchRoutesOnNavigationFunction(
+      ssrInfo.manifest,
+      ssrInfo.routeModules,
+      ssrInfo.context.isSpaMode,
+      ssrInfo.context.basename
+    )
   });
-  ssrInfo.router = router;
-  // We can call initialize() immediately if the router doesn't have any
-  // loaders to run on hydration
-  if (router.state.initialized) {
+  ssrInfo.router = router2;
+  if (router2.state.initialized) {
     ssrInfo.routerInitialized = true;
-    router.initialize();
+    router2.initialize();
   }
-  // @ts-ignore
-  router.createRoutesForHMR = /* spacer so ts-ignore does not affect the right hand of the assignment */
-  UNSAFE_createClientRoutesWithHMRRevalidationOptOut;
-  window.__reactRouterDataRouter = router;
-  return router;
+  router2.createRoutesForHMR = /* spacer so ts-ignore does not affect the right hand of the assignment */
+  createClientRoutesWithHMRRevalidationOptOut;
+  window.__reactRouterDataRouter = router2;
+  return router2;
 }
-/**
- * @category Router Components
- */
 function HydratedRouter() {
-  var _ssrInfo;
   if (!router) {
     router = createHydratedRouter();
   }
-  // Critical CSS can become stale after code changes, e.g. styles might be
-  // removed from a component, but the styles will still be present in the
-  // server HTML. This allows our HMR logic to clear the critical CSS state.
-  let [criticalCss, setCriticalCss] = React.useState(process.env.NODE_ENV === "development" ? (_ssrInfo = ssrInfo) == null ? void 0 : _ssrInfo.context.criticalCss : undefined);
+  let [criticalCss, setCriticalCss] = React2.useState(
+    process.env.NODE_ENV === "development" ? ssrInfo?.context.criticalCss : void 0
+  );
   if (process.env.NODE_ENV === "development") {
     if (ssrInfo) {
-      window.__reactRouterClearCriticalCss = () => setCriticalCss(undefined);
+      window.__reactRouterClearCriticalCss = () => setCriticalCss(void 0);
     }
   }
-  let [location, setLocation] = React.useState(router.state.location);
-  React.useLayoutEffect(() => {
-    // If we had to run clientLoaders on hydration, we delay initialization until
-    // after we've hydrated to avoid hydration issues from synchronous client loaders
+  let [location, setLocation] = React2.useState(router.state.location);
+  React2.useLayoutEffect(() => {
     if (ssrInfo && ssrInfo.router && !ssrInfo.routerInitialized) {
       ssrInfo.routerInitialized = true;
       ssrInfo.router.initialize();
     }
   }, []);
-  React.useLayoutEffect(() => {
+  React2.useLayoutEffect(() => {
     if (ssrInfo && ssrInfo.router) {
-      return ssrInfo.router.subscribe(newState => {
+      return ssrInfo.router.subscribe((newState) => {
         if (newState.location !== location) {
           setLocation(newState.location);
         }
       });
     }
   }, [location]);
-  !ssrInfo ? process.env.NODE_ENV !== "production" ? UNSAFE_invariant(false, "ssrInfo unavailable for HydratedRouter") : UNSAFE_invariant(false) : void 0;
-  UNSAFE_useFogOFWarDiscovery(router, ssrInfo.manifest, ssrInfo.routeModules, ssrInfo.context.isSpaMode);
-  // We need to include a wrapper RemixErrorBoundary here in case the root error
-  // boundary also throws and we need to bubble up outside of the router entirely.
-  // Then we need a stateful location here so the user can back-button navigate
-  // out of there
+  invariant(ssrInfo, "ssrInfo unavailable for HydratedRouter");
+  useFogOFWarDiscovery(
+    router,
+    ssrInfo.manifest,
+    ssrInfo.routeModules,
+    ssrInfo.context.isSpaMode
+  );
   return (
-    /*#__PURE__*/
     // This fragment is important to ensure we match the <ServerRouter> JSX
     // structure so that useId values hydrate correctly
-    React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UNSAFE_FrameworkContext.Provider, {
-      value: {
-        manifest: ssrInfo.manifest,
-        routeModules: ssrInfo.routeModules,
-        future: ssrInfo.context.future,
-        criticalCss,
-        isSpaMode: ssrInfo.context.isSpaMode
-      }
-    }, /*#__PURE__*/React.createElement(UNSAFE_RemixErrorBoundary, {
-      location: location
-    }, /*#__PURE__*/React.createElement(RouterProvider, {
-      router: router
-    }))), /*#__PURE__*/React.createElement(React.Fragment, null))
+    /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
+      FrameworkContext.Provider,
+      {
+        value: {
+          manifest: ssrInfo.manifest,
+          routeModules: ssrInfo.routeModules,
+          future: ssrInfo.context.future,
+          criticalCss,
+          isSpaMode: ssrInfo.context.isSpaMode
+        }
+      },
+      /* @__PURE__ */ React2.createElement(RemixErrorBoundary, { location }, /* @__PURE__ */ React2.createElement(RouterProvider2, { router }))
+    ), /* @__PURE__ */ React2.createElement(React2.Fragment, null))
   );
 }
-
-function RouterProvider(props) {
-  return /*#__PURE__*/React.createElement(RouterProvider$1, _extends({
-    flushSync: ReactDOM.flushSync
-  }, props));
-}
-
-export { HydratedRouter, RouterProvider };
-//# sourceMappingURL=dom-export.mjs.map
+export {
+  HydratedRouter,
+  RouterProvider2 as RouterProvider
+};