Auto-Translation 🌐v2.0📱 React Native Ready

🚀 React & React Native Support - Advanced CLI Tool

Stop Wasting Hours on Manual i18n – Automate It in Seconds!

Auto-Translation v2.0 now supports React Native! Features intelligent mode detection, strict project locking, and automated wrapping. Transform React, React Native, and Node.js projects with zero configuration.

npx auto-translation

$ npx auto-translation

? Select project mode: React Native

✓ Mode configured: React Native

✓ Smart command prefixing enabled

✓ Mobile-optimized setup ready

✓ Strict mode activated

✓ Ready! Use 'init', 'scan', 'wrap' commands

🚨 MAJOR UPDATE ALERT!

📱 React Native Support is Here!

🔥 Using the previous version? Update now to unlock React Native support and enhanced multi-file structure capabilities!

npm update -g auto-translation

# Now supports both React & React Native!

Loved by Developers Worldwide

See what the community is saying

Developer testimonial from Darius Cosden praising Auto-Translation

Sarah Chen

Frontend Developer at TechCorp

"This tool is incredible! Saved me 6 hours on our React dashboard. The mode system automatically knew what commands to run. My team lead was impressed!"

Marcus Rodriguez

Full Stack Developer

"The strict mode feature is genius! No more team members mixing up commands. Finally, a tool that prevents i18n setup disasters."

Emily Watson

React Developer at StartupXYZ

"The ignore system is a game-changer! It understands that brand names shouldn't be translated. Smart automation that actually thinks."

David Kim

Senior Developer

"Interactive file selection is brilliant! I can choose exactly what to translate. No more accidentally processing config files."

Alex Thompson

Frontend Lead at WebAgency

"Auto-wrap feature saved my project! Converted 200+ components automatically. What used to take days now takes minutes."

Jessica Park

React Native Developer

"React Native support is finally here! 🎉 Just migrated our mobile app's i18n in 10 minutes. This tool keeps getting better!"

Smart Mode System 🎯

Intelligent project detection with automatic command prefixing

React Mode 🔵

Currently Available

Full React i18n support with JSX text detection and automatic wrapping.

scan → react-scan

wrap → react-wrap

init → react-init

React Native Mode 📱

✅ Now Available!

Mobile app i18n support with platform-specific optimizations and Text component detection.

scan → rn-scan

wrap → rn-wrap

init → rn-init

Node.js Mode 🟢

Coming Q2 2025

Backend translation management for server-side applications.

scan → node-scan

wrap → node-wrap

init → node-init

Strict Mode 🔒

Project locking for team consistency

What it does:

• Prevents accidental cross-mode command usage
• Locks project to selected mode
• Ensures team consistency
• Tracks configuration changes

Configuration file:

{

"mode": "react-native",

"strictLocked": true,

"createdAt": "2025-01-15..."

}

Advanced v2.0 Features

Everything you need for professional i18n automation

Interactive File Selection

npx auto-translation scan

Choose specific files or directories, preview before processing, skip unwanted files.

Ignore System

npx auto-translation ignore-init

Create .ignoreKeys file for technical terms, brand names, and code-specific terminology.

Auto-Wrap System

npx auto-translation wrap

Automatically converts plain text to t() translation calls across your entire project.

File Management

npx auto-translation file-update

Clean unused keys, reorganize translation files, sync across languages.

Configuration Tracking

npx auto-translation config

Persistent project settings, mode tracking, and team collaboration support.

Smart Command System

Automatic prefixing

Use clean commands like 'scan' - the mode system handles prefixing automatically.

Before & After Examples

See the transformation in action

Before (Manual)

Hardcoded strings everywhere

React:

<div>
  <h1>Welcome to Dashboard</h1>
  <p>Manage your account settings</p>
  <button>Save Changes</button>
</div>

React Native:

<View>
  <Text>Welcome to App</Text>
  <Text>Check your notifications</Text>
  <TouchableOpacity>
    <Text>Update Profile</Text>
  </TouchableOpacity>
</View>

After (Auto-Translation)

Automatically wrapped with t()

React:

<div>
  <h1>{t('welcome_to_dashboard')}</h1>
  <p>{t('manage_your_account_settings')}</p>
  <button>{t('save_changes')}</button>
</div>

React Native:

<View>
  <Text>{t('welcome_to_app')}</Text>
  <Text>{t('check_your_notifications')}</Text>
  <TouchableOpacity>
    <Text>{t('update_profile')}</Text>
  </TouchableOpacity>
</View>

Generated Translation Files

Automatic JSON structure creation for both platforms

// locales/en/common.json
{
  "welcome_to_dashboard": "Welcome to Dashboard",
  "welcome_to_app": "Welcome to App",
  "manage_your_account_settings": "Manage your account settings",
  "check_your_notifications": "Check your notifications",
  "save_changes": "Save Changes",
  "update_profile": "Update Profile"
}

// locales/es/common.json
{
  "welcome_to_dashboard": "Bienvenido al Panel",
  "welcome_to_app": "Bienvenido a la App",
  "manage_your_account_settings": "Gestiona la configuración de tu cuenta",
  "check_your_notifications": "Revisa tus notificaciones",
  "save_changes": "Guardar Cambios",
  "update_profile": "Actualizar Perfil"
}

Get Started Now

Transform your React and React Native projects' i18n setup in seconds, not hours.

npx auto-translation init

Star on GitHub View on NPM