✏️ Editing: svgs-settings.js

/**
 * SVG Support — settings screen behavior
 * Live Advanced Mode reveal + debounced auto-save (vanilla JS, no dependencies).
 * Without JS the screen falls back to the classic form submit + simple-mode CSS.
 */
(function () {
	'use strict';

var form = document.getElementById('svgs-settings-form');
	if (!form || typeof window.SvgsSettings === 'undefined') {
		return;
	}

document.body.classList.add('svgs-js');

/* ----- Live Advanced Mode reveal ----- */

var advancedToggle = form.querySelector('input[name="bodhi_svgs_settings[advanced_mode]"]');
	var advancedSections = document.querySelectorAll('.svgs-advanced');
	var lockedNotices = document.querySelectorAll('.svgs-locked');

if (advancedToggle) {
		advancedToggle.addEventListener('change', syncAdvanced);
		syncAdvanced();
	}

/* ----- Save-state chip + Save button ----- */

var chip = document.getElementById('svgs-savestate');
	var chipIcon = chip ? chip.querySelector('use') : null;
	var chipText = chip ? chip.querySelector('span') : null;
	var saveBtn = form.querySelector('.svgs-save-row input[type="submit"]');
	var idleTimer = null;

/* ----- Debounced auto-save ----- */

var timer = null;
	var inFlight = null;

function save() {
		setState('saving');

var data = new FormData(form);
		data.append('action', 'bodhi_svgs_autosave');
		data.append('nonce', window.SvgsSettings.nonce);

inFlight = thisRequest;
	}

function queueSave(delay) {
		clearTimeout(timer);
		timer = setTimeout(save, delay);
	}

form.addEventListener('change', function () {
		queueSave(400);
	});

// The Save button stays for familiarity: with JS active it saves
	// immediately via AJAX instead of a full options.php round-trip.
	// If the last auto-save errored (blocked admin-ajax, expired nonce),
	// let the click fall through to the classic options.php submit so
	// saving always remains possible.
	form.addEventListener('submit', function (e) {
		if (chip && chip.getAttribute('data-state') === 'error') {
			return;
		}
		e.preventDefault();
		clearTimeout(timer);
		save();
	});

// Text input: save while typing, slightly longer debounce
	var cssTarget = form.querySelector('input[name="bodhi_svgs_settings[css_target]"]');
	if (cssTarget) {
		cssTarget.addEventListener('input', function () {
			queueSave(800);
		});
	}
})();

Gifari Industries - BD Cyber Security Team