react-router-dom 5.2.0 → 6.11.2

package/server.js

@@ -0,0 +1,319 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var router = require('@remix-run/router');
+var reactRouter = require('react-router');
+var reactRouterDom = require('react-router-dom');
+
+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);
+
+/**
+ * A <Router> that may not navigate to any other location. This is useful
+ * on the server where there is no stateful UI.
+ */
+
+function StaticRouter({
+  basename,
+  children,
+  location: locationProp = "/"
+}) {
+  if (typeof locationProp === "string") {
+    locationProp = reactRouterDom.parsePath(locationProp);
+  }
+
+  let action = router.Action.Pop;
+  let location = {
+    pathname: locationProp.pathname || "/",
+    search: locationProp.search || "",
+    hash: locationProp.hash || "",
+    state: locationProp.state || null,
+    key: locationProp.key || "default"
+  };
+  let staticNavigator = getStatelessNavigator();
+  return /*#__PURE__*/React__namespace.createElement(reactRouterDom.Router, {
+    basename: basename,
+    children: children,
+    location: location,
+    navigationType: action,
+    navigator: staticNavigator,
+    static: true
+  });
+}
+/**
+ * A Data Router that may not navigate to any other location. This is useful
+ * on the server where there is no stateful UI.
+ */
+
+function StaticRouterProvider({
+  context,
+  router: router$1,
+  hydrate = true,
+  nonce
+}) {
+  !(router$1 && context) ? process.env.NODE_ENV !== "production" ? router.UNSAFE_invariant(false, "You must provide `router` and `context` to <StaticRouterProvider>") : router.UNSAFE_invariant(false) : void 0;
+  let dataRouterContext = {
+    router: router$1,
+    navigator: getStatelessNavigator(),
+    static: true,
+    staticContext: context,
+    basename: context.basename || "/"
+  };
+  let hydrateScript = "";
+
+  if (hydrate !== false) {
+    let data = {
+      loaderData: context.loaderData,
+      actionData: context.actionData,
+      errors: serializeErrors(context.errors)
+    }; // Use JSON.parse here instead of embedding a raw JS object here to speed
+    // up parsing on the client.  Dual-stringify is needed to ensure all quotes
+    // are properly escaped in the resulting string.  See:
+    //   https://v8.dev/blog/cost-of-javascript-2019#json
+
+    let json = htmlEscape(JSON.stringify(JSON.stringify(data)));
+    hydrateScript = `window.__staticRouterHydrationData = JSON.parse(${json});`;
+  }
+
+  let {
+    state
+  } = dataRouterContext.router;
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(reactRouterDom.UNSAFE_DataRouterContext.Provider, {
+    value: dataRouterContext
+  }, /*#__PURE__*/React__namespace.createElement(reactRouterDom.UNSAFE_DataRouterStateContext.Provider, {
+    value: state
+  }, /*#__PURE__*/React__namespace.createElement(reactRouterDom.Router, {
+    basename: dataRouterContext.basename,
+    location: state.location,
+    navigationType: state.historyAction,
+    navigator: dataRouterContext.navigator,
+    static: dataRouterContext.static
+  }, /*#__PURE__*/React__namespace.createElement(DataRoutes, {
+    routes: router$1.routes,
+    state: state
+  })))), hydrateScript ? /*#__PURE__*/React__namespace.createElement("script", {
+    suppressHydrationWarning: true,
+    nonce: nonce,
+    dangerouslySetInnerHTML: {
+      __html: hydrateScript
+    }
+  }) : null);
+}
+
+function DataRoutes({
+  routes,
+  state
+}) {
+  return reactRouter.UNSAFE_useRoutesImpl(routes, undefined, state);
+}
+
+function serializeErrors(errors) {
+  if (!errors) return null;
+  let entries = Object.entries(errors);
+  let serialized = {};
+
+  for (let [key, val] of entries) {
+    // Hey you!  If you change this, please change the corresponding logic in
+    // deserializeErrors in react-router-dom/index.tsx :)
+    if (router.isRouteErrorResponse(val)) {
+      serialized[key] = { ...val,
+        __type: "RouteErrorResponse"
+      };
+    } else if (val instanceof Error) {
+      // Do not serialize stack traces from SSR for security reasons
+      serialized[key] = {
+        message: val.message,
+        __type: "Error"
+      };
+    } else {
+      serialized[key] = val;
+    }
+  }
+
+  return serialized;
+}
+
+function getStatelessNavigator() {
+  return {
+    createHref,
+    encodeLocation,
+
+    push(to) {
+      throw new Error(`You cannot use navigator.push() on the server because it is a stateless ` + `environment. This error was probably triggered when you did a ` + `\`navigate(${JSON.stringify(to)})\` somewhere in your app.`);
+    },
+
+    replace(to) {
+      throw new Error(`You cannot use navigator.replace() on the server because it is a stateless ` + `environment. This error was probably triggered when you did a ` + `\`navigate(${JSON.stringify(to)}, { replace: true })\` somewhere ` + `in your app.`);
+    },
+
+    go(delta) {
+      throw new Error(`You cannot use navigator.go() on the server because it is a stateless ` + `environment. This error was probably triggered when you did a ` + `\`navigate(${delta})\` somewhere in your app.`);
+    },
+
+    back() {
+      throw new Error(`You cannot use navigator.back() on the server because it is a stateless ` + `environment.`);
+    },
+
+    forward() {
+      throw new Error(`You cannot use navigator.forward() on the server because it is a stateless ` + `environment.`);
+    }
+
+  };
+}
+
+function createStaticHandler(routes, opts) {
+  return router.createStaticHandler(routes, { ...opts,
+    mapRouteProperties: reactRouter.UNSAFE_mapRouteProperties
+  });
+}
+function createStaticRouter(routes, context) {
+  let manifest = {};
+  let dataRoutes = router.UNSAFE_convertRoutesToDataRoutes(routes, reactRouter.UNSAFE_mapRouteProperties, undefined, manifest); // Because our context matches may be from a framework-agnostic set of
+  // routes passed to createStaticHandler(), we update them here with our
+  // newly created/enhanced data routes
+
+  let matches = context.matches.map(match => {
+    let route = manifest[match.route.id] || match.route;
+    return { ...match,
+      route
+    };
+  });
+
+  let msg = method => `You cannot use router.${method}() on the server because it is a stateless environment`;
+
+  return {
+    get basename() {
+      return context.basename;
+    },
+
+    get state() {
+      return {
+        historyAction: router.Action.Pop,
+        location: context.location,
+        matches,
+        loaderData: context.loaderData,
+        actionData: context.actionData,
+        errors: context.errors,
+        initialized: true,
+        navigation: router.IDLE_NAVIGATION,
+        restoreScrollPosition: null,
+        preventScrollReset: false,
+        revalidation: "idle",
+        fetchers: new Map(),
+        blockers: new Map()
+      };
+    },
+
+    get routes() {
+      return dataRoutes;
+    },
+
+    initialize() {
+      throw msg("initialize");
+    },
+
+    subscribe() {
+      throw msg("subscribe");
+    },
+
+    enableScrollRestoration() {
+      throw msg("enableScrollRestoration");
+    },
+
+    navigate() {
+      throw msg("navigate");
+    },
+
+    fetch() {
+      throw msg("fetch");
+    },
+
+    revalidate() {
+      throw msg("revalidate");
+    },
+
+    createHref,
+    encodeLocation,
+
+    getFetcher() {
+      return router.IDLE_FETCHER;
+    },
+
+    deleteFetcher() {
+      throw msg("deleteFetcher");
+    },
+
+    dispose() {
+      throw msg("dispose");
+    },
+
+    getBlocker() {
+      return router.IDLE_BLOCKER;
+    },
+
+    deleteBlocker() {
+      throw msg("deleteBlocker");
+    },
+
+    _internalFetchControllers: new Map(),
+    _internalActiveDeferreds: new Map(),
+
+    _internalSetRoutes() {
+      throw msg("_internalSetRoutes");
+    }
+
+  };
+}
+
+function createHref(to) {
+  return typeof to === "string" ? to : reactRouterDom.createPath(to);
+}
+
+function encodeLocation(to) {
+  // Locations should already be encoded on the server, so just return as-is
+  let path = typeof to === "string" ? reactRouterDom.parsePath(to) : to;
+  return {
+    pathname: path.pathname || "",
+    search: path.search || "",
+    hash: path.hash || ""
+  };
+} // This utility is based on https://github.com/zertosh/htmlescape
+// License: https://github.com/zertosh/htmlescape/blob/0527ca7156a524d256101bb310a9f970f63078ad/LICENSE
+
+
+const ESCAPE_LOOKUP = {
+  "&": "\\u0026",
+  ">": "\\u003e",
+  "<": "\\u003c",
+  "\u2028": "\\u2028",
+  "\u2029": "\\u2029"
+};
+const ESCAPE_REGEX = /[&><\u2028\u2029]/g;
+
+function htmlEscape(str) {
+  return str.replace(ESCAPE_REGEX, match => ESCAPE_LOOKUP[match]);
+}
+
+exports.StaticRouter = StaticRouter;
+exports.StaticRouterProvider = StaticRouterProvider;
+exports.createStaticHandler = createStaticHandler;
+exports.createStaticRouter = createStaticRouter;

