@velor/remote-mouse 6.4.8

package/client/core/init-socket-io.js

@@ -0,0 +1,117 @@
+import { REMOTE_EVENT_SYSTEM_RELOAD } from '../../utils/remoteCommands.js';
+
+const SYSTEM_RELOAD_GUARD_KEY = 'remote-mouse.system-reload-at';
+const SYSTEM_RELOAD_GUARD_MS = 15_000;
+const WAKE_RECONNECT_IDLE_MS = 5_000;
+const WAKE_RECONNECT_DEBOUNCE_MS = 100;
+
+const SOCKET_IO_OPTIONS = {
+  reconnection: true,
+  reconnectionDelay: 250,
+  reconnectionDelayMax: 2_000,
+  randomizationFactor: 0.2,
+  timeout: 4_000,
+};
+
+function getDefaultSetTimeout(windowRef) {
+  return typeof windowRef?.setTimeout === 'function'
+    ? windowRef.setTimeout.bind(windowRef)
+    : setTimeout;
+}
+
+function getDefaultClearTimeout(windowRef) {
+  return typeof windowRef?.clearTimeout === 'function'
+    ? windowRef.clearTimeout.bind(windowRef)
+    : clearTimeout;
+}
+
+function isPageVisible(documentRef) {
+  return !documentRef || documentRef.visibilityState !== 'hidden';
+}
+
+export function bindSocketWakeReconnect(socket, {
+  windowRef = typeof window !== 'undefined' ? window : undefined,
+  documentRef = typeof document !== 'undefined' ? document : undefined,
+  now = () => Date.now(),
+  setTimeoutFn = getDefaultSetTimeout(windowRef),
+  clearTimeoutFn = getDefaultClearTimeout(windowRef),
+} = {}) {
+  if (!socket || !windowRef?.addEventListener) {
+    return () => {};
+  }
+
+  let lastInactiveAt = 0;
+  let reconnectTimer = null;
+
+  function markInactive() {
+    lastInactiveAt = now();
+  }
+
+  function scheduleWakeReconnect() {
+    if (!isPageVisible(documentRef)) {
+      return;
+    }
+
+    const inactiveDuration = lastInactiveAt > 0 ? now() - lastInactiveAt : 0;
+    if (socket.connected && inactiveDuration < WAKE_RECONNECT_IDLE_MS) {
+      return;
+    }
+
+    if (reconnectTimer) {
+      clearTimeoutFn(reconnectTimer);
+    }
+
+    reconnectTimer = setTimeoutFn(() => {
+      reconnectTimer = null;
+      if (!isPageVisible(documentRef)) {
+        return;
+      }
+
+      if (socket.connected) {
+        socket.disconnect?.();
+      }
+
+      socket.connect?.();
+    }, WAKE_RECONNECT_DEBOUNCE_MS);
+  }
+
+  function handleVisibilityChange() {
+    if (isPageVisible(documentRef)) {
+      scheduleWakeReconnect();
+      return;
+    }
+    markInactive();
+  }
+
+  windowRef.addEventListener('pageshow', scheduleWakeReconnect);
+  windowRef.addEventListener('focus', scheduleWakeReconnect);
+  windowRef.addEventListener('online', scheduleWakeReconnect);
+  windowRef.addEventListener('pagehide', markInactive);
+  documentRef?.addEventListener?.('visibilitychange', handleVisibilityChange);
+
+  return () => {
+    if (reconnectTimer) {
+      clearTimeoutFn(reconnectTimer);
+      reconnectTimer = null;
+    }
+    windowRef.removeEventListener?.('pageshow', scheduleWakeReconnect);
+    windowRef.removeEventListener?.('focus', scheduleWakeReconnect);
+    windowRef.removeEventListener?.('online', scheduleWakeReconnect);
+    windowRef.removeEventListener?.('pagehide', markInactive);
+    documentRef?.removeEventListener?.('visibilitychange', handleVisibilityChange);
+  };
+}
+
+export function initSocketIo() {
+  const socket = io(SOCKET_IO_OPTIONS);
+  bindSocketWakeReconnect(socket);
+  socket.on(REMOTE_EVENT_SYSTEM_RELOAD, () => {
+    const lastReloadAt = Number(window.sessionStorage.getItem(SYSTEM_RELOAD_GUARD_KEY) || 0);
+    if (lastReloadAt > 0 && (Date.now() - lastReloadAt) < SYSTEM_RELOAD_GUARD_MS) {
+      return;
+    }
+    window.sessionStorage.setItem(SYSTEM_RELOAD_GUARD_KEY, String(Date.now()));
+    window.location.reload();
+  });
+  return socket;
+}

