postcss-custom-supports 0.1.3 → 0.1.4

package/index.js

@@ -17,37 +17,46 @@ const creator = (opts = {}) => {
 
   return {
     postcssPlugin: 'postcss-custom-supports',
-    Once(root, { result }) {
+    // prepare() gives us per-process state isolation: a fresh Map per file.
+    // Collection runs as a typed AtRule visitor (joins the main walk for free),
+    // and replacement defers to OnceExit so all definitions — including ones
+    // declared after their first reference — are resolved before rewriting.
+    prepare() {
       const customs = new Map();
 
-      root.walkAtRules('custom-supports', rule => {
-        const match = rule.params.match(DEFINITION_RE);
-        if (!match) {
-          rule.warn(result, `Invalid @custom-supports declaration: "${rule.params}"`);
-          if (!preserve) rule.remove();
-          return;
-        }
-
-        const [, name, condition] = match;
-        if (customs.has(name)) {
-          rule.warn(result, `@custom-supports ${name} is redefined; the last definition wins`);
-        }
-        customs.set(name, condition.trim());
-
-        if (!preserve) rule.remove();
-      });
-
-      root.walkAtRules('supports', rule => {
-        rule.params = rule.params.replace(REFERENCE_RE, token => {
-          const name = token.slice(1, -1);
-          const value = customs.get(name);
-          if (value === undefined) {
-            rule.warn(result, `Unknown @custom-supports reference: ${name}`);
-            return token;
-          }
-          return `(${value})`;
-        });
-      });
+      return {
+        AtRule: {
+          'custom-supports': (rule, { result }) => {
+            const match = rule.params.match(DEFINITION_RE);
+            if (!match) {
+              rule.warn(result, `Invalid @custom-supports declaration: "${rule.params}"`);
+              if (!preserve) rule.remove();
+              return;
+            }
+
+            const [, name, condition] = match;
+            if (customs.has(name)) {
+              rule.warn(result, `@custom-supports ${name} is redefined; the last definition wins`);
+            }
+            customs.set(name, condition.trim());
+
+            if (!preserve) rule.remove();
+          },
+        },
+        OnceExit(root, { result }) {
+          root.walkAtRules('supports', rule => {
+            rule.params = rule.params.replace(REFERENCE_RE, token => {
+              const name = token.slice(1, -1);
+              const value = customs.get(name);
+              if (value === undefined) {
+                rule.warn(result, `Unknown @custom-supports reference: ${name}`);
+                return token;
+              }
+              return `(${value})`;
+            });
+          });
+        },
+      };
     },
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-custom-supports",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "PostCSS plugin that mirrors @custom-media for @supports queries, letting you alias verbose or experimental feature-detection conditions behind a custom name.",
   "author": "Chloe Burroughs <chloe@pfr.wtf>",
   "repository": {
@@ -29,6 +29,9 @@
   "peerDependencies": {
     "postcss": "^8.4.0"
   },
+  "devDependencies": {
+    "postcss": "^8.4.0"
+  },
   "engines": {
     "node": ">=18.0.0"
   },