@umijs/renderer-react 4.0.53 → 4.0.55

package/dist/appContext.js

@@ -9,18 +9,23 @@ export function useAppData() {
 }
 export function useSelectedRoutes() {
   var location = useLocation();
+
   var _useAppData = useAppData(),
-    clientRoutes = _useAppData.clientRoutes;
-  // use `useLocation` get location without `basename`, not need `basename` param
+      clientRoutes = _useAppData.clientRoutes; // use `useLocation` get location without `basename`, not need `basename` param
+
+
   var routes = matchRoutes(clientRoutes, location.pathname);
   return routes || [];
 }
 export function useRouteProps() {
   var _currentRoute$;
+
   var currentRoute = useSelectedRoutes().slice(-1);
+
   var _ref = ((_currentRoute$ = currentRoute[0]) === null || _currentRoute$ === void 0 ? void 0 : _currentRoute$.route) || {},
-    _ = _ref.element,
-    props = _objectWithoutProperties(_ref, _excluded);
+      _ = _ref.element,
+      props = _objectWithoutProperties(_ref, _excluded);
+
   return props;
 }
 export function useServerLoaderData() {

package/dist/browser.js

@@ -1,36 +1,33 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useCallback, useEffect, useLayoutEffect, useState } from 'react'; // compatible with < react@18 in @umijs/preset-umi/src/features/react
-
-import { HelmetProvider } from 'react-helmet-async';
+import React, { useCallback, useEffect, useLayoutEffect, useState } from 'react';
+// compatible with < react@18 in @umijs/preset-umi/src/features/react
 import ReactDOM from 'react-dom/client';
 import { matchRoutes, Router, useRoutes } from 'react-router-dom';
 import { AppContext, useAppData } from "./appContext";
 import { createClientRoutes } from "./routes";
-var root = null; // react 18 some scenarios need unmount such as micro app
+var root = null;
 
+// react 18 some scenarios need unmount such as micro app
 export function __getRoot() {
   return root;
 }
+
 /**
  * 这个组件的功能是 history 发生改变的时候重新触发渲染
  * @param props
  * @returns
  */
-
 function BrowserRoutes(props) {
   var history = props.history;
-
   var _React$useState = React.useState({
-    action: history.action,
-    location: history.location
-  }),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      state = _React$useState2[0],
-      setState = _React$useState2[1];
-
+      action: history.action,
+      location: history.location
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    state = _React$useState2[0],
+    setState = _React$useState2[1];
   useLayoutEffect(function () {
     return history.listen(setState);
   }, [history]);
@@ -48,7 +45,6 @@ function BrowserRoutes(props) {
         }
       });
     }
-
     history.listen(onRouteChange);
     onRouteChange({
       location: state.location,
@@ -61,13 +57,12 @@ function BrowserRoutes(props) {
     basename: props.basename
   }, props.children);
 }
-
 export function Routes() {
   var _useAppData = useAppData(),
-      clientRoutes = _useAppData.clientRoutes;
-
+    clientRoutes = _useAppData.clientRoutes;
   return useRoutes(clientRoutes);
 }
+
 /**
  * umi 渲染需要的配置，在node端调用的哦
  */
