Kubb doesn't create the files anymore

[HelenaVeltri]

Hi! So I have this one problem, well a big one.
I use Kubb since three months ago with this same configuration, but since the past few months, Kubb just stopped functioning.
I will give you some context, the generation from Kubb is triggered via Vite (you star a command like 'npm run dev', and Kubb start generating the files before), using .env data to get and create a file with the Open API data.

My problem is, Kubb create the openapi.json archive, but any of the plugins is started, and just fail.
I pasted the json to some websites to debugging (https://jsonlint.com/ and https://editor.swagger.io/) and they didn't sai anything like and error, the json validator said it's valid, and the swagger editor just said some errors like "Header Parameter named "Accept" is ignored", but when the documentation still working.
to investigate this better i returned Kubb to the manual trigger by 'npm run generate'.

kubb.config.ts -> (./src/app/config/kubb.config.ts )

import { defineConfig } from "@kubb/core";
import { pluginOas } from "@kubb/plugin-oas";
import { pluginTs } from "@kubb/plugin-ts";
import { pluginClient } from "@kubb/plugin-client";
import { pluginZod } from "@kubb/plugin-zod";
import { pluginVueQuery } from "@kubb/plugin-vue-query";
import { pluginFaker } from "@kubb/plugin-faker";
import { pluginMsw } from "@kubb/plugin-msw";
import fs from "fs/promises";
import path from "node:path";

interface EnvVars {
  VITE_DOCS_EMAIL: string;
  VITE_DOCS_PASSWORD: string;
  VITE_DOCS_API2_URL: string;
}

export default defineConfig(async (env: EnvVars) => {
  const kubbLogin = env.VITE_DOCS_EMAIL;
  const kubbPassword = env.VITE_DOCS_PASSWORD;
  const apiJsonUrl = env.VITE_DOCS_API2_URL;

  console.log("LINK PARA A DOCUMENTAÇÃO:", apiJsonUrl);
  const getToken = async () => {
    if (kubbLogin && kubbPassword && apiJsonUrl) {
      const body = new URLSearchParams({
        email_user: kubbLogin,
        password: kubbPassword,
        next: "/",
      });
      const res = await fetch(apiJsonUrl + "/auth/login", {
        method: "POST",
        headers: { "Content-Type": "application/x-www-form-urlencoded" },
        body: body.toString(),
        redirect: "manual",
      });

      let cookies = res.headers.get("set-cookie");

      if (!cookies && typeof res.headers.getSetCookie === "function") {
        const arr = res.headers.getSetCookie();
        cookies = Array.isArray(arr) ? arr.join("; ") : null;
      }

      if (!cookies) {
        throw new Error(`Cookies not found (status ${res.status})`);
      }

      const match = cookies.match(/docs_token=([^;]+)/);
      if (!match) throw new Error("docs_token not found in Set-Cookie");

      return match[1];
    }
  };

  const token = await getToken();

  const res = await fetch(apiJsonUrl + "/openapi.json", {
    headers: {
      Cookie: `docs_token=${token}`,
    },
  });

  const docJson = await res.text();
  const localPath = "./.openapi.json";
  await fs.writeFile(localPath, docJson, "utf8"); //Kubb create the right file, in the right place
  const rootDir = process.cwd();
  const outputPath = path.resolve(rootDir, "src/shared/generated/apiServiceKubb");
  console.log(outputPath); //Kubb return the right outputPath
  return {
    input: {
      path: "./.openapi.json",
    },
    output: {
      path: outputPath,
    },
    plugins: [
      pluginOas({ output: false, validate: true }),
      pluginTs({
        output: {
          path: "types/ApiV2Types.ts",
        },
      }),
      pluginClient({
        output: { path: "stores/ApiV2Client.ts" },
        client: "axios",
        importPath: "@app/services/apiServiceKubb",
      }),
      pluginZod({ output: { path: "schemas/ApiV2Schemas.ts" } }),
      pluginFaker({
        output: { path: "mockups/ApiV2MockupTypes.ts" },
      }),
      pluginMsw({
        output: { path: "mockups/ApiV2MockupsClient" },
        handlers: true,
        parser: "faker",
      }),
      pluginVueQuery({
        output: { path: "./hooks/ApiV2Query.ts" },
        client: {
          importPath: "@app/services/apiServiceKubb",
        },
      }),
    ],
  };
});

vite.config.mts -> (./vite.config.mts)

import { fileURLToPath, URL } from "node:url";

import { defineConfig, loadEnv } from "vite";
import vue from "@vitejs/plugin-vue";
import vueJsx from "@vitejs/plugin-vue-jsx";
// import kubbConfig from "@/config/kubb.config";
import kubb from "unplugin-kubb/vite";

const getKubbConfig = async (env: any) => {
  const mod = await import("./src/app/config/kubb.config.js");
  return typeof mod.default === "function" ? await mod.default(env) : mod.default;
};

export default defineConfig(async ({ mode }) => {
  const env = loadEnv(mode, process.cwd(), "");

  return getKubbConfig(env).then((config) => {
    return defineConfig({
      plugins: [vue(), vueJsx(), kubb({ config })],
      resolve: {
        alias: {
          "@": new URL("./src", import.meta.url).pathname,
          "@config": new URL("./src/config", import.meta.url).pathname,
          "@apiToolkit": new URL("./src/shared/generated/apiServiceKubb", import.meta.url).pathname,
          "@shared": new URL("./src/shared", import.meta.url).pathname,
          "@app": new URL("./src/app", import.meta.url).pathname,
          "@modules": new URL("./src/modules", import.meta.url).pathname,
        },
      },
      server: {
        hmr: true,
      },
    });
  });
});

The output from the manual command:

The output via vite with the command 'npm run dev':

[stijnvanhulle]

What happens when you add --debug to the kubb generate command? To you see any errors?

[HelenaVeltri]

Some updates, i manually put old versions of the Kubb plugins, cli, core, and unplugin, and it worked! But with the latest releases of Kubb, the unplugin doesn't work.
These are the versions that are working for me:

[stijnvanhulle]

@HelenaVeltri Can you retry with Kubb v4.12.0 and unplugin v4.0.1 and see if you are getting some warnings/errors?

[HelenaVeltri]

the creating of the files via npm run dev still not working

via npm run dev:

via generate:

[stijnvanhulle]

@HelenaVeltri You need to pass the config and not the tranformed config (the kubb.config.ts file), so maybe exporting the config like export const config = { input: ..., plugins:[] }; export default defineConfig(config)