A Rust clone targeting Tailwind CSS v4.1 behavior.

આયર્નફ્રેમ રસ્ટમાં ઉત્પાદન માટે તૈયાર OSS પ્રોજેક્ટ છે જે Tailwind CSS v4.1 વર્તન અને આઉટપુટ સાથે ઉચ્ચ સુસંગતતાને લક્ષ્યાંક બનાવે છે. સ્કેનર, જનરેટર, કોન્ફિગ અને CLI મોડ્યુલો અલગ કરવામાં આવે છે જેથી ટીમો નોડ-ફ્રી પાઇપલાઇનમાં બેન્ચમાર્ક, માન્યતા અને શિપ કરી શકે.

JIT Build Loop

સ્કેન/બિલ્ડ/વોચ કમાન્ડ્સ વન-શોટ બિલ્ડ્સ, વોચ મોડ, ગ્લોબ્સને અવગણવા, આઉટપુટ ઘટાડવા અને માઇગ્રેશન માટે સીએસએસ માન્યતાની તુલના કરવા માટે સપોર્ટ કરે છે.

Tailwind-style Input

@આયાત "tailwindcss" ને સપોર્ટ કરે છે, @સ્ત્રોતમાં શામેલ/બાકાત/ઇનલાઇન પેટર્ન, @લાગુ, સ્પ્લિટ આયાત અને બિલ્ડ-ટાઇમ ફંક્શન્સ જેવા કે -સ્પેસિંગ () અને --alpha () નો સમાવેશ થાય છે.

Modular Rust Design

કોર/સ્કેનર/જનરેટર/કન્ફિગ ઘટકો સ્વતંત્ર રહે છે, પ્રોફાઇલિંગ, સુસંગતતા તપાસ અને વૃદ્ધિલ વિસ્તરણને સરળ બનાવે છે.

સેટઅપ અને માન્યતા વર્કફ્લો

કાર્ગો ઇન્સ્ટોલ અથવા કાર્ગો રનથી પ્રારંભ કરો, પછી તબક્કામાં સ્કેન/બિલ્ડ/વોચ લાગુ કરો. સ્થળાંતર દરમિયાન, તમારા સંદર્ભ આઉટપુટ સામે --compare-css નો ઉપયોગ કરો અને ironframe.toml સાથે વર્તનને લૉક કરો.

Setup

cargo install --path .

CLI ઉદાહરણ

terminal
# 1) ઇન્સ્ટોલ કર્યા વિના ચલાવો
કાર્ગો રન - "src/* */*.{html, tsx}" સ્કેન કરો

# 2) એકવાર બિલ્ડ કરો
ironframe build --output dist/tailwind.css "src/**/*.{html,tsx}"

# 3) ટેમ્પલેટ CSS અને રૂપરેખાંકન સાથે બિલ્ડ કરો
ironframe build -i src/app.css -c ironframe.toml -o dist/app.css "src/**/*.{html,tsx}"

# 4) સંદર્ભ CSS સાથે આઉટપુટની સરખામણી કરો
ironframe build -i src/app.css -o dist/app.css --compare-css dist/app.tailwind.css "src/**/*.{html,tsx}"

# 5) પોલિંગ સાથે વોચ મોડ
ironframe watch --poll --poll-interval 250 -o dist/app.css "src/**/*.{html,tsx}"
Important Note

ironframe is a learning/prototyping implementation targeting Tailwind CSS v4.1-equivalent behavior તમારા હાલના આઉટપુટ સામે જનરેટ થયેલ CSS ને માન્ય કરો અને સંપૂર્ણ રોલઆઉટ પહેલાં CI માં રીગ્રેશન ચેક ઉમેરો.