react-router 7.6.3 → 7.7.0-pre.1

package/dist/development/dom-export.d.mts

@@ -1,6 +1,8 @@
 import * as React from 'react';
-import { R as RouterProviderProps$1 } from './lib-B33EY9A0.mjs';
-import { R as RouterInit } from './route-data-D7Xbr_Ww.mjs';
+import { R as RouterProviderProps$1 } from './components-IaVqGBuO.mjs';
+import './browser-BSrXyLft.mjs';
+import { R as RouterInit } from './route-data-DAw7Esur.mjs';
+import 'node:async_hooks';
 
 type RouterProviderProps = Omit<RouterProviderProps$1, "flushSync">;
 declare function RouterProvider(props: Omit<RouterProviderProps, "flushSync">): React.JSX.Element;

package/dist/development/dom-export.js

@@ -1,5 +1,5 @@
-/**
- * react-router v7.6.3
+"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 v7.7.0-pre.1
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -8,61 +8,45 @@
  *
  * @license MIT
  */
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// dom-export.ts
-var dom_export_exports = {};
-__export(dom_export_exports, {
-  HydratedRouter: () => HydratedRouter,
-  RouterProvider: () => RouterProvider
-});
-module.exports = __toCommonJS(dom_export_exports);
+"use client";
+
+
+var _chunkZ7T4GLA7js = require('./chunk-Z7T4GLA7.js');
 
 // lib/dom-export/dom-router-provider.tsx
-var React = __toESM(require("react"));
-var ReactDOM = __toESM(require("react-dom"));
-var import_react_router = require("react-router");
+var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react);
+var _reactdom = require('react-dom'); var ReactDOM = _interopRequireWildcard(_reactdom);
+var _reactrouter = require('react-router');
 function RouterProvider(props) {
-  return /* @__PURE__ */ React.createElement(import_react_router.RouterProvider, { flushSync: ReactDOM.flushSync, ...props });
+  return /* @__PURE__ */ React.createElement(_reactrouter.RouterProvider, { flushSync: ReactDOM.flushSync, ...props });
 }
 
 // lib/dom-export/hydrated-router.tsx
