boss-css 0.0.1 → 0.0.2

package/dist/eslint-plugin/utils/defaults.mjs

@@ -0,0 +1,93 @@
+//#region src/eslint-plugin/utils/defaults.js
+const DEFAULT_ATTRIBUTE_PATTERNS = ["^class(?:Name)?$"];
+const DEFAULT_CALLEE_PATTERNS = [
+	"^cx$",
+	"^merge$",
+	"^\\$\\$\\.cx$",
+	"^\\$\\$\\.merge$"
+];
+const DEFAULT_VARIABLE_PATTERNS = ["^classNames?$", "^classes$"];
+const DEFAULT_TAG_PATTERNS = [];
+const DEFAULT_COMPONENTS = ["$$"];
+const DEFAULT_BREAKPOINTS = {
+	micro: [null, 375],
+	mobile: [376, 639],
+	tablet: [640, 1023],
+	small: [1024, 1439],
+	medium: [1440, 1919],
+	large: [1920, null],
+	device: [null, 1023]
+};
+const DEFAULT_PSEUDO_CONTEXTS = [
+	"defined",
+	"any-link",
+	"link",
+	"visited",
+	"local-link",
+	"target",
+	"target-within",
+	"scope",
+	"hover",
+	"active",
+	"focus",
+	"focus-visible",
+	"focus-within",
+	"current",
+	"past",
+	"future",
+	"playing",
+	"paused",
+	"seeking",
+	"buffering",
+	"stalled",
+	"muted",
+	"volume-locked",
+	"open",
+	"closed",
+	"modal",
+	"fullscreen",
+	"picture-in-picture",
+	"enabled",
+	"disabled",
+	"read-write",
+	"read-only",
+	"placeholder-shown",
+	"autofill",
+	"default",
+	"checked",
+	"indeterminate",
+	"blank",
+	"valid",
+	"invalid",
+	"in-range",
+	"out-of-range",
+	"user-valid",
+	"root",
+	"empty",
+	"first-child",
+	"last-child",
+	"only-child",
+	"first-of-type",
+	"last-of-type",
+	"only-of-type",
+	"after",
+	"before"
+];
+const getDefaultContexts = () => {
+	const contexts = new Set(DEFAULT_PSEUDO_CONTEXTS);
+	const breakpointNames = Object.keys(DEFAULT_BREAKPOINTS);
+	for (const name of breakpointNames) {
+		contexts.add(name);
+		contexts.add(`${name}+`);
+		contexts.add(`${name}-`);
+	}
+	contexts.add("at");
+	contexts.add("container");
+	contexts.add("dark");
+	contexts.add("light");
+	contexts.add("hdpi");
+	return contexts;
+};
+
+//#endregion
+export { DEFAULT_ATTRIBUTE_PATTERNS, DEFAULT_CALLEE_PATTERNS, DEFAULT_COMPONENTS, DEFAULT_TAG_PATTERNS, DEFAULT_VARIABLE_PATTERNS, getDefaultContexts };

package/dist/eslint-plugin/utils/format.cjs

