pageta/apps/extension/options.js

/**
 * Einstellungen der Pageta-Erweiterung: nur die Instanz-Adresse.
 *
 * Bewusst das einzige, was hier einstellbar ist. Alles andere (Anmeldung,
 * Darstellung, KI-Quelle) gehört in die App, nicht in die Erweiterung —
 * sonst gibt es zwei Orte für dieselbe Wahrheit.
 */

const api = typeof browser !== 'undefined' ? browser : chrome;

const DEFAULT_INSTANCE = 'https://app.pageta.com';
const field = document.getElementById('instance');
const status = document.getElementById('status');

function say(text, ok = true) {
	status.textContent = text;
	status.style.color = ok ? '' : 'var(--fg)';
}

api.storage.sync.get('instance').then((stored) => {
	field.value = stored?.instance ?? '';
});

document.getElementById('save').addEventListener('click', async () => {
	const raw = field.value.trim();

	if (!raw) {
		await api.storage.sync.remove('instance');
		say(`Gespeichert — es gilt wieder ${DEFAULT_INSTANCE}.`);
		return;
	}

	let origin;
	try {
		origin = new URL(raw).origin;
	} catch {
		say('Das ist keine vollständige Adresse. Beispiel: https://pageta.example', false);
		return;
	}

	if (!origin.startsWith('https://') && !origin.startsWith('http://localhost')) {
		say('Nur https — oder http://localhost für die eigene Entwicklung.', false);
		return;
	}

	// Für eine fremde Instanz braucht die Erweiterung die Erlaubnis, dorthin
	// zu senden. Wir fragen sie hier, damit der Klick später nicht still
	// scheitert.
	const pattern = `${origin}/`;
	const granted = await api.permissions.request({ origins: [pattern] }).catch(() => false);
	if (!granted) {
		say('Ohne die Erlaubnis für diese Adresse kann die Erweiterung dort nicht speichern.', false);
		return;
	}

	await api.storage.sync.set({ instance: origin });
	say(`Gespeichert — Artikel gehen jetzt an ${origin}.`);
});