@thejaredwilcurt/csslop 0.0.8 → 0.0.9

package/site/real.json

@@ -29,6 +29,11 @@
     "name": "AdminLTE",
     "size": 410009
   },
+  {
+    "fileName": "adminhub-v1.0.0.css",
+    "name": "AdminHub",
+    "size": 10992
+  },
   {
     "fileName": "amoled-cord-v5.0.11.css",
     "name": "AMOLED-cord",
@@ -74,6 +79,11 @@
     "name": "Beer CSS",
     "size": 107117
   },
+  {
+    "fileName": "blooger-website-v0.0.0.css",
+    "name": "Blooger_Website",
+    "size": 10667
+  },
   {
     "fileName": "blue-topaz-obsidian-v6.0.0.css",
     "name": "Blue-Topaz Obsidian",
@@ -124,6 +134,11 @@
     "name": "Cardinal",
     "size": 160885
   },
+  {
+    "fileName": "checka11y-v2.5.0.css",
+    "name": "Checka11y",
+    "size": 84136
+  },
   {
     "fileName": "chota-v0.9.2.css",
     "name": "Chota",
@@ -144,6 +159,11 @@
     "name": "CleanSlate",
     "size": 20543
   },
+  {
+    "fileName": "clickeffects-v0.0.0.css",
+    "name": "ClickEffects",
+    "size": 33700
+  },
   {
     "fileName": "codyframe-v4.0.9.css",
     "name": "CodeFrame",
@@ -159,6 +179,11 @@
     "name": "Concise",
     "size": 17115
   },
+  {
+    "fileName": "crayon-v1.0.0.css",
+    "name": "Crayon",
+    "size": 6861
+  },
   {
     "fileName": "crookedstylesheets-v0.0.0.css",
     "name": "CrookedStyleSheets",
@@ -274,6 +299,21 @@
     "name": "Fileicon",
     "size": 2765
   },
+  {
+    "fileName": "finimalism-v12.0.0.css",
+    "name": "Finimalism",
+    "size": 189023
+  },
+  {
+    "fileName": "firefox-one-v3.7.0.css",
+    "name": "Firefox-ONE",
+    "size": 7849
+  },
+  {
+    "fileName": "firefox-uwp-style-v0.0.0.css",
+    "name": "Firefox-UWP-Style",
+    "size": 48593
+  },
   {
     "fileName": "flakes-v1.0.1.css",
     "name": "Flakes",
@@ -384,6 +424,11 @@
     "name": "Holmes",
     "size": 12527
   },
+  {
+    "fileName": "hover-buttons-v0.15.0.css",
+    "name": "Hover Buttons",
+    "size": 53032
+  },
   {
     "fileName": "html-sheets-of-paper-v0.0.0.css",
     "name": "HTML Sheets of Paper",
@@ -519,11 +564,21 @@
     "name": "Modern CSS Resets",
     "size": 1307
   },
+  {
+    "fileName": "mvcss-v4.1.0.css",
+    "name": "MVCSS",
+    "size": 24333
+  },
   {
     "fileName": "mvp-v1.17.3.css",
     "name": "MVP",
     "size": 10327
   },
+  {
+    "fileName": "my-internet-v1.0.0.css",
+    "name": "My Internet",
+    "size": 17831
+  },
   {
     "fileName": "natural-selection-v0.0.0.css",
     "name": "Natural Selection",
@@ -574,6 +629,11 @@
     "name": "Orbit",
     "size": 156028
   },
+  {
+    "fileName": "orgcss-v9.2.3.css",
+    "name": "OrgCSS",
+    "size": 50112
+  },
   {
     "fileName": "paper-v0.4.1.css",
     "name": "Paper",
@@ -594,6 +654,11 @@
     "name": "Pesticide",
     "size": 20149
   },
+  {
+    "fileName": "phonon-v1.5.1.css",
+    "name": "Phonon",
+    "size": 159930
+  },
   {
     "fileName": "photon-v0.1.2.css",
     "name": "Photon",
@@ -634,6 +699,11 @@
     "name": "Progress Tracker",
     "size": 9391
   },
