import type { Config } from 'tailwindcss';
import { existsSync, readFileSync } from 'node:fs';
import path from 'node:path';
import { fileURLToPath } from 'node:url';
import scrollbar from 'tailwind-scrollbar';

const SOURCE_CONTENT = './src/**/*.{js,ts,jsx,tsx}';
const DEPENDENCY_SOURCE_CONTENT = './node_modules/{name}/src/**/*.{js,ts,jsx,tsx}';

interface ITailwindContentOptions {
    includeStyleDependencies?: boolean;
}

interface IPackageJson {
    dependencies?: Record<string, string>;
}

function getPackageDir(configUrl: string) {
    const configPath = configUrl.startsWith('file:')
        ? fileURLToPath(configUrl)
        : configUrl;

    return path.dirname(configPath);
}

function getPackageJson(packageDir: string): IPackageJson {
    const packageJsonPath = path.join(packageDir, 'package.json');

    if (!existsSync(packageJsonPath)) {
        return {};
    }

    return JSON.parse(readFileSync(packageJsonPath, 'utf8')) as IPackageJson;
}

function getDependencyDir(packageDir: string, dependencyName: string) {
    return path.join(packageDir, 'node_modules', dependencyName);
}

function compareDependencyName(left: string, right: string) {
    const leftScope = left.startsWith('@univerjs-pro/') ? 1 : 0;
    const rightScope = right.startsWith('@univerjs-pro/') ? 1 : 0;

    if (leftScope !== rightScope) {
        return leftScope - rightScope;
    }

    return left.localeCompare(right);
}

export function createTailwindContent(configUrl: string, options: ITailwindContentOptions = {}) {
    const content = [SOURCE_CONTENT];

    if (!options.includeStyleDependencies) {
        return content;
    }

    const packageDir = getPackageDir(configUrl);
    const packageJson = getPackageJson(packageDir);
    const dependencyNames = Object.keys(packageJson.dependencies ?? {})
        .filter((dependencyName) => {
            if (!dependencyName.startsWith('@univerjs')) {
                return false;
            }

            return existsSync(path.join(getDependencyDir(packageDir, dependencyName), 'src/global.css'));
        })
        .sort(compareDependencyName);

    return [
        ...content,
        ...dependencyNames.map((dependencyName) => DEPENDENCY_SOURCE_CONTENT.replace('{name}', dependencyName)),
    ];
}

