@flairjs/webpack-loader 0.0.1-beta.2 → 0.0.1-beta.3

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,53 +131,60 @@ 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 () => {
+	const flairGeneratedCssDir = getGeneratedCssDir();
+	try {
+		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);
+		}
+	} 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 {
-		flairThemeFile,
-		flairGeneratedCssDir,
-		userTheme,
-		buildThemeCSS,
-		refreshCssFile
-	};
-}
+	return userTheme;
+};
+const removeOutdatedCssFiles = async (sourceFilePath, cssFilePath, { flairGeneratedCssDir }) => {
+	const previousGeneratedCssName = store.getGeneratedCssName(sourceFilePath);
+	if (previousGeneratedCssName && previousGeneratedCssName !== cssFilePath) setTimeout(() => {
+		(0, node_fs_promises.rm)(node_path.default.join(flairGeneratedCssDir, previousGeneratedCssName), { force: true });
+	}, 2e3);
+	else 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/**"]);
+	const normalizePatterns = (patterns, defaults) => {
+		return (patterns ? Array.isArray(patterns) ? patterns : [patterns] : defaults).map((pattern) => pattern.replace(/\\/g, "/"));
+	};
+	const isIncluded = (0, picomatch.default)(normalizePatterns(include, ["**/*.{js,ts,jsx,tsx}"]));
+	const isExcluded = (0, picomatch.default)(normalizePatterns(exclude, ["node_modules/**"]));
 	if (!isIncluded(id)) return false;
 	if (isExcluded(id)) return false;
 	return true;
@@ -191,27 +230,41 @@ 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);
+	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();
+	}
 	const fileName = this.resourcePath;
 	if (!shouldProcessFile(fileName, options?.include, options?.exclude)) return callback(null, source, sourceMap);
+	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);
+		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);

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,53 +97,60 @@ 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 () => {
+	const flairGeneratedCssDir = getGeneratedCssDir();
+	try {
+		if (!existsSync(flairGeneratedCssDir)) await mkdir(flairGeneratedCssDir);
+		else {
+			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 {
-		flairThemeFile,
-		flairGeneratedCssDir,
-		userTheme,
-		buildThemeCSS,
-		refreshCssFile
-	};
-}
+	return userTheme;
+};
+const removeOutdatedCssFiles = async (sourceFilePath, cssFilePath, { flairGeneratedCssDir }) => {
+	const previousGeneratedCssName = store.getGeneratedCssName(sourceFilePath);
+	if (previousGeneratedCssName && previousGeneratedCssName !== cssFilePath) setTimeout(() => {
+		rm(path.join(flairGeneratedCssDir, previousGeneratedCssName), { force: true });
+	}, 2e3);
+	else store.setFileNameToGeneratedCssNameMap(sourceFilePath, cssFilePath);
+};
 function shouldProcessFile(id, include, exclude) {
-	const isIncluded = picomatch(include || ["**/*.{js,ts,jsx,tsx}"]);
-	const isExcluded = picomatch(exclude || ["node_modules/**"]);
+	const normalizePatterns = (patterns, defaults) => {
+		return (patterns ? Array.isArray(patterns) ? patterns : [patterns] : defaults).map((pattern) => pattern.replace(/\\/g, "/"));
+	};
+	const isIncluded = picomatch(normalizePatterns(include, ["**/*.{js,ts,jsx,tsx}"]));
+	const isExcluded = picomatch(normalizePatterns(exclude, ["node_modules/**"]));
 	if (!isIncluded(id)) return false;
 	if (isExcluded(id)) return false;
 	return true;
@@ -157,27 +196,41 @@ 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);
+	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();
+	}
 	const fileName = this.resourcePath;
 	if (!shouldProcessFile(fileName, options?.include, options?.exclude)) return callback(null, source, sourceMap);
+	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);
+		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);

package/dist/types/index.js

@@ -3982,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");
@@ -3999,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);
@@ -4010,53 +4042,60 @@ 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 () => {
+	const flairGeneratedCssDir = getGeneratedCssDir();
+	try {
+		if (!existsSync(flairGeneratedCssDir)) await mkdir(flairGeneratedCssDir);
+		else {
+			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 {
-		flairThemeFile,
-		flairGeneratedCssDir,
-		userTheme,
-		buildThemeCSS,
-		refreshCssFile
-	};
-}
+	return userTheme;
+};
+const removeOutdatedCssFiles = async (sourceFilePath, cssFilePath, { flairGeneratedCssDir }) => {
+	const previousGeneratedCssName = store.getGeneratedCssName(sourceFilePath);
+	if (previousGeneratedCssName && previousGeneratedCssName !== cssFilePath) setTimeout(() => {
+		rm(path.join(flairGeneratedCssDir, previousGeneratedCssName), { force: true });
+	}, 2e3);
+	else 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/**"]);
+	const normalizePatterns = (patterns, defaults) => {
+		return (patterns ? Array.isArray(patterns) ? patterns : [patterns] : defaults).map((pattern) => pattern.replace(/\\/g, "/"));
+	};
+	const isIncluded = (0, import_picomatch.default)(normalizePatterns(include, ["**/*.{js,ts,jsx,tsx}"]));
+	const isExcluded = (0, import_picomatch.default)(normalizePatterns(exclude, ["node_modules/**"]));
 	if (!isIncluded(id)) return false;
 	if (isExcluded(id)) return false;
 	return true;
@@ -4102,24 +4141,44 @@ const transformCode = (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, cssGeneratedDir, userTheme, fileName, 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)];
+					cssGeneratedDir = null;
+					userTheme = null;
+					if (!!initialized) return [3, 3];
+					return [4, setupGeneratedCssDir()];
 				case 1:
-					context$1 = _c.sent();
+					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:
 					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)];
+					if (!cssGeneratedDir) {
+						console.error("[flairjs] Could not find generated CSS directory. Skipping processing.");
+						return [2, callback(null, source, sourceMap)];
+					}
 					try {
 						result = transformCode(source, fileName, {
 							appendTimestampToCssFile: true,
@@ -4127,13 +4186,13 @@ function flairJsLoader(source, sourceMap) {
 							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.sourcemap ? JSON.parse((_b = result.sourcemap) !== 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,6 +1,6 @@
 {
   "name": "@flairjs/webpack-loader",
-  "version": "0.0.1-beta.2",
+  "version": "0.0.1-beta.3",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
@@ -22,7 +22,7 @@
     "rolldown": "1.0.0-beta.37",
     "typescript": "^5.8.2",
     "webpack": "^5.101.0",
-    "@flairjs/bundler-shared": "0.0.1-beta.5",
+    "@flairjs/bundler-shared": "0.0.1-beta.6",
     "@flairjs/core": "0.0.1-beta.4"
   },
   "dependencies": {