@epic-web/workshop-app 4.6.6 → 4.7.0

package/node_modules/@remix-run/react/dist/fog-of-war.d.ts

@@ -0,0 +1,37 @@
+import type { Router } from "@remix-run/router";
+import type { unstable_PatchRoutesOnMissFunction } from "react-router";
+import type { AssetsManifest, FutureConfig } from "./entry";
+import type { RouteModules } from "./routeModules";
+declare global {
+    interface Navigator {
+        connection?: {
+            saveData: boolean;
+        };
+    }
+}
+type FogOfWarInfo = {
+    nextPaths: Set<string>;
+    knownGoodPaths: Set<string>;
+    known404Paths: Set<string>;
+};
+export declare function isFogOfWarEnabled(future: FutureConfig, isSpaMode: boolean): boolean;
+export declare function getPartialManifest(manifest: AssetsManifest, router: Router): {
+    routes: {};
+    entry: {
+        imports: string[];
+        module: string;
+    };
+    url: string;
+    version: string;
+    hmr?: {
+        timestamp?: number | undefined;
+        runtime: string;
+    } | undefined;
+};
+export declare function initFogOfWar(manifest: AssetsManifest, routeModules: RouteModules, future: FutureConfig, isSpaMode: boolean, basename: string | undefined): {
+    enabled: boolean;
+    patchRoutesOnMiss?: unstable_PatchRoutesOnMissFunction;
+};
+export declare function useFogOFWarDiscovery(router: Router, manifest: AssetsManifest, routeModules: RouteModules, future: FutureConfig, isSpaMode: boolean): void;
+export declare function fetchAndApplyManifestPatches(paths: string[], _fogOfWar: FogOfWarInfo, manifest: AssetsManifest, routeModules: RouteModules, future: FutureConfig, isSpaMode: boolean, basename: string | undefined, patchRoutes: Router["patchRoutes"]): Promise<void>;
+export {};

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

