@@ -708,224 +547,10 @@
});
}
- const fallbackLanguage = 'en';
- const supportedLanguages = ['en', 'ru'];
-
- const translations = {
- en: {
- header: {
- title: 'RemnaWave VPN',
- subtitle: 'Secure & Fast Connection',
- },
- loading: {
- message: 'Loading your subscription...'
- },
- errors: {
- defaultTitle: 'Subscription Not Found',
- defaultText: 'Please contact support to activate your subscription',
- authTitle: 'Authorization Error',
- authText: 'Authorization failed. Please open the mini app from Telegram.'
- },
- stats: {
- daysLeft: 'Days Left',
- servers: 'Servers',
- },
- info: {
- expires: 'Expires',
- trafficUsed: 'Traffic Used',
- trafficLimit: 'Traffic Limit',
- },
- balance: {
- title: 'Balance',
- hint: 'Available funds for subscription payments'
- },
- servers: {
- title: 'Connected Servers',
- empty: 'No connected servers yet'
- },
- history: {
- title: 'Latest Transactions',
- empty: 'There are no transactions yet'
- },
- buttons: {
- connect: 'Connect to VPN',
- copy: 'Copy Subscription Link'
- },
- apps: {
- title: 'Installation Guide',
- download: 'Download & Install',
- open: 'Open the App',
- import: 'Import Subscription',
- manual: 'Configure Manually',
- copy: 'Copy Link',
- instructions: 'Follow the steps below to finish the setup',
- empty: 'No installation guide available for this platform yet.',
- recommended: 'Recommended'
- },
- status: {
- active: 'Active',
- expired: 'Expired',
- trial: 'Trial',
- disabled: 'Disabled',
- unknown: 'Unknown'
- },
- popup: {
- copiedTitle: 'Copied',
- copiedText: 'Subscription link copied to clipboard',
- copyFailedTitle: 'Copy failed',
- copyFailedText: 'Unable to copy the subscription link automatically. Please copy it manually.'
- },
- traffic: {
- unlimited: 'Unlimited'
- }
- },
- ru: {
- header: {
- title: 'RemnaWave VPN',
- subtitle: 'Безопасное и быстрое подключение',
- },
- loading: {
- message: 'Загружаем данные подписки...'
- },
- errors: {
- defaultTitle: 'Подписка не найдена',
- defaultText: 'Свяжитесь с поддержкой для активации подписки',
- authTitle: 'Ошибка авторизации',
- authText: 'Не удалось авторизоваться. Откройте мини-приложение из Telegram.'
- },
- stats: {
- daysLeft: 'Дней осталось',
- servers: 'Серверы'
- },
- info: {
- expires: 'Истекает',
- trafficUsed: 'Израсходовано трафика',
- trafficLimit: 'Лимит трафика'
- },
- balance: {
- title: 'Баланс',
- hint: 'Доступные средства для оплаты подписки'
- },
- servers: {
- title: 'Подключенные серверы',
- empty: 'Подключенных серверов пока нет'
- },
- history: {
- title: 'История операций',
- empty: 'Операций пока нет'
- },
- buttons: {
- connect: 'Подключиться',
- copy: 'Скопировать ссылку подписки'
- },
- apps: {
- title: 'Инструкция по установке',
- download: 'Скачайте и установите',
- open: 'Откройте приложение',
- import: 'Импортируйте подписку',
- manual: 'Настройте вручную',
- copy: 'Скопировать ссылку',
- instructions: 'Следуйте шагам, чтобы завершить настройку',
- empty: 'Инструкция для этой платформы пока недоступна.',
- recommended: 'Рекомендуем'
- },
- status: {
- active: 'Активна',
- expired: 'Истекла',
- trial: 'Пробная',
- disabled: 'Выключена',
- unknown: 'Неизвестно'
- },
- popup: {
- copiedTitle: 'Скопировано',
- copiedText: 'Ссылка на подписку скопирована',
- copyFailedTitle: 'Не удалось скопировать',
- copyFailedText: 'Не удалось скопировать ссылку автоматически. Скопируйте её вручную.'
- },
- traffic: {
- unlimited: 'Безлимит'
- }
- }
- };
-
let userData = null;
let appsConfig = {};
let currentPlatform = 'android';
- let preferredLanguage = fallbackLanguage;
- let redirectTemplate = null;
- let redirectTarget = null;
-
- function getLocale() {
- const mapping = {
- ru: 'ru-RU',
- en: 'en-US'
- };
- return mapping[preferredLanguage] || mapping.en;
- }
-
- function translate(key, fallback = '') {
- const langPack = translations[preferredLanguage] || translations[fallbackLanguage];
- if (!key || typeof key !== 'string') {
- return fallback;
- }
-
- const parts = key.split('.');
- let value = langPack;
-
- for (const part of parts) {
- if (value && typeof value === 'object' && part in value) {
- value = value[part];
- } else {
- value = null;
- break;
- }
- }
-
- if (typeof value === 'string') {
- return value;
- }
-
- return fallback;
- }
-
- function translateStatus(status) {
- if (!status) {
- return translate('status.unknown', 'Unknown');
- }
- const normalized = status.toLowerCase();
- return translate(`status.${normalized}`, status.charAt(0).toUpperCase() + status.slice(1));
- }
-
- function applyTranslations() {
- document.querySelectorAll('[data-i18n]').forEach(element => {
- const key = element.dataset.i18n;
- const translated = translate(key, element.textContent);
- if (translated) {
- element.textContent = translated;
- }
- });
- }
-
- function setLanguage(language, options = {}) {
- const { skipRender = false } = options;
- if (!supportedLanguages.includes(language)) {
- language = fallbackLanguage;
- }
- preferredLanguage = language;
-
- document.querySelectorAll('.lang-btn').forEach(btn => {
- btn.classList.toggle('active', btn.dataset.lang === preferredLanguage);
- });
-
- applyTranslations();
-
- if (!skipRender) {
- renderUserData();
- renderTransactionHistory();
- renderConnectedServers();
- renderApps();
- }
- }
+ let preferredLanguage = 'en';
function createError(title, message, status) {
const error = new Error(message || title);
@@ -944,17 +569,12 @@
if (telegramUser?.language_code) {
preferredLanguage = telegramUser.language_code.split('-')[0];
}
- setLanguage(preferredLanguage, { skipRender: true });
await loadAppsConfig();
const initData = tg.initData || '';
if (!initData) {
- throw createError(
- translate('errors.authTitle', 'Authorization Error'),
- translate('errors.authText', 'Missing Telegram init data'),
- 401
- );
+ throw createError('Authorization Error', 'Missing Telegram init data');
}
const response = await fetch('/miniapp/subscription', {
@@ -966,12 +586,10 @@
});
if (!response.ok) {
- let title = response.status === 401
- ? translate('errors.authTitle', 'Authorization Error')
- : translate('errors.defaultTitle', 'Subscription Not Found');
let detail = response.status === 401
- ? translate('errors.authText', 'Authorization failed. Please open the mini app from Telegram.')
- : translate('errors.defaultText', 'Subscription not found');
+ ? 'Authorization failed. Please open the mini app from Telegram.'
+ : 'Subscription not found';
+ let title = response.status === 401 ? 'Authorization Error' : 'Subscription Not Found';
try {
const errorPayload = await response.json();
@@ -988,14 +606,15 @@
userData = await response.json();
userData.subscriptionUrl = userData.subscription_url || null;
userData.subscriptionCryptoLink = userData.subscription_crypto_link || null;
- redirectTemplate = userData.happ_cryptolink_redirect_template || null;
- redirectTarget = userData.happ_crypto_link || userData.subscriptionCryptoLink || null;
if (userData?.user?.language) {
preferredLanguage = userData.user.language;
}
- setLanguage(preferredLanguage);
+ renderUserData();
+ detectPlatform();
+ setActivePlatformButton();
+ renderApps();
document.getElementById('loadingState').classList.add('hidden');
document.getElementById('mainContent').classList.remove('hidden');
@@ -1037,7 +656,7 @@
const knownStatuses = ['active', 'expired', 'trial', 'disabled'];
const statusClass = knownStatuses.includes(statusValueRaw) ? statusValueRaw : 'unknown';
const statusBadge = document.getElementById('statusBadge');
- statusBadge.textContent = user.status_label || translateStatus(statusClass);
+ statusBadge.textContent = user.status_label || statusClass.charAt(0).toUpperCase() + statusClass.slice(1);
statusBadge.className = `status-badge status-${statusClass}`;
const expiresAt = user.expires_at ? new Date(user.expires_at) : null;
@@ -1048,11 +667,7 @@
}
document.getElementById('daysLeft').textContent = daysLeft;
document.getElementById('expiresAt').textContent = expiresAt && !Number.isNaN(expiresAt.getTime())
- ? expiresAt.toLocaleDateString(getLocale(), {
- year: 'numeric',
- month: 'long',
- day: 'numeric'
- })
+ ? expiresAt.toLocaleDateString()
: '—';
const serversCount = userData.links?.length ?? userData.connected_squads?.length ?? 0;
@@ -1063,7 +678,6 @@
document.getElementById('trafficLimit').textContent =
user.traffic_limit_label || formatTrafficLimit(user.traffic_limit_gb);
- renderBalance();
updateActionButtons();
}
@@ -1109,13 +723,13 @@
const apps = getAppsForCurrentPlatform();
if (!apps.length) {
- container.innerHTML = `
${translate('apps.empty', 'No installation guide available for this platform yet.')}
`;
+ container.innerHTML = '
No installation guide available for this platform yet.
';
return;
}
container.innerHTML = apps.map(app => {
const iconChar = (app.name?.[0] || 'A').toUpperCase();
- const featuredBadge = app.isFeatured ? `
${translate('apps.recommended', 'Recommended')}` : '';
+ const featuredBadge = app.isFeatured ? '
Recommended' : '';
return `