react-router 0.0.0-experimental-e613d4238 → 0.0.0-experimental-4e44d47

package/dist/development/index-react-server.js

@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 
 /**
- * react-router v0.0.0-experimental-e613d4238
+ * react-router v0.0.0-experimental-4e44d47
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -107,6 +107,134 @@ function parsePath(path) {
   return parsedPath;
 }
 
+// lib/router/instrumentation.ts
+var UninstrumentedSymbol = Symbol("Uninstrumented");
+function getInstrumentedImplementation(impls, handler, getInfo = () => void 0) {
+  if (impls.length === 0) {
+    return null;
+  }
+  return async (...args) => {
+    let value;
+    let info = getInfo(...args);
+    await recurseRight(
+      impls,
+      info,
+      async () => {
+        value = await handler(...args);
+      },
+      impls.length - 1
+    );
+    return value;
+  };
+}
+async function recurseRight(impls, info, handler, index) {
+  let impl = impls[index];
+  if (!impl) {
+    await handler();
+  } else {
+    await impl(async () => {
+      await recurseRight(impls, info, handler, index - 1);
+    }, info);
+  }
+}
+function getInstrumentationInfo(args) {
+  let { request, context, params, pattern } = args;
+  return {
+    // pseudo "Request" with the info they may want to read from
+    request: {
+      method: request.method,
+      url: request.url,
+      // Maybe make this a proxy that only supports `get`?
+      headers: {
+        get: (...args2) => request.headers.get(...args2)
+      }
+    },
+    params: { ...params },
+    pattern,
+    context: {
+      get: (...args2) => context.get(...args2)
+    }
+  };
+}
+function getInstrumentationsByType(instrumentations, key) {
+  let value = [];
+  for (let i in instrumentations) {
+    let instrumentation = instrumentations[i];
+    if (key in instrumentation && instrumentation[key] != null) {
+      value.push(instrumentation[key]);
+    }
+  }
+  return value;
+}
+function getInstrumentationUpdates(fns, route) {
+  let instrumentations = [];
+  fns.forEach(
+    (fn) => fn({
+      id: route.id,
+      index: route.index,
+      path: route.path,
+      instrument(i) {
+        instrumentations.push(i);
+      }
+    })
+  );
+  let updates = {};
+  if (instrumentations.length > 0) {
+    ["lazy", "loader", "action"].forEach((key) => {
+      let func = route[key];
+      if (typeof func === "function") {
+        let original = func[UninstrumentedSymbol] ?? func;
+        let instrumented = getInstrumentedImplementation(
+          getInstrumentationsByType(instrumentations, key),
+          original,
+          key === "lazy" ? () => void 0 : (...args) => getInstrumentationInfo(
+            args[0]
+          )
+        );
+        if (instrumented) {
+          instrumented[UninstrumentedSymbol] = original;
+          updates[key] = instrumented;
+        }
+      }
+    });
+    if (route.middleware && route.middleware.length > 0) {
+      updates.middleware = route.middleware.map((middleware) => {
+        let original = middleware[UninstrumentedSymbol] ?? middleware;
+        let instrumented = getInstrumentedImplementation(
+          getInstrumentationsByType(instrumentations, "middleware"),
+          original,
+          (...args) => getInstrumentationInfo(
+            args[0]
+          )
+        );
+        if (instrumented) {
+          instrumented[UninstrumentedSymbol] = original;
+          return instrumented;
+        }
+        return middleware;
+      });
+    }
+    if (typeof route.lazy === "object") {
+      let lazyObject = route.lazy;
+      ["middleware", "loader", "action"].forEach((key) => {
+        let func = lazyObject[key];
+        if (typeof func === "function") {
+          let instrumented = getInstrumentedImplementation(
+            getInstrumentationsByType(instrumentations, `lazy.${key}`),
+            func
+          );
+          if (instrumented) {
+            updates.lazy = Object.assign(updates.lazy || {}, {
+              [key]: instrumented
+            });
+          }
+        }
+      });
+    }
+  }
+  return updates;
+}
+
 // lib/router/utils.ts
 function createContext(defaultValue) {
   return { defaultValue };
@@ -200,19 +328,23 @@ function convertRoutesToDataRoutes(routes, mapRouteProperties, parentPath = [],
     if (isIndexRoute(route)) {
       let indexRoute = {
         ...route,
-        ...mapRouteProperties(route),
         id
       };
-      manifest[id] = indexRoute;
+      manifest[id] = mergeRouteUpdates(
+        indexRoute,
+        mapRouteProperties(indexRoute)
+      );
       return indexRoute;
     } else {
       let pathOrLayoutRoute = {
         ...route,
-        ...mapRouteProperties(route),
         id,
         children: void 0
       };
-      manifest[id] = pathOrLayoutRoute;
+      manifest[id] = mergeRouteUpdates(
+        pathOrLayoutRoute,
+        mapRouteProperties(pathOrLayoutRoute)
+      );
       if (route.children) {
         pathOrLayoutRoute.children = convertRoutesToDataRoutes(
           route.children,
@@ -226,6 +358,17 @@ function convertRoutesToDataRoutes(routes, mapRouteProperties, parentPath = [],
     }
   });
 }
+function mergeRouteUpdates(route, updates) {
+  return Object.assign(route, {
+    ...updates,
+    ...typeof updates.lazy === "object" && updates.lazy != null ? {
+      lazy: {
+        ...route.lazy,
+        ...updates.lazy
+      }
+    } : {}
+  });
+}
 function matchRoutes(routes, locationArg, basename = "/") {
   return matchRoutesImpl(routes, locationArg, basename, false);
 }
@@ -652,6 +795,9 @@ var ErrorResponseImpl = class {
 function isRouteErrorResponse(error) {
   return error != null && typeof error.status === "number" && typeof error.statusText === "string" && typeof error.internal === "boolean" && "data" in error;
 }
+function getRoutePattern(paths) {
+  return paths.filter(Boolean).join("/").replace(/\/\/*/g, "/");
+}
 
 // lib/router/router.ts
 var validMutationMethodsArr = [
@@ -682,7 +828,20 @@ function createStaticHandler(routes, opts) {
   );
   let manifest = {};
   let basename = (opts ? opts.basename : null) || "/";
-  let mapRouteProperties = opts?.mapRouteProperties || defaultMapRouteProperties;
+  let _mapRouteProperties = opts?.mapRouteProperties || defaultMapRouteProperties;
+  let mapRouteProperties = _mapRouteProperties;
+  if (opts?.unstable_instrumentations) {
+    let instrumentations = opts.unstable_instrumentations;
+    mapRouteProperties = (route) => {
+      return {
+        ..._mapRouteProperties(route),
+        ...getInstrumentationUpdates(
+          instrumentations.map((i) => i.route).filter(Boolean),
+          route
+        )
+      };
+    };
+  }
   let dataRoutes = convertRoutesToDataRoutes(
     routes,
     mapRouteProperties,
@@ -752,6 +911,7 @@ function createStaticHandler(routes, opts) {
         let response = await runServerMiddlewarePipeline(
           {
             request,
+            pattern: getRoutePattern(matches.map((m) => m.route.path)),
             matches,
             params: matches[0].params,
             // If we're calling middleware then it must be enabled so we can cast
@@ -897,6 +1057,7 @@ function createStaticHandler(routes, opts) {
       let response = await runServerMiddlewarePipeline(
         {
           request,
+          pattern: getRoutePattern(matches.map((m) => m.route.path)),
           matches,
           params: matches[0].params,
           // If we're calling middleware then it must be enabled so we can cast
@@ -1178,6 +1339,7 @@ function createStaticHandler(routes, opts) {
             mapRouteProperties,
             manifest,
             request,
+            getRoutePattern(matches.map((m) => m.route.path)),
             match,
             [],
             requestContext,
@@ -1188,6 +1350,7 @@ function createStaticHandler(routes, opts) {
           mapRouteProperties,
           manifest,
           request,
+          getRoutePattern(matches.map((m) => m.route.path)),
           match,
           [],
           requestContext,
@@ -1531,7 +1694,12 @@ async function runMiddlewarePipeline(args, handler, processResult, isResult, err
     (m) => m.route.middleware ? m.route.middleware.map((fn) => [m.route.id, fn]) : []
   );
   let result = await callRouteMiddleware(
-    { request, params, context },
+    {
+      request,
+      params,
+      context,
+      pattern: getRoutePattern(matches.map((m) => m.route.path))
+    },
     tuples,
     handler,
     processResult,
@@ -1609,7 +1777,7 @@ function getDataStrategyMatchLazyPromises(mapRouteProperties, manifest, request,
     handler: lazyRoutePromises.lazyHandlerPromise
   };
 }
-function getDataStrategyMatch(mapRouteProperties, manifest, request, match, lazyRoutePropertiesToSkip, scopedContext, shouldLoad, unstable_shouldRevalidateArgs = null) {
+function getDataStrategyMatch(mapRouteProperties, manifest, request, pattern, match, lazyRoutePropertiesToSkip, scopedContext, shouldLoad, unstable_shouldRevalidateArgs = null) {
   let isUsingNewApi = false;
   let _lazyPromises = getDataStrategyMatchLazyPromises(
     mapRouteProperties,
@@ -1643,6 +1811,7 @@ function getDataStrategyMatch(mapRouteProperties, manifest, request, match, lazy
       if (callHandler && !isMiddlewareOnlyRoute) {
         return callLoaderOrAction({
           request,
+          pattern,
           match,
           lazyHandlerPromise: _lazyPromises?.handler,
           lazyRoutePromise: _lazyPromises?.route,
@@ -1676,6 +1845,7 @@ function getTargetedDataStrategyMatches(mapRouteProperties, manifest, request, m
       mapRouteProperties,
       manifest,
       request,
+      getRoutePattern(matches.map((m) => m.route.path)),
       match,
       lazyRoutePropertiesToSkip,
       scopedContext,
@@ -1690,6 +1860,7 @@ async function callDataStrategyImpl(dataStrategyImpl, request, matches, fetcherK
   }
   let dataStrategyArgs = {
     request,
+    pattern: getRoutePattern(matches.map((m) => m.route.path)),
     params: matches[0].params,
     context: scopedContext,
     matches
@@ -1717,6 +1888,7 @@ async function callDataStrategyImpl(dataStrategyImpl, request, matches, fetcherK
 }
 async function callLoaderOrAction({
   request,
+  pattern,
   match,
   lazyHandlerPromise,
   lazyRoutePromise,
@@ -1743,6 +1915,7 @@ async function callLoaderOrAction({
       return handler(
         {
           request,
+          pattern,
           params: match.params,
           context: scopedContext
         },

package/dist/development/index-react-server.mjs

@@ -6,7 +6,7 @@ export { BrowserRouter, Form, HashRouter, Link, Links, MemoryRouter, Meta, NavLi
 import { serialize, parse } from 'cookie';
 
 /**
- * react-router v0.0.0-experimental-e613d4238
+ * react-router v0.0.0-experimental-4e44d47
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -86,6 +86,134 @@ function parsePath(path) {
   return parsedPath;
 }
 
+// lib/router/instrumentation.ts
+var UninstrumentedSymbol = Symbol("Uninstrumented");
+function getInstrumentedImplementation(impls, handler, getInfo = () => void 0) {
+  if (impls.length === 0) {
+    return null;
+  }
+  return async (...args) => {
+    let value;
+    let info = getInfo(...args);
+    await recurseRight(
+      impls,
+      info,
+      async () => {
+        value = await handler(...args);
+      },
+      impls.length - 1
+    );
+    return value;
+  };
+}
+async function recurseRight(impls, info, handler, index) {
+  let impl = impls[index];
+  if (!impl) {
+    await handler();
+  } else {
+    await impl(async () => {
+      await recurseRight(impls, info, handler, index - 1);
+    }, info);
+  }
+}
+function getInstrumentationInfo(args) {
+  let { request, context, params, pattern } = args;
+  return {
+    // pseudo "Request" with the info they may want to read from
+    request: {
+      method: request.method,
+      url: request.url,
+      // Maybe make this a proxy that only supports `get`?
+      headers: {
+        get: (...args2) => request.headers.get(...args2)
+      }
+    },
+    params: { ...params },
+    pattern,
+    context: {
+      get: (...args2) => context.get(...args2)
+    }
+  };
+}
+function getInstrumentationsByType(instrumentations, key) {
+  let value = [];
+  for (let i in instrumentations) {
+    let instrumentation = instrumentations[i];
+    if (key in instrumentation && instrumentation[key] != null) {
+      value.push(instrumentation[key]);
+    }
+  }
+  return value;
+}
+function getInstrumentationUpdates(fns, route) {
+  let instrumentations = [];
+  fns.forEach(
+    (fn) => fn({
+      id: route.id,
+      index: route.index,
+      path: route.path,
+      instrument(i) {
+        instrumentations.push(i);
+      }
+    })
+  );
+  let updates = {};
+  if (instrumentations.length > 0) {
+    ["lazy", "loader", "action"].forEach((key) => {
+      let func = route[key];
+      if (typeof func === "function") {
+        let original = func[UninstrumentedSymbol] ?? func;
+        let instrumented = getInstrumentedImplementation(
+          getInstrumentationsByType(instrumentations, key),
+          original,
+          key === "lazy" ? () => void 0 : (...args) => getInstrumentationInfo(
+            args[0]
+          )
+        );
+        if (instrumented) {
+          instrumented[UninstrumentedSymbol] = original;
+          updates[key] = instrumented;
+        }
+      }
+    });
+    if (route.middleware && route.middleware.length > 0) {
+      updates.middleware = route.middleware.map((middleware) => {
+        let original = middleware[UninstrumentedSymbol] ?? middleware;
+        let instrumented = getInstrumentedImplementation(
+          getInstrumentationsByType(instrumentations, "middleware"),
+          original,
+          (...args) => getInstrumentationInfo(
+            args[0]
+          )
+        );
+        if (instrumented) {
+          instrumented[UninstrumentedSymbol] = original;
+          return instrumented;
+        }
+        return middleware;
+      });
+    }
+    if (typeof route.lazy === "object") {
+      let lazyObject = route.lazy;
+      ["middleware", "loader", "action"].forEach((key) => {
+        let func = lazyObject[key];
+        if (typeof func === "function") {
+          let instrumented = getInstrumentedImplementation(
+            getInstrumentationsByType(instrumentations, `lazy.${key}`),
+            func
+          );
+          if (instrumented) {
+            updates.lazy = Object.assign(updates.lazy || {}, {
+              [key]: instrumented
+            });
+          }
+        }
+      });
+    }
+  }
+  return updates;
+}
+
 // lib/router/utils.ts
 function createContext(defaultValue) {
   return { defaultValue };
@@ -179,19 +307,23 @@ function convertRoutesToDataRoutes(routes, mapRouteProperties, parentPath = [],
     if (isIndexRoute(route)) {
       let indexRoute = {
         ...route,
-        ...mapRouteProperties(route),
         id
       };
-      manifest[id] = indexRoute;
+      manifest[id] = mergeRouteUpdates(
+        indexRoute,
+        mapRouteProperties(indexRoute)
+      );
       return indexRoute;
     } else {
       let pathOrLayoutRoute = {
         ...route,
-        ...mapRouteProperties(route),
         id,
         children: void 0
       };
-      manifest[id] = pathOrLayoutRoute;
+      manifest[id] = mergeRouteUpdates(
+        pathOrLayoutRoute,
+        mapRouteProperties(pathOrLayoutRoute)
+      );
       if (route.children) {
         pathOrLayoutRoute.children = convertRoutesToDataRoutes(
           route.children,
@@ -205,6 +337,17 @@ function convertRoutesToDataRoutes(routes, mapRouteProperties, parentPath = [],
     }
   });
 }
+function mergeRouteUpdates(route, updates) {
+  return Object.assign(route, {
+    ...updates,
+    ...typeof updates.lazy === "object" && updates.lazy != null ? {
+      lazy: {
+        ...route.lazy,
+        ...updates.lazy
+      }
+    } : {}
+  });
+}
 function matchRoutes(routes, locationArg, basename = "/") {
   return matchRoutesImpl(routes, locationArg, basename, false);
 }
@@ -631,6 +774,9 @@ var ErrorResponseImpl = class {
 function isRouteErrorResponse(error) {
   return error != null && typeof error.status === "number" && typeof error.statusText === "string" && typeof error.internal === "boolean" && "data" in error;
 }
+function getRoutePattern(paths) {
+  return paths.filter(Boolean).join("/").replace(/\/\/*/g, "/");
+}
 
 // lib/router/router.ts
 var validMutationMethodsArr = [
@@ -661,7 +807,20 @@ function createStaticHandler(routes, opts) {
   );
   let manifest = {};
   let basename = (opts ? opts.basename : null) || "/";
-  let mapRouteProperties = opts?.mapRouteProperties || defaultMapRouteProperties;
+  let _mapRouteProperties = opts?.mapRouteProperties || defaultMapRouteProperties;
+  let mapRouteProperties = _mapRouteProperties;
+  if (opts?.unstable_instrumentations) {
+    let instrumentations = opts.unstable_instrumentations;
+    mapRouteProperties = (route) => {
+      return {
+        ..._mapRouteProperties(route),
+        ...getInstrumentationUpdates(
+          instrumentations.map((i) => i.route).filter(Boolean),
+          route
+        )
+      };
+    };
+  }
   let dataRoutes = convertRoutesToDataRoutes(
     routes,
     mapRouteProperties,
@@ -731,6 +890,7 @@ function createStaticHandler(routes, opts) {
         let response = await runServerMiddlewarePipeline(
           {
             request,
+            pattern: getRoutePattern(matches.map((m) => m.route.path)),
             matches,
             params: matches[0].params,
             // If we're calling middleware then it must be enabled so we can cast
@@ -876,6 +1036,7 @@ function createStaticHandler(routes, opts) {
       let response = await runServerMiddlewarePipeline(
         {
           request,
+          pattern: getRoutePattern(matches.map((m) => m.route.path)),
           matches,
           params: matches[0].params,
           // If we're calling middleware then it must be enabled so we can cast
@@ -1157,6 +1318,7 @@ function createStaticHandler(routes, opts) {
             mapRouteProperties,
             manifest,
             request,
+            getRoutePattern(matches.map((m) => m.route.path)),
             match,
             [],
             requestContext,
@@ -1167,6 +1329,7 @@ function createStaticHandler(routes, opts) {
           mapRouteProperties,
           manifest,
           request,
+          getRoutePattern(matches.map((m) => m.route.path)),
           match,
           [],
           requestContext,
@@ -1510,7 +1673,12 @@ async function runMiddlewarePipeline(args, handler, processResult, isResult, err
     (m) => m.route.middleware ? m.route.middleware.map((fn) => [m.route.id, fn]) : []
   );
   let result = await callRouteMiddleware(
-    { request, params, context },
+    {
+      request,
+      params,
+      context,
+      pattern: getRoutePattern(matches.map((m) => m.route.path))
+    },
     tuples,
     handler,
     processResult,
@@ -1588,7 +1756,7 @@ function getDataStrategyMatchLazyPromises(mapRouteProperties, manifest, request,
     handler: lazyRoutePromises.lazyHandlerPromise
   };
 }
-function getDataStrategyMatch(mapRouteProperties, manifest, request, match, lazyRoutePropertiesToSkip, scopedContext, shouldLoad, unstable_shouldRevalidateArgs = null) {
+function getDataStrategyMatch(mapRouteProperties, manifest, request, pattern, match, lazyRoutePropertiesToSkip, scopedContext, shouldLoad, unstable_shouldRevalidateArgs = null) {
   let isUsingNewApi = false;
   let _lazyPromises = getDataStrategyMatchLazyPromises(
     mapRouteProperties,
@@ -1622,6 +1790,7 @@ function getDataStrategyMatch(mapRouteProperties, manifest, request, match, lazy
       if (callHandler && !isMiddlewareOnlyRoute) {
         return callLoaderOrAction({
           request,
+          pattern,
           match,
           lazyHandlerPromise: _lazyPromises?.handler,
           lazyRoutePromise: _lazyPromises?.route,
@@ -1655,6 +1824,7 @@ function getTargetedDataStrategyMatches(mapRouteProperties, manifest, request, m
       mapRouteProperties,
       manifest,
       request,
+      getRoutePattern(matches.map((m) => m.route.path)),
       match,
       lazyRoutePropertiesToSkip,
       scopedContext,
@@ -1669,6 +1839,7 @@ async function callDataStrategyImpl(dataStrategyImpl, request, matches, fetcherK
   }
   let dataStrategyArgs = {
     request,
+    pattern: getRoutePattern(matches.map((m) => m.route.path)),
     params: matches[0].params,
     context: scopedContext,
     matches
@@ -1696,6 +1867,7 @@ async function callDataStrategyImpl(dataStrategyImpl, request, matches, fetcherK
 }
 async function callLoaderOrAction({
   request,
+  pattern,
   match,
   lazyHandlerPromise,
   lazyRoutePromise,
@@ -1722,6 +1894,7 @@ async function callLoaderOrAction({
       return handler(
         {
           request,
+          pattern,
           params: match.params,
           context: scopedContext
         },