react-router 0.0.0-experimental-c19b79d → 0.0.0-experimental-31a822c5f

package/dist/development/dom-export.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }/**
- * react-router v0.0.0-experimental-c19b79d
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }/**
+ * react-router v0.0.0-experimental-31a822c5f
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -11,11 +11,32 @@
 "use client";
 
 
-var _chunkLUB73E44js = require('./chunk-LUB73E44.js');
+
+
+var _chunkT5RKBXBVjs = require('./chunk-T5RKBXBV.js');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkCZ7KRWQZjs = require('./chunk-CZ7KRWQZ.js');
 
 // lib/dom-export/dom-router-provider.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react);
-var _reactdom = require('react-dom'); var ReactDOM = _interopRequireWildcard(_reactdom);
+var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react);
+var _reactdom = require('react-dom'); var ReactDOM = _interopRequireWildcard(_reactdom); var ReactDOM2 = _interopRequireWildcard(_reactdom);
 var _reactrouter = require('react-router');
 function RouterProvider(props) {
   return /* @__PURE__ */ React.createElement(_reactrouter.RouterProvider, { flushSync: ReactDOM.flushSync, ...props });
@@ -46,7 +67,7 @@ function initSsrInfo() {
   if (!ssrInfo && window.__reactRouterContext && window.__reactRouterManifest && window.__reactRouterRouteModules) {
     if (window.__reactRouterManifest.sri === true) {
       const importMap = document.querySelector("script[rr-importmap]");
-      if (_optionalChain([importMap, 'optionalAccess', _ => _.textContent])) {
+      if (_optionalChain([importMap, 'optionalAccess', _2 => _2.textContent])) {
         try {
           window.__reactRouterManifest.sri = JSON.parse(
             importMap.textContent
@@ -103,7 +124,7 @@ function createHydratedRouter({
   let hydrationData = void 0;
   if (ssrInfo.context.isSpaMode) {
     let { loaderData } = ssrInfo.context.state;
-    if (_optionalChain([ssrInfo, 'access', _2 => _2.manifest, 'access', _3 => _3.routes, 'access', _4 => _4.root, 'optionalAccess', _5 => _5.hasLoader]) && loaderData && "root" in loaderData) {
+    if (_optionalChain([ssrInfo, 'access', _3 => _3.manifest, 'access', _4 => _4.routes, 'access', _5 => _5.root, 'optionalAccess', _6 => _6.hasLoader]) && loaderData && "root" in loaderData) {
       hydrationData = {
         loaderData: {
           root: loaderData.root
@@ -115,12 +136,12 @@ function createHydratedRouter({
       state: ssrInfo.context.state,
       routes,
       getRouteInfo: (routeId) => ({
-        clientLoader: _optionalChain([ssrInfo, 'access', _6 => _6.routeModules, 'access', _7 => _7[routeId], 'optionalAccess', _8 => _8.clientLoader]),
-        hasLoader: _optionalChain([ssrInfo, 'access', _9 => _9.manifest, 'access', _10 => _10.routes, 'access', _11 => _11[routeId], 'optionalAccess', _12 => _12.hasLoader]) === true,
-        hasHydrateFallback: _optionalChain([ssrInfo, 'access', _13 => _13.routeModules, 'access', _14 => _14[routeId], 'optionalAccess', _15 => _15.HydrateFallback]) != null
+        clientLoader: _optionalChain([ssrInfo, 'access', _7 => _7.routeModules, 'access', _8 => _8[routeId], 'optionalAccess', _9 => _9.clientLoader]),
+        hasLoader: _optionalChain([ssrInfo, 'access', _10 => _10.manifest, 'access', _11 => _11.routes, 'access', _12 => _12[routeId], 'optionalAccess', _13 => _13.hasLoader]) === true,
+        hasHydrateFallback: _optionalChain([ssrInfo, 'access', _14 => _14.routeModules, 'access', _15 => _15[routeId], 'optionalAccess', _16 => _16.HydrateFallback]) != null
       }),
       location: window.location,
-      basename: _optionalChain([window, 'access', _16 => _16.__reactRouterContext, 'optionalAccess', _17 => _17.basename]),
+      basename: _optionalChain([window, 'access', _17 => _17.__reactRouterContext, 'optionalAccess', _18 => _18.basename]),
       isSpaMode: ssrInfo.context.isSpaMode
     });
     if (hydrationData && hydrationData.errors) {
@@ -171,7 +192,7 @@ function HydratedRouter(props) {
     });
   }
   let [criticalCss, setCriticalCss] = React2.useState(
-    process.env.NODE_ENV === "development" ? _optionalChain([ssrInfo, 'optionalAccess', _18 => _18.context, 'access', _19 => _19.criticalCss]) : void 0
+    process.env.NODE_ENV === "development" ? _optionalChain([ssrInfo, 'optionalAccess', _19 => _19.context, 'access', _20 => _20.criticalCss]) : void 0
   );
   React2.useEffect(() => {
     if (process.env.NODE_ENV === "development") {
@@ -180,10 +201,10 @@ function HydratedRouter(props) {
   }, []);
   React2.useEffect(() => {
     if (process.env.NODE_ENV === "development" && criticalCss === void 0) {
-      document.querySelectorAll(`[${_chunkLUB73E44js.CRITICAL_CSS_DATA_ATTRIBUTE}]`).forEach((element) => element.remove());
+      document.querySelectorAll(`[${_chunkCZ7KRWQZjs.CRITICAL_CSS_DATA_ATTRIBUTE}]`).forEach((element) => element.remove());
     }
   }, [criticalCss]);
-  let [location, setLocation] = React2.useState(router.state.location);
+  let [location2, setLocation] = React2.useState(router.state.location);
   React2.useLayoutEffect(() => {
     if (ssrInfo && ssrInfo.router && !ssrInfo.routerInitialized) {
       ssrInfo.routerInitialized = true;
@@ -193,12 +214,12 @@ function HydratedRouter(props) {
   React2.useLayoutEffect(() => {
     if (ssrInfo && ssrInfo.router) {
       return ssrInfo.router.subscribe((newState) => {
-        if (newState.location !== location) {
+        if (newState.location !== location2) {
           setLocation(newState.location);
         }
       });
     }
-  }, [location]);
+  }, [location2]);
   _reactrouter.UNSAFE_invariant.call(void 0, ssrInfo, "ssrInfo unavailable for HydratedRouter");
   _reactrouter.UNSAFE_useFogOFWarDiscovery.call(void 0, 
     router,
@@ -224,7 +245,7 @@ function HydratedRouter(props) {
           routeDiscovery: ssrInfo.context.routeDiscovery
         }
       },
-      /* @__PURE__ */ React2.createElement(_reactrouter.UNSAFE_RemixErrorBoundary, { location }, /* @__PURE__ */ React2.createElement(
+      /* @__PURE__ */ React2.createElement(_reactrouter.UNSAFE_RemixErrorBoundary, { location: location2 }, /* @__PURE__ */ React2.createElement(
         RouterProvider,
         {
           router,
@@ -235,6 +256,670 @@ function HydratedRouter(props) {
   );
 }
 
+// lib/rsc/browser.tsx
+
+
+function createCallServer({
+  createFromReadableStream,
+  createTemporaryReferenceSet,
+  encodeReply,
+  fetch: fetchImplementation = fetch
+}) {
+  const globalVar = window;
+  let landedActionId = 0;
+  return async (id, args) => {
+    let actionId = globalVar.__routerActionID = (_nullishCoalesce(globalVar.__routerActionID, () => ( (globalVar.__routerActionID = 0)))) + 1;
+    const temporaryReferences = createTemporaryReferenceSet();
+    const payloadPromise = fetchImplementation(
+      new Request(location.href, {
+        body: await encodeReply(args, { temporaryReferences }),
+        method: "POST",
+        headers: {
+          Accept: "text/x-component",
+          "rsc-action-id": id
+        }
+      })
+    ).then((response) => {
+      if (!response.body) {
+        throw new Error("No response body");
+      }
+      return createFromReadableStream(response.body, {
+        temporaryReferences
+      });
+    });
+    globalVar.__reactRouterDataRouter.__setPendingRerender(
+      Promise.resolve(payloadPromise).then(async (payload) => {
+        if (payload.type === "redirect") {
+          if (payload.reload || isExternalLocation(payload.location)) {
+            window.location.href = payload.location;
+            return () => {
+            };
+          }
+          return () => {
+            globalVar.__reactRouterDataRouter.navigate(payload.location, {
+              replace: payload.replace
+            });
+          };
+        }
+        if (payload.type !== "action") {
+          throw new Error("Unexpected payload type");
+        }
+        const rerender = await payload.rerender;
+        if (rerender && landedActionId < actionId && globalVar.__routerActionID <= actionId) {
+          if (rerender.type === "redirect") {
+            if (rerender.reload || isExternalLocation(rerender.location)) {
+              window.location.href = rerender.location;
+              return;
+            }
+            return () => {
+              globalVar.__reactRouterDataRouter.navigate(rerender.location, {
+                replace: rerender.replace
+              });
+            };
+          }
+          return () => {
+            let lastMatch;
+            for (const match of rerender.matches) {
+              globalVar.__reactRouterDataRouter.patchRoutes(
+                _nullishCoalesce(_optionalChain([lastMatch, 'optionalAccess', _21 => _21.id]), () => ( null)),
+                [createRouteFromServerManifest(match)],
+                true
+              );
+              lastMatch = match;
+            }
+            window.__reactRouterDataRouter._internalSetStateDoNotUseOrYouWillBreakYourApp(
+              {
+                loaderData: Object.assign(
+                  {},
+                  globalVar.__reactRouterDataRouter.state.loaderData,
+                  rerender.loaderData
+                ),
+                errors: rerender.errors ? Object.assign(
+                  {},
+                  globalVar.__reactRouterDataRouter.state.errors,
+                  rerender.errors
+                ) : null
+              }
+            );
+          };
+        }
+        return () => {
+        };
+      }).catch(() => {
+      })
+    );
+    return payloadPromise.then((payload) => {
+      if (payload.type !== "action" && payload.type !== "redirect") {
+        throw new Error("Unexpected payload type");
+      }
+      return payload.actionResult;
+    });
+  };
+}
+function createRouterFromPayload({
+  fetchImplementation,
+  createFromReadableStream,
+  getContext,
+  payload
+}) {
+  const globalVar = window;
+  if (globalVar.__reactRouterDataRouter && globalVar.__reactRouterRouteModules)
+    return {
+      router: globalVar.__reactRouterDataRouter,
+      routeModules: globalVar.__reactRouterRouteModules
+    };
+  if (payload.type !== "render") throw new Error("Invalid payload type");
+  globalVar.__reactRouterRouteModules = _nullishCoalesce(globalVar.__reactRouterRouteModules, () => ( {}));
+  _chunkT5RKBXBVjs.populateRSCRouteModules.call(void 0, globalVar.__reactRouterRouteModules, payload.matches);
+  let patches = /* @__PURE__ */ new Map();
+  _optionalChain([payload, 'access', _22 => _22.patches, 'optionalAccess', _23 => _23.forEach, 'call', _24 => _24((patch) => {
+    _chunkCZ7KRWQZjs.invariant.call(void 0, patch.parentId, "Invalid patch parentId");
+    if (!patches.has(patch.parentId)) {
+      patches.set(patch.parentId, []);
+    }
+    _optionalChain([patches, 'access', _25 => _25.get, 'call', _26 => _26(patch.parentId), 'optionalAccess', _27 => _27.push, 'call', _28 => _28(patch)]);
+  })]);
+  let routes = payload.matches.reduceRight((previous, match) => {
+    const route = createRouteFromServerManifest(
+      match,
+      payload
+    );
+    if (previous.length > 0) {
+      route.children = previous;
+      let childrenToPatch = patches.get(match.id);
+      if (childrenToPatch) {
+        route.children.push(
+          ...childrenToPatch.map((r) => createRouteFromServerManifest(r))
+        );
+      }
+    }
+    return [route];
+  }, []);
+  globalVar.__reactRouterDataRouter = _chunkCZ7KRWQZjs.createRouter.call(void 0, {
+    routes,
+    getContext,
+    basename: payload.basename,
+    history: _chunkCZ7KRWQZjs.createBrowserHistory.call(void 0, ),
+    hydrationData: _chunkT5RKBXBVjs.getHydrationData.call(void 0, {
+      state: {
+        loaderData: payload.loaderData,
+        actionData: payload.actionData,
+        errors: payload.errors
+      },
+      routes,
+      getRouteInfo: (routeId) => {
+        let match = payload.matches.find((m) => m.id === routeId);
+        _chunkCZ7KRWQZjs.invariant.call(void 0, match, "Route not found in payload");
+        return {
+          clientLoader: match.clientLoader,
+          hasLoader: match.hasLoader,
+          hasHydrateFallback: match.hydrateFallbackElement != null
+        };
+      },
+      location: payload.location,
+      basename: payload.basename,
+      isSpaMode: false
+    }),
+    async patchRoutesOnNavigation({ path, signal }) {
+      if (discoveredPaths.has(path)) {
+        return;
+      }
+      await fetchAndApplyManifestPatches(
+        [path],
+        createFromReadableStream,
+        fetchImplementation,
+        signal
+      );
+    },
+    // FIXME: Pass `build.ssr` into this function
+    dataStrategy: getRSCSingleFetchDataStrategy(
+      () => globalVar.__reactRouterDataRouter,
+      true,
+      payload.basename,
+      createFromReadableStream,
+      fetchImplementation
+    )
+  });
+  if (globalVar.__reactRouterDataRouter.state.initialized) {
+    globalVar.__routerInitialized = true;
+    globalVar.__reactRouterDataRouter.initialize();
+  } else {
+    globalVar.__routerInitialized = false;
+  }
+  let lastLoaderData = void 0;
+  globalVar.__reactRouterDataRouter.subscribe(({ loaderData, actionData }) => {
+    if (lastLoaderData !== loaderData) {
+      globalVar.__routerActionID = (_nullishCoalesce(globalVar.__routerActionID, () => ( (globalVar.__routerActionID = 0)))) + 1;
+    }
+  });
+  globalVar.__reactRouterDataRouter._updateRoutesForHMR = (routeUpdateByRouteId) => {
+    const oldRoutes = window.__reactRouterDataRouter.routes;
+    const newRoutes = [];
+    function walkRoutes(routes2, parentId) {
+      return routes2.map((route) => {
+        const routeUpdate = routeUpdateByRouteId.get(route.id);
+        if (routeUpdate) {
+          const {
+            routeModule,
+            hasAction,
+            hasComponent,
+            hasErrorBoundary,
+            hasLoader
+          } = routeUpdate;
+          const newRoute = createRouteFromServerManifest({
+            clientAction: routeModule.clientAction,
+            clientLoader: routeModule.clientLoader,
+            element: route.element,
+            errorElement: route.errorElement,
+            handle: route.handle,
+            hasAction,
+            hasComponent,
+            hasErrorBoundary,
+            hasLoader,
+            hydrateFallbackElement: route.hydrateFallbackElement,
+            id: route.id,
+            index: route.index,
+            links: routeModule.links,
+            meta: routeModule.meta,
+            parentId,
+            path: route.path,
+            shouldRevalidate: routeModule.shouldRevalidate
+          });
+          if (route.children) {
+            newRoute.children = walkRoutes(route.children, route.id);
+          }
+          return newRoute;
+        }
+        const updatedRoute = { ...route };
+        if (route.children) {
+          updatedRoute.children = walkRoutes(route.children, route.id);
+        }
+        return updatedRoute;
+      });
+    }
+    newRoutes.push(
+      ...walkRoutes(oldRoutes, void 0)
+    );
+    window.__reactRouterDataRouter._internalSetRoutes(newRoutes);
+  };
+  return {
+    router: globalVar.__reactRouterDataRouter,
+    routeModules: globalVar.__reactRouterRouteModules
+  };
+}
+var renderedRoutesContext = _chunkCZ7KRWQZjs.createContext.call(void 0, );
+function getRSCSingleFetchDataStrategy(getRouter, ssr, basename, createFromReadableStream, fetchImplementation) {
+  let dataStrategy = _chunkCZ7KRWQZjs.getSingleFetchDataStrategyImpl.call(void 0, 
+    getRouter,
+    (match) => {
+      let M = match;
+      return {
+        hasLoader: M.route.hasLoader,
+        hasClientLoader: M.route.hasClientLoader,
+        hasComponent: M.route.hasComponent,
+        hasAction: M.route.hasAction,
+        hasClientAction: M.route.hasClientAction,
+        hasShouldRevalidate: M.route.hasShouldRevalidate
+      };
+    },
+    // pass map into fetchAndDecode so it can add payloads
+    getFetchAndDecodeViaRSC(createFromReadableStream, fetchImplementation),
+    ssr,
+    basename,
+    // If the route has a component but we don't have an element, we need to hit
+    // the server loader flow regardless of whether the client loader calls
+    // `serverLoader` or not, otherwise we'll have nothing to render.
+    (match) => {
+      let M = match;
+      return M.route.hasComponent && !M.route.element;
+    }
+  );
+  return async (args) => args.runClientMiddleware(async () => {
+    let context = args.context;
+    context.set(renderedRoutesContext, []);
+    let results = await dataStrategy(args);
+    const renderedRoutesById = /* @__PURE__ */ new Map();
+    for (const route of context.get(renderedRoutesContext)) {
+      if (!renderedRoutesById.has(route.id)) {
+        renderedRoutesById.set(route.id, []);
+      }
+      renderedRoutesById.get(route.id).push(route);
+    }
+    for (const match of args.matches) {
+      const renderedRoutes = renderedRoutesById.get(match.route.id);
+      if (renderedRoutes) {
+        for (const rendered of renderedRoutes) {
+          window.__reactRouterDataRouter.patchRoutes(
+            _nullishCoalesce(rendered.parentId, () => ( null)),
+            [createRouteFromServerManifest(rendered)],
+            true
+          );
+        }
+      }
+    }
+    return results;
+  });
+}
+function getFetchAndDecodeViaRSC(createFromReadableStream, fetchImplementation) {
+  return async (args, basename, targetRoutes) => {
+    let { request, context } = args;
+    let url = _chunkCZ7KRWQZjs.singleFetchUrl.call(void 0, request.url, basename, "rsc");
+    if (request.method === "GET") {
+      url = _chunkCZ7KRWQZjs.stripIndexParam.call(void 0, url);
+      if (targetRoutes) {
+        url.searchParams.set("_routes", targetRoutes.join(","));
+      }
+    }
+    let res = await fetchImplementation(
+      new Request(url, await _chunkCZ7KRWQZjs.createRequestInit.call(void 0, request))
+    );
+    if (res.status >= 400 && !res.headers.has("X-Remix-Response")) {
+      throw new (0, _chunkCZ7KRWQZjs.ErrorResponseImpl)(res.status, res.statusText, await res.text());
+    }
+    _chunkCZ7KRWQZjs.invariant.call(void 0, res.body, "No response body to decode");
+    try {
+      const payload = await createFromReadableStream(res.body, {
+        temporaryReferences: void 0
+      });
+      if (payload.type === "redirect") {
+        return {
+          status: res.status,
+          data: {
+            redirect: {
+              redirect: payload.location,
+              reload: payload.reload,
+              replace: payload.replace,
+              revalidate: false,
+              status: payload.status
+            }
+          }
+        };
+      }
+      if (payload.type !== "render") {
+        throw new Error("Unexpected payload type");
+      }
+      context.get(renderedRoutesContext).push(...payload.matches);
+      let results = { routes: {} };
+      const dataKey = _chunkCZ7KRWQZjs.isMutationMethod.call(void 0, request.method) ? "actionData" : "loaderData";
+      for (let [routeId, data] of Object.entries(payload[dataKey] || {})) {
+        results.routes[routeId] = { data };
+      }
+      if (payload.errors) {
+        for (let [routeId, error] of Object.entries(payload.errors)) {
+          results.routes[routeId] = { error };
+        }
+      }
+      return { status: res.status, data: results };
+    } catch (e) {
+      throw new Error("Unable to decode RSC response");
+    }
+  };
+}
+function RSCHydratedRouter({
+  createFromReadableStream,
+  fetch: fetchImplementation = fetch,
+  payload,
+  routeDiscovery = "eager",
+  getContext
+}) {
+  if (payload.type !== "render") throw new Error("Invalid payload type");
+  let { router: router2, routeModules } = React3.useMemo(
+    () => createRouterFromPayload({
+      payload,
+      fetchImplementation,
+      getContext,
+      createFromReadableStream
+    }),
+    [createFromReadableStream, payload, fetchImplementation, getContext]
+  );
+  React3.useEffect(() => {
+    _chunkCZ7KRWQZjs.setIsHydrated.call(void 0, );
+  }, []);
+  React3.useLayoutEffect(() => {
+    const globalVar = window;
+    if (!globalVar.__routerInitialized) {
+      globalVar.__routerInitialized = true;
+      globalVar.__reactRouterDataRouter.initialize();
+    }
+  }, []);
+  let [location2, setLocation] = React3.useState(router2.state.location);
+  React3.useLayoutEffect(
+    () => router2.subscribe((newState) => {
+      if (newState.location !== location2) {
+        setLocation(newState.location);
+      }
+    }),
+    [router2, location2]
+  );
+  React3.useEffect(() => {
+    if (routeDiscovery === "lazy" || // @ts-expect-error - TS doesn't know about this yet
+    _optionalChain([window, 'access', _29 => _29.navigator, 'optionalAccess', _30 => _30.connection, 'optionalAccess', _31 => _31.saveData]) === true) {
+      return;
+    }
+    function registerElement(el) {
+      let path = el.tagName === "FORM" ? el.getAttribute("action") : el.getAttribute("href");
+      if (!path) {
+        return;
+      }
+      let pathname = el.tagName === "A" ? el.pathname : new URL(path, window.location.origin).pathname;
+      if (!discoveredPaths.has(pathname)) {
+        nextPaths.add(pathname);
+      }
+    }
+    async function fetchPatches() {
+      document.querySelectorAll("a[data-discover], form[data-discover]").forEach(registerElement);
+      let paths = Array.from(nextPaths.keys()).filter((path) => {
+        if (discoveredPaths.has(path)) {
+          nextPaths.delete(path);
+          return false;
+        }
+        return true;
+      });
+      if (paths.length === 0) {
+        return;
+      }
+      try {
+        await fetchAndApplyManifestPatches(
+          paths,
+          createFromReadableStream,
+          fetchImplementation
+        );
+      } catch (e) {
+        console.error("Failed to fetch manifest patches", e);
+      }
+    }
+    let debouncedFetchPatches = debounce(fetchPatches, 100);
+    fetchPatches();
+    let observer = new MutationObserver(() => debouncedFetchPatches());
+    observer.observe(document.documentElement, {
+      subtree: true,
+      childList: true,
+      attributes: true,
+      attributeFilter: ["data-discover", "href", "action"]
+    });
+  }, [routeDiscovery, createFromReadableStream, fetchImplementation]);
+  const frameworkContext = {
+    future: {
+      // These flags have no runtime impact so can always be false.  If we add
+      // flags that drive runtime behavior they'll need to be proxied through.
+      v8_middleware: false,
+      unstable_subResourceIntegrity: false
+    },
+    isSpaMode: false,
+    ssr: true,
+    criticalCss: "",
+    manifest: {
+      routes: {},
+      version: "1",
+      url: "",
+      entry: {
+        module: "",
+        imports: []
+      }
+    },
+    routeDiscovery: { mode: "lazy", manifestPath: "/__manifest" },
+    routeModules
+  };
+  return /* @__PURE__ */ React3.createElement(_chunkCZ7KRWQZjs.RSCRouterContext.Provider, { value: true }, /* @__PURE__ */ React3.createElement(_chunkT5RKBXBVjs.RSCRouterGlobalErrorBoundary, { location: location2 }, /* @__PURE__ */ React3.createElement(_chunkCZ7KRWQZjs.FrameworkContext.Provider, { value: frameworkContext }, /* @__PURE__ */ React3.createElement(_chunkCZ7KRWQZjs.UNSTABLE_TransitionEnabledRouterProvider, { router: router2, flushSync: ReactDOM2.flushSync }))));
+}
+function createRouteFromServerManifest(match, payload) {
+  let hasInitialData = payload && match.id in payload.loaderData;
+  let initialData = _optionalChain([payload, 'optionalAccess', _32 => _32.loaderData, 'access', _33 => _33[match.id]]);
+  let hasInitialError = _optionalChain([payload, 'optionalAccess', _34 => _34.errors]) && match.id in payload.errors;
+  let initialError = _optionalChain([payload, 'optionalAccess', _35 => _35.errors, 'optionalAccess', _36 => _36[match.id]]);
+  let isHydrationRequest = _optionalChain([match, 'access', _37 => _37.clientLoader, 'optionalAccess', _38 => _38.hydrate]) === true || !match.hasLoader || // If the route has a component but we don't have an element, we need to hit
+  // the server loader flow regardless of whether the client loader calls
+  // `serverLoader` or not, otherwise we'll have nothing to render.
+  match.hasComponent && !match.element;
+  _chunkCZ7KRWQZjs.invariant.call(void 0, window.__reactRouterRouteModules);
+  _chunkT5RKBXBVjs.populateRSCRouteModules.call(void 0, window.__reactRouterRouteModules, match);
+  let dataRoute = {
+    id: match.id,
+    element: match.element,
+    errorElement: match.errorElement,
+    handle: match.handle,
+    hasErrorBoundary: match.hasErrorBoundary,
+    hydrateFallbackElement: match.hydrateFallbackElement,
+    index: match.index,
+    loader: match.clientLoader ? async (args, singleFetch) => {
+      try {
+        let result = await match.clientLoader({
+          ...args,
+          serverLoader: () => {
+            preventInvalidServerHandlerCall(
+              "loader",
+              match.id,
+              match.hasLoader
+            );
+            if (isHydrationRequest) {
+              if (hasInitialData) {
+                return initialData;
+              }
+              if (hasInitialError) {
+                throw initialError;
+              }
+            }
+            return callSingleFetch(singleFetch);
+          }
+        });
+        return result;
+      } finally {
+        isHydrationRequest = false;
+      }
+    } : (
+      // We always make the call in this RSC world since even if we don't
+      // have a `loader` we may need to get the `element` implementation
+      (_, singleFetch) => callSingleFetch(singleFetch)
+    ),
+    action: match.clientAction ? (args, singleFetch) => match.clientAction({
+      ...args,
+      serverAction: async () => {
+        preventInvalidServerHandlerCall(
+          "action",
+          match.id,
+          match.hasLoader
+        );
+        return await callSingleFetch(singleFetch);
+      }
+    }) : match.hasAction ? (_, singleFetch) => callSingleFetch(singleFetch) : () => {
+      throw _chunkCZ7KRWQZjs.noActionDefinedError.call(void 0, "action", match.id);
+    },
+    path: match.path,
+    shouldRevalidate: match.shouldRevalidate,
+    // We always have a "loader" in this RSC world since even if we don't
+    // have a `loader` we may need to get the `element` implementation
+    hasLoader: true,
+    hasClientLoader: match.clientLoader != null,
+    hasAction: match.hasAction,
+    hasClientAction: match.clientAction != null,
+    hasShouldRevalidate: match.shouldRevalidate != null
+  };
+  if (typeof dataRoute.loader === "function") {
+    dataRoute.loader.hydrate = _chunkCZ7KRWQZjs.shouldHydrateRouteLoader.call(void 0, 
+      match.id,
+      match.clientLoader,
+      match.hasLoader,
+      false
+    );
+  }
+  return dataRoute;
+}
+function callSingleFetch(singleFetch) {
+  _chunkCZ7KRWQZjs.invariant.call(void 0, typeof singleFetch === "function", "Invalid singleFetch parameter");
+  return singleFetch();
+}
+function preventInvalidServerHandlerCall(type, routeId, hasHandler) {
+  if (!hasHandler) {
+    let fn = type === "action" ? "serverAction()" : "serverLoader()";
+    let msg = `You are trying to call ${fn} on a route that does not have a server ${type} (routeId: "${routeId}")`;
+    console.error(msg);
+    throw new (0, _chunkCZ7KRWQZjs.ErrorResponseImpl)(400, "Bad Request", new Error(msg), true);
+  }
+}
+var nextPaths = /* @__PURE__ */ new Set();
+var discoveredPathsMaxSize = 1e3;
+var discoveredPaths = /* @__PURE__ */ new Set();
+var URL_LIMIT = 7680;
+function getManifestUrl(paths) {
+  if (paths.length === 0) {
+    return null;
+  }
+  if (paths.length === 1) {
+    return new URL(`${paths[0]}.manifest`, window.location.origin);
+  }
+  const globalVar = window;
+  let basename = (_nullishCoalesce(globalVar.__reactRouterDataRouter.basename, () => ( ""))).replace(
+    /^\/|\/$/g,
+    ""
+  );
+  let url = new URL(`${basename}/.manifest`, window.location.origin);
+  url.searchParams.set("paths", paths.sort().join(","));
+  return url;
+}
+async function fetchAndApplyManifestPatches(paths, createFromReadableStream, fetchImplementation, signal) {
+  let url = getManifestUrl(paths);
+  if (url == null) {
+    return;
+  }
+  if (url.toString().length > URL_LIMIT) {
+    nextPaths.clear();
+    return;
+  }
+  let response = await fetchImplementation(new Request(url, { signal }));
+  if (!response.body || response.status < 200 || response.status >= 300) {
+    throw new Error("Unable to fetch new route matches from the server");
+  }
+  let payload = await createFromReadableStream(response.body, {
+    temporaryReferences: void 0
+  });
+  if (payload.type !== "manifest") {
+    throw new Error("Failed to patch routes");
+  }
+  paths.forEach((p) => addToFifoQueue(p, discoveredPaths));
+  payload.patches.forEach((p) => {
+    window.__reactRouterDataRouter.patchRoutes(
+      _nullishCoalesce(p.parentId, () => ( null)),
+      [createRouteFromServerManifest(p)]
+    );
+  });
+}
+function addToFifoQueue(path, queue) {
+  if (queue.size >= discoveredPathsMaxSize) {
+    let first = queue.values().next().value;
+    queue.delete(first);
+  }
+  queue.add(path);
+}
+function debounce(callback, wait) {
+  let timeoutId;
+  return (...args) => {
+    window.clearTimeout(timeoutId);
+    timeoutId = window.setTimeout(() => callback(...args), wait);
+  };
+}
+function isExternalLocation(location2) {
+  const newLocation = new URL(location2, window.location.href);
+  return newLocation.origin !== window.location.origin;
+}
+
+// lib/rsc/html-stream/browser.ts
+function getRSCStream() {
+  let encoder = new TextEncoder();
+  let streamController = null;
+  let rscStream = new ReadableStream({
+    start(controller) {
+      if (typeof window === "undefined") {
+        return;
+      }
+      let handleChunk = (chunk) => {
+        if (typeof chunk === "string") {
+          controller.enqueue(encoder.encode(chunk));
+        } else {
+          controller.enqueue(chunk);
+        }
+      };
+      window.__FLIGHT_DATA || (window.__FLIGHT_DATA = []);
+      window.__FLIGHT_DATA.forEach(handleChunk);
+      window.__FLIGHT_DATA.push = (chunk) => {
+        handleChunk(chunk);
+        return 0;
+      };
+      streamController = controller;
+    }
+  });
+  if (typeof document !== "undefined" && document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", () => {
+      _optionalChain([streamController, 'optionalAccess', _39 => _39.close, 'call', _40 => _40()]);
+    });
+  } else {
+    _optionalChain([streamController, 'optionalAccess', _41 => _41.close, 'call', _42 => _42()]);
+  }
+  return rscStream;
+}
+
+
+
+
 
 
-exports.HydratedRouter = HydratedRouter; exports.RouterProvider = RouterProvider;
+exports.HydratedRouter = HydratedRouter; exports.RouterProvider = RouterProvider; exports.unstable_RSCHydratedRouter = RSCHydratedRouter; exports.unstable_createCallServer = createCallServer; exports.unstable_getRSCStream = getRSCStream;