postcss-kazaksha 1.0.0

package/dictionary/index.js

@@ -0,0 +1,325 @@
+export const dictionary = {
+    // === ТҮСТЕР ===
+    'түс': 'color',
+    'артқы-түс': 'background-color',
+    'артқы': 'background',
+    'артқы-сурет': 'background-image',
+    'артқы-орналасу': 'background-position',
+    'артқы-өлшем': 'background-size',
+    'артқы-қайталау': 'background-repeat',
+    'артқы-бекіту': 'background-attachment',
+    'шекара-түс': 'border-color',
+    'контур-түс': 'outline-color',
+    
+    // Түстер атаулары
+    'қызыл': 'red',
+    'көк': 'blue',
+    'жасыл': 'green',
+    'сары': 'yellow',
+    'қара': 'black',
+    'ақ': 'white',
+    'сұр': 'gray',
+    'қызғылт': 'pink',
+    'күлгін': 'purple',
+    'қоңыр': 'brown',
+    'апельсин': 'orange',
+    'көгілдір': 'cyan',
+    'мөлдір': 'transparent',
+    
+    // === ӨЛШЕМДЕР ===
+    'ені': 'width',
+    'биіктігі': 'height',
+    'ең-көп-ені': 'max-width',
+    'ең-көп-биіктігі': 'max-height',
+    'ең-аз-ені': 'min-width',
+    'ең-аз-биіктігі': 'min-height',
+    
+    // === ШЕКАРАЛАР ===
+    'шекара': 'border',
+    'шекара-ені': 'border-width',
+    'шекара-стилі': 'border-style',
+    'шекара-радиусы': 'border-radius',
+    'шекара-жоғары': 'border-top',
+    'шекара-төмен': 'border-bottom',
+    'шекара-сол': 'border-left',
+    'шекара-оң': 'border-right',
+    'шекара-жоғары-ені': 'border-top-width',
+    'шекара-төмен-ені': 'border-bottom-width',
+    'шекара-сол-ені': 'border-left-width',
+    'шекара-оң-ені': 'border-right-width',
+    'шекара-жоғары-түс': 'border-top-color',
+    'шекара-төмен-түс': 'border-bottom-color',
+    'шекара-сол-түс': 'border-left-color',
+    'шекара-оң-түс': 'border-right-color',
+    'шекара-жоғары-сол-радиус': 'border-top-left-radius',
+    'шекара-жоғары-оң-радиус': 'border-top-right-radius',
+    'шекара-төмен-сол-радиус': 'border-bottom-left-radius',
+    'шекара-төмен-оң-радиус': 'border-bottom-right-radius',
+    
+    // === КОНТУР ===
+    'контур': 'outline',
+    'контур-ені': 'outline-width',
+    'контур-стилі': 'outline-style',
+    'контур-ығысу': 'outline-offset',
+    
+    // === ОРНАЛАСУ ===
+    'орналасу': 'position',
+    'көрсету': 'display',
+    'көрінуі': 'visibility',
+    'жасырын': 'none',
+    'блок': 'block',
+    'қатар': 'inline',
+    'қатар-блок': 'inline-block',
+    'икемді': 'flex',
+    'қатар-икемді': 'inline-flex',
+    'тор': 'grid',
+    'қатар-тор': 'inline-grid',
+    
+    // Position мәндері
+    'салыстырмалы': 'relative',
+    'абсолютті': 'absolute',
+    'бекітілген': 'fixed',
+    'жабысқақ': 'sticky',
+    'статикалық': 'static',
+    
+    // Координаттар
+    'жоғары': 'top',
+    'төмен': 'bottom',
+    'сол': 'left',
+    'оң': 'right',
+    
+    // === MARGIN & PADDING ===
+    'сыртқы-бос': 'margin',
+    'ішкі-бос': 'padding',
+    'сыртқы-бос-жоғары': 'margin-top',
+    'сыртқы-бос-төмен': 'margin-bottom',
+    'сыртқы-бос-сол': 'margin-left',
+    'сыртқы-бос-оң': 'margin-right',
+    'ішкі-бос-жоғары': 'padding-top',
+    'ішкі-бос-төмен': 'padding-bottom',
+    'ішкі-бос-сол': 'padding-left',
+    'ішкі-бос-оң': 'padding-right',
+    
+    // === МӘТІН ===
+    'қаріп': 'font',
+    'қаріп-өлшемі': 'font-size',
+    'қаріп-салмағы': 'font-weight',
+    'қаріп-жанұясы': 'font-family',
+    'қаріп-стилі': 'font-style',
+    'мәтін-туралау': 'text-align',
+    'мәтін-безендіру': 'text-decoration',
+    'мәтін-түрлендіру': 'text-transform',
+    'мәтін-шегіну': 'text-indent',
+    'жол-биіктігі': 'line-height',
+    'әріп-аралығы': 'letter-spacing',
+    'сөз-аралығы': 'word-spacing',
+    'сөз-орау': 'word-wrap',
+    'сөз-үзу': 'word-break',
+    'ақ-кеңістік': 'white-space',
+    'мәтін-толық': 'text-overflow',
+    'мәтін-көлеңке': 'text-shadow',
+    'жазу-режимі': 'writing-mode',
+    'қаріп-тегістеу': 'font-smooth',
+    
+    // Мәтін туралау
+    'орта': 'center',
+    'екі-жаққа': 'justify',
+    
+    // Қаріп салмағы
+    'жуан': 'bold',
+    'жіңішке': 'lighter',
+    'қалыпты': 'normal',
+    'қалың': 'bolder',
+    
+    // Мәтін түрлендіру
+    'бас-әріп': 'uppercase',
+    'кіші-әріп': 'lowercase',
+    'бірінші-бас': 'capitalize',
+    
+    // === FLEXBOX ===
+    'икемді-бағыт': 'flex-direction',
+    'икемді-орама': 'flex-wrap',
+    'икемді-ағын': 'flex-flow',
+    'негіздеу-мазмұн': 'justify-content',
+    'туралау-элементтер': 'align-items',
+    'туралау-мазмұн': 'align-content',
+    'туралау-өзі': 'align-self',
+    'икемді-өсу': 'flex-grow',
+    'икемді-кішірейту': 'flex-shrink',
+    'икемді-негіз': 'flex-basis',
+    'реттілік': 'order',
+    'орын': 'gap',
+    'қатар-орын': 'row-gap',
+    'баған-орын': 'column-gap',
+    
+    // Flexbox мәндері
+    'қатар': 'row',
+    'қатар-кері': 'row-reverse',
+    'баған': 'column',
+    'баған-кері': 'column-reverse',
+    'орау': 'wrap',
+    'орау-кері': 'wrap-reverse',
+    'аралық': 'space-between',
+    'айналасында': 'space-around',
+    'тең-аралық': 'space-evenly',
+    'созу': 'stretch',
+    'бастау': 'flex-start',
+    'аяқтау': 'flex-end',
+    
+    // === GRID ===
+    'тор-үлгі': 'grid-template',
+    'тор-үлгі-бағандар': 'grid-template-columns',
+    'тор-үлгі-қатарлар': 'grid-template-rows',
+    'тор-үлгі-аймақтар': 'grid-template-areas',
+    'тор-баған': 'grid-column',
+    'тор-қатар': 'grid-row',
+    'тор-баған-бастау': 'grid-column-start',
+    'тор-баған-аяқ': 'grid-column-end',
+    'тор-қатар-бастау': 'grid-row-start',
+    'тор-қатар-аяқ': 'grid-row-end',
+    'тор-аймақ': 'grid-area',
+    'тор-авто-бағандар': 'grid-auto-columns',
+    'тор-авто-қатарлар': 'grid-auto-rows',
+    'тор-авто-ағын': 'grid-auto-flow',
+    
+    // === АНИМАЦИЯ & ӨТУЛЕР ===
+    'өту': 'transition',
+    'өту-қасиет': 'transition-property',
+    'өту-ұзақтық': 'transition-duration',
+    'өту-уақыт': 'transition-timing-function',
+    'өту-кідіріс': 'transition-delay',
+    'түрлендіру': 'transform',
+    'түрлендіру-бастау': 'transform-origin',
+    'түрлендіру-стиль': 'transform-style',
+    'анимация': 'animation',
+    'анимация-аты': 'animation-name',
+    'анимация-ұзақтық': 'animation-duration',
+    'анимация-уақыт': 'animation-timing-function',
+    'анимация-кідіріс': 'animation-delay',
+    'анимация-қайталау': 'animation-iteration-count',
+    'анимация-бағыт': 'animation-direction',
+    'анимация-толтыру': 'animation-fill-mode',
+    'анимация-күй': 'animation-play-state',
+    
+    // === КӨЛЕҢКЕ & ЭФФЕКТТЕР ===
+    'көлеңке': 'box-shadow',
+    'мөлдірлік': 'opacity',
+    'сүзгі': 'filter',
+    'артқы-сүзгі': 'backdrop-filter',
+    'қиылысу-режимі': 'mix-blend-mode',
+    'фон-қиылысу': 'background-blend-mode',
+    
+    // === АСПАП & ИНТЕРФЕЙС ===
+    'аспап': 'cursor',
+    'меңзер': 'pointer',
+    'қол': 'grab',
+    'ұстау': 'grabbing',
+    'өлшемді': 'resize',
+    'пайдаланушы-таңдау': 'user-select',
+    'нұсқау-оқиғалары': 'pointer-events',
+    
+    // === ТАСУ & АЙНАЛДЫРУ ===
+    'тасу': 'overflow',
+    'тасу-х': 'overflow-x',
+    'тасу-у': 'overflow-y',
+    'айналдыру': 'scroll-behavior',
+    'көрінбейді': 'hidden',
+    'көрінеді': 'visible',
+    'авто': 'auto',
+    'айналдыру-жолақ': 'scroll-snap-type',
+    'айналдыру-туралау': 'scroll-snap-align',
+    
+    // === Z-INDEX & ҚАБАТТАР ===
+    'қабат': 'z-index',
+    'оқшаулау': 'isolation',
+    
+    // === КЕСТЕ ===
+    'кесте-орналасу': 'table-layout',
+    'шекара-ығысу': 'border-collapse',
+    'шекара-аралық': 'border-spacing',
+    'босату-орындар': 'empty-cells',
+    'тақырып-жағы': 'caption-side',
+    
+    // === ТІЗІМ ===
+    'тізім-стиль': 'list-style',
+    'тізім-стиль-түрі': 'list-style-type',
+    'тізім-стиль-орны': 'list-style-position',
+    'тізім-стиль-сурет': 'list-style-image',
+    
+    // === МАЗМҰН ===
+    'мазмұн': 'content',
+    'есептегіш-қайта-орнату': 'counter-reset',
+    'есептегіш-өсу': 'counter-increment',
+    
+    // === БАСҚА ҚАСИЕТТЕР ===
+    'қорап-өлшемі': 'box-sizing',
+    'қорап-безендіру': 'box-decoration-break',
+    'нысан-сәйкес': 'object-fit',
+    'нысан-орны': 'object-position',
+    'аспект-қатынас': 'aspect-ratio',
+    'бағыт': 'direction',
+    'юникод-биди': 'unicode-bidi',
+    'баған-саны': 'column-count',
+    'баған-ені': 'column-width',
+    'баған-орын': 'column-gap',
+    'баған-ереже': 'column-rule',
+    'баған-аралық': 'column-span',
+    'баған-толтыру': 'column-fill',
+    'үзу-ішінде': 'break-inside',
+    'үзу-алдында': 'break-before',
+    'үзу-кейін': 'break-after',
+    'орфа': 'orphans',
+    'жесірлер': 'widows',
+    'бетке-үзу': 'page-break-inside',
+    'қамту': 'clip',
+    'қамту-жол': 'clip-path',
+    'маска': 'mask',
+    'маска-сурет': 'mask-image',
+    'маска-өлшем': 'mask-size',
+    'маска-орны': 'mask-position',
+    'пішін-сыртында': 'shape-outside',
+    'пішін-шегі': 'shape-margin',
+    'пішін-сурет': 'shape-image-threshold',
+    'өзгерту': 'will-change',
+    'сенімділік': 'contain',
+    'болжам': 'appearance',
+    
+    // === МӘНДЕР ===
+    'автоматты': 'auto',
+    'жоқ': 'none',
+    'қатты': 'solid',
+    'үзікті': 'dashed',
+    'нүктелі': 'dotted',
+    'қосарлы': 'double',
+    'ойық': 'groove',
+    'қабық': 'ridge',
+    'ену': 'inset',
+    'шығу': 'outset',
+    'көп-нүкте': 'ellipsis',
+    'шексіз': 'infinite',
+    'алға': 'forwards',
+    'артқа': 'backwards',
+    'екеуі-де': 'both',
+    'кері': 'reverse',
+    'кезекпе-кезек': 'alternate',
+    'кезекпе-кезек-кері': 'alternate-reverse',
+    'жүгіру': 'running',
+    'кідіріс': 'paused',
+    'қамту': 'cover',
+    'сақтау': 'contain',
+    'толтыру': 'fill',
+    'масштаб-төмен': 'scale-down',
+    'қайталау': 'repeat',
+    'қайталамау': 'no-repeat',
+    'қайталау-х': 'repeat-x',
+    'қайталау-у': 'repeat-y',
+    'айналма': 'round',
+    'кеңістік': 'space',
+    'шекара-қорап': 'border-box',
+    'мазмұн-қорап': 'content-box',
+    'мұраға-қалдыру': 'inherit',
+    'бастапқы': 'initial',
+    'орнатылмаған': 'unset',
+    'тастау': 'revert',
+  };
+