package/server.mjs

@@ -0,0 +1,291 @@
+import * as React from 'react';
+import { Action, UNSAFE_invariant, isRouteErrorResponse, createStaticHandler as createStaticHandler$1, UNSAFE_convertRoutesToDataRoutes, IDLE_NAVIGATION, IDLE_FETCHER, IDLE_BLOCKER } from '@remix-run/router';
+import { UNSAFE_useRoutesImpl, UNSAFE_mapRouteProperties } from 'react-router';
+import { parsePath, Router, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, createPath } from 'react-router-dom';
+
+/**
+ * A <Router> that may not navigate to any other location. This is useful
+ * on the server where there is no stateful UI.
+ */
+function StaticRouter({
+  basename,
+  children,
+  location: locationProp = "/"
+}) {
+  if (typeof locationProp === "string") {
+    locationProp = parsePath(locationProp);
+  }
+
+  let action = Action.Pop;
+  let location = {
+    pathname: locationProp.pathname || "/",
+    search: locationProp.search || "",
+    hash: locationProp.hash || "",
+    state: locationProp.state || null,
+    key: locationProp.key || "default"
+  };
+  let staticNavigator = getStatelessNavigator();
+  return /*#__PURE__*/React.createElement(Router, {
+    basename: basename,
+    children: children,
+    location: location,
+    navigationType: action,
+    navigator: staticNavigator,
+    static: true
+  });
+}
+
+/**
+ * A Data Router that may not navigate to any other location. This is useful
+ * on the server where there is no stateful UI.
+ */
+function StaticRouterProvider({
+  context,
+  router,
+  hydrate = true,
+  nonce
+}) {
+  !(router && context) ? process.env.NODE_ENV !== "production" ? UNSAFE_invariant(false, "You must provide `router` and `context` to <StaticRouterProvider>") : UNSAFE_invariant(false) : void 0;
+  let dataRouterContext = {
+    router,
+    navigator: getStatelessNavigator(),
+    static: true,
+    staticContext: context,
+    basename: context.basename || "/"
+  };
+  let hydrateScript = "";
+
+  if (hydrate !== false) {
+    let data = {
+      loaderData: context.loaderData,
+      actionData: context.actionData,
+      errors: serializeErrors(context.errors)
+    }; // Use JSON.parse here instead of embedding a raw JS object here to speed
+    // up parsing on the client.  Dual-stringify is needed to ensure all quotes
+    // are properly escaped in the resulting string.  See:
+    //   https://v8.dev/blog/cost-of-javascript-2019#json
+
+    let json = htmlEscape(JSON.stringify(JSON.stringify(data)));
+    hydrateScript = `window.__staticRouterHydrationData = JSON.parse(${json});`;
+  }
+
+  let {
+    state
+  } = dataRouterContext.router;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UNSAFE_DataRouterContext.Provider, {
+    value: dataRouterContext
+  }, /*#__PURE__*/React.createElement(UNSAFE_DataRouterStateContext.Provider, {
+    value: state
+  }, /*#__PURE__*/React.createElement(Router, {
+    basename: dataRouterContext.basename,
+    location: state.location,
+    navigationType: state.historyAction,
+    navigator: dataRouterContext.navigator,
+    static: dataRouterContext.static
+  }, /*#__PURE__*/React.createElement(DataRoutes, {
+    routes: router.routes,
+    state: state
+  })))), hydrateScript ? /*#__PURE__*/React.createElement("script", {
+    suppressHydrationWarning: true,
+    nonce: nonce,
+    dangerouslySetInnerHTML: {
+      __html: hydrateScript
+    }
+  }) : null);
+}
+
+function DataRoutes({
+  routes,
+  state
+}) {
+  return UNSAFE_useRoutesImpl(routes, undefined, state);
+}
+
+function serializeErrors(errors) {
+  if (!errors) return null;
+  let entries = Object.entries(errors);
+  let serialized = {};
+
+  for (let [key, val] of entries) {
+    // Hey you!  If you change this, please change the corresponding logic in
+    // deserializeErrors in react-router-dom/index.tsx :)
+    if (isRouteErrorResponse(val)) {
+      serialized[key] = { ...val,
+        __type: "RouteErrorResponse"
+      };
+    } else if (val instanceof Error) {
+      // Do not serialize stack traces from SSR for security reasons
+      serialized[key] = {
+        message: val.message,
+        __type: "Error"
+      };
+    } else {
+      serialized[key] = val;
+    }
+  }
+
+  return serialized;
+}
+
+function getStatelessNavigator() {
+  return {
+    createHref,
+    encodeLocation,
+
+    push(to) {
+      throw new Error(`You cannot use navigator.push() on the server because it is a stateless ` + `environment. This error was probably triggered when you did a ` + `\`navigate(${JSON.stringify(to)})\` somewhere in your app.`);
+    },
+
+    replace(to) {
+      throw new Error(`You cannot use navigator.replace() on the server because it is a stateless ` + `environment. This error was probably triggered when you did a ` + `\`navigate(${JSON.stringify(to)}, { replace: true })\` somewhere ` + `in your app.`);
+    },
+
+    go(delta) {
+      throw new Error(`You cannot use navigator.go() on the server because it is a stateless ` + `environment. This error was probably triggered when you did a ` + `\`navigate(${delta})\` somewhere in your app.`);
+    },
+
+    back() {
+      throw new Error(`You cannot use navigator.back() on the server because it is a stateless ` + `environment.`);
+    },
+
+    forward() {
+      throw new Error(`You cannot use navigator.forward() on the server because it is a stateless ` + `environment.`);
+    }
+
+  };
+}
+
+function createStaticHandler(routes, opts) {
+  return createStaticHandler$1(routes, { ...opts,
+    mapRouteProperties: UNSAFE_mapRouteProperties
+  });
+}
+function createStaticRouter(routes, context) {
+  let manifest = {};
+  let dataRoutes = UNSAFE_convertRoutesToDataRoutes(routes, UNSAFE_mapRouteProperties, undefined, manifest); // Because our context matches may be from a framework-agnostic set of
+  // routes passed to createStaticHandler(), we update them here with our
+  // newly created/enhanced data routes
+
+  let matches = context.matches.map(match => {
+    let route = manifest[match.route.id] || match.route;
+    return { ...match,
+      route
+    };
+  });
+
+  let msg = method => `You cannot use router.${method}() on the server because it is a stateless environment`;
+
+  return {
+    get basename() {
+      return context.basename;
+    },
+
+    get state() {
+      return {
+        historyAction: Action.Pop,
+        location: context.location,
+        matches,
+        loaderData: context.loaderData,
+        actionData: context.actionData,
+        errors: context.errors,
+        initialized: true,
+        navigation: IDLE_NAVIGATION,
+        restoreScrollPosition: null,
+        preventScrollReset: false,
+        revalidation: "idle",
+        fetchers: new Map(),
+        blockers: new Map()
+      };
+    },
+
+    get routes() {
+      return dataRoutes;
+    },
+
+    initialize() {
+      throw msg("initialize");
+    },
+
+    subscribe() {
+      throw msg("subscribe");
+    },
+
+    enableScrollRestoration() {
+      throw msg("enableScrollRestoration");
+    },
+
+    navigate() {
+      throw msg("navigate");
+    },
+
+    fetch() {
+      throw msg("fetch");
+    },
+
+    revalidate() {
+      throw msg("revalidate");
+    },
+
+    createHref,
+    encodeLocation,
+
+    getFetcher() {
+      return IDLE_FETCHER;
+    },
+
+    deleteFetcher() {
+      throw msg("deleteFetcher");
+    },
+
+    dispose() {
+      throw msg("dispose");
+    },
+
+    getBlocker() {
+      return IDLE_BLOCKER;
+    },
+
+    deleteBlocker() {
+      throw msg("deleteBlocker");
+    },
+
+    _internalFetchControllers: new Map(),
+    _internalActiveDeferreds: new Map(),
+
+    _internalSetRoutes() {
+      throw msg("_internalSetRoutes");
+    }
+
+  };
+}
+
+function createHref(to) {
+  return typeof to === "string" ? to : createPath(to);
+}
+
+function encodeLocation(to) {
+  // Locations should already be encoded on the server, so just return as-is
+  let path = typeof to === "string" ? parsePath(to) : to;
+  return {
+    pathname: path.pathname || "",
+    search: path.search || "",
+    hash: path.hash || ""
+  };
+} // This utility is based on https://github.com/zertosh/htmlescape
+// License: https://github.com/zertosh/htmlescape/blob/0527ca7156a524d256101bb310a9f970f63078ad/LICENSE
+
+
+const ESCAPE_LOOKUP = {
+  "&": "\\u0026",
+  ">": "\\u003e",
+  "<": "\\u003c",
+  "\u2028": "\\u2028",
+  "\u2029": "\\u2029"
+};
+const ESCAPE_REGEX = /[&><\u2028\u2029]/g;
+
+function htmlEscape(str) {
+  return str.replace(ESCAPE_REGEX, match => ESCAPE_LOOKUP[match]);
+}
+
+export { StaticRouter, StaticRouterProvider, createStaticHandler, createStaticRouter };

