Skip to content

v0.7.0 Update!! 🔥

Latest
Latest

Choose a tag to compare

View all tags
@Taimkellizy Taimkellizy released this 13 Feb 19:50
· 2 commits to main since this release
v0.7.0
c3dfa56
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

🚀 Arabify v0.7.0: The "Precision & Intelligence" Update

This major release transforms Arabify from a scanning tool into a robust developer toolkit. We’ve moved beyond simple pattern matching to context-aware analysis, ensuring that your RTL migration is deterministic, safe, and lightning-fast.

💎 High-Level Summary

Version 0.7.0 focuses on Zero False Positives, TypeScript Native Support, and a Smart Injection Engine that understands your React component hierarchy.

✨ What’s New?

🧠 Intelligent Context-Aware Analysis

Our new engine understands the intent of your code.

  • Context Heuristics: The analyzer now differentiates between actual CSS style objects and generic data objects (e.g., inside style={{}} props or variables named *Style).
  • Strict vs. Ambiguous Flagging: Physical properties like marginLeft are strictly flagged, while ambiguous terms like left or right are only flagged when they appear in a styling context.
  • Class Name Detection: We now score against hardcoded directional utility classes like text-left or float-right.

💙 TypeScript Native

Arabify is now a first-class citizen for TS developers.

  • Full .ts & .tsx Support: Type-safe parsing out of the box.
  • Heuristic Unwrapping: We now correctly handle as const assertions (e.g., textAlign: 'left' as const) without syntax errors.

🛠️ The "Smarter" Auto-Fixer

  • 100% Border Coverage: Automatically transforms border-left-width, style, and color to their logical inline-start equivalents.
  • JSX Inline Style Fixes: Seamlessly converts inline styles in your React components to RTL-friendly properties.
  • Float Logic: Automatically maps float: left to float: inline-start.

💉 Smart React Injection Engine

Tired of manually placing language toggles? Let Arabify do the heavy lifting.

  • Smart Placement: Automatically detects <nav> or <ul> elements to place your LanguageToggle logically.
  • Indentation Respect: The engine detects and matches your existing 2-space or 4-space indentation—your git diffs will stay clean.

📊 Reporting & Scoring

We've refined how we measure "Arabic-Readiness".

  • Weighted Scoring: Architectural files like App.js or index.html now carry 2x weight in the final score.
  • JSON Exports: Download standardized reports with English keys for better team collaboration.

🏗️ Architecture & Performance

  • Modular Logic: Extracted RTL constants and A11Y checks into dedicated services for better maintainability.
  • Unified Upload: A single, recursive drag-and-drop zone for mixed files and folders.

🤝 Contributor Note

"This release officially moves Arabify from a prototype to a real-world analyzer. We are building the most reliable way to ship RTL-friendly software."

Links:

Assets 2
Loading