package/index.js

@@ -0,0 +1,50 @@
+// postcss-kazaksha/index.js
+const postcss = require('postcss');
+const dictionary = require('./dictionary');
+
+
+module.exports = postcss.plugin('postcss-kazaksha', () => {
+  return (root) => {
+    root.walkDecls((decl) => {
+      if (decl.prop.startsWith('--')) {
+        const varName = decl.prop.substring(2);
+        const translatedVar = dictionary[varName];
+        if (translatedVar) {
+          decl.prop = `--${translatedVar}`;
+        }
+      }
+      
+      const translatedProp = dictionary[decl.prop.toLowerCase()];
+      if (translatedProp) {
+        decl.prop = translatedProp;
+      }
+      
+      let value = decl.value;
+      
+      value = value.replace(/var\(\s*--([^)]+)\s*\)/g, (match, varName) => {
+        const translatedVar = dictionary[varName.trim()];
+        return translatedVar ? `var(--${translatedVar})` : match;
+      });
+      
+      Object.keys(dictionary).forEach((kazakh) => {
+        const regex = new RegExp(`\\b${kazakh}\\b`, 'gi');
+        value = value.replace(regex, dictionary[kazakh]);
+      });
+      
+      decl.value = value;
+    });
+    
+        root.walkAtRules((atRule) => {
+      if (atRule.params) {
+        let params = atRule.params;
+        Object.keys(dictionary).forEach((kazakh) => {
+          const regex = new RegExp(`\\b${kazakh}\\b`, 'gi');
+          params = params.replace(regex, dictionary[kazakh]);
+        });
+        atRule.params = params;
+      }
+    });
+  };
+});
+
+module.exports.postcss = true;

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "postcss-kazaksha",
+  "version": "1.0.0",
+  "description": "PostCSS плагині - қазақша CSS жазып, стандартты CSS-ке аударыңыз",
+  "main": "index.js",
+  "keywords": [
+    "postcss",
+    "postcss-plugin",
+    "css",
+    "kazakh",
+    "kazaksha",
+    "қазақша",
+    "i18n"
+  ],
+  "author": "baur.sha",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Baukaalm/postcss-kazaksha.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Baukaalm/postcss-kazaksha/issues"
+  },
+  "peerDependencies": {
+    "postcss": "^8.0.0"
+  },
+  "devDependencies": {
+    "postcss": "^8.4.0"
+  }
+}

