@umijs/renderer-react 4.0.0-beta.9 → 4.0.0-canary-20240513.3

package/dist/html.js

@@ -0,0 +1,171 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["content"],
+  _excluded2 = ["content"];
+import React from 'react';
+var RE_URL = /^(http:|https:)?\/\//;
+function isUrl(str) {
+  return RE_URL.test(str) || str.startsWith('/') && !str.startsWith('/*') || str.startsWith('./') || str.startsWith('../');
+}
+var EnableJsScript = function EnableJsScript() {
+  return /*#__PURE__*/React.createElement("noscript", {
+    dangerouslySetInnerHTML: {
+      __html: "<b>Enable JavaScript to run this app.</b>"
+    }
+  });
+};
+var GlobalDataScript = function GlobalDataScript(props) {
+  var loaderData = props.loaderData,
+    htmlPageOpts = props.htmlPageOpts,
+    manifest = props.manifest;
+  return /*#__PURE__*/React.createElement("script", {
+    suppressHydrationWarning: true,
+    dangerouslySetInnerHTML: {
+      __html: "window.__UMI_LOADER_DATA__ = ".concat(JSON.stringify(loaderData || {}), "; window.__UMI_METADATA_LOADER_DATA__ = ").concat(JSON.stringify(htmlPageOpts || {}), "; window.__UMI_BUILD_MANIFEST_DATA__ = ").concat(JSON.stringify(manifest) || {})
+    }
+  });
+};
+function normalizeScripts(script) {
+  var extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (typeof script === 'string') {
+    return isUrl(script) ? _objectSpread({
+      src: script
+    }, extraProps) : {
+      content: script
+    };
+  } else if (_typeof(script) === 'object') {
+    return _objectSpread(_objectSpread({}, script), extraProps);
+  } else {
+    throw new Error("Invalid script type: ".concat(_typeof(script)));
+  }
+}
+function generatorStyle(style) {
+  return isUrl(style) ? {
+    type: 'link',
+    href: style
+  } : {
+    type: 'style',
+    content: style
+  };
+}
+var HydrateMetadata = function HydrateMetadata(props) {
+  var _htmlPageOpts$favicon, _htmlPageOpts$keyword, _htmlPageOpts$metas, _htmlPageOpts$links, _htmlPageOpts$styles, _htmlPageOpts$headScr;
+  var htmlPageOpts = props.htmlPageOpts;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (htmlPageOpts === null || htmlPageOpts === void 0 ? void 0 : htmlPageOpts.title) && /*#__PURE__*/React.createElement("title", null, htmlPageOpts.title), htmlPageOpts === null || htmlPageOpts === void 0 || (_htmlPageOpts$favicon = htmlPageOpts.favicons) === null || _htmlPageOpts$favicon === void 0 ? void 0 : _htmlPageOpts$favicon.map(function (favicon, key) {
+    return /*#__PURE__*/React.createElement("link", {
+      key: key,
+      rel: "shortcut icon",
+      href: favicon
+    });
+  }), (htmlPageOpts === null || htmlPageOpts === void 0 ? void 0 : htmlPageOpts.description) && /*#__PURE__*/React.createElement("meta", {
+    name: "description",
+    content: htmlPageOpts.description
+  }), (htmlPageOpts === null || htmlPageOpts === void 0 || (_htmlPageOpts$keyword = htmlPageOpts.keywords) === null || _htmlPageOpts$keyword === void 0 ? void 0 : _htmlPageOpts$keyword.length) && /*#__PURE__*/React.createElement("meta", {
+    name: "keywords",
+    content: htmlPageOpts.keywords.join(',')
+  }), htmlPageOpts === null || htmlPageOpts === void 0 || (_htmlPageOpts$metas = htmlPageOpts.metas) === null || _htmlPageOpts$metas === void 0 ? void 0 : _htmlPageOpts$metas.map(function (em) {
+    return /*#__PURE__*/React.createElement("meta", {
+      key: em.name,
+      name: em.name,
+      content: em.content
+    });
+  }), htmlPageOpts === null || htmlPageOpts === void 0 || (_htmlPageOpts$links = htmlPageOpts.links) === null || _htmlPageOpts$links === void 0 ? void 0 : _htmlPageOpts$links.map(function (link, key) {
+    return /*#__PURE__*/React.createElement("link", _extends({
+      key: key
+    }, link));
+  }), htmlPageOpts === null || htmlPageOpts === void 0 || (_htmlPageOpts$styles = htmlPageOpts.styles) === null || _htmlPageOpts$styles === void 0 ? void 0 : _htmlPageOpts$styles.map(function (style, key) {
+    var _generatorStyle = generatorStyle(style),
+      type = _generatorStyle.type,
+      href = _generatorStyle.href,
+      content = _generatorStyle.content;
+    if (type === 'link') {
+      return /*#__PURE__*/React.createElement("link", {
+        key: key,
+        rel: "stylesheet",
+        href: href
+      });
+    } else if (type === 'style') {
+      return /*#__PURE__*/React.createElement("style", {
+        key: key
+      }, content);
+    }
+  }), htmlPageOpts === null || htmlPageOpts === void 0 || (_htmlPageOpts$headScr = htmlPageOpts.headScripts) === null || _htmlPageOpts$headScr === void 0 ? void 0 : _htmlPageOpts$headScr.map(function (script, key) {
+    var _normalizeScripts = normalizeScripts(script),
+      content = _normalizeScripts.content,
+      rest = _objectWithoutProperties(_normalizeScripts, _excluded);
+    return /*#__PURE__*/React.createElement("script", _extends({
+      dangerouslySetInnerHTML: {
+        __html: content
+      },
+      key: key
+    }, rest));
+  }));
+};
+export function Html(_ref) {
+  var _htmlPageOpts$scripts;
+  var children = _ref.children,
+    loaderData = _ref.loaderData,
+    manifest = _ref.manifest,
+    htmlPageOpts = _ref.htmlPageOpts,
+    renderFromRoot = _ref.renderFromRoot,
+    __SPECIAL_HTML_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = _ref.__SPECIAL_HTML_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
+    mountElementId = _ref.mountElementId;
+  // TODO: 处理 head 标签，比如 favicon.ico 的一致性
+  // TODO: root 支持配置
+  if (__SPECIAL_HTML_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) {
+    return /*#__PURE__*/React.createElement("html", null, /*#__PURE__*/React.createElement("head", null), /*#__PURE__*/React.createElement("body", null, /*#__PURE__*/React.createElement(EnableJsScript, null), /*#__PURE__*/React.createElement("div", {
+      id: mountElementId
+    }, children), /*#__PURE__*/React.createElement(GlobalDataScript, {
+      manifest: manifest,
+      loaderData: loaderData,
+      htmlPageOpts: htmlPageOpts
+    })));
+  }
+  if (renderFromRoot) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EnableJsScript, null), /*#__PURE__*/React.createElement("div", {
+      id: mountElementId
+    }, children), /*#__PURE__*/React.createElement(GlobalDataScript, {
+      manifest: manifest,
+      loaderData: loaderData,
+      htmlPageOpts: htmlPageOpts
+    }));
+  }
+  var serverBuildManifest = typeof window === 'undefined' ? manifest : window.__UMI_BUILD_MANIFEST_DATA__;
+  return (
+    /*#__PURE__*/
+    // FIXME: Resolve the hydrate warning for suppressHydrationWarning(3)
+    React.createElement("html", {
+      suppressHydrationWarning: true,
+      lang: (htmlPageOpts === null || htmlPageOpts === void 0 ? void 0 : htmlPageOpts.lang) || 'en'
+    }, /*#__PURE__*/React.createElement("head", null, /*#__PURE__*/React.createElement("meta", {
+      charSet: "utf-8"
+    }), /*#__PURE__*/React.createElement("meta", {
+      name: "viewport",
+      content: "width=device-width, initial-scale=1"
+    }), (serverBuildManifest === null || serverBuildManifest === void 0 ? void 0 : serverBuildManifest.assets['umi.css']) && /*#__PURE__*/React.createElement("link", {
+      suppressHydrationWarning: true,
+      rel: "stylesheet",
+      href: manifest === null || manifest === void 0 ? void 0 : manifest.assets['umi.css']
+    }), /*#__PURE__*/React.createElement(HydrateMetadata, {
+      htmlPageOpts: htmlPageOpts
+    })), /*#__PURE__*/React.createElement("body", null, /*#__PURE__*/React.createElement(EnableJsScript, null), /*#__PURE__*/React.createElement("div", {
+      id: mountElementId
+    }, children), /*#__PURE__*/React.createElement(GlobalDataScript, {
+      manifest: manifest,
+      loaderData: loaderData,
+      htmlPageOpts: htmlPageOpts
+    }), htmlPageOpts === null || htmlPageOpts === void 0 || (_htmlPageOpts$scripts = htmlPageOpts.scripts) === null || _htmlPageOpts$scripts === void 0 ? void 0 : _htmlPageOpts$scripts.map(function (script, key) {
+      var _normalizeScripts2 = normalizeScripts(script),
+        content = _normalizeScripts2.content,
+        rest = _objectWithoutProperties(_normalizeScripts2, _excluded2);
+      return /*#__PURE__*/React.createElement("script", _extends({
+        dangerouslySetInnerHTML: {
+          __html: content
+        },
+        key: key
+      }, rest));
+    })))
+  );
+}