@@ -0,0 +1,20 @@
+
+//#region src/eslint-plugin/utils/format.js
+const escapeString = (value, quote) => {
+	let escaped = value.replace(/\\/g, "\\\\");
+	if (quote === "'") escaped = escaped.replace(/'/g, "\\'");
+	else escaped = escaped.replace(/"/g, "\\\"");
+	return escaped.replace(/\r/g, "\\r").replace(/\n/g, "\\n");
+};
+const escapeTemplate = (value) => {
+	return value.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$\{/g, "\\${");
+};
+const buildLiteralReplacement = (node, sourceCode, value) => {
+	if (node.type === "TemplateLiteral") return `\`${escapeTemplate(value)}\``;
+	const raw = sourceCode.getText(node);
+	const quote = raw && (raw[0] === "\"" || raw[0] === "'") ? raw[0] : "\"";
+	return `${quote}${escapeString(value, quote)}${quote}`;
+};
+
+//#endregion
+exports.buildLiteralReplacement = buildLiteralReplacement;

package/dist/eslint-plugin/utils/format.mjs

@@ -0,0 +1,19 @@
+//#region src/eslint-plugin/utils/format.js
+const escapeString = (value, quote) => {
+	let escaped = value.replace(/\\/g, "\\\\");
+	if (quote === "'") escaped = escaped.replace(/'/g, "\\'");
+	else escaped = escaped.replace(/"/g, "\\\"");
+	return escaped.replace(/\r/g, "\\r").replace(/\n/g, "\\n");
+};
+const escapeTemplate = (value) => {
+	return value.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$\{/g, "\\${");
+};
+const buildLiteralReplacement = (node, sourceCode, value) => {
+	if (node.type === "TemplateLiteral") return `\`${escapeTemplate(value)}\``;
+	const raw = sourceCode.getText(node);
+	const quote = raw && (raw[0] === "\"" || raw[0] === "'") ? raw[0] : "\"";
+	return `${quote}${escapeString(value, quote)}${quote}`;
+};
+
+//#endregion
+export { buildLiteralReplacement };

package/dist/eslint-plugin/utils/order.cjs

@@ -0,0 +1,76 @@
+const require_boss_classes = require('./boss-classes.cjs');
+const require_property_order = require('./property-order.cjs');
+
+//#region src/eslint-plugin/utils/order.js
+const dashToCamelCase = (str) => str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+const getOrderMap = () => {
+	const map = /* @__PURE__ */ new Map();
+	const dictionary = require_boss_classes.getDictionary();
+	for (const [index, prop] of require_property_order.propertyOrder.entries()) if (!map.has(prop)) map.set(prop, index);
+	if (!dictionary) return map;
+	for (const entry of dictionary.values()) {
+		if (!entry?.isCSSProp) continue;
+		if (map.has(entry.property)) continue;
+		map.set(entry.property, map.size);
+	}
+	return map;
+};
+const getTokenInfo = (token, extraProps) => {
+	const grouped = require_boss_classes.parseGroupedSelector(token);
+	if (grouped) {
+		if (grouped.entries.length !== 1) return null;
+		const [entry] = grouped.entries;
+		if (!require_boss_classes.isCssPropName(entry.name, extraProps)) return null;
+		return {
+			contexts: require_boss_classes.splitFragments(grouped.prefix),
+			prop: entry.name
+		};
+	}
+	const fragments = require_boss_classes.splitFragments(token);
+	if (!fragments.length) return null;
+	let propIndex = -1;
+	for (let i = 0; i < fragments.length; i += 1) if (require_boss_classes.isCssPropName(fragments[i], extraProps)) {
+		propIndex = i;
+		break;
+	}
+	if (propIndex === -1) return null;
+	return {
+		contexts: fragments.slice(0, propIndex),
+		prop: fragments[propIndex]
+	};
+};
+const sortOfficial = (classOrder) => {
+	return classOrder.toSorted(([, a], [, b]) => {
+		if (a === b) return 0;
+		if (a === null) return -1;
+		if (b === null) return 1;
+		return a - b;
+	}).map(([className]) => className);
+};
+const sortTokens = (tokens, options) => {
+	const order = options.order ?? "improved";
+	if (order === "none") return tokens;
+	if (order === "asc" || order === "desc") {
+		const sorted = [...tokens].sort((a, b) => a.localeCompare(b));
+		return order === "desc" ? sorted.reverse() : sorted;
+	}
+	const extraProps = options.additionalProps?.length ? new Set(options.additionalProps) : null;
+	const orderMap = getOrderMap();
+	const official = sortOfficial(tokens.map((token) => {
+		const info = getTokenInfo(token, extraProps);
+		if (!info) return [token, null];
+		const entry = require_boss_classes.getDictionaryEntry(info.prop);
+		return [token, (entry?.property ? orderMap.get(entry.property) : null) ?? orderMap.get(info.prop) ?? orderMap.get(dashToCamelCase(info.prop)) ?? null];
+	}));
+	if (order === "official") return official;
+	const grouped = /* @__PURE__ */ new Map();
+	for (const className of official) {
+		const info = getTokenInfo(className, extraProps);
+		const variants = info ? info.contexts.join(":") : "";
+		grouped.set(variants, [...grouped.get(variants) ?? [], className]);
+	}
+	return Array.from(grouped.values()).flat();
+};
+
+//#endregion
+exports.sortTokens = sortTokens;

package/dist/eslint-plugin/utils/order.mjs

@@ -0,0 +1,76 @@
+import { getDictionary, getDictionaryEntry, isCssPropName, parseGroupedSelector, splitFragments } from "./boss-classes.mjs";
+import { propertyOrder } from "./property-order.mjs";
+
+//#region src/eslint-plugin/utils/order.js
+const dashToCamelCase = (str) => str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+const getOrderMap = () => {
+	const map = /* @__PURE__ */ new Map();
+	const dictionary = getDictionary();
+	for (const [index, prop] of propertyOrder.entries()) if (!map.has(prop)) map.set(prop, index);
+	if (!dictionary) return map;
+	for (const entry of dictionary.values()) {
+		if (!entry?.isCSSProp) continue;
+		if (map.has(entry.property)) continue;
+		map.set(entry.property, map.size);
+	}
+	return map;
+};
+const getTokenInfo = (token, extraProps) => {
+	const grouped = parseGroupedSelector(token);
+	if (grouped) {
+		if (grouped.entries.length !== 1) return null;
+		const [entry] = grouped.entries;
+		if (!isCssPropName(entry.name, extraProps)) return null;
+		return {
+			contexts: splitFragments(grouped.prefix),
+			prop: entry.name
+		};
+	}
+	const fragments = splitFragments(token);
+	if (!fragments.length) return null;
+	let propIndex = -1;
+	for (let i = 0; i < fragments.length; i += 1) if (isCssPropName(fragments[i], extraProps)) {
+		propIndex = i;
+		break;
+	}
+	if (propIndex === -1) return null;
+	return {
+		contexts: fragments.slice(0, propIndex),
+		prop: fragments[propIndex]
+	};
+};
+const sortOfficial = (classOrder) => {
+	return classOrder.toSorted(([, a], [, b]) => {
+		if (a === b) return 0;
+		if (a === null) return -1;
+		if (b === null) return 1;
+		return a - b;
+	}).map(([className]) => className);
+};
+const sortTokens = (tokens, options) => {
+	const order = options.order ?? "improved";
+	if (order === "none") return tokens;
+	if (order === "asc" || order === "desc") {
+		const sorted = [...tokens].sort((a, b) => a.localeCompare(b));
+		return order === "desc" ? sorted.reverse() : sorted;
+	}
+	const extraProps = options.additionalProps?.length ? new Set(options.additionalProps) : null;
+	const orderMap = getOrderMap();
+	const official = sortOfficial(tokens.map((token) => {
+		const info = getTokenInfo(token, extraProps);
+		if (!info) return [token, null];
+		const entry = getDictionaryEntry(info.prop);
+		return [token, (entry?.property ? orderMap.get(entry.property) : null) ?? orderMap.get(info.prop) ?? orderMap.get(dashToCamelCase(info.prop)) ?? null];
+	}));
+	if (order === "official") return official;
+	const grouped = /* @__PURE__ */ new Map();
+	for (const className of official) {
+		const info = getTokenInfo(className, extraProps);
+		const variants = info ? info.contexts.join(":") : "";
+		grouped.set(variants, [...grouped.get(variants) ?? [], className]);
+	}
+	return Array.from(grouped.values()).flat();
+};
+
+//#endregion
+export { sortTokens };