@unocss/core 0.22.0 → 0.22.4

package/dist/index.cjs

@@ -388,7 +388,7 @@ function resolveConfig(userConfig = {}, defaults = {}) {
   };
 }
 
-const version = "0.22.0";
+const version = "0.22.4";
 
 class UnoGenerator {
   constructor(userConfig = {}, defaults = {}) {
@@ -513,14 +513,14 @@ class UnoGenerator {
         return layerCache[layer];
       let css = Array.from(sheet).sort((a, b) => (this.parentOrders.get(a[0]) ?? 0) - (this.parentOrders.get(b[0]) ?? 0) || a[0]?.localeCompare(b[0] || "") || 0).map(([parent, items]) => {
         const size = items.length;
-        const sorted = items.filter((i) => (i[4]?.layer || "default") === layer).sort((a, b) => a[0] - b[0] || a[1]?.localeCompare(b[1] || "") || 0).map((a) => [a[1] ? applyScope(a[1], scope) : a[1], a[2]]).map((a) => [a[0] == null ? a[0] : [a[0]], a[1]]);
+        const sorted = items.filter((i) => (i[4]?.layer || "default") === layer).sort((a, b) => a[0] - b[0] || a[1]?.localeCompare(b[1] || "") || 0).map((a) => [a[1] ? applyScope(a[1], scope) : a[1], a[2], !!a[4]?.noMerge]).map((a) => [a[0] == null ? a[0] : [a[0]], a[1], a[2]]);
         if (!sorted.length)
           return void 0;
-        const rules = sorted.reverse().map(([selector, body], idx) => {
-          if (selector && this.config.mergeSelectors) {
+        const rules = sorted.reverse().map(([selector, body, noMerge], idx) => {
+          if (!noMerge && selector && this.config.mergeSelectors) {
             for (let i = idx + 1; i < size; i++) {
               const current = sorted[i];
-              if (current && current[0] && current[1] === body) {
+              if (current && !current[2] && current[0] && current[1] === body) {
                 current[0].push(...selector);
                 return null;
               }
@@ -690,18 +690,25 @@ class UnoGenerator {
         continue;
       const { selector, entries, parent: parent2 } = this.applyVariants(item, [...item[4], ...parentVariants], raw);
       const mapItem = selectorMap.getFallback(selector, parent2, [[], item[0]]);
-      mapItem[0].push(entries);
+      mapItem[0].push([entries, !!item[3]?.noMerge]);
     }
     return selectorMap.map(([e2, index], selector, mediaQuery) => {
-      const split = e2.filter((entries) => entries.some((entry) => entry[0] === CONTROL_SHORTCUT_NO_MERGE));
-      const rest = e2.filter((entries) => entries.every((entry) => entry[0] !== CONTROL_SHORTCUT_NO_MERGE));
-      return [...split, rest.flat(1)].map((entries) => {
+      const stringify = (noMerge) => (entries) => {
         const body = entriesToCss(entries);
         if (body)
-          return [index, selector, body, mediaQuery, meta];
+          return [index, selector, body, mediaQuery, { ...meta, noMerge }];
         return void 0;
+      };
+      const merges = [
+        [e2.filter(([, noMerge]) => noMerge).map(([entries]) => entries), true],
+        [e2.filter(([, noMerge]) => !noMerge).map(([entries]) => entries), false]
+      ];
+      return merges.map(([e3, noMerge]) => {
+        const splits = e3.filter((entries) => entries.some((entry) => entry[0] === CONTROL_SHORTCUT_NO_MERGE));
+        const rests = e3.filter((entries) => entries.every((entry) => entry[0] !== CONTROL_SHORTCUT_NO_MERGE));
+        return [...splits.map(stringify(noMerge)), ...[rests.flat(1)].map(stringify(noMerge))];
       });
-    }).flat(1).filter(Boolean);
+    }).flat(2).filter(Boolean);
   }
   isBlocked(raw) {
     return !raw || this.config.blocklist.some((e2) => typeof e2 === "string" ? e2 === raw : e2.test(raw));
@@ -718,11 +725,11 @@ function applyScope(css, scope) {
   else
     return scope ? `${scope} ${css}` : css;
 }
+const attributifyRe = /^\[(.+?)(~?=)"(.*)"\]$/;
 function toEscapedSelector(raw) {
-  if (raw.startsWith("["))
-    return raw.replace(/^\[(.+?)(~?=)"(.*)"\]$/, (_, n, s, i) => `[${e(n)}${s}"${e(i)}"]`);
-  else
-    return `.${e(raw)}`;
+  if (attributifyRe.test(raw))
+    return raw.replace(attributifyRe, (_, n, s, i) => `[${e(n)}${s}"${e(i)}"]`);
+  return `.${e(raw)}`;
 }
 
 exports.BetterMap = BetterMap;

package/dist/index.d.ts

@@ -123,6 +123,11 @@ interface RuleMeta {
      * @default 'default'
      */
     layer?: string;
+    /**
+     * Option to not merge this selector even if the body are the same.
+     * @default false
+     */
+    noMerge?: boolean;
     /**
      * Internal rules will only be matched for shortcuts but not the user code.
      * @default false

package/dist/index.mjs

@@ -384,7 +384,7 @@ function resolveConfig(userConfig = {}, defaults = {}) {
   };
 }
 
-const version = "0.22.0";
+const version = "0.22.4";
 
 class UnoGenerator {
   constructor(userConfig = {}, defaults = {}) {
@@ -509,14 +509,14 @@ class UnoGenerator {
         return layerCache[layer];
       let css = Array.from(sheet).sort((a, b) => (this.parentOrders.get(a[0]) ?? 0) - (this.parentOrders.get(b[0]) ?? 0) || a[0]?.localeCompare(b[0] || "") || 0).map(([parent, items]) => {
         const size = items.length;
-        const sorted = items.filter((i) => (i[4]?.layer || "default") === layer).sort((a, b) => a[0] - b[0] || a[1]?.localeCompare(b[1] || "") || 0).map((a) => [a[1] ? applyScope(a[1], scope) : a[1], a[2]]).map((a) => [a[0] == null ? a[0] : [a[0]], a[1]]);
+        const sorted = items.filter((i) => (i[4]?.layer || "default") === layer).sort((a, b) => a[0] - b[0] || a[1]?.localeCompare(b[1] || "") || 0).map((a) => [a[1] ? applyScope(a[1], scope) : a[1], a[2], !!a[4]?.noMerge]).map((a) => [a[0] == null ? a[0] : [a[0]], a[1], a[2]]);
         if (!sorted.length)
           return void 0;
-        const rules = sorted.reverse().map(([selector, body], idx) => {
-          if (selector && this.config.mergeSelectors) {
+        const rules = sorted.reverse().map(([selector, body, noMerge], idx) => {
+          if (!noMerge && selector && this.config.mergeSelectors) {
             for (let i = idx + 1; i < size; i++) {
               const current = sorted[i];
-              if (current && current[0] && current[1] === body) {
+              if (current && !current[2] && current[0] && current[1] === body) {
                 current[0].push(...selector);
                 return null;
               }
@@ -686,18 +686,25 @@ class UnoGenerator {
         continue;
       const { selector, entries, parent: parent2 } = this.applyVariants(item, [...item[4], ...parentVariants], raw);
       const mapItem = selectorMap.getFallback(selector, parent2, [[], item[0]]);
-      mapItem[0].push(entries);
+      mapItem[0].push([entries, !!item[3]?.noMerge]);
     }
     return selectorMap.map(([e2, index], selector, mediaQuery) => {
-      const split = e2.filter((entries) => entries.some((entry) => entry[0] === CONTROL_SHORTCUT_NO_MERGE));
-      const rest = e2.filter((entries) => entries.every((entry) => entry[0] !== CONTROL_SHORTCUT_NO_MERGE));
-      return [...split, rest.flat(1)].map((entries) => {
+      const stringify = (noMerge) => (entries) => {
         const body = entriesToCss(entries);
         if (body)
-          return [index, selector, body, mediaQuery, meta];
+          return [index, selector, body, mediaQuery, { ...meta, noMerge }];
         return void 0;
+      };
+      const merges = [
+        [e2.filter(([, noMerge]) => noMerge).map(([entries]) => entries), true],
+        [e2.filter(([, noMerge]) => !noMerge).map(([entries]) => entries), false]
+      ];
+      return merges.map(([e3, noMerge]) => {
+        const splits = e3.filter((entries) => entries.some((entry) => entry[0] === CONTROL_SHORTCUT_NO_MERGE));
+        const rests = e3.filter((entries) => entries.every((entry) => entry[0] !== CONTROL_SHORTCUT_NO_MERGE));
+        return [...splits.map(stringify(noMerge)), ...[rests.flat(1)].map(stringify(noMerge))];
       });
-    }).flat(1).filter(Boolean);
+    }).flat(2).filter(Boolean);
   }
   isBlocked(raw) {
     return !raw || this.config.blocklist.some((e2) => typeof e2 === "string" ? e2 === raw : e2.test(raw));
@@ -714,11 +721,11 @@ function applyScope(css, scope) {
   else
     return scope ? `${scope} ${css}` : css;
 }
+const attributifyRe = /^\[(.+?)(~?=)"(.*)"\]$/;
 function toEscapedSelector(raw) {
-  if (raw.startsWith("["))
-    return raw.replace(/^\[(.+?)(~?=)"(.*)"\]$/, (_, n, s, i) => `[${e(n)}${s}"${e(i)}"]`);
-  else
-    return `.${e(raw)}`;
+  if (attributifyRe.test(raw))
+    return raw.replace(attributifyRe, (_, n, s, i) => `[${e(n)}${s}"${e(i)}"]`);
+  return `.${e(raw)}`;
 }
 
 export { BetterMap, CONTROL_SHORTCUT_NO_MERGE, TwoKeyMap, UnoGenerator, attributifyRE, clearIdenticalEntries, clone, createGenerator, createValueHandler, e, entriesToCss, escapeRegExp, escapeSelector, expandVariantGroup, extractorSplit, extractorSvelte, hasScopePlaceholder, hex2rgba, isAttributifySelector, isObject, isRawUtil, isStaticRule, isStaticShortcut, isValidSelector, mergeDeep, mergeSet, normalizeCSSEntries, normalizeCSSValues, normalizeVariant, notNull, regexClassGroup, toArray, uniq, validateFilterRE, warnOnce, withLayer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/core",
-  "version": "0.22.0",
+  "version": "0.22.4",
   "description": "The instant on-demand Atomic CSS engine.",
   "keywords": [
     "unocss",