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

const config: AppConfig = {
  head: ['<script src="/playground.js" defer></script>'],
  seo: {
    title: "WRNexus UI Component Showcase",
    titleTemplate: "%s | UI Showcase",
    description: "A generated, exhaustive showcase of every component in @wrnexus/ui.",
    robots: "noindex,nofollow",
    themeColor: "#7c3aed",
  },
  theme: {
    palette: "violet",
    default: "light",
  },
  fonts: {
    sans: '"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif',
    google: [{ family: "Plus Jakarta Sans", weights: [400, 500, 600, 700, 800] }],
  },
  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();
    },
  },
};

export default config;
