@kubb/plugin-react-query 5.0.0-beta.103 → 5.0.0-beta.105

package/dist/index.js

@@ -43,6 +43,26 @@ function operationFileEntry(node, name, extname = ".ts") {
 		path: node.path
 	};
 }
+/**
+* Resolves a dependency plugin's generated file for `node.operationId`, cached in `cache` (the
+* current node's `ctx.cache`) under the resolver's own plugin name. Several dependents reading the
+* same dependency for the same operation in one pass (a query plugin's several hook generators, the
+* MCP handler, ...) share one computed name and path instead of each calling `resolver.file` again.
+*
+* @example Cache `plugin-ts`'s file for the current operation
+* ```ts
+* const fileTs = resolveDependencyOperationFile({ cache: ctx.cache, node, resolver: tsResolver, root, output })
+* ```
+*/
+function resolveDependencyOperationFile(options) {
+	const { cache, node, resolver, root, output, group } = options;
+	return cache.getOrSet(`${resolver.pluginName}:operationFile`, () => resolver.file({
+		...operationFileEntry(node, node.operationId),
+		root,
+		output,
+		group: group ?? void 0
+	}));
+}
 function getOperationLink(node, link) {
 	if (!link) return null;
 	if (typeof link === "function") return link(node) ?? null;
@@ -136,13 +156,24 @@ function buildOperationComments(node, options = {}) {
 	if (!splitLines) return filteredComments;
 	return filteredComments.flatMap((text) => text.split(/\r?\n/).map((line) => line.trim())).filter((comment) => Boolean(comment));
 }
+const operationParameterGroupsByNode = /* @__PURE__ */ new WeakMap();
+/**
+* Groups an operation's parameters by location (`path`/`query`/`header`/`cookie`), deduping each
+* group by name. Every plugin generator visiting the same `OperationNode` shares one AST instance
+* (see `KubbDriver`), so the result is cached per node to avoid re-filtering and re-deduping the
+* same parameters once per plugin.
+*/
 function getOperationParameters(node) {
-	return {
+	const cached = operationParameterGroupsByNode.get(node);
+	if (cached) return cached;
+	const groups = {
 		path: dedupeParams(node.parameters.filter((param) => param.in === "path")),
 		query: dedupeParams(node.parameters.filter((param) => param.in === "query")),
 		header: dedupeParams(node.parameters.filter((param) => param.in === "header")),
 		cookie: dedupeParams(node.parameters.filter((param) => param.in === "cookie"))
 	};
+	operationParameterGroupsByNode.set(node, groups);
+	return groups;
 }
 function getStatusCodeNumber(statusCode) {
 	const code = Number(statusCode);
@@ -380,23 +411,30 @@ function resolveContractClient(options) {
 * (plugin-fetch or plugin-axios). Returns `null` when no contract plugin is in play (the inline
 * path). The plugin injects `.kubb/client.ts` at the global output root, the same path consumers
 * read `RequestConfig` / `ResponseErrorConfig` from.
+*
+* The result is cached in the current node's `cache` (`ctx.cache`) under the client plugin's name,
+* so several dependents reading the same client plugin for one operation in a single pass
+* (react-query's query/mutation/infinite generators, vue-query, swr, the MCP handler, ...) share
+* one computed result instead of each re-deriving the name and path.
 */
 function resolveClientOperation(options) {
-	const { clientPlugin, driver, node, root, output } = options;
+	const { clientPlugin, driver, node, root, output, cache } = options;
 	if (!clientPlugin) return null;
-	const resolver = driver.getResolver(clientPlugin.pluginName);
-	const plugin = driver.getPlugin(clientPlugin.pluginName);
-	const file = resolver.file({
-		...operationFileEntry(node, node.operationId),
-		root,
-		output: plugin?.options?.output ?? output,
-		group: plugin?.options?.group ?? void 0
+	return cache.getOrSet(`${clientPlugin.pluginName}:clientOperation`, () => {
+		const resolver = driver.getResolver(clientPlugin.pluginName);
+		const plugin = driver.getPlugin(clientPlugin.pluginName);
+		const file = resolver.file({
+			...operationFileEntry(node, node.operationId),
+			root,
+			output: plugin?.options?.output ?? output,
+			group: plugin?.options?.group ?? void 0
+		});
+		return {
+			name: resolver.name(node.operationId),
+			path: file.path,
+			clientPath: path.resolve(root, ".kubb/client.ts")
+		};
 	});
-	return {
-		name: resolver.name(node.operationId),
-		path: file.path,
-		clientPath: path.resolve(root, ".kubb/client.ts")
-	};
 }
 //#endregion
 //#region ../../internals/tanstack-query/src/utils.ts
@@ -1421,29 +1459,36 @@ function QueryOptions({ name, clientName, node, tsResolver, queryKeyName }) {
 const infiniteQueryGenerator = defineGenerator({
 	name: "react-infinite-query",
 	renderer: jsxRenderer,
+	match(node, ctx) {
+		const operationNode = node;
+		if (!ast.isHttpOperationNode(operationNode)) return false;
+		const { query, mutation, infinite, hooks } = ctx.options;
+		const { isQuery, isMutation } = classifyOperation(operationNode, {
+			query,
+			mutation
+		});
+		const infiniteOptions = infinite && typeof infinite === "object" ? infinite : null;
+		if (!isQuery || isMutation || !infiniteOptions || !hooks) return false;
+		const queryParamKeys = getOperationParameters(operationNode).query.map((p) => p.name);
+		return infiniteOptions.queryParam ? queryParamKeys.includes(infiniteOptions.queryParam) || queryParamKeys.includes(`${infiniteOptions.queryParam}?`) : false;
+	},
 	operation(node, ctx) {
 		if (!ast.isHttpOperationNode(node)) return null;
 		const { config, driver, resolver, root } = ctx;
-		const { output, query, mutation, infinite, client, group, customOptions, hooks } = ctx.options;
+		const { output, query, infinite, client, group, customOptions } = ctx.options;
 		const pluginTs = driver.getPlugin(pluginTsName);
 		if (!pluginTs) return null;
 		const tsResolver = driver.getResolver(pluginTsName);
-		const { isQuery, isMutation } = classifyOperation(node, {
-			query,
-			mutation
-		});
 		const infiniteOptions = infinite && typeof infinite === "object" ? infinite : null;
-		if (!isQuery || isMutation || !infiniteOptions || !hooks) return null;
-		const normalizeKey = (key) => key.replace(/\?$/, "");
-		const queryParamKeys = getOperationParameters(node).query.map((p) => p.name);
-		if (!(infiniteOptions.queryParam ? queryParamKeys.some((k) => normalizeKey(k) === infiniteOptions.queryParam) : false)) return null;
+		if (!infiniteOptions) return null;
 		const importPath = query ? query.importPath : "@tanstack/react-query";
 		const contractOp = resolveClientOperation({
 			clientPlugin: { pluginName: client.pluginName },
 			driver,
 			node,
 			root,
-			output
+			output,
+			cache: ctx.cache
 		});
 		if (!contractOp) return null;
 		const queryName = resolver.infiniteQuery.name(node);
@@ -1457,11 +1502,13 @@ const infiniteQueryGenerator = defineGenerator({
 				output,
 				group: group ?? void 0
 			}),
-			fileTs: tsResolver.file({
-				...operationFileEntry(node, node.operationId),
+			fileTs: resolveDependencyOperationFile({
+				cache: ctx.cache,
+				node,
+				resolver: tsResolver,
 				root,
 				output: pluginTs.options?.output ?? output,
-				group: pluginTs.options?.group ?? void 0
+				group: pluginTs.options?.group
 			})
 		};
 		const { queryParamsTypeName } = resolvePageParamType(node, {
@@ -1588,25 +1635,30 @@ const infiniteQueryGenerator = defineGenerator({
 const mutationGenerator = defineGenerator({
 	name: "react-query-mutation",
 	renderer: jsxRenderer,
+	match(node, ctx) {
+		const operationNode = node;
+		if (!ast.isHttpOperationNode(operationNode)) return false;
+		const { query, mutation } = ctx.options;
+		return classifyOperation(operationNode, {
+			query,
+			mutation
+		}).isMutation;
+	},
 	operation(node, ctx) {
 		if (!ast.isHttpOperationNode(node)) return null;
 		const { config, driver, resolver, root } = ctx;
-		const { output, query, mutation, client, group, customOptions, hooks } = ctx.options;
+		const { output, mutation, client, group, customOptions, hooks } = ctx.options;
 		const pluginTs = driver.getPlugin(pluginTsName);
 		if (!pluginTs) return null;
 		const tsResolver = driver.getResolver(pluginTsName);
-		const { isMutation } = classifyOperation(node, {
-			query,
-			mutation
-		});
-		if (!isMutation) return null;
 		const importPath = mutation ? mutation.importPath : "@tanstack/react-query";
 		const contractOp = resolveClientOperation({
 			clientPlugin: { pluginName: client.pluginName },
 			driver,
 			node,
 			root,
-			output
+			output,
+			cache: ctx.cache
 		});
 		if (!contractOp) return null;
 		const mutationHookName = resolver.mutation.name(node);
@@ -1620,11 +1672,13 @@ const mutationGenerator = defineGenerator({
 				output,
 				group: group ?? void 0
 			}),
-			fileTs: tsResolver.file({
-				...operationFileEntry(node, node.operationId),
+			fileTs: resolveDependencyOperationFile({
+				cache: ctx.cache,
+				node,
+				resolver: tsResolver,
 				root,
 				output: pluginTs.options?.output ?? output,
-				group: pluginTs.options?.group ?? void 0
+				group: pluginTs.options?.group
 			})
 		};
 		const importedTypeNames = [tsResolver.response.options(node), ...resolveOperationTypeNames(node, tsResolver, {
@@ -1728,25 +1782,31 @@ const mutationGenerator = defineGenerator({
 const queryGenerator = defineGenerator({
 	name: "react-query",
 	renderer: jsxRenderer,
+	match(node, ctx) {
+		const operationNode = node;
+		if (!ast.isHttpOperationNode(operationNode)) return false;
+		const { query, mutation } = ctx.options;
+		const { isQuery, isMutation } = classifyOperation(operationNode, {
+			query,
+			mutation
+		});
+		return isQuery && !isMutation;
+	},
 	operation(node, ctx) {
 		if (!ast.isHttpOperationNode(node)) return null;
 		const { config, driver, resolver, root } = ctx;
-		const { output, query, mutation, client, group, customOptions, hooks } = ctx.options;
+		const { output, query, client, group, customOptions, hooks } = ctx.options;
 		const pluginTs = driver.getPlugin(pluginTsName);
 		if (!pluginTs) return null;
 		const tsResolver = driver.getResolver(pluginTsName);
-		const { isQuery, isMutation } = classifyOperation(node, {
-			query,
-			mutation
-		});
-		if (!isQuery || isMutation) return null;
 		const importPath = query ? query.importPath : "@tanstack/react-query";
 		const contractOp = resolveClientOperation({
 			clientPlugin: { pluginName: client.pluginName },
 			driver,
 			node,
 			root,
-			output
+			output,
+			cache: ctx.cache
 		});
 		if (!contractOp) return null;
 		const queryName = resolver.query.name(node);
@@ -1760,11 +1820,13 @@ const queryGenerator = defineGenerator({
 				output,
 				group: group ?? void 0
 			}),
-			fileTs: tsResolver.file({
-				...operationFileEntry(node, node.operationId),
+			fileTs: resolveDependencyOperationFile({
+				cache: ctx.cache,
+				node,
+				resolver: tsResolver,
 				root,
 				output: pluginTs.options?.output ?? output,
-				group: pluginTs.options?.group ?? void 0
+				group: pluginTs.options?.group
 			})
 		};
 		const importedTypeNames = [tsResolver.response.options(node), ...resolveOperationTypeNames(node, tsResolver, {
@@ -1873,30 +1935,36 @@ const queryGenerator = defineGenerator({
 const suspenseInfiniteQueryGenerator = defineGenerator({
 	name: "react-suspense-infinite-query",
 	renderer: jsxRenderer,
+	match(node, ctx) {
+		const operationNode = node;
+		if (!ast.isHttpOperationNode(operationNode)) return false;
+		const { query, mutation, infinite, suspense, hooks } = ctx.options;
+		const { isQuery, isMutation } = classifyOperation(operationNode, {
+			query,
+			mutation
+		});
+		const infiniteOptions = infinite && typeof infinite === "object" ? infinite : null;
+		if (!isQuery || isMutation || !suspense || !infiniteOptions || !hooks) return false;
+		const queryParamKeys = getOperationParameters(operationNode).query.map((p) => p.name);
+		return infiniteOptions.queryParam ? queryParamKeys.includes(infiniteOptions.queryParam) || queryParamKeys.includes(`${infiniteOptions.queryParam}?`) : false;
+	},
 	operation(node, ctx) {
 		if (!ast.isHttpOperationNode(node)) return null;
 		const { config, driver, resolver, root } = ctx;
-		const { output, query, mutation, infinite, suspense, client, group, customOptions, hooks } = ctx.options;
+		const { output, query, infinite, client, group, customOptions } = ctx.options;
 		const pluginTs = driver.getPlugin(pluginTsName);
 		if (!pluginTs) return null;
 		const tsResolver = driver.getResolver(pluginTsName);
-		const { isQuery, isMutation } = classifyOperation(node, {
-			query,
-			mutation
-		});
-		const isSuspense = !!suspense;
 		const infiniteOptions = infinite && typeof infinite === "object" ? infinite : null;
-		if (!isQuery || isMutation || !isSuspense || !infiniteOptions || !hooks) return null;
-		const normalizeKey = (key) => key.replace(/\?$/, "");
-		const queryParamKeys = getOperationParameters(node).query.map((p) => p.name);
-		if (!(infiniteOptions.queryParam ? queryParamKeys.some((k) => normalizeKey(k) === infiniteOptions.queryParam) : false)) return null;
+		if (!infiniteOptions) return null;
 		const importPath = query ? query.importPath : "@tanstack/react-query";
 		const contractOp = resolveClientOperation({
 			clientPlugin: { pluginName: client.pluginName },
 			driver,
 			node,
 			root,
-			output
+			output,
+			cache: ctx.cache
 		});
 		if (!contractOp) return null;
 		const queryName = resolver.suspenseInfiniteQuery.name(node);
@@ -1910,11 +1978,13 @@ const suspenseInfiniteQueryGenerator = defineGenerator({
 				output,
 				group: group ?? void 0
 			}),
-			fileTs: tsResolver.file({
-				...operationFileEntry(node, node.operationId),
+			fileTs: resolveDependencyOperationFile({
+				cache: ctx.cache,
+				node,
+				resolver: tsResolver,
 				root,
 				output: pluginTs.options?.output ?? output,
-				group: pluginTs.options?.group ?? void 0
+				group: pluginTs.options?.group
 			})
 		};
 		const rawQueryParams = getOperationParameters(node).query;
@@ -2040,25 +2110,31 @@ const suspenseInfiniteQueryGenerator = defineGenerator({
 const suspenseQueryGenerator = defineGenerator({
 	name: "react-suspense-query",
 	renderer: jsxRenderer,
+	match(node, ctx) {
+		const operationNode = node;
+		if (!ast.isHttpOperationNode(operationNode)) return false;
+		const { query, mutation, suspense, hooks } = ctx.options;
+		const { isQuery, isMutation } = classifyOperation(operationNode, {
+			query,
+			mutation
+		});
+		return isQuery && !isMutation && !!suspense && hooks;
+	},
 	operation(node, ctx) {
 		if (!ast.isHttpOperationNode(node)) return null;
 		const { config, driver, resolver, root } = ctx;
-		const { output, query, mutation, suspense, client, group, customOptions, hooks } = ctx.options;
+		const { output, query, client, group, customOptions } = ctx.options;
 		const pluginTs = driver.getPlugin(pluginTsName);
 		if (!pluginTs) return null;
 		const tsResolver = driver.getResolver(pluginTsName);
-		const { isQuery, isMutation } = classifyOperation(node, {
-			query,
-			mutation
-		});
-		if (!isQuery || isMutation || !!!suspense || !hooks) return null;
 		const importPath = query ? query.importPath : "@tanstack/react-query";
 		const contractOp = resolveClientOperation({
 			clientPlugin: { pluginName: client.pluginName },
 			driver,
 			node,
 			root,
-			output
+			output,
+			cache: ctx.cache
 		});
 		if (!contractOp) return null;
 		const queryName = resolver.suspenseQuery.name(node);
@@ -2072,11 +2148,13 @@ const suspenseQueryGenerator = defineGenerator({
 				output,
 				group: group ?? void 0
 			}),
-			fileTs: tsResolver.file({
-				...operationFileEntry(node, node.operationId),
+			fileTs: resolveDependencyOperationFile({
+				cache: ctx.cache,
+				node,
+				resolver: tsResolver,
 				root,
 				output: pluginTs.options?.output ?? output,
-				group: pluginTs.options?.group ?? void 0
+				group: pluginTs.options?.group
 			})
 		};
 		const importedTypeNames = [tsResolver.response.options(node), ...resolveOperationTypeNames(node, tsResolver, {