const config: Omit<Config, 'content'> = {
    prefix: 'univer-',
    darkMode: 'selector',
    future: {
        hoverOnlyWhenSupported: true,
    },
    corePlugins: {
        preflight: false,
    },
    theme: {
        extend: {
            colors: {
                primary: {
                    50: 'var(--univer-primary-50)',
                    100: 'var(--univer-primary-100)',
                    200: 'var(--univer-primary-200)',
                    300: 'var(--univer-primary-300)',
                    400: 'var(--univer-primary-400)',
                    500: 'var(--univer-primary-500)',
                    600: 'var(--univer-primary-600)',
                    700: 'var(--univer-primary-700)',
                    800: 'var(--univer-primary-800)',
                    900: 'var(--univer-primary-900)',
                },
                gray: {
                    0: 'var(--univer-gray-0)',
                    50: 'var(--univer-gray-50)',
                    100: 'var(--univer-gray-100)',
                    200: 'var(--univer-gray-200)',
                    300: 'var(--univer-gray-300)',
                    400: 'var(--univer-gray-400)',
                    500: 'var(--univer-gray-500)',
                    600: 'var(--univer-gray-600)',
                    700: 'var(--univer-gray-700)',
                    800: 'var(--univer-gray-800)',
                    900: 'var(--univer-gray-900)',
                    1000: 'var(--univer-gray-1000)',
                },
                blue: {
                    50: 'var(--univer-blue-50)',
                    100: 'var(--univer-blue-100)',
                    200: 'var(--univer-blue-200)',
                    300: 'var(--univer-blue-300)',
                    400: 'var(--univer-blue-400)',
                    500: 'var(--univer-blue-500)',
                    600: 'var(--univer-blue-600)',
                    700: 'var(--univer-blue-700)',
                    800: 'var(--univer-blue-800)',
                    900: 'var(--univer-blue-900)',
                },
                red: {
                    50: 'var(--univer-red-50)',
                    100: 'var(--univer-red-100)',
                    200: 'var(--univer-red-200)',
                    300: 'var(--univer-red-300)',
                    400: 'var(--univer-red-400)',
                    500: 'var(--univer-red-500)',
                    600: 'var(--univer-red-600)',
                    700: 'var(--univer-red-700)',
                    800: 'var(--univer-red-800)',
                    900: 'var(--univer-red-900)',
                },
                orange: {
                    50: 'var(--univer-orange-50)',
                    100: 'var(--univer-orange-100)',
                    200: 'var(--univer-orange-200)',
                    300: 'var(--univer-orange-300)',
                    400: 'var(--univer-orange-400)',
                    500: 'var(--univer-orange-500)',
                    600: 'var(--univer-orange-600)',
                    700: 'var(--univer-orange-700)',
                    800: 'var(--univer-orange-800)',
                    900: 'var(--univer-orange-900)',
                },
                yellow: {
                    50: 'var(--univer-yellow-50)',
                    100: 'var(--univer-yellow-100)',
                    200: 'var(--univer-yellow-200)',
                    300: 'var(--univer-yellow-300)',
                    400: 'var(--univer-yellow-400)',
                    500: 'var(--univer-yellow-500)',
                    600: 'var(--univer-yellow-600)',
                    700: 'var(--univer-yellow-700)',
                    800: 'var(--univer-yellow-800)',
                    900: 'var(--univer-yellow-900)',
                },
                green: {
                    50: 'var(--univer-green-50)',
                    100: 'var(--univer-green-100)',
                    200: 'var(--univer-green-200)',
                    300: 'var(--univer-green-300)',
                    400: 'var(--univer-green-400)',
                    500: 'var(--univer-green-500)',
                    600: 'var(--univer-green-600)',
                    700: 'var(--univer-green-700)',
                    800: 'var(--univer-green-800)',
                    900: 'var(--univer-green-900)',
                },
                jiqing: {
                    50: 'var(--univer-jiqing-50)',
                    100: 'var(--univer-jiqing-100)',
                    200: 'var(--univer-jiqing-200)',
                    300: 'var(--univer-jiqing-300)',
                    400: 'var(--univer-jiqing-400)',
                    500: 'var(--univer-jiqing-500)',
                    600: 'var(--univer-jiqing-600)',
                    700: 'var(--univer-jiqing-700)',
                    800: 'var(--univer-jiqing-800)',
                    900: 'var(--univer-jiqing-900)',
                },
                indigo: {
                    50: 'var(--univer-indigo-50)',
                    100: 'var(--univer-indigo-100)',
                    200: 'var(--univer-indigo-200)',
                    300: 'var(--univer-indigo-300)',
                    400: 'var(--univer-indigo-400)',
                    500: 'var(--univer-indigo-500)',
                    600: 'var(--univer-indigo-600)',
                    700: 'var(--univer-indigo-700)',
                    800: 'var(--univer-indigo-800)',
                    900: 'var(--univer-indigo-900)',
                },
                purple: {
                    50: 'var(--univer-purple-50)',
                    100: 'var(--univer-purple-100)',
                    200: 'var(--univer-purple-200)',
                    300: 'var(--univer-purple-300)',
                    400: 'var(--univer-purple-400)',
                    500: 'var(--univer-purple-500)',
                    600: 'var(--univer-purple-600)',
                    700: 'var(--univer-purple-700)',
                    800: 'var(--univer-purple-800)',
                    900: 'var(--univer-purple-900)',
                },
                pink: {
                    50: 'var(--univer-pink-50)',
                    100: 'var(--univer-pink-100)',
                    200: 'var(--univer-pink-200)',
                    300: 'var(--univer-pink-300)',
                    400: 'var(--univer-pink-400)',
                    500: 'var(--univer-pink-500)',
                    600: 'var(--univer-pink-600)',
                    700: 'var(--univer-pink-700)',
                    800: 'var(--univer-pink-800)',
                    900: 'var(--univer-pink-900)',
                },
            },
            boxShadow: {
                sm: '0px 1px 2px 0px rgba(30, 40, 77, 0.08)',
                md: '0px 1px 6px -2px rgba(30, 40, 77, 0.08), 0px 2px 6px -1px rgba(30, 40, 77, 0.10)',
                lg: '0px 4px 6px 0px rgba(30, 40, 77, 0.05), 0px 10px 15px -3px rgba(30, 40, 77, 0.10)',
                xl: '0px 10px 10px 0px rgba(30, 40, 77, 0.04), 0px 20px 24px -5px rgba(30, 40, 77, 0.10)',
                '2xl': '0px 24px 50px -12px rgba(30, 40, 77, 0.24)',
            },
        },
    },
    plugins: [
        scrollbar,
    ],
};

export default config;