@kubb/plugin-vue-query 0.0.0-canary-20241104172400

package/dist/chunk-O4EGNKUX.js

@@ -0,0 +1,576 @@
+import { Client, Operations, QueryKey, QueryOptions, Query, MutationKey, Mutation, InfiniteQueryOptions, InfiniteQuery } from './chunk-DHJLKFYS.js';
+import path from 'node:path';
+import { createPlugin, FileManager, PluginManager } from '@kubb/core';
+import { camelCase } from '@kubb/core/transformers';
+import { createReactGenerator, pluginOasName, OperationGenerator } from '@kubb/plugin-oas';
+import { pluginZodName } from '@kubb/plugin-zod';
+import { useOperationManager } from '@kubb/plugin-oas/hooks';
+import { pluginTsName } from '@kubb/plugin-ts';
+import { useApp, File, Function } from '@kubb/react';
+import { jsxs, jsx, Fragment } from '@kubb/react/jsx-runtime';
+
+var clientGenerator = createReactGenerator({
+  name: "client",
+  Operation({ options, operation }) {
+    const {
+      plugin: {
+        options: { output }
+      }
+    } = useApp();
+    const { getSchemas, getName, getFile } = useOperationManager();
+    const client = {
+      name: getName(operation, { type: "function" }),
+      file: getFile(operation)
+    };
+    const type = {
+      file: getFile(operation, { pluginKey: [pluginTsName] }),
+      schemas: getSchemas(operation, { pluginKey: [pluginTsName], type: "type" })
+    };
+    const zod = {
+      file: getFile(operation, { pluginKey: [pluginZodName] }),
+      schemas: getSchemas(operation, { pluginKey: [pluginZodName], type: "function" })
+    };
+    return /* @__PURE__ */ jsxs(File, { baseName: client.file.baseName, path: client.file.path, meta: client.file.meta, banner: output?.banner, footer: output?.footer, children: [
+      /* @__PURE__ */ jsx(File.Import, { name: "client", path: options.importPath }),
+      /* @__PURE__ */ jsx(File.Import, { name: ["RequestConfig"], path: options.importPath, isTypeOnly: true }),
+      options.parser === "zod" && /* @__PURE__ */ jsx(File.Import, { name: [zod.schemas.response.name], root: client.file.path, path: zod.file.path }),
+      /* @__PURE__ */ jsx(
+        File.Import,
+        {
+          name: [
+            type.schemas.request?.name,
+            type.schemas.response.name,
+            type.schemas.pathParams?.name,
+            type.schemas.queryParams?.name,
+            type.schemas.headerParams?.name,
+            ...type.schemas.statusCodes?.map((item) => item.name) || []
+          ].filter(Boolean),
+          root: client.file.path,
+          path: type.file.path,
+          isTypeOnly: true
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Client,
+        {
+          name: client.name,
+          baseURL: options.baseURL,
+          dataReturnType: options.dataReturnType,
+          pathParamsType: options.pathParamsType,
+          paramsType: options.paramsType,
+          typeSchemas: type.schemas,
+          operation,
+          parser: options.parser,
+          zodSchemas: zod.schemas
+        }
+      )
+    ] });
+  }
+});
+var operationsGenerator = createReactGenerator({
+  name: "client",
+  Operations({ operations }) {
+    const {
+      pluginManager,
+      plugin: {
+        options: { output }
+      }
+    } = useApp();
+    const name = "operations";
+    const file = pluginManager.getFile({ name, extname: ".ts", pluginKey: [pluginClientName] });
+    return /* @__PURE__ */ jsx(File, { baseName: file.baseName, path: file.path, meta: file.meta, banner: output?.banner, footer: output?.footer, children: /* @__PURE__ */ jsx(Operations, { name, operations }) });
+  }
+});
+var groupedClientGenerator = createReactGenerator({
+  name: "groupedClient",
+  Operations({ operations }) {
+    const {
+      pluginManager,
+      plugin: { options }
+    } = useApp();
+    const { getName, getFile } = useOperationManager();
+    const controllers = operations.reduce(
+      (acc, operation) => {
+        if (options.group?.type === "tag") {
+          const tag = operation.getTags().at(0)?.name;
+          const name = tag ? options.group?.name?.({ group: camelCase(tag) }) : void 0;
+          if (!tag || !name) {
+            return acc;
+          }
+          const file = pluginManager.getFile({
+            name,
+            extname: ".ts",
+            pluginKey: [pluginClientName],
+            options: { tag }
+          });
+          const client = {
+            name: getName(operation, { type: "function" }),
+            file: getFile(operation)
+          };
+          const previousFile = acc.find((item) => item.file.path === file.path);
+          if (previousFile) {
+            previousFile.clients.push(client);
+          } else {
+            acc.push({ name, file, clients: [client] });
+          }
+        }
+        return acc;
+      },
+      []
+    );
+    return controllers.map(({ name, file, clients }) => {
+      return /* @__PURE__ */ jsxs(File, { baseName: file.baseName, path: file.path, meta: file.meta, banner: options.output?.banner, footer: options.output?.footer, children: [
+        clients.map((client) => /* @__PURE__ */ jsx(File.Import, { name: [client.name], root: file.path, path: client.file.path }, client.name)),
+        /* @__PURE__ */ jsx(File.Source, { name, isExportable: true, isIndexable: true, children: /* @__PURE__ */ jsx(Function, { export: true, name, children: `return { ${clients.map((client) => client.name).join(", ")} }` }) })
+      ] }, file.path);
+    });
+  }
+});
+
+// ../plugin-client/src/plugin.ts
+var pluginClientName = "plugin-client";
+createPlugin((options) => {
+  const {
+    output = { path: "clients", barrelType: "named" },
+    group,
+    exclude = [],
+    include,
+    override = [],
+    transformers = {},
+    dataReturnType = "data",
+    pathParamsType = "inline",
+    paramsType = "inline",
+    operations = false,
+    baseURL,
+    generators = [clientGenerator, group ? groupedClientGenerator : void 0, operations ? operationsGenerator : void 0].filter(Boolean),
+    importPath = "@kubb/plugin-client/client",
+    parser = "client"
+  } = options;
+  return {
+    name: pluginClientName,
+    options: {
+      output,
+      group,
+      parser,
+      dataReturnType,
+      importPath,
+      paramsType,
+      pathParamsType: paramsType === "object" ? "object" : pathParamsType,
+      baseURL
+    },
+    pre: [pluginOasName, parser === "zod" ? pluginZodName : void 0].filter(Boolean),
+    resolvePath(baseName, pathMode, options2) {
+      const root = path.resolve(this.config.root, this.config.output.path);
+      const mode = pathMode ?? FileManager.getMode(path.resolve(root, output.path));
+      if (options2?.tag && group?.type === "tag") {
+        const groupName = group?.name ? group.name : (ctx) => `${ctx.group}Controller`;
+        return path.resolve(root, output.path, groupName({ group: camelCase(options2.tag) }), baseName);
+      }
+      if (mode === "single") {
+        return path.resolve(root, output.path);
+      }
+      return path.resolve(root, output.path, baseName);
+    },
+    resolveName(name, type) {
+      const resolvedName = camelCase(name, { isFile: type === "file" });
+      if (type) {
+        return transformers?.name?.(resolvedName, type) || resolvedName;
+      }
+      return resolvedName;
+    },
+    async buildStart() {
+      const [swaggerPlugin] = PluginManager.getDependedPlugins(this.plugins, [pluginOasName]);
+      const oas = await swaggerPlugin.context.getOas();
+      const root = path.resolve(this.config.root, this.config.output.path);
+      const mode = FileManager.getMode(path.resolve(root, output.path));
+      const baseURL2 = await swaggerPlugin.context.getBaseURL();
+      const operationGenerator = new OperationGenerator(
+        baseURL2 ? {
+          ...this.plugin.options,
+          baseURL: baseURL2
+        } : this.plugin.options,
+        {
+          oas,
+          pluginManager: this.pluginManager,
+          plugin: this.plugin,
+          contentType: swaggerPlugin.context.contentType,
+          exclude,
+          include,
+          override,
+          mode
+        }
+      );
+      const files = await operationGenerator.build(...generators);
+      await this.addFile(...files);
+      const barrelFiles = await this.fileManager.getBarrelFiles({
+        type: output.barrelType ?? "named",
+        root,
+        output,
+        files: this.fileManager.files,
+        meta: {
+          pluginKey: this.plugin.key
+        },
+        logger: this.logger
+      });
+      await this.addFile(...barrelFiles);
+    }
+  };
+});
+var queryGenerator = createReactGenerator({
+  name: "vue-query",
+  Operation({ options, operation }) {
+    const {
+      plugin: {
+        options: { output }
+      }
+    } = useApp();
+    const { getSchemas, getName, getFile } = useOperationManager();
+    const isQuery = typeof options.query === "boolean" ? true : options.query?.methods.some((method) => operation.method === method);
+    const importPath = options.query ? options.query.importPath : "@tanstack/vue-query";
+    const query = {
+      name: getName(operation, { type: "function", prefix: "use" }),
+      typeName: getName(operation, { type: "type" }),
+      file: getFile(operation, { prefix: "use" })
+    };
+    const client = {
+      name: getName(operation, { type: "function", pluginKey: [pluginClientName] })
+    };
+    const queryOptions = {
+      name: getName(operation, { type: "function", suffix: "QueryOptions" })
+    };
+    const queryKey = {
+      name: getName(operation, { type: "const", suffix: "QueryKey" }),
+      typeName: getName(operation, { type: "type", suffix: "QueryKey" })
+    };
+    const type = {
+      file: getFile(operation, { pluginKey: [pluginTsName] }),
+      //todo remove type?
+      schemas: getSchemas(operation, { pluginKey: [pluginTsName], type: "type" })
+    };
+    const zod = {
+      file: getFile(operation, { pluginKey: [pluginZodName] }),
+      schemas: getSchemas(operation, { pluginKey: [pluginZodName], type: "function" })
+    };
+    if (!isQuery) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(File, { baseName: query.file.baseName, path: query.file.path, meta: query.file.meta, banner: output?.banner, footer: output?.footer, children: [
+      options.parser === "zod" && /* @__PURE__ */ jsx(File.Import, { name: [zod.schemas.response.name], root: query.file.path, path: zod.file.path }),
+      /* @__PURE__ */ jsx(File.Import, { name: ["unref"], path: "vue" }),
+      /* @__PURE__ */ jsx(File.Import, { name: ["MaybeRef"], path: "vue", isTypeOnly: true }),
+      /* @__PURE__ */ jsx(File.Import, { name: "client", path: options.client.importPath }),
+      /* @__PURE__ */ jsx(File.Import, { name: ["RequestConfig"], path: options.client.importPath, isTypeOnly: true }),
+      options.client.dataReturnType === "full" && /* @__PURE__ */ jsx(File.Import, { name: ["ResponseConfig"], path: options.client.importPath, isTypeOnly: true }),
+      /* @__PURE__ */ jsx(
+        File.Import,
+        {
+          name: [
+            type.schemas.request?.name,
+            type.schemas.response.name,
+            type.schemas.pathParams?.name,
+            type.schemas.queryParams?.name,
+            type.schemas.headerParams?.name,
+            ...type.schemas.statusCodes?.map((item) => item.name) || []
+          ].filter(Boolean),
+          root: query.file.path,
+          path: type.file.path,
+          isTypeOnly: true
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        QueryKey,
+        {
+          name: queryKey.name,
+          typeName: queryKey.typeName,
+          operation,
+          pathParamsType: options.pathParamsType,
+          typeSchemas: type.schemas,
+          transformer: options.queryKey
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Client,
+        {
+          name: client.name,
+          isExportable: false,
+          isIndexable: false,
+          baseURL: options.client.baseURL,
+          operation,
+          typeSchemas: type.schemas,
+          zodSchemas: zod.schemas,
+          dataReturnType: options.client.dataReturnType,
+          paramsType: options.paramsType,
+          pathParamsType: options.pathParamsType,
+          parser: options.parser
+        }
+      ),
+      /* @__PURE__ */ jsx(File.Import, { name: ["queryOptions"], path: importPath }),
+      /* @__PURE__ */ jsx(
+        QueryOptions,
+        {
+          name: queryOptions.name,
+          clientName: client.name,
+          queryKeyName: queryKey.name,
+          typeSchemas: type.schemas,
+          paramsType: options.paramsType,
+          pathParamsType: options.pathParamsType
+        }
+      ),
+      options.query && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(File.Import, { name: ["useQuery"], path: importPath }),
+        /* @__PURE__ */ jsx(File.Import, { name: ["QueryKey", "QueryObserverOptions", "UseQueryReturnType"], path: importPath, isTypeOnly: true }),
+        /* @__PURE__ */ jsx(
+          Query,
+          {
+            name: query.name,
+            queryOptionsName: queryOptions.name,
+            typeSchemas: type.schemas,
+            paramsType: options.paramsType,
+            pathParamsType: options.pathParamsType,
+            operation,
+            dataReturnType: options.client.dataReturnType,
+            queryKeyName: queryKey.name,
+            queryKeyTypeName: queryKey.typeName
+          }
+        )
+      ] })
+    ] });
+  }
+});
+var mutationGenerator = createReactGenerator({
+  name: "vue-query",
+  Operation({ options, operation }) {
+    const {
+      plugin: {
+        options: { output }
+      }
+    } = useApp();
+    const { getSchemas, getName, getFile } = useOperationManager();
+    const isQuery = typeof options.query === "boolean" ? true : options.query?.methods.some((method) => operation.method === method);
+    const isMutation = !isQuery && options.mutation && options.mutation.methods.some((method) => operation.method === method);
+    const importPath = options.mutation ? options.mutation.importPath : "@tanstack/vue-query";
+    const mutation = {
+      name: getName(operation, { type: "function", prefix: "use" }),
+      typeName: getName(operation, { type: "type" }),
+      file: getFile(operation, { prefix: "use" })
+    };
+    const type = {
+      file: getFile(operation, { pluginKey: [pluginTsName] }),
+      //todo remove type?
+      schemas: getSchemas(operation, { pluginKey: [pluginTsName], type: "type" })
+    };
+    const zod = {
+      file: getFile(operation, { pluginKey: [pluginZodName] }),
+      schemas: getSchemas(operation, { pluginKey: [pluginZodName], type: "function" })
+    };
+    const client = {
+      name: getName(operation, { type: "function", pluginKey: [pluginClientName] })
+    };
+    const mutationKey = {
+      name: getName(operation, { type: "const", suffix: "MutationKey" }),
+      typeName: getName(operation, { type: "type", suffix: "MutationKey" })
+    };
+    if (!isMutation) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(File, { baseName: mutation.file.baseName, path: mutation.file.path, meta: mutation.file.meta, banner: output?.banner, footer: output?.footer, children: [
+      options.parser === "zod" && /* @__PURE__ */ jsx(File.Import, { name: [zod.schemas.response.name], root: mutation.file.path, path: zod.file.path }),
+      /* @__PURE__ */ jsx(File.Import, { name: ["MaybeRef"], path: "vue", isTypeOnly: true }),
+      /* @__PURE__ */ jsx(File.Import, { name: "client", path: options.client.importPath }),
+      /* @__PURE__ */ jsx(File.Import, { name: ["RequestConfig", "ResponseConfig"], path: options.client.importPath, isTypeOnly: true }),
+      /* @__PURE__ */ jsx(
+        File.Import,
+        {
+          name: [
+            type.schemas.request?.name,
+            type.schemas.response.name,
+            type.schemas.pathParams?.name,
+            type.schemas.queryParams?.name,
+            type.schemas.headerParams?.name,
+            ...type.schemas.statusCodes?.map((item) => item.name) || []
+          ].filter(Boolean),
+          root: mutation.file.path,
+          path: type.file.path,
+          isTypeOnly: true
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MutationKey,
+        {
+          name: mutationKey.name,
+          typeName: mutationKey.typeName,
+          operation,
+          pathParamsType: options.pathParamsType,
+          typeSchemas: type.schemas,
+          transformer: options.mutationKey
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Client,
+        {
+          name: client.name,
+          isExportable: false,
+          isIndexable: false,
+          baseURL: options.client.baseURL,
+          operation,
+          typeSchemas: type.schemas,
+          zodSchemas: zod.schemas,
+          dataReturnType: options.client.dataReturnType,
+          paramsType: options.paramsType,
+          pathParamsType: options.pathParamsType,
+          parser: options.parser
+        }
+      ),
+      options.mutation && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(File.Import, { name: ["useMutation"], path: importPath }),
+        /* @__PURE__ */ jsx(File.Import, { name: ["MutationObserverOptions"], path: importPath, isTypeOnly: true }),
+        /* @__PURE__ */ jsx(
+          Mutation,
+          {
+            name: mutation.name,
+            clientName: client.name,
+            typeName: mutation.typeName,
+            typeSchemas: type.schemas,
+            operation,
+            dataReturnType: options.client.dataReturnType,
+            paramsType: options.paramsType,
+            pathParamsType: options.pathParamsType,
+            mutationKeyName: mutationKey.name
+          }
+        )
+      ] })
+    ] });
+  }
+});
+var infiniteQueryGenerator = createReactGenerator({
+  name: "vue-infinite-query",
+  Operation({ options, operation }) {
+    const {
+      plugin: {
+        options: { output }
+      }
+    } = useApp();
+    const { getSchemas, getName, getFile } = useOperationManager();
+    const isQuery = typeof options.query === "boolean" ? options.query : !!options.query.methods?.some((method) => operation.method === method);
+    const isInfinite = isQuery && !!options.infinite;
+    const importPath = options.query ? options.query.importPath : "@tanstack/vue-query";
+    const query = {
+      name: getName(operation, { type: "function", prefix: "use", suffix: "infinite" }),
+      typeName: getName(operation, { type: "type" }),
+      file: getFile(operation, { prefix: "use", suffix: "infinite" })
+    };
+    const client = {
+      name: getName(operation, { type: "function", pluginKey: [pluginClientName] })
+    };
+    const queryOptions = {
+      name: getName(operation, { type: "function", suffix: "InfiniteQueryOptions" })
+    };
+    const queryKey = {
+      name: getName(operation, { type: "const", suffix: "InfiniteQueryKey" }),
+      typeName: getName(operation, { type: "type", suffix: "InfiniteQueryKey" })
+    };
+    const type = {
+      file: getFile(operation, { pluginKey: [pluginTsName] }),
+      //todo remove type?
+      schemas: getSchemas(operation, { pluginKey: [pluginTsName], type: "type" })
+    };
+    const zod = {
+      file: getFile(operation, { pluginKey: [pluginZodName] }),
+      schemas: getSchemas(operation, { pluginKey: [pluginZodName], type: "function" })
+    };
+    if (!isQuery || !isInfinite) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(File, { baseName: query.file.baseName, path: query.file.path, meta: query.file.meta, banner: output?.banner, footer: output?.footer, children: [
+      options.parser === "zod" && /* @__PURE__ */ jsx(File.Import, { name: [zod.schemas.response.name], root: query.file.path, path: zod.file.path }),
+      /* @__PURE__ */ jsx(File.Import, { name: ["unref"], path: "vue" }),
+      /* @__PURE__ */ jsx(File.Import, { name: ["MaybeRef"], path: "vue", isTypeOnly: true }),
+      /* @__PURE__ */ jsx(File.Import, { name: "client", path: options.client.importPath }),
+      /* @__PURE__ */ jsx(File.Import, { name: ["RequestConfig"], path: options.client.importPath, isTypeOnly: true }),
+      options.client.dataReturnType === "full" && /* @__PURE__ */ jsx(File.Import, { name: ["ResponseConfig"], path: options.client.importPath, isTypeOnly: true }),
+      /* @__PURE__ */ jsx(
+        File.Import,
+        {
+          name: [
+            type.schemas.request?.name,
+            type.schemas.response.name,
+            type.schemas.pathParams?.name,
+            type.schemas.queryParams?.name,
+            type.schemas.headerParams?.name,
+            ...type.schemas.statusCodes?.map((item) => item.name) || []
+          ].filter(Boolean),
+          root: query.file.path,
+          path: type.file.path,
+          isTypeOnly: true
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        QueryKey,
+        {
+          name: queryKey.name,
+          typeName: queryKey.typeName,
+          operation,
+          pathParamsType: options.pathParamsType,
+          typeSchemas: type.schemas,
+          transformer: options.queryKey
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Client,
+        {
+          name: client.name,
+          isExportable: false,
+          isIndexable: false,
+          baseURL: options.client.baseURL,
+          operation,
+          typeSchemas: type.schemas,
+          zodSchemas: zod.schemas,
+          dataReturnType: options.client.dataReturnType,
+          paramsType: options.paramsType,
+          pathParamsType: options.pathParamsType,
+          parser: options.parser
+        }
+      ),
+      options.infinite && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(File.Import, { name: ["infiniteQueryOptions"], path: importPath }),
+        /* @__PURE__ */ jsx(
+          InfiniteQueryOptions,
+          {
+            name: queryOptions.name,
+            clientName: client.name,
+            queryKeyName: queryKey.name,
+            typeSchemas: type.schemas,
+            paramsType: options.paramsType,
+            pathParamsType: options.pathParamsType,
+            dataReturnType: options.client.dataReturnType,
+            cursorParam: options.infinite.cursorParam,
+            initialPageParam: options.infinite.initialPageParam,
+            queryParam: options.infinite.queryParam
+          }
+        )
+      ] }),
+      options.infinite && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(File.Import, { name: ["useInfiniteQuery"], path: importPath }),
+        /* @__PURE__ */ jsx(File.Import, { name: ["QueryKey", "InfiniteQueryObserverOptions", "UseInfiniteQueryReturnType"], path: importPath, isTypeOnly: true }),
+        /* @__PURE__ */ jsx(
+          InfiniteQuery,
+          {
+            name: query.name,
+            queryOptionsName: queryOptions.name,
+            typeSchemas: type.schemas,
+            paramsType: options.paramsType,
+            pathParamsType: options.pathParamsType,
+            operation,
+            dataReturnType: options.client.dataReturnType,
+            queryKeyName: queryKey.name,
+            queryKeyTypeName: queryKey.typeName
+          }
+        )
+      ] })
+    ] });
+  }
+});
+
+export { infiniteQueryGenerator, mutationGenerator, queryGenerator };
+//# sourceMappingURL=chunk-O4EGNKUX.js.map
+//# sourceMappingURL=chunk-O4EGNKUX.js.map