feat: telegram commands, app settings, bot polling, webhook handling, UI improvements

Adds telegram bot command system with 13 commands (search, latest, random, etc.), webhook/polling handlers, rate limiting, app settings page, and various UI/UX improvements across all entity pages. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-20 23:11:42 +03:00
parent 5015e378fe
commit 03ec9b3c86
64 changed files with 2585 additions and 648 deletions
@@ -0,0 +1,83 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { api } from '$lib/api';
+	import { t } from '$lib/i18n';
+	import PageHeader from '$lib/components/PageHeader.svelte';
+	import Card from '$lib/components/Card.svelte';
+	import Loading from '$lib/components/Loading.svelte';
+	import MdiIcon from '$lib/components/MdiIcon.svelte';
+	import Hint from '$lib/components/Hint.svelte';
+	import { snackSuccess, snackError } from '$lib/stores/snackbar.svelte';
+
+	let loaded = $state(false);
+	let saving = $state(false);
+	let settings = $state({
+		external_url: '',
+		telegram_webhook_secret: '',
+		telegram_cache_ttl_hours: '48',
+	});
+
+	onMount(async () => {
+		try {
+			settings = await api('/settings');
+		} catch (err: any) { snackError(err.message); }
+		finally { loaded = true; }
+	});
+
+	async function save() {
+		saving = true;
+		try {
+			settings = await api('/settings', { method: 'PUT', body: JSON.stringify(settings) });
+			snackSuccess(t('settings.saved'));
+		} catch (err: any) { snackError(err.message); }
+		saving = false;
+	}
+</script>
+
+<PageHeader title={t('settings.title')} description={t('settings.description')} />
+
+{#if !loaded}
+	<Loading />
+{:else}
+	<div class="space-y-6">
+		<!-- General section -->
+		<Card>
+			<h3 class="text-sm font-semibold mb-4 flex items-center gap-2">
+				<MdiIcon name="mdiCog" size={18} />
+				{t('settings.general')}
+			</h3>
+			<div class="space-y-3">
+				<div>
+					<label class="block text-xs font-medium mb-1">{t('settings.externalUrl')}<Hint text={t('settings.externalUrlHint')} /></label>
+					<input bind:value={settings.external_url} placeholder="https://notify.example.com"
+						class="w-full max-w-md px-3 py-1.5 text-sm border border-[var(--color-border)] rounded-md bg-[var(--color-background)] font-mono" />
+				</div>
+			</div>
+		</Card>
+
+		<!-- Telegram section -->
+		<Card>
+			<h3 class="text-sm font-semibold mb-4 flex items-center gap-2">
+				<MdiIcon name="mdiSend" size={18} />
+				{t('settings.telegram')}
+			</h3>
+			<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+				<div>
+					<label class="block text-xs font-medium mb-1">{t('settings.webhookSecret')}<Hint text={t('settings.webhookSecretHint')} /></label>
+					<input bind:value={settings.telegram_webhook_secret} type="password" placeholder="optional"
+						class="w-full px-3 py-1.5 text-sm border border-[var(--color-border)] rounded-md bg-[var(--color-background)] font-mono" />
+				</div>
+				<div>
+					<label class="block text-xs font-medium mb-1">{t('settings.cacheTtl')}<Hint text={t('settings.cacheTtlHint')} /></label>
+					<input bind:value={settings.telegram_cache_ttl_hours} type="number" min="1" max="720"
+						class="w-full px-3 py-1.5 text-sm border border-[var(--color-border)] rounded-md bg-[var(--color-background)]" />
+				</div>
+			</div>
+		</Card>
+
+		<button onclick={save} disabled={saving}
+			class="px-4 py-2 bg-[var(--color-primary)] text-[var(--color-primary-foreground)] rounded-md text-sm font-medium hover:opacity-90 disabled:opacity-50">
+			{saving ? t('common.loading') : t('common.save')}
+		</button>
+	</div>
+{/if}