@umijs/plugins 4.0.0-canary.20240513.1 → 4.0.0-canary.20240514.1

package/dist/initial-state.js

@@ -65,7 +65,7 @@ export default function InitialStateProvider(props: any) {
       appLoaded.current = true;
     }
   }, [loading]);
-  if (loading && !appLoaded.current && typeof window !== 'undefined') {
+  if (loading && !appLoaded.current) {
     return <Loading />;
   }
   return props.children;

package/dist/layout.js

@@ -36,6 +36,7 @@ var import_fs = require("fs");
 var import_path = require("path");
 var import_umi = require("umi");
 var import_plugin_utils = require("umi/plugin-utils");
+var import_npmClient = require("./utils/npmClient");
 var import_resolveProjectDep = require("./utils/resolveProjectDep");
 var import_withTmpPath = require("./utils/withTmpPath");
 var antIconsPath = (0, import_plugin_utils.winPath)(
@@ -118,14 +119,7 @@ var layout_default = (api) => {
     return memo;
   });
   api.onGenerateFiles(() => {
-    var _a;
-    let realNpmClient = api.appData.npmClient;
-    if (api.appData.npmClient === import_plugin_utils.NpmClientEnum.tnpm && ((_a = api.pkg.tnpm) == null ? void 0 : _a.mode) && [import_plugin_utils.NpmClientEnum.npm, import_plugin_utils.NpmClientEnum.yarn].includes(api.pkg.tnpm.mode)) {
-      realNpmClient = api.pkg.tnpm.mode;
-    }
-    const isFlattedDepsDir = [import_plugin_utils.NpmClientEnum.npm, import_plugin_utils.NpmClientEnum.yarn].includes(
-      realNpmClient
-    );
+    const isFlattedDepsDir = (0, import_npmClient.isFlattedNodeModulesDir)(api);
     const PKG_TYPE_REFERENCE = `
 /// <reference types="${isFlattedDepsDir ? ANT_PRO_COMPONENT : resolvedPkgPath}" />
 ${isFlattedDepsDir ? '/// <reference types="antd" />' : ""}

package/dist/qiankun/master.js

@@ -219,16 +219,6 @@ export { MicroAppWithMemoHistory } from './MicroAppWithMemoHistory';
       `
     });
   });
-  api.chainWebpack((config, { ssr }) => {
-    if (ssr) {
-      const originalExternals = config.get("externals");
-      config.externals({
-        ...originalExternals,
-        qiankun: "fs"
-      });
-    }
-    return config;
-  });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/qiankun/slave.js

@@ -171,10 +171,7 @@ export interface IRuntimeConfig {
       `window.publicPath = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || "${api.config.publicPath || "/"}";`
     ];
   });
