@kubb/plugin-swr 3.0.0-alpha.0

package/dist/index.js

@@ -0,0 +1,180 @@
+import {
+  Mutation,
+  Query,
+  QueryOptions
+} from "./chunk-ECJ346AA.js";
+
+// src/plugin.ts
+import path from "path";
+import { FileManager, PluginManager, createPlugin } from "@kubb/core";
+import { camelCase, pascalCase } from "@kubb/core/transformers";
+import { renderTemplate } from "@kubb/core/utils";
+import { pluginOasName } from "@kubb/plugin-oas";
+import { getGroupedByTagFiles } from "@kubb/plugin-oas/utils";
+import { pluginTsName } from "@kubb/plugin-ts";
+import { pluginZodName } from "@kubb/plugin-zod";
+
+// src/OperationGenerator.tsx
+import { OperationGenerator as Generator } from "@kubb/plugin-oas";
+import { Oas } from "@kubb/plugin-oas/components";
+import { App, createRoot } from "@kubb/react";
+import { jsx } from "@kubb/react/jsx-runtime";
+var OperationGenerator = class extends Generator {
+  async get(operation, options) {
+    const { oas, pluginManager, plugin, mode } = this.context;
+    const root = createRoot({
+      logger: pluginManager.logger
+    });
+    if (!options.templates?.query || !options.templates?.queryOptions) {
+      return [];
+    }
+    root.render(
+      /* @__PURE__ */ jsx(App, { pluginManager, plugin: { ...plugin, options }, mode, children: /* @__PURE__ */ jsx(Oas, { oas, operations: [operation], generator: this, children: /* @__PURE__ */ jsx(Oas.Operation, { operation, children: /* @__PURE__ */ jsx(
+        Query.File,
+        {
+          templates: {
+            query: options.templates.query,
+            queryOptions: options.templates.queryOptions
+          }
+        }
+      ) }) }) })
+    );
+    return root.files;
+  }
+  async post(operation, options) {
+    const { oas, pluginManager, plugin, mode } = this.context;
+    const root = createRoot({
+      logger: pluginManager.logger
+    });
+    if (!options.templates?.mutation) {
+      return [];
+    }
+    root.render(
+      /* @__PURE__ */ jsx(App, { pluginManager, plugin: { ...plugin, options }, mode, children: /* @__PURE__ */ jsx(Oas, { oas, operations: [operation], generator: this, children: /* @__PURE__ */ jsx(Oas.Operation, { operation, children: /* @__PURE__ */ jsx(Mutation.File, { templates: options.templates.mutation }) }) }) })
+    );
+    return root.files;
+  }
+  async put(operation, options) {
+    return this.post(operation, options);
+  }
+  async patch(operation, options) {
+    return this.post(operation, options);
+  }
+  async delete(operation, options) {
+    return this.post(operation, options);
+  }
+};
+
+// src/plugin.ts
+var pluginSwrName = "plugin-swr";
+var pluginSwr = createPlugin((options) => {
+  const { output = { path: "hooks" }, group, exclude = [], include, override = [], parser, transformers = {}, templates, dataReturnType = "data" } = options;
+  const template = group?.output ? group.output : `${output.path}/{{tag}}SWRController`;
+  return {
+    name: pluginSwrName,
+    options: {
+      extName: output.extName,
+      templates: {
+        mutation: Mutation.templates,
+        query: Query.templates,
+        queryOptions: QueryOptions.templates,
+        ...templates
+      },
+      client: {
+        importPath: "@kubb/plugin-client/client",
+        ...options.client
+      },
+      dataReturnType,
+      parser
+    },
+    pre: [pluginOasName, pluginTsName, 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 (mode === "single") {
+        return path.resolve(root, output.path);
+      }
+      if (options2?.tag && group?.type === "tag") {
+        const tag = camelCase(options2.tag);
+        return path.resolve(root, renderTemplate(template, { tag }), baseName);
+      }
+      return path.resolve(root, output.path, baseName);
+    },
+    resolveName(name, type) {
+      let resolvedName = camelCase(name);
+      if (type === "file" || type === "function") {
+        resolvedName = camelCase(name, {
+          prefix: "use",
+          isFile: type === "file"
+        });
+      }
+      if (type === "type") {
+        resolvedName = pascalCase(name);
+      }
+      if (type) {
+        return transformers?.name?.(resolvedName, type) || resolvedName;
+      }
+      return resolvedName;
+    },
+    async buildStart() {
+      const [swaggerPlugin] = PluginManager.getDependedPlugins(this.plugins, [pluginOasName]);
+      const oas = await swaggerPlugin.api.getOas();
+      const root = path.resolve(this.config.root, this.config.output.path);
+      const mode = FileManager.getMode(path.resolve(root, output.path));
+      const operationGenerator = new OperationGenerator(this.plugin.options, {
+        oas,
+        pluginManager: this.pluginManager,
+        plugin: this.plugin,
+        contentType: swaggerPlugin.api.contentType,
+        exclude,
+        include,
+        override,
+        mode
+      });
+      const files = await operationGenerator.build();
+      await this.addFile(...files);
+    },
+    async writeFile(path2, source) {
+      if (!path2.endsWith(".ts") || !source) {
+        return;
+      }
+      return this.fileManager.write(path2, source, { sanity: false });
+    },
+    async buildEnd() {
+      if (this.config.output.write === false) {
+        return;
+      }
+      const root = path.resolve(this.config.root, this.config.output.path);
+      if (group?.type === "tag") {
+        const rootFiles = await getGroupedByTagFiles({
+          logger: this.logger,
+          files: this.fileManager.files,
+          plugin: this.plugin,
+          template,
+          exportAs: group.exportAs || "{{tag}}SWRHooks",
+          root,
+          output
+        });
+        await this.addFile(...rootFiles);
+      }
+      await this.fileManager.addIndexes({
+        root,
+        output,
+        meta: { pluginKey: this.plugin.key },
+        logger: this.logger
+      });
+    }
+  };
+});
+
+// src/index.ts
+var definePluginDefault = pluginSwr;
+var definePlugin = pluginSwr;
+var src_default = definePluginDefault;
+export {
+  src_default as default,
+  definePlugin,
+  pluginSwr,
+  pluginSwrName
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin.ts","../src/OperationGenerator.tsx","../src/index.ts"],"sourcesContent":["import path from 'node:path'\n\nimport { FileManager, PluginManager, createPlugin } from '@kubb/core'\nimport { camelCase, pascalCase } from '@kubb/core/transformers'\nimport { renderTemplate } from '@kubb/core/utils'\nimport { pluginOasName } from '@kubb/plugin-oas'\nimport { getGroupedByTagFiles } from '@kubb/plugin-oas/utils'\nimport { pluginTsName } from '@kubb/plugin-ts'\nimport { pluginZodName } from '@kubb/plugin-zod'\n\nimport { OperationGenerator } from './OperationGenerator.tsx'\nimport { Mutation, Query, QueryOptions } from './components/index.ts'\n\nimport type { Plugin } from '@kubb/core'\nimport type { PluginOas as SwaggerPluginOptions } from '@kubb/plugin-oas'\nimport type { PluginSwr } from './types.ts'\n\nexport const pluginSwrName = 'plugin-swr' satisfies PluginSwr['name']\n\nexport const pluginSwr = createPlugin<PluginSwr>((options) => {\n  const { output = { path: 'hooks' }, group, exclude = [], include, override = [], parser, transformers = {}, templates, dataReturnType = 'data' } = options\n  const template = group?.output ? group.output : `${output.path}/{{tag}}SWRController`\n\n  return {\n    name: pluginSwrName,\n    options: {\n      extName: output.extName,\n      templates: {\n        mutation: Mutation.templates,\n        query: Query.templates,\n        queryOptions: QueryOptions.templates,\n        ...templates,\n      },\n      client: {\n        importPath: '@kubb/plugin-client/client',\n        ...options.client,\n      },\n      dataReturnType,\n      parser,\n    },\n    pre: [pluginOasName, pluginTsName, parser === 'zod' ? pluginZodName : undefined].filter(Boolean),\n    resolvePath(baseName, pathMode, options) {\n      const root = path.resolve(this.config.root, this.config.output.path)\n      const mode = pathMode ?? FileManager.getMode(path.resolve(root, output.path))\n\n      if (mode === 'single') {\n        /**\n         * when output is a file then we will always append to the same file(output file), see fileManager.addOrAppend\n         * Other plugins then need to call addOrAppend instead of just add from the fileManager class\n         */\n        return path.resolve(root, output.path)\n      }\n\n      if (options?.tag && group?.type === 'tag') {\n        const tag = camelCase(options.tag)\n\n        return path.resolve(root, renderTemplate(template, { tag }), baseName)\n      }\n\n      return path.resolve(root, output.path, baseName)\n    },\n    resolveName(name, type) {\n      let resolvedName = camelCase(name)\n\n      if (type === 'file' || type === 'function') {\n        resolvedName = camelCase(name, {\n          prefix: 'use',\n          isFile: type === 'file',\n        })\n      }\n\n      if (type === 'type') {\n        resolvedName = pascalCase(name)\n      }\n\n      if (type) {\n        return transformers?.name?.(resolvedName, type) || resolvedName\n      }\n\n      return resolvedName\n    },\n    async buildStart() {\n      const [swaggerPlugin]: [Plugin<SwaggerPluginOptions>] = PluginManager.getDependedPlugins<SwaggerPluginOptions>(this.plugins, [pluginOasName])\n\n      const oas = await swaggerPlugin.api.getOas()\n      const root = path.resolve(this.config.root, this.config.output.path)\n      const mode = FileManager.getMode(path.resolve(root, output.path))\n\n      const operationGenerator = new OperationGenerator(this.plugin.options, {\n        oas,\n        pluginManager: this.pluginManager,\n        plugin: this.plugin,\n        contentType: swaggerPlugin.api.contentType,\n        exclude,\n        include,\n        override,\n        mode,\n      })\n\n      const files = await operationGenerator.build()\n      await this.addFile(...files)\n    },\n    async writeFile(path, source) {\n      if (!path.endsWith('.ts') || !source) {\n        return\n      }\n\n      return this.fileManager.write(path, source, { sanity: false })\n    },\n    async buildEnd() {\n      if (this.config.output.write === false) {\n        return\n      }\n\n      const root = path.resolve(this.config.root, this.config.output.path)\n\n      if (group?.type === 'tag') {\n        const rootFiles = await getGroupedByTagFiles({\n          logger: this.logger,\n          files: this.fileManager.files,\n          plugin: this.plugin,\n          template,\n          exportAs: group.exportAs || '{{tag}}SWRHooks',\n          root,\n          output,\n        })\n\n        await this.addFile(...rootFiles)\n      }\n\n      await this.fileManager.addIndexes({\n        root,\n        output,\n        meta: { pluginKey: this.plugin.key },\n        logger: this.logger,\n      })\n    },\n  }\n})\n","import { OperationGenerator as Generator } from '@kubb/plugin-oas'\nimport { Oas } from '@kubb/plugin-oas/components'\nimport { App, createRoot } from '@kubb/react'\n\nimport { Mutation } from './components/Mutation.tsx'\nimport { Query } from './components/Query.tsx'\n\nimport type { Operation } from '@kubb/oas'\nimport type { OperationMethodResult } from '@kubb/plugin-oas'\nimport type { FileMeta, PluginSwr } from './types.ts'\n\nexport class OperationGenerator extends Generator<PluginSwr['resolvedOptions'], PluginSwr, FileMeta> {\n  async get(operation: Operation, options: PluginSwr['resolvedOptions']): OperationMethodResult<FileMeta> {\n    const { oas, pluginManager, plugin, mode } = this.context\n\n    const root = createRoot({\n      logger: pluginManager.logger,\n    })\n\n    if (!options.templates?.query || !options.templates?.queryOptions) {\n      return []\n    }\n\n    root.render(\n      <App pluginManager={pluginManager} plugin={{ ...plugin, options }} mode={mode}>\n        <Oas oas={oas} operations={[operation]} generator={this}>\n          <Oas.Operation operation={operation}>\n            <Query.File\n              templates={{\n                query: options.templates.query,\n                queryOptions: options.templates.queryOptions,\n              }}\n            />\n          </Oas.Operation>\n        </Oas>\n      </App>,\n    )\n\n    return root.files\n  }\n\n  async post(operation: Operation, options: PluginSwr['resolvedOptions']): OperationMethodResult<FileMeta> {\n    const { oas, pluginManager, plugin, mode } = this.context\n\n    const root = createRoot({\n      logger: pluginManager.logger,\n    })\n\n    if (!options.templates?.mutation) {\n      return []\n    }\n\n    root.render(\n      <App pluginManager={pluginManager} plugin={{ ...plugin, options }} mode={mode}>\n        <Oas oas={oas} operations={[operation]} generator={this}>\n          <Oas.Operation operation={operation}>\n            <Mutation.File templates={options.templates.mutation} />\n          </Oas.Operation>\n        </Oas>\n      </App>,\n    )\n\n    return root.files\n  }\n\n  async put(operation: Operation, options: PluginSwr['resolvedOptions']): OperationMethodResult<FileMeta> {\n    return this.post(operation, options)\n  }\n  async patch(operation: Operation, options: PluginSwr['resolvedOptions']): OperationMethodResult<FileMeta> {\n    return this.post(operation, options)\n  }\n  async delete(operation: Operation, options: PluginSwr['resolvedOptions']): OperationMethodResult<FileMeta> {\n    return this.post(operation, options)\n  }\n}\n","import { pluginSwr } from './plugin.ts'\n\nexport { pluginSwr, pluginSwrName } from './plugin.ts'\nexport type { PluginSwr } from './types.ts'\n\n/**\n * @deprecated Use `import { pluginSwr } from '@kubb/plugin-swr'` instead\n */\nconst definePluginDefault = pluginSwr\n/**\n * @deprecated Use `import { pluginSwr } from '@kubb/plugin-swr'` instead\n */\nexport const definePlugin = pluginSwr\n\nexport default definePluginDefault\n"],"mappings":"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","names":["options","path"]}

package/package.json

@@ -0,0 +1,98 @@
+{
+  "name": "@kubb/plugin-swr",
+  "version": "3.0.0-alpha.0",
+  "description": "Generator plugin-swr",
+  "keywords": [
+    "typescript",
+    "plugins",
+    "kubb",
+    "codegen",
+    "swagger",
+    "openapi",
+    "swr",
+    "vercel",
+    "nextjs",
+    "next",
+    "axios"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/kubb-labs/kubb.git",
+    "directory": "packages/plugin-swr"
+  },
+  "license": "MIT",
+  "author": "Stijn Van Hulle <stijn@stijnvanhulle.be",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.cjs"
+    },
+    "./components": {
+      "import": "./dist/components.js",
+      "require": "./dist/components.cjs",
+      "default": "./dist/components.cjs"
+    },
+    "./package.json": "./package.json",
+    "./*": "./*"
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "components": [
+        "./dist/components.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "src",
+    "dist",
+    "!/**/**.test.**",
+    "!/**/__tests__/**"
+  ],
+  "dependencies": {
+    "@kubb/core": "3.0.0-alpha.0",
+    "@kubb/fs": "3.0.0-alpha.0",
+    "@kubb/oas": "3.0.0-alpha.0",
+    "@kubb/parser-ts": "3.0.0-alpha.0",
+    "@kubb/plugin-client": "3.0.0-alpha.0",
+    "@kubb/plugin-oas": "3.0.0-alpha.0",
+    "@kubb/plugin-ts": "3.0.0-alpha.0",
+    "@kubb/react": "3.0.0-alpha.0",
+    "@kubb/plugin-zod": "3.0.0-alpha.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "react": "^18.3.1",
+    "tsup": "^8.2.4",
+    "typescript": "^5.5.4",
+    "@kubb/config-biome": "3.0.0-alpha.0",
+    "@kubb/config-ts": "3.0.0-alpha.0",
+    "@kubb/config-tsup": "3.0.0-alpha.0"
+  },
+  "peerDependencies": {
+    "@kubb/react": "3.0.0-alpha.0"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "tsup",
+    "clean": "rimraf ./dist",
+    "lint": "bun biome lint .",
+    "lint:fix": "bun biome lint --apply-unsafe .",
+    "release": "pnpm publish --no-git-check",
+    "release:canary": "bash ../../.github/canary.sh && node ../../scripts/build.js canary && pnpm publish --no-git-check",
+    "start": "tsup --watch",
+    "test": "vitest --passWithNoTests",
+    "typecheck": "tsc -p ./tsconfig.json --noEmit --emitDeclarationOnly false"
+  }
+}