package/readme.md

@@ -0,0 +1,61 @@
+# postcss-kazaksha 🇰🇿
+
+PostCSS плагині - қазақша CSS жазып, стандартты CSS-ке аударыңыз!
+
+## Орнату
+```bash
+npm install postcss-kazaksha
+```
+
+## Қолдану
+
+**postcss.config.js:**
+```javascript
+module.exports = {
+  plugins: [
+    require('postcss-kazaksha')
+  ]
+}
+```
+
+## Мысал
+
+**Қазақша CSS:**
+```css
+:root {
+  --негізгі-түс: көк;
+  --екінші-түс: жасыл;
+}
+
+.батырма {
+  артқы-түс: var(--негізгі-түс);
+  түс: ақ;
+  өту: барлық 0.3s;
+  түрлендіру: масштаб(1.1);
+}
+
+.тор-контейнер {
+  көрсету: тор;
+  тор-үлгі-бағандар: қайталау(3, 1fr);
+  орын: 20px;
+}
+
+@media (ең-аз-ені: 768px) {
+  .контейнер {
+    ені: 100%;
+  }
+}
+```
+
+## Қолдау көрсетілетін қасиеттер
+
+- Түстер: түс, артқы-түс, шекара-түс
+- Өлшемдер: ені, биіктігі
+- Орналасу: көрсету, орналасу
+- Flexbox: икемді, негіздеу-мазмұн, туралау-элементтер
+- Typography: қаріп-өлшемі, қаріп-салмағы, мәтін-туралау
+- және т.б.
+
+## Лицензия
+
+MIT