+  {
+    "fileName": "protonmail-themes-v4.0.8.css",
+    "name": "ProtonMail Themes",
+    "size": 8606
+  },
   {
     "fileName": "proxmorph-v2.7.3.css",
     "name": "ProxMorph",
@@ -764,6 +834,11 @@
     "name": "Skeleton",
     "size": 11519
   },
+  {
+    "fileName": "slitslider-v1.1.0.css",
+    "name": "SlitSlider",
+    "size": 2240
+  },
   {
     "fileName": "social-signin-buttons-v0.0.0.css",
     "name": "Social Sign-in Buttons",
@@ -874,6 +949,16 @@
     "name": "Tooltip Twispy",
     "size": 6378
   },
+  {
+    "fileName": "tootik-v1.0.2.css",
+    "name": "Tootik",
+    "size": 44368
+  },
+  {
+    "fileName": "tuesday-v1.3.0.css",
+    "name": "Tuesday",
+    "size": 27216
+  },
   {
     "fileName": "tufte-v1.8.0.css",
     "name": "Tufte",
@@ -894,6 +979,11 @@
     "name": "UIkit",
     "size": 400799
   },
+  {
+    "fileName": "unfold-v0.0.0.css",
+    "name": "Unfold",
+    "size": 90068
+  },
   {
     "fileName": "universal-v0.0.0.css",
     "name": "Universal.css",
@@ -914,6 +1004,11 @@
     "name": "Vim CSS3 Syntax",
     "size": 32291
   },
+  {
+    "fileName": "virtual-bookshelf-v1.1.0.css",
+    "name": "Virtual Bookshelf",
+    "size": 5068
+  },
   {
     "fileName": "vitepress-v1.6.4.css",
     "name": "VitePress",
@@ -929,6 +1024,11 @@
     "name": "Voxels",
     "size": 4808
   },
