npm - @yahoo/uds - Versions diffs - 3.123.0 → 3.124.0 - Mend

@yahoo/uds 3.123.0 → 3.124.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (320) hide show

package/dist/tailwind/dist/css/postcss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"postcss.js","names":[],"sources":["../../src/css/postcss.ts"],"sourcesContent":["import type postcss from 'postcss';\n\nimport { buildScopedColorModeSelectorList } from './postcss.helpers';\n\n/*\n PostCSS plugin to fix color mode selectors for scoped CSS.\n \n postcss-scope converts selectors like:\n * `.uds-color-mode-dark .foo` → `.scope .uds-color-mode-dark .foo`\n \n But the color mode class is typically on <html> or <body>, which is an\n * ANCESTOR of the scope, not a descendant. This plugin adds alternative\n * selectors so color modes work correctly:\n \n `.scope .uds-color-mode-dark .foo` → `.scope .uds-color-mode-dark .foo, .uds-color-mode-dark .scope .foo, .uds-color-mode-dark.scope .foo`\n \n This ensures styles apply whether the color mode class is inside or outside the scope.\n */\nconst fixScopedColorModeSelectorsPlugin = (scopeClass: string): postcss.Plugin => {\n const colorModePattern = /\\.(uds-color-mode-(?:dark\|light))/;\n\n return {\n postcssPlugin: 'fix-scoped-color-mode-selectors',\n // Use Once to process all rules after parsing is complete\n Once(root) {\n root.walkRules((rule) => {\n // Skip if selector doesn't contain both scope and color mode\n if (!rule.selector.includes(scopeClass) \|\| !colorModePattern.test(rule.selector)) {\n return;\n }\n\n const nextSelector = buildScopedColorModeSelectorList(rule.selector, scopeClass);\n if (nextSelector !== rule.selector) {\n rule.selector = nextSelector;\n }\n });\n },\n };\n};\nexport { fixScopedColorModeSelectorsPlugin };\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;AAkBA~~,MAAM,qCAAqC,eAAuC;CAChF,MAAM,mBAAmB;AAEzB,QAAO;EACL,eAAe;EAEf,KAAK,MAAM;AACT,QAAK,WAAW,SAAS;AAEvB,QAAI,CAAC,KAAK,SAAS,SAAS,WAAW,IAAI,CAAC,iBAAiB,KAAK,KAAK,SAAS,CAC9E;IAGF,MAAM,eAAe,iCAAiC,KAAK,UAAU,WAAW;AAChF,QAAI,iBAAiB,KAAK,SACxB,MAAK,WAAW;KAElB;;EAEL"}
1	+ {"version":3,"file":"postcss.js","names":[],"sources":["../../src/css/postcss.ts"],"sourcesContent":["import type postcss from 'postcss';\n\nimport {\n buildScopedColorModeSelectorList,\n getScopedSelfOrParentAlternativeSelector,\n} from './postcss.helpers';\n\nconst fixScopedSelfOrParentSelectorsPlugin = (scopeClass: string): postcss.Plugin => {\n return {\n postcssPlugin: 'fix-scoped-self-or-parent-selectors',\n Once(root) {\n root.walkRules((rule) => {\n if (!rule.selector.includes(scopeClass)) {\n return;\n }\n\n const nextSelectors = rule.selectors.reduce<string[]>((acc, selector) => {\n const sameElementSelector = getScopedSelfOrParentAlternativeSelector(\n selector,\n scopeClass,\n );\n\n if (sameElementSelector && !rule.selectors.includes(sameElementSelector)) {\n return [...acc, selector, sameElementSelector];\n }\n\n return [...acc, selector];\n }, []);\n\n if (nextSelectors.length !== rule.selectors.length) {\n rule.selectors = nextSelectors;\n }\n });\n },\n };\n};\n\n/*\n PostCSS plugin to fix color mode selectors for scoped CSS.\n \n postcss-scope converts selectors like:\n * `.uds-color-mode-dark .foo` → `.scope .uds-color-mode-dark .foo`\n \n But the color mode class is typically on <html> or <body>, which is an\n * ANCESTOR of the scope, not a descendant. This plugin adds alternative\n * selectors so color modes work correctly:\n \n `.scope .uds-color-mode-dark .foo` → `.scope .uds-color-mode-dark .foo, .uds-color-mode-dark .scope .foo, .uds-color-mode-dark.scope .foo`\n \n This ensures styles apply whether the color mode class is inside or outside the scope.\n */\nconst fixScopedColorModeSelectorsPlugin = (scopeClass: string): postcss.Plugin => {\n const colorModePattern = /\\.(uds-color-mode-(?:dark\|light))/;\n\n return {\n postcssPlugin: 'fix-scoped-color-mode-selectors',\n // Use Once to process all rules after parsing is complete\n Once(root) {\n root.walkRules((rule) => {\n // Skip if selector doesn't contain both scope and color mode\n if (!rule.selector.includes(scopeClass) \|\| !colorModePattern.test(rule.selector)) {\n return;\n }\n\n const nextSelector = buildScopedColorModeSelectorList(rule.selector, scopeClass);\n if (nextSelector !== rule.selector) {\n rule.selector = nextSelector;\n }\n });\n },\n };\n};\nexport { fixScopedColorModeSelectorsPlugin, fixScopedSelfOrParentSelectorsPlugin };\n"],"mappings":";;;;AAOA,MAAM,wCAAwC,eAAuC;AACnF,QAAO;EACL,eAAe;EACf,KAAK,MAAM;AACT,QAAK,WAAW,SAAS;AACvB,QAAI,CAAC,KAAK,SAAS,SAAS,WAAW,CACrC;IAGF,MAAM,gBAAgB,KAAK,UAAU,QAAkB,KAAK,aAAa;KACvE,MAAM,sBAAsB,yCAC1B,UACA,WACD;AAED,SAAI,uBAAuB,CAAC,KAAK,UAAU,SAAS,oBAAoB,CACtE,QAAO;MAAC,GAAG;MAAK;MAAU;MAAoB;AAGhD,YAAO,CAAC,GAAG,KAAK,SAAS;OACxB,EAAE,CAAC;AAEN,QAAI,cAAc,WAAW,KAAK,UAAU,OAC1C,MAAK,YAAY;KAEnB;;EAEL;;;;;;;;;;;;;;;;AAiBH,MAAM,qCAAqC,eAAuC;CAChF,MAAM,mBAAmB;AAEzB,QAAO;EACL,eAAe;EAEf,KAAK,MAAM;AACT,QAAK,WAAW,SAAS;AAEvB,QAAI,CAAC,KAAK,SAAS,SAAS,WAAW,IAAI,CAAC,iBAAiB,KAAK,KAAK,SAAS,CAC9E;IAGF,MAAM,eAAe,iCAAiC,KAAK,UAAU,WAAW;AAChF,QAAI,iBAAiB,KAAK,SACxB,MAAK,WAAW;KAElB;;EAEL"}

