Internationalization (i18n)

// Automatically uses browser language
navigator.language // e.g., "es-ES" → Spanish UI

https://livecodes.io/?lang=es
https://livecodes.io/?lang=fr
https://livecodes.io/?lang=zh-CN

import { createPlayground } from 'livecodes';

createPlayground('#container', {
  params: {
    language: 'es' // Spanish UI
  }
});

// Arabic UI
{ language: 'ar' }

// Automatic RTL layout
// Menus open from right
// Text aligned right
// Proper bidirectional text

// Translation keys
translateString('menu.new', 'New')
translateString('menu.save', 'Save')
translateString('console.clear', 'Clear')

translateString('share.copy.copied', 'URL copied to clipboard')
translateString('assets.link.type', 'Type: {{type}}', { type: 'Image' })
translateString('backup.error.atLeastOneStore', 'Please select at least one store')

import { createPlayground } from 'livecodes';

createPlayground('#container', {
  params: {
    language: 'fr' // French UI for embed
  }
});

<!-- Via iframe -->
<iframe src="https://livecodes.io/?lang=fr&embed=true"></iframe>

// Example:
// Spanish locale missing a key
translateString('new.feature.title', 'New Feature')
// Falls back to English: "New Feature"

// Via SDK
const playground = await createPlayground('#container');

// Change language
await playground.exec('changeLanguage', 'es');
// UI updates to Spanish immediately

const lang = await playground.exec('getLanguage');
console.log(lang); // "es"

await playground.exec('changeLanguage', 'fr');

const dir = await playground.exec('getLanguageDirection');
console.log(dir); // "ltr" or "rtl"