Antigravity IDE RTL & Custom Persian Font Integration

Enhance Antigravity IDE chat panel with full Right-to-Left (RTL) support, bundled Vazirmatn font, and an interactive floating UI widget to toggle RTL, adjust font sizes, line height, and font choices directly inside the IDE!

✨ Features

• 🌐 Native Titlebar Action Button & Hover Menu: Seamlessly integrates into the Antigravity IDE chat header with a sleek scale & fade hover animation.
• 🔄 Smart Bi-directional RTL: Real-time language detection applies RTL to Persian/Arabic and preserves LTR for English and system prompts.
• 🎚️ Live Sliders with Reset (↺):
  • Font Size (12px - 24px) for conversation text.
  • Line Height (1.0 - 2.5) for comfortable reading.
  • Code Size (10px - 22px) dedicated scaling for syntax-highlighted code blocks without bloating containers.
  • Reset to Default (↺) micro-interaction buttons for each slider.
• 💻 Strict Code & Monaco Isolation: Complete LTR and monospace isolation for pre, code, .monaco-editor, shiki, and thinking/reasoning blocks.
• 📊 Modern RTL Markdown Tables: Auto-directional alignment, theme-integrated borders, custom headers, and zebra striping for tables in chat.
• 🔤 Offline Persian Typography: Bundled local Vazirmatn Variable font with support for custom Persian, English, and Monospace fonts.
• ⌨️ Persian Keyboard Fix: Type @ with Shift + 2 effortlessly on Persian keyboard layouts.
• 🛡️ Dual-Layer Integrity & CSP Compliance: Trusted Types compliant, automatically patches product.json checksums, preventing "corrupt installation" alerts.
• ⚡ Zero-Config NPX Installer: One-command setup across Linux, macOS, and Windows.
• 🗑️ One-Command Restore: Easily revert to the original IDE state with --restore.

⚡ Quick Start via NPX

No git clone or manual setup required! Simply run:

npx @seyedalida/antigravity-ide-rtl

The CLI tool will automatically locate your Antigravity IDE installation, patch the core, and set up your environment.

📌 Reverting / Restoring Original IDE State

To restore your original IDE files and remove all RTL patches:

npx @seyedalida/antigravity-ide-rtl --restore

🎨 Interactive Floating UI Widget

Once installed, a Globe icon appears in the top action bar of Antigravity IDE chat:

1. Hover over the Globe Icon to reveal the Antigravity Smart RTL panel.
2. Toggle Enabled (Alt+R), Force RTL, or Type @ with Shift+2.
3. Customize FA/AR Font, EN Font, or Code Font.
4. Adjust Line Height, Font Size, and Code Size sliders.
5. Click ↺ next to any slider to quickly reset it to default values.
6. All preferences persist automatically across IDE restarts via local storage.

🚀 Publishing to NPM (Developer Guide)

To publish updates to NPM under your account (@seyedalida/antigravity-ide-rtl):

# 1. Login to npm
npm login

# 2. Test locally
npm link
npx .

# 3. Publish public package
npm publish --access public

🤝 Credits & Acknowledgments

This project bundles and relies on the beautiful Vazirmatn variable font created by Saber Rastikerdar (صابر راستی‌کردار).

• Vazirmatn Repository: github.com/rastikerdar/vazirmatn
• Font License: SIL Open Font License 1.1
• Antigravity App RTL: For RTL support in the main Antigravity app, check out mmnaderi/antigravity-rtl.

📄 License

Released under the MIT License.