@@ -75,15 +70,16 @@ export function Routes() {
 /**
  * umi max 所需要的所有插件列表，用于获取provide
  */
-var UMI_CLIENT_RENDER_REACT_PLUGIN_LIST = [// Lowest to the highest priority
+var UMI_CLIENT_RENDER_REACT_PLUGIN_LIST = [
+// Lowest to the highest priority
 'innerProvider', 'i18nProvider', 'accessProvider', 'dataflowProvider', 'outerProvider', 'rootContainer'];
+
 /**
  *
  * @param {RenderClientOpts} opts - 插件相关的配置
  * @param {React.ReactElement} routesElement 需要渲染的 routers，为了方便测试注入才导出
  * @returns @returns A function that returns a React component.
  */
-
 var getBrowser = function getBrowser(opts, routesElement) {
   var basename = opts.basename || '/';
   var clientRoutes = createClientRoutes({
@@ -105,67 +101,54 @@ var getBrowser = function getBrowser(opts, routesElement) {
     routes: opts.routes,
     clientRoutes: clientRoutes,
     history: opts.history
-  }, routesElement); // 加载所有需要的插件
-
-  var _iterator = _createForOfIteratorHelper(UMI_CLIENT_RENDER_REACT_PLUGIN_LIST),
-      _step;
-
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var key = _step.value;
-      rootContainer = opts.pluginManager.applyPlugins({
-        type: 'modify',
-        key: key,
-        initialValue: rootContainer,
-        args: {
-          routes: opts.routes,
-          history: opts.history,
-          plugin: opts.pluginManager
-        }
-      });
-    }
-    /**
-     * umi 增加完 Provide 的 react dom，可以直接交给 react-dom 渲染
-     * @returns {React.ReactElement}
-     */
-
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
+  }, routesElement);
+
+  // 加载所有需要的插件
+  for (var _i = 0, _UMI_CLIENT_RENDER_RE = UMI_CLIENT_RENDER_REACT_PLUGIN_LIST; _i < _UMI_CLIENT_RENDER_RE.length; _i++) {
+    var key = _UMI_CLIENT_RENDER_RE[_i];
+    rootContainer = opts.pluginManager.applyPlugins({
+      type: 'modify',
+      key: key,
+      initialValue: rootContainer,
+      args: {
+        routes: opts.routes,
+        history: opts.history,
+        plugin: opts.pluginManager
+      }
+    });
   }
 
+  /**
+   * umi 增加完 Provide 的 react dom，可以直接交给 react-dom 渲染
+   * @returns {React.ReactElement}
+   */
   var Browser = function Browser() {
     var _useState = useState({}),
-        _useState2 = _slicedToArray(_useState, 2),
-        clientLoaderData = _useState2[0],
-        setClientLoaderData = _useState2[1];
-
-    var _useState3 = useState( // @ts-ignore
-    window.__UMI_LOADER_DATA__ || {}),
-        _useState4 = _slicedToArray(_useState3, 2),
-        serverLoaderData = _useState4[0],
-        setServerLoaderData = _useState4[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      clientLoaderData = _useState2[0],
+      setClientLoaderData = _useState2[1];
+    var _useState3 = useState(
+      // @ts-ignore
+      window.__UMI_LOADER_DATA__ || {}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      serverLoaderData = _useState4[0],
+      setServerLoaderData = _useState4[1];
     var handleRouteChange = useCallback(function (id, isFirst) {
       var _matchRoutes;
-
       // Patched routes has to id
-      var matchedRouteIds = (((_matchRoutes = matchRoutes(clientRoutes, id, basename)) === null || _matchRoutes === void 0 ? void 0 : _matchRoutes.map( // @ts-ignore
+      var matchedRouteIds = (((_matchRoutes = matchRoutes(clientRoutes, id, basename)) === null || _matchRoutes === void 0 ? void 0 : _matchRoutes.map(
+      // @ts-ignore
       function (route) {
         return route.route.id;
       })) || []).filter(Boolean);
       matchedRouteIds.forEach(function (id) {
         var _opts$routes$id, _opts$routes$id2;
-
         // preload
         // @ts-ignore
         var manifest = window.__umi_manifest__;
-
         if (manifest) {
           var routeIdReplaced = id.replace(/[\/\-]/g, '_');
           var preloadId = "preload-".concat(routeIdReplaced, ".js");
-
           if (!document.getElementById(preloadId)) {
             var keys = Object.keys(manifest).filter(function (k) {
               return k.startsWith(routeIdReplaced + '.');
@@ -174,32 +157,28 @@ var getBrowser = function getBrowser(opts, routesElement) {
               if (!/\.(js|css)$/.test(key)) {
                 throw Error("preload not support ".concat(key, " file"));
               }
-
               var file = manifest[key];
               var link = document.createElement('link');
               link.rel = 'preload';
               link.as = 'style';
-
               if (key.endsWith('.js')) {
                 link.as = 'script';
                 link.id = preloadId;
-              } // publicPath already in the manifest,
+              }
+              // publicPath already in the manifest,
               // but if runtimePublicPath is true, we need to replace it
-
-
               if (opts.runtimePublicPath) {
-                file = file.replace(new RegExp("^".concat(opts.publicPath)), // @ts-ignore
+                file = file.replace(new RegExp("^".concat(opts.publicPath)),
+                // @ts-ignore
                 window.publicPath);
               }
-
               link.href = file;
               document.head.appendChild(link);
             });
           }
-        } // server loader
+        }
+        // server loader
         // use ?. since routes patched with patchClientRoutes is not exists in opts.routes
-
-
         if (!isFirst && (_opts$routes$id = opts.routes[id]) !== null && _opts$routes$id !== void 0 && _opts$routes$id.hasServerLoader) {
           fetch('/__serverLoader?route=' + id).then(function (d) {
             return d.json();
@@ -213,12 +192,10 @@ var getBrowser = function getBrowser(opts, routesElement) {
               });
             });
           }).catch(console.error);
-        } // client loader
+        }
+        // client loader
         // onPatchClientRoutes 添加的 route 在 opts.routes 里是不存在的
-
-
         var clientLoader = (_opts$routes$id2 = opts.routes[id]) === null || _opts$routes$id2 === void 0 ? void 0 : _opts$routes$id2.clientLoader;
-
         if (clientLoader && !clientLoaderData[id]) {
           clientLoader().then(function (data) {
             setClientLoaderData(function (d) {
@@ -237,9 +214,7 @@ var getBrowser = function getBrowser(opts, routesElement) {
     useLayoutEffect(function () {
       if (typeof opts.callback === 'function') opts.callback();
     }, []);
-    return /*#__PURE__*/React.createElement(HelmetProvider, {
-      context: {}
-    }, /*#__PURE__*/React.createElement(AppContext.Provider, {
+    return /*#__PURE__*/React.createElement(AppContext.Provider, {
       value: {
         routes: opts.routes,
         routeComponents: opts.routeComponents,
@@ -252,35 +227,30 @@ var getBrowser = function getBrowser(opts, routesElement) {
         preloadRoute: handleRouteChange,
         history: opts.history
       }
-    }, rootContainer));
+    }, rootContainer);
   };
-
   return Browser;
 };
+
 /**
  *  执行 react dom 的 render 方法
  * @param {RenderClientOpts} opts - 插件相关的配置
  * @returns void
  */
-
-
 export function renderClient(opts) {
   var rootElement = opts.rootElement || document.getElementById('root');
-  var Browser = getBrowser(opts, /*#__PURE__*/React.createElement(Routes, null)); // 为了测试，直接返回组件
-
+  var Browser = getBrowser(opts, /*#__PURE__*/React.createElement(Routes, null));
+  // 为了测试，直接返回组件
   if (opts.components) return Browser;
-
   if (opts.hydrate) {
     ReactDOM.hydrateRoot(rootElement, /*#__PURE__*/React.createElement(Browser, null));
     return;
   }
-
   if (ReactDOM.createRoot) {
     root = ReactDOM.createRoot(rootElement);
     root.render( /*#__PURE__*/React.createElement(Browser, null));
     return;
-  } // @ts-ignore
-
-
+  }
+  // @ts-ignore
   ReactDOM.render( /*#__PURE__*/React.createElement(Browser, null), rootElement);
 }

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { createBrowserHistory, createHashHistory, createMemoryHistory, type History, } from 'history';
-export { Helmet } from 'react-helmet-async';
+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, useRouteProps, useSelectedRoutes, useServerLoaderData, } from './appContext';
 export { renderClient, __getRoot } from './browser';

package/dist/index.js

@@ -1,5 +1,5 @@
 export { createBrowserHistory, createHashHistory, createMemoryHistory } from 'history';
-export { Helmet } from 'react-helmet-async';
+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, useRouteProps, useSelectedRoutes, useServerLoaderData } from "./appContext";
 export { renderClient, __getRoot } from "./browser";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/renderer-react",
-  "version": "4.0.53",
+  "version": "4.0.55",
   "description": "@umijs/renderer-react",
   "homepage": "https://github.com/umijs/umi/tree/master/packages/renderer-react#readme",
   "bugs": "https://github.com/umijs/umi/issues",
@@ -22,7 +22,7 @@
     "test": "umi-scripts jest-turbo"
   },
   "dependencies": {
-    "@babel/runtime": "7.20.7",
+    "@babel/runtime": "7.21.0",
     "@loadable/component": "5.15.2",
     "history": "5.3.0",
     "react-helmet-async": "1.3.0",