package/dist/index.d.ts

@@ -1,2 +1,10 @@
-export { Link, Outlet } from 'react-router-dom';
-export * from './browser';
+export { createBrowserHistory, createHashHistory, createMemoryHistory, type History, } from 'history';
+export { Helmet, HelmetProvider } from 'react-helmet-async';
+export { createSearchParams, generatePath, matchPath, matchRoutes, Navigate, NavLink, Outlet, resolvePath, useLocation, useMatch, useNavigate, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams, } from 'react-router-dom';
+export { useAppData, useClientLoaderData, useLoaderData, useRouteProps, useSelectedRoutes, useServerLoaderData, } from './appContext';
+export { renderClient, __getRoot } from './browser';
+export { LinkWithPrefetch as Link } from './link';
+export { useRouteData } from './routeContext';
+export type { ClientLoader } from './types';
+export { __useFetcher } from './useFetcher';
+export { withRouter, type RouteComponentProps } from './withRouter';

package/dist/index.js

@@ -1,2 +1,9 @@
-export { Link, Outlet } from 'react-router-dom';
-export * from './browser';
+export { createBrowserHistory, createHashHistory, createMemoryHistory } from 'history';
+export { Helmet, HelmetProvider } from 'react-helmet-async';
+export { createSearchParams, generatePath, matchPath, matchRoutes, Navigate, NavLink, Outlet, resolvePath, useLocation, useMatch, useNavigate, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams } from 'react-router-dom';
+export { useAppData, useClientLoaderData, useLoaderData, useRouteProps, useSelectedRoutes, useServerLoaderData } from "./appContext";
+export { renderClient, __getRoot } from "./browser";
+export { LinkWithPrefetch as Link } from "./link";
+export { useRouteData } from "./routeContext";
+export { __useFetcher } from "./useFetcher";
+export { withRouter } from "./withRouter";

