@umijs/plugins 4.2.6-alpha.4 → 4.2.6-alpha.5

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/react-query.js

@@ -24,25 +24,20 @@ __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) => {
-  api.describe({
-    key: "reactQuery",
-    config: {
-      schema({ zod }) {
-        return zod.object({
-          devtool: zod.union([zod.record(zod.any()), zod.boolean()]),
-          queryClient: zod.union([zod.record(zod.any()), zod.boolean()])
-        }).deepPartial();
-      }
-    },
-    enableBy: api.EnableBy.config
-  });
+var reactQueryInfo;
+var REACT_QUERY_DEP_NAME = "@tanstack/react-query";
+var REACT_QUERY_DEVTOOLS_DEP_NAME = "@tanstack/react-query-devtools";
+var REACT_QUERY_CORE_DEP_NAME = "@tanstack/query-core";
+var getReactQueryPkgInfo = (api) => {
+  if (reactQueryInfo) {
+    return reactQueryInfo;
+  }
   let pkgPath;
   let devtoolsPkgPath;
-  const REACT_QUERY_DEP_NAME = "@tanstack/react-query";
-  const REACT_QUERY_DEVTOOLS_DEP_NAME = "@tanstack/react-query-devtools";
+  let corePath;
   const defaultPkgPath = (0, import_utils.winPath)(
     (0, import_path.dirname)(require.resolve(`${REACT_QUERY_DEP_NAME}/package.json`))
   );
@@ -61,6 +56,16 @@ var react_query_default = (api) => {
       `[reactQuery] package '${REACT_QUERY_DEP_NAME}' resolve failed, ${e.message}`
     );
   }
+  try {
+    corePath = (0, import_utils.winPath)(
+      (0, import_path.dirname)(
+        require.resolve(`${REACT_QUERY_CORE_DEP_NAME}/package.json`, {
+          paths: [pkgPath]
+        })
+      )
+    );
+  } catch {
+  }
   try {
     const localDevtoolsPkgPath = (0, import_resolveProjectDep.resolveProjectDep)({
       pkg: api.pkg,
@@ -82,7 +87,35 @@ var react_query_default = (api) => {
   const useV5 = pkgVersion.startsWith("5");
   const useV5Devtools = devtoolsVersion.startsWith("5");
   const canUseDevtools = useV4 && useV4Devtools || useV5 && useV5Devtools;
+  reactQueryInfo = {
+    pkgPath,
+    devtoolsPkgPath,
+    defaultPkgPath,
+    defaultDevtoolPkgPath,
+    pkgVersion,
+    canUseDevtools,
+    useV4,
+    useV5,
+    corePath
+  };
+  return reactQueryInfo;
+};
+var react_query_default = (api) => {
+  api.describe({
+    key: "reactQuery",
+    config: {
+      schema({ zod }) {
+        return zod.object({
+          devtool: zod.union([zod.record(zod.any()), zod.boolean()]),
+          queryClient: zod.union([zod.record(zod.any()), zod.boolean()])
+        }).deepPartial();
+      }
+    },
+    enableBy: api.EnableBy.config
+  });
   api.onStart(() => {
+    getReactQueryPkgInfo(api);
+    const { pkgPath, defaultPkgPath, pkgVersion } = reactQueryInfo;
     if (pkgPath !== defaultPkgPath && !process.env.IS_UMI_BUILD_WORKER) {
       api.logger.info(`[reactQuery] use local package, version: ${pkgVersion}`);
     }
@@ -94,6 +127,7 @@ var react_query_default = (api) => {
     return ["reactQuery"];
   });
   api.modifyConfig((memo) => {
+    const { pkgPath, devtoolsPkgPath, canUseDevtools } = getReactQueryPkgInfo(api);
     memo.alias[REACT_QUERY_DEP_NAME] = pkgPath;
     if (canUseDevtools) {
       memo.alias[REACT_QUERY_DEVTOOLS_DEP_NAME] = devtoolsPkgPath;
@@ -102,6 +136,7 @@ var react_query_default = (api) => {
   });
   api.onGenerateFiles(() => {
     var _a;
+    const { pkgPath, devtoolsPkgPath, canUseDevtools, useV4, useV5 } = getReactQueryPkgInfo(api);
     const enableDevTools = api.config.reactQuery.devtool !== false && canUseDevtools;
     const enableQueryClient = api.config.reactQuery.queryClient !== false;
     const reactQueryRuntimeCode = ((_a = api.appData.appJS) == null ? void 0 : _a.exports.includes(
@@ -134,60 +169,105 @@ 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 (!isFlattedDepsDir) {
+    api.modifyTSConfig((config) => {
+      const { corePath, useV5 } = getReactQueryPkgInfo(api);
+      if (useV5 && (corePath == null ? void 0 : corePath.length)) {
+        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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/plugins",
-  "version": "4.2.6-alpha.4",
+  "version": "4.2.6-alpha.5",
   "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.2.6-alpha.4",
+    "@umijs/bundler-utils": "4.2.6-alpha.5",
     "@umijs/valtio": "1.0.4"
   },
   "devDependencies": {
     "antd": "^4.24.1",
-    "umi": "4.2.6-alpha.4"
+    "umi": "4.2.6-alpha.5"
   },
   "publishConfig": {
     "access": "public"