Prepare for 5.x release

.github/workflows/test.yml

@@ -0,0 +1,28 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+
+name: Node.js CI
+
+on:
+ pull_request:
+ branches: [ "main", "develop" ]
+
+jobs:
+ build:
+
+ runs-on: [ "ubuntu-latest", "macos-latest" ]
+
+ strategy:
+ matrix:
+ node-version: [14.x, 16.x, 18.x]
+ # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+ steps:
+ - uses: actions/checkout@v3
+ - name: Use Node.js ${{ matrix.node-version }}
+ uses: actions/setup-node@v3
+ with:
+ node-version: ${{ matrix.node-version }}
+ cache: 'npm'
+ - run: npm ci
+ - run: npm test

.npmignore

@@ -5,9 +5,12 @@ yarn.lock
 .travis.yml
 .editorconfig
 .gitattributes
+.github
 index.test.js
 
 CHANGELOG.md
 
+logo.svg
+
 test/
 coverage/

README-UZ.md

@@ -0,0 +1,265 @@
+# PostCSS tartiblash media so'rovlari
+
+[PostCSS]: https://github.com/postcss/postcss
+[MIT]: https://github.com/yunusga/postcss-sort-media-queries/blob/master/LICENSE
+[official docs]: https://github.com/postcss/postcss#usage
+[Releases history]: https://github.com/yunusga/postcss-sort-media-queries/blob/master/CHANGELOG.md
+
+[![npm](https://img.shields.io/npm/v/postcss-sort-media-queries.svg)](https://www.npmjs.com/package/postcss-sort-media-queries) [![Node.js CI](https://github.com/yunusga/postcss-sort-media-queries/actions/workflows/test.yml/badge.svg?branch=main&event=status)](https://github.com/yunusga/postcss-sort-media-queries/actions/workflows/test.yml)
+[![npm](https://img.shields.io/npm/dt/postcss-sort-media-queries.svg)](https://www.npmjs.com/package/postcss-sort-media-queries)
+
+<img src="logo.svg?sanitize=true" align="right" title="PostCSS sort media queries logotype" width="100" height="100">
+
+🌏 [**English**](README.md) ▫ **O'zbek**
+
+[PostCSS] CSS media so'rovlarini **mobil qurilma** va **ish stoli kompyuter** metodologiyalari bilan ularni saralash va birlashtirish uchun xizmat qiladi.
+
+
+
+> 5.0.0 plaginini qo'llab-quvvatlaydigan [Media funksiyasi turlari: “diapazon”](https://www.w3.org/TR/mediaqueries-4/#mq-ranges)
+
+
+## Mundarija
+
+ - [Onlayn demo](#onlayn-demo)
+ - [Misollar](#misollar)
+ - [Mobil qurilmalarni tartiblash](#mobil-qurilmalarni-tartiblash)
+ - [Ish stoli kompyuter qurilmalarni tartiblash](#ish-stoli-kompyuter-qurilmalarni-tartiblash)
+ - [O'rnatish](#ornatish)
+ - [Foydalanish](#foydalanish)
+ - [Optsiyalar](#optsiyalar)
+ - [Saralash](#saralash)
+ - [Maxsus tartiblash funksiyasi](#maxsus-tartiblash-funksiyasi)
+ - [Saralash konfiguratsiyasi](#saralash-konfiguratsiyasi)
+ - [O'zgarishlar jurnali](#ozgarishlar-jurnali)
+ - [Litsenziya](#litsenziya)
+ - [Boshqa PostCSS plaginlari](#boshqa-postcss-plaginlari)
+ - [Rahmat 💪](#rahmat)
+
+
+## Onlayn demo
+
+Bu yerda: [onlayn demo](https://postcss-sort-media-queries.github.io)
+
+
+## Misollar
+
+### Mobil qurilmalarni tartiblash
+
+**oldin**
+
+```css
+@media screen and (max-width: 640px) {
+ .head { color: #cfcfcf }
+}
+@media screen and (max-width: 768px) {
+ .footer { color: #cfcfcf }
+}
+@media screen and (max-width: 640px) {
+ .main { color: #cfcfcf }
+}
+@media screen and (min-width: 1280px) {
+ .mobile-first { color: #cfcfcf }
+}
+@media screen and (min-width: 640px) {
+ .mobile-first { color: #cfcfcf }
+}
+@media screen and (max-width: 640px) {
+ .footer { color: #cfcfcf }
+}
+```
+
+**keyin**
+
+```css
+@media screen and (min-width: 640px) {
+ .mobile-first { color: #cfcfcf }
+}
+@media screen and (min-width: 1280px) {
+ .mobile-first { color: #cfcfcf }
+}
+@media screen and (max-width: 768px) {
+ .footer { color: #cfcfcf }
+}
+@media screen and (max-width: 640px) {
+ /* birlashtirilgan */
+ .head { color: #cfcfcf }
+ .main { color: #cfcfcf }
+ .footer { color: #cfcfcf }
+}
+```
+
+### Ish stoli kompyuter qurilmalarni tartiblash
+
+**oldin**
+```css
+@media screen and (max-width: 640px) {
+ .header { color: #cdcdcd }
+}
+@media screen and (min-width: 760px) {
+ .desktop-first { color: #cdcdcd }
+}
+@media screen and (max-width: 640px) {
+ .main { color: #cdcdcd }
+}
+@media screen and (min-width: 1280px) {
+ .desktop-first { color: #cdcdcd }
+}
+@media screen and (max-width: 760px) {
+ .footer { color: #cdcdcd }
+}
+@media screen and (max-width: 640px) {
+ .footer { color: #cdcdcd }
+}
+```
+
+**keyin**
+
+```css
+@media screen and (max-width: 760px) {
+ .footer { color: #cdcdcd }
+}
+@media screen and (max-width: 640px) {
+ /* combined */
+ .header { color: #cdcdcd }
+ .main { color: #cdcdcd }
+ .footer { color: #cdcdcd }
+}
+@media screen and (min-width: 760px) {
+ .desktop-first { color: #cdcdcd }
+}
+@media screen and (min-width: 1280px) {
+ .desktop-first { color: #cdcdcd }
+}
+```
+
+## O'rnatish
+
+Birinchi navbatda, modulni o'rnating:
+
+```
+npm install postcss postcss-sort-media-queries --save-dev
+```
+
+## Foydalanish
+
+Mavjud PostCSS konfiguratsiyasi uchun loyihangizni tekshiring: `postcss.config.js`
+loyiha ildizida, `package.json` ichidagi `"postcss"` bo`limida
+yoki to'plam konfiguratsiyasida "postcss".
+
+Agar siz allaqachon PostCSS-dan foydalansangiz, plaginni plaginlar ro'yxatiga qo'shing:
+
+```diff
+module.exports = {
+ plugins: [
++ require('postcss-sort-media-queries')({
++ sort: 'mobile-first', // default value
++ }),
+ require('autoprefixer')
+ ]
+}
+```
+
+yoki maxsus tartiblash funksiyasi bilan
+```diff
+module.exports = {
+ plugins: [
++ require('postcss-sort-media-queries')({
++ sort: function(a, b) {
++ // custom sorting function
++ }
++ }),
+ require('autoprefixer')
+ ]
+}
+```
+
+Agar siz PostCSS-dan foydalanmasangiz, uni [official docs] ga
+muvofiq qo'shing va sozlamalarda ushbu plaginni o'rnating.
+
+
+## Optsiyalar
+
+> Saralash asosida ishlaydi, funktsiyasi [dutchenkoOleg/sort-css-media-queries](https://github.com/dutchenkoOleg/sort-css-media-queries)
+
+### Saralash
+
+Ushbu parametr **string** yoki **funktsiya** qiymatlarini qo'llab-quvvatlaydi.
+
+- `{string}` `'mobile-first'` - (standart) mobil qurilmalarni tartiblash
+- `{string}` `'desktop-first'` - kompyuter qurilmalarni tartiblash
+- `{function}` o'zingizning saralash funksiyangiz
+
+#### `'mobil-qurilmalar'`
+
+```js
+postcss([
+ sortMediaQueries({
+ sort: 'mobile-first' // standart
+ })
+]).process(css);
+```
+
+#### `'kompyuter-qurilmalar'`
+
+```js
+postcss([
+ sortMediaQueries({
+ sort: 'desktop-first'
+ })
+]).process(css);
+```
+
+### Maxsus tartiblash funksiyasi
+```js
+postcss([
+ sortMediaQueries({
+ function(a, b) {
+ return a.localeCompare(b);
+ }
+ })
+]).process(css);
+```
+
+Ishbu misolda barcha media so'rovlaringiz A dan Z gacha tartib bo'yicha saralanadi
+
+Ushbu tartiblash funksiyasi to'g'ridan-to'g'ri barcha media so'rovlaringiz qatorini Array#sort() usuliga o'tkaziladi.
+
+### Saralash konfiguratsiyasi
+
+Ushbu konfiguratsiya orqali siz tartiblash xatti-harakatlarini boshqarishingiz mumkin.
+
+```js
+postcss([
+ sortMediaQueries({
+ configuration: {
+ unitlessMqAlwaysFirst: true, // yoki false
+ }
+ })
+]).process(css);
+```
+
+Yoki muqobil ravishda loyihangiz ildizida “sort-css-mq.config.json” faylini yarating. Yoki “package.json”ingizga “sortCssMQ: {}” xususiyatini qo‘shing.
+
+---
+
+## O'zgarishlar jurnali
+
+Bu yerda: [Releases history]
+
+## Litsenziya
+
+[MIT]
+
+## Boshqa PostCSS plaginlari
+
+- [`postcss-momentum-scrolling`](https://github.com/yunusga/postcss-momentum-scrolling) - iOS tizimida toʻlib-toshgan (aylantirish, avtomatik) elementlar uchun **momentum** uslubidagi aylantirish harakatini qoʻshish uchun plagin (`-webkit-overflow-scrolling:touch`)
+
+## Rahmat
+
+- Andrey Sitnik [@ai](https://github.com/ai)
+- Oleh Dutchenko [@dutchenkoOleg](https://github.com/dutchenkoOleg)
+- Jakub Caban [@Lustmored](https://github.com/Lustmored)
+- Dmytro Symonov [@Kassaila](https://github.com/Kassaila)
+- Kai Falkowski [@SassNinja](https://github.com/SassNinja)
+- Khayot Razzakov [@SassNinja](https://github.com/Khayotbek1)