package/BrowserRouter.js

@@ -1,3 +0,0 @@
-"use strict";
-require("./warnAboutDeprecatedCJSRequire")("BrowserRouter");
-module.exports = require("./index.js").BrowserRouter;

package/HashRouter.js

@@ -1,3 +0,0 @@
-"use strict";
-require("./warnAboutDeprecatedCJSRequire")("HashRouter");
-module.exports = require("./index.js").HashRouter;

package/Link.js

@@ -1,3 +0,0 @@
-"use strict";
-require("./warnAboutDeprecatedCJSRequire")("Link");
-module.exports = require("./index.js").Link;

package/MemoryRouter.js

@@ -1,3 +0,0 @@
-"use strict";
-require("./warnAboutDeprecatedCJSRequire")("MemoryRouter");
-module.exports = require("./index.js").MemoryRouter;

package/NavLink.js

@@ -1,3 +0,0 @@
-"use strict";
-require("./warnAboutDeprecatedCJSRequire")("NavLink");
-module.exports = require("./index.js").NavLink;

package/Prompt.js

@@ -1,3 +0,0 @@
-"use strict";
-require("./warnAboutDeprecatedCJSRequire")("Prompt");
-module.exports = require("./index.js").Prompt;

package/Redirect.js

@@ -1,3 +0,0 @@
-"use strict";
-require("./warnAboutDeprecatedCJSRequire")("Redirect");
-module.exports = require("./index.js").Redirect;

package/Route.js

@@ -1,3 +0,0 @@
-"use strict";
-require("./warnAboutDeprecatedCJSRequire")("Route");
-module.exports = require("./index.js").Route;

package/Router.js

@@ -1,3 +0,0 @@
-"use strict";
-require("./warnAboutDeprecatedCJSRequire")("Router");
-module.exports = require("./index.js").Router;

package/StaticRouter.js

@@ -1,3 +0,0 @@
-"use strict";
-require("./warnAboutDeprecatedCJSRequire")("StaticRouter");
-module.exports = require("./index.js").StaticRouter;

package/Switch.js

@@ -1,3 +0,0 @@
-"use strict";
-require("./warnAboutDeprecatedCJSRequire")("Switch");
-module.exports = require("./index.js").Switch;