-var React2 = __toESM(require("react"));
-var import_react_router2 = require("react-router");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 var ssrInfo = null;
 var router = null;
 function initSsrInfo() {
   if (!ssrInfo && window.__reactRouterContext && window.__reactRouterManifest && window.__reactRouterRouteModules) {
     if (window.__reactRouterManifest.sri === true) {
       const importMap = document.querySelector("script[rr-importmap]");
-      if (importMap?.textContent) {
+      if (_optionalChain([importMap, 'optionalAccess', _ => _.textContent])) {
         try {
           window.__reactRouterManifest.sri = JSON.parse(
             importMap.textContent
@@ -94,9 +78,9 @@ function createHydratedRouter({
   let localSsrInfo = ssrInfo;
   if (!ssrInfo.stateDecodingPromise) {
     let stream = ssrInfo.context.stream;
-    (0, import_react_router2.UNSAFE_invariant)(stream, "No stream found for single fetch decoding");
+    _reactrouter.UNSAFE_invariant.call(void 0, stream, "No stream found for single fetch decoding");
     ssrInfo.context.stream = void 0;
-    ssrInfo.stateDecodingPromise = (0, import_react_router2.UNSAFE_decodeViaTurboStream)(stream, window).then((value) => {
+    ssrInfo.stateDecodingPromise = _reactrouter.UNSAFE_decodeViaTurboStream.call(void 0, stream, window).then((value) => {
       ssrInfo.context.state = value.value;
       localSsrInfo.stateDecodingPromise.value = true;
     }).catch((e) => {
@@ -109,7 +93,7 @@ function createHydratedRouter({
   if (!ssrInfo.stateDecodingPromise.value) {
     throw ssrInfo.stateDecodingPromise;
   }
-  let routes = (0, import_react_router2.UNSAFE_createClientRoutes)(
+  let routes = _reactrouter.UNSAFE_createClientRoutes.call(void 0, 
     ssrInfo.manifest.routes,
     ssrInfo.routeModules,
     ssrInfo.context.state,
@@ -119,7 +103,7 @@ function createHydratedRouter({
   let hydrationData = void 0;
   if (ssrInfo.context.isSpaMode) {
     let { loaderData } = ssrInfo.context.state;
-    if (ssrInfo.manifest.routes.root?.hasLoader && loaderData && "root" in loaderData) {
+    if (_optionalChain([ssrInfo, 'access', _2 => _2.manifest, 'access', _3 => _3.routes, 'access', _4 => _4.root, 'optionalAccess', _5 => _5.hasLoader]) && loaderData && "root" in loaderData) {
       hydrationData = {
         loaderData: {
           root: loaderData.root
@@ -127,41 +111,41 @@ function createHydratedRouter({
       };
     }
   } else {
-    hydrationData = (0, import_react_router2.UNSAFE_getHydrationData)(
+    hydrationData = _reactrouter.UNSAFE_getHydrationData.call(void 0, 
       ssrInfo.context.state,
       routes,
       (routeId) => ({
-        clientLoader: ssrInfo.routeModules[routeId]?.clientLoader,
-        hasLoader: ssrInfo.manifest.routes[routeId]?.hasLoader === true,
-        hasHydrateFallback: ssrInfo.routeModules[routeId]?.HydrateFallback != null
+        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
       }),
       window.location,
-      window.__reactRouterContext?.basename,
+      _optionalChain([window, 'access', _16 => _16.__reactRouterContext, 'optionalAccess', _17 => _17.basename]),
       ssrInfo.context.isSpaMode
     );
     if (hydrationData && hydrationData.errors) {
-      hydrationData.errors = (0, import_react_router2.UNSAFE_deserializeErrors)(hydrationData.errors);
+      hydrationData.errors = _reactrouter.UNSAFE_deserializeErrors.call(void 0, hydrationData.errors);
     }
   }
-  let router2 = (0, import_react_router2.UNSAFE_createRouter)({
+  let router2 = _reactrouter.UNSAFE_createRouter.call(void 0, {
     routes,
-    history: (0, import_react_router2.UNSAFE_createBrowserHistory)(),
+    history: _reactrouter.UNSAFE_createBrowserHistory.call(void 0, ),
     basename: ssrInfo.context.basename,
     unstable_getContext,
     hydrationData,
-    hydrationRouteProperties: import_react_router2.UNSAFE_hydrationRouteProperties,
-    mapRouteProperties: import_react_router2.UNSAFE_mapRouteProperties,
+    hydrationRouteProperties: _reactrouter.UNSAFE_hydrationRouteProperties,
+    mapRouteProperties: _reactrouter.UNSAFE_mapRouteProperties,
     future: {
       unstable_middleware: ssrInfo.context.future.unstable_middleware
     },
-    dataStrategy: (0, import_react_router2.UNSAFE_getTurboStreamSingleFetchDataStrategy)(
+    dataStrategy: _reactrouter.UNSAFE_getTurboStreamSingleFetchDataStrategy.call(void 0, 
       () => router2,
       ssrInfo.manifest,
       ssrInfo.routeModules,
       ssrInfo.context.ssr,
       ssrInfo.context.basename
     ),
-    patchRoutesOnNavigation: (0, import_react_router2.UNSAFE_getPatchRoutesOnNavigationFunction)(
+    patchRoutesOnNavigation: _reactrouter.UNSAFE_getPatchRoutesOnNavigationFunction.call(void 0, 
       ssrInfo.manifest,
       ssrInfo.routeModules,
       ssrInfo.context.ssr,
@@ -176,7 +160,7 @@ function createHydratedRouter({
     router2.initialize();
   }
   router2.createRoutesForHMR = /* spacer so ts-ignore does not affect the right hand of the assignment */
-  import_react_router2.UNSAFE_createClientRoutesWithHMRRevalidationOptOut;
+  _reactrouter.UNSAFE_createClientRoutesWithHMRRevalidationOptOut;
   window.__reactRouterDataRouter = router2;
   return router2;
 }
@@ -187,13 +171,18 @@ function HydratedRouter(props) {
     });
   }
   let [criticalCss, setCriticalCss] = React2.useState(
-    process.env.NODE_ENV === "development" ? ssrInfo?.context.criticalCss : void 0
+    process.env.NODE_ENV === "development" ? _optionalChain([ssrInfo, 'optionalAccess', _18 => _18.context, 'access', _19 => _19.criticalCss]) : void 0
   );
-  if (process.env.NODE_ENV === "development") {
-    if (ssrInfo) {
-      window.__reactRouterClearCriticalCss = () => setCriticalCss(void 0);
+  React2.useEffect(() => {
+    if (process.env.NODE_ENV === "development") {
+      setCriticalCss(void 0);
     }
-  }
+  }, []);
+  React2.useEffect(() => {
+    if (process.env.NODE_ENV === "development" && criticalCss === void 0) {
+      document.querySelectorAll(`[${_chunkZ7T4GLA7js.CRITICAL_CSS_DATA_ATTRIBUTE}]`).forEach((element) => element.remove());
+    }
+  }, [criticalCss]);
   let [location, setLocation] = React2.useState(router.state.location);
   React2.useLayoutEffect(() => {
     if (ssrInfo && ssrInfo.router && !ssrInfo.routerInitialized) {
@@ -210,8 +199,8 @@ function HydratedRouter(props) {
       });
     }
   }, [location]);
-  (0, import_react_router2.UNSAFE_invariant)(ssrInfo, "ssrInfo unavailable for HydratedRouter");
-  (0, import_react_router2.UNSAFE_useFogOFWarDiscovery)(
+  _reactrouter.UNSAFE_invariant.call(void 0, ssrInfo, "ssrInfo unavailable for HydratedRouter");
+  _reactrouter.UNSAFE_useFogOFWarDiscovery.call(void 0, 
     router,
     ssrInfo.manifest,
     ssrInfo.routeModules,
@@ -223,7 +212,7 @@ function HydratedRouter(props) {
     // This fragment is important to ensure we match the <ServerRouter> JSX
     // structure so that useId values hydrate correctly
     /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
-      import_react_router2.UNSAFE_FrameworkContext.Provider,
+      _reactrouter.UNSAFE_FrameworkContext.Provider,
       {
         value: {
           manifest: ssrInfo.manifest,
@@ -235,12 +224,11 @@ function HydratedRouter(props) {
           routeDiscovery: ssrInfo.context.routeDiscovery
         }
       },
-      /* @__PURE__ */ React2.createElement(import_react_router2.UNSAFE_RemixErrorBoundary, { location }, /* @__PURE__ */ React2.createElement(RouterProvider, { router }))
+      /* @__PURE__ */ React2.createElement(_reactrouter.UNSAFE_RemixErrorBoundary, { location }, /* @__PURE__ */ React2.createElement(RouterProvider, { router }))
     ), /* @__PURE__ */ React2.createElement(React2.Fragment, null))
   );
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  HydratedRouter,
-  RouterProvider
-});
+
+
+
+exports.HydratedRouter = HydratedRouter; exports.RouterProvider = RouterProvider;

package/dist/development/dom-export.mjs

@@ -1,5 +1,5 @@
 /**
- * react-router v7.6.3
+ * react-router v7.7.0-pre.1
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -8,7 +8,13 @@
  *
  * @license MIT
  */
+"use client";
 import {
+  deserializeErrors,
+  getHydrationData
+} from "./chunk-YP7CIEHK.mjs";
+import {
+  CRITICAL_CSS_DATA_ATTRIBUTE,
   FrameworkContext,
   RemixErrorBoundary,
   RouterProvider,
@@ -17,15 +23,13 @@ import {
   createClientRoutesWithHMRRevalidationOptOut,
   createRouter,
   decodeViaTurboStream,
-  deserializeErrors,
-  getHydrationData,
   getPatchRoutesOnNavigationFunction,
   getTurboStreamSingleFetchDataStrategy,
   hydrationRouteProperties,
   invariant,
   mapRouteProperties,
   useFogOFWarDiscovery
-} from "./chunk-QMGIS6GS.mjs";
+} from "./chunk-YNUF36W5.mjs";
 
 // lib/dom-export/dom-router-provider.tsx
 import * as React from "react";
@@ -169,11 +173,16 @@ function HydratedRouter(props) {
   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(void 0);
+  React2.useEffect(() => {
+    if (process.env.NODE_ENV === "development") {
+      setCriticalCss(void 0);
     }
-  }
+  }, []);
+  React2.useEffect(() => {
+    if (process.env.NODE_ENV === "development" && criticalCss === void 0) {
+      document.querySelectorAll(`[${CRITICAL_CSS_DATA_ATTRIBUTE}]`).forEach((element) => element.remove());
+    }
+  }, [criticalCss]);
   let [location, setLocation] = React2.useState(router.state.location);
   React2.useLayoutEffect(() => {
     if (ssrInfo && ssrInfo.router && !ssrInfo.routerInitialized) {