npm - @epic-web/workshop-app - Versions diffs - 4.6.5 → 4.7.0 - Mend

@epic-web/workshop-app 4.6.5 → 4.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (811) hide show

package/node_modules/@remix-run/react/dist/errorBoundaries.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -78,7 +78,8 @@ class RemixErrorBoundary extends React__namespace.Component {
   render() {
     if (this.state.error) {
       return /*#__PURE__*/React__namespace.createElement(RemixRootDefaultErrorBoundary, {
-        error: this.state.error
+        error: this.state.error,
+        isOutsideRemixApp: true
       });
     } else {
       return this.props.children;
@@ -90,7 +91,8 @@ class RemixErrorBoundary extends React__namespace.Component {
  * When app's don't provide a root level ErrorBoundary, we default to this.
  */
 function RemixRootDefaultErrorBoundary({
-  error
+  error,
+  isOutsideRemixApp
 }) {
   console.error(error);
   let heyDeveloper = /*#__PURE__*/React__namespace.createElement("script", {
@@ -119,7 +121,8 @@ function RemixRootDefaultErrorBoundary({
     errorInstance = new Error(errorString);
   }
   return /*#__PURE__*/React__namespace.createElement(BoundaryShell, {
-    title: "Application Error!"
+    title: "Application Error!",
+    isOutsideRemixApp: isOutsideRemixApp
   }, /*#__PURE__*/React__namespace.createElement("h1", {
     style: {
       fontSize: "24px"
@@ -136,13 +139,31 @@ function RemixRootDefaultErrorBoundary({
 function BoundaryShell({
   title,
   renderScripts,
+  isOutsideRemixApp,
   children
 }) {
   var _routeModules$root;
   let {
     routeModules
   } = components.useRemixContext();
-  if ((_routeModules$root = routeModules.root) !== null && _routeModules$root !== void 0 && _routeModules$root.Layout) {
+  // Generally speaking, when the root route has a Layout we want to use that
+  // as the app shell instead of the default `BoundaryShell` wrapper markup below.
+  // This is true for `loader`/`action` errors, most render errors, and
+  // `HydrateFallback` scenarios.
+  // However, render errors thrown from the `Layout` present a bit of an issue
+  // because if the `Layout` itself throws during the `ErrorBoundary` pass and
+  // we bubble outside the `RouterProvider` to the wrapping `RemixErrorBoundary`,
+  // by returning only `children` here we'll be trying to append a `<div>` to
+  // the `document` and the DOM will throw, putting React into an error/hydration
+  // loop.
+  // Instead, if we're ever rendering from the outermost `RemixErrorBoundary`
+  // during hydration that wraps `RouterProvider`, then we can't trust the
+  // `Layout` and should fallback to the default app shell so we're always
+  // returning an `<html>` document.
+  if ((_routeModules$root = routeModules.root) !== null && _routeModules$root !== void 0 && _routeModules$root.Layout && !isOutsideRemixApp) {
     return children;
   }
   return /*#__PURE__*/React__namespace.createElement("html", {

package/node_modules/@remix-run/react/dist/errors.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/node_modules/@remix-run/react/dist/esm/_virtual/_rollupPluginBabelHelpers.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/node_modules/@remix-run/react/dist/esm/browser.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -18,6 +18,7 @@ import { deserializeErrors } from './errors.js';
 import { createClientRoutesWithHMRRevalidationOptOut, createClientRoutes, shouldHydrateRouteLoader } from './routes.js';
 import { decodeViaTurboStream, getSingleFetchDataStrategy } from './single-fetch.js';
 import invariant from './invariant.js';
+import { initFogOfWar, useFogOFWarDiscovery } from './fog-of-war.js';
 /* eslint-disable prefer-let/prefer-let */
@@ -168,7 +169,7 @@ function RemixBrowser(_props) {
           ...window.__remixContext.state.loaderData
         }
       };
-      let initialMatches = matchRoutes(routes, window.location);
+      let initialMatches = matchRoutes(routes, window.location, window.__remixContext.basename);
       if (initialMatches) {
         for (let match of initialMatches) {
           let routeId = match.route.id;
@@ -194,6 +195,10 @@ function RemixBrowser(_props) {
         hydrationData.errors = deserializeErrors(hydrationData.errors);
       }
     }
+    let {
+      enabled: isFogOfWarEnabled,
+      patchRoutesOnMiss
+    } = initFogOfWar(window.__remixManifest, window.__remixRouteModules, window.__remixContext.future, window.__remixContext.isSpaMode, window.__remixContext.basename);
     // We don't use createBrowserRouter here because we need fine-grained control
     // over initialization to support synchronous `clientLoader` flows.
@@ -212,7 +217,10 @@ function RemixBrowser(_props) {
       },
       hydrationData,
       mapRouteProperties: UNSAFE_mapRouteProperties,
-      unstable_dataStrategy: window.__remixContext.future.unstable_singleFetch ? getSingleFetchDataStrategy(window.__remixManifest, window.__remixRouteModules) : undefined
+      unstable_dataStrategy: window.__remixContext.future.unstable_singleFetch ? getSingleFetchDataStrategy(window.__remixManifest, window.__remixRouteModules) : undefined,
+      ...(isFogOfWarEnabled ? {
+        unstable_patchRoutesOnMiss: patchRoutesOnMiss
+      } : {})
     });
     // We can call initialize() immediately if the router doesn't have any
@@ -266,6 +274,9 @@ function RemixBrowser(_props) {
     });
   }, [location]);
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFogOFWarDiscovery(router, window.__remixManifest, window.__remixRouteModules, window.__remixContext.future, window.__remixContext.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

package/node_modules/@remix-run/react/dist/esm/components.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -10,11 +10,12 @@
  */
 import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
-import { useHref, NavLink as NavLink$1, Link as Link$1, matchRoutes, useLocation, Await as Await$1, useNavigation, useAsyncError, useMatches as useMatches$1, useLoaderData as useLoaderData$1, useRouteLoaderData as useRouteLoaderData$1, useActionData as useActionData$1, useFetcher as useFetcher$1, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext } from 'react-router-dom';
+import { useHref, NavLink as NavLink$1, Link as Link$1, matchRoutes, useLocation, Await as Await$1, useAsyncError, useMatches as useMatches$1, useLoaderData as useLoaderData$1, useRouteLoaderData as useRouteLoaderData$1, useActionData as useActionData$1, useFetcher as useFetcher$1, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext } from 'react-router-dom';
 import invariant from './invariant.js';
 import { getKeyedLinksForMatches, isPageLinkDescriptor, getNewMatchesForLinks, getDataLinkHrefs, getModuleLinkHrefs, getKeyedPrefetchLinks } from './links.js';
 import { escapeHtml, createHtml } from './markup.js';
 import { addRevalidationParam, singleFetchUrl } from './single-fetch.js';
+import { isFogOfWarEnabled, getPartialManifest } from './fog-of-war.js';
 function useDataRouterContext() {
   let context = React.useContext(UNSAFE_DataRouterContext);
@@ -41,6 +42,13 @@ function useRemixContext() {
 ////////////////////////////////////////////////////////////////////////////////
 // Public API
+/**
+ * Defines the discovery behavior of the link:
+ *
+ * - "render": Eagerly discover when the link is rendered (default)
+ * - "none": No eager discovery - discover when the link is clicked
+ */
 /**
  * Defines the prefetching behavior of the link:
  *
@@ -119,6 +127,7 @@ const ABSOLUTE_URL_REGEX = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
 let NavLink = /*#__PURE__*/React.forwardRef(({
   to,
   prefetch = "none",
+  discover = "render",
   ...props
 }, forwardedRef) => {
   let isAbsolute = typeof to === "string" && ABSOLUTE_URL_REGEX.test(to);
@@ -126,7 +135,8 @@ let NavLink = /*#__PURE__*/React.forwardRef(({
   let [shouldPrefetch, ref, prefetchHandlers] = usePrefetchBehavior(prefetch, props);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavLink$1, _extends({}, props, prefetchHandlers, {
     ref: mergeRefs(forwardedRef, ref),
-    to: to
+    to: to,
+    "data-discover": !isAbsolute && discover === "render" ? "true" : undefined
   })), shouldPrefetch && !isAbsolute ? /*#__PURE__*/React.createElement(PrefetchPageLinks, {
     page: href
   }) : null);
@@ -142,6 +152,7 @@ NavLink.displayName = "NavLink";
 let Link = /*#__PURE__*/React.forwardRef(({
   to,
   prefetch = "none",
+  discover = "render",
   ...props
 }, forwardedRef) => {
   let isAbsolute = typeof to === "string" && ABSOLUTE_URL_REGEX.test(to);
@@ -149,7 +160,8 @@ let Link = /*#__PURE__*/React.forwardRef(({
   let [shouldPrefetch, ref, prefetchHandlers] = usePrefetchBehavior(prefetch, props);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Link$1, _extends({}, props, prefetchHandlers, {
     ref: mergeRefs(forwardedRef, ref),
-    to: to
+    to: to,
+    "data-discover": !isAbsolute && discover === "render" ? "true" : undefined
   })), shouldPrefetch && !isAbsolute ? /*#__PURE__*/React.createElement(PrefetchPageLinks, {
     page: href
   }) : null);
@@ -472,7 +484,7 @@ function Scripts(props) {
   let {
     matches: routerMatches
   } = useDataRouterStateContext();
-  let navigation = useNavigation();
+  let enableFogOfWar = isFogOfWarEnabled(future, isSpaMode);
   // Let <RemixServer> know that we hydrated and we should render the single
   // fetch streaming scripts
@@ -567,8 +579,11 @@ function Scripts(props) {
       }).join(",\n");
       return `Object.assign(__remixContext.state.loaderData[${JSON.stringify(routeId)}], {${promiseKeyValues}});`;
     }).join("\n") + (deferredScripts.length > 0 ? `__remixContext.a=${deferredScripts.length};` : "");
-    let routeModulesScript = !isStatic ? " " : `${(_manifest$hmr = manifest.hmr) !== null && _manifest$hmr !== void 0 && _manifest$hmr.runtime ? `import ${JSON.stringify(manifest.hmr.runtime)};` : ""}import ${JSON.stringify(manifest.url)};
+    let routeModulesScript = !isStatic ? " " : `${(_manifest$hmr = manifest.hmr) !== null && _manifest$hmr !== void 0 && _manifest$hmr.runtime ? `import ${JSON.stringify(manifest.hmr.runtime)};` : ""}${enableFogOfWar ? "" : `import ${JSON.stringify(manifest.url)}`};
 ${matches.map((match, index) => `import * as route${index} from ${JSON.stringify(manifest.routes[match.route.id].module)};`).join("\n")}
+${enableFogOfWar ?
+    // Inline a minimal manifest with the SSR matches
+    `window.__remixManifest = ${JSON.stringify(getPartialManifest(manifest, router), null, 2)};` : ""}
 window.__remixRouteModules = {${matches.map((match, index) => `${JSON.stringify(match.route.id)}:route${index}`).join(",")}};
 import(${JSON.stringify(manifest.entry.module)});`;
@@ -597,27 +612,16 @@ import(${JSON.stringify(manifest.entry.module)});`;
       }));
     }
   }
-  // avoid waterfall when importing the next route module
-  let nextMatches = React.useMemo(() => {
-    if (navigation.location) {
-      // FIXME: can probably use transitionManager `nextMatches`
-      let matches = matchRoutes(router.routes, navigation.location, router.basename);
-      invariant(matches, `No routes match path "${navigation.location.pathname}"`);
-      return matches;
-    }
-    return [];
-  }, [navigation.location, router.routes, router.basename]);
-  let routePreloads = matches.concat(nextMatches).map(match => {
+  let routePreloads = matches.map(match => {
     let route = manifest.routes[match.route.id];
     return (route.imports || []).concat([route.module]);
   }).flat(1);
   let preloads = isHydrated ? [] : manifest.entry.imports.concat(routePreloads);
-  return isHydrated ? null : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("link", {
+  return isHydrated ? null : /*#__PURE__*/React.createElement(React.Fragment, null, !enableFogOfWar ? /*#__PURE__*/React.createElement("link", {
     rel: "modulepreload",
     href: manifest.url,
     crossOrigin: props.crossOrigin
-  }), /*#__PURE__*/React.createElement("link", {
+  }) : null, /*#__PURE__*/React.createElement("link", {
     rel: "modulepreload",
     href: manifest.entry.module,
     crossOrigin: props.crossOrigin

package/node_modules/@remix-run/react/dist/esm/data.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/node_modules/@remix-run/react/dist/esm/errorBoundaries.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -54,7 +54,8 @@ class RemixErrorBoundary extends React.Component {
   render() {
     if (this.state.error) {
       return /*#__PURE__*/React.createElement(RemixRootDefaultErrorBoundary, {
-        error: this.state.error
+        error: this.state.error,
+        isOutsideRemixApp: true
       });
     } else {
       return this.props.children;
@@ -66,7 +67,8 @@ class RemixErrorBoundary extends React.Component {
  * When app's don't provide a root level ErrorBoundary, we default to this.
  */
 function RemixRootDefaultErrorBoundary({
-  error
+  error,
+  isOutsideRemixApp
 }) {
   console.error(error);
   let heyDeveloper = /*#__PURE__*/React.createElement("script", {
@@ -95,7 +97,8 @@ function RemixRootDefaultErrorBoundary({
     errorInstance = new Error(errorString);
   }
   return /*#__PURE__*/React.createElement(BoundaryShell, {
-    title: "Application Error!"
+    title: "Application Error!",
+    isOutsideRemixApp: isOutsideRemixApp
   }, /*#__PURE__*/React.createElement("h1", {
     style: {
       fontSize: "24px"
@@ -112,13 +115,31 @@ function RemixRootDefaultErrorBoundary({
 function BoundaryShell({
   title,
   renderScripts,
+  isOutsideRemixApp,
   children
 }) {
   var _routeModules$root;
   let {
     routeModules
   } = useRemixContext();
-  if ((_routeModules$root = routeModules.root) !== null && _routeModules$root !== void 0 && _routeModules$root.Layout) {
+  // Generally speaking, when the root route has a Layout we want to use that
+  // as the app shell instead of the default `BoundaryShell` wrapper markup below.
+  // This is true for `loader`/`action` errors, most render errors, and
+  // `HydrateFallback` scenarios.
+  // However, render errors thrown from the `Layout` present a bit of an issue
+  // because if the `Layout` itself throws during the `ErrorBoundary` pass and
+  // we bubble outside the `RouterProvider` to the wrapping `RemixErrorBoundary`,
+  // by returning only `children` here we'll be trying to append a `<div>` to
+  // the `document` and the DOM will throw, putting React into an error/hydration
+  // loop.
+  // Instead, if we're ever rendering from the outermost `RemixErrorBoundary`
+  // during hydration that wraps `RouterProvider`, then we can't trust the
+  // `Layout` and should fallback to the default app shell so we're always
+  // returning an `<html>` document.
+  if ((_routeModules$root = routeModules.root) !== null && _routeModules$root !== void 0 && _routeModules$root.Layout && !isOutsideRemixApp) {
     return children;
   }
   return /*#__PURE__*/React.createElement("html", {

package/node_modules/@remix-run/react/dist/esm/errors.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/node_modules/@remix-run/react/dist/esm/fallback.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/node_modules/@remix-run/react/dist/esm/fog-of-war.js ADDED Viewed

@@ -0,0 +1,226 @@
+/**
+ * @remix-run/react v2.10.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+import { matchRoutes } from '@remix-run/router';
+import * as React from 'react';
+import { createClientRoutes } from './routes.js';
+// 7.5k to come in under the ~8k limit for most browsers
+// https://stackoverflow.com/a/417184
+const URL_LIMIT = 7680;
+let fogOfWar = null;
+function isFogOfWarEnabled(future, isSpaMode) {
+  return future.unstable_fogOfWar === true && !isSpaMode;
+}
+function getPartialManifest(manifest, router) {
+  // Start with our matches for this pathname
+  let routeIds = new Set(router.state.matches.map(m => m.route.id));
+  let segments = router.state.location.pathname.split("/").filter(Boolean);
+  let paths = ["/"];
+  // We've already matched to the last segment
+  segments.pop();
+  // Traverse each path for our parents and match in case they have pathless/index
+  // children we need to include in the initial manifest
+  while (segments.length > 0) {
+    paths.push(`/${segments.join("/")}`);
+    segments.pop();
+  }
+  paths.forEach(path => {
+    let matches = matchRoutes(router.routes, path, router.basename);
+    if (matches) {
+      matches.forEach(m => routeIds.add(m.route.id));
+    }
+  });
+  let initialRoutes = [...routeIds].reduce((acc, id) => Object.assign(acc, {
+    [id]: manifest.routes[id]
+  }), {});
+  return {
+    ...manifest,
+    routes: initialRoutes
+  };
+}
+function initFogOfWar(manifest, routeModules, future, isSpaMode, basename) {
+  if (!isFogOfWarEnabled(future, isSpaMode)) {
+    return {
+      enabled: false
+    };
+  }
+  fogOfWar = {
+    nextPaths: new Set(),
+    knownGoodPaths: new Set(),
+    known404Paths: new Set()
+  };
+  return {
+    enabled: true,
+    patchRoutesOnMiss: async ({
+      path,
+      patch
+    }) => {
+      if (fogOfWar.known404Paths.has(path) || fogOfWar.knownGoodPaths.has(path)) {
+        return;
+      }
+      await fetchAndApplyManifestPatches([path], fogOfWar, manifest, routeModules, future, isSpaMode, basename, patch);
+    }
+  };
+}
+function useFogOFWarDiscovery(router, manifest, routeModules, future, isSpaMode) {
+  React.useEffect(() => {
+    var _navigator$connection;
+    // Don't prefetch if not enabled or if the user has `saveData` enabled
+    if (!isFogOfWarEnabled(future, isSpaMode) || ((_navigator$connection = navigator.connection) === null || _navigator$connection === void 0 ? void 0 : _navigator$connection.saveData) === true) {
+      return;
+    }
+    // Register a link href for patching
+    function registerPath(path) {
+      if (!path) {
+        return;
+      }
+      let url = new URL(path, window.location.origin);
+      let {
+        knownGoodPaths,
+        known404Paths,
+        nextPaths
+      } = fogOfWar;
+      if (knownGoodPaths.has(url.pathname) || known404Paths.has(url.pathname)) {
+        return;
+      }
+      nextPaths.add(url.pathname);
+    }
+    // Fetch patches for all currently rendered links
+    async function fetchPatches() {
+      let lazyPaths = getFogOfWarPaths(fogOfWar);
+      if (lazyPaths.length === 0) {
+        return;
+      }
+      try {
+        await fetchAndApplyManifestPatches(lazyPaths, fogOfWar, manifest, routeModules, future, isSpaMode, router.basename, router.patchRoutes);
+      } catch (e) {
+        console.error("Failed to fetch manifest patches", e);
+      }
+    }
+    // Register and fetch patches for all initially-rendered links
+    document.body.querySelectorAll("a[data-discover]").forEach(a => registerPath(a.getAttribute("href")));
+    fetchPatches();
+    // Setup a MutationObserver to fetch all subsequently rendered links
+    let debouncedFetchPatches = debounce(fetchPatches, 100);
+    function isElement(node) {
+      return node.nodeType === Node.ELEMENT_NODE;
+    }
+    let observer = new MutationObserver(records => {
+      let links = new Set();
+      records.forEach(r => {
+        [r.target, ...r.addedNodes].forEach(node => {
+          if (!isElement(node)) return;
+          if (node.tagName === "A" && node.getAttribute("data-discover")) {
+            links.add(node);
+          } else if (node.tagName !== "A") {
+            node.querySelectorAll("a[data-discover]").forEach(el => links.add(el));
+          }
+        });
+      });
+      links.forEach(link => registerPath(link.getAttribute("href")));
+      debouncedFetchPatches();
+    });
+    observer.observe(document.documentElement, {
+      subtree: true,
+      childList: true,
+      attributes: true,
+      attributeFilter: ["data-discover", "href"]
+    });
+    return () => observer.disconnect();
+  }, [future, isSpaMode, manifest, routeModules, router]);
+}
+function getFogOfWarPaths(fogOfWar, router) {
+  let {
+    knownGoodPaths,
+    known404Paths,
+    nextPaths
+  } = fogOfWar;
+  return Array.from(nextPaths.keys()).filter(path => {
+    if (knownGoodPaths.has(path)) {
+      nextPaths.delete(path);
+      return false;
+    }
+    if (known404Paths.has(path)) {
+      nextPaths.delete(path);
+      return false;
+    }
+    return true;
+  });
+}
+async function fetchAndApplyManifestPatches(paths, _fogOfWar, manifest, routeModules, future, isSpaMode, basename, patchRoutes) {
+  let {
+    nextPaths,
+    knownGoodPaths,
+    known404Paths
+  } = _fogOfWar;
+  let manifestPath = `${basename ?? "/"}/__manifest`.replace(/\/+/g, "/");
+  let url = new URL(manifestPath, window.location.origin);
+  url.searchParams.set("version", manifest.version);
+  paths.forEach(path => url.searchParams.append("p", path));
+  // If the URL is nearing the ~8k limit on GET requests, skip this optimization
+  // step and just let discovery happen on link click.  We also wipe out the
+  // nextPaths Set here so we can start filling it with fresh links
+  if (url.toString().length > URL_LIMIT) {
+    nextPaths.clear();
+    return;
+  }
+  let res = await fetch(url);
+  if (!res.ok) {
+    throw new Error(`${res.status} ${res.statusText}`);
+  } else if (res.status >= 400) {
+    throw new Error(await res.text());
+  }
+  let data = await res.json();
+  // Capture this before we apply the patches to the manifest
+  let knownRoutes = new Set(Object.keys(manifest.routes));
+  // Patch routes we don't know about yet into the manifest
+  let patches = Object.values(data.patches).reduce((acc, route) => !knownRoutes.has(route.id) ? Object.assign(acc, {
+    [route.id]: route
+  }) : acc, {});
+  Object.assign(manifest.routes, patches);
+  // Track legit 404s so we don't try to fetch them again
+  data.notFoundPaths.forEach(p => known404Paths.add(p));
+  // Track matched paths so we don't have to fetch them again
+  paths.forEach(p => knownGoodPaths.add(p));
+  // Identify all parentIds for which we have new children to add and patch
+  // in their new children
+  let parentIds = new Set();
+  Object.values(patches).forEach(patch => {
+    if (!patch.parentId || !patches[patch.parentId]) {
+      parentIds.add(patch.parentId);
+    }
+  });
+  parentIds.forEach(parentId => patchRoutes(parentId || null, createClientRoutes(patches, routeModules, null, future, isSpaMode, parentId)));
+}
+// Thanks Josh!
+// https://www.joshwcomeau.com/snippets/javascript/debounce/
+function debounce(callback, wait) {
+  let timeoutId;
+  return (...args) => {
+    window.clearTimeout(timeoutId);
+    timeoutId = window.setTimeout(() => callback(...args), wait);
+  };
+}
+export { fetchAndApplyManifestPatches, getPartialManifest, initFogOfWar, isFogOfWarEnabled, useFogOFWarDiscovery };

package/node_modules/@remix-run/react/dist/esm/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/node_modules/@remix-run/react/dist/esm/invariant.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/node_modules/@remix-run/react/dist/esm/links.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -169,7 +169,7 @@ function getNewMatchesForLinks(page, nextMatches, currentMatches, manifest, loca
 }
 function getDataLinkHrefs(page, matches, manifest) {
   let path = parsePathPatch(page);
-  return dedupeHrefs(matches.filter(match => manifest.routes[match.route.id].hasLoader).map(match => {
+  return dedupeHrefs(matches.filter(match => manifest.routes[match.route.id].hasLoader && !manifest.routes[match.route.id].hasClientLoader).map(match => {
     let {
       pathname,
       search