Tenlixor SDK

Official SDKs for Tenlixor localization platform - Multilingual support for web and mobile applications.

📦 Available SDKs

Web SDKs

TypeScript/JavaScript SDK

Full-featured SDK with framework adapters for Angular, Vue, and React.

npm install @verbytes-tenlixor/sdk

Features:

• ✅ Full TypeScript support with strict typing
• ✅ Framework adapters: Angular Pipe, Vue Plugin, React Hooks
• ✅ Auto DOM scanning for automatic translations
• ✅ Smart caching with localStorage
• ✅ Zero runtime dependencies

Supported Frameworks:

• 🅰️ Angular 12+
• ⚛️ React 16.8+
• 🟢 Vue 3+
• 📜 Vanilla JavaScript/TypeScript

📖 Documentation | 📦 npm

---

Mobile SDKs

React Native SDK

React Native SDK with AsyncStorage support for offline translations.

npm install @verbytes-tenlixor/react-native @react-native-async-storage/async-storage

Features:

• 📱 iOS & Android support
• 💾 Persistent storage with AsyncStorage
• 🔄 Automatic sync from API
• ⚡ Fast & lightweight
• 🎯 Full TypeScript support
• 🪝 React hooks integration

📖 Documentation | 📦 npm

---

Flutter SDK

Dart SDK for Flutter applications with SharedPreferences support.

flutter pub add tenlixor

Features:

• 📱 iOS & Android support
• 💾 Persistent storage with SharedPreferences
• 🔔 Event streams (loaded, languageChanged, error)
• 🎨 ChangeNotifier integration
• 🎯 Full Dart type safety
• ⚡ Fast & lightweight

📖 Documentation | 📦 pub.dev

🚀 Quick Start

Web (TypeScript/JavaScript)

import { Tenlixor } from '@verbytes-tenlixor/sdk';

const txr = new Tenlixor({
  token: 'YOUR_API_TOKEN',
  tenantSlug: 'your-tenant-slug',
  language: 'en'
});

await txr.init();
console.log(txr.t('app.welcome')); // "Welcome to Tenlixor!"

React Native

import { Tenlixor, useTenlixor } from '@verbytes-tenlixor/react-native';

const txr = new Tenlixor({
  token: 'YOUR_API_TOKEN',
  tenantSlug: 'your-tenant-slug',
  language: 'en',
  persistentStorage: true
});

function App() {
  const { t, language, setLanguage, isReady } = useTenlixor(txr);
  
  if (!isReady) return <ActivityIndicator />;
  
  return (
    <View>
      <Text>{t('app.welcome')}</Text>
      <Button title="Switch to TR" onPress={() => setLanguage('tr')} />
    </View>
  );
}

📚 Documentation

• TypeScript/JavaScript SDK Documentation
• React Native SDK Documentation
• Tenlixor Platform Documentation

🧪 Test Applications

Test applications are available in the test directory:

• React Test App - Vite + React example
• Vue Test App - Vite + Vue example
• Angular Test App - Angular CLI example
• JavaScript Test App - Vanilla JS example

🛠️ Development

Structure

Tenlixor-SDK/
├── sdk/
│   ├── typescript/      # Web SDK (TS/JS)
│   ├── react-native/    # React Native SDK
│   └── javascript/      # Legacy JS build
├── test/
│   ├── react-test/
│   ├── vue-test/
│   ├── angular-test/
│   └── javascript-test/
└── README.md

Building SDKs

# TypeScript SDK
cd sdk/typescript
npm install
npm run build

# React Native SDK
cd sdk/react-native
npm install
npm run build

📝 License

MIT © Verbytes

🤝 Support

• 📧 Email: support@verbytes.com
• 🐛 Issues: GitHub Issues
• 🌐 Website: tenlixor.verbytes.com

🔗 Links

• Tenlixor Platform
• Verbytes
• GitHub Repository