postcss-kazaksha 1.0.2 → 1.2.0

package/index.js

@@ -16,35 +16,67 @@ const translateCSSVariables = (value) =>
     return translated ? `var(--${translated})` : match;
   });
 
-const translateValues = (value) =>
-  Object.keys(dictionary).reduce((acc, kazakh) => {
-    const regex = new RegExp(`\\b${kazakh}\\b`, 'gi');
-    return acc.replace(regex, dictionary[kazakh]);
+const isWordChar = (char) => {
+  if (!char) return false;
+  return /[a-zA-Zа-яА-ЯәіңғүұқөһӘІҢҒҮҰҚӨҺ0-9_-]/.test(char);
+};
+
+const isWordBoundary = (str, startPos, endPos) => {
+  const before = startPos > 0 ? str[startPos - 1] : '';
+  const after = endPos < str.length ? str[endPos] : '';
+  return !isWordChar(before) && !isWordChar(after);
+};
+
+const translateValues = (value) => {
+  const sortedKeys = Object.keys(dictionary).sort((a, b) => b.length - a.length);
+  
+  return sortedKeys.reduce((acc, kazakh) => {
+    let result = acc;
+    let searchFrom = 0;
+    
+    while (true) {
+      const index = result.indexOf(kazakh, searchFrom);
+      if (index === -1) break;
+      
+      const endIndex = index + kazakh.length;
+      if (isWordBoundary(result, index, endIndex)) {
+        result = result.substring(0, index) + dictionary[kazakh] + result.substring(endIndex);
+        searchFrom = index + dictionary[kazakh].length;
+      } else {
+        searchFrom = index + 1;
+      }
+    }
+    
+    return result;
   }, value);
+};
 
 const translateProperty = (prop) =>
   dictionary[prop.toLowerCase()] || prop;
 
-module.exports = postcss.plugin('postcss-kazaksha', () => {
-  return (root) => {
-    root.walkDecls((decl) => {
-      const translatedValue = [translateCSSVariables, translateValues]
-        .reduce((value, transform) => transform(value), decl.value);
-      
-      const translatedProp = decl.prop.startsWith('--') 
-        ? translateCustomProperty(decl.prop)
-        : translateProperty(decl.prop);
-      
-      decl.value = translatedValue;
-      decl.prop = translatedProp;
-    });
+const processRoot = (root) => {
+  root.walkDecls((decl) => {
+    const translatedValue = [translateCSSVariables, translateValues]
+      .reduce((value, transform) => transform(value), decl.value);
     
-        root.walkAtRules((atRule) => {
-      if (atRule.params) {
-        atRule.params = translateValues(atRule.params);
-      }
-    });
-  };
+    const translatedProp = decl.prop.startsWith('--') 
+      ? translateCustomProperty(decl.prop)
+      : translateProperty(decl.prop);
+    
+    decl.value = translatedValue;
+    decl.prop = translatedProp;
+  });
+  
+  root.walkAtRules((atRule) => {
+    if (atRule.params) {
+      atRule.params = translateValues(atRule.params);
+    }
+  });
+};
+
+module.exports = () => ({
+  postcssPlugin: 'postcss-kazaksha',
+  Once: processRoot
 });
 
 module.exports.postcss = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-kazaksha",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "description": "PostCSS плагині - қазақша CSS жазып, стандартты CSS-ке аударыңыз",
   "main": "index.js",
   "keywords": [

package/readme.md

@@ -27,14 +27,14 @@ module.exports = {
   --екінші-түс: жасыл;
 }
 
-.батырма {
+.block {
   артқы-түс: var(--негізгі-түс);
   түс: ақ;
   өту: барлық 0.3s;
   түрлендіру: масштаб(1.1);
 }
 
-.тор-контейнер {
+.container {
   көрсету: тор;
   тор-үлгі-бағандар: қайталау(3, 1fr);
   орын: 20px;