+  {
+    "fileName": "w3css-v4.10.0.css",
+    "name": "w3css",
+    "size": 23124
+  },
   {
     "fileName": "waffle-grid-v1.3.6.css",
     "name": "Waffle Grid",

package/src/declarations/process.js

@@ -3,6 +3,7 @@
  */
 
 import { minifyValue } from '../value/minify.js';
+import { hasInvalidQuotesCount } from '../value/quotes.js';
 import { collapseShorthandParts } from '../value/shared.js';
 
 import {
@@ -498,6 +499,10 @@ function processDeclarations (declarations, context) {
       continue;
     }
 
+    if (propertyName === 'quotes' && hasInvalidQuotesCount(declaration.value)) {
+      continue;
+    }
+
     let minifiedValue = minifyValue(declaration);
 
     let previousIndex = -1;

package/src/index.js

@@ -31,6 +31,138 @@ import {
 import { stringifyRule } from './rules/stringify.js';
 import { minifyValue } from './value/minify.js';
 
+/**
+ * Splits a minified CSS selector list at top-level commas, respecting
+ * parenthesized and bracketed groups so that commas inside pseudo-class
+ * arguments like `:is(a, b)` are not treated as selector separators.
+ *
+ * @param  {string} selectorList  The comma-separated selector list string.
+ * @return {Array}                An array of individual selector strings.
+ */
+function splitSelectorList (selectorList) {
+  const selectors = [];
+  let current = '';
+  let depth = 0;
+  for (const character of selectorList) {
+    if (character === '(' || character === '[') {
+      depth++;
+      current += character;
+    } else if (character === ')' || character === ']') {
+      depth--;
+      current += character;
+    } else if (character === ',' && depth === 0) {
+      selectors.push(current.trim());
+      current = '';
+    } else {
+      current += character;
+    }
+  }
+  const remaining = current.trim();
+  if (remaining) {
+    selectors.push(remaining);
+  }
+  return selectors;
+}
+
+/**
+ * Deduplicates a minified CSS selector list string by splitting at top-level
+ * commas, removing duplicate selectors, and rejoining with commas.
+ *
+ * @param  {string} selectorList  The comma-separated selector list string.
+ * @return {string}               The deduplicated selector list string.
+ */
+function deduplicateSelectorList (selectorList) {
+  const selectors = splitSelectorList(selectorList);
+  const seen = new Set();
+  const unique = selectors.filter((selector) => {
+    if (seen.has(selector)) {
+      return false;
+    }
+    seen.add(selector);
+    return true;
+  });
+  return unique.join(',');
+}
+
+/**
+ * Extracts the declaration body (from the opening brace to the end) of a
+ * stringified CSS rule. Returns null for at-rules or strings without braces,
+ * since those should not participate in selector merging.
+ *
+ * @param  {string}      ruleString  A stringified CSS rule.
+ * @return {string|null}             The body substring starting at `{`, or null if not a simple rule.
+ */
+function extractRuleBody (ruleString) {
+  // At-rules start with @ and should not be merged by selector
+  if (ruleString.startsWith('@')) {
+    return null;
+  }
+  const braceIndex = ruleString.indexOf('{');
+  if (braceIndex === -1) {
+    return null;
+  }
+  return ruleString.slice(braceIndex);
+}
+
+/**
+ * Normalizes a stringified CSS rule body for order-independent comparison
+ * by sorting top-level declarations alphabetically. Bodies that contain
+ * nested rules (additional `{` characters beyond the opening brace) are
+ * returned as-is since their internal structure makes simple sorting unsafe.
+ *
+ * @param  {string} body  The rule body string starting with `{`.
+ * @return {string}       The body with declarations sorted, or the original body if it contains nested rules.
+ */
+function normalizeBodyForComparison (body) {
+  // Nested rules contain additional opening braces; skip normalization
+  if (body.indexOf('{', 1) !== -1) {
+    return body;
+  }
+  const inner = body.slice(1, -1);
+  if (!inner) {
+    return body;
+  }
+  const declarations = inner.split(';').filter(Boolean).sort();
+  return '{' + declarations.join(';') + '}';
+}
+
+/**
+ * Merges consecutive stringified rules that share an identical declaration
+ * body into a single rule with comma-separated selectors. This catches
+ * rules whose values only become identical after minification (e.g.
+ * `#F00` and `rgb(255,0,0)` both minify to `red`).
+ *
+ * @param  {Array} ruleStrings  The array of stringified CSS rule strings.
+ * @return {Array}              A new array with adjacent identical-body rules merged.
+ */
+function mergeAdjacentRulesWithIdenticalBodies (ruleStrings) {
+  const result = [];
+  for (const ruleString of ruleStrings) {
+    if (!ruleString) {
+      continue;
+    }
+    const lastResult = result[result.length - 1];
+    if (lastResult) {
+      const lastBody = extractRuleBody(lastResult);
+      const currentBody = extractRuleBody(ruleString);
+      const bodiesAreEquivalent = (
+        lastBody &&
+        currentBody &&
+        normalizeBodyForComparison(lastBody) === normalizeBodyForComparison(currentBody)
+      );
+      if (bodiesAreEquivalent) {
+        const lastSelector = lastResult.slice(0, lastResult.length - lastBody.length);
+        const currentSelector = ruleString.slice(0, ruleString.length - currentBody.length);
+        const combinedSelector = deduplicateSelectorList(lastSelector + ',' + currentSelector);
+        result[result.length - 1] = combinedSelector + lastBody;
+        continue;
+      }
+    }
+    result.push(ruleString);
+  }
+  return result;
+}
+
 /**
  * Parses, optimizes, and minifies a CSS string by applying rule merging, declaration deduplication, value compression, and dead-code elimination.
  *
@@ -95,7 +227,9 @@ export const minifyCSS = function (input) {
       output.push(stringifyRule(rule, context));
     }
 
-    return restoreEscapeSequences(output.join(''));
+    const mergedOutput = mergeAdjacentRulesWithIdenticalBodies(output);
+
+    return restoreEscapeSequences(mergedOutput.join(''));
   }
 
   return source;

package/src/rules/optimize.js

@@ -366,6 +366,26 @@ function deduplicateKeyframes (rules) {
   });
 }
 
+/**
+ * Removes duplicate selectors from a combined selector list by normalizing
+ * whitespace and preserving the first occurrence of each unique selector.
+ *
+ * @param  {Array} selectors  The selector strings to deduplicate.
+ * @return {Array}            A new array with duplicate selectors removed.
+ */
+function deduplicateSelectors (selectors) {
+  const seen = new Set();
+  return selectors.filter((selector) => {
+    // Normalize whitespace to single spaces for consistent comparison
+    const normalized = selector.trim().replace(/\s+/g, ' ');
+    if (seen.has(normalized)) {
+      return false;
+    }
+    seen.add(normalized);
+    return true;
+  });
+}
+
 /**
  * Merges consecutive rules whose declarations are a subset of the following rule, combining their selectors and splitting out any extra declarations.
  *
@@ -409,7 +429,8 @@ function mergeByDeclarations (rules) {
             return !commonProperties.has(declaration.property);
           });
           result.pop();
-          result.push({ ...previousRule, selectors: [...previousRule.selectors, ...rule.selectors] });
+          const combinedSelectors = deduplicateSelectors([...previousRule.selectors, ...rule.selectors]);
+          result.push({ ...previousRule, selectors: combinedSelectors });
           if (currentOnlyDeclarations.length > 0) {
             result.push({ ...rule, declarations: currentOnlyDeclarations });
           }

package/src/rules/stringify.js

@@ -361,6 +361,68 @@ function processIsSelector (selector) {
   return [':is(' + parts.join(',') + ')'];
 }
 
+/**
+ * Removes spaces after commas only inside parenthesized groups (function
+ * calls like `var()`, `calc()`), leaving top-level comma spacing intact.
+ *
+ * @param  {string} value  The whitespace-collapsed custom property value.
+ * @return {string}        The value with post-comma spaces removed inside function calls only.
+ */
+function removeSpacesAfterCommasInsideFunctions (value) {
+  let result = '';
+  let parenthesisDepth = 0;
+  for (let index = 0; index < value.length; index++) {
+    const character = value[index];
+    if (character === '(') {
+      parenthesisDepth++;
+    }
+    if (character === ')') {
+      parenthesisDepth--;
+    }
+    if (character === ',' && parenthesisDepth > 0) {
+      result += ',';
+      // Skip whitespace after the comma inside function calls
+      while (index + 1 < value.length && value[index + 1] === ' ') {
+        index++;
+      }
+    } else {
+      result += character;
+    }
+  }
+  return result;
+}
+
+/**
+ * Strips leading zeros from decimal numbers in a custom property value
+ * (e.g. `0.5` becomes `.5`, `-0.02em` becomes `-.02em`).
+ *
+ * @param  {string} value  The custom property value string.
+ * @return {string}        The value with leading zeros removed from decimals.
+ */
+function stripLeadingZerosFromDecimals (value) {
+  // Match a boundary (start, whitespace, comma, open-paren), optional sign, then leading zeros before a decimal
+  return value.replace(/(^|\s|,|\()(-?)0+(\.\d+)/g, '$1$2$3');
+}
+
+/**
+ * Collapses whitespace in a custom property value while preserving
+ * token boundaries. Each whitespace sequence is reduced to a single
+ * space, spaces after commas inside function calls are removed, and
+ * leading zeros on decimal numbers are stripped.
+ *
+ * @param  {string} value  The raw custom property value string.
+ * @return {string}        The minified custom property value.
+ */
+function collapseCustomPropertyWhitespace (value) {
+  // Collapse all whitespace sequences (newlines, tabs, multiple spaces) to a single space
+  let collapsed = value.replace(/\s+/g, ' ');
+  // Remove spaces after commas only inside function calls (e.g. var(--bar, 1.5) → var(--bar,1.5))
+  collapsed = removeSpacesAfterCommasInsideFunctions(collapsed);
+  // Strip leading zeros from decimals (e.g. 0.5 → .5, -0.02em → -.02em)
+  collapsed = stripLeadingZerosFromDecimals(collapsed);
+  return collapsed;
+}
+
 /**
  * Converts a parsed CSS AST rule node into a minified CSS string, dispatching to specialized handlers for each rule type including selectors, `@media`, `@keyframes`, `@layer`, and other at-rules.
  *
@@ -517,7 +579,11 @@ function stringifyRule (rule, context, nested = false) {
             } else if (/^rgb\(\s*\d+\s+\d+\s+\d+\s*\)$/i.test(trimmedRawValue)) {
               value = ' ' + trimmedRawValue;
             } else {
-              value = trimmedRawValue;
+              value = collapseCustomPropertyWhitespace(trimmedRawValue);
+              // Prepend a space when value starts with a bare decimal point to avoid ambiguity after the colon
+              if (value.startsWith('.')) {
+                value = ' ' + value;
+              }
             }
           }
         } else {