-
© 2024 ManaChat. Powered by Mana Core.
+
+
+
+
+
100% Kostenlos starten
+
+
+
+
+
Keine Kreditkarte nötig
+
-
+
-
+
+
+
diff --git a/chat/apps/landing/src/styles/global.css b/chat/apps/landing/src/styles/global.css
new file mode 100644
index 000000000..2b440e58d
--- /dev/null
+++ b/chat/apps/landing/src/styles/global.css
@@ -0,0 +1,103 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* ManaChat Theme CSS Variables - Sky Blue */
+:root {
+ /* Primary colors - ManaChat Sky Blue */
+ --color-primary: #0ea5e9;
+ --color-primary-hover: #38bdf8;
+ --color-primary-glow: rgba(14, 165, 233, 0.3);
+
+ /* Text colors */
+ --color-text-primary: #f9fafb;
+ --color-text-secondary: #d1d5db;
+ --color-text-muted: #6b7280;
+
+ /* Background colors */
+ --color-background-page: #0c1929;
+ --color-background-card: #142236;
+ --color-background-card-hover: #1e3a50;
+
+ /* Border colors */
+ --color-border: #1e3a50;
+ --color-border-hover: #2d5a73;
+}
+
+/* Base styles */
+html {
+ scroll-behavior: smooth;
+}
+
+body {
+ font-family: 'Inter', system-ui, sans-serif;
+ background-color: var(--color-background-page);
+ color: var(--color-text-primary);
+ line-height: 1.6;
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+
+::-webkit-scrollbar-track {
+ background: var(--color-background-card);
+}
+
+::-webkit-scrollbar-thumb {
+ background: var(--color-border);
+ border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background: var(--color-border-hover);
+}
+
+/* Selection */
+::selection {
+ background-color: var(--color-primary);
+ color: white;
+}
+
+/* Focus styles */
+:focus-visible {
+ outline: 2px solid var(--color-primary);
+ outline-offset: 2px;
+}
+
+/* Gradient text */
+.text-gradient {
+ background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+}
+
+/* Animation utilities */
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+.animate-fadeIn {
+ animation: fadeIn 0.6s ease-out forwards;
+}
+
+/* Button styles */
+.btn-primary {
+ @apply inline-flex items-center justify-center px-6 py-3 bg-primary text-white font-semibold rounded-lg transition-all duration-200;
+ @apply hover:bg-primary-hover hover:shadow-lg hover:shadow-primary-glow;
+}
+
+.btn-secondary {
+ @apply inline-flex items-center justify-center px-6 py-3 border border-border text-text-primary font-semibold rounded-lg transition-all duration-200;
+ @apply hover:border-border-hover hover:bg-background-card;
+}
diff --git a/chat/apps/landing/tailwind.config.mjs b/chat/apps/landing/tailwind.config.mjs
index c751e832a..f2ab388b1 100644
--- a/chat/apps/landing/tailwind.config.mjs
+++ b/chat/apps/landing/tailwind.config.mjs
@@ -1,28 +1,39 @@
/** @type {import('tailwindcss').Config} */
export default {
- content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+ content: [
+ './src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}',
+ '../../packages/shared-landing-ui/src/**/*.{astro,html,js,jsx,ts,tsx}'
+ ],
theme: {
extend: {
colors: {
+ // ManaChat Sky Blue Theme
primary: {
- 50: '#eff6ff',
- 100: '#dbeafe',
- 200: '#bfdbfe',
- 300: '#93c5fd',
- 400: '#60a5fa',
- 500: '#0A84FF',
- 600: '#2563eb',
- 700: '#1d4ed8',
- 800: '#1e40af',
- 900: '#1e3a8a',
+ DEFAULT: '#0ea5e9',
+ hover: '#38bdf8',
+ glow: 'rgba(14, 165, 233, 0.3)'
},
- secondary: {
- 500: '#5E5CE6',
+ background: {
+ page: '#0c1929',
+ card: '#142236',
+ 'card-hover': '#1e3a50'
+ },
+ text: {
+ primary: '#f9fafb',
+ secondary: '#d1d5db',
+ muted: '#6b7280'
+ },
+ border: {
+ DEFAULT: '#1e3a50',
+ hover: '#2d5a73'
}
+ },
+ fontFamily: {
+ sans: ['Inter', 'system-ui', 'sans-serif']
}
- },
+ }
},
plugins: [
- require('@tailwindcss/typography'),
- ],
+ require('@tailwindcss/typography')
+ ]
};
diff --git a/news/.env.example b/news/.env.example
new file mode 100644
index 000000000..6e04ee62d
--- /dev/null
+++ b/news/.env.example
@@ -0,0 +1,12 @@
+# Database
+DATABASE_URL=postgresql://news:news_dev_password@localhost:5432/news_hub
+
+# API
+API_PORT=3000
+API_URL=http://localhost:3000
+
+# Better Auth
+BETTER_AUTH_SECRET=your-super-secret-key-change-in-production
+
+# Mobile App
+EXPO_PUBLIC_API_URL=http://localhost:3000
diff --git a/news/.gitignore b/news/.gitignore
new file mode 100644
index 000000000..aafb59caa
--- /dev/null
+++ b/news/.gitignore
@@ -0,0 +1,52 @@
+# Dependencies
+node_modules/
+.pnpm-store/
+
+# Build outputs
+dist/
+build/
+.next/
+.turbo/
+
+# Environment
+.env
+.env.local
+.env.*.local
+
+# IDE
+.idea/
+.vscode/
+*.swp
+*.swo
+.DS_Store
+
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Testing
+coverage/
+
+# Expo
+.expo/
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+
+# Native builds
+apps/mobile/ios/
+apps/mobile/android/
+
+# Database
+packages/database/drizzle/
+
+# Misc
+*.tgz
+.cache/
diff --git a/news/MigrationPlan-Unified-App.md b/news/MigrationPlan-Unified-App.md
new file mode 100644
index 000000000..fcbafed6a
--- /dev/null
+++ b/news/MigrationPlan-Unified-App.md
@@ -0,0 +1,1526 @@
+# Migrationsplan: Unified News Hub
+
+## Übersicht
+
+Migration von **ainews** + **kokon** zu einer vereinten App mit:
+- **PostgreSQL** (Docker lokal, später Cloud)
+- **Drizzle ORM** (Type-safe Database)
+- **NestJS** (Backend API)
+- **Better Auth** (Authentication)
+
+---
+
+## Ziel-Architektur
+
+```
+news/
+├── apps/
+│ ├── mobile/ # React Native/Expo App (vereint)
+│ └── api/ # NestJS Backend
+├── packages/
+│ ├── database/ # Drizzle Schema + Migrations
+│ ├── shared/ # Shared Types & Utilities
+│ └── browser-extension/ # Chrome Extension
+├── docker/
+│ └── docker-compose.yml # PostgreSQL + Dev Services
+├── package.json # Monorepo Root (pnpm workspaces)
+└── turbo.json # Turborepo Config (optional)
+```
+
+### Datenfluss
+
+```
+┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐
+│ Mobile App │────▶│ NestJS API │────▶│ PostgreSQL │
+│ (Expo/RN) │◀────│ + Better Auth │◀────│ (Docker) │
+└─────────────────┘ └─────────────────┘ └─────────────────┘
+ │ │
+ │ ┌────────┴────────┐
+ │ │ │
+┌────────▼────────┐ │ ┌───────────▼───────────┐
+│ Browser Extension│─────┘ │ Content Extraction │
+│ (Chrome/Firefox) │ │ (Readability) │
+└─────────────────┘ └───────────────────────┘
+```
+
+---
+
+## Phase 1: Monorepo Setup
+
+### 1.1 Projekt-Struktur erstellen
+
+```bash
+# Im news/ Ordner
+pnpm init
+
+# Workspace-Struktur
+mkdir -p apps/mobile apps/api packages/database packages/shared packages/browser-extension docker
+```
+
+### 1.2 Root `package.json`
+
+```json
+{
+ "name": "news-hub",
+ "private": true,
+ "scripts": {
+ "dev": "turbo run dev",
+ "build": "turbo run build",
+ "db:generate": "turbo run db:generate --filter=@news/database",
+ "db:migrate": "turbo run db:migrate --filter=@news/database",
+ "db:studio": "turbo run db:studio --filter=@news/database"
+ },
+ "devDependencies": {
+ "turbo": "^2.0.0",
+ "typescript": "^5.4.0"
+ },
+ "packageManager": "pnpm@9.0.0",
+ "workspaces": [
+ "apps/*",
+ "packages/*"
+ ]
+}
+```
+
+### 1.3 `turbo.json`
+
+```json
+{
+ "$schema": "https://turbo.build/schema.json",
+ "tasks": {
+ "build": {
+ "dependsOn": ["^build"],
+ "outputs": ["dist/**", ".next/**", "build/**"]
+ },
+ "dev": {
+ "cache": false,
+ "persistent": true
+ },
+ "db:generate": {},
+ "db:migrate": {},
+ "db:studio": {
+ "cache": false,
+ "persistent": true
+ }
+ }
+}
+```
+
+---
+
+## Phase 2: Docker Setup
+
+### 2.1 `docker/docker-compose.yml`
+
+```yaml
+version: '3.9'
+
+services:
+ postgres:
+ image: postgres:16-alpine
+ container_name: news-hub-db
+ restart: unless-stopped
+ environment:
+ POSTGRES_USER: news
+ POSTGRES_PASSWORD: news_dev_password
+ POSTGRES_DB: news_hub
+ ports:
+ - "5432:5432"
+ volumes:
+ - postgres_data:/var/lib/postgresql/data
+ - ./init.sql:/docker-entrypoint-initdb.d/init.sql
+ healthcheck:
+ test: ["CMD-SHELL", "pg_isready -U news -d news_hub"]
+ interval: 5s
+ timeout: 5s
+ retries: 5
+
+ # Optional: pgAdmin für DB-Verwaltung
+ pgadmin:
+ image: dpage/pgadmin4:latest
+ container_name: news-hub-pgadmin
+ restart: unless-stopped
+ environment:
+ PGADMIN_DEFAULT_EMAIL: admin@local.dev
+ PGADMIN_DEFAULT_PASSWORD: admin
+ ports:
+ - "5050:80"
+ depends_on:
+ - postgres
+
+volumes:
+ postgres_data:
+```
+
+### 2.2 `docker/init.sql`
+
+```sql
+-- Extensions
+CREATE EXTENSION IF NOT EXISTS "uuid-ossp";
+CREATE EXTENSION IF NOT EXISTS "pg_trgm"; -- Für Textsuche
+
+-- Grants
+GRANT ALL PRIVILEGES ON DATABASE news_hub TO news;
+```
+
+### 2.3 Start-Script in Root `package.json`
+
+```json
+{
+ "scripts": {
+ "docker:up": "docker-compose -f docker/docker-compose.yml up -d",
+ "docker:down": "docker-compose -f docker/docker-compose.yml down",
+ "docker:logs": "docker-compose -f docker/docker-compose.yml logs -f"
+ }
+}
+```
+
+---
+
+## Phase 3: Database Package (Drizzle)
+
+### 3.1 `packages/database/package.json`
+
+```json
+{
+ "name": "@news/database",
+ "version": "1.0.0",
+ "main": "./dist/index.js",
+ "types": "./dist/index.d.ts",
+ "scripts": {
+ "build": "tsup src/index.ts --format cjs,esm --dts",
+ "db:generate": "drizzle-kit generate",
+ "db:migrate": "drizzle-kit migrate",
+ "db:push": "drizzle-kit push",
+ "db:studio": "drizzle-kit studio"
+ },
+ "dependencies": {
+ "drizzle-orm": "^0.36.0",
+ "postgres": "^3.4.0"
+ },
+ "devDependencies": {
+ "drizzle-kit": "^0.28.0",
+ "tsup": "^8.0.0",
+ "typescript": "^5.4.0"
+ }
+}
+```
+
+### 3.2 `packages/database/drizzle.config.ts`
+
+```typescript
+import { defineConfig } from 'drizzle-kit';
+
+export default defineConfig({
+ schema: './src/schema/index.ts',
+ out: './drizzle',
+ dialect: 'postgresql',
+ dbCredentials: {
+ url: process.env.DATABASE_URL || 'postgresql://news:news_dev_password@localhost:5432/news_hub',
+ },
+});
+```
+
+### 3.3 `packages/database/src/schema/index.ts`
+
+```typescript
+export * from './users';
+export * from './articles';
+export * from './categories';
+export * from './interactions';
+export * from './auth';
+```
+
+### 3.4 `packages/database/src/schema/users.ts`
+
+```typescript
+import { pgTable, uuid, text, timestamp, boolean, pgEnum } from 'drizzle-orm/pg-core';
+
+export const userTierEnum = pgEnum('user_tier', ['free', 'premium', 'enterprise']);
+export const readingSpeedEnum = pgEnum('reading_speed', ['slow', 'normal', 'fast']);
+
+export const users = pgTable('users', {
+ id: uuid('id').primaryKey().defaultRandom(),
+ email: text('email').notNull().unique(),
+ name: text('name'),
+ avatarUrl: text('avatar_url'),
+
+ // Preferences
+ tier: userTierEnum('tier').default('free').notNull(),
+ readingSpeed: readingSpeedEnum('reading_speed').default('normal').notNull(),
+ preferredCategories: text('preferred_categories').array(),
+ blockedSources: text('blocked_sources').array(),
+
+ // Settings
+ onboardingCompleted: boolean('onboarding_completed').default(false).notNull(),
+ notificationSettings: text('notification_settings'), // JSON string
+
+ // Timestamps
+ createdAt: timestamp('created_at').defaultNow().notNull(),
+ updatedAt: timestamp('updated_at').defaultNow().notNull(),
+});
+
+export type User = typeof users.$inferSelect;
+export type NewUser = typeof users.$inferInsert;
+```
+
+### 3.5 `packages/database/src/schema/articles.ts`
+
+```typescript
+import { pgTable, uuid, text, timestamp, boolean, integer, real, pgEnum, index } from 'drizzle-orm/pg-core';
+import { users } from './users';
+import { categories } from './categories';
+
+export const articleTypeEnum = pgEnum('article_type', ['feed', 'summary', 'in_depth', 'saved']);
+export const articleSourceEnum = pgEnum('article_source', ['ai', 'user_saved']);
+export const summaryPeriodEnum = pgEnum('summary_period', ['morning', 'noon', 'evening', 'night']);
+
+export const articles = pgTable('articles', {
+ id: uuid('id').primaryKey().defaultRandom(),
+
+ // Core fields
+ type: articleTypeEnum('type').notNull(),
+ sourceOrigin: articleSourceEnum('source_origin').default('ai').notNull(),
+ title: text('title').notNull(),
+ content: text('content').notNull(),
+ summary: text('summary'),
+
+ // For user-saved articles
+ userId: uuid('user_id').references(() => users.id, { onDelete: 'cascade' }),
+ originalUrl: text('original_url'),
+ parsedContent: text('parsed_content'),
+ isArchived: boolean('is_archived').default(false),
+
+ // Metadata
+ categoryId: uuid('category_id').references(() => categories.id),
+ sourceUrl: text('source_url'),
+ sourceName: text('source_name'),
+ sourceDomain: text('source_domain'),
+ author: text('author'),
+ imageUrl: text('image_url'),
+
+ // AI-generated metadata
+ aiTags: text('ai_tags').array(),
+ sentimentScore: real('sentiment_score'),
+
+ // Reading metrics
+ readingTimeMinutes: integer('reading_time_minutes'),
+ wordCount: integer('word_count'),
+
+ // Summary-specific fields
+ summaryDate: timestamp('summary_date'),
+ summaryPeriod: summaryPeriodEnum('summary_period'),
+ includedArticleIds: uuid('included_article_ids').array(),
+
+ // In-depth specific fields
+ keyInsights: text('key_insights'), // JSON string
+ dataVisualizations: text('data_visualizations'), // JSON string
+ relatedArticleIds: uuid('related_article_ids').array(),
+
+ // Timestamps
+ publishedAt: timestamp('published_at').defaultNow().notNull(),
+ createdAt: timestamp('created_at').defaultNow().notNull(),
+ updatedAt: timestamp('updated_at').defaultNow().notNull(),
+}, (table) => ({
+ // Indexes für schnelle Abfragen
+ typeIdx: index('articles_type_idx').on(table.type),
+ userIdx: index('articles_user_idx').on(table.userId),
+ sourceOriginIdx: index('articles_source_origin_idx').on(table.sourceOrigin),
+ publishedAtIdx: index('articles_published_at_idx').on(table.publishedAt),
+ categoryIdx: index('articles_category_idx').on(table.categoryId),
+}));
+
+export type Article = typeof articles.$inferSelect;
+export type NewArticle = typeof articles.$inferInsert;
+```
+
+### 3.6 `packages/database/src/schema/categories.ts`
+
+```typescript
+import { pgTable, uuid, text, timestamp, integer } from 'drizzle-orm/pg-core';
+
+export const categories = pgTable('categories', {
+ id: uuid('id').primaryKey().defaultRandom(),
+ name: text('name').notNull().unique(),
+ displayName: text('display_name').notNull(),
+ description: text('description'),
+ icon: text('icon'),
+ color: text('color'),
+ priority: integer('priority').default(0).notNull(),
+
+ createdAt: timestamp('created_at').defaultNow().notNull(),
+});
+
+export type Category = typeof categories.$inferSelect;
+export type NewCategory = typeof categories.$inferInsert;
+```
+
+### 3.7 `packages/database/src/schema/interactions.ts`
+
+```typescript
+import { pgTable, uuid, timestamp, boolean, real, integer, index, unique } from 'drizzle-orm/pg-core';
+import { users } from './users';
+import { articles } from './articles';
+
+export const userArticleInteractions = pgTable('user_article_interactions', {
+ id: uuid('id').primaryKey().defaultRandom(),
+ userId: uuid('user_id').references(() => users.id, { onDelete: 'cascade' }).notNull(),
+ articleId: uuid('article_id').references(() => articles.id, { onDelete: 'cascade' }).notNull(),
+
+ // Interaction states
+ isRead: boolean('is_read').default(false).notNull(),
+ isSaved: boolean('is_saved').default(false).notNull(),
+ readProgress: real('read_progress').default(0), // 0.0 to 1.0
+ rating: integer('rating'), // 1-5
+ shareCount: integer('share_count').default(0).notNull(),
+
+ // Timestamps
+ openedAt: timestamp('opened_at'),
+ readAt: timestamp('read_at'),
+ savedAt: timestamp('saved_at'),
+ ratedAt: timestamp('rated_at'),
+ createdAt: timestamp('created_at').defaultNow().notNull(),
+ updatedAt: timestamp('updated_at').defaultNow().notNull(),
+}, (table) => ({
+ // Unique constraint: ein User kann nur eine Interaction pro Artikel haben
+ userArticleUnique: unique('user_article_unique').on(table.userId, table.articleId),
+ // Indexes
+ userIdx: index('interactions_user_idx').on(table.userId),
+ articleIdx: index('interactions_article_idx').on(table.articleId),
+}));
+
+export type UserArticleInteraction = typeof userArticleInteractions.$inferSelect;
+export type NewUserArticleInteraction = typeof userArticleInteractions.$inferInsert;
+```
+
+### 3.8 `packages/database/src/schema/auth.ts` (Better Auth)
+
+```typescript
+import { pgTable, uuid, text, timestamp, boolean, integer } from 'drizzle-orm/pg-core';
+import { users } from './users';
+
+// Better Auth Sessions
+export const sessions = pgTable('sessions', {
+ id: uuid('id').primaryKey().defaultRandom(),
+ userId: uuid('user_id').references(() => users.id, { onDelete: 'cascade' }).notNull(),
+ token: text('token').notNull().unique(),
+ expiresAt: timestamp('expires_at').notNull(),
+ ipAddress: text('ip_address'),
+ userAgent: text('user_agent'),
+ createdAt: timestamp('created_at').defaultNow().notNull(),
+ updatedAt: timestamp('updated_at').defaultNow().notNull(),
+});
+
+// Better Auth Accounts (OAuth providers)
+export const accounts = pgTable('accounts', {
+ id: uuid('id').primaryKey().defaultRandom(),
+ userId: uuid('user_id').references(() => users.id, { onDelete: 'cascade' }).notNull(),
+ providerId: text('provider_id').notNull(), // 'email', 'google', 'apple', etc.
+ providerAccountId: text('provider_account_id').notNull(),
+ accessToken: text('access_token'),
+ refreshToken: text('refresh_token'),
+ accessTokenExpiresAt: timestamp('access_token_expires_at'),
+ refreshTokenExpiresAt: timestamp('refresh_token_expires_at'),
+ scope: text('scope'),
+ password: text('password'), // Hashed, only for email provider
+ createdAt: timestamp('created_at').defaultNow().notNull(),
+ updatedAt: timestamp('updated_at').defaultNow().notNull(),
+});
+
+// Better Auth Verification Tokens (Email verification, password reset)
+export const verificationTokens = pgTable('verification_tokens', {
+ id: uuid('id').primaryKey().defaultRandom(),
+ userId: uuid('user_id').references(() => users.id, { onDelete: 'cascade' }).notNull(),
+ token: text('token').notNull().unique(),
+ type: text('type').notNull(), // 'email_verification', 'password_reset'
+ expiresAt: timestamp('expires_at').notNull(),
+ createdAt: timestamp('created_at').defaultNow().notNull(),
+});
+```
+
+### 3.9 `packages/database/src/index.ts`
+
+```typescript
+import { drizzle } from 'drizzle-orm/postgres-js';
+import postgres from 'postgres';
+import * as schema from './schema';
+
+export * from './schema';
+
+const connectionString = process.env.DATABASE_URL || 'postgresql://news:news_dev_password@localhost:5432/news_hub';
+
+// For query purposes
+const queryClient = postgres(connectionString);
+export const db = drizzle(queryClient, { schema });
+
+// For migrations (uses different client settings)
+export const createMigrationClient = () => {
+ const migrationClient = postgres(connectionString, { max: 1 });
+ return drizzle(migrationClient, { schema });
+};
+```
+
+---
+
+## Phase 4: NestJS Backend
+
+### 4.1 `apps/api/package.json`
+
+```json
+{
+ "name": "@news/api",
+ "version": "1.0.0",
+ "scripts": {
+ "build": "nest build",
+ "dev": "nest start --watch",
+ "start": "nest start",
+ "start:prod": "node dist/main"
+ },
+ "dependencies": {
+ "@nestjs/common": "^10.0.0",
+ "@nestjs/core": "^10.0.0",
+ "@nestjs/platform-fastify": "^10.0.0",
+ "@news/database": "workspace:*",
+ "better-auth": "^1.0.0",
+ "@mozilla/readability": "^0.5.0",
+ "jsdom": "^24.0.0",
+ "class-validator": "^0.14.0",
+ "class-transformer": "^0.5.1"
+ },
+ "devDependencies": {
+ "@nestjs/cli": "^10.0.0",
+ "@types/node": "^20.0.0",
+ "typescript": "^5.4.0"
+ }
+}
+```
+
+### 4.2 `apps/api/src/main.ts`
+
+```typescript
+import { NestFactory } from '@nestjs/core';
+import { FastifyAdapter, NestFastifyApplication } from '@nestjs/platform-fastify';
+import { ValidationPipe } from '@nestjs/common';
+import { AppModule } from './app.module';
+
+async function bootstrap() {
+ const app = await NestFactory.create
(
+ AppModule,
+ new FastifyAdapter()
+ );
+
+ app.enableCors({
+ origin: [
+ 'http://localhost:8081', // Expo web
+ 'http://localhost:19006', // Expo web alt
+ 'exp://*', // Expo Go
+ ],
+ credentials: true,
+ });
+
+ app.useGlobalPipes(new ValidationPipe({
+ whitelist: true,
+ transform: true,
+ }));
+
+ await app.listen(3000, '0.0.0.0');
+ console.log('API running on http://localhost:3000');
+}
+
+bootstrap();
+```
+
+### 4.3 `apps/api/src/app.module.ts`
+
+```typescript
+import { Module } from '@nestjs/common';
+import { ConfigModule } from '@nestjs/config';
+import { DatabaseModule } from './database/database.module';
+import { AuthModule } from './auth/auth.module';
+import { ArticlesModule } from './articles/articles.module';
+import { CategoriesModule } from './categories/categories.module';
+import { UsersModule } from './users/users.module';
+import { ContentExtractionModule } from './content-extraction/content-extraction.module';
+
+@Module({
+ imports: [
+ ConfigModule.forRoot({ isGlobal: true }),
+ DatabaseModule,
+ AuthModule,
+ ArticlesModule,
+ CategoriesModule,
+ UsersModule,
+ ContentExtractionModule,
+ ],
+})
+export class AppModule {}
+```
+
+### 4.4 `apps/api/src/database/database.module.ts`
+
+```typescript
+import { Module, Global } from '@nestjs/common';
+import { db } from '@news/database';
+
+export const DATABASE_CONNECTION = 'DATABASE_CONNECTION';
+
+@Global()
+@Module({
+ providers: [
+ {
+ provide: DATABASE_CONNECTION,
+ useValue: db,
+ },
+ ],
+ exports: [DATABASE_CONNECTION],
+})
+export class DatabaseModule {}
+```
+
+### 4.5 `apps/api/src/auth/auth.module.ts` (Better Auth)
+
+```typescript
+import { Module } from '@nestjs/common';
+import { AuthController } from './auth.controller';
+import { AuthService } from './auth.service';
+import { BetterAuthService } from './better-auth.service';
+
+@Module({
+ controllers: [AuthController],
+ providers: [AuthService, BetterAuthService],
+ exports: [AuthService, BetterAuthService],
+})
+export class AuthModule {}
+```
+
+### 4.6 `apps/api/src/auth/better-auth.service.ts`
+
+```typescript
+import { Injectable } from '@nestjs/common';
+import { betterAuth } from 'better-auth';
+import { drizzleAdapter } from 'better-auth/adapters/drizzle';
+import { db, users, sessions, accounts, verificationTokens } from '@news/database';
+
+@Injectable()
+export class BetterAuthService {
+ public auth = betterAuth({
+ database: drizzleAdapter(db, {
+ provider: 'pg',
+ schema: {
+ user: users,
+ session: sessions,
+ account: accounts,
+ verification: verificationTokens,
+ },
+ }),
+ emailAndPassword: {
+ enabled: true,
+ requireEmailVerification: false, // Für MVP erstmal aus
+ },
+ session: {
+ expiresIn: 60 * 60 * 24 * 7, // 7 days
+ updateAge: 60 * 60 * 24, // 1 day
+ },
+ // Optional: OAuth providers
+ // socialProviders: {
+ // google: {
+ // clientId: process.env.GOOGLE_CLIENT_ID!,
+ // clientSecret: process.env.GOOGLE_CLIENT_SECRET!,
+ // },
+ // apple: {
+ // clientId: process.env.APPLE_CLIENT_ID!,
+ // clientSecret: process.env.APPLE_CLIENT_SECRET!,
+ // },
+ // },
+ });
+}
+```
+
+### 4.7 `apps/api/src/auth/auth.controller.ts`
+
+```typescript
+import { Controller, Post, Get, Body, Req, Res, UseGuards } from '@nestjs/common';
+import { FastifyRequest, FastifyReply } from 'fastify';
+import { BetterAuthService } from './better-auth.service';
+
+@Controller('auth')
+export class AuthController {
+ constructor(private betterAuth: BetterAuthService) {}
+
+ @Post('signup')
+ async signUp(
+ @Body() body: { email: string; password: string; name?: string },
+ @Req() req: FastifyRequest,
+ @Res() res: FastifyReply,
+ ) {
+ return this.betterAuth.auth.api.signUpEmail({
+ body,
+ headers: req.headers as any,
+ });
+ }
+
+ @Post('signin')
+ async signIn(
+ @Body() body: { email: string; password: string },
+ @Req() req: FastifyRequest,
+ ) {
+ return this.betterAuth.auth.api.signInEmail({
+ body,
+ headers: req.headers as any,
+ });
+ }
+
+ @Post('signout')
+ async signOut(@Req() req: FastifyRequest) {
+ return this.betterAuth.auth.api.signOut({
+ headers: req.headers as any,
+ });
+ }
+
+ @Get('session')
+ async getSession(@Req() req: FastifyRequest) {
+ return this.betterAuth.auth.api.getSession({
+ headers: req.headers as any,
+ });
+ }
+}
+```
+
+### 4.8 `apps/api/src/articles/articles.module.ts`
+
+```typescript
+import { Module } from '@nestjs/common';
+import { ArticlesController } from './articles.controller';
+import { ArticlesService } from './articles.service';
+
+@Module({
+ controllers: [ArticlesController],
+ providers: [ArticlesService],
+ exports: [ArticlesService],
+})
+export class ArticlesModule {}
+```
+
+### 4.9 `apps/api/src/articles/articles.service.ts`
+
+```typescript
+import { Injectable, Inject } from '@nestjs/common';
+import { eq, and, desc, sql } from 'drizzle-orm';
+import { DATABASE_CONNECTION } from '../database/database.module';
+import { db, articles, Article, NewArticle } from '@news/database';
+
+@Injectable()
+export class ArticlesService {
+ constructor(@Inject(DATABASE_CONNECTION) private db: typeof db) {}
+
+ // AI-generierte Artikel (feed, summary, in_depth)
+ async getAIArticles(options: {
+ type?: 'feed' | 'summary' | 'in_depth';
+ categoryId?: string;
+ limit?: number;
+ offset?: number;
+ }): Promise {
+ const { type, categoryId, limit = 20, offset = 0 } = options;
+
+ let query = this.db
+ .select()
+ .from(articles)
+ .where(eq(articles.sourceOrigin, 'ai'))
+ .orderBy(desc(articles.publishedAt))
+ .limit(limit)
+ .offset(offset);
+
+ if (type) {
+ query = query.where(and(
+ eq(articles.sourceOrigin, 'ai'),
+ eq(articles.type, type)
+ ));
+ }
+
+ if (categoryId) {
+ query = query.where(and(
+ eq(articles.sourceOrigin, 'ai'),
+ eq(articles.categoryId, categoryId)
+ ));
+ }
+
+ return query;
+ }
+
+ // User-gespeicherte Artikel
+ async getSavedArticles(userId: string, includeArchived = false): Promise {
+ const conditions = [
+ eq(articles.sourceOrigin, 'user_saved'),
+ eq(articles.userId, userId),
+ ];
+
+ if (!includeArchived) {
+ conditions.push(eq(articles.isArchived, false));
+ }
+
+ return this.db
+ .select()
+ .from(articles)
+ .where(and(...conditions))
+ .orderBy(desc(articles.createdAt));
+ }
+
+ // Artikel speichern (für Content Extraction)
+ async createSavedArticle(data: {
+ userId: string;
+ title: string;
+ content: string;
+ parsedContent: string;
+ originalUrl: string;
+ }): Promise {
+ const [article] = await this.db
+ .insert(articles)
+ .values({
+ type: 'saved',
+ sourceOrigin: 'user_saved',
+ userId: data.userId,
+ title: data.title,
+ content: data.content,
+ parsedContent: data.parsedContent,
+ originalUrl: data.originalUrl,
+ isArchived: false,
+ })
+ .returning();
+
+ return article;
+ }
+
+ // Artikel archivieren
+ async archiveArticle(articleId: string, userId: string): Promise {
+ await this.db
+ .update(articles)
+ .set({ isArchived: true, updatedAt: new Date() })
+ .where(and(
+ eq(articles.id, articleId),
+ eq(articles.userId, userId)
+ ));
+ }
+
+ // Artikel löschen
+ async deleteArticle(articleId: string, userId: string): Promise {
+ await this.db
+ .delete(articles)
+ .where(and(
+ eq(articles.id, articleId),
+ eq(articles.userId, userId)
+ ));
+ }
+
+ // Einzelnen Artikel laden
+ async getArticleById(articleId: string): Promise {
+ const [article] = await this.db
+ .select()
+ .from(articles)
+ .where(eq(articles.id, articleId))
+ .limit(1);
+
+ return article || null;
+ }
+}
+```
+
+### 4.10 `apps/api/src/articles/articles.controller.ts`
+
+```typescript
+import { Controller, Get, Post, Delete, Param, Query, Body, UseGuards, Req } from '@nestjs/common';
+import { ArticlesService } from './articles.service';
+import { AuthGuard } from '../auth/auth.guard';
+
+@Controller('articles')
+export class ArticlesController {
+ constructor(private articlesService: ArticlesService) {}
+
+ // Öffentliche AI-Artikel
+ @Get()
+ async getArticles(
+ @Query('type') type?: 'feed' | 'summary' | 'in_depth',
+ @Query('categoryId') categoryId?: string,
+ @Query('limit') limit?: string,
+ @Query('offset') offset?: string,
+ ) {
+ return this.articlesService.getAIArticles({
+ type,
+ categoryId,
+ limit: limit ? parseInt(limit) : 20,
+ offset: offset ? parseInt(offset) : 0,
+ });
+ }
+
+ // Einzelner Artikel
+ @Get(':id')
+ async getArticle(@Param('id') id: string) {
+ return this.articlesService.getArticleById(id);
+ }
+
+ // Gespeicherte Artikel (Auth required)
+ @Get('saved')
+ @UseGuards(AuthGuard)
+ async getSavedArticles(
+ @Req() req: any,
+ @Query('includeArchived') includeArchived?: string,
+ ) {
+ return this.articlesService.getSavedArticles(
+ req.user.id,
+ includeArchived === 'true'
+ );
+ }
+
+ // Artikel archivieren
+ @Post(':id/archive')
+ @UseGuards(AuthGuard)
+ async archiveArticle(@Param('id') id: string, @Req() req: any) {
+ await this.articlesService.archiveArticle(id, req.user.id);
+ return { success: true };
+ }
+
+ // Artikel löschen
+ @Delete(':id')
+ @UseGuards(AuthGuard)
+ async deleteArticle(@Param('id') id: string, @Req() req: any) {
+ await this.articlesService.deleteArticle(id, req.user.id);
+ return { success: true };
+ }
+}
+```
+
+### 4.11 `apps/api/src/content-extraction/content-extraction.service.ts`
+
+```typescript
+import { Injectable } from '@nestjs/common';
+import { Readability } from '@mozilla/readability';
+import { JSDOM } from 'jsdom';
+import { ArticlesService } from '../articles/articles.service';
+
+export interface ExtractedContent {
+ title: string;
+ content: string; // Plain text
+ htmlContent: string; // Cleaned HTML
+ excerpt?: string;
+ byline?: string;
+ siteName?: string;
+}
+
+@Injectable()
+export class ContentExtractionService {
+ constructor(private articlesService: ArticlesService) {}
+
+ async extractFromUrl(url: string): Promise {
+ // Fetch the page
+ const response = await fetch(url, {
+ headers: {
+ 'User-Agent': 'Mozilla/5.0 (compatible; NewsHub/1.0)',
+ },
+ });
+
+ if (!response.ok) {
+ throw new Error(`Failed to fetch URL: ${response.status}`);
+ }
+
+ const html = await response.text();
+
+ // Parse with JSDOM
+ const dom = new JSDOM(html, { url });
+ const reader = new Readability(dom.window.document);
+ const article = reader.parse();
+
+ if (!article) {
+ throw new Error('Could not extract article content');
+ }
+
+ return {
+ title: article.title,
+ content: article.textContent,
+ htmlContent: article.content,
+ excerpt: article.excerpt,
+ byline: article.byline,
+ siteName: article.siteName,
+ };
+ }
+
+ async saveArticleFromUrl(userId: string, url: string) {
+ const extracted = await this.extractFromUrl(url);
+
+ return this.articlesService.createSavedArticle({
+ userId,
+ title: extracted.title,
+ content: extracted.content,
+ parsedContent: extracted.htmlContent,
+ originalUrl: url,
+ });
+ }
+}
+```
+
+### 4.12 `apps/api/src/content-extraction/content-extraction.controller.ts`
+
+```typescript
+import { Controller, Post, Body, UseGuards, Req } from '@nestjs/common';
+import { ContentExtractionService } from './content-extraction.service';
+import { AuthGuard } from '../auth/auth.guard';
+
+@Controller('extract')
+export class ContentExtractionController {
+ constructor(private contentExtractionService: ContentExtractionService) {}
+
+ @Post('save')
+ @UseGuards(AuthGuard)
+ async saveFromUrl(@Body('url') url: string, @Req() req: any) {
+ const article = await this.contentExtractionService.saveArticleFromUrl(
+ req.user.id,
+ url
+ );
+
+ return { success: true, article };
+ }
+
+ @Post('preview')
+ async previewUrl(@Body('url') url: string) {
+ const extracted = await this.contentExtractionService.extractFromUrl(url);
+ return extracted;
+ }
+}
+```
+
+---
+
+## Phase 5: Mobile App migrieren
+
+### 5.1 Apps zusammenführen
+
+```bash
+# ainews nach apps/mobile verschieben
+mv ainews apps/mobile
+
+# kokon-spezifische Dateien übernehmen
+cp kokon/hooks/useArticles.ts apps/mobile/hooks/
+cp -r kokon/browser-extension packages/browser-extension
+```
+
+### 5.2 `apps/mobile/package.json` anpassen
+
+```json
+{
+ "name": "@news/mobile",
+ "dependencies": {
+ "@news/shared": "workspace:*",
+ // Supabase entfernen:
+ // "@supabase/supabase-js": "REMOVE",
+ // Stattdessen:
+ "better-auth/client": "^1.0.0"
+ }
+}
+```
+
+### 5.3 Neuer API Client: `apps/mobile/services/api.ts`
+
+```typescript
+const API_URL = process.env.EXPO_PUBLIC_API_URL || 'http://localhost:3000';
+
+class ApiClient {
+ private token: string | null = null;
+
+ setToken(token: string | null) {
+ this.token = token;
+ }
+
+ private async request(
+ endpoint: string,
+ options: RequestInit = {}
+ ): Promise {
+ const headers: HeadersInit = {
+ 'Content-Type': 'application/json',
+ ...options.headers,
+ };
+
+ if (this.token) {
+ headers['Authorization'] = `Bearer ${this.token}`;
+ }
+
+ const response = await fetch(`${API_URL}${endpoint}`, {
+ ...options,
+ headers,
+ });
+
+ if (!response.ok) {
+ const error = await response.json().catch(() => ({}));
+ throw new Error(error.message || `API Error: ${response.status}`);
+ }
+
+ return response.json();
+ }
+
+ // Articles
+ async getArticles(params?: {
+ type?: string;
+ categoryId?: string;
+ limit?: number;
+ offset?: number;
+ }) {
+ const query = new URLSearchParams(params as any).toString();
+ return this.request(`/articles?${query}`);
+ }
+
+ async getArticle(id: string) {
+ return this.request(`/articles/${id}`);
+ }
+
+ async getSavedArticles(includeArchived = false) {
+ return this.request(`/articles/saved?includeArchived=${includeArchived}`);
+ }
+
+ async archiveArticle(id: string) {
+ return this.request(`/articles/${id}/archive`, { method: 'POST' });
+ }
+
+ async deleteArticle(id: string) {
+ return this.request(`/articles/${id}`, { method: 'DELETE' });
+ }
+
+ // Content Extraction
+ async saveArticleFromUrl(url: string) {
+ return this.request('/extract/save', {
+ method: 'POST',
+ body: JSON.stringify({ url }),
+ });
+ }
+
+ // Auth
+ async signUp(email: string, password: string, name?: string) {
+ return this.request('/auth/signup', {
+ method: 'POST',
+ body: JSON.stringify({ email, password, name }),
+ });
+ }
+
+ async signIn(email: string, password: string) {
+ const result = await this.request<{ token: string; user: any }>('/auth/signin', {
+ method: 'POST',
+ body: JSON.stringify({ email, password }),
+ });
+ this.setToken(result.token);
+ return result;
+ }
+
+ async signOut() {
+ await this.request('/auth/signout', { method: 'POST' });
+ this.setToken(null);
+ }
+
+ async getSession() {
+ return this.request('/auth/session');
+ }
+}
+
+export const api = new ApiClient();
+```
+
+### 5.4 Auth Context aktualisieren: `apps/mobile/contexts/AuthContext.tsx`
+
+```typescript
+import React, { createContext, useContext, useEffect, useState } from 'react';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import { api } from '~/services/api';
+
+interface User {
+ id: string;
+ email: string;
+ name?: string;
+}
+
+interface AuthContextType {
+ user: User | null;
+ isLoading: boolean;
+ signIn: (email: string, password: string) => Promise;
+ signUp: (email: string, password: string, name?: string) => Promise;
+ signOut: () => Promise;
+}
+
+const AuthContext = createContext(null);
+
+const TOKEN_KEY = 'auth_token';
+
+export function AuthProvider({ children }: { children: React.ReactNode }) {
+ const [user, setUser] = useState(null);
+ const [isLoading, setIsLoading] = useState(true);
+
+ useEffect(() => {
+ loadStoredAuth();
+ }, []);
+
+ async function loadStoredAuth() {
+ try {
+ const token = await AsyncStorage.getItem(TOKEN_KEY);
+ if (token) {
+ api.setToken(token);
+ const session = await api.getSession();
+ setUser(session.user);
+ }
+ } catch (error) {
+ console.error('Failed to load auth:', error);
+ } finally {
+ setIsLoading(false);
+ }
+ }
+
+ async function signIn(email: string, password: string) {
+ const result = await api.signIn(email, password);
+ await AsyncStorage.setItem(TOKEN_KEY, result.token);
+ setUser(result.user);
+ }
+
+ async function signUp(email: string, password: string, name?: string) {
+ const result = await api.signUp(email, password, name);
+ await AsyncStorage.setItem(TOKEN_KEY, result.token);
+ setUser(result.user);
+ }
+
+ async function signOut() {
+ await api.signOut();
+ await AsyncStorage.removeItem(TOKEN_KEY);
+ setUser(null);
+ }
+
+ return (
+
+ {children}
+
+ );
+}
+
+export function useAuth() {
+ const context = useContext(AuthContext);
+ if (!context) {
+ throw new Error('useAuth must be used within AuthProvider');
+ }
+ return context;
+}
+```
+
+### 5.5 Article Store aktualisieren: `apps/mobile/store/articleStore.ts`
+
+```typescript
+import { create } from 'zustand';
+import { api } from '~/services/api';
+
+interface Article {
+ id: string;
+ type: 'feed' | 'summary' | 'in_depth' | 'saved';
+ title: string;
+ content: string;
+ // ... weitere Felder
+}
+
+interface ArticleState {
+ articles: Article[];
+ savedArticles: Article[];
+ isLoading: boolean;
+ isLoadingSaved: boolean;
+
+ loadArticles: (type?: string) => Promise;
+ loadSavedArticles: () => Promise;
+ saveArticleFromUrl: (url: string) => Promise;
+ archiveArticle: (id: string) => Promise;
+}
+
+export const useArticleStore = create((set, get) => ({
+ articles: [],
+ savedArticles: [],
+ isLoading: false,
+ isLoadingSaved: false,
+
+ loadArticles: async (type) => {
+ set({ isLoading: true });
+ try {
+ const articles = await api.getArticles({ type });
+ set({ articles, isLoading: false });
+ } catch (error) {
+ console.error('Failed to load articles:', error);
+ set({ isLoading: false });
+ }
+ },
+
+ loadSavedArticles: async () => {
+ set({ isLoadingSaved: true });
+ try {
+ const savedArticles = await api.getSavedArticles();
+ set({ savedArticles, isLoadingSaved: false });
+ } catch (error) {
+ console.error('Failed to load saved articles:', error);
+ set({ isLoadingSaved: false });
+ }
+ },
+
+ saveArticleFromUrl: async (url: string) => {
+ try {
+ await api.saveArticleFromUrl(url);
+ get().loadSavedArticles();
+ return true;
+ } catch (error) {
+ console.error('Failed to save article:', error);
+ return false;
+ }
+ },
+
+ archiveArticle: async (id: string) => {
+ // Optimistic update
+ set(state => ({
+ savedArticles: state.savedArticles.filter(a => a.id !== id)
+ }));
+
+ try {
+ await api.archiveArticle(id);
+ } catch (error) {
+ // Rollback
+ get().loadSavedArticles();
+ }
+ },
+}));
+```
+
+---
+
+## Phase 6: Browser Extension anpassen
+
+### 6.1 `packages/browser-extension/manifest.json`
+
+```json
+{
+ "manifest_version": 3,
+ "name": "News Hub - Save Article",
+ "version": "1.0.0",
+ "description": "Speichere Artikel in deiner News Hub Bibliothek",
+ "permissions": ["activeTab", "storage"],
+ "host_permissions": ["http://localhost:3000/*"],
+ "action": {
+ "default_popup": "popup.html",
+ "default_title": "In News Hub speichern"
+ },
+ "background": {
+ "service_worker": "background.js"
+ }
+}
+```
+
+### 6.2 `packages/browser-extension/popup.js`
+
+```javascript
+const API_URL = 'http://localhost:3000';
+
+document.addEventListener('DOMContentLoaded', async () => {
+ const pageTitle = document.getElementById('pageTitle');
+ const pageUrl = document.getElementById('pageUrl');
+ const saveButton = document.getElementById('saveButton');
+ const status = document.getElementById('status');
+ const loginNotice = document.getElementById('loginNotice');
+
+ let currentTab = null;
+ let authToken = null;
+
+ // Get current tab
+ const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
+ currentTab = tab;
+ pageTitle.textContent = tab.title || 'Untitled';
+ pageUrl.textContent = tab.url;
+
+ // Check auth from storage
+ const stored = await chrome.storage.local.get(['news_hub_token']);
+ authToken = stored.news_hub_token;
+
+ if (authToken) {
+ saveButton.disabled = false;
+ loginNotice.style.display = 'none';
+ saveArticle();
+ } else {
+ loginNotice.style.display = 'block';
+ saveButton.disabled = true;
+ }
+
+ async function saveArticle() {
+ if (!currentTab || !authToken) return;
+
+ saveButton.disabled = true;
+ status.textContent = 'Speichert...';
+
+ try {
+ const response = await fetch(`${API_URL}/extract/save`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Authorization': `Bearer ${authToken}`,
+ },
+ body: JSON.stringify({ url: currentTab.url }),
+ });
+
+ if (response.ok) {
+ status.textContent = 'Gespeichert!';
+ setTimeout(() => window.close(), 1500);
+ } else {
+ throw new Error('Failed to save');
+ }
+ } catch (error) {
+ status.textContent = 'Fehler beim Speichern';
+ saveButton.disabled = false;
+ }
+ }
+
+ saveButton.addEventListener('click', saveArticle);
+});
+```
+
+---
+
+## Phase 7: Environment & Scripts
+
+### 7.1 `.env.example` (Root)
+
+```env
+# Database
+DATABASE_URL=postgresql://news:news_dev_password@localhost:5432/news_hub
+
+# API
+API_PORT=3000
+API_URL=http://localhost:3000
+
+# Better Auth
+BETTER_AUTH_SECRET=your-secret-key-here
+
+# Mobile App
+EXPO_PUBLIC_API_URL=http://localhost:3000
+```
+
+### 7.2 Root `package.json` Scripts
+
+```json
+{
+ "scripts": {
+ "dev": "turbo run dev",
+ "dev:api": "turbo run dev --filter=@news/api",
+ "dev:mobile": "turbo run dev --filter=@news/mobile",
+ "build": "turbo run build",
+ "docker:up": "docker-compose -f docker/docker-compose.yml up -d",
+ "docker:down": "docker-compose -f docker/docker-compose.yml down",
+ "db:generate": "pnpm --filter @news/database db:generate",
+ "db:migrate": "pnpm --filter @news/database db:migrate",
+ "db:push": "pnpm --filter @news/database db:push",
+ "db:studio": "pnpm --filter @news/database db:studio"
+ }
+}
+```
+
+---
+
+## Migrations-Checkliste
+
+### Vorbereitung
+- [ ] pnpm installieren (falls nicht vorhanden)
+- [ ] Docker Desktop installiert
+- [ ] Node.js 20+ installiert
+
+### Phase 1: Monorepo
+- [ ] Root package.json erstellt
+- [ ] turbo.json erstellt
+- [ ] Ordnerstruktur angelegt
+- [ ] `pnpm install` erfolgreich
+
+### Phase 2: Docker
+- [ ] docker-compose.yml erstellt
+- [ ] `pnpm docker:up` startet PostgreSQL
+- [ ] pgAdmin erreichbar unter localhost:5050
+
+### Phase 3: Database Package
+- [ ] Drizzle Schema definiert
+- [ ] `pnpm db:generate` erfolgreich
+- [ ] `pnpm db:push` erstellt Tabellen
+- [ ] `pnpm db:studio` zeigt Tabellen
+
+### Phase 4: NestJS Backend
+- [ ] NestJS Projekt erstellt
+- [ ] Better Auth konfiguriert
+- [ ] Auth Endpoints funktionieren
+- [ ] Articles Endpoints funktionieren
+- [ ] Content Extraction funktioniert
+
+### Phase 5: Mobile App
+- [ ] ainews nach apps/mobile verschoben
+- [ ] Supabase-Abhängigkeiten entfernt
+- [ ] API Client erstellt
+- [ ] Auth Context aktualisiert
+- [ ] Store aktualisiert
+- [ ] App startet und verbindet mit API
+
+### Phase 6: Browser Extension
+- [ ] Extension nach packages/browser-extension
+- [ ] API URL angepasst
+- [ ] Funktioniert mit neuem Backend
+
+### Phase 7: Testing
+- [ ] User Registration
+- [ ] User Login
+- [ ] Artikel laden (Feed)
+- [ ] Artikel speichern via URL
+- [ ] Artikel speichern via Extension
+- [ ] Artikel archivieren
+
+---
+
+## Empfohlene Reihenfolge zum Starten
+
+```bash
+# 1. Monorepo initialisieren
+cd news
+pnpm init
+# package.json anpassen (workspaces)
+
+# 2. Docker starten
+pnpm docker:up
+
+# 3. Database Package erstellen & migrieren
+cd packages/database
+pnpm install
+pnpm db:push
+
+# 4. API entwickeln & testen
+cd apps/api
+pnpm install
+pnpm dev
+# Test: curl http://localhost:3000/articles
+
+# 5. Mobile App migrieren
+mv ainews apps/mobile
+cd apps/mobile
+# Supabase entfernen, API Client einbauen
+pnpm dev
+
+# 6. Extension anpassen
+cd packages/browser-extension
+# URLs anpassen, testen
+```
+
+---
+
+## Vorteile der neuen Architektur
+
+| Aspekt | Vorher (Supabase) | Nachher (Eigenes Backend) |
+|--------|-------------------|---------------------------|
+| **Kontrolle** | Abhängig von Supabase | Volle Kontrolle |
+| **Kosten** | Pay-per-use | Fixkosten (oder gratis lokal) |
+| **Flexibilität** | Supabase-Limits | Unbegrenzt skalierbar |
+| **Type Safety** | Manuell generiert | Drizzle: Schema = Types |
+| **Migrations** | Supabase Dashboard | Drizzle-Kit: Versioniert |
+| **Testing** | Schwierig lokal | Docker: Identisch zu Prod |
+| **Auth** | Supabase Auth | Better Auth: Flexibel |
+
+---
+
+## Nächste Schritte
+
+1. **Entscheidung**: Plan OK? Anpassungen nötig?
+2. **Phase 1 starten**: Monorepo Setup
+3. **Parallel**: Docker & Database Package
+
+Soll ich mit der Implementierung beginnen?
diff --git a/news/README.md b/news/README.md
new file mode 100644
index 000000000..d6c5e1f1e
--- /dev/null
+++ b/news/README.md
@@ -0,0 +1,178 @@
+# News Hub
+
+A unified news reading platform combining AI-curated news with personal article saving capabilities.
+
+## Architecture
+
+```
+news/
+├── apps/
+│ ├── mobile/ # React Native/Expo App
+│ └── api/ # NestJS Backend
+├── packages/
+│ ├── database/ # Drizzle ORM Schema
+│ ├── shared/ # Shared utilities
+│ └── browser-extension/ # Chrome Extension
+└── docker/ # PostgreSQL Docker setup
+```
+
+## Tech Stack
+
+| Component | Technology |
+|-----------|------------|
+| **Database** | PostgreSQL 16 (Docker) |
+| **ORM** | Drizzle |
+| **Backend** | NestJS + Fastify |
+| **Auth** | Custom JWT Auth |
+| **Mobile** | React Native / Expo |
+| **State** | Zustand |
+| **Styling** | NativeWind (Tailwind) |
+| **Monorepo** | pnpm workspaces + Turborepo |
+
+## Getting Started
+
+### Prerequisites
+
+- Node.js 20+
+- pnpm 9+
+- Docker Desktop
+
+### Setup
+
+```bash
+# 1. Install dependencies
+pnpm install
+
+# 2. Start PostgreSQL
+pnpm docker:up
+
+# 3. Push database schema
+pnpm db:push
+
+# 4. Start API server
+pnpm dev:api
+
+# 5. Start mobile app (in another terminal)
+pnpm dev:mobile
+```
+
+### Available Scripts
+
+```bash
+# Development
+pnpm dev # Start all services
+pnpm dev:api # Start API only
+pnpm dev:mobile # Start mobile app only
+
+# Database
+pnpm db:push # Push schema to database
+pnpm db:generate # Generate migrations
+pnpm db:migrate # Run migrations
+pnpm db:studio # Open Drizzle Studio
+
+# Docker
+pnpm docker:up # Start PostgreSQL
+pnpm docker:down # Stop PostgreSQL
+pnpm docker:logs # View logs
+
+# Build
+pnpm build # Build all packages
+```
+
+## Environment Variables
+
+Create a `.env` file in the root directory:
+
+```env
+# Database
+DATABASE_URL=postgresql://news:news_dev_password@localhost:5432/news_hub
+
+# API
+API_PORT=3000
+API_URL=http://localhost:3000
+
+# Better Auth Secret
+BETTER_AUTH_SECRET=your-secret-key
+
+# Mobile App
+EXPO_PUBLIC_API_URL=http://localhost:3000
+```
+
+## Features
+
+### News Feed (AI-Generated)
+- **Feed**: Quick news updates with infinite scroll
+- **Summaries**: 4 daily summaries (morning, noon, evening, night)
+- **In-Depth**: Detailed analysis articles
+
+### Personal Library (Read Later)
+- Save articles from any URL
+- Browser extension for one-click saving
+- Content extraction with Readability
+- Archive and organize articles
+
+## API Endpoints
+
+### Auth
+- `POST /auth/signup` - Create account
+- `POST /auth/signin` - Sign in
+- `POST /auth/signout` - Sign out
+- `GET /auth/session` - Get current session
+
+### Articles
+- `GET /articles` - Get AI articles (public)
+- `GET /articles/:id` - Get single article
+- `GET /articles/saved/list` - Get saved articles (auth required)
+- `POST /articles/:id/archive` - Archive article
+- `DELETE /articles/:id` - Delete article
+
+### Content Extraction
+- `POST /extract/save` - Save article from URL (auth required)
+- `POST /extract/preview` - Preview URL extraction (public)
+
+### Categories
+- `GET /categories` - Get all categories
+
+### Users
+- `GET /users/me` - Get current user
+- `PATCH /users/me` - Update profile
+- `PATCH /users/me/onboarding` - Complete onboarding
+
+## Browser Extension
+
+The browser extension is located in `packages/browser-extension/`.
+
+### Installation (Development)
+1. Go to `chrome://extensions/`
+2. Enable "Developer mode"
+3. Click "Load unpacked"
+4. Select the `packages/browser-extension` folder
+
+## Database Schema
+
+### Tables
+- `users` - User accounts and preferences
+- `articles` - All articles (AI-generated and user-saved)
+- `categories` - Article categories
+- `user_article_interactions` - Reading progress, ratings, bookmarks
+- `sessions` - Auth sessions
+- `accounts` - Auth providers
+- `verifications` - Email verification tokens
+
+## Development
+
+### Adding a new API endpoint
+
+1. Create service in `apps/api/src/{module}/{module}.service.ts`
+2. Create controller in `apps/api/src/{module}/{module}.controller.ts`
+3. Add module to `app.module.ts`
+
+### Adding a new database table
+
+1. Create schema in `packages/database/src/schema/{table}.ts`
+2. Export from `packages/database/src/schema/index.ts`
+3. Run `pnpm db:push` to update database
+
+## License
+
+Private
diff --git a/news/apps/api/nest-cli.json b/news/apps/api/nest-cli.json
new file mode 100644
index 000000000..f9aa683b1
--- /dev/null
+++ b/news/apps/api/nest-cli.json
@@ -0,0 +1,8 @@
+{
+ "$schema": "https://json.schemastore.org/nest-cli",
+ "collection": "@nestjs/schematics",
+ "sourceRoot": "src",
+ "compilerOptions": {
+ "deleteOutDir": true
+ }
+}
diff --git a/news/apps/api/package.json b/news/apps/api/package.json
new file mode 100644
index 000000000..b5c8b5943
--- /dev/null
+++ b/news/apps/api/package.json
@@ -0,0 +1,38 @@
+{
+ "name": "@news/api",
+ "version": "1.0.0",
+ "private": true,
+ "scripts": {
+ "build": "nest build",
+ "dev": "nest start --watch",
+ "start:dev": "nest start --watch",
+ "start": "nest start",
+ "start:debug": "nest start --debug --watch",
+ "start:prod": "node dist/main",
+ "lint": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix"
+ },
+ "dependencies": {
+ "@manacore/shared-utils": "workspace:*",
+ "@manacore/shared-types": "workspace:*",
+ "@nestjs/common": "^10.4.0",
+ "@nestjs/config": "^3.3.0",
+ "@nestjs/core": "^10.4.0",
+ "@nestjs/platform-fastify": "^10.4.0",
+ "@manacore/news-database": "workspace:*",
+ "drizzle-orm": "^0.36.0",
+ "postgres": "^3.4.5",
+ "@mozilla/readability": "^0.5.0",
+ "jsdom": "^25.0.0",
+ "class-validator": "^0.14.1",
+ "class-transformer": "^0.5.1",
+ "reflect-metadata": "^0.2.2",
+ "rxjs": "^7.8.1"
+ },
+ "devDependencies": {
+ "@nestjs/cli": "^10.4.0",
+ "@nestjs/schematics": "^10.2.0",
+ "@types/jsdom": "^21.1.0",
+ "@types/node": "^22.0.0",
+ "typescript": "^5.6.0"
+ }
+}
diff --git a/news/apps/api/src/app.module.ts b/news/apps/api/src/app.module.ts
new file mode 100644
index 000000000..d63cf2dfa
--- /dev/null
+++ b/news/apps/api/src/app.module.ts
@@ -0,0 +1,24 @@
+import { Module } from '@nestjs/common';
+import { ConfigModule } from '@nestjs/config';
+import { DatabaseModule } from './database/database.module';
+import { AuthModule } from './auth/auth.module';
+import { ArticlesModule } from './articles/articles.module';
+import { CategoriesModule } from './categories/categories.module';
+import { UsersModule } from './users/users.module';
+import { ContentExtractionModule } from './content-extraction/content-extraction.module';
+
+@Module({
+ imports: [
+ ConfigModule.forRoot({
+ isGlobal: true,
+ envFilePath: '../../.env',
+ }),
+ DatabaseModule,
+ AuthModule,
+ ArticlesModule,
+ CategoriesModule,
+ UsersModule,
+ ContentExtractionModule,
+ ],
+})
+export class AppModule {}
diff --git a/news/apps/api/src/articles/articles.controller.ts b/news/apps/api/src/articles/articles.controller.ts
new file mode 100644
index 000000000..64cf765f5
--- /dev/null
+++ b/news/apps/api/src/articles/articles.controller.ts
@@ -0,0 +1,81 @@
+import {
+ Controller,
+ Get,
+ Post,
+ Delete,
+ Param,
+ Query,
+ UseGuards,
+} from '@nestjs/common';
+import { ArticlesService } from './articles.service';
+import { AuthGuard } from '../common/guards/auth.guard';
+import { CurrentUser } from '../common/decorators/current-user.decorator';
+import { User } from '@manacore/news-database';
+
+@Controller('articles')
+export class ArticlesController {
+ constructor(private articlesService: ArticlesService) {}
+
+ // Public: Get AI-generated articles
+ @Get()
+ async getArticles(
+ @Query('type') type?: 'feed' | 'summary' | 'in_depth',
+ @Query('categoryId') categoryId?: string,
+ @Query('limit') limit?: string,
+ @Query('offset') offset?: string,
+ ) {
+ return this.articlesService.getAIArticles({
+ type,
+ categoryId,
+ limit: limit ? parseInt(limit, 10) : 20,
+ offset: offset ? parseInt(offset, 10) : 0,
+ });
+ }
+
+ // Public: Get single article
+ @Get(':id')
+ async getArticle(@Param('id') id: string) {
+ const article = await this.articlesService.getArticleById(id);
+ if (!article) {
+ return { error: 'Article not found' };
+ }
+ return article;
+ }
+
+ // Protected: Get user's saved articles
+ @Get('saved/list')
+ @UseGuards(AuthGuard)
+ async getSavedArticles(
+ @CurrentUser() user: User,
+ @Query('includeArchived') includeArchived?: string,
+ ) {
+ return this.articlesService.getSavedArticles(
+ user.id,
+ includeArchived === 'true',
+ );
+ }
+
+ // Protected: Archive article
+ @Post(':id/archive')
+ @UseGuards(AuthGuard)
+ async archiveArticle(@Param('id') id: string, @CurrentUser() user: User) {
+ await this.articlesService.archiveArticle(id, user.id);
+ return { success: true };
+ }
+
+ // Protected: Unarchive article
+ @Post(':id/unarchive')
+ @UseGuards(AuthGuard)
+ async unarchiveArticle(@Param('id') id: string, @CurrentUser() user: User) {
+ await this.articlesService.unarchiveArticle(id, user.id);
+ return { success: true };
+ }
+
+ // Protected: Delete article
+ @Delete(':id')
+ @UseGuards(AuthGuard)
+ async deleteArticle(@Param('id') id: string, @CurrentUser() user: User) {
+ await this.articlesService.deleteArticle(id, user.id);
+ return { success: true };
+ }
+}
diff --git a/news/apps/api/src/articles/articles.module.ts b/news/apps/api/src/articles/articles.module.ts
new file mode 100644
index 000000000..13671c5dd
--- /dev/null
+++ b/news/apps/api/src/articles/articles.module.ts
@@ -0,0 +1,12 @@
+import { Module } from '@nestjs/common';
+import { ArticlesController } from './articles.controller';
+import { ArticlesService } from './articles.service';
+import { AuthModule } from '../auth/auth.module';
+
+@Module({
+ imports: [AuthModule],
+ controllers: [ArticlesController],
+ providers: [ArticlesService],
+ exports: [ArticlesService],
+})
+export class ArticlesModule {}
diff --git a/news/apps/api/src/articles/articles.service.ts b/news/apps/api/src/articles/articles.service.ts
new file mode 100644
index 000000000..a33e2c247
--- /dev/null
+++ b/news/apps/api/src/articles/articles.service.ts
@@ -0,0 +1,147 @@
+import { Injectable, Inject, NotFoundException } from '@nestjs/common';
+import { DATABASE_CONNECTION } from '../database/database.module';
+import {
+ Database,
+ articles,
+ Article,
+ eq,
+ and,
+ desc,
+} from '@manacore/news-database';
+
+@Injectable()
+export class ArticlesService {
+ constructor(@Inject(DATABASE_CONNECTION) private database: Database) {}
+
+ // Get AI-generated articles (feed, summary, in_depth)
+ async getAIArticles(options: {
+ type?: 'feed' | 'summary' | 'in_depth';
+ categoryId?: string;
+ limit?: number;
+ offset?: number;
+ }): Promise {
+ const { type, categoryId, limit = 20, offset = 0 } = options;
+
+ const conditions = [eq(articles.sourceOrigin, 'ai')];
+
+ if (type) {
+ conditions.push(eq(articles.type, type));
+ }
+
+ if (categoryId) {
+ conditions.push(eq(articles.categoryId, categoryId));
+ }
+
+ return this.database
+ .select()
+ .from(articles)
+ .where(and(...conditions))
+ .orderBy(desc(articles.publishedAt))
+ .limit(limit)
+ .offset(offset);
+ }
+
+ // Get user-saved articles
+ async getSavedArticles(
+ userId: string,
+ includeArchived = false,
+ ): Promise {
+ const conditions = [
+ eq(articles.sourceOrigin, 'user_saved'),
+ eq(articles.userId, userId),
+ ];
+
+ if (!includeArchived) {
+ conditions.push(eq(articles.isArchived, false));
+ }
+
+ return this.database
+ .select()
+ .from(articles)
+ .where(and(...conditions))
+ .orderBy(desc(articles.createdAt));
+ }
+
+ // Get single article by ID
+ async getArticleById(articleId: string): Promise {
+ const [article] = await this.database
+ .select()
+ .from(articles)
+ .where(eq(articles.id, articleId))
+ .limit(1);
+
+ return article || null;
+ }
+
+ // Create a saved article
+ async createSavedArticle(data: {
+ userId: string;
+ title: string;
+ content: string;
+ parsedContent: string;
+ originalUrl: string;
+ author?: string;
+ imageUrl?: string;
+ }): Promise {
+ const wordCount = data.content.split(/\s+/).length;
+ const readingTimeMinutes = Math.ceil(wordCount / 200);
+
+ const [article] = await this.database
+ .insert(articles)
+ .values({
+ type: 'saved',
+ sourceOrigin: 'user_saved',
+ userId: data.userId,
+ title: data.title,
+ content: data.content,
+ parsedContent: data.parsedContent,
+ originalUrl: data.originalUrl,
+ author: data.author,
+ imageUrl: data.imageUrl,
+ wordCount,
+ readingTimeMinutes,
+ isArchived: false,
+ })
+ .returning();
+
+ return article;
+ }
+
+ // Archive an article
+ async archiveArticle(articleId: string, userId: string): Promise {
+ const result = await this.database
+ .update(articles)
+ .set({ isArchived: true, updatedAt: new Date() })
+ .where(and(eq(articles.id, articleId), eq(articles.userId, userId)))
+ .returning();
+
+ if (result.length === 0) {
+ throw new NotFoundException('Article not found');
+ }
+ }
+
+ // Unarchive an article
+ async unarchiveArticle(articleId: string, userId: string): Promise {
+ const result = await this.database
+ .update(articles)
+ .set({ isArchived: false, updatedAt: new Date() })
+ .where(and(eq(articles.id, articleId), eq(articles.userId, userId)))
+ .returning();
+
+ if (result.length === 0) {
+ throw new NotFoundException('Article not found');
+ }
+ }
+
+ // Delete an article
+ async deleteArticle(articleId: string, userId: string): Promise {
+ const result = await this.database
+ .delete(articles)
+ .where(and(eq(articles.id, articleId), eq(articles.userId, userId)))
+ .returning();
+
+ if (result.length === 0) {
+ throw new NotFoundException('Article not found');
+ }
+ }
+}
diff --git a/news/apps/api/src/auth/auth.controller.ts b/news/apps/api/src/auth/auth.controller.ts
new file mode 100644
index 000000000..2c592fcfd
--- /dev/null
+++ b/news/apps/api/src/auth/auth.controller.ts
@@ -0,0 +1,88 @@
+import { Controller, Post, Get, Body, Headers, UnauthorizedException } from '@nestjs/common';
+import { AuthService } from './auth.service';
+import { IsEmail, IsString, MinLength, IsOptional } from 'class-validator';
+
+class SignUpDto {
+ @IsEmail()
+ email: string;
+
+ @IsString()
+ @MinLength(6)
+ password: string;
+
+ @IsOptional()
+ @IsString()
+ name?: string;
+}
+
+class SignInDto {
+ @IsEmail()
+ email: string;
+
+ @IsString()
+ password: string;
+}
+
+@Controller('auth')
+export class AuthController {
+ constructor(private authService: AuthService) {}
+
+ @Post('signup')
+ async signUp(@Body() body: SignUpDto) {
+ const result = await this.authService.signUp(body.email, body.password, body.name);
+ return {
+ user: {
+ id: result.user.id,
+ email: result.user.email,
+ name: result.user.name,
+ },
+ token: result.token,
+ };
+ }
+
+ @Post('signin')
+ async signIn(@Body() body: SignInDto) {
+ const result = await this.authService.signIn(body.email, body.password);
+ return {
+ user: {
+ id: result.user.id,
+ email: result.user.email,
+ name: result.user.name,
+ },
+ token: result.token,
+ };
+ }
+
+ @Post('signout')
+ async signOut(@Headers('authorization') authHeader: string) {
+ if (!authHeader || !authHeader.startsWith('Bearer ')) {
+ throw new UnauthorizedException('No token provided');
+ }
+
+ const token = authHeader.substring(7);
+ await this.authService.signOut(token);
+ return { success: true };
+ }
+
+ @Get('session')
+ async getSession(@Headers('authorization') authHeader: string) {
+ if (!authHeader || !authHeader.startsWith('Bearer ')) {
+ throw new UnauthorizedException('No token provided');
+ }
+
+ const token = authHeader.substring(7);
+ const session = await this.authService.getSession(token);
+
+ if (!session) {
+ throw new UnauthorizedException('Invalid or expired session');
+ }
+
+ return {
+ user: {
+ id: session.user.id,
+ email: session.user.email,
+ name: session.user.name,
+ },
+ };
+ }
+}
diff --git a/news/apps/api/src/auth/auth.module.ts b/news/apps/api/src/auth/auth.module.ts
new file mode 100644
index 000000000..679a6f6a3
--- /dev/null
+++ b/news/apps/api/src/auth/auth.module.ts
@@ -0,0 +1,10 @@
+import { Module } from '@nestjs/common';
+import { AuthController } from './auth.controller';
+import { AuthService } from './auth.service';
+
+@Module({
+ controllers: [AuthController],
+ providers: [AuthService],
+ exports: [AuthService],
+})
+export class AuthModule {}
diff --git a/news/apps/api/src/auth/auth.service.ts b/news/apps/api/src/auth/auth.service.ts
new file mode 100644
index 000000000..2790aded1
--- /dev/null
+++ b/news/apps/api/src/auth/auth.service.ts
@@ -0,0 +1,159 @@
+import { Injectable, Inject, UnauthorizedException, ConflictException } from '@nestjs/common';
+import { ConfigService } from '@nestjs/config';
+import { DATABASE_CONNECTION } from '../database/database.module';
+import {
+ Database,
+ users,
+ sessions,
+ accounts,
+ eq,
+ and,
+ User,
+} from '@manacore/news-database';
+import * as crypto from 'crypto';
+
+@Injectable()
+export class AuthService {
+ constructor(
+ @Inject(DATABASE_CONNECTION) private database: Database,
+ private configService: ConfigService,
+ ) {}
+
+ private hashPassword(password: string): string {
+ const salt = crypto.randomBytes(16).toString('hex');
+ const hash = crypto.pbkdf2Sync(password, salt, 1000, 64, 'sha512').toString('hex');
+ return `${salt}:${hash}`;
+ }
+
+ private verifyPassword(password: string, storedHash: string): boolean {
+ const [salt, hash] = storedHash.split(':');
+ const verifyHash = crypto.pbkdf2Sync(password, salt, 1000, 64, 'sha512').toString('hex');
+ return hash === verifyHash;
+ }
+
+ private generateToken(): string {
+ return crypto.randomBytes(32).toString('hex');
+ }
+
+ async signUp(email: string, password: string, name?: string): Promise<{ user: User; token: string }> {
+ // Check if user exists
+ const existingUser = await this.database
+ .select()
+ .from(users)
+ .where(eq(users.email, email.toLowerCase()))
+ .limit(1);
+
+ if (existingUser.length > 0) {
+ throw new ConflictException('User already exists');
+ }
+
+ // Create user
+ const [user] = await this.database
+ .insert(users)
+ .values({
+ email: email.toLowerCase(),
+ name: name || null,
+ })
+ .returning();
+
+ // Create account with password
+ await this.database.insert(accounts).values({
+ userId: user.id,
+ providerId: 'credential',
+ accountId: email.toLowerCase(),
+ password: this.hashPassword(password),
+ });
+
+ // Create session
+ const token = this.generateToken();
+ const expiresAt = new Date(Date.now() + 7 * 24 * 60 * 60 * 1000); // 7 days
+
+ await this.database.insert(sessions).values({
+ userId: user.id,
+ token,
+ expiresAt,
+ });
+
+ return { user, token };
+ }
+
+ async signIn(email: string, password: string): Promise<{ user: User; token: string }> {
+ // Find user
+ const [user] = await this.database
+ .select()
+ .from(users)
+ .where(eq(users.email, email.toLowerCase()))
+ .limit(1);
+
+ if (!user) {
+ throw new UnauthorizedException('Invalid credentials');
+ }
+
+ // Find account
+ const [account] = await this.database
+ .select()
+ .from(accounts)
+ .where(
+ and(
+ eq(accounts.userId, user.id),
+ eq(accounts.providerId, 'credential'),
+ ),
+ )
+ .limit(1);
+
+ if (!account || !account.password) {
+ throw new UnauthorizedException('Invalid credentials');
+ }
+
+ // Verify password
+ if (!this.verifyPassword(password, account.password)) {
+ throw new UnauthorizedException('Invalid credentials');
+ }
+
+ // Create session
+ const token = this.generateToken();
+ const expiresAt = new Date(Date.now() + 7 * 24 * 60 * 60 * 1000); // 7 days
+
+ await this.database.insert(sessions).values({
+ userId: user.id,
+ token,
+ expiresAt,
+ });
+
+ return { user, token };
+ }
+
+ async signOut(token: string): Promise {
+ await this.database.delete(sessions).where(eq(sessions.token, token));
+ }
+
+ async validateSession(token: string): Promise<{ user: User; session: any } | null> {
+ const [session] = await this.database
+ .select()
+ .from(sessions)
+ .where(eq(sessions.token, token))
+ .limit(1);
+
+ if (!session || new Date(session.expiresAt) < new Date()) {
+ return null;
+ }
+
+ const [user] = await this.database
+ .select()
+ .from(users)
+ .where(eq(users.id, session.userId))
+ .limit(1);
+
+ if (!user) {
+ return null;
+ }
+
+ return { user, session };
+ }
+
+ async getSession(token: string): Promise<{ user: User } | null> {
+ const result = await this.validateSession(token);
+ if (!result) return null;
+ return { user: result.user };
+ }
+}
diff --git a/news/apps/api/src/categories/categories.controller.ts b/news/apps/api/src/categories/categories.controller.ts
new file mode 100644
index 000000000..eb3805717
--- /dev/null
+++ b/news/apps/api/src/categories/categories.controller.ts
@@ -0,0 +1,12 @@
+import { Controller, Get } from '@nestjs/common';
+import { CategoriesService } from './categories.service';
+
+@Controller('categories')
+export class CategoriesController {
+ constructor(private categoriesService: CategoriesService) {}
+
+ @Get()
+ async getAllCategories() {
+ return this.categoriesService.getAllCategories();
+ }
+}
diff --git a/news/apps/api/src/categories/categories.module.ts b/news/apps/api/src/categories/categories.module.ts
new file mode 100644
index 000000000..479581306
--- /dev/null
+++ b/news/apps/api/src/categories/categories.module.ts
@@ -0,0 +1,10 @@
+import { Module } from '@nestjs/common';
+import { CategoriesController } from './categories.controller';
+import { CategoriesService } from './categories.service';
+
+@Module({
+ controllers: [CategoriesController],
+ providers: [CategoriesService],
+ exports: [CategoriesService],
+})
+export class CategoriesModule {}
diff --git a/news/apps/api/src/categories/categories.service.ts b/news/apps/api/src/categories/categories.service.ts
new file mode 100644
index 000000000..b004d0f60
--- /dev/null
+++ b/news/apps/api/src/categories/categories.service.ts
@@ -0,0 +1,31 @@
+import { Injectable, Inject } from '@nestjs/common';
+import { DATABASE_CONNECTION } from '../database/database.module';
+import { Database, categories, Category, asc } from '@manacore/news-database';
+
+@Injectable()
+export class CategoriesService {
+ constructor(@Inject(DATABASE_CONNECTION) private database: Database) {}
+
+ async getAllCategories(): Promise {
+ return this.database
+ .select()
+ .from(categories)
+ .orderBy(asc(categories.priority));
+ }
+
+ async createCategory(data: {
+ name: string;
+ displayName: string;
+ description?: string;
+ icon?: string;
+ color?: string;
+ priority?: number;
+ }): Promise {
+ const [category] = await this.database
+ .insert(categories)
+ .values(data)
+ .returning();
+
+ return category;
+ }
+}
diff --git a/news/apps/api/src/common/decorators/current-user.decorator.ts b/news/apps/api/src/common/decorators/current-user.decorator.ts
new file mode 100644
index 000000000..7919497a7
--- /dev/null
+++ b/news/apps/api/src/common/decorators/current-user.decorator.ts
@@ -0,0 +1,8 @@
+import { createParamDecorator, ExecutionContext } from '@nestjs/common';
+
+export const CurrentUser = createParamDecorator(
+ (data: unknown, ctx: ExecutionContext) => {
+ const request = ctx.switchToHttp().getRequest();
+ return request.user;
+ },
+);
diff --git a/news/apps/api/src/common/guards/auth.guard.ts b/news/apps/api/src/common/guards/auth.guard.ts
new file mode 100644
index 000000000..4067589a5
--- /dev/null
+++ b/news/apps/api/src/common/guards/auth.guard.ts
@@ -0,0 +1,31 @@
+import { Injectable, CanActivate, ExecutionContext, UnauthorizedException } from '@nestjs/common';
+import { AuthService } from '../../auth/auth.service';
+
+@Injectable()
+export class AuthGuard implements CanActivate {
+ constructor(private authService: AuthService) {}
+
+ async canActivate(context: ExecutionContext): Promise {
+ const request = context.switchToHttp().getRequest();
+ const authHeader = request.headers.authorization;
+
+ if (!authHeader || !authHeader.startsWith('Bearer ')) {
+ throw new UnauthorizedException('No token provided');
+ }
+
+ const token = authHeader.substring(7);
+
+ try {
+ const session = await this.authService.validateSession(token);
+ if (!session) {
+ throw new UnauthorizedException('Invalid or expired session');
+ }
+
+ request.user = session.user;
+ request.session = session;
+ return true;
+ } catch {
+ throw new UnauthorizedException('Invalid token');
+ }
+ }
+}
diff --git a/news/apps/api/src/content-extraction/content-extraction.controller.ts b/news/apps/api/src/content-extraction/content-extraction.controller.ts
new file mode 100644
index 000000000..57275ed3a
--- /dev/null
+++ b/news/apps/api/src/content-extraction/content-extraction.controller.ts
@@ -0,0 +1,51 @@
+import { Controller, Post, Body, UseGuards } from '@nestjs/common';
+import { ContentExtractionService } from './content-extraction.service';
+import { AuthGuard } from '../common/guards/auth.guard';
+import { CurrentUser } from '../common/decorators/current-user.decorator';
+import { User } from '@manacore/news-database';
+import { IsUrl } from 'class-validator';
+
+class ExtractUrlDto {
+ @IsUrl()
+ url: string;
+}
+
+@Controller('extract')
+export class ContentExtractionController {
+ constructor(private contentExtractionService: ContentExtractionService) {}
+
+ // Protected: Save article from URL
+ @Post('save')
+ @UseGuards(AuthGuard)
+ async saveFromUrl(@Body() body: ExtractUrlDto, @CurrentUser() user: User) {
+ const article = await this.contentExtractionService.saveArticleFromUrl(
+ user.id,
+ body.url,
+ );
+
+ return {
+ success: true,
+ article: {
+ id: article.id,
+ title: article.title,
+ createdAt: article.createdAt,
+ },
+ };
+ }
+
+ // Public: Preview URL extraction (without saving)
+ @Post('preview')
+ async previewUrl(@Body() body: ExtractUrlDto) {
+ const extracted = await this.contentExtractionService.extractFromUrl(
+ body.url,
+ );
+
+ return {
+ title: extracted.title,
+ excerpt: extracted.excerpt,
+ byline: extracted.byline,
+ siteName: extracted.siteName,
+ contentLength: extracted.content.length,
+ };
+ }
+}
diff --git a/news/apps/api/src/content-extraction/content-extraction.module.ts b/news/apps/api/src/content-extraction/content-extraction.module.ts
new file mode 100644
index 000000000..b7da66d87
--- /dev/null
+++ b/news/apps/api/src/content-extraction/content-extraction.module.ts
@@ -0,0 +1,13 @@
+import { Module } from '@nestjs/common';
+import { ContentExtractionController } from './content-extraction.controller';
+import { ContentExtractionService } from './content-extraction.service';
+import { ArticlesModule } from '../articles/articles.module';
+import { AuthModule } from '../auth/auth.module';
+
+@Module({
+ imports: [ArticlesModule, AuthModule],
+ controllers: [ContentExtractionController],
+ providers: [ContentExtractionService],
+ exports: [ContentExtractionService],
+})
+export class ContentExtractionModule {}
diff --git a/news/apps/api/src/content-extraction/content-extraction.service.ts b/news/apps/api/src/content-extraction/content-extraction.service.ts
new file mode 100644
index 000000000..cb3485297
--- /dev/null
+++ b/news/apps/api/src/content-extraction/content-extraction.service.ts
@@ -0,0 +1,79 @@
+import { Injectable, BadRequestException } from '@nestjs/common';
+import { Readability } from '@mozilla/readability';
+import { JSDOM } from 'jsdom';
+import { ArticlesService } from '../articles/articles.service';
+
+export interface ExtractedContent {
+ title: string;
+ content: string;
+ htmlContent: string;
+ excerpt?: string;
+ byline?: string;
+ siteName?: string;
+}
+
+@Injectable()
+export class ContentExtractionService {
+ constructor(private articlesService: ArticlesService) {}
+
+ async extractFromUrl(url: string): Promise {
+ // Validate URL
+ try {
+ new URL(url);
+ } catch {
+ throw new BadRequestException('Invalid URL');
+ }
+
+ // Fetch the page
+ const response = await fetch(url, {
+ headers: {
+ 'User-Agent':
+ 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
+ Accept:
+ 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8',
+ 'Accept-Language': 'de-DE,de;q=0.9,en-US;q=0.8,en;q=0.7',
+ },
+ });
+
+ if (!response.ok) {
+ throw new BadRequestException(
+ `Failed to fetch URL: ${response.status} ${response.statusText}`,
+ );
+ }
+
+ const html = await response.text();
+
+ // Parse with JSDOM
+ const dom = new JSDOM(html, { url });
+ const reader = new Readability(dom.window.document);
+ const article = reader.parse();
+
+ if (!article) {
+ throw new BadRequestException(
+ 'Could not extract article content from this page',
+ );
+ }
+
+ return {
+ title: article.title || 'Untitled',
+ content: article.textContent || '',
+ htmlContent: article.content || '',
+ excerpt: article.excerpt,
+ byline: article.byline,
+ siteName: article.siteName,
+ };
+ }
+
+ async saveArticleFromUrl(userId: string, url: string) {
+ const extracted = await this.extractFromUrl(url);
+
+ return this.articlesService.createSavedArticle({
+ userId,
+ title: extracted.title,
+ content: extracted.content,
+ parsedContent: extracted.htmlContent,
+ originalUrl: url,
+ author: extracted.byline,
+ });
+ }
+}
diff --git a/news/apps/api/src/database/database.module.ts b/news/apps/api/src/database/database.module.ts
new file mode 100644
index 000000000..2cc70ef85
--- /dev/null
+++ b/news/apps/api/src/database/database.module.ts
@@ -0,0 +1,25 @@
+import { Module, Global } from '@nestjs/common';
+import { ConfigService } from '@nestjs/config';
+import { createDb } from '@manacore/news-database';
+
+export const DATABASE_CONNECTION = 'DATABASE_CONNECTION';
+
+@Global()
+@Module({
+ providers: [
+ {
+ provide: DATABASE_CONNECTION,
+ useFactory: (configService: ConfigService) => {
+ const databaseUrl = configService.get('DATABASE_URL') ||
+ 'postgresql://news:news_dev_password@localhost:5434/news_hub';
+
+ console.log('Connecting to database:', databaseUrl.replace(/:[^:@]+@/, ':****@'));
+
+ return createDb(databaseUrl);
+ },
+ inject: [ConfigService],
+ },
+ ],
+ exports: [DATABASE_CONNECTION],
+})
+export class DatabaseModule {}
diff --git a/news/apps/api/src/main.ts b/news/apps/api/src/main.ts
new file mode 100644
index 000000000..ce723158d
--- /dev/null
+++ b/news/apps/api/src/main.ts
@@ -0,0 +1,37 @@
+import { NestFactory } from '@nestjs/core';
+import { FastifyAdapter, NestFastifyApplication } from '@nestjs/platform-fastify';
+import { ValidationPipe } from '@nestjs/common';
+import { AppModule } from './app.module';
+
+async function bootstrap() {
+ const app = await NestFactory.create(
+ AppModule,
+ new FastifyAdapter({ logger: true }),
+ );
+
+ app.enableCors({
+ origin: [
+ 'http://localhost:8081', // Expo web
+ 'http://localhost:19006', // Expo web alt
+ 'http://localhost:3000', // API itself (for testing)
+ /^exp:\/\/.*/, // Expo Go
+ ],
+ credentials: true,
+ });
+
+ app.useGlobalPipes(
+ new ValidationPipe({
+ whitelist: true,
+ transform: true,
+ transformOptions: {
+ enableImplicitConversion: true,
+ },
+ }),
+ );
+
+ const port = process.env.API_PORT || 3000;
+ await app.listen(port, '0.0.0.0');
+ console.log(`API running on http://localhost:${port}`);
+}
+
+bootstrap();
diff --git a/news/apps/api/src/users/users.controller.ts b/news/apps/api/src/users/users.controller.ts
new file mode 100644
index 000000000..61f2d077f
--- /dev/null
+++ b/news/apps/api/src/users/users.controller.ts
@@ -0,0 +1,59 @@
+import { Controller, Get, Patch, Body, UseGuards } from '@nestjs/common';
+import { UsersService } from './users.service';
+import { AuthGuard } from '../common/guards/auth.guard';
+import { CurrentUser } from '../common/decorators/current-user.decorator';
+import { User } from '@manacore/news-database';
+import { IsOptional, IsString, IsArray, IsEnum, IsBoolean } from 'class-validator';
+
+class UpdateUserDto {
+ @IsOptional()
+ @IsString()
+ name?: string;
+
+ @IsOptional()
+ @IsArray()
+ preferredCategories?: string[];
+
+ @IsOptional()
+ @IsArray()
+ blockedSources?: string[];
+
+ @IsOptional()
+ @IsEnum(['slow', 'normal', 'fast'])
+ readingSpeed?: 'slow' | 'normal' | 'fast';
+
+ @IsOptional()
+ @IsString()
+ notificationSettings?: string;
+
+ @IsOptional()
+ @IsBoolean()
+ onboardingCompleted?: boolean;
+}
+
+@Controller('users')
+export class UsersController {
+ constructor(private usersService: UsersService) {}
+
+ @Get('me')
+ @UseGuards(AuthGuard)
+ async getCurrentUser(@CurrentUser() user: User) {
+ return this.usersService.getUserById(user.id);
+ }
+
+ @Patch('me')
+ @UseGuards(AuthGuard)
+ async updateCurrentUser(
+ @CurrentUser() user: User,
+ @Body() body: UpdateUserDto,
+ ) {
+ return this.usersService.updateUser(user.id, body);
+ }
+
+ @Patch('me/onboarding')
+ @UseGuards(AuthGuard)
+ async completeOnboarding(@CurrentUser() user: User) {
+ await this.usersService.completeOnboarding(user.id);
+ return { success: true };
+ }
+}
diff --git a/news/apps/api/src/users/users.module.ts b/news/apps/api/src/users/users.module.ts
new file mode 100644
index 000000000..f45038b5f
--- /dev/null
+++ b/news/apps/api/src/users/users.module.ts
@@ -0,0 +1,12 @@
+import { Module } from '@nestjs/common';
+import { UsersController } from './users.controller';
+import { UsersService } from './users.service';
+import { AuthModule } from '../auth/auth.module';
+
+@Module({
+ imports: [AuthModule],
+ controllers: [UsersController],
+ providers: [UsersService],
+ exports: [UsersService],
+})
+export class UsersModule {}
diff --git a/news/apps/api/src/users/users.service.ts b/news/apps/api/src/users/users.service.ts
new file mode 100644
index 000000000..731941945
--- /dev/null
+++ b/news/apps/api/src/users/users.service.ts
@@ -0,0 +1,51 @@
+import { Injectable, Inject } from '@nestjs/common';
+import { DATABASE_CONNECTION } from '../database/database.module';
+import { Database, users, User, eq } from '@manacore/news-database';
+
+@Injectable()
+export class UsersService {
+ constructor(@Inject(DATABASE_CONNECTION) private database: Database) {}
+
+ async getUserById(userId: string): Promise {
+ const [user] = await this.database
+ .select()
+ .from(users)
+ .where(eq(users.id, userId))
+ .limit(1);
+
+ return user || null;
+ }
+
+ async updateUser(
+ userId: string,
+ data: {
+ name?: string;
+ preferredCategories?: string[];
+ blockedSources?: string[];
+ readingSpeed?: 'slow' | 'normal' | 'fast';
+ notificationSettings?: string;
+ onboardingCompleted?: boolean;
+ },
+ ): Promise {
+ const [user] = await this.database
+ .update(users)
+ .set({
+ ...data,
+ updatedAt: new Date(),
+ })
+ .where(eq(users.id, userId))
+ .returning();
+
+ return user;
+ }
+
+ async completeOnboarding(userId: string): Promise {
+ await this.database
+ .update(users)
+ .set({
+ onboardingCompleted: true,
+ updatedAt: new Date(),
+ })
+ .where(eq(users.id, userId));
+ }
+}
diff --git a/news/apps/api/tsconfig.json b/news/apps/api/tsconfig.json
new file mode 100644
index 000000000..6e928c7ee
--- /dev/null
+++ b/news/apps/api/tsconfig.json
@@ -0,0 +1,25 @@
+{
+ "compilerOptions": {
+ "module": "commonjs",
+ "declaration": true,
+ "removeComments": true,
+ "emitDecoratorMetadata": true,
+ "experimentalDecorators": true,
+ "allowSyntheticDefaultImports": true,
+ "target": "ES2022",
+ "sourceMap": true,
+ "outDir": "./dist",
+ "baseUrl": "./",
+ "incremental": true,
+ "skipLibCheck": true,
+ "strictNullChecks": true,
+ "noImplicitAny": true,
+ "strictBindCallApply": true,
+ "forceConsistentCasingInFileNames": true,
+ "noFallthroughCasesInSwitch": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true
+ },
+ "include": ["src/**/*"],
+ "exclude": ["node_modules", "dist"]
+}
diff --git a/news/apps/landing/astro.config.mjs b/news/apps/landing/astro.config.mjs
new file mode 100644
index 000000000..139c20a0b
--- /dev/null
+++ b/news/apps/landing/astro.config.mjs
@@ -0,0 +1,11 @@
+import { defineConfig } from 'astro/config';
+import tailwind from '@astrojs/tailwind';
+import sitemap from '@astrojs/sitemap';
+
+export default defineConfig({
+ site: 'https://news.manacore.app',
+ integrations: [
+ tailwind(),
+ sitemap()
+ ]
+});
diff --git a/news/apps/landing/package.json b/news/apps/landing/package.json
new file mode 100644
index 000000000..8e4fbd155
--- /dev/null
+++ b/news/apps/landing/package.json
@@ -0,0 +1,26 @@
+{
+ "name": "@news/landing",
+ "version": "1.0.0",
+ "private": true,
+ "type": "module",
+ "scripts": {
+ "dev": "astro dev",
+ "start": "astro dev",
+ "build": "astro check && astro build",
+ "preview": "astro preview",
+ "astro": "astro",
+ "type-check": "astro check"
+ },
+ "dependencies": {
+ "@astrojs/check": "^0.9.0",
+ "@astrojs/sitemap": "^3.2.1",
+ "@manacore/shared-landing-ui": "workspace:*",
+ "astro": "^5.16.0",
+ "typescript": "^5.0.0"
+ },
+ "devDependencies": {
+ "@astrojs/tailwind": "^6.0.0",
+ "@tailwindcss/typography": "^0.5.16",
+ "tailwindcss": "^3.4.17"
+ }
+}
diff --git a/news/apps/landing/src/components/Footer.astro b/news/apps/landing/src/components/Footer.astro
new file mode 100644
index 000000000..dc25219f9
--- /dev/null
+++ b/news/apps/landing/src/components/Footer.astro
@@ -0,0 +1,80 @@
+---
+const footerLinks = {
+ product: [
+ { href: '#features', label: 'Features' },
+ { href: '#pricing', label: 'Preise' },
+ { href: '#faq', label: 'FAQ' }
+ ],
+ legal: [
+ { href: '/privacy', label: 'Datenschutz' },
+ { href: '/terms', label: 'AGB' },
+ { href: '/imprint', label: 'Impressum' }
+ ]
+};
+
+const currentYear = new Date().getFullYear();
+---
+
+
diff --git a/news/apps/landing/src/components/Navigation.astro b/news/apps/landing/src/components/Navigation.astro
new file mode 100644
index 000000000..82aa381a1
--- /dev/null
+++ b/news/apps/landing/src/components/Navigation.astro
@@ -0,0 +1,86 @@
+---
+const navLinks = [
+ { href: '#features', label: 'Features' },
+ { href: '#how-it-works', label: 'So funktioniert\'s' },
+ { href: '#pricing', label: 'Preise' },
+ { href: '#faq', label: 'FAQ' }
+];
+---
+
+
+
+
diff --git a/news/apps/landing/src/layouts/Layout.astro b/news/apps/landing/src/layouts/Layout.astro
new file mode 100644
index 000000000..73cb4f509
--- /dev/null
+++ b/news/apps/landing/src/layouts/Layout.astro
@@ -0,0 +1,47 @@
+---
+import '../styles/global.css';
+
+interface Props {
+ title: string;
+ description?: string;
+}
+
+const {
+ title,
+ description = 'News Hub - KI-kuratierte Nachrichten, personalisiert für dich'
+} = Astro.props;
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {title}
+
+
+
+
+
diff --git a/news/apps/landing/src/pages/index.astro b/news/apps/landing/src/pages/index.astro
new file mode 100644
index 000000000..9ae53a467
--- /dev/null
+++ b/news/apps/landing/src/pages/index.astro
@@ -0,0 +1,259 @@
+---
+import Layout from '../layouts/Layout.astro';
+import Navigation from '../components/Navigation.astro';
+import Footer from '../components/Footer.astro';
+
+// Shared components
+import HeroSection from '@manacore/shared-landing-ui/sections/HeroSection.astro';
+import FeatureSection from '@manacore/shared-landing-ui/sections/FeatureSection.astro';
+import StepsSection from '@manacore/shared-landing-ui/sections/StepsSection.astro';
+import FAQSection from '@manacore/shared-landing-ui/sections/FAQSection.astro';
+import CTASection from '@manacore/shared-landing-ui/sections/CTASection.astro';
+import PricingSection from '@manacore/shared-landing-ui/sections/PricingSection.astro';
+
+// Feature data
+const features = [
+ {
+ icon: '📰',
+ title: 'Feed',
+ description: 'Schnelle News-Updates im Infinite-Scroll Format. Bleib auf dem Laufenden mit kurzen, prägnanten Nachrichten.'
+ },
+ {
+ icon: '📝',
+ title: 'Zusammenfassungen',
+ description: '4 tägliche Zusammenfassungen (Morgen, Mittag, Abend, Nacht) - perfekt für einen schnellen Überblick.'
+ },
+ {
+ icon: '📖',
+ title: 'In-Depth Artikel',
+ description: 'Ausführliche Analysen (5-15 Min. Lesezeit) für tiefes Verständnis komplexer Themen.'
+ },
+ {
+ icon: '🔖',
+ title: 'Artikel speichern',
+ description: 'Speichere interessante Artikel mit der Browser-Extension und lese sie später in der App.'
+ },
+ {
+ icon: '🎯',
+ title: 'Personalisierte Kategorien',
+ description: 'Wähle deine Interessengebiete und erhalte maßgeschneiderte Nachrichten-Empfehlungen.'
+ },
+ {
+ icon: '🔄',
+ title: 'Cross-Platform Sync',
+ description: 'Deine Artikel, Lesefortschritt und Einstellungen werden auf allen Geräten synchronisiert.'
+ }
+];
+
+// Steps data
+const steps = [
+ {
+ number: '1',
+ title: 'App herunterladen',
+ description: 'Lade News Hub kostenlos im App Store oder Google Play Store herunter.',
+ image: '/screenshots/download.png'
+ },
+ {
+ number: '2',
+ title: 'Kategorien wählen',
+ description: 'Wähle deine Interessengebiete für personalisierte Nachrichten.',
+ image: '/screenshots/categories.png'
+ },
+ {
+ number: '3',
+ title: 'Informiert bleiben',
+ description: 'Erhalte täglich kuratierte News im Feed, Zusammenfassungen oder In-Depth Artikeln.',
+ image: '/screenshots/feed.png'
+ }
+];
+
+// Pricing data
+const pricingPlans = [
+ {
+ name: 'Free',
+ price: '0',
+ period: '/Monat',
+ description: 'Perfekt zum Ausprobieren',
+ features: [
+ { text: 'Feed mit allen News', included: true },
+ { text: '2 Zusammenfassungen/Tag', included: true },
+ { text: '5 Artikel speichern', included: true },
+ { text: 'Basis-Kategorien', included: true },
+ { text: 'In-Depth Artikel', included: false },
+ { text: 'Browser Extension', included: false }
+ ],
+ cta: {
+ text: 'Kostenlos starten',
+ href: '#download'
+ }
+ },
+ {
+ name: 'Pro',
+ price: '4,99',
+ period: '/Monat',
+ description: 'Für Nachrichten-Enthusiasten',
+ features: [
+ { text: 'Unbegrenzter Feed', included: true },
+ { text: 'Alle 4 Zusammenfassungen', included: true },
+ { text: 'In-Depth Artikel', included: true },
+ { text: 'Unbegrenzt speichern', included: true },
+ { text: 'Browser Extension', included: true },
+ { text: 'Alle Kategorien', included: true }
+ ],
+ cta: {
+ text: 'Pro werden',
+ href: '#download'
+ },
+ highlighted: true,
+ badge: 'Beliebt'
+ },
+ {
+ name: 'Team',
+ price: '12,99',
+ period: '/Monat',
+ description: 'Für Teams und Unternehmen',
+ features: [
+ { text: 'Alles aus Pro', included: true },
+ { text: 'Team-Verwaltung', included: true },
+ { text: 'Geteilte Sammlungen', included: true },
+ { text: 'Custom Kategorien', included: true },
+ { text: 'API-Zugang', included: true },
+ { text: 'Prioritäts-Support', included: true }
+ ],
+ cta: {
+ text: 'Team starten',
+ href: '#download'
+ }
+ }
+];
+
+// FAQ data
+const faqs = [
+ {
+ question: 'Was macht News Hub anders als andere News-Apps?',
+ answer: 'News Hub nutzt KI um Nachrichten zu kuratieren und in drei Formaten anzubieten: schnelle Feed-Updates, tägliche Zusammenfassungen und ausführliche Analysen. Du entscheidest, wie tief du in ein Thema eintauchen möchtest.'
+ },
+ {
+ question: 'Wie funktionieren die täglichen Zusammenfassungen?',
+ answer: 'Du erhältst 4 Zusammenfassungen pro Tag: Morgen (6 Uhr), Mittag (12 Uhr), Abend (18 Uhr) und Nacht (22 Uhr). Jede Zusammenfassung fasst die wichtigsten Ereignisse der letzten Stunden zusammen.'
+ },
+ {
+ question: 'Kann ich Artikel von anderen Webseiten speichern?',
+ answer: 'Ja! Mit der Browser Extension (Pro) kannst du jeden Artikel von jeder Webseite mit einem Klick speichern. Der Artikel wird automatisch für die App optimiert und ist offline verfügbar.'
+ },
+ {
+ question: 'Sind meine Daten sicher?',
+ answer: 'Absolut. Wir speichern nur das Nötigste und verkaufen keine Nutzerdaten. Die App ist vollständig DSGVO-konform und du kannst deine Daten jederzeit exportieren oder löschen.'
+ },
+ {
+ question: 'Funktioniert News Hub offline?',
+ answer: 'Ja! Bereits geladene Artikel und Zusammenfassungen sind offline verfügbar. Neue Inhalte werden synchronisiert, sobald du wieder online bist.'
+ },
+ {
+ question: 'Kann ich mein Abo jederzeit kündigen?',
+ answer: 'Ja, du kannst dein Pro- oder Team-Abo jederzeit kündigen. Nach der Kündigung hast du noch bis zum Ende des Abrechnungszeitraums Zugang zu allen Premium-Features.'
+ }
+];
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
100% Kostenlos starten
+
+
+
+
+
Keine Kreditkarte nötig
+
+
%sveltekit.body%
+
+
diff --git a/news/apps/web/src/lib/services/api.ts b/news/apps/web/src/lib/services/api.ts
new file mode 100644
index 000000000..732b72057
--- /dev/null
+++ b/news/apps/web/src/lib/services/api.ts
@@ -0,0 +1,95 @@
+import { env } from '$env/dynamic/public';
+
+const API_URL = env.PUBLIC_NEWS_API_URL || 'http://localhost:3000';
+
+interface ApiResponse {
+ data?: T;
+ error?: string;
+}
+
+export async function apiRequest(
+ endpoint: string,
+ options: RequestInit = {},
+ token?: string
+): Promise> {
+ try {
+ const headers: Record = {
+ 'Content-Type': 'application/json',
+ ...(options.headers as Record),
+ };
+
+ if (token) {
+ headers['Authorization'] = `Bearer ${token}`;
+ }
+
+ const response = await fetch(`${API_URL}${endpoint}`, {
+ ...options,
+ headers,
+ });
+
+ if (!response.ok) {
+ const errorText = await response.text();
+ return { error: errorText || `HTTP ${response.status}` };
+ }
+
+ const data = await response.json();
+ return { data };
+ } catch (error) {
+ return { error: error instanceof Error ? error.message : 'Unknown error' };
+ }
+}
+
+// Auth endpoints
+export const authApi = {
+ login: (email: string, password: string) =>
+ apiRequest<{ token: string; user: App.Locals['user'] }>('/auth/login', {
+ method: 'POST',
+ body: JSON.stringify({ email, password }),
+ }),
+
+ signup: (email: string, password: string, name?: string) =>
+ apiRequest<{ token: string; user: App.Locals['user'] }>('/auth/signup', {
+ method: 'POST',
+ body: JSON.stringify({ email, password, name }),
+ }),
+
+ logout: (token: string) =>
+ apiRequest('/auth/logout', { method: 'POST' }, token),
+
+ me: (token: string) =>
+ apiRequest('/auth/me', {}, token),
+};
+
+// Articles endpoints
+export const articlesApi = {
+ getArticles: (params?: { type?: string; categoryId?: string; limit?: number; offset?: number }, token?: string) => {
+ const searchParams = new URLSearchParams();
+ if (params?.type) searchParams.set('type', params.type);
+ if (params?.categoryId) searchParams.set('categoryId', params.categoryId);
+ if (params?.limit) searchParams.set('limit', params.limit.toString());
+ if (params?.offset) searchParams.set('offset', params.offset.toString());
+ const query = searchParams.toString();
+ return apiRequest(`/articles${query ? `?${query}` : ''}`, {}, token);
+ },
+
+ getArticle: (id: string, token?: string) =>
+ apiRequest(`/articles/${id}`, {}, token),
+
+ getSavedArticles: (token: string) =>
+ apiRequest('/articles/saved/list', {}, token),
+
+ archiveArticle: (id: string, token: string) =>
+ apiRequest(`/articles/${id}/archive`, { method: 'POST' }, token),
+
+ unarchiveArticle: (id: string, token: string) =>
+ apiRequest(`/articles/${id}/unarchive`, { method: 'POST' }, token),
+
+ deleteArticle: (id: string, token: string) =>
+ apiRequest(`/articles/${id}`, { method: 'DELETE' }, token),
+};
+
+// Categories endpoints
+export const categoriesApi = {
+ getCategories: (token?: string) =>
+ apiRequest('/categories', {}, token),
+};
diff --git a/news/apps/web/src/lib/stores/auth.svelte.ts b/news/apps/web/src/lib/stores/auth.svelte.ts
new file mode 100644
index 000000000..62baba218
--- /dev/null
+++ b/news/apps/web/src/lib/stores/auth.svelte.ts
@@ -0,0 +1,81 @@
+import { authApi } from '$lib/services/api';
+
+class AuthStore {
+ user = $state(null);
+ session = $state(null);
+ loading = $state(false);
+ error = $state(null);
+
+ get isAuthenticated() {
+ return !!this.session && !!this.user;
+ }
+
+ async login(email: string, password: string) {
+ this.loading = true;
+ this.error = null;
+
+ const { data, error } = await authApi.login(email, password);
+
+ if (error) {
+ this.error = error;
+ this.loading = false;
+ return false;
+ }
+
+ if (data) {
+ this.session = { token: data.token, userId: data.user?.id ?? '', expiresAt: '' };
+ this.user = data.user;
+ // Store token in cookie/localStorage
+ if (typeof window !== 'undefined') {
+ document.cookie = `news_session=${data.token}; path=/; max-age=604800`; // 7 days
+ }
+ }
+
+ this.loading = false;
+ return true;
+ }
+
+ async signup(email: string, password: string, name?: string) {
+ this.loading = true;
+ this.error = null;
+
+ const { data, error } = await authApi.signup(email, password, name);
+
+ if (error) {
+ this.error = error;
+ this.loading = false;
+ return false;
+ }
+
+ if (data) {
+ this.session = { token: data.token, userId: data.user?.id ?? '', expiresAt: '' };
+ this.user = data.user;
+ if (typeof window !== 'undefined') {
+ document.cookie = `news_session=${data.token}; path=/; max-age=604800`;
+ }
+ }
+
+ this.loading = false;
+ return true;
+ }
+
+ async logout() {
+ if (this.session?.token) {
+ await authApi.logout(this.session.token);
+ }
+
+ this.session = null;
+ this.user = null;
+
+ if (typeof window !== 'undefined') {
+ document.cookie = 'news_session=; path=/; max-age=0';
+ }
+ }
+
+ setSession(session: App.Locals['session'], user: App.Locals['user']) {
+ this.session = session;
+ this.user = user;
+ }
+}
+
+export const authStore = new AuthStore();
diff --git a/news/apps/web/src/routes/(protected)/+layout.svelte b/news/apps/web/src/routes/(protected)/+layout.svelte
new file mode 100644
index 000000000..881887122
--- /dev/null
+++ b/news/apps/web/src/routes/(protected)/+layout.svelte
@@ -0,0 +1,97 @@
+
+
+
+
+
+
+
+
+ {@render children()}
+
+
+
+
+ {#if loading}
+
+ {:else if error}
+
+ {error}
+
+ {:else if articles.length === 0}
+
+
+
Noch keine Artikel vorhanden
+
Artikel werden automatisch generiert und erscheinen hier
+
+ {:else}
+
+ {/if}
+
+
+
+ {#if loading}
+
+ {:else if error}
+
+ {error}
+
+ {:else if articles.length === 0}
+
+
Noch keine In-Depth Artikel vorhanden
+
+ {:else}
+
+ {/if}
+
+
+
+ {#if loading}
+
+ {:else if error}
+
+ {error}
+
+ {:else if articles.length === 0}
+
+
+
Noch keine Artikel gespeichert
+
Speichere Artikel mit der Browser-Extension oder aus dem Feed
+
+ {:else}
+
+ {/if}
+
+
+
+ {#if loading}
+
+ {:else if error}
+
+ {error}
+
+ {:else if articles.length === 0}
+
+
Noch keine Zusammenfassungen vorhanden
+
+ {:else}
+
+ {/if}
+
+ {@render children()}
+
diff --git a/news/apps/web/src/routes/+page.svelte b/news/apps/web/src/routes/+page.svelte
new file mode 100644
index 000000000..27cf6026d
--- /dev/null
+++ b/news/apps/web/src/routes/+page.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/news/apps/web/src/routes/auth/login/+page.svelte b/news/apps/web/src/routes/auth/login/+page.svelte
new file mode 100644
index 000000000..6b0a21308
--- /dev/null
+++ b/news/apps/web/src/routes/auth/login/+page.svelte
@@ -0,0 +1,76 @@
+
+
+
+ Login - News Hub
+
+
+
+
+
+
+
News Hub
+
Anmelden
+
+
+
+
+
+ Noch kein Konto?
+ Registrieren
+
+
+
+
+
+
+
News Hub
+
Konto erstellen
+
+
+
+
+
+ Bereits ein Konto?
+ Anmelden
+
+
+
Kokon Extension Debug
+
+
+
+
+
+
+
+
+
Chrome Storage Contents:
+
Loading...
+
+
NEWS HUB
+
Save Article to Library
+
+
+
Please log in to News Hub first:
+
+
+
+
+
Loading page info...
+
+
+
+
+
+
+
-
-
- Alles was du für professionelles Link-Management brauchst
-
-
- Von einfacher URL-Verkürzung bis hin zu Team-Kollaboration – uLoad bietet alle Features die du brauchst.
-
-
-
-
- {features.map(feature => (
-
-
{feature.icon}
-
- {feature.title}
-
-
- {feature.description}
-
-
- ))}
-
-
-
-
- Transparente Preise, keine versteckten Kosten
-
-
- Starte kostenlos und upgrade wenn du bereit bist. Jederzeit kündbar.
-
-
-
-
-
- {plans.map(plan => (
-
- {plan.badge && (
-
-
- {plan.badge}
-
-
- )}
-
-
-
{plan.name}
-
{plan.description}
-
-
-
-
- {formatPrice(plan.price)}
-
- {plan.period}
-
-
-
-
- {plan.cta}
-
-
-
-
- Inklusive:
-
- {plan.features.map(feature => (
-
- ))}
-
-
-
- ))}
-
-
-
-
-
-
-
💳 Keine Kreditkarte erforderlich
-
- Starte komplett kostenlos. Upgrade nur wenn du mehr brauchst.
-
-
-
-
🔄 Jederzeit kündbar
-
- Keine Vertragsbindung. Kündige monatlich ohne Probleme.
-
-
-
-
🚀 Sofort startklar
-
- Nach der Anmeldung kannst du sofort alle Features nutzen.
-
-
-
-
-
+ 