import type { AppConfig } from "@wrnexus/styles";
import { captchaPlugin } from "@wrnexus/captcha/plugin";

const config: AppConfig & { plugins?: unknown[] } = {
  seo: {
    title: "WRNexus CAPTCHA Showcase",
    description: "Number, text, calculation, image, audio, invisible, managed, and third-party CAPTCHA examples.",
    canonicalBase: "http://localhost:3000",
    robots: "noindex,nofollow",
  },
  theme: { palette: "blue", default: "dark" },
  styles: {
    entry: "app/styles/global.css",
    process: async ({ entryPath, appRoot, mode }) => {
      const args = ["@tailwindcss/cli", "-i", entryPath!];
      if (mode === "production") args.push("--minify");
      return await Bun.$.cwd(appRoot)`bunx ${args}`.text();
    },
  },
  plugins: [captchaPlugin({ enableDevToolbar: true })],
};

export default config;