univer/examples/tailwind.config.ts

import type { Config } from 'tailwindcss';
import fs from 'node:fs';
import path from 'node:path';
import { fileURLToPath } from 'node:url';
import preset from '@univerjs-infra/shared/tailwind';
import animate from 'tailwindcss-animate';

const __dirname = path.dirname(fileURLToPath(import.meta.url));

const packagesDir = fs.readdirSync(path.resolve(__dirname, '../packages')).map((dir) => path.resolve(__dirname, `../packages/${dir}`));
const packagesExperimentalDir = fs.readdirSync(path.resolve(__dirname, '../common')).map((dir) => path.resolve(__dirname, `../common/${dir}`));

const tailwindProjects = packagesDir.concat(packagesExperimentalDir).reduce((acc, dir) => {
    const tailwindConfig = path.resolve(dir, 'tailwind.config.ts');
    if (fs.existsSync(tailwindConfig)) {
        acc.push(`${dir}/src/**/*.{js,ts,jsx,tsx}`);
    }
    return acc;
}, [] as string[]);

const config: Config = {
    presets: [preset],
    content: [
        './src/**/*.{js,ts,jsx,tsx}',
        ...tailwindProjects,
    ],
    plugins: [
        animate,
    ],
};

export default config;