package/src/OperationGenerator.tsx

@@ -0,0 +1,75 @@
+import { OperationGenerator as Generator } from '@kubb/plugin-oas'
+import { Oas } from '@kubb/plugin-oas/components'
+import { App, createRoot } from '@kubb/react'
+
+import { Mutation } from './components/Mutation.tsx'
+import { Query } from './components/Query.tsx'
+
+import type { Operation } from '@kubb/oas'
+import type { OperationMethodResult } from '@kubb/plugin-oas'
+import type { FileMeta, PluginSwr } from './types.ts'
+
+export class OperationGenerator extends Generator<PluginSwr['resolvedOptions'], PluginSwr, FileMeta> {
+  async get(operation: Operation, options: PluginSwr['resolvedOptions']): OperationMethodResult<FileMeta> {
+    const { oas, pluginManager, plugin, mode } = this.context
+
+    const root = createRoot({
+      logger: pluginManager.logger,
+    })
+
+    if (!options.templates?.query || !options.templates?.queryOptions) {
+      return []
+    }
+
+    root.render(
+      <App pluginManager={pluginManager} plugin={{ ...plugin, options }} mode={mode}>
+        <Oas oas={oas} operations={[operation]} generator={this}>
+          <Oas.Operation operation={operation}>
+            <Query.File
+              templates={{
+                query: options.templates.query,
+                queryOptions: options.templates.queryOptions,
+              }}
+            />
+          </Oas.Operation>
+        </Oas>
+      </App>,
+    )
+
+    return root.files
+  }
+
+  async post(operation: Operation, options: PluginSwr['resolvedOptions']): OperationMethodResult<FileMeta> {
+    const { oas, pluginManager, plugin, mode } = this.context
+
+    const root = createRoot({
+      logger: pluginManager.logger,
+    })
+
+    if (!options.templates?.mutation) {
+      return []
+    }
+
+    root.render(
+      <App pluginManager={pluginManager} plugin={{ ...plugin, options }} mode={mode}>
+        <Oas oas={oas} operations={[operation]} generator={this}>
+          <Oas.Operation operation={operation}>
+            <Mutation.File templates={options.templates.mutation} />
+          </Oas.Operation>
+        </Oas>
+      </App>,
+    )
+
+    return root.files
+  }
+
+  async put(operation: Operation, options: PluginSwr['resolvedOptions']): OperationMethodResult<FileMeta> {
+    return this.post(operation, options)
+  }
+  async patch(operation: Operation, options: PluginSwr['resolvedOptions']): OperationMethodResult<FileMeta> {
+    return this.post(operation, options)
+  }
+  async delete(operation: Operation, options: PluginSwr['resolvedOptions']): OperationMethodResult<FileMeta> {
+    return this.post(operation, options)
+  }
+}