package/client/core/socket-emit.js

@@ -0,0 +1,6 @@
+export function emitWithTimestamp(socket, eventName, payload = {}) {
+    socket.emit(eventName, {
+        ...payload,
+        ts: Date.now(),
+    });
+}

package/client/core/window-events.js

@@ -0,0 +1,23 @@
+function onWindowEvent(eventName, listener) {
+  if (typeof listener !== 'function') {
+    return () => {};
+  }
+
+  const handler = (event) => {
+    listener(event.detail || {});
+  };
+
+  window.addEventListener(eventName, handler);
+  return () => {
+    window.removeEventListener(eventName, handler);
+  };
+}
+
+export function emitWindowEvent(eventName, detail) {
+  window.dispatchEvent(new CustomEvent(eventName, {detail}));
+}
+
+export function createWindowEventListener(eventName) {
+  return (listener) => onWindowEvent(eventName, listener);
+}
+

package/client/i18n/apply-page-translations.js

@@ -0,0 +1,18 @@
+export function applyPageTranslations(root, t) {
+  for (const node of root.querySelectorAll('[data-i18n]')) {
+    node.textContent = t(node.dataset.i18n);
+  }
+  for (const node of root.querySelectorAll('[data-i18n-placeholder]')) {
+    node.setAttribute('placeholder', t(node.dataset.i18nPlaceholder));
+  }
+  for (const node of root.querySelectorAll('[data-i18n-title]')) {
+    node.setAttribute('title', t(node.dataset.i18nTitle));
+  }
+  for (const node of root.querySelectorAll('[data-i18n-aria-label]')) {
+    node.setAttribute('aria-label', t(node.dataset.i18nAriaLabel));
+  }
+  const pageTitleKey = root.documentElement?.dataset?.i18nPageTitle || document.documentElement.dataset.i18nPageTitle;
+  if (pageTitleKey) {
+    document.title = t(pageTitleKey);
+  }
+}

package/client/i18n/constants.js

@@ -0,0 +1,3 @@
+export const LOCALE_STORAGE_KEY = 'remote-mouse.locale';
+
+export const I18N_CHANGED_EVENT = 'i18n:changed';

package/client/i18n/core.js

@@ -0,0 +1,40 @@
+import {localePrefixes, localeRegistry} from './locale-registry.js';
+
+export function resolveLocale(value, fallbackLocale = 'fr') {
+  const normalized = String(value || '').toLowerCase();
+
+  if (localeRegistry[normalized]) {
+    return normalized;
+  }
+
+  for (const [prefix, locale] of localePrefixes) {
+    if (normalized.startsWith(prefix)) {
+      return locale;
+    }
+  }
+
+  return fallbackLocale;
+}
+
+export async function loadDictionary(locale) {
+  return localeRegistry[locale]?.load() || localeRegistry.fr.load();
+}
+
+export function interpolate(template, params = {}) {
+  return String(template || '').replace(/\{(\w+)\}/g, (_match, key) => String(params[key] ?? ''));
+}
+
+export async function createI18n(locale) {
+  const normalizedLocale = resolveLocale(locale);
+  const dict = await loadDictionary(normalizedLocale);
+
+  function t(key, params = {}) {
+    const template = dict[key] ?? key;
+    return interpolate(template, params);
+  }
+
+  return {
+    locale: normalizedLocale,
+    t,
+  };
+}

package/client/i18n/locale-registry.js

