postcss-sort-media-queries 6.5.0 → 6.6.0

package/dist/index.cjs

@@ -234,36 +234,6 @@ function createSort(configuration) {
   return sortCSSmq;
 }
 
-// node_modules/nanoid/index.js
-var import_node_crypto = require("node:crypto");
-
-// node_modules/nanoid/url-alphabet/index.js
-var urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-
-// node_modules/nanoid/index.js
-var POOL_SIZE_MULTIPLIER = 128;
-var pool;
-var poolOffset;
-function fillPool(bytes) {
-  if (!pool || pool.length < bytes) {
-    pool = Buffer.allocUnsafe(bytes * POOL_SIZE_MULTIPLIER);
-    import_node_crypto.webcrypto.getRandomValues(pool);
-    poolOffset = 0;
-  } else if (poolOffset + bytes > pool.length) {
-    import_node_crypto.webcrypto.getRandomValues(pool);
-    poolOffset = 0;
-  }
-  poolOffset += bytes;
-}
-function nanoid(size = 21) {
-  fillPool(size |= 0);
-  let id = "";
-  for (let i = poolOffset - size; i < poolOffset; i++) {
-    id += urlAlphabet[pool[i] & 63];
-  }
-  return id;
-}
-
 // src/index.js
 function sortAtRules(queries, options, sortCSSmq) {
   if (typeof options.sort !== "function") {
@@ -291,28 +261,22 @@ function plugin(options = {}) {
     postcssPlugin: "postcss-sort-media-queries",
     // Execute once after the entire tree has been parsed
     OnceExit(root, { AtRule }) {
-      let parents = [];
+      const parents = /* @__PURE__ */ new Map();
       root.walkAtRules("media", (atRule) => {
-        if (!atRule.parent.groupId) {
-          let groupId = nanoid();
-          atRule.parent.groupId = groupId;
-          parents[groupId] = {
+        if (!parents.has(atRule.parent)) {
+          parents.set(atRule.parent, {
             parent: atRule.parent,
             depth: getDepth(atRule.parent)
-          };
+          });
         }
-        return;
       });
-      if (!parents) {
+      if (parents.size === 0) {
         return;
       }
-      parents = Object.fromEntries(
-        Object.entries(parents).sort(([, a], [, b]) => {
-          return b.depth - a.depth;
-        })
-      );
-      Object.keys(parents).forEach((groupId) => {
-        let { parent } = parents[groupId];
+      const sortedParents = [...parents.values()].sort((a, b) => {
+        return b.depth - a.depth;
+      });
+      sortedParents.forEach(({ parent }) => {
         let medias = parent.nodes.filter(
           (node) => node.type === "atrule" && node.name === "media"
         );

package/dist/index.js

@@ -1,5 +1,4 @@
 import createSort from "sort-css-media-queries/create-sort";
-import { nanoid } from "nanoid";
 
 // PostCSS plugin to sort CSS @media rules according to a configurable order.
 // The plugin groups top-level and nested media at-rules, merges rules
@@ -46,37 +45,27 @@ function plugin(options = {}) {
       // Collect parent nodes that contain media at-rules. We separate
       // top-level (`root`) parents from nested parents so ordering
       // semantics can be preserved independently.
-      let parents = [];
+      const parents = new Map();
 
       // Walk all @media at-rules and group their parents
       root.walkAtRules("media", (atRule) => {
-        if (!atRule.parent.groupId) {
-          let groupId = nanoid();
-
-          atRule.parent.groupId = groupId;
-
-          parents[groupId] = {
+        if (!parents.has(atRule.parent)) {
+          parents.set(atRule.parent, {
             parent: atRule.parent,
             depth: getDepth(atRule.parent),
-          };
+          });
         }
-
-        return;
       });
 
-      if (!parents) {
+      if (parents.size === 0) {
         return;
       }
 
-      parents = Object.fromEntries(
-        Object.entries(parents).sort(([, a], [, b]) => {
-          return b.depth - a.depth;
-        }),
-      );
-
-      Object.keys(parents).forEach((groupId) => {
-        let { parent } = parents[groupId];
+      const sortedParents = [...parents.values()].sort((a, b) => {
+        return b.depth - a.depth;
+      });
 
+      sortedParents.forEach(({ parent }) => {
         // Filter only @media nodes from the parent's children
         let medias = parent.nodes.filter(
           (node) => node.type === "atrule" && node.name === "media",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "postcss-sort-media-queries",
   "description": "PostCSS plugin for sorting and combining CSS media queries with mobile first / **desktop first methodologies",
-  "version": "6.5.0",
+  "version": "6.6.0",
   "engines": {
     "node": ">=20.0.0"
   },
@@ -68,7 +68,6 @@
     "vitest": "^4.1.2"
   },
   "peerDependencies": {
-    "nanoid": "^5.1.6",
     "postcss": "^8.5.6"
   },
   "dependencies": {

package/src/index.js

@@ -1,5 +1,4 @@
 import createSort from "sort-css-media-queries/create-sort";
-import { nanoid } from "nanoid";
 
 // PostCSS plugin to sort CSS @media rules according to a configurable order.
 // The plugin groups top-level and nested media at-rules, merges rules
@@ -46,37 +45,27 @@ function plugin(options = {}) {
       // Collect parent nodes that contain media at-rules. We separate
       // top-level (`root`) parents from nested parents so ordering
       // semantics can be preserved independently.
-      let parents = [];
+      const parents = new Map();
 
       // Walk all @media at-rules and group their parents
       root.walkAtRules("media", (atRule) => {
-        if (!atRule.parent.groupId) {
-          let groupId = nanoid();
-
-          atRule.parent.groupId = groupId;
-
-          parents[groupId] = {
+        if (!parents.has(atRule.parent)) {
+          parents.set(atRule.parent, {
             parent: atRule.parent,
             depth: getDepth(atRule.parent),
-          };
+          });
         }
-
-        return;
       });
 
-      if (!parents) {
+      if (parents.size === 0) {
         return;
       }
 
-      parents = Object.fromEntries(
-        Object.entries(parents).sort(([, a], [, b]) => {
-          return b.depth - a.depth;
-        }),
-      );
-
-      Object.keys(parents).forEach((groupId) => {
-        let { parent } = parents[groupId];
+      const sortedParents = [...parents.values()].sort((a, b) => {
+        return b.depth - a.depth;
+      });
 
+      sortedParents.forEach(({ parent }) => {
         // Filter only @media nodes from the parent's children
         let medias = parent.nodes.filter(
           (node) => node.type === "atrule" && node.name === "media",