package/dist/link.d.ts

@@ -0,0 +1,5 @@
+import React, { PropsWithChildren } from 'react';
+import { LinkProps } from 'react-router-dom';
+export declare function LinkWithPrefetch(props: PropsWithChildren<{
+    prefetch?: boolean;
+} & LinkProps & React.RefAttributes<HTMLAnchorElement>>): JSX.Element | null;

package/dist/link.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["prefetch"];
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { useAppData } from "./appContext";
+export function LinkWithPrefetch(props) {
+  var _props$to;
+  var prefetch = props.prefetch,
+    linkProps = _objectWithoutProperties(props, _excluded);
+  var appData = useAppData();
+  var to = typeof props.to === 'string' ? props.to : (_props$to = props.to) === null || _props$to === void 0 ? void 0 : _props$to.pathname;
+  // compatible with old code
+  // which to might be undefined
+  if (!to) return null;
+  return /*#__PURE__*/React.createElement(Link, _extends({
+    onMouseEnter: function onMouseEnter() {
+      var _appData$preloadRoute;
+      return prefetch && to && ((_appData$preloadRoute = appData.preloadRoute) === null || _appData$preloadRoute === void 0 ? void 0 : _appData$preloadRoute.call(appData, to));
+    }
+  }, linkProps), props.children);
+}

package/dist/routeContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IRoute } from './types';
+export interface IRouteContextType {
+    route: IRoute;
+}
+export declare const RouteContext: React.Context<IRouteContextType | undefined>;
+export declare function useRouteData(): IRouteContextType;

package/dist/routeContext.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export var RouteContext = /*#__PURE__*/React.createContext(undefined);
+export function useRouteData() {
+  return React.useContext(RouteContext);
+}

