@flairjs/webpack-loader 0.0.1-beta.5 → 0.0.1-beta.6

package/dist/cjs/index.js

@@ -71,8 +71,33 @@ function tokensToCSSVars(tokens, prefix = []) {
 	}
 	return css$1;
 }
+var Store = class {
+	fileNameToGeneratedCssNameMap = /* @__PURE__ */ new Map();
+	lastThemeUpdate = Date.now();
+	userTheme = /* @__PURE__ */ new Map();
+	getUserTheme() {
+		return this.userTheme.get(this.lastThemeUpdate) ?? null;
+	}
+	setUserTheme(theme) {
+		this.userTheme.set(this.lastThemeUpdate, theme);
+	}
+	getLastThemeUpdate() {
+		return this.lastThemeUpdate;
+	}
+	setLastThemeUpdate(timestamp) {
+		this.lastThemeUpdate = timestamp;
+	}
+	setFileNameToGeneratedCssNameMap(fileName, generatedCssName) {
+		this.fileNameToGeneratedCssNameMap.set(fileName, generatedCssName);
+	}
+	getGeneratedCssName(fileName) {
+		return this.fileNameToGeneratedCssNameMap.get(fileName);
+	}
+};
+const store = new Store();
 const __dirname$1 = (0, node_path.dirname)((0, node_url.fileURLToPath)(require("url").pathToFileURL(__filename).href));
 const getUserTheme = async () => {
+	if (store.getUserTheme()) return store.getUserTheme();
 	try {
 		let userThemeFilePath = path.default.resolve(process.cwd(), "flair.theme.ts");
 		if (!(0, fs.existsSync)(userThemeFilePath)) userThemeFilePath = path.default.resolve(process.cwd(), "flair.theme.js");
@@ -88,10 +113,17 @@ const getUserTheme = async () => {
 		});
 		const cacheBuster = Date.now();
 		const userTheme = await import(`${(0, url.pathToFileURL)(outFile).href}?update=${cacheBuster}`);
-		if (userTheme.default) return {
-			theme: userTheme.default,
-			originalPath: userThemeFilePath
-		};
+		if (userTheme.default) {
+			store.setUserTheme({
+				theme: userTheme.default,
+				originalPath: userThemeFilePath
+			});
+			return {
+				theme: userTheme.default,
+				originalPath: userThemeFilePath
+			};
+		}
+		store.setUserTheme(null);
 		return null;
 	} catch (error) {
 		console.error("Error loading user theme:", error);
@@ -99,57 +131,72 @@ const getUserTheme = async () => {
 	}
 };
 const require$1 = node_module.default.createRequire(require("url").pathToFileURL(__filename).href);