@@ -0,0 +1,77 @@
+export const localeRegistry = {
+  fr: {
+    label: 'Francais',
+    load: async () => {
+      const module = await import('./locales/fr.js');
+      return module.fr;
+    },
+  },
+  en: {
+    label: 'English',
+    load: async () => {
+      const module = await import('./locales/en.js');
+      return module.en;
+    },
+  },
+  es: {
+    label: 'Espanol',
+    load: async () => {
+      const module = await import('./locales/es.js');
+      return module.es;
+    },
+  },
+  de: {
+    label: 'Deutsch',
+    load: async () => {
+      const module = await import('./locales/de.js');
+      return module.de;
+    },
+  },
+  ru: {
+    label: 'Русский',
+    load: async () => {
+      const module = await import('./locales/ru.js');
+      return module.ru;
+    },
+  },
+  it: {
+    label: 'Italiano',
+    load: async () => {
+      const module = await import('./locales/it.js');
+      return module.it;
+    },
+  },
+  pt: {
+    label: 'Portugues',
+    load: async () => {
+      const module = await import('./locales/pt.js');
+      return module.pt;
+    },
+  },
+  ja: {
+    label: '日本語',
+    load: async () => {
+      const module = await import('./locales/ja.js');
+      return module.ja;
+    },
+  },
+  zh: {
+    label: '中文',
+    load: async () => {
+      const module = await import('./locales/zh.js');
+      return module.zh;
+    },
+  },
+};
+
+export const localePrefixes = [
+  ['fr', 'fr'],
+  ['en', 'en'],
+  ['es', 'es'],
+  ['de', 'de'],
+  ['ru', 'ru'],
+  ['it', 'it'],
+  ['pt', 'pt'],
+  ['ja', 'ja'],
+  ['zh', 'zh'],
+];

package/client/i18n/locales/de.js