package/dist/routes.d.ts

@@ -1,21 +1,9 @@
-/// <reference types="react" />
-import { IRoute, IRoutesById } from './types';
+import React from 'react';
+import { IClientRoute, IRoutesById } from './types';
 export declare function createClientRoutes(opts: {
     routesById: IRoutesById;
+    routeComponents: Record<string, any>;
     parentId?: string;
-    Component: any;
-}): {
-    id: string;
-    path: string | undefined;
-    index: boolean | undefined;
-    element: JSX.Element;
-}[];
-export declare function createClientRoute(opts: {
-    route: IRoute;
-    Component: any;
-}): {
-    id: string;
-    path: string | undefined;
-    index: boolean | undefined;
-    element: JSX.Element;
-};
+    loadingComponent?: React.ReactNode;
+    reactRouter5Compat?: boolean;
+}): IClientRoute[];

package/dist/routes.js

@@ -1,32 +1,107 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["redirect"];
+// @ts-ignore
 import React from 'react';
-import { Navigate } from 'react-router-dom';
+import { generatePath, Navigate, useParams, Outlet } from 'react-router-dom';
+import { RouteContext, useRouteData } from "./routeContext";
+import { useAppData } from "./appContext";
 export function createClientRoutes(opts) {
-    const { routesById, parentId, Component } = opts;
-    return Object.keys(routesById)
-        .filter((id) => routesById[id].parentId === parentId)
-        .map((id) => {
-        const route = createClientRoute({
-            route: routesById[id],
-            Component,
-        });
-        const children = createClientRoutes({
-            routesById,
-            parentId: route.id,
-            Component,
-        });
-        if (children.length > 0) {
-            // @ts-ignore
-            route.children = children;
-        }
-        return route;
+  var routesById = opts.routesById,
+    parentId = opts.parentId,
+    routeComponents = opts.routeComponents;
+  return Object.keys(routesById).filter(function (id) {
+    return routesById[id].parentId === parentId;
+  }).map(function (id) {
+    var route = createClientRoute(_objectSpread({
+      route: routesById[id],
+      routeComponent: routeComponents[id],
+      loadingComponent: opts.loadingComponent,
+      reactRouter5Compat: opts.reactRouter5Compat
+    }, opts.reactRouter5Compat && {
+      // TODO: 这个不准，没考虑 patchClientRoutes 的场景
+      hasChildren: Object.keys(routesById).filter(function (rid) {
+        return routesById[rid].parentId === id;
+      }).length > 0
+    }));
+    var children = createClientRoutes({
+      routesById: routesById,
+      routeComponents: routeComponents,
+      parentId: route.id,
+      loadingComponent: opts.loadingComponent,
+      reactRouter5Compat: opts.reactRouter5Compat
     });
+    if (children.length > 0) {
+      route.children = children;
+      // TODO: remove me
+      // compatible with @ant-design/pro-layout
+      route.routes = children;
+    }
+    return route;
+  });
 }
-export function createClientRoute(opts) {
-    const { route, Component } = opts;
-    return {
-        id: route.id,
-        path: route.path,
-        index: route.index,
-        element: route.redirect ? (React.createElement(Navigate, { to: route.redirect })) : (React.createElement(Component, { id: route.id })),
-    };
+function NavigateWithParams(props) {
+  var params = useParams();
+  var propsWithParams = _objectSpread(_objectSpread({}, props), {}, {
+    to: generatePath(props.to, params)
+  });
+  return /*#__PURE__*/React.createElement(Navigate, _extends({
+    replace: true
+  }, propsWithParams));
 }
+function createClientRoute(opts) {
+  var route = opts.route;
+  var redirect = route.redirect,
+    props = _objectWithoutProperties(route, _excluded);
+  var Remote = opts.reactRouter5Compat ? RemoteComponentReactRouter5 : RemoteComponent;
+  return _objectSpread({
+    element: redirect ? /*#__PURE__*/React.createElement(NavigateWithParams, {
+      to: redirect
+    }) : /*#__PURE__*/React.createElement(RouteContext.Provider, {
+      value: {
+        route: opts.route
+      }
+    }, /*#__PURE__*/React.createElement(Remote, {
+      loader: /*#__PURE__*/React.memo(opts.routeComponent),
+      loadingComponent: opts.loadingComponent || DefaultLoading,
+      hasChildren: opts.hasChildren
+    }))
+  }, props);
+}
+function DefaultLoading() {
+  return /*#__PURE__*/React.createElement("div", null);
+}
+function RemoteComponentReactRouter5(props) {
+  var _useRouteData = useRouteData(),
+    route = _useRouteData.route;
+  var _useAppData = useAppData(),
+    history = _useAppData.history,
+    clientRoutes = _useAppData.clientRoutes;
+  var params = useParams();
+  var match = {
+    params: params,
+    isExact: true,
+    path: route.path,
+    url: history.location.pathname
+  };
+
+  // staticContext 没有兼容 好像没看到对应的兼容写法
+  var Component = props.loader;
+  return /*#__PURE__*/React.createElement(React.Suspense, {
+    fallback: /*#__PURE__*/React.createElement(props.loadingComponent, null)
+  }, /*#__PURE__*/React.createElement(Component, {
+    location: history.location,
+    match: match,
+    history: history,
+    params: params,
+    route: route,
+    routes: clientRoutes
+  }, props.hasChildren && /*#__PURE__*/React.createElement(Outlet, null)));
+}
+function RemoteComponent(props) {
+  var Component = props.loader;
+  return /*#__PURE__*/React.createElement(React.Suspense, {
+    fallback: /*#__PURE__*/React.createElement(props.loadingComponent, null)
+  }, /*#__PURE__*/React.createElement(Component, null));
+}

package/dist/server.d.ts

@@ -0,0 +1,2 @@
+import { IRootComponentOptions } from './types';
+export declare function getClientRootComponent(opts: IRootComponentOptions): Promise<JSX.Element>;

package/dist/server.js

@@ -0,0 +1,67 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import React from 'react';
+import { StaticRouter } from 'react-router-dom/server';
+import { AppContext } from "./appContext";
+import { Routes } from "./browser";
+import { Html } from "./html";
+import { createClientRoutes } from "./routes";
+// Get the root React component for ReactDOMServer.renderToString
+export function getClientRootComponent(_x) {
+  return _getClientRootComponent.apply(this, arguments);
+}
+function _getClientRootComponent() {
+  _getClientRootComponent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(opts) {
+    var basename, components, clientRoutes, rootContainer, _i, _arr, key, app;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          basename = '/';
+          components = _objectSpread({}, opts.routeComponents); // todo 参数对齐
+          clientRoutes = createClientRoutes({
+            routesById: opts.routes,
+            routeComponents: components
+          });
+          opts.pluginManager.applyPlugins({
+            key: 'patchClientRoutes',
+            type: 'event',
+            args: {
+              routes: clientRoutes
+            }
+          });
+          rootContainer = /*#__PURE__*/React.createElement(StaticRouter, {
+            basename: basename,
+            location: opts.location
+          }, /*#__PURE__*/React.createElement(Routes, null));
+          for (_i = 0, _arr = [
+          // Lowest to the highest priority
+          'innerProvider', 'i18nProvider', 'accessProvider', 'dataflowProvider', 'outerProvider', 'rootContainer']; _i < _arr.length; _i++) {
+            key = _arr[_i];
+            rootContainer = opts.pluginManager.applyPlugins({
+              type: 'modify',
+              key: key,
+              initialValue: rootContainer,
+              args: {}
+            });
+          }
+          app = /*#__PURE__*/React.createElement(AppContext.Provider, {
+            value: {
+              routes: opts.routes,
+              routeComponents: opts.routeComponents,
+              clientRoutes: clientRoutes,
+              pluginManager: opts.pluginManager,
+              basename: basename,
+              clientLoaderData: {},
+              serverLoaderData: opts.loaderData
+            }
+          }, rootContainer);
+          return _context.abrupt("return", /*#__PURE__*/React.createElement(Html, opts, app));
+        case 8:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _getClientRootComponent.apply(this, arguments);
+}

package/dist/types.d.ts

@@ -1,10 +1,82 @@
-export interface IRoute {
+/// <reference types="react" />
+import type { IhtmlPageOpts, ServerLoader } from '@umijs/server/dist/types';
+import type { RouteMatch, RouteObject } from 'react-router-dom';
+declare global {
+    interface Window {
+        __UMI_LOADER_DATA__: any;
+        __UMI_METADATA_LOADER_DATA__: any;
+        __UMI_BUILD_MANIFEST_DATA__: any;
+    }
+}
+declare type ClientLoaderFunctionArgs = {
+    serverLoader: ServerLoader;
+};
+export declare type ClientLoader = ((args: ClientLoaderFunctionArgs) => Promise<any>) & {
+    hydrate?: boolean;
+};
+export interface IRouteSSRProps {
+    clientLoader?: ClientLoader;
+    hasServerLoader?: boolean;
+}
+export interface IRouteConventionExportProps {
+    routeProps?: Record<string, any>;
+}
+export interface IRoute extends IRouteSSRProps, IRouteConventionExportProps {
     id: string;
     path?: string;
     index?: boolean;
     parentId?: string;
     redirect?: string;
 }
+export interface IClientRoute extends IRoute {
+    element: React.ReactNode;
+    children?: IClientRoute[];
+    routes?: IClientRoute[];
+}
+export interface ISelectedRoute extends IRoute, RouteObject {
+}
+export interface ISelectedRoutes extends RouteMatch {
+    route: ISelectedRoute;
+}
 export interface IRoutesById {
     [id: string]: IRoute;
 }
+export interface IRouteComponents {
+    [id: string]: any;
+}
+export interface ILoaderData {
+    [routeKey: string]: any;
+}
+interface IHtmlHydrateOptions {
+    htmlPageOpts?: IhtmlPageOpts;
+    renderFromRoot?: boolean;
+    __SPECIAL_HTML_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?: boolean;
+    mountElementId?: string;
+}
+export interface IRootComponentOptions extends IHtmlHydrateOptions {
+    routes: IRoutesById;
+    routeComponents: IRouteComponents;
+    pluginManager: any;
+    location: string;
+    loaderData: {
+        [routeKey: string]: any;
+    };
+    manifest: any;
+}
+export interface IHtmlProps extends IHtmlHydrateOptions {
+    children?: React.ReactNode;
+    loaderData?: {
+        [routeKey: string]: any;
+    };
+    manifest?: any;
+}
+export declare type IScript = Partial<{
+    async: boolean;
+    charset: string;
+    content: string;
+    crossOrigin: string | null;
+    defer: boolean;
+    src: string;
+    type: string;
+}> | string;
+export {};

package/dist/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/useFetcher.d.ts

@@ -0,0 +1,3 @@
+export declare function __useFetcher(): {
+    load(path?: string): void;
+};

package/dist/useFetcher.js

@@ -0,0 +1,12 @@
+import { useLocation } from 'react-router-dom';
+import { useAppData } from "./appContext";
+export function __useFetcher() {
+  var _useAppData = useAppData(),
+    preloadRoute = _useAppData.preloadRoute;
+  var location = useLocation();
+  return {
+    load: function load(path) {
+      preloadRoute(path || location.pathname);
+    }
+  };
+}

package/dist/withRouter.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { useLocation, useNavigate, useParams } from 'react-router-dom';
+export interface RouteComponentProps<T = ReturnType<typeof useParams>> {
+    history?: {
+        back: () => void;
+        goBack: () => void;
+        location: ReturnType<typeof useLocation>;
+        push: (url: string, state?: any) => void;
+    };
+    location?: ReturnType<typeof useLocation>;
+    match?: {
+        params: T;
+    };
+    params?: T;
+    navigate?: ReturnType<typeof useNavigate>;
+}
+export declare function withRouter<P extends RouteComponentProps<P>>(Component: React.ComponentType<P>): (props: P) => JSX.Element;

package/dist/withRouter.js

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { useLocation, useNavigate, useParams } from 'react-router-dom';
+export function withRouter(Component) {
+  function ComponentWithRouterProp(props) {
+    var location = useLocation();
+    var navigate = useNavigate();
+    var params = useParams();
+    var match = {
+      params: params
+    };
+    var history = {
+      back: function back() {
+        return navigate(-1);
+      },
+      goBack: function goBack() {
+        return navigate(-1);
+      },
+      location: location,
+      push: function push(url, state) {
+        return navigate(url, {
+          state: state
+        });
+      },
+      replace: function replace(url, state) {
+        return navigate(url, {
+          replace: true,
+          state: state
+        });
+      }
+    };
+    return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+      history: history,
+      location: location,
+      match: match,
+      params: params,
+      navigate: navigate
+    }));
+  }
+  return ComponentWithRouterProp;
+}