alexei.dolgolyov/web-app-launcher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat(phase3): PWA, auto-discovery, bookmarklet, multi-tab sync

Browse Source 
- PWA: manifest, service worker (cache-first static, network-first API),
  offline page, install prompt banner
- Auto-discovery: Docker socket + Traefik API scanning, approval UI
- Quick-add bookmarklet: popup-based add page, favicon auto-detect
- Multi-tab sync: BroadcastChannel for theme + data changes
- i18n translations for all new strings (EN/RU)
This commit is contained in:
Admin
2026-03-25 00:59:19 +03:00
parent c6a7de895d
commit dd6958b4d6
28 changed files with 1712 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env.example
+4
View File
@@ -24,5 +24,9 @@ GUEST_MODE="true"
HEALTHCHECK_CRON="*/5 * * * *" HEALTHCHECK_CRON="*/5 * * * *"
HEALTHCHECK_TIMEOUT_MS="5000" HEALTHCHECK_TIMEOUT_MS="5000"
# Service Discovery (optional — configure here or in Admin > Settings)
DOCKER_SOCKET_PATH="/var/run/docker.sock"
TRAEFIK_API_URL=""
# Node environment # Node environment
NODE_ENV="production" NODE_ENV="production"
PLAN_PROMPT.md
+1 -1
View File
@@ -448,7 +448,7 @@ To avoid scope creep, the MVP should include:
- Additional widget types - Additional widget types
### Phase 3 ### Phase 3
- Auto-discovery (Docker/Traefik) - ~~Auto-discovery (Docker/Traefik)~~ **DONE** — Phase 5 implementation: discoveryService.ts, /api/admin/discover endpoints, DiscoveryPanel.svelte, SettingsForm discovery config, i18n EN/RU
- Import/Export - Import/Export
- PWA - PWA
- Ping history sparklines - Ping history sparklines
src/app.html
+6
View File
@@ -4,6 +4,12 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="manifest" href="%sveltekit.assets%/manifest.json" />
<meta name="theme-color" content="#6366f1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Launcher" />
<link rel="apple-touch-icon" href="%sveltekit.assets%/icon.svg" />
<script> <script>
// Inline script to prevent FOUC — set theme class before first paint // Inline script to prevent FOUC — set theme class before first paint
(function () { (function () {
src/lib/components/admin/DiscoveryPanel.svelte
+247
View File
@@ -0,0 +1,247 @@
<script lang="ts">
import { t } from 'svelte-i18n';
interface DiscoveredService {
name: string;
url: string;
source: 'docker' | 'traefik';
icon?: string;
description?: string;
alreadyRegistered: boolean;
}
let {
dockerSocketPath = $bindable('/var/run/docker.sock'),
traefikApiUrl = $bindable('')
}: {
dockerSocketPath?: string;
traefikApiUrl?: string;
} = $props();
let scanning = $state(false);
let approving = $state(false);
let services = $state<DiscoveredService[]>([]);
let scanErrors = $state<string[]>([]);
let selected = $state<Set<number>>(new Set());
let statusMessage = $state('');
let statusType: 'success' | 'error' | '' = $state('');
function clearStatus() {
statusMessage = '';
statusType = '';
}
async function handleScan() {
clearStatus();
scanning = true;
services = [];
scanErrors = [];
selected = new Set();
try {
const response = await fetch('/api/admin/discover', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
dockerSocketPath: dockerSocketPath || undefined,
traefikApiUrl: traefikApiUrl || undefined
})
});
const result = await response.json();
if (!response.ok || !result.success) {
throw new Error(result.error || 'Discovery scan failed');
}
services = result.data.services;
scanErrors = result.data.errors;
if (services.length === 0) {
statusMessage = $t('admin.discovery_no_results');
statusType = 'error';
}
} catch (err) {
statusMessage = err instanceof Error ? err.message : 'Scan failed';
statusType = 'error';
} finally {
scanning = false;
}
}
function toggleSelect(index: number) {
const next = new Set(selected);
if (next.has(index)) {
next.delete(index);
} else {
next.add(index);
}
selected = next;
}
function toggleSelectAll() {
const selectableIndices = services
.map((s, i) => (s.alreadyRegistered ? -1 : i))
.filter((i) => i >= 0);
if (selected.size === selectableIndices.length) {
selected = new Set();
} else {
selected = new Set(selectableIndices);
}
}
async function handleApprove() {
if (selected.size === 0) return;
clearStatus();
approving = true;
const toApprove = Array.from(selected).map((i) => services[i]);
try {
const response = await fetch('/api/admin/discover/approve', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ services: toApprove })
});
const result = await response.json();
if (!response.ok || !result.success) {
throw new Error(result.error || 'Approval failed');
}
const { created, errors: approveErrors } = result.data;
const parts: string[] = [];
if (created > 0) parts.push(`${created} app(s) created`);
if (approveErrors.length > 0) parts.push(approveErrors.join('; '));
statusMessage = `${$t('admin.discovery_approve')}: ${parts.join('. ')}`;
statusType = approveErrors.length > 0 ? 'error' : 'success';
// Mark approved services as registered
services = services.map((s, i) =>
selected.has(i) ? { ...s, alreadyRegistered: true } : s
);
selected = new Set();
} catch (err) {
statusMessage = err instanceof Error ? err.message : 'Approval failed';
statusType = 'error';
} finally {
approving = false;
}
}
const selectableCount = $derived(services.filter((s) => !s.alreadyRegistered).length);
</script>
<section class="rounded-lg border border-border bg-card p-6">
<h2 class="mb-4 text-lg font-semibold text-card-foreground">{$t('admin.discovery_title')}</h2>
<p class="mb-6 text-xs text-muted-foreground">{$t('admin.discovery_description')}</p>
<!-- Scan Button -->
<div class="mb-6">
<button
type="button"
onclick={handleScan}
disabled={scanning || (!dockerSocketPath && !traefikApiUrl)}
class="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
>
{scanning ? $t('admin.discovery_scanning') : $t('admin.discovery_scan')}
</button>
</div>
<!-- Scan Errors -->
{#if scanErrors.length > 0}
<div class="mb-4 rounded-md bg-yellow-100 p-3 text-sm text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400">
{#each scanErrors as scanError}
<p>{scanError}</p>
{/each}
</div>
{/if}
<!-- Results Table -->
{#if services.length > 0}
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="border-b border-border">
<th class="px-2 py-2 text-left">
<input
type="checkbox"
checked={selected.size === selectableCount && selectableCount > 0}
onchange={toggleSelectAll}
disabled={selectableCount === 0}
class="h-4 w-4 rounded border-input"
/>
</th>
<th class="px-2 py-2 text-left font-medium text-muted-foreground">{$t('common.name')}</th>
<th class="px-2 py-2 text-left font-medium text-muted-foreground">URL</th>
<th class="px-2 py-2 text-left font-medium text-muted-foreground">{$t('admin.discovery_source')}</th>
<th class="px-2 py-2 text-left font-medium text-muted-foreground">{$t('admin.discovery_status')}</th>
</tr>
</thead>
<tbody>
{#each services as service, i}
<tr class="border-b border-border/50 hover:bg-muted/50">
<td class="px-2 py-2">
<input
type="checkbox"
checked={selected.has(i)}
onchange={() => toggleSelect(i)}
disabled={service.alreadyRegistered}
class="h-4 w-4 rounded border-input"
/>
</td>
<td class="px-2 py-2 font-medium text-foreground">{service.name}</td>
<td class="px-2 py-2">
<a href={service.url} target="_blank" rel="noopener noreferrer" class="text-primary hover:underline">
{service.url}
</a>
</td>
<td class="px-2 py-2">
<span class="inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium
{service.source === 'docker'
? 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400'
: 'bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400'
}"
>
{service.source === 'docker' ? $t('admin.discovery_source_docker') : $t('admin.discovery_source_traefik')}
</span>
</td>
<td class="px-2 py-2">
{#if service.alreadyRegistered}
<span class="text-xs text-muted-foreground">{$t('admin.discovery_already_registered')}</span>
{:else}
<span class="text-xs font-medium text-green-600 dark:text-green-400">{$t('admin.discovery_new')}</span>
{/if}
</td>
</tr>
{/each}
</tbody>
</table>
</div>
<!-- Approve button -->
{#if selectableCount > 0}
<div class="mt-4">
<button
type="button"
onclick={handleApprove}
disabled={approving || selected.size === 0}
class="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
>
{approving ? $t('admin.discovery_approving') : $t('admin.discovery_approve')} ({selected.size})
</button>
</div>
{/if}
{/if}
<!-- Status Message -->
{#if statusMessage}
<div class="mt-4 rounded-md p-3 text-sm {statusType === 'success' ? 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400' : 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400'}">
{statusMessage}
</div>
{/if}
</section>
src/lib/components/admin/SettingsForm.svelte
+39 -1
View File
@@ -4,7 +4,15 @@
import type { updateSystemSettingsSchema } from '$lib/utils/validators.js'; import type { updateSystemSettingsSchema } from '$lib/utils/validators.js';
import type { z } from 'zod'; import type { z } from 'zod';
let { form: formData }: { form: SuperValidated<z.infer<typeof updateSystemSettingsSchema>> } = $props(); let {
form: formData,
dockerSocketPath = $bindable('/var/run/docker.sock'),
traefikApiUrl = $bindable('')
}: {
form: SuperValidated<z.infer<typeof updateSystemSettingsSchema>>;
dockerSocketPath?: string;
traefikApiUrl?: string;
} = $props();
const { form, errors, enhance, delayed } = superForm(formData); const { form, errors, enhance, delayed } = superForm(formData);
@@ -186,6 +194,36 @@
</div> </div>
</section> </section>
<!-- Service Discovery Configuration -->
<section class="rounded-lg border border-border bg-card p-6">
<h2 class="mb-4 text-lg font-semibold text-card-foreground">{$t('admin.discovery_config')}</h2>
<p class="mb-4 text-xs text-muted-foreground">{$t('admin.discovery_config_description')}</p>
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
<div>
<label for="dockerSocketPath" class="mb-1 block text-sm font-medium text-foreground">{$t('admin.discovery_docker_socket')}</label>
<input
id="dockerSocketPath"
type="text"
bind:value={dockerSocketPath}
class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground"
placeholder="/var/run/docker.sock"
/>
<p class="mt-1 text-xs text-muted-foreground">{$t('admin.discovery_docker_socket_hint')}</p>
</div>
<div>
<label for="traefikApiUrl" class="mb-1 block text-sm font-medium text-foreground">{$t('admin.discovery_traefik_url')}</label>
<input
id="traefikApiUrl"
type="url"
bind:value={traefikApiUrl}
class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground"
placeholder="http://traefik:8080"
/>
<p class="mt-1 text-xs text-muted-foreground">{$t('admin.discovery_traefik_url_hint')}</p>
</div>
</div>
</section>
{#if $errors._errors} {#if $errors._errors}
<p class="text-sm text-destructive">{$errors._errors}</p> <p class="text-sm text-destructive">{$errors._errors}</p>
{/if} {/if}
src/lib/components/layout/InstallPrompt.svelte
+103
View File
@@ -0,0 +1,103 @@
<script lang="ts">
import { t } from 'svelte-i18n';
import { browser } from '$app/environment';
import { Download, X } from 'lucide-svelte';
import { fade } from 'svelte/transition';
const DISMISS_KEY = 'wal-install-prompt-dismissed';
interface BeforeInstallPromptEvent extends Event {
prompt(): Promise<void>;
userChoice: Promise<{ outcome: 'accepted' | 'dismissed' }>;
}
let deferredPrompt: BeforeInstallPromptEvent | null = $state(null);
let dismissed = $state(false);
let installed = $state(false);
const visible = $derived(deferredPrompt !== null && !dismissed && !installed);
function isDismissed(): boolean {
if (!browser) return false;
try {
return localStorage.getItem(DISMISS_KEY) === 'true';
} catch {
return false;
}
}
function dismiss() {
dismissed = true;
if (browser) {
try {
localStorage.setItem(DISMISS_KEY, 'true');
} catch {
// localStorage unavailable
}
}
}
async function install() {
if (!deferredPrompt) return;
await deferredPrompt.prompt();
const { outcome } = await deferredPrompt.userChoice;
if (outcome === 'accepted') {
installed = true;
}
deferredPrompt = null;
}
if (browser) {
dismissed = isDismissed();
window.addEventListener('beforeinstallprompt', (e: Event) => {
e.preventDefault();
deferredPrompt = e as BeforeInstallPromptEvent;
});
window.addEventListener('appinstalled', () => {
installed = true;
deferredPrompt = null;
});
}
</script>
{#if visible}
<div
transition:fade={{ duration: 200 }}
class="fixed bottom-4 left-4 right-4 z-50 mx-auto flex max-w-lg items-center gap-3 rounded-xl border border-border bg-card p-4 shadow-lg"
role="alert"
>
<div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10">
<Download class="h-5 w-5 text-primary" />
</div>
<div class="min-w-0 flex-1">
<p class="text-sm font-medium text-foreground">
{$t('install.title')}
</p>
<p class="text-xs text-muted-foreground">
{$t('install.description')}
</p>
</div>
<button
type="button"
onclick={install}
class="shrink-0 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90"
>
{$t('install.button')}
</button>
<button
type="button"
onclick={dismiss}
class="shrink-0 rounded-md p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
aria-label={$t('install.dismiss')}
>
<X class="h-4 w-4" />
</button>
</div>
{/if}
src/lib/components/layout/MainLayout.svelte
+4
View File
@@ -3,6 +3,7 @@
import type { Snippet } from 'svelte'; import type { Snippet } from 'svelte';
import Sidebar from './Sidebar.svelte'; import Sidebar from './Sidebar.svelte';
import Header from './Header.svelte'; import Header from './Header.svelte';
import InstallPrompt from './InstallPrompt.svelte';
import AmbientBackground from '$lib/components/background/AmbientBackground.svelte'; import AmbientBackground from '$lib/components/background/AmbientBackground.svelte';
import SearchDialog from '$lib/components/search/SearchDialog.svelte'; import SearchDialog from '$lib/components/search/SearchDialog.svelte';
import { ui } from '$lib/stores/ui.svelte.js'; import { ui } from '$lib/stores/ui.svelte.js';
@@ -66,3 +67,6 @@
<!-- Search Dialog (modal, z-50) --> <!-- Search Dialog (modal, z-50) -->
<SearchDialog /> <SearchDialog />
<!-- PWA Install Prompt -->
<InstallPrompt />
src/lib/components/settings/BookmarkletGenerator.svelte
+63
View File
@@ -0,0 +1,63 @@
<script lang="ts">
import { t } from 'svelte-i18n';
let origin = $state('');
let bookmarkletCode = $state('');
let bookmarkletHref = $state('');
$effect(() => {
if (typeof window !== 'undefined') {
origin = window.location.origin;
}
});
$effect(() => {
if (!origin) return;
// The bookmarklet opens the quick-add page with URL and title pre-filled
const code = `javascript:void(window.open('${origin}/apps/quick-add?url='+encodeURIComponent(location.href)+'&name='+encodeURIComponent(document.title),'_blank','width=600,height=500'))`;
bookmarkletCode = code;
bookmarkletHref = code;
});
</script>
<div class="rounded-xl border border-border bg-card p-6 shadow-sm">
<h2 class="mb-2 text-lg font-semibold text-card-foreground">
{$t('settings.bookmarklet_title')}
</h2>
<p class="mb-4 text-sm text-muted-foreground">
{$t('settings.bookmarklet_instructions')}
</p>
<div class="mb-4 flex items-center gap-3">
<a
href={bookmarkletHref}
class="inline-flex items-center gap-2 rounded-lg border-2 border-dashed border-primary/50 bg-primary/10 px-4 py-2 text-sm font-medium text-primary transition-colors hover:border-primary hover:bg-primary/20"
onclick={(e) => { e.preventDefault(); }}
draggable="true"
>
<svg
class="h-4 w-4"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z" />
</svg>
{$t('settings.bookmarklet_drag')}
</a>
<span class="text-xs text-muted-foreground">
{$t('settings.bookmarklet_drag_hint')}
</span>
</div>
<details class="group">
<summary class="cursor-pointer text-sm font-medium text-muted-foreground hover:text-foreground">
{$t('settings.bookmarklet_show_code')}
</summary>
<pre class="mt-2 overflow-x-auto rounded-md border border-border bg-background p-3 text-xs text-foreground"><code>{bookmarkletCode}</code></pre>
</details>
</div>
src/lib/i18n/en.json
+42 -1
View File
@@ -215,6 +215,26 @@
"admin.perm_none": "No permissions configured.", "admin.perm_none": "No permissions configured.",
"admin.perm_search_placeholder": "Type to search...", "admin.perm_search_placeholder": "Type to search...",
"admin.discovery_title": "Service Discovery",
"admin.discovery_description": "Scan Docker containers and Traefik routers to automatically discover running services and register them as apps.",
"admin.discovery_scan": "Scan for Services",
"admin.discovery_scanning": "Scanning...",
"admin.discovery_approve": "Approve Selected",
"admin.discovery_approving": "Approving...",
"admin.discovery_source": "Source",
"admin.discovery_status": "Status",
"admin.discovery_source_docker": "Docker",
"admin.discovery_source_traefik": "Traefik",
"admin.discovery_already_registered": "Already registered",
"admin.discovery_new": "New",
"admin.discovery_no_results": "No services discovered. Check your Docker socket path or Traefik API URL.",
"admin.discovery_config": "Service Discovery Configuration",
"admin.discovery_config_description": "Configure Docker and Traefik endpoints for automatic service discovery. These settings are used by the Discovery panel below.",
"admin.discovery_docker_socket": "Docker Socket Path",
"admin.discovery_docker_socket_hint": "Path to Docker socket (e.g. /var/run/docker.sock). Set via DOCKER_SOCKET_PATH env var.",
"admin.discovery_traefik_url": "Traefik API URL",
"admin.discovery_traefik_url_hint": "Traefik dashboard API base URL (e.g. http://traefik:8080). Set via TRAEFIK_API_URL env var.",
"admin.import_export_title": "Import / Export", "admin.import_export_title": "Import / Export",
"admin.import_export_description": "Export all data (apps, boards, groups, settings) as JSON, or import from a previously exported file.", "admin.import_export_description": "Export all data (apps, boards, groups, settings) as JSON, or import from a previously exported file.",
"admin.export_section": "Export Data", "admin.export_section": "Export Data",
@@ -291,5 +311,26 @@
"settings.language": "Language", "settings.language": "Language",
"settings.save": "Save Preferences", "settings.save": "Save Preferences",
"settings.saving": "Saving...", "settings.saving": "Saving...",
"settings.saved": "Preferences saved!" "settings.saved": "Preferences saved!",
"offline.title": "You're Offline",
"offline.description": "It looks like you've lost your internet connection. Check your network and try again.",
"offline.retry": "Retry",
"install.title": "Install App",
"install.description": "Add Web App Launcher to your home screen for quick access.",
"install.button": "Install",
"install.dismiss": "Dismiss install prompt",
"settings.bookmarklet_title": "Quick-Add Bookmarklet",
"settings.bookmarklet_instructions": "Drag the button below to your browser's bookmarks bar. When visiting any web page, click it to quickly add that site to your App Launcher.",
"settings.bookmarklet_drag": "Add to Launcher",
"settings.bookmarklet_drag_hint": "Drag this to your bookmarks bar",
"settings.bookmarklet_show_code": "Show bookmarklet code",
"app.quick_add_title": "Quick Add App",
"app.quick_add_description": "Review the details below and save to add this app to your launcher.",
"app.quick_add_success": "App added successfully!",
"app.quick_add_view_apps": "View Apps",
"app.quick_add_close": "Close Window"
} }
src/lib/i18n/ru.json
+277 -260
View File
@@ -1,219 +1,228 @@
{ {
"app_name": "App Launcher", "app_name": "App Launcher",
"app_title": "Web App Launcher", "app_title": "Web App Launcher",
"nav.navigation": "Навигация",
"nav.navigation": "\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f", "nav.boards": "Доски",
"nav.boards": "\u0414\u043e\u0441\u043a\u0438", "nav.apps": "Приложения",
"nav.apps": "\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f", "nav.admin": "Админ",
"nav.admin": "\u0410\u0434\u043c\u0438\u043d", "nav.admin_panel": "Панель администратора",
"nav.admin_panel": "\u041f\u0430\u043d\u0435\u043b\u044c \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430", "auth.login": "Войти",
"auth.login_title": "Добро пожаловать",
"auth.login": "\u0412\u043e\u0439\u0442\u0438", "auth.login_subtitle": "Войдите в свой аккаунт",
"auth.login_title": "\u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c", "auth.login_submit": "Войти",
"auth.login_subtitle": "\u0412\u043e\u0439\u0434\u0438\u0442\u0435 \u0432 \u0441\u0432\u043e\u0439 \u0430\u043a\u043a\u0430\u0443\u043d\u0442", "auth.login_submitting": "Вход...",
"auth.login_submit": "\u0412\u043e\u0439\u0442\u0438", "auth.register": "Регистрация",
"auth.login_submitting": "\u0412\u0445\u043e\u0434...", "auth.register_title": "Создать аккаунт",
"auth.register": "\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f", "auth.register_subtitle": "Начните работу с App Launcher",
"auth.register_title": "\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0430\u043a\u043a\u0430\u0443\u043d\u0442", "auth.register_submit": "Создать аккаунт",
"auth.register_subtitle": "\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 App Launcher", "auth.register_submitting": "Создание аккаунта...",
"auth.register_submit": "\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0430\u043a\u043a\u0430\u0443\u043d\u0442", "auth.email": "Электронная почта",
"auth.register_submitting": "\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0430\u043a\u043a\u0430\u0443\u043d\u0442\u0430...",
"auth.email": "\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430",
"auth.email_placeholder": "you@example.com", "auth.email_placeholder": "you@example.com",
"auth.password": "\u041f\u0430\u0440\u043e\u043b\u044c", "auth.password": "Пароль",
"auth.password_placeholder": "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043f\u0430\u0440\u043e\u043b\u044c", "auth.password_placeholder": "Введите пароль",
"auth.password_placeholder_register": "\u041d\u0435 \u043c\u0435\u043d\u0435\u0435 6 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432", "auth.password_placeholder_register": "Не менее 6 символов",
"auth.display_name": "\u0418\u043c\u044f", "auth.display_name": "Имя",
"auth.display_name_placeholder": "\u0412\u0430\u0448\u0435 \u0438\u043c\u044f", "auth.display_name_placeholder": "Ваше имя",
"auth.logout": "\u0412\u044b\u0445\u043e\u0434", "auth.logout": "Выход",
"auth.oauth_signin": "\u0412\u043e\u0439\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 OAuth", "auth.oauth_signin": "Войти через OAuth",
"auth.or": "\u0438\u043b\u0438", "auth.or": "или",
"auth.no_account": "\u041d\u0435\u0442 \u0430\u043a\u043a\u0430\u0443\u043d\u0442\u0430?", "auth.no_account": "Нет аккаунта?",
"auth.have_account": "\u0423\u0436\u0435 \u0435\u0441\u0442\u044c \u0430\u043a\u043a\u0430\u0443\u043d\u0442?", "auth.have_account": "Уже есть аккаунт?",
"auth.sign_in_link": "\u0412\u043e\u0439\u0442\u0438", "auth.sign_in_link": "Войти",
"board.title": "Доски",
"board.title": "\u0414\u043e\u0441\u043a\u0438", "board.boards_available": "Доступно досок: {count}",
"board.boards_available": "\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0434\u043e\u0441\u043e\u043a: {count}", "board.new": "Новая доска",
"board.new": "\u041d\u043e\u0432\u0430\u044f \u0434\u043e\u0441\u043a\u0430", "board.edit": "Редактировать",
"board.edit": "\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c", "board.edit_board": "Редактирование доски",
"board.edit_board": "\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043e\u0441\u043a\u0438", "board.all_boards": "Все доски",
"board.all_boards": "\u0412\u0441\u0435 \u0434\u043e\u0441\u043a\u0438", "board.back_to_boards": "Назад к доскам",
"board.back_to_boards": "\u041d\u0430\u0437\u0430\u0434 \u043a \u0434\u043e\u0441\u043a\u0430\u043c", "board.back_to_board": "Назад к доске",
"board.back_to_board": "\u041d\u0430\u0437\u0430\u0434 \u043a \u0434\u043e\u0441\u043a\u0435", "board.no_boards": "Доски не найдены.",
"board.no_boards": "\u0414\u043e\u0441\u043a\u0438 \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u044b.", "board.sign_in_more": "Войдите, чтобы увидеть больше досок.",
"board.sign_in_more": "\u0412\u043e\u0439\u0434\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u0434\u043e\u0441\u043e\u043a.", "board.no_sections": "На этой доске пока нет разделов.",
"board.no_sections": "\u041d\u0430 \u044d\u0442\u043e\u0439 \u0434\u043e\u0441\u043a\u0435 \u043f\u043e\u043a\u0430 \u043d\u0435\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u043e\u0432.", "board.default": "По умолчанию",
"board.default": "\u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e", "board.guest": "Гостевая",
"board.guest": "\u0413\u043e\u0441\u0442\u0435\u0432\u0430\u044f", "board.sections_count": "Разделов: {count}",
"board.sections_count": "\u0420\u0430\u0437\u0434\u0435\u043b\u043e\u0432: {count}", "board.properties": "Свойства доски",
"board.properties": "\u0421\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0434\u043e\u0441\u043a\u0438", "board.save": "Сохранить доску",
"board.save": "\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0434\u043e\u0441\u043a\u0443", "board.create": "Создать доску",
"board.create": "\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043e\u0441\u043a\u0443", "board.creating": "Создание...",
"board.creating": "\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435...", "board.default_board": "Доска по умолчанию",
"board.default_board": "\u0414\u043e\u0441\u043a\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e", "board.guest_accessible": "Доступна гостям",
"board.guest_accessible": "\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0433\u043e\u0441\u0442\u044f\u043c", "board.guest_access_title": "Гостевой доступ",
"board.guest_access_title": "\u0413\u043e\u0441\u0442\u0435\u0432\u043e\u0439 \u0434\u043e\u0441\u0442\u0443\u043f", "board.guest_access_description": "При включении эта доска видна неавторизованным посетителям без входа в систему.",
"board.guest_access_description": "\u041f\u0440\u0438 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0438 \u044d\u0442\u0430 \u0434\u043e\u0441\u043a\u0430 \u0432\u0438\u0434\u043d\u0430 \u043d\u0435\u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f\u043c \u0431\u0435\u0437 \u0432\u0445\u043e\u0434\u0430 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443.", "board.guest_access_enabled": "Эта доска общедоступна",
"board.guest_access_enabled": "\u042d\u0442\u0430 \u0434\u043e\u0441\u043a\u0430 \u043e\u0431\u0449\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430", "board.guest_access_disabled": "Эта доска приватна",
"board.guest_access_disabled": "\u042d\u0442\u0430 \u0434\u043e\u0441\u043a\u0430 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u0430", "board.permissions_title": "Права доступа",
"board.permissions_title": "\u041f\u0440\u0430\u0432\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0430", "board.permissions_description": "Управляйте, кто может просматривать, редактировать или администрировать эту доску.",
"board.permissions_description": "\u0423\u043f\u0440\u0430\u0432\u043b\u044f\u0439\u0442\u0435, \u043a\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c, \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0434\u043e\u0441\u043a\u0443.", "board.access_grant": "Назначить доступ",
"board.access_grant": "\u041d\u0430\u0437\u043d\u0430\u0447\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f", "board.access_search_placeholder": "Поиск...",
"board.access_search_placeholder": "\u041f\u043e\u0438\u0441\u043a...", "board.access_loading": "Загрузка прав...",
"board.access_loading": "\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043f\u0440\u0430\u0432...", "board.access_none": "Права доступа для этой доски не настроены.",
"board.access_none": "\u041f\u0440\u0430\u0432\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u0434\u043e\u0441\u043a\u0438 \u043d\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u044b.", "board.access_private": "Приватная",
"board.access_private": "\u041f\u0440\u0438\u0432\u0430\u0442\u043d\u0430\u044f", "board.access_shared": "Общая",
"board.access_shared": "\u041e\u0431\u0449\u0430\u044f", "board.share": "Поделиться",
"board.share": "\u041f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f", "board.share_title": "Поделиться «{name}»",
"board.share_title": "\u041f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u00ab{name}\u00bb", "board.share_copy_link": "Копировать ссылку",
"board.share_copy_link": "\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0443", "board.share_copied": "Скопировано!",
"board.share_copied": "\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043e!", "board.share_guest_description": "Любой с этой ссылкой может просматривать доску без входа.",
"board.share_guest_description": "\u041b\u044e\u0431\u043e\u0439 \u0441 \u044d\u0442\u043e\u0439 \u0441\u0441\u044b\u043b\u043a\u043e\u0439 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u0434\u043e\u0441\u043a\u0443 \u0431\u0435\u0437 \u0432\u0445\u043e\u0434\u0430.", "board.share_add_access": "Добавить людей или группы",
"board.share_add_access": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043b\u044e\u0434\u0435\u0439 \u0438\u043b\u0438 \u0433\u0440\u0443\u043f\u043f\u044b", "board.share_current_access": "Текущий доступ",
"board.share_current_access": "\u0422\u0435\u043a\u0443\u0449\u0438\u0439 \u0434\u043e\u0441\u0442\u0443\u043f", "section.title_label": "Заголовок",
"section.icon_label": "Иконка",
"section.title_label": "\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a", "section.icon_placeholder": "Необязательно",
"section.icon_label": "\u0418\u043a\u043e\u043d\u043a\u0430", "section.sections": "Разделы",
"section.icon_placeholder": "\u041d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e", "section.add": "Добавить раздел",
"section.sections": "\u0420\u0430\u0437\u0434\u0435\u043b\u044b", "section.create": "Создать раздел",
"section.add": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0440\u0430\u0437\u0434\u0435\u043b", "section.order": "Порядок: {order}",
"section.create": "\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0440\u0430\u0437\u0434\u0435\u043b", "widget.add": "Добавить виджет",
"section.order": "\u041f\u043e\u0440\u044f\u0434\u043e\u043a: {order}", "widget.select_app": "Выберите приложение",
"widget.choose_app": "Выберите приложение...",
"widget.add": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432\u0438\u0434\u0436\u0435\u0442", "widget.no_widgets": "В этом разделе нет виджетов.",
"widget.select_app": "\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435", "widget.no_widgets_dnd": "Нет виджетов. Перетащите сюда или добавьте выше.",
"widget.choose_app": "\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435...", "widget.type": "Виджет {type}",
"widget.no_widgets": "\u0412 \u044d\u0442\u043e\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u043d\u0435\u0442 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432.", "widget.number": "Виджет #{order}",
"widget.no_widgets_dnd": "\u041d\u0435\u0442 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432. \u041f\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0441\u044e\u0434\u0430 \u0438\u043b\u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432\u044b\u0448\u0435.", "widget.remove": "Удалить",
"widget.type": "\u0412\u0438\u0434\u0436\u0435\u0442 {type}", "app.title": "Реестр приложений",
"widget.number": "\u0412\u0438\u0434\u0436\u0435\u0442 #{order}", "app.apps_registered": "Зарегистрировано приложений: {count}",
"widget.remove": "\u0423\u0434\u0430\u043b\u0438\u0442\u044c", "app.add": "Добавить приложение",
"app.new": "Новое приложение",
"app.title": "\u0420\u0435\u0435\u0441\u0442\u0440 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439", "app.no_apps": "Приложения ещё не зарегистрированы.",
"app.apps_registered": "\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439: {count}", "app.no_apps_hint": "Нажмите «Добавить приложение», чтобы зарегистрировать первое приложение.",
"app.add": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435", "app.all_categories": "Все",
"app.new": "\u041d\u043e\u0432\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435", "app.name": "Название",
"app.no_apps": "\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0435\u0449\u0451 \u043d\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u044b.", "app.name_placeholder": "Моё приложение",
"app.no_apps_hint": "\u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u00ab\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u00bb, \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0432\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435.",
"app.all_categories": "\u0412\u0441\u0435",
"app.name": "\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435",
"app.name_placeholder": "\u041c\u043e\u0451 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435",
"app.url": "URL", "app.url": "URL",
"app.url_placeholder": "https://my-app.local:8080", "app.url_placeholder": "https://my-app.local:8080",
"app.description": "\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435", "app.description": "Описание",
"app.description_placeholder": "\u041a\u0440\u0430\u0442\u043a\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f", "app.description_placeholder": "Краткое описание приложения",
"app.category": "\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f", "app.category": "Категория",
"app.category_placeholder": "\u043d\u0430\u043f\u0440. \u041c\u0435\u0434\u0438\u0430, \u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433, \u0425\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435", "app.category_placeholder": "напр. Медиа, Мониторинг, Хранилище",
"app.tags": "\u0422\u0435\u0433\u0438", "app.tags": "Теги",
"app.tags_placeholder": "\u0422\u0435\u0433\u0438 \u0447\u0435\u0440\u0435\u0437 \u0437\u0430\u043f\u044f\u0442\u0443\u044e", "app.tags_placeholder": "Теги через запятую",
"app.icon": "\u0418\u043a\u043e\u043d\u043a\u0430", "app.icon": "Иконка",
"app.icon_lucide": "Lucide", "app.icon_lucide": "Lucide",
"app.icon_simple": "Simple Icons", "app.icon_simple": "Simple Icons",
"app.icon_url": "URL \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f", "app.icon_url": "URL изображения",
"app.icon_emoji": "\u042d\u043c\u043e\u0434\u0437\u0438", "app.icon_emoji": "Эмодзи",
"app.icon_lucide_placeholder": "\u043d\u0430\u043f\u0440. globe, server, home", "app.icon_lucide_placeholder": "напр. globe, server, home",
"app.icon_simple_placeholder": "\u043d\u0430\u043f\u0440. github, docker", "app.icon_simple_placeholder": "напр. github, docker",
"app.icon_url_placeholder": "https://example.com/icon.png", "app.icon_url_placeholder": "https://example.com/icon.png",
"app.icon_emoji_placeholder": "\u043d\u0430\u043f\u0440. \ud83c\udf10", "app.icon_emoji_placeholder": "напр. 🌐",
"app.icon_preview": "\u041f\u0440\u0435\u0432\u044c\u044e \u0438\u043a\u043e\u043d\u043a\u0438", "app.icon_preview": "Превью иконки",
"app.save": "\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c", "app.save": "Сохранить",
"app.saving": "\u0421\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435...", "app.saving": "Сохранение...",
"app.healthcheck_toggle": "\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u044f", "app.healthcheck_toggle": "Настройки проверки здоровья",
"app.healthcheck_show": "\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c", "app.healthcheck_show": "Показать",
"app.healthcheck_hide": "\u0421\u043a\u0440\u044b\u0442\u044c", "app.healthcheck_hide": "Скрыть",
"app.healthcheck_enabled": "\u0412\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u044f", "app.healthcheck_enabled": "Включить проверку здоровья",
"app.healthcheck_method": "\u041c\u0435\u0442\u043e\u0434", "app.healthcheck_method": "Метод",
"app.healthcheck_expected_status": "\u041e\u0436\u0438\u0434\u0430\u0435\u043c\u044b\u0439 \u0441\u0442\u0430\u0442\u0443\u0441", "app.healthcheck_expected_status": "Ожидаемый статус",
"app.healthcheck_timeout": "\u0422\u0430\u0439\u043c\u0430\u0443\u0442 (\u043c\u0441)", "app.healthcheck_timeout": "Таймаут (мс)",
"app.healthcheck_interval": "\u0418\u043d\u0442\u0435\u0440\u0432\u0430\u043b (\u0441\u0435\u043a\u0443\u043d\u0434\u044b)", "app.healthcheck_interval": "Интервал (секунды)",
"app.icon_board_label": "\u0418\u043a\u043e\u043d\u043a\u0430 (Lucide)", "app.icon_board_label": "Иконка (Lucide)",
"app.uptime": "\u0430\u043f\u0442\u0430\u0439\u043c", "app.uptime": "аптайм",
"app.history_loading": "\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0438\u0441\u0442\u043e\u0440\u0438\u0438...", "app.history_loading": "Загрузка истории...",
"admin.panel": "Панель администратора",
"admin.panel": "\u041f\u0430\u043d\u0435\u043b\u044c \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430", "admin.users": "Пользователи",
"admin.users": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438", "admin.groups": "Группы",
"admin.groups": "\u0413\u0440\u0443\u043f\u043f\u044b", "admin.settings": "Настройки",
"admin.settings": "\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438", "admin.user_management": "Управление пользователями",
"admin.create_user": "Создать пользователя",
"admin.user_management": "\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c\u0438", "admin.new_user": "Новый пользователь",
"admin.create_user": "\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f", "admin.user_column": "Пользователь",
"admin.new_user": "\u041d\u043e\u0432\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c", "admin.email_column": "Электронная почта",
"admin.user_column": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c", "admin.role_column": "Роль",
"admin.email_column": "\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430", "admin.provider_column": "Провайдер",
"admin.role_column": "\u0420\u043e\u043b\u044c", "admin.groups_column": "Группы",
"admin.provider_column": "\u041f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440", "admin.actions_column": "Действия",
"admin.groups_column": "\u0413\u0440\u0443\u043f\u043f\u044b", "admin.role_user": "Пользователь",
"admin.actions_column": "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f", "admin.role_admin": "Администратор",
"admin.role_user": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c", "admin.select_group": "Выбрать группу",
"admin.role_admin": "\u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440", "admin.add_to_group": "+ Добавить",
"admin.select_group": "\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0433\u0440\u0443\u043f\u043f\u0443", "admin.remove_from_group": "Удалить из группы",
"admin.add_to_group": "+ \u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c", "admin.no_users": "Пользователи не найдены.",
"admin.remove_from_group": "\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u0438\u0437 \u0433\u0440\u0443\u043f\u043f\u044b", "admin.group_management": "Управление группами",
"admin.no_users": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u044b.", "admin.create_group": "Создать группу",
"admin.new_group": "Новая группа",
"admin.group_management": "\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0433\u0440\u0443\u043f\u043f\u0430\u043c\u0438", "admin.name_column": "Название",
"admin.create_group": "\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0433\u0440\u0443\u043f\u043f\u0443", "admin.description_column": "Описание",
"admin.new_group": "\u041d\u043e\u0432\u0430\u044f \u0433\u0440\u0443\u043f\u043f\u0430", "admin.members_column": "Участники",
"admin.name_column": "\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435", "admin.default_column": "По умолчанию",
"admin.description_column": "\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435", "admin.default_group_hint": "Группа по умолчанию (авто-назначение новым пользователям)",
"admin.members_column": "\u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0438", "admin.no_groups": "Группы не найдены.",
"admin.default_column": "\u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e", "admin.yes": "Да",
"admin.default_group_hint": "\u0413\u0440\u0443\u043f\u043f\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e (\u0430\u0432\u0442\u043e-\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043d\u043e\u0432\u044b\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c)", "admin.no": "Нет",
"admin.no_groups": "\u0413\u0440\u0443\u043f\u043f\u044b \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u044b.", "admin.system_settings": "Системные настройки",
"admin.yes": "\u0414\u0430", "admin.settings_description": "Настройка глобальных параметров приложения.",
"admin.no": "\u041d\u0435\u0442", "admin.authentication": "Аутентификация",
"admin.auth_mode": "Режим аутентификации",
"admin.system_settings": "\u0421\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438", "admin.auth_local": "Локальный",
"admin.settings_description": "\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.",
"admin.authentication": "\u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f",
"admin.auth_mode": "\u0420\u0435\u0436\u0438\u043c \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438",
"admin.auth_local": "\u041b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439",
"admin.auth_oauth": "OAuth", "admin.auth_oauth": "OAuth",
"admin.auth_both": "\u041e\u0431\u0430", "admin.auth_both": "Оба",
"admin.registration_enabled": "\u0420\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u044c \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439", "admin.registration_enabled": "Разрешить регистрацию пользователей",
"admin.oauth_config": "\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 OAuth", "admin.oauth_config": "Настройка OAuth",
"admin.oauth_description": "\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u0442\u0435 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440 OIDC (\u043d\u0430\u043f\u0440. Authentik, Keycloak). \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 \u0440\u0435\u0436\u0438\u043c \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u00abOAuth\u00bb \u0438\u043b\u0438 \u00ab\u041e\u0431\u0430\u00bb \u0432\u044b\u0448\u0435, \u0447\u0442\u043e\u0431\u044b \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0432\u0445\u043e\u0434 \u0447\u0435\u0440\u0435\u0437 OAuth.", "admin.oauth_description": "Настройте провайдер OIDC (напр. Authentik, Keycloak). Установите режим аутентификации «OAuth» или «Оба» выше, чтобы включить вход через OAuth.",
"admin.oauth_client_id": "Client ID", "admin.oauth_client_id": "Client ID",
"admin.oauth_client_id_placeholder": "OAuth client ID", "admin.oauth_client_id_placeholder": "OAuth client ID",
"admin.oauth_client_secret": "\u0421\u0435\u043a\u0440\u0435\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u0430", "admin.oauth_client_secret": "Секрет клиента",
"admin.oauth_client_secret_placeholder": "\u0421\u0435\u043a\u0440\u0435\u0442 OAuth \u043a\u043b\u0438\u0435\u043d\u0442\u0430", "admin.oauth_client_secret_placeholder": "Секрет OAuth клиента",
"admin.oauth_discovery_url": "Discovery URL", "admin.oauth_discovery_url": "Discovery URL",
"admin.oauth_discovery_url_placeholder": "https://example.com/.well-known/openid-configuration", "admin.oauth_discovery_url_placeholder": "https://example.com/.well-known/openid-configuration",
"admin.oauth_test": "\u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435", "admin.oauth_test": "Тестировать подключение",
"admin.oauth_testing": "\u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435...", "admin.oauth_testing": "Тестирование...",
"admin.oauth_connected": "\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043e \u043a: {issuer}", "admin.oauth_connected": "Подключено к: {issuer}",
"admin.oauth_network_error": "\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u0435\u0442\u0438 \u2014 \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c", "admin.oauth_network_error": "Ошибка сети — не удалось связаться с сервером",
"admin.theme_defaults": "\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0442\u0435\u043c\u044b", "admin.theme_defaults": "Настройки темы",
"admin.default_theme": "\u0422\u0435\u043c\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e", "admin.default_theme": "Тема по умолчанию",
"admin.default_primary_color": "\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0446\u0432\u0435\u0442 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e", "admin.default_primary_color": "Основной цвет по умолчанию",
"admin.healthcheck_defaults": "\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u044f", "admin.healthcheck_defaults": "Настройки проверки здоровья",
"admin.healthcheck_defaults_description": "JSON-\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u044f \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e (\u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b, \u0442\u0430\u0439\u043c\u0430\u0443\u0442, \u043c\u0435\u0442\u043e\u0434).", "admin.healthcheck_defaults_description": "JSON-конфигурация проверки здоровья по умолчанию (интервал, таймаут, метод).",
"admin.healthcheck_defaults_label": "\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 (JSON)", "admin.healthcheck_defaults_label": "Настройки (JSON)",
"admin.save_settings": "\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438", "admin.save_settings": "Сохранить настройки",
"admin.saving_settings": "\u0421\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435...", "admin.saving_settings": "Сохранение...",
"admin.perm_title": "Назначить права",
"admin.perm_entity_type": "Тип объекта",
"admin.perm_entity": "Объект",
"admin.perm_target_type": "Тип цели",
"admin.perm_target": "Цель",
"admin.perm_level": "Уровень",
"admin.perm_board": "Доска",
"admin.perm_app": "Приложение",
"admin.perm_user": "Пользователь",
"admin.perm_group": "Группа",
"admin.perm_view": "Просмотр",
"admin.perm_edit": "Редактирование",
"admin.perm_admin": "Администратор",
"admin.perm_grant": "Назначить",
"admin.perm_revoke": "Отозвать",
"admin.perm_select": "Выбрать...",
"admin.perm_entity_column": "Объект",
"admin.perm_target_column": "Цель",
"admin.perm_level_column": "Уровень",
"admin.perm_action_column": "Действие",
"admin.perm_none": "Права не настроены.",
"admin.perm_search_placeholder": "Начните вводить...",
"admin.perm_title": "\u041d\u0430\u0437\u043d\u0430\u0447\u0438\u0442\u044c \u043f\u0440\u0430\u0432\u0430", "admin.discovery_title": "Обнаружение сервисов",
"admin.perm_entity_type": "\u0422\u0438\u043f \u043e\u0431\u044a\u0435\u043a\u0442\u0430", "admin.discovery_description": "Сканируйте Docker-контейнеры и маршруты Traefik для автоматического обнаружения работающих сервисов и их регистрации как приложений.",
"admin.perm_entity": "\u041e\u0431\u044a\u0435\u043a\u0442", "admin.discovery_scan": "Сканировать сервисы",
"admin.perm_target_type": "\u0422\u0438\u043f \u0446\u0435\u043b\u0438", "admin.discovery_scanning": "Сканирование...",
"admin.perm_target": "\u0426\u0435\u043b\u044c", "admin.discovery_approve": "Одобрить выбранные",
"admin.perm_level": "\u0423\u0440\u043e\u0432\u0435\u043d\u044c", "admin.discovery_approving": "Одобрение...",
"admin.perm_board": "\u0414\u043e\u0441\u043a\u0430", "admin.discovery_source": "Источник",
"admin.perm_app": "\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435", "admin.discovery_status": "Статус",
"admin.perm_user": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c", "admin.discovery_source_docker": "Docker",
"admin.perm_group": "\u0413\u0440\u0443\u043f\u043f\u0430", "admin.discovery_source_traefik": "Traefik",
"admin.perm_view": "\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440", "admin.discovery_already_registered": "Уже зарегистрировано",
"admin.perm_edit": "\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435", "admin.discovery_new": "Новый",
"admin.perm_admin": "\u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440", "admin.discovery_no_results": "Сервисы не обнаружены. Проверьте путь к Docker-сокету или URL API Traefik.",
"admin.perm_grant": "\u041d\u0430\u0437\u043d\u0430\u0447\u0438\u0442\u044c", "admin.discovery_config": "Настройка обнаружения сервисов",
"admin.perm_revoke": "\u041e\u0442\u043e\u0437\u0432\u0430\u0442\u044c", "admin.discovery_config_description": "Настройте конечные точки Docker и Traefik для автоматического обнаружения сервисов. Эти настройки используются панелью обнаружения ниже.",
"admin.perm_select": "\u0412\u044b\u0431\u0440\u0430\u0442\u044c...", "admin.discovery_docker_socket": "Путь к Docker-сокету",
"admin.perm_entity_column": "\u041e\u0431\u044a\u0435\u043a\u0442", "admin.discovery_docker_socket_hint": "Путь к Docker-сокету (напр. /var/run/docker.sock). Задаётся через DOCKER_SOCKET_PATH.",
"admin.perm_target_column": "\u0426\u0435\u043b\u044c", "admin.discovery_traefik_url": "URL API Traefik",
"admin.perm_level_column": "\u0423\u0440\u043e\u0432\u0435\u043d\u044c", "admin.discovery_traefik_url_hint": "Базовый URL API Traefik (напр. http://traefik:8080). Задаётся через TRAEFIK_API_URL.",
"admin.perm_action_column": "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u0435",
"admin.perm_none": "\u041f\u0440\u0430\u0432\u0430 \u043d\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u044b.",
"admin.perm_search_placeholder": "\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0432\u0432\u043e\u0434\u0438\u0442\u044c...",
"admin.import_export_title": "Импорт / Экспорт", "admin.import_export_title": "Импорт / Экспорт",
"admin.import_export_description": "Экспортируйте все данные (приложения, доски, группы, настройки) в формате JSON или импортируйте из ранее экспортированного файла.", "admin.import_export_description": "Экспортируйте все данные (приложения, доски, группы, настройки) в формате JSON или импортируйте из ранее экспортированного файла.",
@@ -231,65 +240,73 @@
"admin.import_importing": "Импорт...", "admin.import_importing": "Импорт...",
"admin.import_success": "Импорт завершён.", "admin.import_success": "Импорт завершён.",
"admin.import_invalid_json": "Выбранный файл не является корректным JSON.", "admin.import_invalid_json": "Выбранный файл не является корректным JSON.",
"search.placeholder": "Поиск приложений и досок...", "search.placeholder": "Поиск приложений и досок...",
"search.trigger": "\u041f\u043e\u0438\u0441\u043a...", "search.trigger": "Поиск...",
"search.min_chars": "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043c\u0438\u043d\u0438\u043c\u0443\u043c 2 \u0441\u0438\u043c\u0432\u043e\u043b\u0430 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430", "search.min_chars": "Введите минимум 2 символа для поиска",
"search.no_results": "\u041d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e \u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \u00ab{query}\u00bb", "search.no_results": "Ничего не найдено по запросу «{query}»",
"search.apps": "\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f", "search.apps": "Приложения",
"search.boards": "\u0414\u043e\u0441\u043a\u0438", "search.boards": "Доски",
"common.save": "Сохранить",
"common.save": "\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c", "common.cancel": "Отмена",
"common.cancel": "\u041e\u0442\u043c\u0435\u043d\u0430", "common.delete": "Удалить",
"common.delete": "\u0423\u0434\u0430\u043b\u0438\u0442\u044c", "common.create": "Создать",
"common.create": "\u0421\u043e\u0437\u0434\u0430\u0442\u044c", "common.back": "Назад",
"common.back": "\u041d\u0430\u0437\u0430\u0434", "common.edit": "Редактировать",
"common.edit": "\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c", "common.add": "Добавить",
"common.add": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c", "common.confirm": "Подтвердить?",
"common.confirm": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c?", "common.yes": "Да",
"common.yes": "\u0414\u0430", "common.no": "Нет",
"common.no": "\u041d\u0435\u0442", "common.name": "Название",
"common.name": "\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435", "common.description": "Описание",
"common.description": "\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435",
"common.required": "*", "common.required": "*",
"status.online": "Онлайн",
"status.online": "\u041e\u043d\u043b\u0430\u0439\u043d", "status.offline": "Оффлайн",
"status.offline": "\u041e\u0444\u0444\u043b\u0430\u0439\u043d", "status.degraded": "Нестабильно",
"status.degraded": "\u041d\u0435\u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e", "status.unknown": "Неизвестно",
"status.unknown": "\u041d\u0435\u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e", "theme.dark": "Тёмная",
"theme.light": "Светлая",
"theme.dark": "\u0422\u0451\u043c\u043d\u0430\u044f", "theme.system": "Системная",
"theme.light": "\u0421\u0432\u0435\u0442\u043b\u0430\u044f", "theme.toggle": "Переключить тему (текущая: {mode})",
"theme.system": "\u0421\u0438\u0441\u0442\u0435\u043c\u043d\u0430\u044f", "theme.title": "Тема: {mode}",
"theme.toggle": "\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0442\u0435\u043c\u0443 (\u0442\u0435\u043a\u0443\u0449\u0430\u044f: {mode})", "bg.mesh": "Меш-градиент",
"theme.title": "\u0422\u0435\u043c\u0430: {mode}", "bg.particles": "Частицы",
"bg.aurora": "Сияние",
"bg.mesh": "\u041c\u0435\u0448-\u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442", "bg.none": "Нет",
"bg.particles": "\u0427\u0430\u0441\u0442\u0438\u0446\u044b", "bg.title": "Эффект фона",
"bg.aurora": "\u0421\u0438\u044f\u043d\u0438\u0435", "bg.aria_label": "Изменить эффект фона",
"bg.none": "\u041d\u0435\u0442", "sidebar.expand": "Развернуть боковую панель",
"bg.title": "\u042d\u0444\u0444\u0435\u043a\u0442 \u0444\u043e\u043d\u0430", "sidebar.collapse": "Свернуть боковую панель",
"bg.aria_label": "\u0418\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0444\u0444\u0435\u043a\u0442 \u0444\u043e\u043d\u0430", "sidebar.toggle": "Переключить боковую панель",
"sidebar.close": "Закрыть боковую панель",
"sidebar.expand": "\u0420\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0431\u043e\u043a\u043e\u0432\u0443\u044e \u043f\u0430\u043d\u0435\u043b\u044c", "home.welcome": "Добро пожаловать, {name}. Доска по умолчанию ещё не настроена.",
"sidebar.collapse": "\u0421\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0431\u043e\u043a\u043e\u0432\u0443\u044e \u043f\u0430\u043d\u0435\u043b\u044c", "home.view_boards": "Посмотреть доски",
"sidebar.toggle": "\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0431\u043e\u043a\u043e\u0432\u0443\u044e \u043f\u0430\u043d\u0435\u043b\u044c", "home.browse_apps": "Обзор приложений",
"sidebar.close": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c \u0431\u043e\u043a\u043e\u0432\u0443\u044e \u043f\u0430\u043d\u0435\u043b\u044c", "language.label": "Язык",
"settings.title": "Настройки",
"home.welcome": "\u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c, {name}. \u0414\u043e\u0441\u043a\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0435\u0449\u0451 \u043d\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0430.", "settings.theme": "Режим темы",
"home.view_boards": "\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0434\u043e\u0441\u043a\u0438", "settings.primary_color": "Основной цвет",
"home.browse_apps": "\u041e\u0431\u0437\u043e\u0440 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439", "settings.hue": "Оттенок",
"settings.saturation": "Насыщенность",
"language.label": "\u042f\u0437\u044b\u043a", "settings.background": "Эффект фона",
"settings.language": "Язык",
"settings.title": "\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438", "settings.save": "Сохранить настройки",
"settings.theme": "\u0420\u0435\u0436\u0438\u043c \u0442\u0435\u043c\u044b", "settings.saving": "Сохранение...",
"settings.primary_color": "\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0446\u0432\u0435\u0442", "settings.saved": "Настройки сохранены!",
"settings.hue": "\u041e\u0442\u0442\u0435\u043d\u043e\u043a", "settings.bookmarklet_title": "Быстрое добавление (букмарклет)",
"settings.saturation": "\u041d\u0430\u0441\u044b\u0449\u0435\u043d\u043d\u043e\u0441\u0442\u044c", "settings.bookmarklet_instructions": "Перетащите кнопку ниже на панель закладок браузера. При посещении любой страницы нажмите её, чтобы быстро добавить сайт в App Launcher.",
"settings.background": "\u042d\u0444\u0444\u0435\u043a\u0442 \u0444\u043e\u043d\u0430", "settings.bookmarklet_drag": "Добавить в Launcher",
"settings.language": "\u042f\u0437\u044b\u043a", "settings.bookmarklet_drag_hint": "Перетащите на панель закладок",
"settings.save": "\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438", "settings.bookmarklet_show_code": "Показать код букмарклета",
"settings.saving": "\u0421\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435...", "app.quick_add_title": "Быстрое добавление приложения",
"settings.saved": "\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u044b!" "app.quick_add_description": "Проверьте данные ниже и сохраните, чтобы добавить приложение в лаунчер.",
"app.quick_add_success": "Приложение успешно добавлено!",
"app.quick_add_view_apps": "Посмотреть приложения",
"app.quick_add_close": "Закрыть окно",
"offline.title": "Нет подключения",
"offline.description": "Похоже, вы потеряли подключение к интернету. Проверьте сеть и попробуйте снова.",
"offline.retry": "Повторить",
"install.title": "Установить приложение",
"install.description": "Добавьте Web App Launcher на главный экран для быстрого доступа.",
"install.button": "Установить",
"install.dismiss": "Скрыть предложение установки"
} }
src/lib/server/services/discoveryService.ts
+262
View File
@@ -0,0 +1,262 @@
import { exec } from 'node:child_process';
import { promisify } from 'node:util';
import { findAll as findAllApps } from './appService.js';
const execAsync = promisify(exec);
// --- Types ---
export interface DiscoveredService {
readonly name: string;
readonly url: string;
readonly source: 'docker' | 'traefik';
readonly icon?: string;
readonly description?: string;
readonly alreadyRegistered: boolean;
}
export interface DiscoveryConfig {
readonly dockerSocketPath?: string;
readonly traefikApiUrl?: string;
}
export interface DiscoveryResult {
readonly services: readonly DiscoveredService[];
readonly errors: readonly string[];
}
// --- Docker types ---
interface DockerContainer {
readonly Id: string;
readonly Names: readonly string[];
readonly Image: string;
readonly Ports: readonly DockerPort[];
readonly Labels: Record<string, string>;
readonly State: string;
}
interface DockerPort {
readonly IP?: string;
readonly PrivatePort: number;
readonly PublicPort?: number;
readonly Type: string;
}
// --- Traefik types ---
interface TraefikRouter {
readonly name: string;
readonly rule: string;
readonly service: string;
readonly entryPoints?: readonly string[];
readonly status?: string;
}
interface TraefikService {
readonly name: string;
readonly loadBalancer?: {
readonly servers?: readonly { readonly url: string }[];
};
}
// --- Docker Discovery ---
function extractUrlFromDockerLabels(labels: Record<string, string>): string | null {
// Check for Traefik Host rule in labels
for (const [key, value] of Object.entries(labels)) {
if (key.match(/traefik\.http\.routers\..+\.rule/)) {
const hostMatch = value.match(/Host\(`([^`]+)`\)/);
if (hostMatch) {
const scheme = labels[key.replace('.rule', '.entrypoints')]?.includes('websecure')
? 'https'
: 'http';
return `${scheme}://${hostMatch[1]}`;
}
}
}
return null;
}
function extractNameFromContainer(container: DockerContainer): string {
const rawName = container.Names[0] ?? container.Id.slice(0, 12);
// Docker container names start with /
return rawName.replace(/^\//, '');
}
function buildUrlFromPorts(ports: readonly DockerPort[]): string | null {
const publicPort = ports.find((p) => p.PublicPort && p.Type === 'tcp');
if (publicPort?.PublicPort) {
const host = publicPort.IP && publicPort.IP !== '0.0.0.0' ? publicPort.IP : 'localhost';
return `http://${host}:${publicPort.PublicPort}`;
}
return null;
}
export async function discoverDocker(socketPath: string): Promise<{
readonly services: readonly DiscoveredService[];
readonly error?: string;
}> {
try {
// Use curl with Unix socket to query Docker API
const { stdout } = await execAsync(
`curl -s --unix-socket "${socketPath}" http://localhost/containers/json?all=false`,
{ timeout: 10000 }
);
const containers: DockerContainer[] = JSON.parse(stdout);
const services: DiscoveredService[] = [];
for (const container of containers) {
const name = extractNameFromContainer(container);
const labelUrl = extractUrlFromDockerLabels(container.Labels);
const portUrl = buildUrlFromPorts(container.Ports);
const url = labelUrl ?? portUrl;
if (!url) {
continue; // Skip containers without accessible URLs
}
const description = container.Labels['org.opencontainers.image.description']
?? `Docker container: ${container.Image}`;
services.push({
name,
url,
source: 'docker',
icon: container.Labels['org.opencontainers.image.title']?.toLowerCase(),
description,
alreadyRegistered: false // Will be resolved in discoverAll
});
}
return { services };
} catch (err) {
const message = err instanceof Error ? err.message : 'Docker discovery failed';
return { services: [], error: message };
}
}
// --- Traefik Discovery ---
function extractHostFromRule(rule: string): string | null {
const hostMatch = rule.match(/Host\(`([^`]+)`\)/);
return hostMatch ? hostMatch[1] : null;
}
export async function discoverTraefik(apiUrl: string): Promise<{
readonly services: readonly DiscoveredService[];
readonly error?: string;
}> {
try {
const normalizedUrl = apiUrl.replace(/\/+$/, '');
const [routersRes, servicesRes] = await Promise.all([
fetch(`${normalizedUrl}/api/http/routers`),
fetch(`${normalizedUrl}/api/http/services`)
]);
if (!routersRes.ok) {
return {
services: [],
error: `Traefik routers API returned ${routersRes.status}`
};
}
const routers: TraefikRouter[] = await routersRes.json();
const traefikServices: TraefikService[] = servicesRes.ok ? await servicesRes.json() : [];
// Build a map of service name -> backend URL
const serviceUrlMap = new Map<string, string>();
for (const svc of traefikServices) {
const backendUrl = svc.loadBalancer?.servers?.[0]?.url;
if (backendUrl) {
serviceUrlMap.set(svc.name, backendUrl);
}
}
const services: DiscoveredService[] = [];
for (const router of routers) {
const host = extractHostFromRule(router.rule);
if (!host) continue;
const isSecure = router.entryPoints?.some(
(ep) => ep === 'websecure' || ep === 'https'
);
const frontendUrl = `${isSecure ? 'https' : 'http'}://${host}`;
// Derive a clean name from the router name (strip @provider suffix)
const name = router.name.replace(/@.*$/, '');
services.push({
name,
url: frontendUrl,
source: 'traefik',
description: serviceUrlMap.get(router.service)
? `Backend: ${serviceUrlMap.get(router.service)}`
: undefined,
alreadyRegistered: false // Will be resolved in discoverAll
});
}
return { services };
} catch (err) {
const message = err instanceof Error ? err.message : 'Traefik discovery failed';
return { services: [], error: message };
}
}
// --- Combined Discovery ---
export async function discoverAll(config: DiscoveryConfig): Promise<DiscoveryResult> {
const errors: string[] = [];
const allServices: DiscoveredService[] = [];
// Run discovery in parallel
const [dockerResult, traefikResult] = await Promise.all([
config.dockerSocketPath
? discoverDocker(config.dockerSocketPath)
: Promise.resolve({ services: [] as DiscoveredService[] }),
config.traefikApiUrl
? discoverTraefik(config.traefikApiUrl)
: Promise.resolve({ services: [] as DiscoveredService[] })
]);
if ('error' in dockerResult && dockerResult.error) {
errors.push(`Docker: ${dockerResult.error}`);
}
allServices.push(...dockerResult.services);
if ('error' in traefikResult && traefikResult.error) {
errors.push(`Traefik: ${traefikResult.error}`);
}
allServices.push(...traefikResult.services);
// Deduplicate by URL (prefer Traefik entries since they have frontend URLs)
const urlMap = new Map<string, DiscoveredService>();
for (const service of allServices) {
const normalizedUrl = service.url.replace(/\/+$/, '').toLowerCase();
const existing = urlMap.get(normalizedUrl);
if (!existing || (service.source === 'traefik' && existing.source === 'docker')) {
urlMap.set(normalizedUrl, service);
}
}
// Check which services are already registered as apps
const existingApps = await findAllApps();
const existingUrls = new Set(
existingApps.map((app) => app.url.replace(/\/+$/, '').toLowerCase())
);
const services = Array.from(urlMap.values()).map((service) => {
const normalizedUrl = service.url.replace(/\/+$/, '').toLowerCase();
return {
...service,
alreadyRegistered: existingUrls.has(normalizedUrl)
};
});
return { services, errors };
}
src/lib/stores/theme.svelte.ts
+38
View File
@@ -1,3 +1,5 @@
import { broadcastThemeChange } from '$lib/utils/broadcastSync.js';
const THEME_STORAGE_KEY = 'wal-theme-mode'; const THEME_STORAGE_KEY = 'wal-theme-mode';
const PRIMARY_HUE_KEY = 'wal-primary-hue'; const PRIMARY_HUE_KEY = 'wal-primary-hue';
const PRIMARY_SAT_KEY = 'wal-primary-sat'; const PRIMARY_SAT_KEY = 'wal-primary-sat';
@@ -36,6 +38,7 @@ class ThemeStore {
backgroundType = $state<BackgroundType>('mesh'); backgroundType = $state<BackgroundType>('mesh');
#systemPreference: 'dark' | 'light' = 'dark'; #systemPreference: 'dark' | 'light' = 'dark';
#suppressBroadcast = false;
resolvedMode = $derived<'dark' | 'light'>( resolvedMode = $derived<'dark' | 'light'>(
this.mode === 'system' ? this.#systemPreference : this.mode this.mode === 'system' ? this.#systemPreference : this.mode
@@ -98,6 +101,20 @@ class ThemeStore {
html.style.setProperty('--primary-h', String(this.primaryHue)); html.style.setProperty('--primary-h', String(this.primaryHue));
html.style.setProperty('--primary-s', `${this.primarySaturation}%`); html.style.setProperty('--primary-s', `${this.primarySaturation}%`);
}); });
// Broadcast theme changes to other tabs
$effect(() => {
// Read all reactive values to track them
const snapshot = {
mode: this.mode,
primaryHue: this.primaryHue,
primarySaturation: this.primarySaturation,
backgroundType: this.backgroundType
};
if (typeof window === 'undefined') return;
if (this.#suppressBroadcast) return;
broadcastThemeChange(snapshot);
});
} }
cycleMode() { cycleMode() {
@@ -119,6 +136,27 @@ class ThemeStore {
this.primarySaturation = Math.max(0, Math.min(100, saturation)); this.primarySaturation = Math.max(0, Math.min(100, saturation));
} }
/**
* Apply theme values received from another tab via BroadcastChannel.
* Suppresses re-broadcasting to avoid echo loops.
*/
applyFromBroadcast(values: {
mode: ThemeMode;
primaryHue: number;
primarySaturation: number;
backgroundType: BackgroundType;
}) {
this.#suppressBroadcast = true;
this.mode = values.mode;
this.primaryHue = values.primaryHue;
this.primarySaturation = values.primarySaturation;
this.backgroundType = values.backgroundType;
// Re-enable on next microtask so the effect reads suppressBroadcast=true
queueMicrotask(() => {
this.#suppressBroadcast = false;
});
}
/** /**
* Apply non-null server-stored user preferences over localStorage defaults. * Apply non-null server-stored user preferences over localStorage defaults.
* Call from +layout.svelte when user data is available. * Call from +layout.svelte when user data is available.
src/lib/utils/broadcastSync.ts
+75
View File
@@ -0,0 +1,75 @@
import type { ThemeMode, BackgroundType } from '$lib/stores/theme.svelte';
const CHANNEL_NAME = 'wal-sync';
export interface ThemeChangeMessage {
readonly type: 'theme-change';
readonly payload: {
readonly mode: ThemeMode;
readonly primaryHue: number;
readonly primarySaturation: number;
readonly backgroundType: BackgroundType;
};
}
export interface DataChangeMessage {
readonly type: 'data-change';
readonly payload: {
readonly entity: 'board' | 'app' | 'widget';
};
}
export type SyncMessage = ThemeChangeMessage | DataChangeMessage;
function getChannel(): BroadcastChannel | null {
if (typeof window === 'undefined') return null;
try {
return new BroadcastChannel(CHANNEL_NAME);
} catch {
return null;
}
}
/**
* Broadcast a theme change to other tabs.
*/
export function broadcastThemeChange(theme: ThemeChangeMessage['payload']): void {
const channel = getChannel();
if (!channel) return;
const message: ThemeChangeMessage = { type: 'theme-change', payload: theme };
channel.postMessage(message);
channel.close();
}
/**
* Broadcast a data change (board/app/widget CRUD) to other tabs.
*/
export function broadcastDataChange(entity: 'board' | 'app' | 'widget'): void {
const channel = getChannel();
if (!channel) return;
const message: DataChangeMessage = { type: 'data-change', payload: { entity } };
channel.postMessage(message);
channel.close();
}
/**
* Listen for sync messages from other tabs.
* Returns a cleanup function to stop listening.
*/
export function onSyncMessage(callback: (msg: SyncMessage) => void): () => void {
const channel = getChannel();
if (!channel) return () => {};
const handler = (event: MessageEvent<SyncMessage>) => {
if (event.data && typeof event.data.type === 'string') {
callback(event.data);
}
};
channel.addEventListener('message', handler);
return () => {
channel.removeEventListener('message', handler);
channel.close();
};
}
src/routes/+layout.svelte
+14
View File
@@ -10,6 +10,9 @@
import { ui } from '$lib/stores/ui.svelte'; import { ui } from '$lib/stores/ui.svelte';
import { search } from '$lib/stores/search.svelte'; import { search } from '$lib/stores/search.svelte';
import { locale as i18nLocale } from 'svelte-i18n'; import { locale as i18nLocale } from 'svelte-i18n';
import { onSyncMessage } from '$lib/utils/broadcastSync.js';
import { invalidateAll } from '$app/navigation';
import { onDestroy } from 'svelte';
let { data, children }: { data: LayoutData; children: Snippet } = $props(); let { data, children }: { data: LayoutData; children: Snippet } = $props();
@@ -26,6 +29,17 @@
ui.initEffects(); ui.initEffects();
search.initEffects(); search.initEffects();
// Listen for cross-tab sync messages (theme changes & data invalidation)
const cleanupSync = onSyncMessage((msg) => {
if (msg.type === 'theme-change') {
theme.applyFromBroadcast(msg.payload);
} else if (msg.type === 'data-change') {
invalidateAll();
}
});
onDestroy(cleanupSync);
// Pages that should NOT have the main layout (login, register) // Pages that should NOT have the main layout (login, register)
const noLayoutPaths = ['/login', '/register']; const noLayoutPaths = ['/login', '/register'];
const showLayout = $derived(!noLayoutPaths.includes($page.url.pathname)); const showLayout = $derived(!noLayoutPaths.includes($page.url.pathname));
src/routes/admin/settings/+page.server.ts
+8 -1
View File
@@ -34,7 +34,14 @@ export const load: PageServerLoad = async (event) => {
zod(updateSystemSettingsSchema) zod(updateSystemSettingsSchema)
); );
return { settings, form }; return {
settings,
form,
discoveryConfig: {
dockerSocketPath: process.env.DOCKER_SOCKET_PATH || '/var/run/docker.sock',
traefikApiUrl: process.env.TRAEFIK_API_URL || ''
}
};
}; };
export const actions: Actions = { export const actions: Actions = {
src/routes/admin/settings/+page.svelte
+7 -1
View File
@@ -3,8 +3,12 @@
import type { PageData } from './$types.js'; import type { PageData } from './$types.js';
import SettingsForm from '$lib/components/admin/SettingsForm.svelte'; import SettingsForm from '$lib/components/admin/SettingsForm.svelte';
import ImportExportPanel from '$lib/components/admin/ImportExportPanel.svelte'; import ImportExportPanel from '$lib/components/admin/ImportExportPanel.svelte';
import DiscoveryPanel from '$lib/components/admin/DiscoveryPanel.svelte';
let { data }: { data: PageData } = $props(); let { data }: { data: PageData } = $props();
let dockerSocketPath = $state(data.discoveryConfig?.dockerSocketPath ?? '/var/run/docker.sock');
let traefikApiUrl = $state(data.discoveryConfig?.traefikApiUrl ?? '');
</script> </script>
<svelte:head> <svelte:head>
@@ -17,7 +21,9 @@
<p class="mt-1 text-sm text-muted-foreground">{$t('admin.settings_description')}</p> <p class="mt-1 text-sm text-muted-foreground">{$t('admin.settings_description')}</p>
</div> </div>
<SettingsForm form={data.form} /> <SettingsForm form={data.form} bind:dockerSocketPath bind:traefikApiUrl />
<DiscoveryPanel bind:dockerSocketPath bind:traefikApiUrl />
<ImportExportPanel /> <ImportExportPanel />
</div> </div>
src/routes/api/admin/discover/+server.ts
+41
View File
@@ -0,0 +1,41 @@
import { json } from '@sveltejs/kit';
import type { RequestHandler } from './$types';
import { requireAdmin } from '$lib/server/middleware/authorize.js';
import { discoverAll, type DiscoveryConfig } from '$lib/server/services/discoveryService.js';
import { success, error } from '$lib/server/utils/response.js';
/**
* POST /api/admin/discover — Scan Docker and Traefik for services. Admin only.
*
* Body: { dockerSocketPath?: string, traefikApiUrl?: string }
*/
export const POST: RequestHandler = async (event) => {
requireAdmin(event);
let body: DiscoveryConfig;
try {
body = await event.request.json();
} catch {
return json(error('Invalid JSON body'), { status: 400 });
}
const config: DiscoveryConfig = {
dockerSocketPath: body.dockerSocketPath || undefined,
traefikApiUrl: body.traefikApiUrl || undefined
};
if (!config.dockerSocketPath && !config.traefikApiUrl) {
return json(
error('At least one discovery source must be configured (dockerSocketPath or traefikApiUrl)'),
{ status: 400 }
);
}
try {
const result = await discoverAll(config);
return json(success(result));
} catch (err) {
const message = err instanceof Error ? err.message : 'Discovery scan failed';
return json(error(message), { status: 500 });
}
};
src/routes/api/admin/discover/approve/+server.ts
+70
View File
@@ -0,0 +1,70 @@
import { json } from '@sveltejs/kit';
import type { RequestHandler } from './$types';
import { requireAdmin } from '$lib/server/middleware/authorize.js';
import { create } from '$lib/server/services/appService.js';
import { success, error } from '$lib/server/utils/response.js';
interface ApproveServiceInput {
readonly name: string;
readonly url: string;
readonly source: 'docker' | 'traefik';
readonly icon?: string;
readonly description?: string;
}
interface ApproveBody {
readonly services: readonly ApproveServiceInput[];
}
/**
* POST /api/admin/discover/approve — Approve discovered services and create app entries. Admin only.
*
* Body: { services: DiscoveredService[] }
*/
export const POST: RequestHandler = async (event) => {
const user = requireAdmin(event);
let body: ApproveBody;
try {
body = await event.request.json();
} catch {
return json(error('Invalid JSON body'), { status: 400 });
}
if (!body.services || !Array.isArray(body.services) || body.services.length === 0) {
return json(error('At least one service must be provided for approval'), { status: 400 });
}
const created: string[] = [];
const errors: string[] = [];
for (const service of body.services) {
if (!service.name || !service.url) {
errors.push(`Skipped invalid service entry (missing name or url)`);
continue;
}
try {
const app = await create({
name: service.name,
url: service.url,
icon: service.icon,
description: service.description ?? `Discovered via ${service.source}`,
category: 'Discovered',
healthcheckEnabled: true,
createdById: user.id
});
created.push(app.id);
} catch (err) {
const message = err instanceof Error ? err.message : 'Unknown error';
errors.push(`Failed to create "${service.name}": ${message}`);
}
}
return json(
success({
created: created.length,
errors
})
);
};
src/routes/api/apps/quick-add/+server.ts
+71
View File
@@ -0,0 +1,71 @@
import { json } from '@sveltejs/kit';
import type { RequestHandler } from './$types';
import { requireAuth } from '$lib/server/middleware/authenticate.js';
import * as appService from '$lib/server/services/appService.js';
import { success, error } from '$lib/server/utils/response.js';
import { z } from 'zod';
const quickAddSchema = z.object({
url: z
.string()
.url('Invalid URL')
.refine(
(u) => u.startsWith('http://') || u.startsWith('https://'),
'URL must use http or https protocol'
),
name: z.string().min(1, 'Name is required').max(200),
description: z.string().max(1000).optional()
});
/**
* POST /api/apps/quick-add — Quick-add an app with sensible defaults.
* Accepts { url, name, description? }, creates app with healthcheck enabled
* and attempts to auto-detect a favicon icon from the URL's domain.
*/
export const POST: RequestHandler = async (event) => {
const user = requireAuth(event);
let body: unknown;
try {
body = await event.request.json();
} catch {
return json(error('Invalid JSON body'), { status: 400 });
}
const parsed = quickAddSchema.safeParse(body);
if (!parsed.success) {
const messages = parsed.error.errors.map((e) => e.message).join(', ');
return json(error(messages), { status: 400 });
}
const { url, name, description } = parsed.data;
// Attempt to derive a favicon URL from the domain
let faviconUrl: string | undefined;
try {
const parsedUrl = new URL(url);
faviconUrl = `${parsedUrl.origin}/favicon.ico`;
} catch {
// URL parsing failed — skip icon detection
}
try {
const app = await appService.create({
name,
url,
description,
icon: faviconUrl,
iconType: faviconUrl ? 'url' : 'lucide',
healthcheckEnabled: true,
healthcheckInterval: 300,
healthcheckMethod: 'GET',
healthcheckExpectedStatus: 200,
healthcheckTimeout: 5000,
createdById: user.id
});
return json(success(app), { status: 201 });
} catch (err) {
const message = err instanceof Error ? err.message : 'Failed to create app';
return json(error(message), { status: 500 });
}
};
src/routes/apps/+page.svelte
+11
View File
@@ -3,10 +3,21 @@
import type { PageData } from './$types.js'; import type { PageData } from './$types.js';
import AppCard from '$lib/components/app/AppCard.svelte'; import AppCard from '$lib/components/app/AppCard.svelte';
import AppForm from '$lib/components/app/AppForm.svelte'; import AppForm from '$lib/components/app/AppForm.svelte';
import { broadcastDataChange } from '$lib/utils/broadcastSync.js';
let { data }: { data: PageData } = $props(); let { data }: { data: PageData } = $props();
let showForm = $state(false); let showForm = $state(false);
// Track app count to detect CRUD changes and broadcast to other tabs
let previousAppCount = $state(data.apps.length);
$effect(() => {
const currentCount = data.apps.length;
if (currentCount !== previousAppCount) {
broadcastDataChange('app');
previousAppCount = currentCount;
}
});
</script> </script>
<svelte:head> <svelte:head>
src/routes/apps/quick-add/+page.server.ts
+64
View File
@@ -0,0 +1,64 @@
import type { Actions, PageServerLoad } from './$types.js';
import { superValidate, setError } from 'sveltekit-superforms';
import { zod } from '$lib/utils/zod-adapter.js';
import { fail } from '@sveltejs/kit';
import { requireAuth } from '$lib/server/middleware/authenticate.js';
import * as appService from '$lib/server/services/appService.js';
import { createAppSchema } from '$lib/utils/validators.js';
export const load: PageServerLoad = async (event) => {
requireAuth(event);
const url = event.url.searchParams.get('url') ?? '';
const name = event.url.searchParams.get('name') ?? '';
const form = await superValidate(zod(createAppSchema));
// Pre-fill from query params
if (url) form.data.url = url;
if (name) form.data.name = name;
// Set quick-add defaults
form.data.healthcheckEnabled = true;
form.data.healthcheckInterval = 300;
form.data.healthcheckMethod = 'GET';
form.data.healthcheckExpectedStatus = 200;
form.data.healthcheckTimeout = 5000;
// Attempt to auto-detect favicon
if (url) {
try {
const parsedUrl = new URL(url);
form.data.icon = `${parsedUrl.origin}/favicon.ico`;
form.data.iconType = 'url';
} catch {
// Invalid URL — skip icon detection
}
}
return { form };
};
export const actions: Actions = {
create: async (event) => {
const user = requireAuth(event);
const form = await superValidate(event.request, zod(createAppSchema));
if (!form.valid) {
return fail(400, { form });
}
try {
await appService.create({
...form.data,
createdById: user.id
});
} catch (err) {
const message = err instanceof Error ? err.message : 'Failed to create app';
return setError(form, '', message);
}
return { form, created: true };
}
};
src/routes/apps/quick-add/+page.svelte
+58
View File
@@ -0,0 +1,58 @@
<script lang="ts">
import { t } from 'svelte-i18n';
import type { PageData } from './$types.js';
import AppForm from '$lib/components/app/AppForm.svelte';
import { broadcastDataChange } from '$lib/utils/broadcastSync.js';
import { page } from '$app/stores';
let { data }: { data: PageData } = $props();
// If successfully created, broadcast the change and offer to close
let created = $derived('created' in ($page.form ?? {}) && $page.form?.created === true);
$effect(() => {
if (created) {
broadcastDataChange('app');
}
});
function closeWindow() {
window.close();
}
</script>
<svelte:head>
<title>{$t('app.quick_add_title')} | {$t('app_name')}</title>
</svelte:head>
<div class="mx-auto max-w-2xl px-4 py-8">
<h1 class="mb-2 text-2xl font-bold text-foreground">{$t('app.quick_add_title')}</h1>
<p class="mb-6 text-sm text-muted-foreground">{$t('app.quick_add_description')}</p>
{#if created}
<div class="mb-6 rounded-lg border border-green-500/30 bg-green-500/10 p-4">
<p class="text-sm font-medium text-green-700 dark:text-green-300">
{$t('app.quick_add_success')}
</p>
<div class="mt-3 flex gap-3">
<a
href="/apps"
class="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90"
>
{$t('app.quick_add_view_apps')}
</a>
<button
type="button"
onclick={closeWindow}
class="rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent"
>
{$t('app.quick_add_close')}
</button>
</div>
</div>
{:else}
<div class="rounded-xl border border-border bg-card p-6 shadow-sm">
<AppForm form={data.form} action="?/create" />
</div>
{/if}
</div>
src/routes/boards/[boardId]/+page.svelte
+2
View File
@@ -5,6 +5,7 @@
import Board from '$lib/components/board/Board.svelte'; import Board from '$lib/components/board/Board.svelte';
import BoardHeader from '$lib/components/board/BoardHeader.svelte'; import BoardHeader from '$lib/components/board/BoardHeader.svelte';
import BoardShareDialog from '$lib/components/board/BoardShareDialog.svelte'; import BoardShareDialog from '$lib/components/board/BoardShareDialog.svelte';
import { broadcastDataChange } from '$lib/utils/broadcastSync.js';
let { data }: { data: PageData } = $props(); let { data }: { data: PageData } = $props();
@@ -20,6 +21,7 @@
body: JSON.stringify({ isGuestAccessible: value }) body: JSON.stringify({ isGuestAccessible: value })
}); });
if (res.ok) { if (res.ok) {
broadcastDataChange('board');
await invalidateAll(); await invalidateAll();
} else { } else {
guestToggleError = 'Failed to update guest access'; guestToggleError = 'Failed to update guest access';
src/routes/offline/+page.svelte
+38
View File
@@ -0,0 +1,38 @@
<script lang="ts">
import { t } from 'svelte-i18n';
import { WifiOff, RefreshCw } from 'lucide-svelte';
function retry() {
window.location.reload();
}
</script>
<svelte:head>
<title>{$t('offline.title')}</title>
</svelte:head>
<div class="flex min-h-[60vh] flex-col items-center justify-center gap-6 px-4 text-center">
<div
class="flex h-20 w-20 items-center justify-center rounded-full bg-muted"
>
<WifiOff class="h-10 w-10 text-muted-foreground" />
</div>
<div class="space-y-2">
<h1 class="text-2xl font-bold text-foreground">
{$t('offline.title')}
</h1>
<p class="max-w-md text-muted-foreground">
{$t('offline.description')}
</p>
</div>
<button
type="button"
onclick={retry}
class="inline-flex items-center gap-2 rounded-lg bg-primary px-6 py-3 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90"
>
<RefreshCw class="h-4 w-4" />
{$t('offline.retry')}
</button>
</div>
src/routes/settings/+page.svelte
+4 -1
View File
@@ -2,6 +2,7 @@
import { t } from 'svelte-i18n'; import { t } from 'svelte-i18n';
import type { PageData } from './$types.js'; import type { PageData } from './$types.js';
import ThemeCustomizer from '$lib/components/settings/ThemeCustomizer.svelte'; import ThemeCustomizer from '$lib/components/settings/ThemeCustomizer.svelte';
import BookmarkletGenerator from '$lib/components/settings/BookmarkletGenerator.svelte';
let { data }: { data: PageData } = $props(); let { data }: { data: PageData } = $props();
</script> </script>
@@ -10,8 +11,10 @@
<title>{$t('settings.title')} | {$t('app_name')}</title> <title>{$t('settings.title')} | {$t('app_name')}</title>
</svelte:head> </svelte:head>
<div class="mx-auto max-w-2xl px-4 py-8"> <div class="mx-auto max-w-2xl space-y-6 px-4 py-8">
<h1 class="mb-6 text-2xl font-bold text-foreground">{$t('settings.title')}</h1> <h1 class="mb-6 text-2xl font-bold text-foreground">{$t('settings.title')}</h1>
<ThemeCustomizer preferences={data.preferences} /> <ThemeCustomizer preferences={data.preferences} />
<BookmarkletGenerator />
</div> </div>
src/service-worker.ts
+131
View File
@@ -0,0 +1,131 @@
/// <reference types="@sveltejs/kit" />
/// <reference no-default-lib="true"/>
/// <reference lib="esnext" />
/// <reference lib="webworker" />
declare const self: ServiceWorkerGlobalScope;
import { build, files, version } from '$service-worker';
const CACHE_NAME = `cache-${version}`;
const ASSETS = [...build, ...files];
const OFFLINE_URL = '/offline';
// Install: pre-cache all static assets and the offline fallback page
self.addEventListener('install', (event: ExtendableEvent) => {
event.waitUntil(
(async () => {
const cache = await caches.open(CACHE_NAME);
await cache.addAll(ASSETS);
// Cache offline fallback page
await cache.add(OFFLINE_URL);
await self.skipWaiting();
})()
);
});
// Activate: clean up old caches
self.addEventListener('activate', (event: ExtendableEvent) => {
event.waitUntil(
(async () => {
const keys = await caches.keys();
const deletions = keys
.filter((key) => key !== CACHE_NAME)
.map((key) => caches.delete(key));
await Promise.all(deletions);
await self.clients.claim();
})()
);
});
// Fetch: cache-first for static assets, network-first for API/pages
self.addEventListener('fetch', (event: FetchEvent) => {
const { request } = event;
const url = new URL(request.url);
// Skip non-GET requests
if (request.method !== 'GET') return;
// Skip cross-origin requests
if (url.origin !== self.location.origin) return;
// API calls: network-first with cache fallback
if (url.pathname.startsWith('/api/')) {
event.respondWith(networkFirst(request));
return;
}
// Static assets (build artifacts + static files): cache-first
if (ASSETS.includes(url.pathname)) {
event.respondWith(cacheFirst(request));
return;
}
// Navigation requests (HTML pages): network-first with offline fallback
if (request.mode === 'navigate') {
event.respondWith(navigationHandler(request));
return;
}
// Everything else: network-first
event.respondWith(networkFirst(request));
});
/**
* Cache-first strategy: serve from cache, fall back to network.
*/
async function cacheFirst(request: Request): Promise<Response> {
const cached = await caches.match(request);
if (cached) return cached;
try {
const response = await fetch(request);
if (response.ok) {
const cache = await caches.open(CACHE_NAME);
cache.put(request, response.clone());
}
return response;
} catch {
return new Response('Offline', { status: 503, statusText: 'Service Unavailable' });
}
}
/**
* Network-first strategy: try network, fall back to cache.
*/
async function networkFirst(request: Request): Promise<Response> {
try {
const response = await fetch(request);
if (response.ok) {
const cache = await caches.open(CACHE_NAME);
cache.put(request, response.clone());
}
return response;
} catch {
const cached = await caches.match(request);
if (cached) return cached;
return new Response('Offline', { status: 503, statusText: 'Service Unavailable' });
}
}
/**
* Navigation handler: network-first with offline fallback page.
*/
async function navigationHandler(request: Request): Promise<Response> {
try {
return await fetch(request);
} catch {
const cached = await caches.match(request);
if (cached) return cached;
const offlinePage = await caches.match(OFFLINE_URL);
if (offlinePage) return offlinePage;
return new Response('Offline', {
status: 503,
statusText: 'Service Unavailable',
headers: { 'Content-Type': 'text/html' }
});
}
}
static/icon.svg
+7
View File
@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<rect width="512" height="512" rx="64" fill="#6366f1"/>
<rect x="64" y="64" width="160" height="160" rx="16" fill="white"/>
<rect x="288" y="64" width="160" height="160" rx="16" fill="white"/>
<rect x="64" y="288" width="160" height="160" rx="16" fill="white"/>
<rect x="288" y="288" width="160" height="160" rx="16" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 412 B

static/manifest.json
+25
View File
@@ -0,0 +1,25 @@
{
"name": "Web App Launcher",
"short_name": "Launcher",
"start_url": "/",
"display": "standalone",
"theme_color": "#6366f1",
"background_color": "#0a0a0a",
"icons": [
{
"src": "/icon.svg",
"sizes": "any",
"type": "image/svg+xml"
},
{
"src": "/icon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icon-512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}