@projectwallace/css-analyzer 9.5.0 → 9.6.2

package/dist/atrules/index.d.ts

@@ -1,2 +1,2 @@
-import { n as isSupportsBrowserhack, t as isMediaBrowserhack } from "../atrules-CvzPtm16.js";
+import { n as isSupportsBrowserhack, t as isMediaBrowserhack } from "../atrules-CXLSfmpu.js";
 export { isMediaBrowserhack, isSupportsBrowserhack };

package/dist/atrules/index.js

@@ -1,2 +1,2 @@
-import { n as isSupportsBrowserhack, t as isMediaBrowserhack } from "../atrules-CskmpIdJ.js";
+import { n as isSupportsBrowserhack, t as isMediaBrowserhack } from "../atrules-Bnb0wvNR.js";
 export { isMediaBrowserhack, isSupportsBrowserhack };

package/dist/{atrules-CskmpIdJ.js → atrules-Bnb0wvNR.js}

@@ -1,13 +1,13 @@
-import { BREAK, DIMENSION, IDENTIFIER, MEDIA_FEATURE, MEDIA_TYPE, NUMBER, SUPPORTS_QUERY, str_equals, walk } from "@projectwallace/css-parser";
+import { BREAK, DIMENSION, IDENTIFIER, NUMBER, is_media_feature, is_media_type, is_supports_query, str_equals, walk } from "@projectwallace/css-parser";
 //#region src/atrules/atrules.ts
 /**
 * Check if an @supports atRule is a browserhack (Wallace parser version)
-* @param node - The Atrule CSSNode from Wallace parser
+* @param prelude - The Atrule CSSNode from Wallace parser
 */