package/src/components/Mutation.tsx

@@ -0,0 +1,252 @@
+import transformers from '@kubb/core/transformers'
+import { FunctionParams, URLPath } from '@kubb/core/utils'
+import { Parser, File, Function, useApp } from '@kubb/react'
+import { pluginTsName } from '@kubb/plugin-ts'
+import { useOperation, useOperationManager } from '@kubb/plugin-oas/hooks'
+import { getASTParams, getComments } from '@kubb/plugin-oas/utils'
+
+import { SchemaType } from './SchemaType.tsx'
+
+import type { HttpMethod } from '@kubb/oas'
+import type { ReactNode } from 'react'
+import type { FileMeta, PluginSwr } from '../types.ts'
+
+type TemplateProps = {
+  /**
+   * Name of the function
+   */
+  name: string
+  /**
+   * Parameters/options/props that need to be used
+   */
+  params: string
+  /**
+   * Generics that needs to be added for TypeScript
+   */
+  generics?: string
+  /**
+   * ReturnType(see async for adding Promise type)
+   */
+  returnType?: string
+  /**
+   * Options for JSdocs
+   */
+  JSDoc?: {
+    comments: string[]
+  }
+  hook: {
+    name: string
+    generics?: string
+  }
+  client: {
+    method: HttpMethod
+    generics: string
+    withQueryParams: boolean
+    withPathParams: boolean
+    withData: boolean
+    withHeaders: boolean
+    path: URLPath
+  }
+  dataReturnType: NonNullable<PluginSwr['options']['dataReturnType']>
+}
+
+function Template({ name, generics, returnType, params, JSDoc, client, hook, dataReturnType }: TemplateProps): ReactNode {
+  const clientOptions = [
+    `method: "${client.method}"`,
+    'url',
+    client.withQueryParams ? 'params' : undefined,
+    client.withData ? 'data' : undefined,
+    client.withHeaders ? 'headers: { ...headers, ...clientOptions.headers }' : undefined,
+    '...clientOptions',
+  ].filter(Boolean)
+
+  const resolvedClientOptions = `${transformers.createIndent(4)}${clientOptions.join(`,\n${transformers.createIndent(4)}`)}`
+  if (client.withQueryParams) {
+    return (
+      <Function export name={name} generics={generics} returnType={returnType} params={params} JSDoc={JSDoc}>
+        {`
+         const { mutation: mutationOptions, client: clientOptions = {}, shouldFetch = true } = options ?? {}
+
+         const url = ${client.path.template} as const
+         return ${hook.name}<${hook.generics}>(
+          shouldFetch ? [url, params]: null,
+          async (_url${client.withData ? ', { arg: data }' : ''}) => {
+            const res = await client<${client.generics}>({
+              ${resolvedClientOptions}
+            })
+
+            return ${dataReturnType === 'data' ? 'res.data' : 'res'}
+          },
+          mutationOptions
+        )
+      `}
+      </Function>
+    )
+  }
+  return (
+    <Function export name={name} generics={generics} returnType={returnType} params={params} JSDoc={JSDoc}>
+      {`
+       const { mutation: mutationOptions, client: clientOptions = {}, shouldFetch = true } = options ?? {}
+
+       const url = ${client.path.template} as const
+       return ${hook.name}<${hook.generics}>(
+        shouldFetch ? url : null,
+        async (_url${client.withData ? ', { arg: data }' : ''}) => {
+          const res = await client<${client.generics}>({
+            ${resolvedClientOptions}
+          })
+
+          return ${dataReturnType === 'data' ? 'res.data' : 'res'}
+        },
+        mutationOptions
+      )
+    `}
+    </Function>
+  )
+}
+
+const defaultTemplates = {
+  default: Template,
+} as const
+
+type Props = {
+  factory: {
+    name: string
+  }
+  /**
+   * This will make it possible to override the default behaviour.
+   */
+  Template?: React.ComponentType<TemplateProps>
+}
+
+export function Mutation({ factory, Template = defaultTemplates.default }: Props): ReactNode {
+  const {
+    plugin: {
+      options: { dataReturnType },
+    },
+  } = useApp<PluginSwr>()
+  const { getSchemas, getName } = useOperationManager()
+  const operation = useOperation()
+
+  const name = getName(operation, { type: 'function' })
+  const schemas = getSchemas(operation, { pluginKey: [pluginTsName], type: 'type' })
+
+  const params = new FunctionParams()
+  const client = {
+    method: operation.method,
+    path: new URLPath(operation.path),
+    generics: [`${factory.name}["data"]`, `${factory.name}["error"]`, schemas.request?.name ? `${factory.name}["request"]` : ''].filter(Boolean).join(', '),
+    withQueryParams: !!schemas.queryParams?.name,
+    withData: !!schemas.request?.name,
+    withPathParams: !!schemas.pathParams?.name,
+    withHeaders: !!schemas.headerParams?.name,
+  }
+
+  const resultGenerics = [`${factory.name}["response"]`, `${factory.name}["error"]`]
+
+  params.add([
+    ...getASTParams(schemas.pathParams, { typed: true }),
+    {
+      name: 'params',
+      type: `${factory.name}['queryParams']`,
+      enabled: client.withQueryParams,
+      required: false,
+    },
+    {
+      name: 'headers',
+      type: `${factory.name}['headerParams']`,
+      enabled: client.withHeaders,
+      required: false,
+    },
+    {
+      name: 'options',
+      required: false,
+      type: `{
+        mutation?: SWRMutationConfiguration<${resultGenerics.join(', ')}>,
+        client?: ${factory.name}['client']['parameters'],
+        shouldFetch?: boolean,
+      }`,
+      default: '{}',
+    },
+  ])
+
+  const hook = {
+    name: 'useSWRMutation',
+    generics: [...resultGenerics, client.withQueryParams ? '[typeof url, typeof params] | null' : 'typeof url | null'].join(', '),
+  }
+
+  return (
+    <Template
+      name={name}
+      JSDoc={{ comments: getComments(operation) }}
+      client={client}
+      hook={hook}
+      params={params.toString()}
+      returnType={`SWRMutationResponse<${resultGenerics.join(', ')}>`}
+      dataReturnType={dataReturnType}
+    />
+  )
+}
+
+type FileProps = {
+  /**
+   * This will make it possible to override the default behaviour.
+   */
+  templates?: typeof defaultTemplates
+}
+
+Mutation.File = function ({ templates = defaultTemplates }: FileProps): ReactNode {
+  const {
+    plugin: {
+      options: {
+        extName,
+        client: { importPath },
+      },
+    },
+  } = useApp<PluginSwr>()
+
+  const { getSchemas, getFile, getName } = useOperationManager()
+  const operation = useOperation()
+
+  const schemas = getSchemas(operation, { pluginKey: [pluginTsName], type: 'type' })
+  const file = getFile(operation)
+  const fileType = getFile(operation, { pluginKey: [pluginTsName] })
+  const factoryName = getName(operation, { type: 'type' })
+
+  const Template = templates.default
+  const factory = {
+    name: factoryName,
+  }
+
+  return (
+    <Parser language="typescript">
+      <File<FileMeta> baseName={file.baseName} path={file.path} meta={file.meta}>
+        <File.Import name="useSWRMutation" path="swr/mutation" />
+        <File.Import name={['SWRMutationConfiguration', 'SWRMutationResponse']} path="swr/mutation" isTypeOnly />
+        <File.Import name={'client'} path={importPath} />
+        <File.Import name={['ResponseConfig']} path={importPath} isTypeOnly />
+        <File.Import
+          extName={extName}
+          name={[
+            schemas.request?.name,
+            schemas.response.name,
+            schemas.pathParams?.name,
+            schemas.queryParams?.name,
+            schemas.headerParams?.name,
+            ...(schemas.errors?.map((error) => error.name) || []),
+          ].filter(Boolean)}
+          root={file.path}
+          path={fileType.path}
+          isTypeOnly
+        />
+
+        <File.Source>
+          <SchemaType factory={factory} />
+          <Mutation Template={Template} factory={factory} />
+        </File.Source>
+      </File>
+    </Parser>
+  )
+}
+
+Mutation.templates = defaultTemplates