opencode/NSCT-FrontEnd
Public Access
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

FE-0: Projektgrundgerüst (SvelteKit, Tailwind, Docker, Caddy)

Browse Source
This commit is contained in:
faligam
2026-09-06 06:26:03 +00:00
commit 631b17ae05
21 changed files with 441 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/app.css Normal file
View File

@@ -0,0 +1 @@
@import 'tailwindcss';

14
src/app.d.ts vendored Normal file
View File

@@ -0,0 +1,14 @@
/// <reference types="@sveltejs/kit" />
/// <reference types="vite/client" />
declare global {
namespace App {
// interface Error {}
// interface Locals {}
// interface PageData {}
// interface PageState {}
// interface Platform {}
}
}
export {};

11
src/app.html Normal file
View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="de" class="dark">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<body class="bg-gray-900 text-white dark">
<div>%sveltekit.body%</div>
</body>
</html>

60
src/lib/api.ts Normal file
View File

@@ -0,0 +1,60 @@
const API_BASE_URL = import.meta.env.NSCT_API_BASE_URL || 'http://localhost:8080';
interface ApiConfig {
apiKey?: string;
}
function headers(config?: ApiConfig): Record<string, string> {
const h: Record<string, string> = {
'Content-Type': 'application/json'
};
if (config?.apiKey) {
h['X-API-Key'] = config.apiKey;
}
return h;
}
export async function apiPost<T>(
path: string,
body?: unknown,
config?: ApiConfig
): Promise<T> {
const res = await fetch(`${API_BASE_URL}${path}`, {
method: 'POST',
headers: headers(config),
body: body ? JSON.stringify(body) : undefined
});
if (!res.ok) {
throw new Error(`API Error ${res.status}: ${res.statusText}`);
}
return res.json();
}
export async function apiGet<T>(
path: string,
config?: ApiConfig
): Promise<T> {
const res = await fetch(`${API_BASE_URL}${path}`, {
headers: headers(config)
});
if (!res.ok) {
throw new Error(`API Error ${res.status}: ${res.statusText}`);
}
return res.json();
}
export async function apiDelete<T>(
path: string,
config?: ApiConfig
): Promise<T> {
const res = await fetch(`${API_BASE_URL}${path}`, {
method: 'DELETE',
headers: headers(config)
});
if (!res.ok) {
throw new Error(`API Error ${res.status}: ${res.statusText}`);
}
return res.json();
}
export { API_BASE_URL };

13
src/lib/stores.ts Normal file
View File

@@ -0,0 +1,13 @@
import { writable } from 'svelte/store';
// Theme: 'dark' | 'light'
export const theme = writable<'dark' | 'light'>('dark');
// User: null oder { apiKey, username? }
export const user = writable<{ apiKey: string; username?: string } | null>(null);
// Sidebar: ist offen oder geschlossen (mobile)
export const sidebarOpen = writable(false);
// Session IDs der letzten Researches
export const recentResearchIds = writable<string[]>([]);

20
src/lib/theme.ts Normal file
View File

@@ -0,0 +1,20 @@
import { theme } from '$lib/stores';
export function initTheme() {
const stored = localStorage.getItem('nsct-theme');
if (stored === 'dark' || stored === 'light') {
theme.set(stored);
} else {
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
theme.set(prefersDark ? 'dark' : 'light');
}
}
export function toggleTheme() {
theme.update(t => t === 'dark' ? 'light' : 'dark');
}
export function applyTheme(t: 'dark' | 'light') {
document.documentElement.classList.toggle('dark', t === 'dark');
localStorage.setItem('nsct-theme', t);
}

41
src/lib/types.ts Normal file
View File

@@ -0,0 +1,41 @@
export interface ResearchStatus {
id: string;
status: string;
progress?: number;
error?: string;
}
export interface ResearchSummary {
id: string;
query: string;
status: string;
created_at: string;
completed_at?: string;
}
export interface SourceInfo {
id: string;
url: string;
title: string;
domain?: string;
source_type?: string;
independence_score?: number;
}
export interface ClaimInfo {
id: string;
claim: string;
claim_type: string;
confidence: number;
source_id?: string;
evidence_span?: string;
}
export interface EvidenceScore {
source_independence: number;
primary_source_proximity: number;
cross_source_support: number;
contradiction_level: number;
evidence_directness: number;
date_relevance: number;
}

17
src/routes/+layout.svelte Normal file
View File

@@ -0,0 +1,17 @@
<script>
import '../app.css';
import { initTheme, applyTheme } from '$lib/theme';
import { onMount } from 'svelte';
initTheme();
onMount(() => {
applyTheme($theme);
});
</script>
<svelte:head>
<title>NSCT – Neutral Search Crawler</title>
<meta name="description" content="Neutraler Recherche- und Analyse-Report" />
</svelte:head>
<slot />

49
src/routes/+page.svelte Normal file
View File

@@ -0,0 +1,49 @@
<script>
import { user } from '$lib/stores';
import { theme, toggleTheme } from '$lib/theme';
let apiKey = '';
let error = '';
function login() {
if (apiKey.trim()) {
user.set({ apiKey: apiKey.trim() });
error = '';
} else {
error = 'Bitte API-Key eingeben.';
}
}
</script>
<div class="min-h-screen flex items-center justify-center p-4">
<div class="w-full max-w-md">
<h1 class="text-3xl font-bold mb-2 text-center">NSCT</h1>
<p class="text-center text-gray-500 mb-8">Neutral Search Crawler Tool</p>
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
<h2 class="text-xl font-semibold mb-4">Anmelden</h2>
<input
bind:value={apiKey}
placeholder="API-Key eingeben"
class="w-full px-3 py-2 border rounded dark:bg-gray-700 dark:border-gray-600 mb-4"
on:keydown={(e) => e.key === 'Enter' && login()}
/>
<button
on:click={login}
class="w-full bg-indigo-600 text-white py-2 rounded hover:bg-indigo-700"
>
Anmelden
</button>
{#if error}
<p class="text-red-500 mt-2 text-sm">{error}</p>
{/if}
</div>
<button
on:click={toggleTheme}
class="mt-4 text-sm text-gray-500 hover:text-gray-300"
>
Theme umschalten ☀/☾
</button>
</div>
</div>