Raven Scott
b9a4e39e78
CI / Build & Test (push) Successful in 2m55s
Track a _settingsDirty flag that is set whenever the user interacts with a settings toggle or number input. updateSettingsUI() skips the sync while dirty so the 2-second refresh cycle cannot revert in-progress edits. The flag is cleared after a successful save or reset.
80 lines
4.7 KiB
JavaScript
80 lines
4.7 KiB
JavaScript
/**
|
|
* Settings page — syncs the settings form with the persisted settings object
|
|
* and saves changes to the native host.
|
|
* Depends on: core/utils.js ($), core/state.js (settings, SETTINGS_DEFAULTS), ui/toast.js (showToast)
|
|
*/
|
|
|
|
/**
|
|
* True while the user has made unsaved changes to settings controls.
|
|
* Prevents the 2-second refresh cycle from overwriting in-progress edits.
|
|
*/
|
|
let _settingsDirty = false;
|
|
|
|
/** Mark settings as having unsaved changes. */
|
|
function _markSettingsDirty() { _settingsDirty = true; }
|
|
|
|
/** Clear the dirty flag (called after a successful save or reset). */
|
|
function _clearSettingsDirty() { _settingsDirty = false; }
|
|
|
|
/**
|
|
* Sync all settings form controls with the current `settings` object.
|
|
* Called on every refresh cycle to keep the UI in sync with persisted state.
|
|
* Skipped while the user has unsaved changes to avoid reverting their edits.
|
|
*/
|
|
function updateSettingsUI() {
|
|
if (_settingsDirty) return;
|
|
$('toggleNotify')?.classList.toggle('active', settings.notifyOnDisconnect === true);
|
|
$('toggleNotifyTunnelError')?.classList.toggle('active', settings.notifyOnTunnelError !== false);
|
|
$('toggleTunnelAutoReconnect')?.classList.toggle('active', settings.tunnelAutoReconnect === true);
|
|
$('toggleDebug')?.classList.toggle('active', settings.debug === true);
|
|
$('toggleDisableFileUrls')?.classList.toggle('active', settings.disableOnFileUrls === true);
|
|
$('toggleTheme')?.classList.toggle('active', document.documentElement.getAttribute('data-theme') === 'light');
|
|
$('toggleLatencyPing')?.classList.toggle('active', settings.latencyPingEnabled !== false);
|
|
const proxyPortEl = $('proxyPort');
|
|
const readyTimeoutMsEl = $('readyTimeoutMs');
|
|
const backupRetentionEl = $('backupRetention');
|
|
const backupIntervalEl = $('backupIntervalHours');
|
|
const latencyPingIntervalEl = $('latencyPingIntervalMs');
|
|
if (proxyPortEl) proxyPortEl.value = settings.proxyPort ?? SETTINGS_DEFAULTS.proxyPort;
|
|
if (readyTimeoutMsEl) readyTimeoutMsEl.value = settings.readyTimeoutMs ?? SETTINGS_DEFAULTS.readyTimeoutMs;
|
|
if (backupRetentionEl) backupRetentionEl.value = settings.backupRetention ?? SETTINGS_DEFAULTS.backupRetention;
|
|
if (backupIntervalEl) backupIntervalEl.value = settings.backupIntervalHours ?? SETTINGS_DEFAULTS.backupIntervalHours;
|
|
if (latencyPingIntervalEl) latencyPingIntervalEl.value = (settings.latencyPingIntervalMs ?? SETTINGS_DEFAULTS.latencyPingIntervalMs) / 1000;
|
|
}
|
|
|
|
function saveSettings() {
|
|
settings.notifyOnDisconnect = $('toggleNotify')?.classList.contains('active') ?? SETTINGS_DEFAULTS.notifyOnDisconnect;
|
|
settings.notifyOnTunnelError = $('toggleNotifyTunnelError')?.classList.contains('active') ?? SETTINGS_DEFAULTS.notifyOnTunnelError;
|
|
settings.tunnelAutoReconnect = $('toggleTunnelAutoReconnect')?.classList.contains('active') ?? SETTINGS_DEFAULTS.tunnelAutoReconnect;
|
|
settings.debug = $('toggleDebug')?.classList.contains('active') ?? SETTINGS_DEFAULTS.debug;
|
|
settings.disableOnFileUrls = $('toggleDisableFileUrls')?.classList.contains('active') ?? SETTINGS_DEFAULTS.disableOnFileUrls;
|
|
settings.latencyPingEnabled = $('toggleLatencyPing')?.classList.contains('active') ?? SETTINGS_DEFAULTS.latencyPingEnabled;
|
|
settings.proxyPort = parseInt($('proxyPort')?.value, 10) || SETTINGS_DEFAULTS.proxyPort;
|
|
settings.readyTimeoutMs = parseInt($('readyTimeoutMs')?.value, 10) || SETTINGS_DEFAULTS.readyTimeoutMs;
|
|
settings.backupRetention = Math.max(1, parseInt($('backupRetention')?.value, 10) || SETTINGS_DEFAULTS.backupRetention);
|
|
settings.backupIntervalHours = Math.max(0, parseInt($('backupIntervalHours')?.value, 10) || 0);
|
|
const pingSecs = parseFloat($('latencyPingIntervalMs')?.value);
|
|
settings.latencyPingIntervalMs = isNaN(pingSecs) || pingSecs <= 0
|
|
? SETTINGS_DEFAULTS.latencyPingIntervalMs
|
|
: Math.round(pingSecs * 1000);
|
|
chrome.runtime.sendMessage(
|
|
{ target: 'holesail-native', action: 'send', payload: { type: 'updateSettings', payload: { ...settings } } },
|
|
(response) => {
|
|
if (chrome.runtime.lastError) { showToast('Settings save failed: ' + chrome.runtime.lastError.message, 'error'); return; }
|
|
if (response && response.ok) {
|
|
if (response.settings) settings = { ...SETTINGS_DEFAULTS, ...response.settings };
|
|
_clearSettingsDirty();
|
|
// Restart the ping interval so the new interval / enabled state takes effect immediately
|
|
if (typeof window._restartPingInterval === 'function') window._restartPingInterval();
|
|
if (response.requiresRestart) {
|
|
showToast('Settings saved — restart the native host for proxy port changes to take effect', 'warning');
|
|
} else {
|
|
showToast('Settings saved', 'success');
|
|
}
|
|
} else {
|
|
showToast(response?.error || 'Failed to save settings', 'error');
|
|
}
|
|
}
|
|
);
|
|
}
|