@@ -0,0 +1,254 @@
+/**
+ * @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
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var router = require('@remix-run/router');
+var React = require('react');
+var routes = require('./routes.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// 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$1) {
+  // Start with our matches for this pathname
+  let routeIds = new Set(router$1.state.matches.map(m => m.route.id));
+  let segments = router$1.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 = router.matchRoutes(router$1.routes, path, router$1.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__namespace.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, routes.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);
+  };
+}
+
+exports.fetchAndApplyManifestPatches = fetchAndApplyManifestPatches;
+exports.getPartialManifest = getPartialManifest;
+exports.initFogOfWar = initFogOfWar;
+exports.isFogOfWarEnabled = isFogOfWarEnabled;
+exports.useFogOFWarDiscovery = useFogOFWarDiscovery;

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

@@ -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/invariant.js

@@ -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/links.js

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -173,7 +173,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

package/node_modules/@remix-run/react/dist/markup.js

@@ -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/routeModules.js

@@ -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/routes.d.ts

@@ -27,6 +27,6 @@ export declare function createServerRoutes(manifest: RouteManifest<EntryRoute>,
     Component: () => null;
 }>): DataRouteObject[];
 export declare function createClientRoutesWithHMRRevalidationOptOut(needsRevalidation: Set<string>, manifest: RouteManifest<EntryRoute>, routeModulesCache: RouteModules, initialState: HydrationState, future: FutureConfig, isSpaMode: boolean): DataRouteObject[];
-export declare function createClientRoutes(manifest: RouteManifest<EntryRoute>, routeModulesCache: RouteModules, initialState: HydrationState, future: FutureConfig, isSpaMode: boolean, parentId?: string, routesByParentId?: Record<string, Omit<EntryRoute, "children">[]>, needsRevalidation?: Set<string>): DataRouteObject[];
+export declare function createClientRoutes(manifest: RouteManifest<EntryRoute>, routeModulesCache: RouteModules, initialState: HydrationState | null, future: FutureConfig, isSpaMode: boolean, parentId?: string, routesByParentId?: Record<string, Omit<EntryRoute, "children">[]>, needsRevalidation?: Set<string>): DataRouteObject[];
 export declare function shouldHydrateRouteLoader(route: EntryRoute, routeModule: RouteModule, isSpaMode: boolean): boolean;
 export {};

package/node_modules/@remix-run/react/dist/routes.js

@@ -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/scroll-restoration.js

@@ -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/server.js

@@ -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/single-fetch.js

@@ -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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remix-run/react",
-  "version": "2.9.2",
+  "version": "2.10.0",
   "description": "React DOM bindings for Remix",
   "bugs": {
     "url": "https://github.com/remix-run/remix/issues"
@@ -16,11 +16,11 @@
   "typings": "dist/index.d.ts",
   "module": "dist/esm/index.js",
   "dependencies": {
-    "@remix-run/router": "1.16.1",
-    "react-router": "6.23.1",
-    "react-router-dom": "6.23.1",
-    "turbo-stream": "^2.0.0",
-    "@remix-run/server-runtime": "2.9.2"
+    "@remix-run/router": "1.17.0",
+    "react-router": "6.24.0",
+    "react-router-dom": "6.24.0",
+    "turbo-stream": "2.2.0",
+    "@remix-run/server-runtime": "2.10.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.17.0",
@@ -30,8 +30,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.1.6",
-    "@remix-run/node": "2.9.2",
-    "@remix-run/react": "2.9.2"
+    "@remix-run/node": "2.10.0",
+    "@remix-run/react": "2.10.0"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/node_modules/@remix-run/router/CHANGELOG.md

@@ -1,5 +1,14 @@
 # `@remix-run/router`
 
+## 1.17.0
+
+### Minor Changes
+
+- Add support for Lazy Route Discovery (a.k.a. Fog of War) ([#11626](https://github.com/remix-run/react-router/pull/11626))
+
+  - RFC: <https://github.com/remix-run/react-router/discussions/11113>
+  - `unstable_patchRoutesOnMiss` docs: <https://reactrouter.com/en/main/routers/create-browser-router>
+
 ## 1.16.1
 
 ### Patch Changes

package/node_modules/@remix-run/router/dist/index.d.ts

@@ -1,4 +1,4 @@
-export type { ActionFunction, ActionFunctionArgs, AgnosticDataIndexRouteObject, AgnosticDataNonIndexRouteObject, AgnosticDataRouteMatch, AgnosticDataRouteObject, AgnosticIndexRouteObject, AgnosticNonIndexRouteObject, AgnosticRouteMatch, AgnosticRouteObject, DataStrategyFunction as unstable_DataStrategyFunction, DataStrategyFunctionArgs as unstable_DataStrategyFunctionArgs, DataStrategyMatch as unstable_DataStrategyMatch, ErrorResponse, FormEncType, FormMethod, HandlerResult as unstable_HandlerResult, HTMLFormMethod, JsonFunction, LazyRouteFunction, LoaderFunction, LoaderFunctionArgs, ParamParseKey, Params, PathMatch, PathParam, PathPattern, RedirectFunction, ShouldRevalidateFunction, ShouldRevalidateFunctionArgs, TrackedPromise, UIMatch, V7_FormMethod, } from "./utils";
+export type { ActionFunction, ActionFunctionArgs, AgnosticDataIndexRouteObject, AgnosticDataNonIndexRouteObject, AgnosticDataRouteMatch, AgnosticDataRouteObject, AgnosticIndexRouteObject, AgnosticNonIndexRouteObject, AgnosticRouteMatch, AgnosticRouteObject, DataStrategyFunction as unstable_DataStrategyFunction, DataStrategyFunctionArgs as unstable_DataStrategyFunctionArgs, DataStrategyMatch as unstable_DataStrategyMatch, ErrorResponse, FormEncType, FormMethod, HandlerResult as unstable_HandlerResult, HTMLFormMethod, JsonFunction, LazyRouteFunction, LoaderFunction, LoaderFunctionArgs, ParamParseKey, Params, AgnosticPatchRoutesOnMissFunction as unstable_AgnosticPatchRoutesOnMissFunction, PathMatch, PathParam, PathPattern, RedirectFunction, ShouldRevalidateFunction, ShouldRevalidateFunctionArgs, TrackedPromise, UIMatch, V7_FormMethod, } from "./utils";
 export { AbortedDeferredError, defer, generatePath, getToPathname, isRouteErrorResponse, joinPaths, json, matchPath, matchRoutes, normalizePathname, redirect, redirectDocument, resolvePath, resolveTo, stripBasename, } from "./utils";
 export type { BrowserHistory, BrowserHistoryOptions, HashHistory, HashHistoryOptions, History, InitialEntry, Location, MemoryHistory, MemoryHistoryOptions, Path, To, } from "./history";
 export { Action, createBrowserHistory, createHashHistory, createMemoryHistory, createPath, parsePath, } from "./history";