import { defineConfig } from "vite";
import ViteRuby from "vite-plugin-ruby";
import React from "@vitejs/plugin-react";
import UnoCSS from "unocss/vite";

export default defineConfig({
	plugins: [
		ViteRuby(),
		React(),
		UnoCSS(),
	],
});

import {
	presetUno,
	transformerDirectives,
	presetTypography,
	defineConfig,
} from "unocss";
import { presetForms } from "@julr/unocss-preset-forms";
import slimExtractor from "./slim_extractor";

export default defineConfig({
	content: {
		pipeline: {
			include: [
				// slim added to the default list here, otherwise they won't be detected
				/\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html|slim)($|\?)/,
			],
		},
		filesystem: [
			"app/views/**/*",
		],
	},
	extractors: [slimExtractor()],
	presets: [presetUno(), presetTypography(), presetForms()],
	transformers: [transformerDirectives()]
})

const classPattern = /(?:class\s*=\s*"([^"]+)"|\.([-:_\/\\\w\d]+))/g;

export default function slimExtractor() {
	return {
		name: "slim-extractor",
		extract({ id, code }) {
			if (id.endsWith(".slim")) {
				const matches = new Set();

				while (true) {
					const match = classPattern.exec(code);

					if (match === null) break;

					if (match[1]) {
						for (const cls of match[1].split(/\s+/)) {
							matches.add(cls);
						}
					} else if (match[2]) {
						matches.add(match[2]);
					}
				}

				return Array.from(matches);
			}
		},
	};
}