-/**
-* Initialize the shared plugin context
-*/
-async function initializeSharedContext(options = {}) {
-	const { buildThemeFile } = options;
-	const fileNameToGeneratedCssNameMap = /* @__PURE__ */ new Map();
+const getGeneratedCssDir = () => {
 	const flairThemeFile = require$1.resolve("@flairjs/client/theme.css");
-	const flairGeneratedCssDir = node_path.default.resolve(flairThemeFile, "../generated-css");
-	if (!(0, node_fs.existsSync)(flairGeneratedCssDir)) await (0, node_fs_promises.mkdir)(flairGeneratedCssDir);
-	else {
-		await (0, node_fs_promises.rm)(flairGeneratedCssDir, {
-			recursive: true,
-			force: true
-		});
-		await (0, node_fs_promises.mkdir)(flairGeneratedCssDir);
+	return node_path.default.resolve(flairThemeFile, "../generated-css");
+};
+const setupGeneratedCssDir = async (options) => {
+	const flairGeneratedCssDir = getGeneratedCssDir();
+	const { clearExisting = true } = options ?? {};
+	try {
+		if (!(0, node_fs.existsSync)(flairGeneratedCssDir)) await (0, node_fs_promises.mkdir)(flairGeneratedCssDir);
+		else if (clearExisting) {
+			await (0, node_fs_promises.rm)(flairGeneratedCssDir, {
+				recursive: true,
+				force: true
+			});
+			await (0, node_fs_promises.mkdir)(flairGeneratedCssDir);
+		}
+	} catch (err) {
+		if (err?.code === "EEXIST") return flairGeneratedCssDir;
+		else if ((0, node_fs.existsSync)(flairGeneratedCssDir)) return flairGeneratedCssDir;
+		console.error(`[flairjs] Could not create generated CSS directory: ${flairGeneratedCssDir}`, err);
+		return null;
 	}
+	return flairGeneratedCssDir;
+};
+const setupUserThemeFile = async ({ buildThemeFile }) => {
+	const flairThemeFile = require$1.resolve("@flairjs/client/theme.css");
 	let userTheme = await getUserTheme();
 	const buildThemeCSS = buildThemeFile ?? buildThemeTokens;
 	if (userTheme) {
 		const themeCSS = buildThemeCSS(userTheme.theme);
+		store.setLastThemeUpdate(Date.now());
 		await (0, node_fs_promises.writeFile)(flairThemeFile, themeCSS, "utf-8");
 		(0, node_fs.watch)(userTheme.originalPath, async () => {
 			userTheme = await getUserTheme();
+			store.setLastThemeUpdate(Date.now());
 			if (!userTheme) return;
 			const themeCSS$1 = buildThemeCSS(userTheme.theme);
 			await (0, node_fs_promises.writeFile)(flairThemeFile, themeCSS$1, "utf-8");
 		});
 	}
-	const refreshCssFile = (filePath) => {
-		if (fileNameToGeneratedCssNameMap.has(filePath)) {
-			const previousGeneratedCssName = fileNameToGeneratedCssNameMap.get(filePath);
-			setTimeout(() => {
-				(0, node_fs_promises.rm)(node_path.default.join(flairGeneratedCssDir, previousGeneratedCssName));
-			}, 2e3);
+	return userTheme;
+};
+const removeOutdatedCssFiles = async (sourceFilePath, cssFilePath, { flairGeneratedCssDir, clearInstantly = false }) => {
+	const previousGeneratedCssName = store.getGeneratedCssName(sourceFilePath);
+	if (previousGeneratedCssName && previousGeneratedCssName !== cssFilePath) {
+		if (clearInstantly) {
+			await (0, node_fs_promises.rm)(node_path.default.join(flairGeneratedCssDir, previousGeneratedCssName), { force: true });
+			store.setFileNameToGeneratedCssNameMap(sourceFilePath, cssFilePath);
+			return;
 		}
-	};
-	return {
-		flairThemeFile,
-		flairGeneratedCssDir,
-		userTheme,
-		buildThemeCSS,
-		refreshCssFile
-	};
-}
+		setTimeout(() => {
+			(0, node_fs_promises.rm)(node_path.default.join(flairGeneratedCssDir, previousGeneratedCssName), { force: true });
+		}, 2e3);
+	}
+	store.setFileNameToGeneratedCssNameMap(sourceFilePath, cssFilePath);
+};
 function shouldProcessFile(id, include, exclude) {
-	const isIncluded = (0, picomatch.default)(include || ["**/*.{js,ts,jsx,tsx}"]);
-	const isExcluded = (0, picomatch.default)(exclude || ["node_modules/**"]);
-	if (!isIncluded(id)) return false;
-	if (isExcluded(id)) return false;
+	const isIncluded = (0, picomatch.default)(include ?? ["**/*.{js,ts,jsx,tsx}"]);
+	const isExcluded = (0, picomatch.default)(exclude ?? ["**/node_modules/**"]);
+	if (!isIncluded(normalizeFilePath(id))) return false;
+	if (isExcluded(normalizeFilePath(id))) return false;
 	return true;
 }
+function normalizeFilePath(filePath) {
+	return filePath.replace(/\\/g, "/");
+}
 const colors = {
 	reset: "\x1B[0m",
 	fg: {
@@ -191,28 +238,42 @@ const transformCode = (code, filePath, options) => {
 
 //#endregion
 //#region src/index.ts
+let initialized = false;
 async function flairJsLoader(source, sourceMap) {
 	const callback = this.async();
+	const options = this.getOptions() || {};
 	if (!callback) {
 		console.error("@flairjs/webpack-loader requires async support");
 		return;
 	}
-	const options = this.getOptions() || {};
-	const context = await initializeSharedContext(options);
 	const fileName = this.resourcePath;
 	if (!shouldProcessFile(fileName, options?.include, options?.exclude)) return callback(null, source, sourceMap);
+	let cssGeneratedDir = null;
+	let userTheme = null;
+	if (!initialized) {
+		cssGeneratedDir = await setupGeneratedCssDir();
+		userTheme = await setupUserThemeFile({ buildThemeFile: options.buildThemeFile });
+		initialized = true;
+	} else {
+		cssGeneratedDir = getGeneratedCssDir();
+		userTheme = await getUserTheme();
+	}
+	if (!cssGeneratedDir) {
+		console.error("[flairjs] Could not find generated CSS directory. Skipping processing.");
+		return callback(null, source, sourceMap);
+	}
 	try {
 		const result = transformCode(source, fileName, {
 			appendTimestampToCssFile: true,
 			classNameList: options?.classNameList,
 			cssPreprocessor: options?.cssPreprocessor ? (css) => options.cssPreprocessor(css, fileName) : void 0,
-			theme: context.userTheme?.theme,
-			useTheme: !!context.userTheme,
-			cssOutDir: context.flairGeneratedCssDir
+			theme: userTheme?.theme,
+			useTheme: !!userTheme,
+			cssOutDir: cssGeneratedDir
 		});
 		if (!result) return callback(null, source, sourceMap);
-		if (result.generatedCssName) context.refreshCssFile(result.generatedCssName);
-		callback(null, result.code, result.map ? JSON.parse(result.map ?? "{}") : sourceMap);
+		if (result.generatedCssName) removeOutdatedCssFiles(fileName, result.generatedCssName, { flairGeneratedCssDir: cssGeneratedDir });
+		callback(null, result.code, result.sourcemap ? JSON.parse(result.sourcemap ?? "{}") : sourceMap);
 	} catch (error) {
 		console.error("[@flairjs/webpack-loader]", error);
 		callback(error, source, sourceMap);

package/dist/esm/index.js

@@ -37,8 +37,33 @@ function tokensToCSSVars(tokens, prefix = []) {
 	}
 	return css$1;
 }
+var Store = class {
+	fileNameToGeneratedCssNameMap = /* @__PURE__ */ new Map();
+	lastThemeUpdate = Date.now();
+	userTheme = /* @__PURE__ */ new Map();
+	getUserTheme() {
+		return this.userTheme.get(this.lastThemeUpdate) ?? null;
+	}
+	setUserTheme(theme) {
+		this.userTheme.set(this.lastThemeUpdate, theme);
+	}
+	getLastThemeUpdate() {
+		return this.lastThemeUpdate;
+	}
+	setLastThemeUpdate(timestamp) {
+		this.lastThemeUpdate = timestamp;
+	}
+	setFileNameToGeneratedCssNameMap(fileName, generatedCssName) {
+		this.fileNameToGeneratedCssNameMap.set(fileName, generatedCssName);
+	}
+	getGeneratedCssName(fileName) {
+		return this.fileNameToGeneratedCssNameMap.get(fileName);
+	}
+};
+const store = new Store();
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const getUserTheme = async () => {
+	if (store.getUserTheme()) return store.getUserTheme();
 	try {
 		let userThemeFilePath = path$1.resolve(process.cwd(), "flair.theme.ts");
 		if (!existsSync$1(userThemeFilePath)) userThemeFilePath = path$1.resolve(process.cwd(), "flair.theme.js");
@@ -54,10 +79,17 @@ const getUserTheme = async () => {
 		});
 		const cacheBuster = Date.now();
 		const userTheme = await import(`${pathToFileURL(outFile).href}?update=${cacheBuster}`);
-		if (userTheme.default) return {
-			theme: userTheme.default,
-			originalPath: userThemeFilePath
-		};
+		if (userTheme.default) {
+			store.setUserTheme({
+				theme: userTheme.default,
+				originalPath: userThemeFilePath
+			});
+			return {
+				theme: userTheme.default,
+				originalPath: userThemeFilePath
+			};
+		}
+		store.setUserTheme(null);
 		return null;
 	} catch (error) {
 		console.error("Error loading user theme:", error);
@@ -65,57 +97,72 @@ const getUserTheme = async () => {
 	}
 };
 const require = module.createRequire(import.meta.url);
-/**
-* Initialize the shared plugin context
-*/
-async function initializeSharedContext(options = {}) {
-	const { buildThemeFile } = options;
-	const fileNameToGeneratedCssNameMap = /* @__PURE__ */ new Map();
+const getGeneratedCssDir = () => {
 	const flairThemeFile = require.resolve("@flairjs/client/theme.css");
-	const flairGeneratedCssDir = path.resolve(flairThemeFile, "../generated-css");
-	if (!existsSync(flairGeneratedCssDir)) await mkdir(flairGeneratedCssDir);
-	else {
-		await rm(flairGeneratedCssDir, {
-			recursive: true,
-			force: true
-		});
-		await mkdir(flairGeneratedCssDir);
+	return path.resolve(flairThemeFile, "../generated-css");
+};
+const setupGeneratedCssDir = async (options) => {
+	const flairGeneratedCssDir = getGeneratedCssDir();
+	const { clearExisting = true } = options ?? {};
+	try {
+		if (!existsSync(flairGeneratedCssDir)) await mkdir(flairGeneratedCssDir);
+		else if (clearExisting) {
+			await rm(flairGeneratedCssDir, {
+				recursive: true,
+				force: true
+			});
+			await mkdir(flairGeneratedCssDir);
+		}
+	} catch (err) {
+		if (err?.code === "EEXIST") return flairGeneratedCssDir;
+		else if (existsSync(flairGeneratedCssDir)) return flairGeneratedCssDir;
+		console.error(`[flairjs] Could not create generated CSS directory: ${flairGeneratedCssDir}`, err);
+		return null;
 	}
+	return flairGeneratedCssDir;
+};
+const setupUserThemeFile = async ({ buildThemeFile }) => {
+	const flairThemeFile = require.resolve("@flairjs/client/theme.css");
 	let userTheme = await getUserTheme();
 	const buildThemeCSS = buildThemeFile ?? buildThemeTokens;
 	if (userTheme) {
 		const themeCSS = buildThemeCSS(userTheme.theme);
+		store.setLastThemeUpdate(Date.now());
 		await writeFile(flairThemeFile, themeCSS, "utf-8");
 		watch(userTheme.originalPath, async () => {
 			userTheme = await getUserTheme();
+			store.setLastThemeUpdate(Date.now());
 			if (!userTheme) return;
 			const themeCSS$1 = buildThemeCSS(userTheme.theme);
 			await writeFile(flairThemeFile, themeCSS$1, "utf-8");
 		});
 	}
-	const refreshCssFile = (filePath) => {
-		if (fileNameToGeneratedCssNameMap.has(filePath)) {
-			const previousGeneratedCssName = fileNameToGeneratedCssNameMap.get(filePath);
-			setTimeout(() => {
-				rm(path.join(flairGeneratedCssDir, previousGeneratedCssName));
-			}, 2e3);
+	return userTheme;
+};
+const removeOutdatedCssFiles = async (sourceFilePath, cssFilePath, { flairGeneratedCssDir, clearInstantly = false }) => {
+	const previousGeneratedCssName = store.getGeneratedCssName(sourceFilePath);
+	if (previousGeneratedCssName && previousGeneratedCssName !== cssFilePath) {
+		if (clearInstantly) {
+			await rm(path.join(flairGeneratedCssDir, previousGeneratedCssName), { force: true });
+			store.setFileNameToGeneratedCssNameMap(sourceFilePath, cssFilePath);
+			return;
 		}
-	};
-	return {
-		flairThemeFile,
-		flairGeneratedCssDir,
-		userTheme,
-		buildThemeCSS,
-		refreshCssFile
-	};
-}
+		setTimeout(() => {
+			rm(path.join(flairGeneratedCssDir, previousGeneratedCssName), { force: true });
+		}, 2e3);
+	}
+	store.setFileNameToGeneratedCssNameMap(sourceFilePath, cssFilePath);
+};
 function shouldProcessFile(id, include, exclude) {
-	const isIncluded = picomatch(include || ["**/*.{js,ts,jsx,tsx}"]);
-	const isExcluded = picomatch(exclude || ["node_modules/**"]);
-	if (!isIncluded(id)) return false;
-	if (isExcluded(id)) return false;
+	const isIncluded = picomatch(include ?? ["**/*.{js,ts,jsx,tsx}"]);
+	const isExcluded = picomatch(exclude ?? ["**/node_modules/**"]);
+	if (!isIncluded(normalizeFilePath(id))) return false;
+	if (isExcluded(normalizeFilePath(id))) return false;
 	return true;
 }
+function normalizeFilePath(filePath) {
+	return filePath.replace(/\\/g, "/");
+}
 const colors = {
 	reset: "\x1B[0m",
 	fg: {
@@ -157,28 +204,42 @@ const transformCode$1 = (code, filePath, options) => {
 
 //#endregion
 //#region src/index.ts
+let initialized = false;
 async function flairJsLoader(source, sourceMap) {
 	const callback = this.async();
+	const options = this.getOptions() || {};
 	if (!callback) {
 		console.error("@flairjs/webpack-loader requires async support");
 		return;
 	}
-	const options = this.getOptions() || {};
-	const context = await initializeSharedContext(options);
 	const fileName = this.resourcePath;
 	if (!shouldProcessFile(fileName, options?.include, options?.exclude)) return callback(null, source, sourceMap);
+	let cssGeneratedDir = null;
+	let userTheme = null;
+	if (!initialized) {
+		cssGeneratedDir = await setupGeneratedCssDir();
+		userTheme = await setupUserThemeFile({ buildThemeFile: options.buildThemeFile });
+		initialized = true;
+	} else {
+		cssGeneratedDir = getGeneratedCssDir();
+		userTheme = await getUserTheme();
+	}
+	if (!cssGeneratedDir) {
+		console.error("[flairjs] Could not find generated CSS directory. Skipping processing.");
+		return callback(null, source, sourceMap);
+	}
 	try {
 		const result = transformCode$1(source, fileName, {
 			appendTimestampToCssFile: true,
 			classNameList: options?.classNameList,
 			cssPreprocessor: options?.cssPreprocessor ? (css) => options.cssPreprocessor(css, fileName) : void 0,
-			theme: context.userTheme?.theme,
-			useTheme: !!context.userTheme,
-			cssOutDir: context.flairGeneratedCssDir
+			theme: userTheme?.theme,
+			useTheme: !!userTheme,
+			cssOutDir: cssGeneratedDir
 		});
 		if (!result) return callback(null, source, sourceMap);
-		if (result.generatedCssName) context.refreshCssFile(result.generatedCssName);
-		callback(null, result.code, result.map ? JSON.parse(result.map ?? "{}") : sourceMap);
+		if (result.generatedCssName) removeOutdatedCssFiles(fileName, result.generatedCssName, { flairGeneratedCssDir: cssGeneratedDir });
+		callback(null, result.code, result.sourcemap ? JSON.parse(result.sourcemap ?? "{}") : sourceMap);
 	} catch (error) {
 		console.error("[@flairjs/webpack-loader]", error);
 		callback(error, source, sourceMap);

package/dist/types/index.js

@@ -6,7 +6,6 @@ import { existsSync as existsSync$1 } from "fs";
 import path$1 from "path";
 import { fileURLToPath } from "node:url";
 import { pathToFileURL } from "url";
-import { transformCode } from "@flairjs/core";
 
 //#region rolldown:runtime
 var __create = Object.create;
@@ -28,6 +27,7 @@ var __copyProps$1 = (to, from, except, desc) => {
 	}
 	return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps$1(target, mod, "default"), secondTarget && __copyProps$1(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps$1(isNodeMode || !mod || !mod.__esModule ? __defProp$1(target, "default", {
 	value: mod,
 	enumerable: true
@@ -3947,9 +3947,15 @@ var require_picomatch = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/p
 }) });
 
 //#endregion
-//#region ../shared/dist/esm/index.js
-var import_main = /* @__PURE__ */ __toESM(require_main(), 1);
+//#region ../core/browser.js
 var import_picomatch = /* @__PURE__ */ __toESM(require_picomatch(), 1);
+var import_main = /* @__PURE__ */ __toESM(require_main(), 1);
+var browser_exports = {};
+import * as import___flairjs_core_wasm32_wasi from "@flairjs/core-wasm32-wasi";
+__reExport(browser_exports, import___flairjs_core_wasm32_wasi);
+
+//#endregion
+//#region ../shared/dist/esm/index.js
 String.raw;
 const buildThemeTokens = (theme, themeName) => {
 	let css$1 = "";
@@ -3976,8 +3982,33 @@ function tokensToCSSVars(tokens, prefix = []) {
 	}
 	return css$1;
 }
+var Store = class {
+	fileNameToGeneratedCssNameMap = /* @__PURE__ */ new Map();
+	lastThemeUpdate = Date.now();
+	userTheme = /* @__PURE__ */ new Map();
+	getUserTheme() {
+		return this.userTheme.get(this.lastThemeUpdate) ?? null;
+	}
+	setUserTheme(theme) {
+		this.userTheme.set(this.lastThemeUpdate, theme);
+	}
+	getLastThemeUpdate() {
+		return this.lastThemeUpdate;
+	}
+	setLastThemeUpdate(timestamp) {
+		this.lastThemeUpdate = timestamp;
+	}
+	setFileNameToGeneratedCssNameMap(fileName, generatedCssName) {
+		this.fileNameToGeneratedCssNameMap.set(fileName, generatedCssName);
+	}
+	getGeneratedCssName(fileName) {
+		return this.fileNameToGeneratedCssNameMap.get(fileName);
+	}
+};
+const store = new Store();
 const __dirname$1 = dirname(fileURLToPath(import.meta.url));
 const getUserTheme = async () => {
+	if (store.getUserTheme()) return store.getUserTheme();
 	try {
 		let userThemeFilePath = path$1.resolve(process.cwd(), "flair.theme.ts");
 		if (!existsSync$1(userThemeFilePath)) userThemeFilePath = path$1.resolve(process.cwd(), "flair.theme.js");
@@ -3993,10 +4024,17 @@ const getUserTheme = async () => {
 		});
 		const cacheBuster = Date.now();
 		const userTheme = await import(`${pathToFileURL(outFile).href}?update=${cacheBuster}`);
-		if (userTheme.default) return {
-			theme: userTheme.default,
-			originalPath: userThemeFilePath
-		};
+		if (userTheme.default) {
+			store.setUserTheme({
+				theme: userTheme.default,
+				originalPath: userThemeFilePath
+			});
+			return {
+				theme: userTheme.default,
+				originalPath: userThemeFilePath
+			};
+		}
+		store.setUserTheme(null);
 		return null;
 	} catch (error) {
 		console.error("Error loading user theme:", error);
@@ -4004,57 +4042,72 @@ const getUserTheme = async () => {
 	}
 };
 const require$1 = module$1.createRequire(import.meta.url);
-/**
-* Initialize the shared plugin context
-*/
-async function initializeSharedContext(options = {}) {
-	const { buildThemeFile } = options;
-	const fileNameToGeneratedCssNameMap = /* @__PURE__ */ new Map();
+const getGeneratedCssDir = () => {
 	const flairThemeFile = require$1.resolve("@flairjs/client/theme.css");
-	const flairGeneratedCssDir = path.resolve(flairThemeFile, "../generated-css");
-	if (!existsSync(flairGeneratedCssDir)) await mkdir(flairGeneratedCssDir);
-	else {
-		await rm(flairGeneratedCssDir, {
-			recursive: true,
-			force: true
-		});
-		await mkdir(flairGeneratedCssDir);
+	return path.resolve(flairThemeFile, "../generated-css");
+};
+const setupGeneratedCssDir = async (options) => {
+	const flairGeneratedCssDir = getGeneratedCssDir();
+	const { clearExisting = true } = options ?? {};
+	try {
+		if (!existsSync(flairGeneratedCssDir)) await mkdir(flairGeneratedCssDir);
+		else if (clearExisting) {
+			await rm(flairGeneratedCssDir, {
+				recursive: true,
+				force: true
+			});
+			await mkdir(flairGeneratedCssDir);
+		}
+	} catch (err) {
+		if (err?.code === "EEXIST") return flairGeneratedCssDir;
+		else if (existsSync(flairGeneratedCssDir)) return flairGeneratedCssDir;
+		console.error(`[flairjs] Could not create generated CSS directory: ${flairGeneratedCssDir}`, err);
+		return null;
 	}
+	return flairGeneratedCssDir;
+};
+const setupUserThemeFile = async ({ buildThemeFile }) => {
+	const flairThemeFile = require$1.resolve("@flairjs/client/theme.css");
 	let userTheme = await getUserTheme();
 	const buildThemeCSS = buildThemeFile ?? buildThemeTokens;
 	if (userTheme) {
 		const themeCSS = buildThemeCSS(userTheme.theme);
+		store.setLastThemeUpdate(Date.now());
 		await writeFile(flairThemeFile, themeCSS, "utf-8");
 		watch(userTheme.originalPath, async () => {
 			userTheme = await getUserTheme();
+			store.setLastThemeUpdate(Date.now());
 			if (!userTheme) return;
 			const themeCSS$1 = buildThemeCSS(userTheme.theme);
 			await writeFile(flairThemeFile, themeCSS$1, "utf-8");
 		});
 	}
-	const refreshCssFile = (filePath) => {
-		if (fileNameToGeneratedCssNameMap.has(filePath)) {
-			const previousGeneratedCssName = fileNameToGeneratedCssNameMap.get(filePath);
-			setTimeout(() => {
-				rm(path.join(flairGeneratedCssDir, previousGeneratedCssName));
-			}, 2e3);
+	return userTheme;
+};
+const removeOutdatedCssFiles = async (sourceFilePath, cssFilePath, { flairGeneratedCssDir, clearInstantly = false }) => {
+	const previousGeneratedCssName = store.getGeneratedCssName(sourceFilePath);
+	if (previousGeneratedCssName && previousGeneratedCssName !== cssFilePath) {
+		if (clearInstantly) {
+			await rm(path.join(flairGeneratedCssDir, previousGeneratedCssName), { force: true });
+			store.setFileNameToGeneratedCssNameMap(sourceFilePath, cssFilePath);
+			return;
 		}
-	};
-	return {
-		flairThemeFile,
-		flairGeneratedCssDir,
-		userTheme,
-		buildThemeCSS,
-		refreshCssFile
-	};
-}
+		setTimeout(() => {
+			rm(path.join(flairGeneratedCssDir, previousGeneratedCssName), { force: true });
+		}, 2e3);
+	}
+	store.setFileNameToGeneratedCssNameMap(sourceFilePath, cssFilePath);
+};
 function shouldProcessFile(id, include, exclude) {
-	const isIncluded = (0, import_picomatch.default)(include || ["**/*.{js,ts,jsx,tsx}"]);
-	const isExcluded = (0, import_picomatch.default)(exclude || ["node_modules/**"]);
-	if (!isIncluded(id)) return false;
-	if (isExcluded(id)) return false;
+	const isIncluded = (0, import_picomatch.default)(include ?? ["**/*.{js,ts,jsx,tsx}"]);
+	const isExcluded = (0, import_picomatch.default)(exclude ?? ["**/node_modules/**"]);
+	if (!isIncluded(normalizeFilePath(id))) return false;
+	if (isExcluded(normalizeFilePath(id))) return false;
 	return true;
 }
+function normalizeFilePath(filePath) {
+	return filePath.replace(/\\/g, "/");
+}
 const colors = {
 	reset: "\x1B[0m",
 	fg: {
@@ -4080,8 +4133,8 @@ const logger = {
 		console.log(`${colors.bg.blue}${colors.fg.white}[flairjs/Info]${colors.reset} ${msg}${colors.reset}`);
 	}
 };
-const transformCode$1 = (code, filePath, options) => {
-	const result = transformCode(code, filePath, {
+const transformCode = (code, filePath, options) => {
+	const result = (0, browser_exports.transformCode)(code, filePath, {
 		cssOutDir: options.cssOutDir,
 		classNameList: options.classNameList,
 		useTheme: options.useTheme,
@@ -4096,38 +4149,58 @@ const transformCode$1 = (code, filePath, options) => {
 
 //#endregion
 //#region src/index.ts
+var initialized = false;
 function flairJsLoader(source, sourceMap) {
 	return __awaiter(this, void 0, void 0, function() {
-		var callback, options, context$1, fileName, result;
-		var _a$1, _b;
-		return __generator(this, function(_c) {
-			switch (_c.label) {
+		var callback, options, fileName, cssGeneratedDir, userTheme, result;
+		var _a$1;
+		return __generator(this, function(_b) {
+			switch (_b.label) {
 				case 0:
 					callback = this.async();
+					options = this.getOptions() || {};
 					if (!callback) {
 						console.error("@flairjs/webpack-loader requires async support");
 						return [2];
 					}
-					options = this.getOptions() || {};
-					return [4, initializeSharedContext(options)];
-				case 1:
-					context$1 = _c.sent();
 					fileName = this.resourcePath;
 					if (!shouldProcessFile(fileName, options === null || options === void 0 ? void 0 : options.include, options === null || options === void 0 ? void 0 : options.exclude)) return [2, callback(null, source, sourceMap)];
+					cssGeneratedDir = null;
+					userTheme = null;
+					if (!!initialized) return [3, 3];
+					return [4, setupGeneratedCssDir()];
+				case 1:
+					cssGeneratedDir = _b.sent();
+					return [4, setupUserThemeFile({ buildThemeFile: options.buildThemeFile })];
+				case 2:
+					userTheme = _b.sent();
+					initialized = true;
+					return [3, 5];
+				case 3:
+					cssGeneratedDir = getGeneratedCssDir();
+					return [4, getUserTheme()];
+				case 4:
+					userTheme = _b.sent();
+					_b.label = 5;
+				case 5:
+					if (!cssGeneratedDir) {
+						console.error("[flairjs] Could not find generated CSS directory. Skipping processing.");
+						return [2, callback(null, source, sourceMap)];
+					}
 					try {
-						result = transformCode$1(source, fileName, {
+						result = transformCode(source, fileName, {
 							appendTimestampToCssFile: true,
 							classNameList: options === null || options === void 0 ? void 0 : options.classNameList,
 							cssPreprocessor: (options === null || options === void 0 ? void 0 : options.cssPreprocessor) ? function(css) {
 								return options.cssPreprocessor(css, fileName);
 							} : void 0,
-							theme: (_a$1 = context$1.userTheme) === null || _a$1 === void 0 ? void 0 : _a$1.theme,
-							useTheme: !!context$1.userTheme,
-							cssOutDir: context$1.flairGeneratedCssDir
+							theme: userTheme === null || userTheme === void 0 ? void 0 : userTheme.theme,
+							useTheme: !!userTheme,
+							cssOutDir: cssGeneratedDir
 						});
 						if (!result) return [2, callback(null, source, sourceMap)];
-						if (result.generatedCssName) context$1.refreshCssFile(result.generatedCssName);
-						callback(null, result.code, result.map ? JSON.parse((_b = result.map) !== null && _b !== void 0 ? _b : "{}") : sourceMap);
+						if (result.generatedCssName) removeOutdatedCssFiles(fileName, result.generatedCssName, { flairGeneratedCssDir: cssGeneratedDir });
+						callback(null, result.code, result.sourcemap ? JSON.parse((_a$1 = result.sourcemap) !== null && _a$1 !== void 0 ? _a$1 : "{}") : sourceMap);
 					} catch (error) {
 						console.error("[@flairjs/webpack-loader]", error);
 						callback(error, source, sourceMap);

package/package.json

@@ -1,17 +1,6 @@
 {
   "name": "@flairjs/webpack-loader",
-  "version": "0.0.1-beta.5",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
-    },
-    "./cached-css/*": {
-      "import": "./dist/.cache/*"
-    }
-  },
+  "version": "0.0.1-beta.6",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
@@ -24,7 +13,7 @@
   },
   "peerDependencies": {
     "webpack": ">=5.0.0",
-    "@flairjs/core": "0.0.1-beta.4"
+    "@flairjs/core": "0.0.1-beta.5"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
@@ -33,11 +22,15 @@
     "rolldown": "1.0.0-beta.37",
     "typescript": "^5.8.2",
     "webpack": "^5.101.0",
-    "@flairjs/bundler-shared": "0.0.1-beta.4",
-    "@flairjs/core": "0.0.1-beta.4"
+    "@flairjs/bundler-shared": "0.0.1-beta.9",
+    "@flairjs/core": "0.0.1-beta.5"
+  },
+  "dependencies": {
+    "esbuild": "^0.25.10",
+    "picomatch": "^4.0.3"
   },
   "scripts": {
-    "build": "rolldown -c",
+    "build": "tsc && rolldown -c",
     "check": "biome check --write",
     "dev": "rolldown -w -c",
     "format": "biome format --write"