kulhadcss 1.0.0

package/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "kulhadcss",
+  "version": "1.0.0",
+  "description": "A Kadak utility-first CSS engine brewed with Vanilla JS.",
+  "main": "src/index.js",
+  "type": "module",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": ["css", "utility", "desi", "kulhad"],
+  "author": "Rachit",
+  "license": "ISC"
+}

package/src/applier.js

@@ -0,0 +1,17 @@
+import { parseClass } from './parser.js';
+
+export function applyStyles(element) {
+    let element_classes = Array.from(element.classList);
+    
+    element_classes.forEach(cls => {
+        const styleObject = parseClass(cls);
+        if (styleObject) {
+            Object.assign(element.style, styleObject);
+        }
+    });
+}
+
+export function scanDom() {
+    const elements_list = Array.from(document.querySelectorAll('[class]'));
+    elements_list.forEach(element => applyStyles(element));
+}

package/src/index.js

@@ -0,0 +1,9 @@
+import { scanDom } from './applier.js';
+if (typeof window !== 'undefined') {
+    
+    window.addEventListener('DOMContentLoaded', () => {
+        scanDom();
+        console.log("KulhadCSS: Styles brewed successfully! 🏺☕");
+    });
+}
+export { scanDom };

package/src/parser.js

@@ -0,0 +1,36 @@
+const SCALE = 4;
+
+const staticStyles = {
+    "milkar": { "display": "flex" },
+    "beech": { 
+        "display": "flex", 
+        "justifyContent": "center", 
+        "alignItems": "center" 
+    }
+};
+
+export function parseClass(className) {
+    if (staticStyles[className]) return staticStyles[className];
+    const parts = className.split("-");
+    if (parts.length !== 2) return null;
+    let [prefix, value] = parts;
+    let numValue = Number(value);
+    if (isNaN(numValue)) return null;
+    prefix = prefix.toLowerCase();
+    switch (prefix) {
+        case "malai": 
+            return { 
+                "padding": `${numValue * SCALE}px`
+            };
+        case "doori": 
+            return { 
+                "margin": `${numValue * SCALE}px`
+            };
+        case "ghumaav": 
+            return {
+                 "borderRadius": `${numValue * SCALE}px`
+             };
+        default:
+            return null;
+    }
+}