-  api.chainWebpack((config, { ssr }) => {
-    if (ssr) {
-      return;
-    }
+  api.chainWebpack((config) => {
     (0, import_assert.default)(api.pkg.name, "You should have name in package.json.");
     const {
       shouldNotAddLibraryChunkName = api.env === "production" || !Boolean(api.config.mfsu)
@@ -204,14 +201,11 @@ export interface IRuntimeConfig {
   });
   api.addEntryCode(() => [
     `
-const qiankun_noop = () => new Error('qiankun lifecycle is not available for server runtime!');
-const isServer = typeof window === 'undefined';
-export const bootstrap = isServer ? qiankun_noop: qiankun_genBootstrap(render);
-export const mount = isServer ? qiankun_noop : qiankun_genMount('${api.config.mountElementId}');
-export const unmount = isServer ? qiankun_noop : qiankun_genUnmount('${api.config.mountElementId}');
-export const update = isServer ? qiankun_noop : qiankun_genUpdate();
-// 增加 ssr 的判断
-if (!isServer && !window.__POWERED_BY_QIANKUN__) {
+export const bootstrap = qiankun_genBootstrap(render);
+export const mount = qiankun_genMount('${api.config.mountElementId}');
+export const unmount = qiankun_genUnmount('${api.config.mountElementId}');
+export const update = qiankun_genUpdate();
+if (!window.__POWERED_BY_QIANKUN__) {
   bootstrap().then(mount);
 }
     `

package/dist/react-query.js

@@ -24,6 +24,7 @@ __export(react_query_exports, {
 module.exports = __toCommonJS(react_query_exports);
 var import_utils = require("@umijs/utils");
 var import_path = require("path");
+var import_npmClient = require("./utils/npmClient");
 var import_resolveProjectDep = require("./utils/resolveProjectDep");
 var import_withTmpPath = require("./utils/withTmpPath");
 var react_query_default = (api) => {
@@ -134,60 +135,117 @@ export function rootContainer(container) {
     </QueryClientProvider>
   );
 }
-      ` : ""
+      ` : "export {}"
     });
+    const exportMembers = [
+      // from @tanstack/query-core
+      "QueryClient",
+      "QueryCache",
+      "MutationCache",
+      "QueryObserver",
+      "InfiniteQueryObserver",
+      "QueriesObserver",
+      "MutationObserver",
+      // from @tanstack/react-query
+      "useQuery",
+      "useQueries",
+      "useInfiniteQuery",
+      "useMutation",
+      "useIsFetching",
+      "useIsMutating",
+      ...useV5 ? [
+        "useMutationState",
+        "useSuspenseQuery",
+        "useSuspenseInfiniteQuery",
+        "useSuspenseQueries",
+        "queryOptions",
+        "infiniteQueryOptions"
+      ] : [],
+      "QueryClientProvider",
+      "useQueryClient",
+      "QueryErrorResetBoundary",
+      "useQueryErrorResetBoundary",
+      "useIsRestoring",
+      "IsRestoringProvider"
+    ].filter(Boolean);
     api.writeTmpFile({
       path: "index.tsx",
       content: `
 export {
-  // from @tanstack/query-core
-  QueryClient,
-  MutationObserver,
-  MutationCache,
-  InfiniteQueryObserver,
-  QueriesObserver,
-  QueryObserver,
-  QueryCache,
-  // from @tanstack/react-query
-  useIsRestoring,
-  IsRestoringProvider,
-  useInfiniteQuery,
-  useIsMutating,
-  useIsFetching,
-  useMutation,
-  useQueries,
-  useQuery,
-  QueryClientProvider,
-  useQueryClient,
-  QueryErrorResetBoundary,
-  useQueryErrorResetBoundary,
-  ${useV5 ? "queryOptions," : ""}
+  ${exportMembers.join(",\n  ")}
 } from '${pkgPath}';
       `
     });
+    const exportTypes = [
+      // from @tanstack/query-core
+      "Query",
+      "QueryState",
+      "Mutation",
+      // from @tanstack/react-query
+      "QueriesResults",
+      "QueriesOptions",
+      "QueryErrorResetBoundaryProps",
+      "QueryClientProviderProps",
+      useV4 && "ContextOptions as QueryContextOptions,",
+      "UseQueryOptions",
+      "UseBaseQueryOptions",
+      "UseQueryResult",
+      "UseBaseQueryResult",
+      "UseInfiniteQueryOptions",
+      "UseMutationResult",
+      "UseMutateFunction",
+      "UseMutateAsyncFunction",
+      "UseBaseMutationResult"
+    ].filter(Boolean);
     api.writeTmpFile({
       path: "types.d.ts",
       content: `
 export type {
-  // from @tanstack/query-core
-  Query, QueryState, Mutation,
-  // from @tanstack/react-query
-  QueriesResults,
-  QueriesOptions,
-  QueryErrorResetBoundaryProps,
-  QueryClientProviderProps,
-  ${useV4 ? "ContextOptions as QueryContextOptions," : ""}
-  UseQueryOptions,
-  UseBaseQueryOptions,
-  UseQueryResult,
-  UseBaseQueryResult,
-  UseInfiniteQueryOptions,
-  UseMutationResult,
-  UseMutateFunction,
-  UseMutateAsyncFunction,
-  UseBaseMutationResult,
+  ${exportTypes.join(",\n  ")}
 } from '${pkgPath}';
       `
     });
+    api.writeTmpFile({
+      path: "types.d.ts",
+      content: enableQueryClient ? `
+import React from 'react';
+import { QueryClientConfig } from '${pkgPath}';
+${enableDevTools ? `
+import { ReactQueryDevtools } from '${devtoolsPkgPath}';
+` : ""}
+
+export type RuntimeReactQueryType = {
+  ${enableDevTools ? `
+  devtool?: React.ComponentProps<typeof ReactQueryDevtools>
+` : ""}
+  queryClient?: QueryClientConfig
+}` : "export type RuntimeReactQueryType = {}"
+    });
   });
+  const isFlattedDepsDir = (0, import_npmClient.isFlattedNodeModulesDir)(api);
+  if (useV5 && !isFlattedDepsDir) {
+    let corePath;
+    const REACT_QUERY_CORE_DEP_NAME = "@tanstack/query-core";
+    try {
+      corePath = (0, import_utils.winPath)(
+        (0, import_path.dirname)(
+          require.resolve(`${REACT_QUERY_CORE_DEP_NAME}/package.json`, {
+            paths: [pkgPath]
+          })
+        )
+      );
+    } catch (e) {
+      throw new Error(
+        `[reactQuery] package '${REACT_QUERY_CORE_DEP_NAME}' resolve failed, ${e.message}`
+      );
+    }
+    api.modifyTSConfig((config) => {
+      import_utils.lodash.set(
+        config,
+        `compilerOptions.paths["${REACT_QUERY_CORE_DEP_NAME}"]`,
+        [corePath]
+      );
+      return config;
+    });
+  }
 };

package/dist/utils/npmClient.d.ts

@@ -0,0 +1,2 @@
+import type { IApi } from 'umi';
+export declare const isFlattedNodeModulesDir: (api: IApi) => boolean;

package/dist/utils/npmClient.js

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/npmClient.ts
+var npmClient_exports = {};
+__export(npmClient_exports, {
+  isFlattedNodeModulesDir: () => isFlattedNodeModulesDir
+});
+module.exports = __toCommonJS(npmClient_exports);
+var import_plugin_utils = require("umi/plugin-utils");
+var FLATTED_NPM_CLIENT = [
+  import_plugin_utils.NpmClientEnum.npm,
+  import_plugin_utils.NpmClientEnum.yarn
+];
+var isFlattedNodeModulesDir = (api) => {
+  var _a;
+  let currentNpmClient = api.appData.npmClient;
+  const tnpmCompatMode = api.appData.npmClient === import_plugin_utils.NpmClientEnum.tnpm && ((_a = api.pkg.tnpm) == null ? void 0 : _a.mode);
+  if (tnpmCompatMode) {
+    if (FLATTED_NPM_CLIENT.includes(api.pkg.tnpm.mode)) {
+      return true;
+    }
+  }
+  const isFlattedDir = FLATTED_NPM_CLIENT.includes(currentNpmClient);
+  return isFlattedDir;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isFlattedNodeModulesDir
+});

package/libs/qiankun/master/MicroApp.tsx

@@ -167,6 +167,13 @@ export const MicroApp = forwardRef(
       props: { settings: settingsFromConfig = {}, ...propsFromConfig } = {},
     } = appConfig || {};
 
+    const __globalRoutesInfo = {
+      appNameKeyAlias,
+      masterHistoryType,
+      base: globalSettings.base,
+      microAppRoutes: globalSettings.microAppRoutes,
+    };
+
     useEffect(() => {
       setComponentError(null);
       setLoading(true);
@@ -185,12 +192,7 @@ export const MicroApp = forwardRef(
             ...propsFromConfig,
             ...stateForSlave,
             ...propsFromParams,
-            __globalRoutesInfo: {
-              appNameKeyAlias,
-              masterHistoryType,
-              base: globalSettings.base,
-              microAppRoutes: globalSettings.microAppRoutes,
-            },
+            __globalRoutesInfo,
             setLoading,
           },
         },
@@ -263,6 +265,7 @@ export const MicroApp = forwardRef(
                 ...propsFromConfig,
                 ...stateForSlave,
                 ...propsFromParams,
+                __globalRoutesInfo,
                 setLoading,
               };
 

package/libs/qiankun/master/masterRuntimePlugin.tsx

@@ -77,10 +77,6 @@ function patchMicroAppRouteComponent(routes: any[]) {
 }
 
 export async function render(oldRender: typeof noop) {
-  // 在 ssr 的场景下，直接返回旧的 render
-  if (typeof window === 'undefined') {
-    return oldRender();
-  }
   const runtimeOptions = await getMasterRuntime();
   let masterOptions: MasterOptions = {
     ...getMasterOptions(),
@@ -142,10 +138,6 @@ export async function render(oldRender: typeof noop) {
 }
 
 export function patchClientRoutes({ routes }: { routes: any[] }) {
-  // 在 ssr 的场景下，不执行主应用的 patchClientRoutes
-  if (typeof window === 'undefined') {
-    return;
-  }
   const microAppRoutes = [].concat(
     deepFilterLeafRoutes(routes),
     deepFilterLeafRoutes(microAppRuntimeRoutes),

package/libs/qiankun/slave/slaveRuntimePlugin.ts

@@ -3,10 +3,6 @@ import { createHistory } from '@@/core/history';
 import qiankunRender, { contextOptsStack } from './lifecycles';
 
 export function render(oldRender: any) {
-  // 在 ssr 的场景下，直接返回旧的 render
-  if (typeof window === 'undefined') {
-    return oldRender();
-  }
   return qiankunRender().then(oldRender);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/plugins",
-  "version": "4.0.0-canary.20240513.1",
+  "version": "4.0.0-canary.20240514.1",
   "description": "@umijs/plugins",
   "homepage": "https://github.com/umijs/umi/tree/master/packages/plugins#readme",
   "bugs": "https://github.com/umijs/umi/issues",
@@ -45,12 +45,12 @@
     "styled-components": "6.1.1",
     "tslib": "^2",
     "warning": "^4.0.3",
-    "@umijs/bundler-utils": "4.0.0-canary.20240513.1",
-    "@umijs/valtio": "1.0.4"
+    "@umijs/valtio": "1.0.4",
+    "@umijs/bundler-utils": "4.0.0-canary.20240514.1"
   },
   "devDependencies": {
     "antd": "^4.24.1",
-    "umi": "4.0.0-canary.20240513.1"
+    "umi": "4.0.0-canary.20240514.1"
   },
   "publishConfig": {
     "access": "public"