postcss-sort-media-queries 4.0.0 → 4.1.0

package/CHANGELOG.md

@@ -5,6 +5,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [4.1.0] 2021-09-13
+
+- Add module for browser
+
 ## [4.0.0] 2021-09-13
 
 - Add [sort-css-media-queries#configuration-options](https://github.com/dutchenkoOleg/sort-css-media-queries#configuration-options) support

package/browser.js

@@ -0,0 +1,54 @@
+function sortAtRules(queries, sort, sortCSSmq) {
+  if (typeof sort !== 'function') {
+    sort = sort === 'desktop-first' ? sortCSSmq.desktopFirst : sortCSSmq
+  }
+
+  return queries.sort(sort)
+}
+
+module.exports = (opts = {}) => {
+
+  opts = Object.assign(
+    {
+      sort: 'mobile-first',
+      configuration: {
+        unitlessMqAlwaysFirst: false,
+      },
+    },
+    opts
+  )
+
+  const createSort = require('sort-css-media-queries/lib/create-sort');
+  const sortCSSmq = createSort(opts.configuration);
+
+  return {
+    postcssPlugin: 'postcss-sort-media-queries',
+    OnceExit(root, { AtRule }) {
+
+      let atRules = [];
+
+      root.walkAtRules('media', atRule => {
+        let query = atRule.params
+
+        if (!atRules[query]) {
+          atRules[query] = new AtRule({
+            name: atRule.name,
+            params: atRule.params,
+            source: atRule.source
+          })
+        }
+
+        atRule.nodes.forEach(node => {
+          atRules[query].append(node.clone())
+        })
+
+        atRule.remove()
+      })
+
+      sortAtRules(Object.keys(atRules), opts.sort, sortCSSmq).forEach(query => {
+        root.append(atRules[query])
+      })
+    }
+  }
+}
+module.exports.postcss = true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-sort-media-queries",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "PostCSS plugin for combine and sort CSS media queries with mobile first or desktop first methods.",
   "keywords": [
     "postcss",