@@ -0,0 +1,227 @@
+import {en} from './en.js';
+
+export const de = {
+  ...en,
+  'common.unknown': 'unbekannt',
+  'common.language': 'Sprache',
+  'common.languageShort': 'DE',
+
+  'main.serverActionsAria': 'Serveraktionen',
+  'main.updatesAria': 'Aktualisierungen',
+  'main.updateCheckButton': 'Update pruefen',
+  'main.installUpdateButton': 'Update installieren',
+  'main.restartServiceButton': 'Dienst neu starten',
+  'main.displayInfoAria': 'Anzeige und Infos',
+  'main.openQrServer': 'QR Server',
+  'main.openQrClient': 'QR Client',
+  'main.openServerInfoServer': 'Serverinfo',
+  'main.openServerInfoClient': 'Clientinfo',
+  'main.openConfig': 'Konfiguration',
+  'main.accessAria': 'Zugriff',
+  'main.toggleQrOverlay': 'QR anzeigen',
+  'main.rotateEntryToken': 'Zugangstoken wechseln',
+  'main.browserShortcutsAria': 'Browser-Kuerzel',
+  'main.tvControlsAria': 'Samsung-TV-Steuerung',
+  'main.textInputPlaceholder': 'Zu sendenden Text eingeben',
+  'main.sendText': 'Senden',
+  'main.connectionUnavailableTitle': 'Server nicht erreichbar',
+  'main.connectionWaiting': 'Warte auf Verbindung...',
+  'main.connectionExpiredTitle': 'Verbindung abgelaufen',
+  'main.connectionExpiredMessage': 'QR-Code des Servers erneut scannen.',
+  'main.canvas.oneFingerScroll': 'Scroll',
+  'main.canvas.dragMouse': 'Ziehen: Maus',
+  'main.canvas.touchHelp': 'Tippen: Linksklick\n2 Finger: Scroll / Rechtsklick\nRechter Rand: Scroll',
+
+  'adminConfig.eyebrow': 'Administration',
+  'adminConfig.title': 'Persistente Konfiguration',
+  'adminConfig.copy': 'Die folgenden Felder werden in der Datenbank gespeichert und nach der Struktur des Konfigurationsobjekts gruppiert.',
+  'adminConfig.back': 'Zur Fernbedienung',
+  'adminConfig.reload': 'Neu laden',
+  'adminConfig.restart': 'Dienst neu starten',
+  'adminConfig.loading': 'Konfiguration wird geladen...',
+  'adminConfig.showSection': 'Anzeigen',
+  'adminConfig.hideSection': 'Ausblenden',
+  'adminConfig.defaultButton': 'Standard',
+  'adminConfig.toggleActive': 'Aktiv',
+  'adminConfig.toggleInactive': 'Inaktiv',
+  'adminConfig.statusLoading': 'Konfiguration wird geladen...',
+  'adminConfig.statusLoaded': 'Konfiguration geladen.',
+  'adminConfig.statusLoadError': 'Fehler beim Laden.',
+  'adminConfig.detectSamsung': 'TV erkennen',
+
+  'serverInfo.pageTitle': 'Remote Mouse - Serverinfo',
+  'serverInfo.heading': 'Remote Mouse - Serverinfo',
+  'serverInfo.now': 'Jetzt: {value}',
+  'serverInfo.onlineSince': 'Online seit: {value}',
+  'serverInfo.uptime': 'Laufzeit: {value}',
+  'serverInfo.clientsCount': 'Clients: {value}',
+  'serverInfo.section.clients': 'Verbundene Clients',
+  'serverInfo.section.tasks': 'Geplante Aufgaben',
+  'serverInfo.section.config': 'Konfiguration',
+  'serverInfo.section.sysConfig': 'Systemkonfiguration',
+  'serverInfo.section.logs': 'Letzte Logs',
+  'main.workspaceAria': 'Remote-Arbeitsbereich',
+  'main.updateCheckButtonTitle': 'Update-Pruefung erzwingen',
+  'main.installUpdateButtonTitle': 'Update installieren',
+  'main.restartServiceButtonTitle': 'Dienst neu starten',
+  'main.openQrServerTitle': 'QR-Seite auf dem Server oeffnen',
+  'main.openQrClientTitle': 'QR-Seite auf dem Client oeffnen',
+  'main.openServerInfoServerTitle': 'Serverinfo-Seite auf dem Server oeffnen',
+  'main.openServerInfoClientTitle': 'Serverinfo-Seite auf dem Client oeffnen',
+  'main.openConfigTitle': 'Konfigurationsseite oeffnen',
+  'main.openPreferences': 'Einstellungen',
+  'main.openPreferencesTitle': 'Lokale Einstellungsseite oeffnen',
+  'main.toggleQrOverlayTitle': 'QR-Overlay ein- oder ausblenden',
+  'main.rotateEntryTokenTitle': 'Zugangstoken-Rotation erzwingen',
+  'main.adminActionsDisabledMessage': 'Server-Admin-Aktionen sind deaktiviert.',
+  'main.adminAppVersion': 'Version: --',
+  'main.browserShortcutsLabel': 'Browser',
+  'main.openBrowser': 'Browser oeffnen oder fokussieren',
+  'main.browserBack': 'Vorherige Seite',
+  'main.browserForward': 'Naechste Seite',
+  'main.prevTab': 'Vorheriger Tab',
+  'main.nextTab': 'Naechster Tab',
+  'main.newTab': 'Neuer Tab',
+  'main.closeTab': 'Tab schliessen',
+  'main.addressBar': 'Adressleiste',
+  'main.reload': 'Neu laden',
+  'main.fullscreen': 'Vollbild',
+  'main.videoPlayPause': 'Wiedergabe/Pause',
+  'main.videoMute': 'Video stummschalten',
+  'main.videoFullscreen': 'Video Vollbild',
+  'main.windowToggle': 'Maximieren/Minimieren',
+  'main.windowToggleTitle': 'Aktives Fenster maximieren oder minimieren',
+  'main.windowClose': 'Schliessen',
+  'main.windowCloseTitle': 'Aktives Fenster schliessen',
+  'main.vlcControlsAria': 'VLC-Steuerung',
+  'main.vlcSectionLabel': 'VLC',
+  'main.vlcOpen': 'VLC oeffnen',
+  'main.vlcOpenTitle': 'VLC Media Player oeffnen oder in den Vordergrund holen',
+  'main.vlcPrevious': 'Vorheriges Medium',
+  'main.vlcPlayPause': 'VLC wiedergeben oder pausieren',
+  'main.vlcNext': 'Naechstes Medium',
+  'main.vlcSeekBackward': 'In VLC zurueckspulen',
+  'main.vlcStop': 'VLC stoppen',
+  'main.vlcSeekForward': 'In VLC vorspulen',
+  'main.vlcVolumeDown': 'VLC-Lautstaerke verringern',
+  'main.vlcMute': 'VLC stummschalten',
+  'main.vlcVolumeUp': 'VLC-Lautstaerke erhoehen',
+  'main.vlcFullscreen': 'VLC-Vollbild umschalten',
+  'main.systemControlsAria': 'Systemsteuerung',
+  'main.systemSectionLabel': 'System',
+  'main.systemShowDesktop': 'Desktop anzeigen',
+  'main.systemWindowLeft': 'Vorheriges Fenster',
+  'main.systemWindowRight': 'Naechstes Fenster',
+  'main.systemStartMenu': 'Startmenue oeffnen',
+  'main.systemSettings': 'Systemeinstellungen oeffnen',
+  'main.systemNotifications': 'Benachrichtigungszentrale oeffnen',
+  'main.tvSectionLabel': 'Samsung TV',
+  'main.samsungOn': 'Samsung-TV einschalten',
+  'main.samsungOff': 'Samsung-TV ausschalten',
+  'main.samsungVolUp': 'Samsung-Lautstaerke erhoehen',
+  'main.samsungVolDown': 'Samsung-Lautstaerke verringern',
+  'main.samsungMute': 'Samsung stummschalten',
+  'main.samsungInput': 'Samsung-Quelle wechseln',
+  'main.samsungEnter': 'Samsung-Menue bestaetigen',
+  'main.samsungPcInput': 'Samsung auf PC-Eingang umschalten',
+  'main.cursorPreviewAria': 'Cursor-Vorschau',
+  'main.keyboardPanelAria': 'Tastatur',
+  'main.touchEntryPanelAria': 'Tastaturbereich',
+  'main.liveKeyboardPlaceholder': 'Hier tippen',
+  'main.menuAria': 'Aktionen',
+  'main.textEntry': 'Texteingabe',
+  'main.touchEntry': 'Tasteneingabe',
+  'main.keyboard': 'Tastatur',
+  'main.escape': 'Esc',
+  'main.tab': 'Tab',
+  'main.shift': 'Umschalt',
+  'main.alt': 'Alt',
+  'main.ctrl': 'Strg',
+  'main.leftClick': 'Linksklick',
+  'main.rightClick': 'Rechtsklick',
+  'main.enter': 'Enter',
+  'main.orientationLockTitle': 'Querformat wird nicht unterstuetzt',
+  'main.orientationLockMessage': 'Drehen Sie das Geraet zurueck ins Hochformat, um die Remote zu nutzen.',
+  'main.notificationsAria': 'Benachrichtigungen',
+  'main.shortcut.videoPlayPause': 'Leertaste',
+  'main.shortcut.vlcPrevious': 'P',
+  'main.shortcut.vlcPlayPause': 'Leertaste',
+  'main.shortcut.vlcNext': 'N',
+  'main.shortcut.vlcSeekBackward': 'Links',
+  'main.shortcut.vlcStop': 'S',
+  'main.shortcut.vlcSeekForward': 'Rechts',
+  'main.shortcut.vlcVolumeDown': 'Strg+Unten',
+  'main.shortcut.vlcMute': 'M',
+  'main.shortcut.vlcVolumeUp': 'Strg+Oben',
+  'main.shortcut.vlcFullscreen': 'F',
+  'preferences.pageTitle': 'Remote Mouse Einstellungen',
+  'preferences.eyebrow': 'Einstellungen',
+  'preferences.title': 'Lokale Einstellungen',
+  'preferences.copy': 'Diese Einstellungen werden lokal in diesem Browser gespeichert und aendern die Serverkonfiguration nicht.',
+  'preferences.back': 'Zurueck zur Remote',
+  'preferences.section.local.key': 'Lokal',
+  'preferences.section.local.title': 'Browser-Einstellungen',
+  'preferences.section.local.description': 'Waehlen Sie Sprache, Design und Haendigkeit fuer dieses Geraet.',
+  'preferences.section.remotes.key': 'Fernbedienungen',
+  'preferences.section.remotes.title': 'Sichtbarkeit der Remotes',
+  'preferences.section.remotes.description': 'Waehlen Sie, welche lokalen Remotes in der Hauptoberflaeche angezeigt werden sollen.',
+  'preferences.section.browsers.key': 'Browser',
+  'preferences.section.browsers.title': 'Browser-Launcher',
+  'preferences.section.browsers.description': 'Waehlen Sie, welche lokalen Browser in der Browser-Remote angezeigt werden koennen.',
+  'preferences.remote.keyboard': 'Tastatur',
+  'preferences.remote.browser': 'Browser',
+  'preferences.remote.vlc': 'VLC',
+  'preferences.remote.samsung': 'Samsung TV',
+  'preferences.remote.preview': 'Cursor-Vorschau',
+  'adminConfig.section.vlc.title': 'VLC',
+  'adminConfig.section.vlc.description': 'Die VLC-Remote fuer alle Clients aktivieren oder ausblenden.',
+  'adminConfig.field.vlc.enabled': 'VLC-Remote aktivieren',
+  'serverInfo.version': 'Version: {value}',
+  'serverInfo.section.tokens': 'Tokens',
+  'serverInfo.section.lifecycle': 'Letzte Lebenszyklus-Ereignisse',
+  'serverInfo.daemon': 'Daemon: {value}{suffix}',
+  'serverInfo.daemon.yes': 'ja',
+  'serverInfo.daemon.no': 'nein',
+  'serverInfo.daemon.installed': '(installiert)',
+  'serverInfo.adminActions': 'Admin-Aktionen: {value}',
+  'serverInfo.adminActions.enabled': 'aktiviert',
+  'serverInfo.adminActions.disabled': 'deaktiviert',
+  'serverInfo.adminActions.localConfigOnly': 'Wenn Admin-Aktionen deaktiviert sind, verwenden Sie die Einstellungsseite fuer lokale Browser-Einstellungen.',
+  'serverInfo.table.client.id': 'ID',
+  'serverInfo.table.client.connectedAt': 'Verbunden seit',
+  'serverInfo.table.client.address': 'Adresse',
+  'serverInfo.table.client.transport': 'Transport',
+  'serverInfo.table.task.name': 'Name',
+  'serverInfo.table.task.state': 'Status',
+  'serverInfo.table.task.dueAt': 'Faellig am',
+  'serverInfo.table.task.remaining': 'In',
+  'serverInfo.table.token.state': 'Status',
+  'serverInfo.table.token.token': 'Token',
+  'serverInfo.table.token.createdAt': 'Erstellt am',
+  'serverInfo.table.token.expiresAt': 'Laeuft ab am',
+  'serverInfo.table.lifecycle.id': 'ID',
+  'serverInfo.table.lifecycle.event': 'Ereignis',
+  'serverInfo.table.lifecycle.requestedAt': 'Angefordert',
+  'serverInfo.table.lifecycle.detectedAt': 'Erkannt',
+  'serverInfo.table.lifecycle.status': 'Status',
+  'serverInfo.table.lifecycle.cause': 'Ursache',
+  'serverInfo.table.lifecycle.source': 'Quelle',
+  'serverInfo.empty.clients': 'Keine verbundenen Clients.',
+  'serverInfo.empty.tasks': 'Keine geplanten Aufgaben.',
+  'serverInfo.empty.tokens': 'Keine gespeicherten Tokens.',
+  'serverInfo.empty.lifecycle': 'Kein aufgezeichnetes Lebenszyklus-Ereignis.',
+  'serverInfo.empty.logs': 'Keine Logs.',
+  'serverInfo.task.running': 'Laufend',
+  'serverInfo.task.scheduled': 'Geplant',
+  'serverInfo.task.waiting': 'Wartend',
+  'serverInfo.token.active': 'Aktiv',
+  'serverInfo.token.archived': 'Archiviert',
+  'serverInfo.token.masked': '[maskiert]',
+  'serverInfo.duration.hours': '{value} Std',
+  'serverInfo.duration.minutes': '{value} Min',
+  'serverInfo.duration.seconds': '{value} Sek',
+  'serverInfo.nowMoment': 'jetzt',
+  'serverInfo.loadError': 'Fehler beim Laden: {message}',
+  'serverInfo.sseCreateError': 'Config-Abonnement konnte nicht erstellt werden.',
+  'serverInfo.sseInvalid': 'Ungueltiges SSE-Abonnement',
+};