-function isSupportsBrowserhack(node, on_hack) {
-	walk(node, function(n) {
-		if (n.type === SUPPORTS_QUERY) {
-			const normalizedPrelude = (n.prelude || n.value || "").toString().toLowerCase().replaceAll(/\s+/g, "");
+function isSupportsBrowserhack(prelude, on_hack) {
+	walk(prelude, function(node) {
+		if (is_supports_query(node)) {
+			const normalizedPrelude = node.value.toString().toLowerCase().replaceAll(/\s+/g, "");
 			if (normalizedPrelude.includes("-webkit-appearance:none")) {
 				on_hack("-webkit-appearance: none");
 				return BREAK;
@@ -21,13 +21,13 @@ function isSupportsBrowserhack(node, on_hack) {
 }
 /**
 * Check if a @media atRule is a browserhack (Wallace parser version)
-* @param node - The Atrule CSSNode from Wallace parser
+* @param prelude - The Atrule CSSNode from Wallace parser
 * @returns true if the atrule is a browserhack
 */
-function isMediaBrowserhack(node, on_hack) {
-	walk(node, function(n) {
-		if (n.type === MEDIA_TYPE) {
-			const text = n.text || "";
+function isMediaBrowserhack(prelude, on_hack) {
+	walk(prelude, function(node) {
+		if (is_media_type(node)) {
+			const text = node.value;
 			if (text.startsWith("\\0")) {
 				on_hack("\\0");
 				return BREAK;
@@ -37,8 +37,8 @@ function isMediaBrowserhack(node, on_hack) {
 				return BREAK;
 			}
 		}
-		if (n.type === MEDIA_FEATURE) {
-			const name = n.property || "";
+		if (is_media_feature(node)) {
+			const name = node.property;
 			if (str_equals("-moz-images-in-menus", name)) {
 				on_hack("-moz-images-in-menus");
 				return BREAK;
@@ -51,20 +51,20 @@ function isMediaBrowserhack(node, on_hack) {
 				on_hack("-ms-high-contrast");
 				return BREAK;
 			}
-			if (str_equals("min-resolution", name) && n.has_children) {
-				for (const child of n) if (child.type === DIMENSION && child.value === .001 && str_equals("dpcm", child.unit || "")) {
+			if (str_equals("min-resolution", name) && node.has_children) {
+				for (const child of node) if (child.type === DIMENSION && child.value === .001 && str_equals("dpcm", child.unit || "")) {
 					on_hack("min-resolution: .001dpcm");
 					return BREAK;
 				}
 			}
-			if (str_equals("-webkit-min-device-pixel-ratio", name) && n.has_children) {
-				for (const child of n) if (child.type === NUMBER && (child.value === 0 || child.value === 1e4)) {
+			if (str_equals("-webkit-min-device-pixel-ratio", name) && node.has_children) {
+				for (const child of node) if (child.type === NUMBER && (child.value === 0 || child.value === 1e4)) {
 					on_hack("-webkit-min-device-pixel-ratio");
 					return BREAK;
 				}
 			}
-			if (n.has_children) {
-				for (const child of n) if (child.type === IDENTIFIER && child.text === "\\0") {
+			if (node.has_children) {
+				for (const child of node) if (child.type === IDENTIFIER && child.text === "\\0") {
 					on_hack("\\0");
 					return BREAK;
 				}

package/dist/atrules-CXLSfmpu.d.ts

@@ -0,0 +1,16 @@
+import { CSSNode } from "@projectwallace/css-parser";
+
+//#region src/atrules/atrules.d.ts
+/**
+ * Check if an @supports atRule is a browserhack (Wallace parser version)
+ * @param prelude - The Atrule CSSNode from Wallace parser
+ */
+declare function isSupportsBrowserhack(prelude: CSSNode, on_hack: (hack: string) => void): void;
+/**
+ * Check if a @media atRule is a browserhack (Wallace parser version)
+ * @param prelude - The Atrule CSSNode from Wallace parser
+ * @returns true if the atrule is a browserhack
+ */
+declare function isMediaBrowserhack(prelude: CSSNode, on_hack: (hack: string) => void): void;
+//#endregion
+export { isSupportsBrowserhack as n, isMediaBrowserhack as t };

package/dist/browserhacks-BtVwVqdU.js

@@ -0,0 +1,347 @@
+import { t as KeywordSet } from "./keyword-set-qSyAMR9o.js";
+import { t as endsWith } from "./string-utils-C97yyuqE.js";
+import { is_dimension, is_function, is_identifier, is_number, is_operator, is_string } from "@projectwallace/css-parser";
+//#region src/values/colors.ts
+const namedColors = new KeywordSet([
+	"white",
+	"black",
+	"red",
+	"gray",
+	"silver",
+	"grey",
+	"green",
+	"orange",
+	"blue",
+	"dimgray",
+	"whitesmoke",
+	"lightgray",
+	"lightgrey",
+	"yellow",
+	"gold",
+	"pink",
+	"gainsboro",
+	"magenta",
+	"purple",
+	"darkgray",
+	"navy",
+	"darkred",
+	"teal",
+	"maroon",
+	"darkgrey",
+	"tomato",
+	"darkorange",
+	"brown",
+	"crimson",
+	"lightyellow",
+	"slategray",
+	"salmon",
+	"lightgreen",
+	"lightblue",
+	"orangered",
+	"aliceblue",
+	"dodgerblue",
+	"lime",
+	"darkblue",
+	"darkgoldenrod",
+	"skyblue",
+	"royalblue",
+	"darkgreen",
+	"ivory",
+	"olive",
+	"aqua",
+	"turquoise",
+	"cyan",
+	"khaki",
+	"beige",
+	"snow",
+	"ghostwhite",
+	"limegreen",
+	"coral",
+	"dimgrey",
+	"hotpink",
+	"midnightblue",
+	"firebrick",
+	"indigo",
+	"wheat",
+	"mediumblue",
+	"lightpink",
+	"plum",
+	"azure",
+	"violet",
+	"lavender",
+	"deepskyblue",
+	"darkslategrey",
+	"goldenrod",
+	"cornflowerblue",
+	"lightskyblue",
+	"indianred",
+	"yellowgreen",
+	"saddlebrown",
+	"palegreen",
+	"bisque",
+	"tan",
+	"antiquewhite",
+	"steelblue",
+	"forestgreen",
+	"fuchsia",
+	"mediumaquamarine",
+	"seagreen",
+	"sienna",
+	"deeppink",
+	"mediumseagreen",
+	"peru",
+	"greenyellow",
+	"lightgoldenrodyellow",
+	"orchid",
+	"cadetblue",
+	"navajowhite",
+	"lightsteelblue",
+	"slategrey",
+	"linen",
+	"lightseagreen",
+	"darkcyan",
+	"lightcoral",
+	"aquamarine",
+	"blueviolet",
+	"cornsilk",
+	"lightsalmon",
+	"chocolate",
+	"lightslategray",
+	"floralwhite",
+	"darkturquoise",
+	"darkslategray",
+	"rebeccapurple",
+	"burlywood",
+	"chartreuse",
+	"lightcyan",
+	"lemonchiffon",
+	"palevioletred",
+	"darkslateblue",
+	"mediumpurple",
+	"lawngreen",
+	"slateblue",
+	"darkseagreen",
+	"blanchedalmond",
+	"mistyrose",
+	"darkolivegreen",
+	"seashell",
+	"olivedrab",
+	"peachpuff",
+	"darkviolet",
+	"powderblue",
+	"darkmagenta",
+	"lightslategrey",
+	"honeydew",
+	"palegoldenrod",
+	"darkkhaki",
+	"oldlace",
+	"mintcream",
+	"sandybrown",
+	"mediumturquoise",
+	"papayawhip",
+	"paleturquoise",
+	"mediumvioletred",
+	"thistle",
+	"springgreen",
+	"moccasin",
+	"rosybrown",
+	"lavenderblush",
+	"mediumslateblue",
+	"darkorchid",
+	"mediumorchid",
+	"darksalmon",
+	"mediumspringgreen"
+]);
+const systemColors = new KeywordSet([
+	"accentcolor",
+	"accentcolortext",
+	"activetext",
+	"buttonborder",
+	"buttonface",
+	"buttontext",
+	"canvas",
+	"canvastext",
+	"field",
+	"fieldtext",
+	"graytext",
+	"highlight",
+	"highlighttext",
+	"linktext",
+	"mark",
+	"marktext",
+	"selecteditem",
+	"selecteditemtext",
+	"visitedtext"
+]);
+const colorFunctions = new KeywordSet([
+	"rgba",
+	"rgb",
+	"hsla",
+	"hsl",
+	"oklch",
+	"color",
+	"hwb",
+	"lch",
+	"lab",
+	"oklab"
+]);
+const colorKeywords = new KeywordSet(["transparent", "currentcolor"]);
+//#endregion
+//#region src/values/values.ts
+const keywords = new KeywordSet([
+	"auto",
+	"none",
+	"inherit",
+	"initial",
+	"unset",
+	"revert",
+	"revert-layer"
+]);
+/**
+* Test whether a value is a reset (0, 0px, -0.0e0 etc.)
+*/
+function isValueReset(value) {
+	for (let node of value) {
+		if (is_number(node) && node.value === 0) continue;
+		if (is_dimension(node) && node.value === 0) continue;
+		return false;
+	}
+	return true;
+}
+//#endregion
+//#region src/values/destructure-font-shorthand.ts
+const SYSTEM_FONTS = new KeywordSet([
+	"caption",
+	"icon",
+	"menu",
+	"message-box",
+	"small-caption",
+	"status-bar"
+]);
+/** Keyword values for <absolute-size> and <relative-size> */
+const SIZE_KEYWORDS = new KeywordSet([
+	"xx-small",
+	"x-small",
+	"small",
+	"medium",
+	"large",
+	"x-large",
+	"xx-large",
+	"xxx-large",
+	"smaller",
+	"larger"
+]);
+/**
+* Identifier keywords that appear before font-size in the font shorthand:
+* font-style, font-variant, font-weight (keyword form), font-stretch, and "normal"
+*/
+const PRE_SIZE_KEYWORDS = new KeywordSet([
+	"italic",
+	"oblique",
+	"small-caps",
+	"bold",
+	"bolder",
+	"lighter",
+	"ultra-condensed",
+	"extra-condensed",
+	"condensed",
+	"semi-condensed",
+	"semi-expanded",
+	"expanded",
+	"extra-expanded",
+	"ultra-expanded",
+	"normal"
+]);
+const SLASH = 47;
+/**
+* Parse the CSS `font` shorthand value and extract its structural components.
+*
+* Grammar:
+*   font: [<font-style> || <font-variant> || <font-weight> || <font-stretch>]?
+*         <font-size>[/<line-height>]? <font-family>
+*
+* Does NOT handle system fonts (caption, icon, menu, …) — the caller should
+* check SYSTEM_FONTS before calling this function.
+*
+* Returns null when the value is a single var() and can't be decomposed.
+*
+* @param value - The VALUE CSSNode for a `font` declaration
+* @param cb    - Called for every global CSS keyword found in the value (e.g. inherit)
+*/
+function destructure(value, cb) {
+	if (!value.has_children) return null;
+	if (value.child_count === 1 && is_function(value.first_child)) return null;
+	for (const child of value) if (is_identifier(child) && keywords.has(child.name)) cb(child.name);
+	let children = value.children;
+	let font_size;
+	let line_height;
+	let font_family_start = -1;
+	let slash_index = -1;
+	for (let i = 0; i < value.child_count; i++) {
+		const child = children[i];
+		if (child && is_operator(child) && child.text.charCodeAt(0) === SLASH) {
+			slash_index = i;
+			break;
+		}
+	}
+	if (slash_index === -1) for (let i = 0; i < children.length; i++) {
+		const child = children[i];
+		if (!child) continue;
+		if (is_dimension(child)) {
+			font_size = child.text;
+			font_family_start = i + 1;
+			break;
+		}
+		if (is_function(child)) {
+			font_size = child.text;
+			font_family_start = i + 1;
+			break;
+		}
+		if (is_identifier(child)) {
+			const name = child.name;
+			if (SIZE_KEYWORDS.has(name)) {
+				font_size = child.text;
+				font_family_start = i + 1;
+				break;
+			}
+			if (PRE_SIZE_KEYWORDS.has(name) || keywords.has(name)) continue;
+			font_family_start = i;
+			break;
+		}
+		if (is_string(child)) {
+			font_family_start = i;
+			break;
+		}
+	}
+	else {
+		if (slash_index > 0) font_size = children[slash_index - 1].text;
+		const after_slash = slash_index + 1;
+		if (after_slash < children.length) {
+			line_height = children[after_slash].text;
+			font_family_start = after_slash + 1;
+		}
+	}
+	let font_family = null;
+	if (font_family_start >= 0 && font_family_start < children.length) {
+		const first = children[font_family_start];
+		const last = children.at(-1);
+		if (first && last) font_family = value.text.substring(first.start - value.start, last.end - value.start);
+	}
+	return {
+		font_size,
+		line_height,
+		font_family
+	};
+}
+//#endregion
+//#region src/values/browserhacks.ts
+function isIe9Hack(node) {
+	if (node.has_children) {
+		let last = node.first_child;
+		while (last.has_next) last = last.next_sibling;
+		return last && is_identifier(last) && endsWith("\\9", last.text) ? true : false;
+	}
+	return false;
+}
+//#endregion
+export { keywords as a, namedColors as c, isValueReset as i, systemColors as l, SYSTEM_FONTS as n, colorFunctions as o, destructure as r, colorKeywords as s, isIe9Hack as t };

package/dist/index.d.ts

@@ -1,19 +1,18 @@
-import { n as isSupportsBrowserhack, t as isMediaBrowserhack } from "./atrules-CvzPtm16.js";
-import { a as calculate, c as CollectionCount, i as isPrefixed, l as Location, n as getComplexity, r as isAccessibility, u as UniqueWithLocations } from "./utils-BUeYqEL1.js";
-import { a as namedColors, i as colorKeywords, n as keywords, o as systemColors, r as colorFunctions, s as KeywordSet } from "./values-Dw53soqy.js";
+import { n as isSupportsBrowserhack, t as isMediaBrowserhack } from "./atrules-CXLSfmpu.js";
+import { a as calculate, c as CollectionCount, i as isPrefixed, l as Location, n as getComplexity, r as isAccessibility, u as UniqueWithLocations } from "./utils-yIUD7vGy.js";
+import { t as KeywordSet } from "./keyword-set-BXSoLQ6m.js";
+import { i as isHack } from "./property-utils-MKX6iGvg.js";
+import { a as namedColors, i as colorKeywords, n as keywords, o as systemColors, r as colorFunctions } from "./values-DgD2lJqZ.js";
 import { CSSNode } from "@projectwallace/css-parser";
 
-//#region src/properties/property-utils.d.ts
-/**
- * @see https://github.com/csstree/csstree/blob/master/lib/utils/names.js#L69
- */
-declare function isHack(property: string): boolean;
-//#endregion
 //#region src/values/vendor-prefix.d.ts
-declare function isValuePrefixed(node: CSSNode, on_value: (value: string) => void): void;
+declare function isValuePrefixed(value: CSSNode, on_value: (value: string) => void): void;
 //#endregion
 //#region src/vendor-prefix.d.ts
-/** Kept for backwards compatibility */
+/**
+ * Kept for backwards compatibility
+ * @deprecated Will be removed in next major version
+ * */
 declare function hasVendorPrefix(keyword: string): boolean;
 //#endregion
 //#region src/index.d.ts
@@ -441,6 +440,18 @@ declare function analyzeInternal<T extends boolean>(css: string, options: Option
         ratio: number;
       };
     };
+    shorthands: {
+      total: number;
+      totalUnique: number;
+      unique: Record<string, number>;
+      uniquenessRatio: number;
+    } & (T extends true ? {
+      uniqueWithLocations: UniqueWithLocations;
+    } : {
+      uniqueWithLocations?: undefined;
+    }) & {
+      ratio: number;
+    };
     browserhacks: {
       total: number;
       totalUnique: number;