/** @type {import('tailwindcss').Config} */
const { heroui } = require("@heroui/react");
const path = require("path");

module.exports = {
  content: {
    relative: true,
    files: [
      // 只扫描项目源码（不包含 node_modules）
      "./src/**/*.{js,jsx,ts,tsx}",
      "./public/index.html",

      // Hero UI 必需的文件（精确路径）
      "./node_modules/@heroui/theme/dist/**/*.{js,mjs}",
      "./node_modules/@heroui/react/dist/**/*.{js,mjs}",
    ],
    // 明确排除 node_modules 的其他部分
    transform: {
      // 排除 node_modules 中非 heroui 的文件
      DEFAULT: (content, { path: filePath }) => {
        // 如果是 node_modules 中的文件，但不是 @heroui，则跳过
        if (filePath.includes('node_modules') && !filePath.includes('@heroui')) {
          return '';
        }
        return content;
      },
    },
  },

  darkMode: "class", // 支持深色模式

  theme: {
    extend: {
      // Brainwave 自定义颜色
      colors: {
        n: {
          1: "#FFFFFF",
          2: "#CAC6DD",
          3: "#ADA8C3",
          4: "#757185",
          5: "#3F3A52",
          6: "#252134",
          7: "#15131D",
          8: "#0E0C15",
        },
        color: {
          1: "#AC6AFF",
          2: "#FFC876",
          3: "#FF776F",
          4: "#7ADB78",
          5: "#858DFF",
          6: "#FF98E2",
        },
        stroke: {
          1: "#26242C",
        },
      },
    },
  },

  plugins: [heroui()],

  // 性能优化
  safelist: [
    // Hero UI 动态类名
    'bg-gradient-to-br',
    'from-blue-500',
    'to-purple-500',
    'backdrop-blur-xl',
  ],

  // 优化缓存
  cacheLocation: path.resolve(__dirname, 'node_modules/.cache/tailwindcss'),
}