package/dist/tailwind/dist/css/runner.cjs CHANGED Viewed

@@ -8,19 +8,60 @@ const require_entryPoints = require('../utils/entryPoints.cjs');
 const require_nodeUtils = require('./nodeUtils.cjs');
 const require_index = require('../config/dist/index.cjs');
 const require_safelist = require('../purger/optimized/utils/safelist.cjs');
+const require_runner_helpers = require('./runner.helpers.cjs');
 const require_utils = require('./utils.cjs');
 const require_generate_helpers = require('./generate.helpers.cjs');
 const require_generate = require('./generate.cjs');
-const require_runner_helpers = require('./runner.helpers.cjs');
 let node_fs = require("node:fs");
 node_fs = require_runtime.__toESM(node_fs);
-let node_path = require("node:path");
-node_path = require_runtime.__toESM(node_path);
 //#region src/css/runner.ts
+const getScopedPackageOutputPath = (packageName, outFile) => {
+	if (typeof outFile === "string" && outFile.trim().length > 0) return outFile;
+	return `dist/${packageName.split("/").pop() ?? packageName}.css`;
+};
+const normalizeScopedPackageConfig = (scopedPackageValue) => {
+	if (typeof scopedPackageValue === "string") return { config: scopedPackageValue };
+	return scopedPackageValue;
+};
+const resolveScopedEntryDirs = (packageRoot, packageDir, entry) => {
+	if (entry === void 0) return [packageDir];
+	return require_entryPoints.resolveEntryPaths(entry, packageRoot).map((resolvedEntry) => resolvedEntry.absolutePath);
+};
+const PATH_SEPARATOR = "/";
+const normalizePath = (value) => value.replace(/\\/g, PATH_SEPARATOR);
+const isAbsolutePath = (value) => {
+	const normalizedValue = normalizePath(value);
+	return normalizedValue.startsWith(PATH_SEPARATOR) || /^[A-Za-z]:\//.test(normalizedValue);
+};
+const joinPath = (...parts) => {
+	const filteredParts = parts.filter((part) => part.length > 0);
+	if (filteredParts.length === 0) return "";
+	return filteredParts.map((part, index) => {
+		const normalizedPart = normalizePath(part);
+		if (index === 0) return normalizedPart.replace(/\/+$/g, "");
+		return normalizedPart.replace(/^\/+|\/+$/g, "");
+	}).join(PATH_SEPARATOR).replace(/\/+/g, PATH_SEPARATOR).replace(/\/\.\//g, PATH_SEPARATOR);
+};
+const dirnamePath = (value) => {
+	const normalizedValue = normalizePath(value).replace(/\/+$/g, "");
+	const lastSeparatorIndex = normalizedValue.lastIndexOf(PATH_SEPARATOR);
+	if (lastSeparatorIndex <= 0) return lastSeparatorIndex === 0 ? PATH_SEPARATOR : ".";
+	return normalizedValue.slice(0, lastSeparatorIndex);
+};
+const basenamePath = (value) => {
+	const normalizedValue = normalizePath(value).replace(/\/+$/g, "");
+	const lastSeparatorIndex = normalizedValue.lastIndexOf(PATH_SEPARATOR);
+	return lastSeparatorIndex >= 0 ? normalizedValue.slice(lastSeparatorIndex + 1) : normalizedValue;
+};
+const resolveOutputPath = (workspaceDir, outFile) => isAbsolutePath(outFile) ? outFile : joinPath(workspaceDir, outFile);
+const ensureOutputDirectory = (outputPath) => {
+	const outputDir = dirnamePath(outputPath);
+	if (!node_fs.default.existsSync(outputDir)) node_fs.default.mkdirSync(outputDir, { recursive: true });
+};
 const SOURCE_FILE_PATTERN = /\.(jsx?|tsx?)$/i;
-const getWatchDirs = (dirs) => [...new Set(dirs.filter((dir) => !dir.split(node_path.default.sep).includes("node_modules")))];
-const isCoveredByRecursiveWatch = (watchPath, targetPath) => targetPath === watchPath || targetPath.startsWith(`${watchPath}${node_path.default.sep}`);
+const getWatchDirs = (dirs) => [...new Set(dirs.filter((dir) => !normalizePath(dir).split(PATH_SEPARATOR).includes("node_modules")))];
+const isCoveredByRecursiveWatch = (watchPath, targetPath) => targetPath === watchPath || targetPath.startsWith(`${watchPath}${PATH_SEPARATOR}`);
 const getEntryWatchTargets = (entries) => {
 	const directoryTargets = getWatchDirs(entries.filter((entry) => entry.kind === "directory").map((entry) => entry.absolutePath)).map((watchPath) => ({
 		watchPath,
@@ -44,7 +85,7 @@ const watchSourceFiles = (targets, onFileChange) => {
 	targets.forEach((target) => {
 		node_fs.default.watch(target.watchPath, { recursive: target.recursive }, (_eventType, filename) => {
 			if (!filename || !SOURCE_FILE_PATTERN.test(filename)) return;
-			if (target.fileNames && !target.fileNames.includes(node_path.default.basename(String(filename)))) return;
+			if (target.fileNames && !target.fileNames.includes(basenamePath(String(filename)))) return;
 			onFileChange();
 		});
 	});
@@ -82,8 +123,13 @@ const createQueuedRegenerator = (options) => {
 	};
 	return regenerate;
 };
+const printVerboseScanFiles = (log, workspaceDir, filePaths) => {
+	require_runner_helpers.getVerboseScanFileList(workspaceDir, filePaths).forEach((filePath) => {
+		log.listItem(filePath);
+	});
+};
 const runCssCommand = async (options, context) => {
-	if (!node_fs.default.existsSync(node_path.default.join(options.workspaceDir, String(options.themeConfigPath)))) {
+	if (!node_fs.default.existsSync(joinPath(options.workspaceDir, String(options.themeConfigPath)))) {
 		await runSimpleMode(options, context);
 		return;
 	}
@@ -104,7 +150,8 @@ const runSimpleMode = async (options, context) => {
 			scope: options.scope,
 			configPath,
 			isWatch: options.watch,
-			silent: options.silent
+			silent: options.silent,
+			verbose: options.verbose
 		});
 		if (options.watch) await runSimpleModeWatch(options, context, entry, configPath, result.packageDirs ?? []);
 	} catch (error) {
@@ -184,7 +231,7 @@ const loadThemeModeSetup = async (options) => {
 };
 const runThemeMode = async (options, context) => {
 	const workspaceDir = options.workspaceDir;
-	const outputPath = node_path.default.isAbsolute(options.outFile) ? options.outFile : node_path.default.join(workspaceDir, String(options.outFile));
+	const outputPath = resolveOutputPath(workspaceDir, String(options.outFile));
 	let effectiveSilent = options.silent;
 	let log = require_logger.createLogger({ silent: effectiveSilent });
 	log.spinStart("Loading theme configuration...");
@@ -205,12 +252,21 @@ const runThemeMode = async (options, context) => {
 		const generateThemeModeCSS = async (opts) => {
 			const genStartTime = performance.now();
 			const genLog = opts?.isWatch ? require_logger.createLogger({ silent: true }) : log;
+			const scopedCssOutputs = [];
 			genLog.spinStart("Scanning app code...");
 			const appScanResult = await require_nodeUtils.scanDirectoriesForSafelist(entryDirs, colorModes, context.variants, context.autoVariants, context.componentData, appVariantDefaults, runtimeConfigValues);
-			genLog.spinStop("✅", `Scanned ${appScanResult.filesScanned} files`);
+			genLog.spinStop("✅", require_runner_helpers.getScanSummaryMessage({
+				label: "app",
+				filesScanned: appScanResult.filesScanned,
+				filesWithComponents: appScanResult.filesWithComponents,
+				componentCount: appScanResult.components.length,
+				mode: "app"
+			}));
+			if (options.verbose) printVerboseScanFiles(genLog, workspaceDir, appScanResult.filePaths);
 			genLog.spinStart("Generating main CSS...");
 			const inheritedClasses = [...appScanResult.safelist];
 			const inheritedComponents = new Set(appScanResult.components);
+			const scopedPackageTargets = [];
 			const processInheritedPackage = async (packageName) => {
 				genLog.spinStart(`Processing package: ${packageName}...`);
 				const packageDir = require_nodeUtils.findPackageSourceDir(packageName);
@@ -222,12 +278,50 @@ const runThemeMode = async (options, context) => {
 				const packageScanResult = await require_nodeUtils.scanDirectoryForSafelist(packageDir, colorModes, context.variants, context.autoVariants, context.componentData, appVariantDefaults, runtimeConfigValues, true);
 				inheritedClasses.push(...packageScanResult.safelist);
 				packageScanResult.components.forEach((comp) => inheritedComponents.add(comp));
-				genLog.spinStop("✅", `${packageName}: ${packageScanResult.filesScanned} files (inherit)`);
+				genLog.spinStop("✅", require_runner_helpers.getScanSummaryMessage({
+					label: packageName,
+					filesScanned: packageScanResult.filesScanned,
+					filesWithComponents: packageScanResult.filesWithComponents,
+					componentCount: packageScanResult.components.length,
+					mode: "inherit"
+				}));
+				if (options.verbose) printVerboseScanFiles(genLog, workspaceDir, packageScanResult.filePaths);
+			};
+			const processScopedPackage = async (packageName, scopedPackageValue) => {
+				genLog.spinStart(`Processing scoped package: ${packageName}...`);
+				const scopedPackageConfig = normalizeScopedPackageConfig(scopedPackageValue);
+				const packageRoot = require_nodeUtils.findPackageRoot(packageName);
+				const packageDir = require_nodeUtils.findPackageSourceDir(packageName);
+				if (!packageRoot || !packageDir) {
+					genLog.spinStop("⚠️", `Scoped package not found: ${packageName}`);
+					return;
+				}
+				const scopeClass = require_nodeUtils.getPackageUdsScope(packageName);
+				if (!scopeClass) {
+					genLog.spinStop("⚠️", `Scoped package missing package.json uds.scope: ${packageName}`);
+					return;
+				}
+				const entryDirs = resolveScopedEntryDirs(packageRoot, packageDir, scopedPackageConfig.entry);
+				entryDirs.forEach((entryDir) => {
+					if (!packageDirs.includes(entryDir)) packageDirs.push(entryDir);
+				});
+				scopedPackageTargets.push({
+					packageName,
+					packageRoot,
+					packageDir,
+					entryDirs,
+					scopeClass,
+					config: scopedPackageConfig
+				});
 			};
 			await (themeConfig.inherit ?? []).reduce(async (promise, packageName) => {
 				await promise;
 				await processInheritedPackage(packageName);
 			}, Promise.resolve());
+			await Object.entries(themeConfig.scoped ?? {}).reduce(async (promise, [packageName, scopedPackageConfig]) => {
+				await promise;
+				await processScopedPackage(packageName, scopedPackageConfig);
+			}, Promise.resolve());
 			const mainSafelist = require_safelist.deduplicateSafelist([
 				...inheritedClasses,
 				...require_safelist.getThemeAndScaleClasses(colorModes),
@@ -244,24 +338,80 @@ const runThemeMode = async (options, context) => {
 					...require_generate_helpers.getPruneVarSafelist(themeConfig.css)
 				]
 			});
-			const outputDir = node_path.default.dirname(outputPath);
-			if (!node_fs.default.existsSync(outputDir)) node_fs.default.mkdirSync(outputDir, { recursive: true });
+			ensureOutputDirectory(outputPath);
 			node_fs.default.writeFileSync(outputPath, mainCssResult.css);
-			genLog.spinStop("✅", require_runner_helpers.getMainCssSummaryMessage({
+			for (const scopedPackageTarget of scopedPackageTargets) {
+				const packageConfig = await require_nodeUtils.loadConfigFile(isAbsolutePath(scopedPackageTarget.config.config) ? scopedPackageTarget.config.config : joinPath(scopedPackageTarget.packageRoot, scopedPackageTarget.config.config)) ?? require_index.defaultTokensConfig;
+				const packageVariantDefaults = require_utils.extractVariantDefaults(packageConfig);
+				const packageRuntimeConfigValues = require_utils.extractRuntimeConfigValues(packageConfig);
+				const packageScanResult = await require_nodeUtils.scanDirectoriesForSafelist(scopedPackageTarget.entryDirs, colorModes, context.variants, context.autoVariants, context.componentData, packageVariantDefaults, packageRuntimeConfigValues, true);
+				genLog.spinStop("✅", require_runner_helpers.getScanSummaryMessage({
+					label: scopedPackageTarget.packageName,
+					filesScanned: packageScanResult.filesScanned,
+					filesWithComponents: packageScanResult.filesWithComponents,
+					componentCount: packageScanResult.components.length,
+					mode: "scoped"
+				}));
+				if (options.verbose) printVerboseScanFiles(genLog, workspaceDir, packageScanResult.filePaths);
+				const packageSafelist = require_safelist.deduplicateSafelist([
+					...packageScanResult.safelist,
+					...require_safelist.getThemeAndScaleClasses(colorModes),
+					...require_safelist.getInternalSafelistClasses()
+				]);
+				const scopedCssResult = await require_generate.generateCSS([...themeConfig.css?.safelist ?? [], ...packageSafelist], packageConfig, {
+					scope: scopedPackageTarget.scopeClass,
+					contentDir: scopedPackageTarget.entryDirs,
+					cssOptions: themeConfig.css,
+					referenceCss: themeConfig.css?.optimization?.deduplicateScopedCss === false ? void 0 : mainCssResult.css,
+					safeVarPrefixes: [
+						...require_utils.getMotionVarPrefixes(context.componentData, [...packageScanResult.components]),
+						...require_utils.getConfigurableCssVariables(),
+						...require_generate_helpers.getPruneVarSafelist(themeConfig.css)
+					]
+				});
+				const scopedOutputPath = resolveOutputPath(workspaceDir, getScopedPackageOutputPath(scopedPackageTarget.packageName, scopedPackageTarget.config.outFile));
+				ensureOutputDirectory(scopedOutputPath);
+				node_fs.default.writeFileSync(scopedOutputPath, scopedCssResult.css);
+				scopedCssOutputs.push({
+					label: scopedPackageTarget.packageName,
+					outputPath: scopedOutputPath,
+					sizeGzipBytes: scopedCssResult.sizeGzipBytes,
+					optimizationStats: scopedCssResult.optimizationStats
+				});
+			}
+			const mainCssSummary = require_runner_helpers.getMainCssSummaryMessage({
 				sizeGzipBytes: mainCssResult.sizeGzipBytes,
 				optimizationStats: mainCssResult.optimizationStats,
 				formatBytes: require_utils.formatBytes
-			}));
+			});
+			genLog.spinStop("✅", mainCssSummary.summaryLine);
+			mainCssSummary.detailLines.forEach((detailLine) => {
+				genLog.print(detailLine);
+			});
+			scopedCssOutputs.forEach((scopedCssOutput) => {
+				const scopedCssSummary = require_runner_helpers.getScopedCssSummaryMessage(scopedCssOutput.label, {
+					sizeGzipBytes: scopedCssOutput.sizeGzipBytes,
+					optimizationStats: scopedCssOutput.optimizationStats,
+					formatBytes: require_utils.formatBytes
+				});
+				genLog.spinStop("✅", scopedCssSummary.summaryLine);
+				scopedCssSummary.detailLines.forEach((detailLine) => {
+					genLog.print(detailLine);
+				});
+			});
 			const duration = Math.round(performance.now() - genStartTime);
+			const outputFileSection = require_runner_helpers.getOutputFileSection(workspaceDir, [outputPath, ...scopedCssOutputs.map((scopedCssOutput) => scopedCssOutput.outputPath)]);
 			genLog.newline();
-			genLog.print(require_colors.green("CSS generation complete!"));
-			genLog.newline();
-			genLog.label("Output file:", outputPath);
+			genLog.print(outputFileSection.label);
+			outputFileSection.paths.forEach((filePath) => {
+				genLog.listItem(filePath);
+			});
 			genLog.newline();
-			genLog.print(`${require_colors.magenta("Total time:")} ${duration}ms`);
+			genLog.print(`${require_colors.magenta("Total time:")} ${require_runner_helpers.formatCssDuration(duration)}`);
 			return {
 				duration,
 				outputPath,
+				outputPaths: outputFileSection.paths,
 				packageDirs
 			};
 		};
@@ -292,7 +442,8 @@ const runThemeMode = async (options, context) => {
 				onSuccess: (result) => {
 					if (!effectiveSilent) {
 						const updatedAt = (/* @__PURE__ */ new Date()).toLocaleTimeString();
-						log.print(`${require_colors.gray(`[${updatedAt}]`)} ${require_colors.green(`CSS updated (${result?.duration}ms)`)}`);
+						const updatedMessage = result?.duration == null ? "CSS updated" : `CSS updated (${require_runner_helpers.formatCssDuration(result.duration)})`;
+						log.print(`${require_colors.gray(`[${updatedAt}]`)} ${require_colors.green(updatedMessage)}`);
 						log.newline();
 					}
 				},

package/dist/tailwind/dist/css/runner.helpers.cjs CHANGED Viewed

@@ -4,13 +4,60 @@ let node_path = require("node:path");
 node_path = require_runtime.__toESM(node_path);
 //#region src/css/runner.helpers.ts
-const getMainCssSummaryMessage = (options) => {
-	const { optimizationStats, sizeGzipBytes, formatBytes } = options;
-	if (!optimizationStats) return `Main CSS: ${formatBytes(sizeGzipBytes)} gzip`;
+const getDisplayPath = (cwd, targetPath) => {
+	const relativePath = node_path.default.relative(cwd, targetPath);
+	return relativePath.length === 0 ? "." : relativePath;
+};
+const getVerboseScanFileList = (cwd, filePaths) => [...new Set(filePaths.map((filePath) => getDisplayPath(cwd, filePath)))].sort((left, right) => left.localeCompare(right));
+const getOptimizationDetailLines = (optimizationStats) => {
+	const detailLines = [];
+	if (optimizationStats.fontFacesRemoved > 0) detailLines.push(`      • removed ${optimizationStats.fontFacesRemoved} unused @font-face`);
+	if (optimizationStats.emptyRulesRemoved > 0) detailLines.push(`      • removed ${optimizationStats.emptyRulesRemoved} empty rules`);
+	return detailLines;
+};
+const formatCssDuration = (durationMs) => {
+	return `${(Math.floor(durationMs / 100) / 10).toFixed(1)}s`;
+};
+const getCssSummaryMessage = (options) => {
+	const { label, optimizationStats, sizeGzipBytes, formatBytes } = options;
+	const summaryLine = `${label}: ${formatBytes(sizeGzipBytes)} gzip`;
+	if (!optimizationStats) return {
+		summaryLine,
+		detailLines: []
+	};
 	const { originalSizeGzip, fontFacesRemoved, emptyRulesRemoved } = optimizationStats;
-	const savedBytesGzip = originalSizeGzip - sizeGzipBytes;
-	if (savedBytesGzip <= 0) return `Main CSS: ${formatBytes(sizeGzipBytes)} gzip`;
-	return `Main CSS: ${formatBytes(sizeGzipBytes)} gzip)(optimized: saved ${formatBytes(savedBytesGzip)} gzip, ${fontFacesRemoved} unused @font-face, ${emptyRulesRemoved} empty rules removed)`;
+	if (originalSizeGzip - sizeGzipBytes <= 0) return {
+		summaryLine,
+		detailLines: []
+	};
+	return {
+		summaryLine,
+		detailLines: getOptimizationDetailLines({
+			originalSizeGzip,
+			fontFacesRemoved,
+			emptyRulesRemoved
+		})
+	};
+};
+const getMainCssSummaryMessage = (options) => {
+	return getCssSummaryMessage({
+		label: "Main CSS",
+		...options
+	});
+};
+const getScopedCssSummaryMessage = (packageName, options) => getCssSummaryMessage({
+	label: `${packageName} CSS`,
+	...options
+});
+const getOutputFileSection = (cwd, outputPaths) => ({
+	label: "Output files:",
+	paths: outputPaths.map((outputPath) => getDisplayPath(cwd, outputPath))
+});
+const getScanSummaryMessage = (options) => {
+	const nonComponentFileCount = Math.max(options.filesScanned - options.filesWithComponents, 0);
+	const fileLabel = nonComponentFileCount === 1 ? "file" : "files";
+	const componentLabel = options.componentCount === 1 ? "component" : "components";
+	return `${options.label}: ${nonComponentFileCount} ${fileLabel}, ${options.componentCount} ${componentLabel} (${options.mode})`;
 };
 const getWatchDirectoryGroups = (entryDirs, dirs) => {
 	const watchDirs = [...new Set(dirs.filter((dir) => !dir.split(node_path.default.sep).includes("node_modules")))];
@@ -21,5 +68,10 @@ const getWatchDirectoryGroups = (entryDirs, dirs) => {
 };
 //#endregion
+exports.formatCssDuration = formatCssDuration;
 exports.getMainCssSummaryMessage = getMainCssSummaryMessage;
+exports.getOutputFileSection = getOutputFileSection;
+exports.getScanSummaryMessage = getScanSummaryMessage;
+exports.getScopedCssSummaryMessage = getScopedCssSummaryMessage;
+exports.getVerboseScanFileList = getVerboseScanFileList;
 exports.getWatchDirectoryGroups = getWatchDirectoryGroups;

package/dist/tailwind/dist/css/runner.helpers.js CHANGED Viewed

@@ -2,13 +2,60 @@
 import path from "node:path";
 //#region src/css/runner.helpers.ts
-const getMainCssSummaryMessage = (options) => {
-	const { optimizationStats, sizeGzipBytes, formatBytes } = options;
-	if (!optimizationStats) return `Main CSS: ${formatBytes(sizeGzipBytes)} gzip`;
+const getDisplayPath = (cwd, targetPath) => {
+	const relativePath = path.relative(cwd, targetPath);
+	return relativePath.length === 0 ? "." : relativePath;
+};
+const getVerboseScanFileList = (cwd, filePaths) => [...new Set(filePaths.map((filePath) => getDisplayPath(cwd, filePath)))].sort((left, right) => left.localeCompare(right));
+const getOptimizationDetailLines = (optimizationStats) => {
+	const detailLines = [];
+	if (optimizationStats.fontFacesRemoved > 0) detailLines.push(`      • removed ${optimizationStats.fontFacesRemoved} unused @font-face`);
+	if (optimizationStats.emptyRulesRemoved > 0) detailLines.push(`      • removed ${optimizationStats.emptyRulesRemoved} empty rules`);
+	return detailLines;
+};
+const formatCssDuration = (durationMs) => {
+	return `${(Math.floor(durationMs / 100) / 10).toFixed(1)}s`;
+};
+const getCssSummaryMessage = (options) => {
+	const { label, optimizationStats, sizeGzipBytes, formatBytes } = options;
+	const summaryLine = `${label}: ${formatBytes(sizeGzipBytes)} gzip`;
+	if (!optimizationStats) return {
+		summaryLine,
+		detailLines: []
+	};
 	const { originalSizeGzip, fontFacesRemoved, emptyRulesRemoved } = optimizationStats;
-	const savedBytesGzip = originalSizeGzip - sizeGzipBytes;
-	if (savedBytesGzip <= 0) return `Main CSS: ${formatBytes(sizeGzipBytes)} gzip`;
-	return `Main CSS: ${formatBytes(sizeGzipBytes)} gzip)(optimized: saved ${formatBytes(savedBytesGzip)} gzip, ${fontFacesRemoved} unused @font-face, ${emptyRulesRemoved} empty rules removed)`;
+	if (originalSizeGzip - sizeGzipBytes <= 0) return {
+		summaryLine,
+		detailLines: []
+	};
+	return {
+		summaryLine,
+		detailLines: getOptimizationDetailLines({
+			originalSizeGzip,
+			fontFacesRemoved,
+			emptyRulesRemoved
+		})
+	};
+};
+const getMainCssSummaryMessage = (options) => {
+	return getCssSummaryMessage({
+		label: "Main CSS",
+		...options
+	});
+};
+const getScopedCssSummaryMessage = (packageName, options) => getCssSummaryMessage({
+	label: `${packageName} CSS`,
+	...options
+});
+const getOutputFileSection = (cwd, outputPaths) => ({
+	label: "Output files:",
+	paths: outputPaths.map((outputPath) => getDisplayPath(cwd, outputPath))
+});
+const getScanSummaryMessage = (options) => {
+	const nonComponentFileCount = Math.max(options.filesScanned - options.filesWithComponents, 0);
+	const fileLabel = nonComponentFileCount === 1 ? "file" : "files";
+	const componentLabel = options.componentCount === 1 ? "component" : "components";
+	return `${options.label}: ${nonComponentFileCount} ${fileLabel}, ${options.componentCount} ${componentLabel} (${options.mode})`;
 };
 const getWatchDirectoryGroups = (entryDirs, dirs) => {
 	const watchDirs = [...new Set(dirs.filter((dir) => !dir.split(path.sep).includes("node_modules")))];
@@ -19,5 +66,5 @@ const getWatchDirectoryGroups = (entryDirs, dirs) => {
 };
 //#endregion
-export { getMainCssSummaryMessage, getWatchDirectoryGroups };
+export { formatCssDuration, getMainCssSummaryMessage, getOutputFileSection, getScanSummaryMessage, getScopedCssSummaryMessage, getVerboseScanFileList, getWatchDirectoryGroups };
 //# sourceMappingURL=runner.helpers.js.map

package/dist/tailwind/dist/css/runner.helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"runner.helpers.js","names":[],"sources":["../../src/css/runner.helpers.ts"],"sourcesContent":["import path from 'node:path';\n\ntype OptimizationStats = {\n originalSizeGzip: number;\n fontFacesRemoved: number;\n emptyRulesRemoved: number;\n};\n\ntype MainCssSummaryOptions = {\n sizeGzipBytes: number;\n optimizationStats?: OptimizationStats;\n formatBytes: (bytes: number) => string;\n};\n\nconst ~~getMainCssSummaryMessage~~ = (~~options~~: ~~MainCssSummaryOptions~~): string => {\n const { ~~optimizationStats,~~ ~~sizeGzipBytes~~, ~~formatBytes~~ } = ~~options~~;\n\n if (!optimizationStats) {\n ~~return~~ `~~Main~~ ~~CSS~~: ${formatBytes(sizeGzipBytes)} gzip`;\n }\n\n const { originalSizeGzip, fontFacesRemoved, emptyRulesRemoved } = optimizationStats;\n const savedBytesGzip = originalSizeGzip - sizeGzipBytes;\n\n if (savedBytesGzip <= 0) {\n return ~~`Main~~ ~~CSS~~: ${~~formatBytes(sizeGzipBytes~~)~~} gzip`;\~~n }\n\n return `Main CSS: ${~~formatBytes(sizeGzipBytes)~~} ~~gzip~~)(~~optimized~~: ~~saved~~ ${~~formatBytes~~(~~savedBytesGzip~~)} ~~gzip~~, ${~~fontFacesRemoved~~} ~~unused @font-face~~, ${~~emptyRulesRemoved~~} ~~empty~~ ~~rules removed~~)`;\n};\n\nconst getWatchDirectoryGroups = (entryDirs: string[], dirs: string[]) => {\n const watchDirs = [\n ...new Set(dirs.filter((dir) => !dir.split(path.sep).includes('node_modules'))),\n ];\n const filteredPackageDirs = watchDirs.filter((dir) => !entryDirs.includes(dir));\n\n return {\n watchDirs,\n filteredPackageDirs,\n };\n};\n\nexport { getMainCssSummaryMessage, getWatchDirectoryGroups };\n"],"mappings":";;;;~~AAcA~~,MAAM,~~4BAA4B~~,~~YAA2C~~;~~CAC3E~~,MAAM,EAAE,mBAAmB,~~eAAe~~,~~gBAAgB~~;~~AAE1D~~,KAAI,~~CAAC~~,~~kBACH~~,QAAO,aAAa,YAAY,cAAc,CAAC;~~CAGjD~~,MAAM,EAAE,kBAAkB,kBAAkB,sBAAsB;~~CAClE~~,~~MAAM~~,~~iBAAiB,~~mBAAmB~~;AAE1C~~,~~KAAI~~,~~kBAAkB,~~EACpB,QAAO,aAAa,~~YAAY~~,~~cAAc~~,CAAC;~~AAGjD~~,QAAO,~~aAAa~~,YAAY,~~cAAc~~,CAAC,~~0BAA0B~~,YAAY,eAAe,CAAC,SAAS,iBAAiB,sBAAsB,~~kBAAkB~~;;~~AAGzK~~,MAAM,2BAA2B,WAAqB,SAAmB;CACvE,MAAM,YAAY,CAChB,GAAG,IAAI,IAAI,KAAK,QAAQ,QAAQ,CAAC,IAAI,MAAM,KAAK,IAAI,CAAC,SAAS,eAAe,CAAC,CAAC,CAChF;AAGD,QAAO;EACL;EACA,qBAJ0B,UAAU,QAAQ,QAAQ,CAAC,UAAU,SAAS,IAAI,CAAC;EAK9E"}
1	+ {"version":3,"file":"runner.helpers.js","names":[],"sources":["../../src/css/runner.helpers.ts"],"sourcesContent":["import path from 'node:path';\n\ntype OptimizationStats = {\n originalSizeGzip: number;\n fontFacesRemoved: number;\n emptyRulesRemoved: number;\n};\n\ntype MainCssSummaryOptions = {\n sizeGzipBytes: number;\n optimizationStats?: OptimizationStats;\n formatBytes: (bytes: number) => string;\n};\n\ntype CssSummaryOptions = MainCssSummaryOptions & {\n label: string;\n};\n\ntype CssSummaryMessage = {\n summaryLine: string;\n detailLines: string[];\n};\n\ntype OutputFileSection = {\n label: string;\n paths: string[];\n};\n\ntype ScanSummaryOptions = {\n label: string;\n filesScanned: number;\n filesWithComponents: number;\n componentCount: number;\n mode: 'app' \| 'inherit' \| 'scoped';\n};\n\nconst getDisplayPath = (cwd: string, targetPath: string): string => {\n const relativePath = path.relative(cwd, targetPath);\n return relativePath.length === 0 ? '.' : relativePath;\n};\n\nconst getVerboseScanFileList = (cwd: string, filePaths: string[]): string[] =>\n [...new Set(filePaths.map((filePath) => getDisplayPath(cwd, filePath)))].sort((left, right) =>\n left.localeCompare(right),\n );\n\nconst getOptimizationDetailLines = (optimizationStats: OptimizationStats): string[] => {\n const detailLines: string[] = [];\n\n if (optimizationStats.fontFacesRemoved > 0) {\n detailLines.push(` • removed ${optimizationStats.fontFacesRemoved} unused @font-face`);\n }\n\n if (optimizationStats.emptyRulesRemoved > 0) {\n detailLines.push(` • removed ${optimizationStats.emptyRulesRemoved} empty rules`);\n }\n\n return detailLines;\n};\n\nconst formatCssDuration = (durationMs: number): string => {\n const seconds = Math.floor(durationMs / 100) / 10;\n return `${seconds.toFixed(1)}s`;\n};\n\nconst getCssSummaryMessage = (options: CssSummaryOptions): CssSummaryMessage => {\n const { label, optimizationStats, sizeGzipBytes, formatBytes } = options;\n const summaryLine = `${label}: ${formatBytes(sizeGzipBytes)} gzip`;\n\n if (!optimizationStats) {\n return {\n summaryLine,\n detailLines: [],\n };\n }\n\n const { originalSizeGzip, fontFacesRemoved, emptyRulesRemoved } = optimizationStats;\n const savedBytesGzip = originalSizeGzip - sizeGzipBytes;\n\n if (savedBytesGzip <= 0) {\n return {\n summaryLine,\n detailLines: [],\n };\n }\n\n return {\n summaryLine,\n detailLines: getOptimizationDetailLines({\n originalSizeGzip,\n fontFacesRemoved,\n emptyRulesRemoved,\n }),\n };\n};\n\nconst getMainCssSummaryMessage = (options: MainCssSummaryOptions): CssSummaryMessage => {\n return getCssSummaryMessage({\n label: 'Main CSS',\n ...options,\n });\n};\n\nconst getScopedCssSummaryMessage = (\n packageName: string,\n options: MainCssSummaryOptions,\n): CssSummaryMessage =>\n getCssSummaryMessage({\n label: `${packageName} CSS`,\n ...options,\n });\n\nconst getOutputFileSection = (cwd: string, outputPaths: string[]): OutputFileSection => ({\n label: 'Output files:',\n paths: outputPaths.map((outputPath) => getDisplayPath(cwd, outputPath)),\n});\n\nconst getScanSummaryMessage = (options: ScanSummaryOptions): string => {\n const nonComponentFileCount = Math.max(options.filesScanned - options.filesWithComponents, 0);\n const fileLabel = nonComponentFileCount === 1 ? 'file' : 'files';\n const componentLabel = options.componentCount === 1 ? 'component' : 'components';\n return `${options.label}: ${nonComponentFileCount} ${fileLabel}, ${options.componentCount} ${componentLabel} (${options.mode})`;\n};\n\nconst getWatchDirectoryGroups = (entryDirs: string[], dirs: string[]) => {\n const watchDirs = [\n ...new Set(dirs.filter((dir) => !dir.split(path.sep).includes('node_modules'))),\n ];\n const filteredPackageDirs = watchDirs.filter((dir) => !entryDirs.includes(dir));\n\n return {\n watchDirs,\n filteredPackageDirs,\n };\n};\n\nexport {\n formatCssDuration,\n getDisplayPath,\n getMainCssSummaryMessage,\n getOutputFileSection,\n getScanSummaryMessage,\n getScopedCssSummaryMessage,\n getVerboseScanFileList,\n getWatchDirectoryGroups,\n};\n"],"mappings":";;;;AAoCA,MAAM,kBAAkB,KAAa,eAA+B;CAClE,MAAM,eAAe,KAAK,SAAS,KAAK,WAAW;AACnD,QAAO,aAAa,WAAW,IAAI,MAAM;;AAG3C,MAAM,0BAA0B,KAAa,cAC3C,CAAC,GAAG,IAAI,IAAI,UAAU,KAAK,aAAa,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,MAAM,UACnF,KAAK,cAAc,MAAM,CAC1B;AAEH,MAAM,8BAA8B,sBAAmD;CACrF,MAAM,cAAwB,EAAE;AAEhC,KAAI,kBAAkB,mBAAmB,EACvC,aAAY,KAAK,mBAAmB,kBAAkB,iBAAiB,oBAAoB;AAG7F,KAAI,kBAAkB,oBAAoB,EACxC,aAAY,KAAK,mBAAmB,kBAAkB,kBAAkB,cAAc;AAGxF,QAAO;;AAGT,MAAM,qBAAqB,eAA+B;AAExD,QAAO,IADS,KAAK,MAAM,aAAa,IAAI,GAAG,IAC7B,QAAQ,EAAE,CAAC;;AAG/B,MAAM,wBAAwB,YAAkD;CAC9E,MAAM,EAAE,OAAO,mBAAmB,eAAe,gBAAgB;CACjE,MAAM,cAAc,GAAG,MAAM,IAAI,YAAY,cAAc,CAAC;AAE5D,KAAI,CAAC,kBACH,QAAO;EACL;EACA,aAAa,EAAE;EAChB;CAGH,MAAM,EAAE,kBAAkB,kBAAkB,sBAAsB;AAGlE,KAFuB,mBAAmB,iBAEpB,EACpB,QAAO;EACL;EACA,aAAa,EAAE;EAChB;AAGH,QAAO;EACL;EACA,aAAa,2BAA2B;GACtC;GACA;GACA;GACD,CAAC;EACH;;AAGH,MAAM,4BAA4B,YAAsD;AACtF,QAAO,qBAAqB;EAC1B,OAAO;EACP,GAAG;EACJ,CAAC;;AAGJ,MAAM,8BACJ,aACA,YAEA,qBAAqB;CACnB,OAAO,GAAG,YAAY;CACtB,GAAG;CACJ,CAAC;AAEJ,MAAM,wBAAwB,KAAa,iBAA8C;CACvF,OAAO;CACP,OAAO,YAAY,KAAK,eAAe,eAAe,KAAK,WAAW,CAAC;CACxE;AAED,MAAM,yBAAyB,YAAwC;CACrE,MAAM,wBAAwB,KAAK,IAAI,QAAQ,eAAe,QAAQ,qBAAqB,EAAE;CAC7F,MAAM,YAAY,0BAA0B,IAAI,SAAS;CACzD,MAAM,iBAAiB,QAAQ,mBAAmB,IAAI,cAAc;AACpE,QAAO,GAAG,QAAQ,MAAM,IAAI,sBAAsB,GAAG,UAAU,IAAI,QAAQ,eAAe,GAAG,eAAe,IAAI,QAAQ,KAAK;;AAG/H,MAAM,2BAA2B,WAAqB,SAAmB;CACvE,MAAM,YAAY,CAChB,GAAG,IAAI,IAAI,KAAK,QAAQ,QAAQ,CAAC,IAAI,MAAM,KAAK,IAAI,CAAC,SAAS,eAAe,CAAC,CAAC,CAChF;AAGD,QAAO;EACL;EACA,qBAJ0B,UAAU,QAAQ,QAAQ,CAAC,UAAU,SAAS,IAAI,CAAC;EAK9E"}