+
+
+
+
+ + {title} +
+ {lastUpdated &&Zuletzt aktualisiert: {lastUpdated}
} +
+
+ %sveltekit.body%
+
+
diff --git a/apps/uload/apps/web/src/content/authors/till-schneider.json b/apps/uload/apps/web/src/content/authors/till-schneider.json
new file mode 100644
index 000000000..1f2968dcd
--- /dev/null
+++ b/apps/uload/apps/web/src/content/authors/till-schneider.json
@@ -0,0 +1,11 @@
+{
+ "id": "till-schneider",
+ "name": "Till Schneider",
+ "bio": "Gründer von uload und begeistert von der Psychologie hinter digitalem Marketing.",
+ "avatar": "/images/authors/till.jpg",
+ "social": {
+ "twitter": "https://twitter.com/tillschneider",
+ "linkedin": "https://linkedin.com/in/tillschneider",
+ "website": "https://ulo.ad"
+ }
+}
diff --git a/apps/uload/apps/web/src/content/blog/link-tracking-guide.md b/apps/uload/apps/web/src/content/blog/link-tracking-guide.md
new file mode 100644
index 000000000..86e6f1628
--- /dev/null
+++ b/apps/uload/apps/web/src/content/blog/link-tracking-guide.md
@@ -0,0 +1,157 @@
+---
+title: Der ultimative Link-Tracking Guide für 2024
+excerpt: Erfahren Sie, wie Sie mit modernem Link-Tracking Ihre Marketing-Performance messbar verbessern und dabei DSGVO-konform bleiben.
+date: 2024-01-20
+author: till-schneider
+category: tutorial
+tags: [tracking, analytics, dsgvo, marketing]
+featured: false
+image: /blog/link-tracking.jpg
+---
+
+Link-Tracking ist der Schlüssel zu datengetriebenem Marketing. In diesem umfassenden Guide zeigen wir Ihnen, wie Sie Ihre Links professionell tracken, dabei datenschutzkonform bleiben und Ihre Conversion-Rate signifikant steigern.
+
+## Was ist Link-Tracking?
+
+Link-Tracking ermöglicht es Ihnen, das Verhalten Ihrer Nutzer zu verstehen:
+
+- Woher kommen Ihre Besucher?
+- Welche Kampagnen funktionieren?
+- Wie hoch ist Ihre Conversion-Rate?
+- Welche Inhalte performen am besten?
+
+## Die wichtigsten Metriken
+
+### 1. Click-Through-Rate (CTR)
+
+Die CTR zeigt, wie viele Personen Ihren Link gesehen und geklickt haben. Eine gute CTR liegt je nach Kanal zwischen 2-5%.
+
+### 2. Conversion Rate
+
+Der Prozentsatz der Klicks, die zu einer gewünschten Aktion führen (Kauf, Anmeldung, Download).
+
+### 3. Bounce Rate
+
+Wie viele Nutzer verlassen Ihre Seite sofort wieder? Eine hohe Bounce Rate deutet auf Probleme hin.
+
+### 4. Geographic Distribution
+
+Verstehen Sie, aus welchen Ländern und Regionen Ihre Besucher kommen.
+
+## UTM-Parameter richtig einsetzen
+
+UTM-Parameter sind der Standard für Campaign-Tracking:
+
+```
+https://ulo.ad/angebot
+?utm_source=newsletter
+&utm_medium=email
+&utm_campaign=winter-sale
+&utm_content=header-cta
+```
+
+### Die 5 UTM-Parameter
+
+1. **utm_source**: Woher kommt der Traffic? (newsletter, google, facebook)
+2. **utm_medium**: Welches Medium? (email, cpc, social)
+3. **utm_campaign**: Welche Kampagne? (winter-sale, black-friday)
+4. **utm_content**: Welcher spezifische Link? (header-cta, footer-link)
+5. **utm_term**: Welches Keyword? (bei Paid Search)
+
+## DSGVO-konformes Tracking
+
+### Was ist erlaubt?
+
+✅ **Anonymisierte Daten**
+
+- Gerätetyp
+- Browser
+- Ungefährer Standort (Land/Stadt)
+- Referrer
+
+✅ **Aggregierte Metriken**
+
+- Gesamtklicks
+- Durchschnittliche Verweildauer
+- Conversion-Raten
+
+### Was braucht Zustimmung?
+
+❌ **Personenbezogene Daten**
+
+- Vollständige IP-Adressen
+- Device Fingerprinting
+- Cross-Site Tracking
+- Retargeting-Pixel
+
+## Best Practices für Link-Tracking
+
+### 1. Konsistente Namenskonvention
+
+Entwickeln Sie ein einheitliches Schema:
+
+```
+utm_source: [channel]
+utm_medium: [type]
+utm_campaign: [yyyy-mm]-[campaign-name]
+```
+
+### 2. Dokumentation führen
+
+Erstellen Sie eine Tracking-Tabelle:
+| Kampagne | Source | Medium | Link | Erstellt |
+|----------|--------|--------|------|----------|
+| Winter Sale | newsletter | email | /winter | 2024-01-15 |
+
+### 3. Regelmäßige Bereinigung
+
+Löschen Sie alte, inaktive Links und konsolidieren Sie ähnliche Kampagnen.
+
+## A/B-Testing mit Links
+
+Testen Sie verschiedene Varianten:
+
+- Verschiedene Call-to-Actions
+- Unterschiedliche Landing Pages
+- Alternative Platzierungen
+- Timing-Experimente
+
+## Tools und Integration
+
+### Google Analytics 4
+
+- Automatisches UTM-Tracking
+- Conversion-Tracking
+- Audience-Segmentierung
+
+### Marketing-Automation
+
+- HubSpot
+- Mailchimp
+- ActiveCampaign
+
+### Social Media Tools
+
+- Buffer
+- Hootsuite
+- Sprout Social
+
+## Fehler, die Sie vermeiden sollten
+
+1. **Inkonsistente Parameter**: newsletter vs Newsletter vs Email-Newsletter
+2. **Zu viele Parameter**: Halten Sie es simpel
+3. **Keine Dokumentation**: Nach 6 Monaten weiß niemand mehr, was "camp-x1" war
+4. **Ignorieren der Daten**: Tracking ohne Analyse ist nutzlos
+
+## Zukunft des Link-Trackings
+
+- **Privacy-First**: Mehr Fokus auf aggregierte, anonyme Daten
+- **Server-Side Tracking**: Umgehung von Ad-Blockern
+- **KI-gestützte Analyse**: Automatische Mustererkennung
+- **Cross-Device Attribution**: Besseres Verständnis der Customer Journey
+
+## Fazit
+
+Professionelles Link-Tracking ist kein Nice-to-have, sondern ein Must-have für erfolgreiches digitales Marketing. Mit den richtigen Tools und Prozessen können Sie Ihre Marketing-Performance signifikant steigern und dabei vollständig DSGVO-konform bleiben.
+
+Starten Sie noch heute mit professionellem Link-Tracking – Ihre Conversion-Rate wird es Ihnen danken!
diff --git a/apps/uload/apps/web/src/content/blog/psychologie-kurzer-urls.md b/apps/uload/apps/web/src/content/blog/psychologie-kurzer-urls.md
new file mode 100644
index 000000000..ec75cc6e5
--- /dev/null
+++ b/apps/uload/apps/web/src/content/blog/psychologie-kurzer-urls.md
@@ -0,0 +1,184 @@
+---
+title: Die Psychologie kurzer URLs - Warum unser Gehirn sie liebt
+excerpt: 42% weniger Klicks bei langen URLs – diese erstaunliche Zahl zeigt, wie stark die Länge eines Links unsere Entscheidung beeinflusst. Erfahren Sie die Wissenschaft dahinter.
+date: 2024-01-15
+author: till-schneider
+category: psychology
+tags: [urls, psychology, conversion, marketing]
+featured: true
+image: /blog/psychology-urls.jpg
+seo:
+ title: URL-Psychologie Guide 2024 - Warum kurze Links funktionieren | uload Blog
+ description: Erfahren Sie, warum kurze URLs 42% mehr Klicks erhalten. Wissenschaftlich fundierte Erkenntnisse zur Cognitive Load Theory und praktische Tipps für bessere Conversion-Rates.
+---
+
+**42% weniger Klicks bei langen URLs** – diese erstaunliche Zahl zeigt, wie stark die Länge eines Links unsere Entscheidung beeinflusst, darauf zu klicken oder nicht. In diesem umfassenden Artikel tauchen wir tief in die Psychologie hinter kurzen URLs ein und zeigen Ihnen, wie Sie dieses Wissen für Ihren digitalen Erfolg nutzen können.
+
+## Das Problem mit langen URLs: Wenn Links Misstrauen erzeugen
+
+Stellen Sie sich vor: Fast die Hälfte Ihrer potenziellen Besucher klickt nicht auf Ihren Link – nur weil er zu lang ist. Was auf den ersten Blick wie eine technische Kleinigkeit erscheint, ist in Wahrheit ein psychologisches Phänomen mit enormen Auswirkungen auf Ihre Online-Performance.
+
+### Die Spam-Alarm-Reaktion unseres Gehirns
+
+Aktuelle Studien zeigen eindeutig: URLs, die länger als 100 Zeichen sind, lösen automatisch Misstrauen aus. Unser Gehirn hat über Jahre hinweg gelernt, dass lange, unleserliche Links mit unzähligen Parametern oft zu zweifelhaften Inhalten führen. Diese evolutionäre Schutzreaktion lässt uns instinktiv zurückschrecken.
+
+Vergleichen Sie diese beiden URLs:
+
+**Lange URL (schlecht):**
+
+```
+https://example.com/product?id=12345&utm_source=newsletter&utm_medium=email&utm_campaign=summer2024&ref=user789&tracking=enabled
+```
+
+**Kurze URL (gut):**
+
+```
+https://ulo.ad/summer-sale
+```
+
+Der Unterschied ist offensichtlich, oder?
+
+### Mobile Nutzer: Die vergessene Mehrheit
+
+In einer Welt, in der über 60% des Web-Traffics von mobilen Geräten kommt, sind lange URLs ein noch größeres Problem. Mobile Nutzer scrollen definitiv nicht horizontal, um einen Link vollständig zu sehen. Was nicht auf den ersten Blick erkennbar ist, wird ignoriert – eine simple, aber folgenreiche Wahrheit.
+
+## Die Wissenschaft dahinter: Cognitive Load Theory
+
+### Warum unser Gehirn faul ist (und das gut so ist)
+
+Die Cognitive Load Theory erklärt, warum kurze URLs so effektiv sind. Unser Gehirn ist darauf programmiert, Energie zu sparen – es ist evolutionär faul, aber auf eine intelligente Weise. Bei der Verarbeitung von Informationen sucht es immer nach dem Weg des geringsten Widerstands.
+
+Wenn wir einen kurzen, klaren Link sehen, kann unser Gehirn ihn schnell verarbeiten und kategorisieren. Diese mühelose Verarbeitung erzeugt ein positives Gefühl – wir verbinden "einfach" automatisch mit "sicher" und "vertrauenswürdig".
+
+### Der Halo-Effekt kurzer URLs
+
+Psychologen nennen es den Halo-Effekt: Ein positives Merkmal (die Kürze des Links) überträgt sich auf die gesamte Wahrnehmung. Ein kurzer, sauberer Link lässt uns unbewusst annehmen, dass auch die Zielseite professionell, sicher und relevant sein wird.
+
+## Die vier Säulen des Link-Vertrauens
+
+Unsere Analyse von über 10.000 Link-Klicks hat vier Hauptfaktoren identifiziert:
+
+### 1. Erkennbare Domain (60% Wichtigkeit)
+
+Menschen wollen wissen, wo sie landen werden. Eine klare, erkennbare Domain ist der wichtigste Vertrauensfaktor:
+
+- Verwenden Sie Ihre Marken-Domain wenn möglich
+- Bei Kurz-URLs: Wählen Sie einen Service mit gutem Ruf
+- Vermeiden Sie obskure URL-Shortener
+
+### 2. Keine kryptischen Zeichen (25% Wichtigkeit)
+
+Zufällige Zahlen-Buchstaben-Kombinationen wie "x7h9k2p" schrecken Nutzer ab. Stattdessen:
+
+- Nutzen Sie sprechende Begriffe
+- Verwenden Sie relevante Keywords
+- Halten Sie es lesbar und merkbar
+
+### 3. Optimale Länge (10% Wichtigkeit)
+
+Die magische Grenze liegt bei etwa 50 Zeichen:
+
+- **15-30 Zeichen**: Optimal für Social Media
+- **30-50 Zeichen**: Ideal für E-Mail-Marketing
+- **Über 50 Zeichen**: Deutlicher Rückgang der Klickrate
+
+### 4. HTTPS-Verschlüsselung (5% Wichtigkeit)
+
+Das kleine Schloss-Symbol mag nur 5% ausmachen, aber es ist ein Hygienefaktor – fehlt es, kann das Vertrauen komplett zerstört werden.
+
+## Praktische Optimierungsstrategien
+
+### 1. Sprechende URLs verwenden
+
+❌ **Schlecht:** `ulo.ad/p47829`
+✅ **Gut:** `ulo.ad/sommer-sale`
+
+Der Unterschied? Der zweite Link kommuniziert sofort, was den Nutzer erwartet. Diese Transparenz erhöht die Klickrate um durchschnittlich 39%.
+
+### 2. Die 50-Zeichen-Regel
+
+Halten Sie Ihre URLs unter 50 Zeichen. Das ist:
+
+- Kurz genug für Twitter/X
+- Lesbar auf Mobilgeräten
+- Merkbar für Nutzer
+- Optimal für die Anzeige in E-Mails
+
+### 3. A/B-Testing ist Ihr Freund
+
+Testen Sie verschiedene URL-Varianten:
+
+- Kurz vs. deskriptiv
+- Mit Markenname vs. ohne
+- Verschiedene Keywords
+- Unterschiedliche Strukturen
+
+### 4. Performance-Tracking implementieren
+
+Ohne Daten keine Optimierung. Moderne Link-Management-Tools bieten:
+
+- Detaillierte Klick-Statistiken
+- Geografische Verteilung
+- Geräteerkennung
+- Referrer-Tracking
+- Conversion-Tracking
+
+## Case Studies: Erfolgsgeschichten
+
+### E-Commerce: 67% mehr Conversions
+
+Ein großer Online-Händler verkürzte seine Produkt-URLs von durchschnittlich 120 auf 45 Zeichen:
+
+- **67% höhere Conversion Rate**
+- **42% mehr Social Shares**
+- **31% niedrigere Bounce Rate**
+
+### Newsletter-Marketing: Verdoppelte Klickrate
+
+Ein B2B-Unternehmen wechselte von langen Tracking-URLs zu personalisierten Kurz-URLs:
+
+- **Vorher:** `company.com/newsletter/2024/march/article-5?utm_source=email&utm_medium=newsletter`
+- **Nachher:** `co.link/cloud-guide`
+- **Resultat:** 2,1x höhere Klickrate
+
+## Die Zukunft kurzer URLs
+
+### KI-optimierte Personalisierung
+
+Moderne Systeme nutzen KI, um für jeden Nutzer die optimale URL-Variante zu generieren – basierend auf:
+
+- Demografischen Daten
+- Bisherigem Klickverhalten
+- Kontext der Interaktion
+- Tageszeit und Gerät
+
+### Voice-First Optimization
+
+Mit dem Aufstieg von Sprachassistenten werden "sprechbare" URLs wichtiger:
+
+- Einfache Wörter statt Buchstaben-Zahlen-Kombinationen
+- Vermeidung ähnlich klingender Begriffe
+- Klare, eindeutige Aussprache
+
+## Fazit: Die Macht der Kürze
+
+Die Psychologie kurzer URLs ist keine Raketenwissenschaft, aber ihre Auswirkungen sind enorm. In einer Welt, in der Aufmerksamkeit die wertvollste Währung ist, können kurze, vertrauenswürdige Links den Unterschied zwischen Erfolg und Misserfolg ausmachen.
+
+### Die wichtigsten Takeaways
+
+1. **42% weniger Klicks** bei URLs über 100 Zeichen
+2. **Cognitive Load Theory**: Unser Gehirn liebt Einfachheit
+3. **50 Zeichen** ist die magische Grenze
+4. **Sprechende URLs** performen 39% besser
+5. **Mobile First**: Über 60% surfen mobil
+6. **Vertrauen** ist wichtiger als Tracking
+
+### Ihre nächsten Schritte
+
+1. **Audit**: Analysieren Sie Ihre aktuellen URLs
+2. **Optimieren**: Kürzen und verbessern Sie systematisch
+3. **Testen**: A/B-Tests für verschiedene Varianten
+4. **Messen**: Tracking der Performance-Verbesserungen
+5. **Iterieren**: Kontinuierliche Optimierung basierend auf Daten
+
+Tools wie [uload](https://ulo.ad) wurden speziell entwickelt, um die Erkenntnisse der URL-Psychologie in die Praxis umzusetzen. Mit Features wie personalisierten Kurz-URLs, detaillierten Analytics und A/B-Testing können Sie sofort damit beginnen, Ihre Link-Performance zu optimieren.
diff --git a/apps/uload/apps/web/src/content/config.ts b/apps/uload/apps/web/src/content/config.ts
new file mode 100644
index 000000000..2d534a399
--- /dev/null
+++ b/apps/uload/apps/web/src/content/config.ts
@@ -0,0 +1,64 @@
+import { z } from 'zod';
+
+// Author Schema
+export const authorSchema = z.object({
+ id: z.string(),
+ name: z.string(),
+ bio: z.string().optional(),
+ avatar: z.string().optional(),
+ social: z
+ .object({
+ twitter: z.string().optional(),
+ github: z.string().optional(),
+ linkedin: z.string().optional(),
+ website: z.string().optional(),
+ })
+ .optional(),
+});
+
+// Blog Post Schema
+export const blogSchema = z.object({
+ title: z.string(),
+ excerpt: z.string(),
+ date: z
+ .string()
+ .or(z.date())
+ .transform((val) => new Date(val)),
+ author: z.string(), // Author ID
+ tags: z.array(z.string()).default([]),
+ category: z.enum(['tutorial', 'psychology', 'feature', 'announcement', 'case-study']),
+ image: z.string().optional(),
+ draft: z.boolean().default(false),
+ featured: z.boolean().default(false),
+ series: z.string().optional(),
+ layout: z.string().default('blog'),
+ seo: z
+ .object({
+ title: z.string().optional(),
+ description: z.string().optional(),
+ canonical: z.string().optional(),
+ })
+ .optional(),
+});
+
+// Type exports
+export type BlogPost = z.infer
+
+{/if}
+
+
+
+ A/B Test Debug
+ Variant: {variant}
+ Name: {content.name}
+ Locale: {get(locale)}
+
+
+
+
+ {#if !isLoading}
+
+
+
+
+ {:else}
+
+ + {#if variant === 'b2' && content.headline.includes(',')} + + {content.headline.split(',')[0]}, + {content.headline.split(',').slice(1).join(',')} + {:else} + {content.headline} + {/if} +
+ + ++ {content.subheadline} +
+ + + {#if content.socialProof} +
+ {#if content.socialProof.type === 'numbers'}
+
+ {/if}
+
+
+ {#if content.features && content.features.length > 0}
+
+ {#each content.socialProof.content.split('•') as stat}
+
+ ✓
+ {stat.trim()}
+
+ {/each}
+
+ {:else if content.socialProof.type === 'logos'}
+
+ {#each content.socialProof.content.split('•') as logo}
+
+ {logo.trim()}
+
+ {/each}
+
+ {:else if content.socialProof.type === 'testimonial'}
+
+ {content.socialProof.content}
+
+ {/if}
+
+ {#each content.features.slice(0, 3) as feature}
+
+ {/if}
+
+
+
+
+ {feature}
+
+ {/each}
+ {#if content.features.length > 3}
+ {#each content.features.slice(3) as feature}
+
+
+ {feature}
+
+ {/each}
+ {/if}
+
+
+ {content.ctaText}
+
+
+ {#if !data.user}
+
+
+
+ + {freeText} +
+ {/if} +
+ {#each trustBadges as badge}
+
+ {badge.icon}
+ {badge.text}
+
+ {/each}
+
+
+
+ {/if}
+ Loading...
+
+
+
+ {#if showDropdown}
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/Button.svelte b/apps/uload/apps/web/src/lib/components/Button.svelte
new file mode 100644
index 000000000..a3485a353
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/Button.svelte
@@ -0,0 +1,48 @@
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/DataTable.svelte b/apps/uload/apps/web/src/lib/components/DataTable.svelte
new file mode 100644
index 000000000..8681ef62a
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/DataTable.svelte
@@ -0,0 +1,186 @@
+
+
+{#if items && items.length > 0}
+
+
+ {#if accounts.currentUser}
+
+ {/if}
+
+
+ {/if}
+
+
+ {#if accounts.sharedAccounts && accounts.sharedAccounts.length > 0}
+
+ {m.account_my_account()}
+
+
+
+
+ {:else}
+
+
+ {m.account_team_accounts()}
+
+ {#each accounts.sharedAccounts as shared}
+ {#if shared.expand?.owner}
+
+ {/if}
+ {/each}
+
+
+ {/if}
+
+
+ + {m.account_no_team_accounts()} +
++ {m.account_team_invite_info()} +
+
+
+
+
+ {#if title}
+
+{:else}
+
+
+ {/if}
+
+ {#if isMobile && renderMobileCard}
+
+ + {title} +
+
+ {#each items as item}
+ {@html renderMobileCard(item)}
+ {/each}
+
+ {:else}
+
+
+
+ {#each visibleColumns as column}
+
+
+
+
+ {column.label}
+
+ {/each}
+
+ {#each items as item}
+
+
+ {/if}
+
+ {#each visibleColumns as column}
+
+
+
+
+ {#if column.render}
+ {@html column.render(item)}
+ {:else if column.key.includes('.')}
+
+ {@const keys = column.key.split('.')}
+ {@const value = keys.reduce((obj, key) => obj?.[key], item)}
+ {value || '-'}
+ {:else}
+ {item[column.key] || '-'}
+ {/if}
+
+ {/each}
+
+ {#if renderMobileCard}
+ {@html renderMobileCard(item)}
+ {:else}
+
+
+ {/each}
+
+ {#each columns.filter((col) => !col.hideOnMobile) as column}
+
+ {/if}
+
+ {column.label}:
+
+ {#if column.render}
+ {@html column.render(item)}
+ {:else if column.key.includes('.')}
+ {@const keys = column.key.split('.')}
+ {@const value = keys.reduce((obj, key) => obj?.[key], item)}
+ {value || '-'}
+ {:else}
+ {item[column.key] || '-'}
+ {/if}
+
+
+ {/each}
+
+
+{/if}
+
+
diff --git a/apps/uload/apps/web/src/lib/components/Dropdown.svelte b/apps/uload/apps/web/src/lib/components/Dropdown.svelte
new file mode 100644
index 000000000..73c29e2a0
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/Dropdown.svelte
@@ -0,0 +1,197 @@
+
+
++ {emptyMessage} +
+
+
+
+ {#if isOpen}
+
diff --git a/apps/uload/apps/web/src/lib/components/FloatingSidebar.svelte b/apps/uload/apps/web/src/lib/components/FloatingSidebar.svelte
new file mode 100644
index 000000000..dd93ca8dd
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/FloatingSidebar.svelte
@@ -0,0 +1,644 @@
+
+
+{#if user && mounted}
+
+{/if}
+
+
diff --git a/apps/uload/apps/web/src/lib/components/Footer.svelte b/apps/uload/apps/web/src/lib/components/Footer.svelte
new file mode 100644
index 000000000..357e8f4d0
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/Footer.svelte
@@ -0,0 +1,201 @@
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/LanguageSwitcher.svelte b/apps/uload/apps/web/src/lib/components/LanguageSwitcher.svelte
new file mode 100644
index 000000000..abe6f2d2d
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/LanguageSwitcher.svelte
@@ -0,0 +1,92 @@
+
+
+
+ {#each items as item, index}
+ {#if item.divider}
+
+ {:else if item.type === 'form'}
+
+ {:else if item.href}
+ closeDropdown()} class={getItemClasses(item.color)}>
+ {#if item.icon}
+ {@html item.icon}
+ {/if}
+ {item.label}
+
+ {:else}
+
+ {/if}
+ {/each}
+
+ {/if}
+
+
+
+ {#if showDropdown}
+
+
+
+ {#each languages as lang}
+
+ {/each}
+
+ {/if}
+
+
diff --git a/apps/uload/apps/web/src/lib/components/MobileSidebar.svelte b/apps/uload/apps/web/src/lib/components/MobileSidebar.svelte
new file mode 100644
index 000000000..adbcae965
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/MobileSidebar.svelte
@@ -0,0 +1,306 @@
+
+
+{#if user && open}
+
+
+
+
+
+{/if}
+
+
diff --git a/apps/uload/apps/web/src/lib/components/Navigation.svelte b/apps/uload/apps/web/src/lib/components/Navigation.svelte
new file mode 100644
index 000000000..c7a41a84a
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/Navigation.svelte
@@ -0,0 +1,840 @@
+
+
+
+
+
+
+
+
+
+{#if mobileMenuOpen}
+
+{/if}
+
+
+{#if mobileMenuOpen}
+
+{/if}
+
+
diff --git a/apps/uload/apps/web/src/lib/components/NotificationBell.svelte b/apps/uload/apps/web/src/lib/components/NotificationBell.svelte
new file mode 100644
index 000000000..3c4a2ff19
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/NotificationBell.svelte
@@ -0,0 +1,270 @@
+
+
+
+
+
+ {#if !usageInfo.unlimited}
+
+
+
+ {#if !usageInfo.unlimited}
+
+ {usageInfo.current} / {usageInfo.limit}
+
+ {/if}
+
+
+
+
+
+
+ {#if usageInfo.status === 'danger'}
+
+ Monatslimit erreicht! Upgrade für mehr Links.
+
+ {:else if usageInfo.status === 'warning'}
+
+ {usageInfo.limit - usageInfo.current} Links verbleibend
+
+ {:else}
+
+ {usageInfo.limit - usageInfo.current} Links verbleibend
+
+ {/if}
+
+ {:else}
+
+ 🎉 Du hast unbegrenzten Zugang zu allen Features!
+
+ {/if}
+
+
+
+
+
+ {#if showDropdown}
+
diff --git a/apps/uload/apps/web/src/lib/components/SimpleAccountSwitcher.svelte b/apps/uload/apps/web/src/lib/components/SimpleAccountSwitcher.svelte
new file mode 100644
index 000000000..6fb058dd3
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/SimpleAccountSwitcher.svelte
@@ -0,0 +1,145 @@
+
+
+{#if user && sharedAccounts.length > 0}
+
+
+
+ {/if}
+
+
+
+
+
+
+ Benachrichtigungen
+
+ {#if $unreadCount > 0}
+
+ {/if}
+
+
+
+ {#if $notifications.loading}
+
+
+
+
+ {:else if $notifications.notifications.length === 0}
+ Lade Benachrichtigungen...
+
+
+ {:else}
+ Keine Benachrichtigungen
+
+ {#each $notifications.notifications as notification, i}
+
+ {/if}
+
+
+ {/each}
+
+
+
+
+
+ {getNotificationIcon(notification.type)}
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if notification.type === 'team_invite' && notification.action_url}
+
+ {/if}
+
+ {#if !notification.read}
+
+ {/if}
+
+
+
+
+
+ {#if isOpen}
+
+
+
+
+
+{/if}
diff --git a/apps/uload/apps/web/src/lib/components/StatsBar.svelte b/apps/uload/apps/web/src/lib/components/StatsBar.svelte
new file mode 100644
index 000000000..03e5ffaa8
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/StatsBar.svelte
@@ -0,0 +1,159 @@
+
+
+
+
+ {/if}
+
+
+
+
+ {#if sharedAccounts.length > 0}
+
+
+
+
+
+
+
+ {#each sharedAccounts as shared}
+ {#if shared.invitation_status === 'accepted'}
+
+ {/if}
+ {/each}
+ {/if}
+ Team Accounts
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/TagBadge.svelte b/apps/uload/apps/web/src/lib/components/TagBadge.svelte
new file mode 100644
index 000000000..17f3c44d3
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/TagBadge.svelte
@@ -0,0 +1,75 @@
+
+
+{#if tag && tag.name}
+
+ {#if tag.icon && tag.icon.trim()}
+ {tag.icon}
+ {/if}
+ {tag.name}
+ {#if removable}
+
+ {/if}
+
+{/if}
diff --git a/apps/uload/apps/web/src/lib/components/TagCard.svelte b/apps/uload/apps/web/src/lib/components/TagCard.svelte
new file mode 100644
index 000000000..63857b0f2
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/TagCard.svelte
@@ -0,0 +1,175 @@
+
+
+
+
+
+
+
+ {#each statItems as stat}
+
+
+
+
+
+
+
+ {/each}
+
+
+ {formatNumber(displayStats[stat.key] || 0)}
+
+
+ {stat.label}
+
+
+
+ {#if editingTag}
+
+ {:else}
+
diff --git a/apps/uload/apps/web/src/lib/components/TagList.svelte b/apps/uload/apps/web/src/lib/components/TagList.svelte
new file mode 100644
index 000000000..74e69ac47
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/TagList.svelte
@@ -0,0 +1,100 @@
+
+
+{#if tags && tags.length > 0}
+ {#if viewMode === 'stats'}
+
+
+ {/if}
+
+
+
+
+
+
+
+
+ {tag.linkCount || 0} links
+
+ •
+
+ Used in {tag.linkCount || 0} links
+
+
+
+ •
+
+ Total clicks: {tag.totalClicks || 0}
+
+
+
+ {#if tag.is_public}
+ •
+ Public
+ {:else}
+ •
+ Private
+ {/if}
+
+ Usage count: {tag.usage_count || 0}
+
+
+ {#each tags as tag}
+
+ {:else}
+
+ {#if isSelectMode}
+
+ {/each}
+
+ onToggleSelect(tag.id)}
+ class="h-5 w-5 cursor-pointer rounded border-theme-border bg-white text-theme-primary focus:ring-theme-primary"
+ />
+
+ {/if}
+
+
+ {/if}
+{:else}
+
+
+
+ + Your Tags ({tags.length} total) +
+
+ {#if isSelectMode}{/if}
+
+
+ Tag Name
+ Links
+ Clicks
+ Uses
+ Status
+ Actions
+
+ {#if isSelectMode}{/if}
+
+
+ Tag Name
+ Links
+ Clicks
+ Actions
+
+ {#each tags as tag}
+ onToggleSelect(tag.id)}
+ />
+ {/each}
+
+
+
+{/if}
diff --git a/apps/uload/apps/web/src/lib/components/TagListItem.svelte b/apps/uload/apps/web/src/lib/components/TagListItem.svelte
new file mode 100644
index 000000000..81ed12ed9
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/TagListItem.svelte
@@ -0,0 +1,413 @@
+
+
+
+No tags yet. Create your first tag to organize your links!
+
+ {#if isSelectMode}
+
+
+
+
+
+
+ {/if}
+ {#if editingTag}
+
+ {:else}
+
+
+
+
+
+
+ {tag.linkCount || 0} links
+
+
+
+
+ Used in {tag.linkCount || 0} links
+
+
+
+
+
+
+ Total clicks from all links: {tag.totalClicks || 0}
+
+
+ {tag.usage_count || 0} uses
+
+
+
+
+ Internal usage counter
+
+
+ {#if tag.is_public}
+ Public
+ {:else}
+ Private
+ {/if}
+
+
+
+
+
+
+
+ {/if}
+
+ {#if isSelectMode}
+
+
+
+
+
+
+ {/if}
+ {#if editingTag}
+
+ {:else}
+
+
+
+ {tag.linkCount || 0} links
+
+
+
+
+
+
+
+ {/if}
+
+ {#if editingTag}
+
+ {:else}
+
diff --git a/apps/uload/apps/web/src/lib/components/TagSelector.svelte b/apps/uload/apps/web/src/lib/components/TagSelector.svelte
new file mode 100644
index 000000000..72ff2baaf
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/TagSelector.svelte
@@ -0,0 +1,207 @@
+
+
+
+ {#if isSelectMode}
+
+ {/if}
+
+
+
+ {/if}
+
+
+
+
+
+
+ {#if !isSelectMode}
+
+ {tag.linkCount || 0} links
+
+
+
+
+
+
+ {/if}
+
+ {#if selectedTags.length > 0}
+
diff --git a/apps/uload/apps/web/src/lib/components/TagStats.svelte b/apps/uload/apps/web/src/lib/components/TagStats.svelte
new file mode 100644
index 000000000..84c793a2a
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/TagStats.svelte
@@ -0,0 +1,290 @@
+
+
+
+ {#each selectedTags as tag}
+ removeTag(tag)} />
+ {/each}
+
+ {/if}
+
+
+
+
+ {#if isDropdownOpen && (filteredTags.length > 0 || canCreateNewTag || isCreatingTag)}
+
+
+ {#if isCreatingTag}
+
+ {/if}
+
+
+ {/if}
+
+ {#each filteredTags as tag}
+
+ {/each}
+
+ {#if canCreateNewTag && !isCreatingTag}
+
+ {/if}
+
+ {
+ if (e.key === 'Enter') {
+ e.preventDefault();
+ createNewTag();
+ } else if (e.key === 'Escape') {
+ isCreatingTag = false;
+ newTagName = '';
+ }
+ }}
+ />
+
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/ThemeDropdown.svelte b/apps/uload/apps/web/src/lib/components/ThemeDropdown.svelte
new file mode 100644
index 000000000..0104c1721
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/ThemeDropdown.svelte
@@ -0,0 +1,160 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Gesamt Tags
+{totalTags}
+
+
+
+
+
+
+
+
+
+ Gesamt Klicks
+{formatNumber(totalClicks)}
+
+
+
+
+
+
+
+
+
+ Ø Links/Tag
+{averageLinksPerTag}
+
+
+
+
+
+
+
+
+ Top Tag
+ {#if mostClickedTag} +{mostClickedTag.name}
++ {formatNumber(mostClickedTag.totalClicks || 0)} Klicks +
+ {:else} +-
+ {/if} +
+
+
+
+
+
+
+
+
+
+
+
+
+ Top 10 Tags nach Klicks
+
+ {#each topTagsByClicks as tag, index}
+
+
+
+ {/each}
+ {#if topTagsByClicks.length === 0}
+
+ {index + 1}
+
+
+
+
+
+ {tag.name}
+
+
+ {formatNumber(tag.totalClicks || 0)}
+
+
+
+
+
+ Keine Daten verfügbar
+ {/if} +
+
+
+
+ Top 10 Tags nach Links
+
+ {#each topTagsByLinks as tag, index}
+
+
+
+ {/each}
+ {#if topTagsByLinks.length === 0}
+
+ {index + 1}
+
+
+
+
+
+ {tag.name}
+
+
+ {tag.linkCount || 0} Links
+
+
+
+
+
+ Keine Daten verfügbar
+ {/if} +
+
+
+
+ Detaillierte Tag-Statistiken
+
+
+
+
+ {#if tags.length === 0}
+
+ | + Tag + | ++ Links + | ++ Klicks + | ++ CTR + | ++ Verwendungen + | ++ Status + | ++ Erstellt + | +
|---|---|---|---|---|---|---|
|
+
+
+ {tag.name}
+
+ |
+ + {tag.linkCount || 0} + | ++ {formatNumber(tag.totalClicks || 0)} + | ++ + {calculateCTR(tag)} + + | ++ {tag.usage_count || 0} + | ++ {#if tag.is_public} + + Öffentlich + + {:else} + + Privat + + {/if} + | ++ {new Date(tag.created).toLocaleDateString('de-DE')} + | +
+
+ {/if}
+ Keine Tags vorhanden
+
+
+
+ {#if showDropdown}
+
diff --git a/apps/uload/apps/web/src/lib/components/UpgradeButton.svelte b/apps/uload/apps/web/src/lib/components/UpgradeButton.svelte
new file mode 100644
index 000000000..8baa1eec8
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/UpgradeButton.svelte
@@ -0,0 +1,75 @@
+
+
+
+
+{#if error}
+
+
+
+ {/if}
+
+
+
+
+
+ Dark Mode
+
+
+
+
+ Choose Theme
+
+ {#each Object.values(themes) as theme}
+
+ {/each}
+
+ {error}
+{/if}
diff --git a/apps/uload/apps/web/src/lib/components/ViewToggle.svelte b/apps/uload/apps/web/src/lib/components/ViewToggle.svelte
new file mode 100644
index 000000000..96155c4f0
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/ViewToggle.svelte
@@ -0,0 +1,62 @@
+
+
+
+
+
+ {#if showStats}
+
+ {/if}
+
diff --git a/apps/uload/apps/web/src/lib/components/WorkspaceSwitcher.svelte b/apps/uload/apps/web/src/lib/components/WorkspaceSwitcher.svelte
new file mode 100644
index 000000000..fbc46b717
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/WorkspaceSwitcher.svelte
@@ -0,0 +1,202 @@
+
+
+
+
+
+ {#if showDropdown}
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/blog/BlogCard.svelte b/apps/uload/apps/web/src/lib/components/blog/BlogCard.svelte
new file mode 100644
index 000000000..f98608148
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/blog/BlogCard.svelte
@@ -0,0 +1,146 @@
+
+
+
+
+ {#if workspacesState.personalWorkspace}
+
+ {/if}
+
+
+ {/if}
+
+
+ {#if workspacesState.teamWorkspaces && workspacesState.teamWorkspaces.length > 0}
+
+ Personal Workspace
+
+
+
+
+ {:else}
+
+
+ Team Workspaces
+
+ {#each workspacesState.teamWorkspaces as workspace}
+
+ {/each}
+
+
+ {/if}
+
+
+ No team workspaces yet
++ Create or join a team workspace to collaborate +
+
+
+
+
+ 
+ {#if featured}
+
+ {/if}
+
+ {#if post.image && viewMode === 'list'}
+
+
+ Featured
+
+
+ {/if}
+
+
+ {#if featured}
+
+ {/if}
+
+
+
+ Featured
+
+
+ {/if}
+
+ {#if featured && !post.image}
+
+ Featured
+
+ {/if}
+
+
++ + {post.title} + +
+ ++ {post.excerpt} +
+ +
+
+
+
+ {readingTimeText}
+
+
+
+ {#if post.tags.length > 0}
+
+ {#each post.tags.slice(0, 3) as tag}
+
+ #{tag}
+
+ {/each}
+ {#if post.tags.length > 3}
+
+ +{post.tags.length - 3}
+
+ {/if}
+
+ {/if}
+
+ {@render children()}
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/CardEditor.svelte b/apps/uload/apps/web/src/lib/components/cards/CardEditor.svelte
new file mode 100644
index 000000000..3dec0f4dc
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/CardEditor.svelte
@@ -0,0 +1,541 @@
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/CardRenderer.svelte b/apps/uload/apps/web/src/lib/components/cards/CardRenderer.svelte
new file mode 100644
index 000000000..f35b5132f
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/CardRenderer.svelte
@@ -0,0 +1,285 @@
+
+
+
+ {#if editable}
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/CustomCard.svelte b/apps/uload/apps/web/src/lib/components/cards/CustomCard.svelte
new file mode 100644
index 000000000..24489d202
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/CustomCard.svelte
@@ -0,0 +1,156 @@
+
+
+
+
+
+
+ {/if}
+
+ {#if isBeginnerCard(card.config)}
+
+
+
+ {/if}
+
+ {#if (showMetadata || !editable) && getMetadata()?.name}
+
+ {/if}
+Unknown card mode: {card.config.mode}
+
+ {#if error}
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/ModularCard.svelte b/apps/uload/apps/web/src/lib/components/cards/ModularCard.svelte
new file mode 100644
index 000000000..56fc14149
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/ModularCard.svelte
@@ -0,0 +1,236 @@
+
+
+
+
+
+ {:else if isLoading}
+ {error}
+
+
+
+ {/if}
+Loading...
+
+ {#each sortedModules() as module (module.id)}
+ {#if isModuleVisible(module) && moduleComponents[module.type]}
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/ProfileCardItem.svelte b/apps/uload/apps/web/src/lib/components/cards/ProfileCardItem.svelte
new file mode 100644
index 000000000..23bdffd8e
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/ProfileCardItem.svelte
@@ -0,0 +1,149 @@
+
+
+
+ handleModuleEvent(module.id, event, data)}
+ />
+
+ {/if}
+ {/each}
+ onDragStart(e, index)}
+ ondragover={(e) => onDragOver(e, index)}
+ ondragleave={onDragLeave}
+ ondrop={(e) => onDrop(e, index)}
+ ondragend={onDragEnd}
+ class="group relative cursor-move transition-all {dropTargetIndex === index
+ ? 'scale-105 opacity-50'
+ : ''}"
+>
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/SafeCardRenderer.svelte b/apps/uload/apps/web/src/lib/components/cards/SafeCardRenderer.svelte
new file mode 100644
index 000000000..f443854ee
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/SafeCardRenderer.svelte
@@ -0,0 +1,234 @@
+
+
+
+ {index + 1}
+
+
+
+
+
+
+
+
+
+
+
+
+ + {card.metadata?.name || `Card ${index + 1}`} +
++ Aspect: {card.constraints?.aspectRatio || 'auto'} +
+
+
+
+
+
+
+ {#if card.visibility !== 'public' && card.page === 'profile'}
+ ⚠️ Set to public to display
+ {/if}
+
+
+
+
+
+
+
+
+
+
+ {#if cardData?.type === 'modular'}
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/TemplateCard.svelte b/apps/uload/apps/web/src/lib/components/cards/TemplateCard.svelte
new file mode 100644
index 000000000..ddfb059a5
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/TemplateCard.svelte
@@ -0,0 +1,190 @@
+
+
+
+
+ {#if headerModule}
+
+ {:else if cardData?.type === 'template'}
+
+
+
+ {#if headerModule.props?.avatar}
+
+ {/if}
+
+
+ {#if linksModule?.props?.links && linksModule.props.links.length > 0}
+
+ 
{
+ e.currentTarget.style.display = 'none';
+ if (e.currentTarget.nextElementSibling) {
+ e.currentTarget.nextElementSibling.style.display = 'flex';
+ }
+ }}
+ />
+
+ {:else if headerModule.props?.title}
+
+ {(headerModule.props?.title || 'U')[0].toUpperCase()}
+
+
+ {headerModule.props.title[0].toUpperCase()}
+
+ {/if}
+
+
+ {#if headerModule.props?.title}
+ {headerModule.props.title}
+ {/if} + {#if headerModule.props?.subtitle} +{headerModule.props.subtitle}
+ {/if} +
+ {#each linksModule.props.links as link}
+
+ {/if}
+
+ {#if link.icon}
+ {link.icon}
+ {/if}
+
+ {/each}
+
+
+
+ {link.title || link.original_url}
+
+ {#if link.description}
+ {link.description}
+ {/if}
+
+
+ {:else if cardData?.type === 'custom'}
+
+ Template Card
+Template: {cardData.template}
+
+
+ {:else}
+
+ Custom Card
+Custom HTML/CSS Card
+
+
+ {/if}
+
+
+ {#if showMetadata}
+
+
+
+ + {card.title || card.metadata?.name || 'Unnamed Card'} +
+ {#if card.subtitle} +{card.subtitle}
+ {/if} +
+
+ {/if}
+
+ {card.metadata?.name || 'Unnamed Card'}
+ {card.config?.mode || 'unknown'} mode
+
+
+ {#if template}
+
+
+{#if variables.length > 0 && import.meta.env.DEV}
+
+
+
+
+ {/if}
+No template provided
+
+
+{/if}
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/editor/CodeEditor.svelte b/apps/uload/apps/web/src/lib/components/cards/editor/CodeEditor.svelte
new file mode 100644
index 000000000..065902101
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/editor/CodeEditor.svelte
@@ -0,0 +1,102 @@
+
+
+Template Variables ({variables.length})
+
+ {#each variables as variable}
+
+
+ {variable.name}
+ {variable.type}
+
+ {values?.[variable.name] || 'undefined'}
+
+
+ {/each}
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/editor/ModuleEditor.svelte b/apps/uload/apps/web/src/lib/components/cards/editor/ModuleEditor.svelte
new file mode 100644
index 000000000..6468b0ffb
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/editor/ModuleEditor.svelte
@@ -0,0 +1,363 @@
+
+
+
+
+
+ HTML
+ +
+
+
+ CSS
+ +
+
++ 💡 Tip: Your HTML and CSS will be sanitized for security. Scripts and dangerous + patterns will be removed. +
+📏 Limits: HTML max 100KB, CSS max 50KB
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/editor/TemplateEditor.svelte b/apps/uload/apps/web/src/lib/components/cards/editor/TemplateEditor.svelte
new file mode 100644
index 000000000..986a51369
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/editor/TemplateEditor.svelte
@@ -0,0 +1,202 @@
+
+
+
+
+
+
+
+ {#if expanded}
+
+ onUpdate({ ...module, order: parseInt(e.currentTarget.value) })}
+ class="order-input"
+ min="0"
+ title="Order"
+ />
+
+
+
+ {#if module.type === 'header'}
+
+ {/if}
+
+
+ updateProp('title', e.currentTarget.value)}
+ placeholder="Enter title"
+ />
+
+
+
+ updateProp('subtitle', e.currentTarget.value)}
+ placeholder="Enter subtitle"
+ />
+
+ {:else if module.type === 'content'}
+
+
+
+
+ {:else if module.type === 'links'}
+
+
+
+
+
+
+
+
+ {:else if module.type === 'media'}
+
+
+
+
+ {#if module.props.type === 'image'}
+
+
+ updateProp('src', e.currentTarget.value)}
+ placeholder="https://example.com/image.jpg"
+ />
+
+
+
+ updateProp('alt', e.currentTarget.value)}
+ placeholder="Image description"
+ />
+
+ {:else if module.props.type === 'qr'}
+
+
+ updateProp('qrData', e.currentTarget.value)}
+ placeholder="https://example.com"
+ />
+
+ {/if}
+ {:else if module.type === 'stats'}
+
+
+
+
+ {:else if module.type === 'footer'}
+
+
+ updateProp('text', e.currentTarget.value)}
+ placeholder="Footer text"
+ />
+
+
+
+ updateProp('copyright', e.currentTarget.value)}
+ placeholder="© 2024"
+ />
+
+ {:else}
+
+
+
+
+ {/if}
+
+
+
+
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/modules/ActionsModule.svelte b/apps/uload/apps/web/src/lib/components/cards/modules/ActionsModule.svelte
new file mode 100644
index 000000000..ce5271376
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/modules/ActionsModule.svelte
@@ -0,0 +1,55 @@
+
+
+
+
+
+ HTML Template
+Use {'{{variable}}'} syntax for dynamic content
+ +
+
+
+ {#if variables.length > 0}
+ CSS Styles
+ +
+
+ {/if}
+Template Variables
+
+ {#each variables as variable}
+
+
+
+
+ {#if variable.type === 'text'}
+ (values[variable.name] = e.currentTarget.value)}
+ placeholder={variable.placeholder || `Enter ${variable.name}`}
+ />
+ {:else if variable.type === 'number'}
+ (values[variable.name] = parseFloat(e.currentTarget.value))}
+ placeholder={variable.placeholder || '0'}
+ />
+ {:else if variable.type === 'color'}
+ (values[variable.name] = e.currentTarget.value)}
+ />
+ {:else if variable.type === 'boolean'}
+
+ {:else if variable.type === 'link'}
+ (values[variable.name] = e.currentTarget.value)}
+ placeholder={variable.placeholder || 'https://example.com'}
+ />
+ {:else if variable.type === 'image'}
+ (values[variable.name] = e.currentTarget.value)}
+ placeholder={variable.placeholder || 'https://example.com/image.jpg'}
+ />
+ {:else}
+ (values[variable.name] = e.currentTarget.value)}
+ placeholder={variable.placeholder || `Enter ${variable.name}`}
+ />
+ {/if}
+
+ {/each}
+
+ {#each actions as action}
+
+ {/each}
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/modules/ContentModule.svelte b/apps/uload/apps/web/src/lib/components/cards/modules/ContentModule.svelte
new file mode 100644
index 000000000..67ac6c666
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/modules/ContentModule.svelte
@@ -0,0 +1,72 @@
+
+
+
+ {#if html}
+ {@html html}
+ {:else if text}
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/modules/FooterModule.svelte b/apps/uload/apps/web/src/lib/components/cards/modules/FooterModule.svelte
new file mode 100644
index 000000000..d5d3d5cb8
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/modules/FooterModule.svelte
@@ -0,0 +1,53 @@
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/modules/HeaderModule.svelte b/apps/uload/apps/web/src/lib/components/cards/modules/HeaderModule.svelte
new file mode 100644
index 000000000..35c69ab94
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/modules/HeaderModule.svelte
@@ -0,0 +1,60 @@
+
+
+{text}
+ {:else if items.length > 0} +-
+ {#each items as item}
+
-
+ + {#if item.icon} + {item.icon} + {/if} + {item.label} ++ {item.value} +
+ {/each}
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/modules/LinksModule.svelte b/apps/uload/apps/web/src/lib/components/cards/modules/LinksModule.svelte
new file mode 100644
index 000000000..f8537faa3
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/modules/LinksModule.svelte
@@ -0,0 +1,125 @@
+
+
+
+ {#if avatar}
+ 
+ {:else if icon}
+
+
+ {#if actions.length > 0}
+
+ {icon}
+
+ {/if}
+
+
+ {#if title}
+
+ + {title} + {#if badge} + + {badge} + + {/if} +
+ {/if} + + {#if subtitle} +{subtitle}
+ {/if} +
+ {#each actions as action}
+
+ {/each}
+
+ {/if}
+
+ {#each links as link}
+
+ {/each}
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/modules/MediaModule.svelte b/apps/uload/apps/web/src/lib/components/cards/modules/MediaModule.svelte
new file mode 100644
index 000000000..0064d2861
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/modules/MediaModule.svelte
@@ -0,0 +1,44 @@
+
+
+
+ {#if type === 'image' && src}
+ ![]()
+ {:else if type === 'video' && src}
+
+ {:else if type === 'qr' && qrData}
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/modules/StatsModule.svelte b/apps/uload/apps/web/src/lib/components/cards/modules/StatsModule.svelte
new file mode 100644
index 000000000..13e74699b
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/modules/StatsModule.svelte
@@ -0,0 +1,49 @@
+
+
+
+ 
+
+ {:else if type === 'icon' && icon}
+
+ {icon}
+
+ {/if}
+
+ {#each stats as stat}
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/cards/types.ts b/apps/uload/apps/web/src/lib/components/cards/types.ts
new file mode 100644
index 000000000..3f34cd6a2
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/cards/types.ts
@@ -0,0 +1,275 @@
+// ============================================
+// SIMPLIFIED CARD SYSTEM V2 - Using Discriminated Unions
+// ============================================
+
+// Base Types
+export type RenderMode = 'beginner' | 'advanced' | 'expert';
+
+// Card Metadata
+export interface CardMetadata {
+ name?: string;
+ description?: string;
+ author?: string;
+ version?: string;
+ created?: string;
+ updated?: string;
+ tags?: string[];
+ isActive?: boolean;
+ isPublic?: boolean;
+}
+
+// Card Constraints
+export interface CardConstraints {
+ aspectRatio?: string;
+ maxWidth?: string;
+ minHeight?: string;
+ maxHeight?: string;
+ maxModules?: number;
+ maxHTMLSize?: number;
+ maxCSSSize?: number;
+ preventScripts?: boolean;
+}
+
+// Theme Configuration
+export interface Theme {
+ id?: string;
+ name?: string;
+ colors?: Record
+ {#if stat.icon}
+
+ {stat.icon}
+
+ {/if}
+
+
+ {/each}
+
+
+
+ {stat.value}
+ {#if stat.change}
+
+ {stat.change > 0 ? '↑' : '↓'}
+ {Math.abs(stat.change)}%
+
+ {/if}
+
+ {stat.label}
+
+
+{/if}
+
+
diff --git a/apps/uload/apps/web/src/lib/components/landing/BlogSection.svelte b/apps/uload/apps/web/src/lib/components/landing/BlogSection.svelte
new file mode 100644
index 000000000..9f89390ab
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/landing/BlogSection.svelte
@@ -0,0 +1,118 @@
+
+
+
+ {#if !showDetails}
+
+
+
+
+
+ {:else}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Cookies & Datenschutz +
++ Wir verwenden Cookies und ähnliche Technologien, um Ihnen die bestmögliche + Erfahrung zu bieten. Einige sind technisch notwendig, andere helfen uns die + Website zu verbessern und zu analysieren. +
+ + + +
+
+
+
+
+
+
+
+ {/if}
+
+
+
+
+ + Cookie-Einstellungen +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ Notwendige Cookies
++ Technisch erforderlich für die Grundfunktionen der Website +
+
+ Immer aktiv
+
+
+
+
+ + Speichern von Login-Status, Spracheinstellungen und technischen Präferenzen +
+
+
+
+
+
+
+
+
+
+ Analytics Cookies
++ Helfen uns die Website zu verbessern +
++ Anonyme Nutzungsstatistiken, Seitenaufrufe und Klick-Verhalten +
+
+
+
+
+
+
+
+
+
+ Marketing Cookies
++ Für personalisierte Inhalte und Werbung +
++ Newsletter-Präferenzen und zielgerichtete Kommunikation +
+
+
+
+
+
+
+
+ Präferenz Cookies
++ Speichern Ihre persönlichen Einstellungen +
++ Theme-Einstellungen, Layout-Präferenzen und Benutzeroberfläche +
+
+
+
+
+
+
+
+
+
+
+ {#if formattedPosts.length > 0}
+ Insights & Wissen
++ Entdecken Sie Artikel über URL-Psychologie, Marketing-Strategien und Best Practices für + erfolgreiches Link-Management. +
+
+ {#each formattedPosts as post}
+
+ {#if post.image}
+
+ {:else}
+
+ {/if}
+
+
+ {/each}
+
+ {:else}
+
+
+
+
+ {post.formattedDate}
+
+ •
+
+ {post.category}
+
+
+
+ + + {post.title} + +
+ ++ {post.excerpt} +
+ + + Weiterlesen + + +
+
+ {/if}
+
+
+ + Bald verfügbar: Spannende Artikel über URL-Optimierung und digitales Marketing. +
+
+
+
+
+
+ + Alle Features die du brauchst +
++ Von Link-Verkürzung bis Team-Kollaboration - alles in einer Plattform vereint +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if selectedFeature === 'links'}
+
+
+
+ {/if}
+
+ {#if selectedFeature === 'cards'}
+ Smart Link Features
+
+
+
+
+ Custom Short Codes
+
+
+
+ Ablaufdatum festlegen
+
+
+
+ Click-Limits definieren
+
+
+
+ Passwortschutz aktivieren
+
+
+
+ Tags zur Organisation
+
+
+
+ Bulk-Operationen
+
+
+
+ + Beispiel: ulo.ad/produkt-launch → 500 Clicks, läuft in 7 Tagen ab +
+
+
+ {/if}
+
+ {#if selectedFeature === 'analytics'}
+ 3-Stufen Builder
+
+
+
+
+ 👶 Anfänger
++ Einfache Vorlagen, schnell anpassbar +
+
+
+ 💪 Fortgeschritten
++ Drag & Drop Module, mehr Kontrolle +
+
+
+ 🚀 Experte
++ Volle Freiheit, eigener Code möglich +
+
+
+ {/if}
+
+ {#if selectedFeature === 'qr'}
+ Analytics Dashboard
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Total Clicks
+24.5k
+
+
+ CTR
+3.2%
+
+
+ Top Referrer
+
+ Instagram
+ 45%
+
+
+ Twitter
+ 28%
+
+
+ Direct
+ 27%
+
+
+
+ {/if}
+
+ {#if selectedFeature === 'team'}
+ QR-Code Optionen
+
+
+
+
+
+
+
+
+
+ Schwarz
+
+
+
+
+
+ Weiß
+
+
+
+
+
+ Gold
+
+
+ Formate:
+
+ PNG
+ SVG
+ JPG
+
+
+
+ {/if}
+
+ {#if selectedFeature === 'templates'}
+ Team Workspace
+
+
+
+
+
+
+
+ Full Access
+
+
+ Max Mustermann
+Admin
+
+
+
+
+
+ Edit Links
+
+
+ Anna Schmidt
+Editor
+
+
+
+
+
+ View Only
+
+
+ Tom Weber
+Viewer
+
+
+ {/if}
+ Template Gallery
+
+
+
+
+
+ Creator Pro
+ +
+
+ Business
+ +
+
+ Restaurant
+ +
+
+ Portfolio
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ DSGVO-konform
+
+
+
+ Blitzschnell
+
+
+
+ 100% Sicher
+
+
+
+
+ + More than links. + + Your digital identity. + +
+ ++ Der einzige Link-Shortener mit integriertem Profile-Builder. Erstelle kurze Links, + beeindruckende Profilkarten und manage alles im Team. +
+ + + + + +
+
+
+ + Keine Anmeldung erforderlich • Kostenlos • QR-Code inklusive +
+
+
+
+
+
+
+
+
+
+
+ Smart Links
++ Kurze URLs mit Tracking, Ablaufdatum und Passwortschutz +
+Mehr erfahren →
+
+
+
+
+
+
+
+ Profile Cards
++ Beeindruckende Profilseiten mit Drag & Drop Builder +
+Templates ansehen →
+
+
+
+
+
+ Team Workspace
++ Gemeinsam Links verwalten mit granularen Berechtigungen +
+Für Teams →
+
+
+
+
+
+
+ + Transparente Preise, keine versteckten Kosten +
++ Starte kostenlos und upgrade wenn du bereit bist. Jederzeit kündbar. +
+ + +
+
+
+
+
+ {#each plans as plan}
+
+
+
+ (hoveredPlan = plan.id)}
+ onmouseleave={() => (hoveredPlan = null)}
+ >
+ {#if plan.badge}
+
+ {/each}
+
+
+ {plan.badge}
+
+
+ {/if}
+
+
+
+ {plan.name}
+{plan.description}
+ +
+
+
+
+
+
+
+ {formatPrice(
+ billingCycle === 'monthly' ? plan.price.monthly : plan.price.yearly / 12
+ )}
+
+ /Monat
+
+ {#if billingCycle === 'yearly' && plan.price.yearly > 0}
+ + Spare {getYearlySavings(plan.price.monthly, plan.price.yearly)}% jährlich +
+ {/if} +
+
+ + Inklusive: +
+ {#each plan.features as feature} +
+
+ {feature}
+
+ {/each}
+
+ {#if plan.limitations.length > 0}
+
+ {#each plan.limitations as limitation}
+
+ {/if}
+
+
+ {limitation}
+
+ {/each}
+
+
+
+
+
+
+
+
+ 💳 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. +
+
+
+ + Benötigst du eine maßgeschneiderte Lösung für dein Unternehmen? +
+ + Kontaktiere uns für Enterprise-Lösungen + + +
+
+
+
+
+
+ + Für jeden die richtige Lösung +
++ Egal ob Creator, Team oder Unternehmen - wir haben die passenden Features für dich +
+
+
+
+
+
+
+
+
+
+ {#if activeTab === 'creators'}
+
+
+
+ {/if}
+
+ {#if activeTab === 'teams'}
+
+
+ Ein Link für alle deine Kanäle
++ Perfekt für Instagram, TikTok und YouTube. Erstelle beeindruckende Link-in-Bio Seiten, + tracke deine Klicks und verstehe deine Audience besser. +
+-
+
- + + Anpassbare Profilseiten mit deinem Branding + +
- + + QR-Codes für Offline-zu-Online Verbindung + +
- + + Detaillierte Analytics zu Klicks und Herkunft + +
- + + Social Media Icons und Integrationen + +
+
+
+
+ 
{}}
+ />
+
+
+ {}}
+ />
+
+
+
+
+
+ 📱
+ Creator Profile
+Coming Soon
+
+
+ {/if}
+
+ {#if activeTab === 'business'}
+
+
+ Gemeinsam mehr erreichen
++ Perfekte Kollaboration für Marketing-Teams und Agenturen. Verwaltet Links gemeinsam, + teilt Analytics und arbeitet effizienter zusammen. +
+-
+
- + + Team-Workspaces mit granularen Berechtigungen + +
- + + Multi-Client Management für Agenturen + +
- + + Gemeinsame Analytics und Reporting + +
- + + Bulk-Operationen und CSV-Import + +
+
+
+
+
+
+ 💼
+ Team Dashboard
+10 Mitglieder • Unbegrenzte Links
+
+
+ {/if}
+
+ {#if activeTab === 'events'}
+
+
+ Professionelles Link-Management
++ Die kostengünstige Alternative zu Enterprise-Lösungen. Perfekt für KMUs und Startups, + die ihre digitale Präsenz professionell verwalten wollen. +
+-
+
- + + Custom Domains für deine Marke (coming soon) + +
- + + API-Zugang für Automatisierung + +
- + + Erweiterte Analytics und Exporte + +
- + + DSGVO-konform und hosted in Germany + +
+
+
+
+
+
+ 🏢
+ Enterprise Ready
+API • Custom Domain • SSO
+
+
+ {/if}
+
+
+ QR-Codes die funktionieren
++ Ideal für Restaurants, Events und Veranstaltungen. Erstelle QR-Codes für Speisekarten, + Event-Infos oder zeitlich begrenzte Aktionen. +
+-
+
- + + QR-Codes in verschiedenen Farben und Formaten + +
- + + Zeitlich begrenzte Links für Aktionen + +
- + + Passwortgeschützte Inhalte für VIPs + +
- + + Echtzeit-Updates ohne QR-Code Neudruck + +
+
+
+
+
+
+ 🎯
+ Event QR-Codes
+Dynamisch • Trackbar • Aktualisierbar
+
+
+
+
+
+
+ Was Beta-Tester sagen
++ Erste Stimmen aus unserem exklusiven Beta-Programm +
+
+ {#each stats as stat}
+
+
+
+
+
+ {/each}
+ {stat.icon}
+ {stat.value}
+ {stat.label}
+
+ {#each testimonials as testimonial}
+
+
+
+
+
+ {/each}
+
+
+
+
+
+
+ {testimonial.platform}
+
+
+ {testimonial.avatar}
+
+
+
+ {testimonial.name}
+{testimonial.role}
+
+ {#each Array(testimonial.rating) as _}
+
+ {/each}
+
+
+ + "{testimonial.content}" +
+
+
+
+
+ + Perfekt für diese Use Cases +
+
+
+
+
+
+
+
+
+ 📱
+
+
+
+ Social Media Bio Links
+Instagram & TikTok
++ Ein Link für alle deine Kanäle. Erstelle beeindruckende Profilkarten mit unserem Drag & + Drop Builder und tracke jeden Klick in Echtzeit. +
+
+
+
+
+
+
+ 🍽️
+
+
+
+ Digitale Speisekarten
+Restaurants & Cafés
++ QR-Codes die sich dynamisch aktualisieren lassen. Ändere Preise und Gerichte ohne neue + Codes drucken zu müssen. +
+
+
+
+
+
+
+ 📊
+
+
+
+ Marketing Kampagnen
+Performance Tracking
++ Erstelle trackbare Links für jede Kampagne. Unsere Analytics zeigen dir genau, welche + Kanäle am besten performen. +
+
+
+
+
+
+ 🎯
+
+
+
+ Event Management
+Tickets & Info-Links
++ Zeitlich begrenzte Links für Events. Setze Ablaufdaten und Passwörter für exklusive + Inhalte und VIP-Bereiche. +
+
+
+ Sei einer der Ersten - starte jetzt kostenlos!
+ + Beta-Zugang sichern + + +
+
+
+
+ {#each trustBadges as badge}
+
+
+
+
+
+ {/each}
+ {badge.icon}
+ {badge.title}
+{badge.description}
+
+
+
+
+
+
+
+ + Sicherheit und Datenschutz an erster Stelle +
++ Wir nehmen den Schutz deiner Daten ernst. Deshalb setzen wir auf höchste + Sicherheitsstandards. +
+
+ {#each securityFeatures as feature}
+
+
+
+ {/each}
+ + + {feature.title} +
+-
+ {#each feature.items as item}
+
- + + {item} + + {/each} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Premium Infrastructure
+Hetzner Cloud Servers
++ Unsere Server laufen auf modernster Hetzner-Infrastruktur in deutschen Rechenzentren. Mit + automatischer Skalierung und Load Balancing gewährleisten wir beste Performance. +
+
+
+ Frankfurt
+
+
+ Nürnberg
+
+
+ Falkenstein
+
+
+
+
+
+
+
+
+
+
+
+ Status & Monitoring
+Transparente Verfügbarkeit
++ Wir überwachen unsere Systeme 24/7 und informieren proaktiv über Wartungen. Unser + öffentliches Status-Dashboard zeigt die aktuelle Verfügbarkeit aller Services. +
+ + Status-Seite besuchen + + +
+
+
+
+ + Zertifizierungen & Standards +
+
+
+
+
+ 🔐
+ SSL/TLS
+ Let's Encrypt
+
+
+ 📋
+ DSGVO
+ EU Compliant
+
+
+ 🛡️
+ ISO 27001
+ In Progress
+
+
+ ✅
+ PCI DSS
+ Level 1
+
+
+ Fragen zur Sicherheit?
++ Unser Security-Team beantwortet gerne alle deine Fragen zum Datenschutz und zur Sicherheit. +
+ + + security@ulo.ad + +
+
diff --git a/apps/uload/apps/web/src/lib/components/links/LinkCardCompact.svelte b/apps/uload/apps/web/src/lib/components/links/LinkCardCompact.svelte
new file mode 100644
index 000000000..09fa9a323
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/links/LinkCardCompact.svelte
@@ -0,0 +1,234 @@
+
+
+
+
+
+
+ {#if showQRCode}
+
+
+
+
+
+
+
+
+ + {link.title || link.short_code} +
+ {#if link.description} +{link.description}
+ {/if} +
+
+
+
+
+
+
+
+
+
+
+ + Short URL +
+ {#if link.short_code.includes('/')} + + trackLinkClick({ + shortCode: link.short_code, + username: link.short_code.split('/')[0], + hasPassword: !!link.password, + isExpiring: !!link.expires_at, + })} + > + ulo.ad/{link.short_code} + + {:else} + + trackLinkClick({ + shortCode: link.short_code, + username: 'direct', + hasPassword: !!link.password, + isExpiring: !!link.expires_at, + })} + > + ulo.ad/{link.short_code} + + {/if} +
+ Destination:
+
+ {link.original_url}
+
+
+
+
+
+ {#if link.expand?.folder}
+
+ {link.expand.folder.icon}
+ {link.expand.folder.display_name}
+
+ {/if}
+ {#if link.expand?.['link_tags(link_id)'] && link.expand['link_tags(link_id)'].length > 0}
+ {#each link.expand['link_tags(link_id)'] as linkTag}
+ {#if linkTag.expand?.tag_id}
+
+
+
+
+
+
+
+
+ {link.clicks || 0}
+
+ clicks
+
+
+ {#if link.max_clicks}
+
+
+
+ {link.max_clicks}
+
+ max
+
+ {/if}
+
+ {#if link.expires_at}
+
+
+
+ {new Date(link.expires_at).toLocaleDateString('de-DE', {
+ day: '2-digit',
+ month: '2-digit',
+ year: '2-digit',
+ })}
+
+
+ {/if}
+
+
+
+
+ {new Date(link.created).toLocaleDateString('de-DE', {
+ day: '2-digit',
+ month: '2-digit',
+ year: 'numeric',
+ })}
+
+
+
+
+ {/if}
+
+
+
+ ,)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#each [0, 45, 90, 135, 180, 225, 270, 315] as angle}
+
+ {/each}
+
+
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/links/LinkCreationCard.svelte b/apps/uload/apps/web/src/lib/components/links/LinkCreationCard.svelte
new file mode 100644
index 000000000..f83490f92
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/links/LinkCreationCard.svelte
@@ -0,0 +1,340 @@
+
+
+
+
+
+
+
+
+
+
+
+ {#if link.title}
+
+
+ {#if link.expand?.folder}
+
+ {link.expand.folder.icon}
+ {link.expand.folder.display_name}
+
+ {/if}
+
+ {#if link.expand?.['link_tags(link_id)'] && link.expand['link_tags(link_id)'].length > 0}
+ {link.title}
+ {:else} +Untitled Link
+ {/if} + {#if !link.is_active} + Inactive + {/if} +
+ {#each link.expand['link_tags(link_id)'] as linkTag}
+ {#if linkTag.expand?.tag_id}
+
+ {/if}
+
+
+
+ {#if dropdownOpen}
+
+
+
+ 📊 Analytics
+
+
+
+
+
+ {/if}
+
+
+
+
+
+
+
+
+ + → {link.original_url} +
+ + {#if link.description} +{link.description}
+ {/if} +
+
+
+ Clicks: {link.clicks || 0}
+ {#if link.expires_at}
+
+ Expires: {new Date(link.expires_at).toLocaleDateString()}
+
+ {/if}
+ {#if link.max_clicks}
+ Max: {link.max_clicks}
+ {/if}
+ {#if link.password}
+ 🔒
+ {/if}
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/links/LinkCreationForm.svelte b/apps/uload/apps/web/src/lib/components/links/LinkCreationForm.svelte
new file mode 100644
index 000000000..37c3a3de2
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/links/LinkCreationForm.svelte
@@ -0,0 +1,1002 @@
+
+
+
+
+{#if error}
+
+
+
+
+
+
+
+ {#if showBulkCreate}
+
+
+ {:else}
+
+
+
+
+
+ +
+
+ + {showBulkCreate + ? 'Mehrere Links erstellen' + : editingLink + ? 'Link bearbeiten' + : 'Neuen Link erstellen'} +
+
+
+
+
+
+
+
+
+
+{/if}
+
+{#if createdLink && !error}
+
+
+ {error}
+
+
+
+{/if}
diff --git a/apps/uload/apps/web/src/lib/components/links/LinkList.svelte b/apps/uload/apps/web/src/lib/components/links/LinkList.svelte
new file mode 100644
index 000000000..4c28a8775
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/links/LinkList.svelte
@@ -0,0 +1,200 @@
+
+
+{#if links && links.items && links.items.length > 0}
+ {#if viewMode === 'cards'}
+
+
+
+
+
+ Link erfolgreich erstellt!
+
+
+
+ {createdLink.url}
+
+
+
+
+ {:else}
+
+ {#each links.items as link}
+
+
+ {#if isSelectMode}
+
+ {/each}
+
+ onToggleSelect(link.id)}
+ class="h-5 w-5 cursor-pointer rounded border-theme-border text-theme-primary focus:ring-theme-primary"
+ />
+
+ {/if}
+
+
+
+ {/if}
+
+ {#if links.totalPages > 1}
+
+ {#if isSelectMode}{/if}
+
+
+ Title
+ Short URL
+ Destination
+ Clicks
+ Created
+ Actions
+
+ {#if isSelectMode}{/if}
+
+
+ Title
+ Short URL
+ Clicks
+ Actions
+
+ {#each links.items as link}
+ onToggleSelect(link.id)}
+ />
+ {/each}
+
+
+ {#if links.page > 1}
+
+ {/if}
+
+ {#each Array(Math.min(5, links.totalPages)) as _, i}
+ {@const pageNum = Math.max(1, links.page - 2) + i}
+ {#if pageNum <= links.totalPages}
+
+ {/if}
+ {/each}
+
+ {#if links.page < links.totalPages}
+
+ {/if}
+
+ {/if}
+{:else}
+
+
+
+
+
+{/if}
diff --git a/apps/uload/apps/web/src/lib/components/links/LinkListItem.svelte b/apps/uload/apps/web/src/lib/components/links/LinkListItem.svelte
new file mode 100644
index 000000000..5814b3aca
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/links/LinkListItem.svelte
@@ -0,0 +1,541 @@
+
+
+
++ Keine Links gefunden. Versuchen Sie Ihre Filter anzupassen oder erstellen Sie Ihren ersten + Link! +
+
+
+ {#if isSelectMode}
+
+
+
+
+
+
+ {/if}
+
+
+
+
+
+
+
+
+
+ {link.title || link.short_code}
+
+
+
+
+
+
+
+ {link.original_url}
+
+ {#if !link.is_active}
+ Inactive
+ {/if}
+ {#if link.password}
+
+
+
+
+
+
+
+
+
+
+
+ {new Date(link.created).toLocaleDateString('de-DE')}
+ {#if link.last_clicked_at}
+
+ Last: {new Date(link.last_clicked_at).toLocaleDateString('de-DE')}
+
+ {/if}
+
+
+
+
+
+
+ {#if isSelectMode}
+
+
+
+
+
+
+ {/if}
+
+
+
+
+
+
+
+
+
+ {link.title || link.short_code}
+
+ {#if link.expand?.['link_tags(link_id)']?.length > 0}
+
+ {#each link.expand['link_tags(link_id)'].slice(0, 2) as linkTag}
+ {#if linkTag.expand?.tag_id}
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/links/LinkStats.svelte b/apps/uload/apps/web/src/lib/components/links/LinkStats.svelte
new file mode 100644
index 000000000..f5f22b157
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/links/LinkStats.svelte
@@ -0,0 +1,314 @@
+
+
+
+
+ {#if isSelectMode}
+
+
+
+
+ {/if}
+
+
+
+
+
+
+ {link.title || link.short_code}
+
+
+ trackLinkClick({
+ shortCode: link.short_code,
+ username: username || 'direct',
+ hasPassword: !!link.password,
+ isExpiring: !!link.expires_at,
+ })}
+ >
+ ulo.ad/{link.short_code}
+
+
+
+
+
+ {#if link.expand?.['link_tags(link_id)']?.length > 0}
+ {link.original_url}
+
+ {#each link.expand['link_tags(link_id)'] as linkTag}
+ {#if linkTag.expand?.tag_id}
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+ {#if !link.is_active}
+ Inactive
+ {/if}
+ {#if link.password}
+
+
+
+
+ Analytics
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/mobile/InstallPWABanner.svelte b/apps/uload/apps/web/src/lib/components/mobile/InstallPWABanner.svelte
new file mode 100644
index 000000000..8184e1c83
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/mobile/InstallPWABanner.svelte
@@ -0,0 +1,233 @@
+
+
+{#if showBanner}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {formatNumber(stats().totalClicks)}
+Total Clicks
+
+
+
+
+
+
+
+
+
+
+
+ {stats().activeLinks}
+Active Links
+
+
+
+
+
+
+
+
+
+
+ {stats().avgCtr}%
+Avg. Engagement
+
+
+
+
+
+
+
+
+ + {stats().activeLinks > 0 ? Math.floor(stats().totalClicks / stats().activeLinks) : 0} +
+Clicks per Link
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#each stats().hourlyDistribution as hour}
+
+
+
+ {/each}
+
+ {hour.hour}:00
+
+
+ 00:00
+ 06:00
+ 12:00
+ 18:00
+ 23:00
+
+
+
+
+
+
+
+
+
+
+
+
+ Desktop
+ {stats().deviceBreakdown.desktop}
+
+
+
+
+
+
+
+ Mobile
+ {stats().deviceBreakdown.mobile}
+
+
+
+
+
+
+
+ Tablet
+ {stats().deviceBreakdown.tablet}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#each stats().topLinks as link, i}
+
+
+
+ {:else}
+
+ #{i + 1}
+
+
+
+
+ + {link.title || link.short_url} +
++ {link.short_url} +
+No links with clicks yet
+ {/each} +
+
+
+
+
+
+
+ {#each stats().recentLinks as link}
+
+
+
+ {:else}
+
+
+
+ + {link.title || link.short_url} +
++ {new Date(link.created).toLocaleDateString()} +
+No links created yet
+ {/each} +
+
+{/if}
+
+
diff --git a/apps/uload/apps/web/src/lib/components/security/TOTPSetup.svelte b/apps/uload/apps/web/src/lib/components/security/TOTPSetup.svelte
new file mode 100644
index 000000000..56374b14c
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/security/TOTPSetup.svelte
@@ -0,0 +1,411 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Install uLoad
++ Add to home screen for quick access +
+
+
+
+
+
+
+ Works offline
+
+
+
+ Fast loading
+
+
+
+ Native app feel
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/tags/TagStats.svelte b/apps/uload/apps/web/src/lib/components/tags/TagStats.svelte
new file mode 100644
index 000000000..3ad69e97e
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/tags/TagStats.svelte
@@ -0,0 +1,409 @@
+
+
+
+
+
+
+
+
+
+ Zwei-Faktor-Authentifizierung einrichten
+Erhöhen Sie die Sicherheit Ihres Kontos mit 2FA
+
+
+
+ {#if step === 1}
+
+
+ {#each [1, 2, 3] as stepNumber}
+
+
+
+ {/each}
+
+ {stepNumber}
+
+ {#if stepNumber < 3}
+
+ {/if}
+
+
+ {:else if step === 2}
+
+ 1. Authenticator-App einrichten
+ +
+
+
+
+
+ {#if qrCodeURL}
+
+
+
+
+
+ {:else}
+
+ {/if}
+
+ QR Code
+
+ + Scannen Sie diesen Code mit Ihrer Authenticator-App +
++ Scannen Sie den QR-Code mit einer Authenticator-App wie Google Authenticator, Authy oder + 1Password +
+ + +
+
+ + Manueller Setup-Code +
+
+
+ Falls Sie den QR-Code nicht scannen können:
+
+ {secret}
+
+
+
+
+
+
+
+
+ {:else if step === 3}
+
+ 2. Code verifizieren
+ +
+
+
+ + Geben Sie den 6-stelligen Code aus Ihrer Authenticator-App ein: +
+ + +
+
+
+
+
+ {#if import.meta.env.DEV}
+
+
+ {/if}
+
+ Aktueller Code: {currentToken}
+Läuft ab in: {timeRemaining}s
+Der Code ändert sich alle 30 Sekunden
+
+
+
+
+
+
+ {/if}
+3. Backup-Codes sichern
+ +
+
+
+
+
+
+
+
+
+
+
+
+ Wichtig: Backup-Codes sichern
++ Bewahren Sie diese Codes an einem sicheren Ort auf. Sie können verwendet werden, + wenn Sie keinen Zugang zu Ihrer Authenticator-App haben. +
+
+ {#each backupCodes as code}
+
+
+
+
+
+ {/each}
+ {code}
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/templates/CreateTemplateModal.svelte b/apps/uload/apps/web/src/lib/components/templates/CreateTemplateModal.svelte
new file mode 100644
index 000000000..3e9f81640
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/templates/CreateTemplateModal.svelte
@@ -0,0 +1,322 @@
+
+
+{#if show && card}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {stats().totalTags}
+Total Tags
+
+
+
+
+
+
+
+
+
+
+ {stats().usedTags}
+Active Tags
+
+
+
+
+
+
+
+
+
+
+ {formatNumber(stats().totalClicks)}
+Tag Clicks
+
+
+
+
+
+
+
+
+ {stats().avgLinksPerTag}
+Links per Tag
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#each Object.entries(stats().colorDistribution).slice(0, 8) as [color, count]}
+
+
+
+ {/each}
+
+ {count}
+
+ {color}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#each stats().topByClicks as tag, i}
+
+
+
+ {:else}
+
+ #{i + 1}
+
+ {tag.name}
+
+
+
+ {formatNumber(tag.totalClicks || 0)}
+ clicks
+
+ No tags with clicks yet
+ {/each} +
+
+
+
+
+
+
+
+
+ {#each stats().mostUsedTags as tag}
+ {@const usage = getUsageLevel(tag.linkCount || 0)}
+
+
+
+ {:else}
+
+
+ {tag.name}
+
+
+
+
+ No tags used yet
+ {/each} +
+
+
+
+
+
+
+ {#each stats().recentTags as tag}
+
+
+
+ {:else}
+
+
+ {tag.name}
+
+
+ + {new Date(tag.created).toLocaleDateString()} +
+No tags created yet
+ {/each} +
+
+
+
+
+
+
+
+
+
+ + {((stats().usedTags / stats().totalTags) * 100).toFixed(0)}% +
+Tag Utilization Rate
+
+
+ {stats().avgEngagement}%
+Average Engagement
+
+
+ + {stats().usedTags > 0 ? Math.floor(stats().totalClicks / stats().usedTags) : 0} +
+Clicks per Active Tag
+
+
+{/if}
diff --git a/apps/uload/apps/web/src/lib/components/templates/TemplateCard.svelte b/apps/uload/apps/web/src/lib/components/templates/TemplateCard.svelte
new file mode 100644
index 000000000..cebb3fa47
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/templates/TemplateCard.svelte
@@ -0,0 +1,227 @@
+
+
+ e.stopPropagation()}
+ >
+
+
+
+
+
+
+
+
+
+ Create Template
+Share your card design with the community
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Separate tags with commas. Help others find your template! +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if error}
+
+
+ {/if}
+ {error}
+
+
+ Preview
+
+
+
+
+
+
+
+ Mode:
+ {card.config?.mode || 'Unknown'}
+
+ {#if isBeginnerCard(card.config)}
+
+ Modules:
+ {card.config.modules.length}
+
+ {/if}
+ {#if card.variant}
+
+ Variant:
+ {card.variant}
+
+ {/if}
+
+
+
+
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/components/templates/TemplatePreviewModal.svelte b/apps/uload/apps/web/src/lib/components/templates/TemplatePreviewModal.svelte
new file mode 100644
index 000000000..164dbc3f1
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/components/templates/TemplatePreviewModal.svelte
@@ -0,0 +1,267 @@
+
+
+{#if show && template}
+
+
+
+
+
+
+
+
+
+
+ {#if template.is_featured}
+
+ Featured
+
+ {/if}
+
+
+
+ {#if template.category}
+
+ {template.category}
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if template.tags && template.tags.length > 0 && !compact}
+ + {template.metadata?.name || 'Unnamed Template'} +
+ {#if template.metadata?.description && !compact} ++ {template.metadata.description} +
+ {/if} +
+ {#each template.tags.slice(0, 3) as tag}
+
+ {tag}
+
+ {/each}
+ {#if template.tags.length > 3}
+
+ +{template.tags.length - 3}
+
+ {/if}
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+ {template.usage_count || 0}
+
+
+
+
+
+ {template.likes_count || 0}
+
+
+
+
+ {#if template.created && !compact}
+ {new Date(template.created).toLocaleDateString()}
+ {/if}
+
+ {#if !compact}
+
+ {/if}
+
+
+
+
+ {#if !compact}
+
+
+
+
+
+
+ {/if}
+
+
+
+
+
+
+{/if}
diff --git a/apps/uload/apps/web/src/lib/content/index.ts b/apps/uload/apps/web/src/lib/content/index.ts
new file mode 100644
index 000000000..e8c8a233f
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/content/index.ts
@@ -0,0 +1,186 @@
+import {
+ blogSchema,
+ authorSchema,
+ type BlogPost,
+ type Author,
+ type BlogPostWithMeta,
+} from '../../content/config';
+import { error } from '@sveltejs/kit';
+import { dev } from '$app/environment';
+
+// Cache für Performance
+const contentCache = new Map e.stopPropagation()}
+ >
+
+
+
+
+
+
+
+
+
+ + {template.metadata?.name || 'Template Preview'} +
+ {#if template.metadata?.description} +{template.metadata.description}
+ {/if} +
+
+
+
+
+
+
+
+
+
+ {#if template.category}
+
+ {template.category}
+
+ {/if}
+ {#if template.is_featured}
+
+ Featured
+
+ {/if}
+
+
+
+
+ {template.usage_count || 0} uses
+
+
+
+ {template.likes_count || 0} likes
+
+
+
+
+
+
+ Live Preview
+
+
+
+
+
+
+
+
+
+
+
+ {#if isBeginnerCard(template.config) && template.config.modules.length > 0}
+
+
+
+
+ Configuration
+
+
+
+ Mode:
+ {template.config?.mode || 'Unknown'}
+
+ {#if isBeginnerCard(template.config)}
+
+ Modules:
+ {template.config.modules.length}
+
+ {/if}
+ {#if template.variant}
+
+ Variant:
+ {template.variant}
+
+ {/if}
+ {#if template.created}
+
+ Created:
+ {new Date(template.created).toLocaleDateString()}
+
+ {/if}
+
+
+ Statistics
+
+
+
+
+ {template.usage_count || 0}
+Times Used
+
+
+ {template.likes_count || 0}
+Likes
+
+
+ {/if}
+
+
+ {#if template.tags && template.tags.length > 0}
+ Included Modules
+
+ {#each template.config.modules as module, index}
+
+
+
+ {index + 1}
+
+
+ {/each}
+
+
+ {module.type} Module
+ {#if module.props?.title} +{module.props.title}
+ {/if} +
+
+ {/if}
+ Tags
+
+ {#each template.tags as tag}
+
+ {tag}
+
+ {/each}
+
+
+
+
+
+
+
+
+
+
+
`,
+ });
+
+ console.log('[EMAIL] Team invitation sent to:', recipientEmail);
+ return true;
+ } catch (error) {
+ console.error('[EMAIL] Failed to send invitation email:', error);
+ return false;
+ }
+}
+
+/**
+ * Send notification when invitation is accepted
+ */
+export async function sendInvitationAcceptedEmail(
+ ownerEmail: string,
+ memberName: string
+): Promise
+
+
+
+ + 🔗 ulo.ad +
+
+
+
+
+ + Du wurdest zum Team eingeladen! 🎉 +
+ ++ ${inviterName} hat dich eingeladen, seinem Team bei ulo.ad beizutreten. + Als Team-Mitglied kannst du Links erstellen und verwalten. +
+ + +
+
+
+
+
+
+
+ + Als Team-Mitglied kannst du: +
+-
+
- Links erstellen und verwalten +
- Deine eigenen Links bearbeiten und löschen +
- Mit dem Team zusammenarbeiten +
+
+
+
+ + Falls der Button nicht funktioniert, kopiere diesen Link: +
++ ${inviteUrl} +
+
+
+ + ⏰ Diese Einladung ist 7 Tage gültig +
+
+
++ Diese Einladung wurde an ${recipientEmail} gesendet. +
++ © ${new Date().getFullYear()} ulo.ad · ulo.ad +
+
+
+
`,
+ });
+
+ console.log('[EMAIL] Acceptance notification sent to:', ownerEmail);
+ return true;
+ } catch (error) {
+ console.error('[EMAIL] Failed to send acceptance notification:', error);
+ return false;
+ }
+}
+
+/**
+ * Send welcome email to new users
+ */
+export async function sendWelcomeEmail(to: string, username: string): Promise
+
+
+
+ + 🔗 ulo.ad +
+
+
+
+
+ + Neues Team-Mitglied! 🎊 +
+ ++ ${memberName} hat deine Einladung angenommen und ist jetzt Teil deines Teams. +
+ + +
+
+
+
+
+ + ✅ Das Team-Mitglied kann jetzt Links in deinem Account erstellen und verwalten. +
+
+
++ © ${new Date().getFullYear()} ulo.ad · ulo.ad +
+
+
`,
+ });
+
+ return true;
+ } catch (error) {
+ console.error('[EMAIL] Failed to send welcome email:', error);
+ return false;
+ }
+}
diff --git a/apps/uload/apps/web/src/lib/gdpr/compliance.ts b/apps/uload/apps/web/src/lib/gdpr/compliance.ts
new file mode 100644
index 000000000..f3d741bc2
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/gdpr/compliance.ts
@@ -0,0 +1,422 @@
+// GDPR Compliance Implementierung für uLoad
+// Datenschutz-Grundverordnung (DSGVO) Konformität
+
+export interface GDPRConsent {
+ necessary: boolean; // Immer true, technisch erforderlich
+ analytics: boolean;
+ marketing: boolean;
+ preferences: boolean;
+ timestamp: string;
+ version: string;
+}
+
+export interface DataProcessingPurpose {
+ id: string;
+ name: string;
+ description: string;
+ legalBasis:
+ | 'consent'
+ | 'contract'
+ | 'legal_obligation'
+ | 'vital_interests'
+ | 'public_task'
+ | 'legitimate_interests';
+ dataTypes: string[];
+ retention: string;
+ required: boolean;
+}
+
+// GDPR-konforme Datenverarbeitungszwecke für uLoad
+export const DATA_PROCESSING_PURPOSES: DataProcessingPurpose[] = [
+ {
+ id: 'account_management',
+ name: 'Account-Verwaltung',
+ description: 'Bereitstellung und Verwaltung Ihres Benutzerkontos',
+ legalBasis: 'contract',
+ dataTypes: ['email', 'username', 'password_hash', 'profile_data'],
+ retention: 'Bis zur Kontolöschung',
+ required: true,
+ },
+ {
+ id: 'link_service',
+ name: 'Link-Verkürrungs-Service',
+ description: 'Erstellung und Verwaltung von kurzen Links',
+ legalBasis: 'contract',
+ dataTypes: ['original_urls', 'short_codes', 'link_metadata'],
+ retention: 'Bis zur manuellen Löschung oder Kontolöschung',
+ required: true,
+ },
+ {
+ id: 'click_analytics',
+ name: 'Click-Analytics',
+ description: 'Anonyme Analyse von Link-Klicks für Statistiken',
+ legalBasis: 'legitimate_interests',
+ dataTypes: ['anonymized_ip', 'user_agent', 'referer', 'timestamp'],
+ retention: '12 Monate',
+ required: false,
+ },
+ {
+ id: 'security',
+ name: 'Sicherheit und Betrug-Prävention',
+ description: 'Schutz vor Missbrauch und Sicherheit der Plattform',
+ legalBasis: 'legitimate_interests',
+ dataTypes: ['ip_address', 'user_agent', 'access_logs'],
+ retention: '6 Monate',
+ required: true,
+ },
+ {
+ id: 'communication',
+ name: 'Service-Kommunikation',
+ description: 'Wichtige Mitteilungen zum Service (Updates, Sicherheit)',
+ legalBasis: 'contract',
+ dataTypes: ['email', 'communication_preferences'],
+ retention: 'Bis zur Kontolöschung',
+ required: true,
+ },
+ {
+ id: 'marketing',
+ name: 'Marketing und Newsletter',
+ description: 'Produktneuigkeiten und Marketing-Kommunikation',
+ legalBasis: 'consent',
+ dataTypes: ['email', 'usage_patterns', 'preferences'],
+ retention: 'Bis zum Widerruf der Einwilligung',
+ required: false,
+ },
+ {
+ id: 'analytics',
+ name: 'Website-Analytics',
+ description: 'Analyse der Website-Nutzung zur Verbesserung',
+ legalBasis: 'consent',
+ dataTypes: ['anonymized_usage_data', 'page_views', 'session_data'],
+ retention: '14 Monate',
+ required: false,
+ },
+];
+
+// Standard GDPR Consent
+export const DEFAULT_CONSENT: GDPRConsent = {
+ necessary: true,
+ analytics: false,
+ marketing: false,
+ preferences: false,
+ timestamp: new Date().toISOString(),
+ version: '1.0',
+};
+
+// GDPR Consent Manager
+export class GDPRManager {
+ private static readonly CONSENT_KEY = 'gdpr_consent';
+ private static readonly CONSENT_VERSION = '1.0';
+
+ // Aktuelle Einwilligung laden
+ static getConsent(): GDPRConsent | null {
+ if (typeof localStorage === 'undefined') return null;
+
+ try {
+ const stored = localStorage.getItem(this.CONSENT_KEY);
+ if (!stored) return null;
+
+ const consent = JSON.parse(stored) as GDPRConsent;
+
+ // Prüfe Version - bei Änderungen neue Einwilligung erforderlich
+ if (consent.version !== this.CONSENT_VERSION) {
+ this.clearConsent();
+ return null;
+ }
+
+ return consent;
+ } catch (error) {
+ console.error('Error loading GDPR consent:', error);
+ return null;
+ }
+ }
+
+ // Einwilligung speichern
+ static setConsent(consent: Partial
+
+
+ + 🔗 ulo.ad +
+
+
+
+ Willkommen, ${username}!
+Danke, dass du bei ulo.ad dabei bist. Wir freuen uns, dich an Bord zu haben.
+Mit ulo.ad kannst du:
+-
+
- URLs kürzen und anpassen +
- Click-Analytics verfolgen +
- Links mit Tags und Workspaces organisieren +
- QR-Codes generieren +
- Ablaufdaten und Click-Limits setzen +
+
+ Los geht's
+
+
+
+
++ © ${new Date().getFullYear()} ulo.ad +
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/layouts/DefaultLayout.svelte b/apps/uload/apps/web/src/lib/layouts/DefaultLayout.svelte
new file mode 100644
index 000000000..d66520547
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/layouts/DefaultLayout.svelte
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+ {#if series}
+ 
+ {/if}
+
+
+
+
+
+
+
+
+
+ Serie: {series}
+
+ {/if}
+
+ {title}
+ + + + {#if tags.length > 0} +
+ {#each tags as tag}
+
+ #{tag}
+
+ {/each}
+
+ {/if}
+
+ {#if image}
+
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/lib/locale.ts b/apps/uload/apps/web/src/lib/locale.ts
new file mode 100644
index 000000000..37bfd7960
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/locale.ts
@@ -0,0 +1,42 @@
+import { browser } from '$app/environment';
+import { locale } from 'svelte-i18n';
+import { get } from 'svelte/store';
+import '$lib/i18n'; // Initialize i18n
+
+export function initLocale() {
+ if (browser) {
+ const savedLang = localStorage.getItem('preferred-language');
+ const browserLang = navigator.language.split('-')[0];
+ const supportedLangs = ['en', 'de', 'it', 'fr', 'es'];
+
+ let targetLang = 'en'; // default
+
+ if (savedLang && supportedLangs.includes(savedLang)) {
+ targetLang = savedLang;
+ } else if (supportedLangs.includes(browserLang)) {
+ targetLang = browserLang;
+ }
+
+ try {
+ locale.set(targetLang);
+ } catch (e) {
+ console.warn('Failed to set locale:', e);
+ locale.set('en');
+ }
+ }
+}
+
+export function getCurrentLocale(): string {
+ try {
+ return get(locale) || 'en';
+ } catch {
+ return 'en';
+ }
+}
+
+export function setCurrentLocale(lang: string) {
+ locale.set(lang);
+ if (browser) {
+ localStorage.setItem('preferred-language', lang);
+ }
+}
diff --git a/apps/uload/apps/web/src/lib/pwa.ts b/apps/uload/apps/web/src/lib/pwa.ts
new file mode 100644
index 000000000..cb8829d41
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/pwa.ts
@@ -0,0 +1,172 @@
+// PWA Installation und Service Worker Management
+import { browser } from '$app/environment';
+import { writable, get } from 'svelte/store';
+
+// PWA Installation State - using Svelte stores for SSR compatibility
+export const deferredPromptStore = writable\n';
+ const variables: TemplateVariable[] = [];
+ const values: Record = {};
+
+ // Convert each module to template HTML
+ config.modules.forEach((module) => {
+ switch (module.type) {
+ case 'header':
+ if (module.props.title) {
+ template += ` 
\n`;
+ variables.push(
+ {
+ name: 'image_url',
+ type: 'image',
+ label: 'Image URL',
+ default: module.props.src,
+ },
+ {
+ name: 'image_alt',
+ type: 'text',
+ label: 'Image Alt Text',
+ default: module.props.alt,
+ }
+ );
+ values.image_url = module.props.src;
+ values.image_alt = module.props.alt;
+ }
+ break;
+
+ case 'links':
+ template += `
';
+
+ // Generate CSS from theme
+ const css = this.generateCSSFromTheme(config.theme);
+
+ return {
+ mode: 'advanced',
+ template,
+ css,
+ variables,
+ values,
+ };
+ }
+
+ /**
+ * Convert custom HTML to template format
+ */
+ private async customToTemplate(
+ config: Extract{{title}}
\n`; + variables.push({ + name: 'title', + type: 'text', + label: 'Title', + default: module.props.title, + }); + values.title = module.props.title; + } + if (module.props.subtitle) { + template += `{{subtitle}}
\n`; + variables.push({ + name: 'subtitle', + type: 'text', + label: 'Subtitle', + default: module.props.subtitle, + }); + values.subtitle = module.props.subtitle; + } + break; + + case 'content': + template += `{{content}}
\n`;
+ variables.push({
+ name: 'content',
+ type: 'text',
+ label: 'Content',
+ default: module.props.text || module.props.html,
+ });
+ values.content = module.props.text || module.props.html;
+ break;
+
+ case 'media':
+ if (module.props.type === 'image') {
+ template += ` \n`;
+ module.props.links?.forEach((link: any, index: number) => {
+ template += ` {{link${index}_text}}\n`;
+ variables.push(
+ {
+ name: `link${index}_url`,
+ type: 'link',
+ label: `Link ${index + 1} URL`,
+ default: link.href,
+ },
+ {
+ name: `link${index}_text`,
+ type: 'text',
+ label: `Link ${index + 1} Text`,
+ default: link.label,
+ }
+ );
+ values[`link${index}_url`] = link.href;
+ values[`link${index}_text`] = link.label;
+ });
+ template += `
\n`;
+ break;
+
+ case 'stats':
+ template += ` \n`;
+ module.props.stats?.forEach((stat: any, index: number) => {
+ template += `
\n`;
+ break;
+ }
+ });
+
+ template += '\n`;
+ template += ` {{stat${index}_value}}\n`;
+ template += ` {{stat${index}_label}}\n`;
+ template += `
\n`;
+ variables.push(
+ {
+ name: `stat${index}_value`,
+ type: 'number',
+ label: `Stat ${index + 1} Value`,
+ default: stat.value,
+ },
+ {
+ name: `stat${index}_label`,
+ type: 'text',
+ label: `Stat ${index + 1} Label`,
+ default: stat.label,
+ }
+ );
+ values[`stat${index}_value`] = stat.value;
+ values[`stat${index}_label`] = stat.label;
+ });
+ template += `
+ ${sanitizedHTML}
+
+
+
+ `;
+
+ return iframeContent;
+ }
+
+ /**
+ * Validate CSS property value
+ */
+ private isValidCSSValue(property: string, value: string): boolean {
+ // Basic validation for common properties
+ const validPatterns: Record
+
+```
+
+## Theme Transitions
+
+Theme-Wechsel werden automatisch mit sanften Übergängen animiert. Die Klasse `theme-transitioning` wird während des Wechsels auf das HTML-Element angewendet.
+
+## Best Practices
+
+1. **Verwende immer Theme-Farben** anstatt hardcodierte Farben
+2. **Teste neue Komponenten** mit allen verfügbaren Themes
+3. **Beachte Kontraste** für Barrierefreiheit
+4. **Nutze semantische Farbnamen** (primary, accent) statt spezifischer Farben (blue, green)
diff --git a/apps/uload/apps/web/src/lib/themes/presets.ts b/apps/uload/apps/web/src/lib/themes/presets.ts
new file mode 100644
index 000000000..24ca279ef
--- /dev/null
+++ b/apps/uload/apps/web/src/lib/themes/presets.ts
@@ -0,0 +1,207 @@
+export interface ColorScheme {
+ primary: string;
+ primaryHover: string;
+ background: string;
+ surface: string;
+ surfaceHover: string;
+ text: string;
+ textMuted: string;
+ border: string;
+ accent: string;
+ accentHover: string;
+}
+
+export interface ThemePreset {
+ id: string;
+ name: string;
+ description: string;
+ font: {
+ family: string;
+ import?: string; // Google Fonts import URL
+ };
+ colors: {
+ light: ColorScheme;
+ dark: ColorScheme;
+ };
+}
+
+export const themes: RecordTitel
+Beschreibung
+ +
+
+
+{:else}
+
+
+ {#snippet logo()}
+ 🔗
+ uload
+ {/snippet}
+
+
+
+
+
+{/if}
diff --git a/apps/uload/apps/web/src/routes/(app)/apps/+page.svelte b/apps/uload/apps/web/src/routes/(app)/apps/+page.svelte
new file mode 100644
index 000000000..2a8074e34
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/apps/+page.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {@render children?.()}
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/routes/(app)/feedback/+page.svelte b/apps/uload/apps/web/src/routes/(app)/feedback/+page.svelte
new file mode 100644
index 000000000..c191708f7
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/feedback/+page.svelte
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/routes/(app)/my/cards/+page.svelte b/apps/uload/apps/web/src/routes/(app)/my/cards/+page.svelte
new file mode 100644
index 000000000..e9ae78d13
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/my/cards/+page.svelte
@@ -0,0 +1,403 @@
+
+
+
+
+
+
+
+
+ ← Back to Dashboard
+ Link Analytics
+{data.link.title || 'Untitled Link'}
+
+
+
+
+
+
+
+
+
+
+ Short URL
+{formatUrl(data.link.short_code)}
+
+
+ Original URL
+{data.link.original_url}
+
+
+
+
+ Total Clicks
+{data.totalClicks}
+
+
+ Status
++ {#if data.link.is_active} + Active + {:else} + Inactive + {/if} +
+
+
+ Created
+{new Date(data.link.created).toLocaleDateString()}
+
+
+ Features
+
+ {#if data.link.password}
+ 🔒 Protected
+ {/if}
+ {#if data.link.expires_at}
+ ⏰ Expires
+ {/if}
+ {#if data.link.max_clicks}
+ 🔢 Limited
+ {/if}
+
+
+
+
+
+
+ {#if showQRCode}
+ QR Code
+ +
+ ,)
+
+
+ {/if}
+
+
+
+
+ QR Code Color
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Scan this QR code to access the short link directly +
+
+
+
+
+
+
+ Browser Distribution
+ {#if data.browserStats.length > 0} +
+ {#each data.browserStats as [browser, count]}
+
+ {:else}
+
+ {browser}
+
+ {/each}
+
+
+
+
+
+ {count}
+ No data yet
+ {/if} +
+
+ Device Types
+ {#if data.deviceStats.length > 0} +
+ {#each data.deviceStats as [device, count]}
+
+ {:else}
+
+ {device}
+
+ {/each}
+
+
+
+
+
+ {count}
+ No data yet
+ {/if} +
+
+
+ Top Referrers
+ {#if data.refererStats.length > 0} +
+ {#each data.refererStats as [referrer, count]}
+
+ {:else}
+
+ {referrer}
+ {count} clicks
+
+ {/each}
+ No referrer data yet
+ {/if} +
+
+
+ Clicks by Day
+ {#if data.clicksByDay.length > 0} +
+
+ {:else}
+
+ {#each data.clicksByDay as [day, count]}
+
+
+
+ {day}
+
+ {/each}
+ No daily data yet
+ {/if} +
+
+ Recent Clicks
+ {#if data.recentClicks.length > 0} +
+
+
+
+
+ {:else}
+ | Time | +Browser | +Device | +Referrer | +
|---|---|---|---|
| + {new Date(click.created).toLocaleString()} + | +{getBrowserFromUserAgent(click.user_agent) || 'Unknown'} | +{click.device || 'Unknown'} | ++ {#if click.referer} + {@const url = new URL(click.referer)} + {url.hostname} + {:else} + Direct + {/if} + | +
No clicks yet
+ {/if} +
+
+
+
+{#if showDeleteConfirm && cardToDelete}
+
+
+
+
+
+
+ {#if showStats}
+ Profile Cards
+
+
+
+
+
+
+ {/if}
+
+ {#if loading}
+
+
+ {userCards?.length || 0}
+Total Cards
++ {userCards?.filter((c) => c.page === 'profile').length || 0} on profile +
+
+
+
+ + {userCards?.filter((c) => c.metadata?.is_active !== false).length || 0} +
+Active Cards
+
+
+ {:else if userCards.length > 0}
+ Loading cards...
+
+
+ {:else}
+ Your Profile Cards
++ Drag to reorder. Cards will appear in this order on your profile. +
+ +
+ {#each userCards as card, index}
+
+ handleDragStart(e, index)}
+ ondragover={(e) => handleDragOver(e, index)}
+ ondragleave={handleDragLeave}
+ ondrop={(e) => handleDrop(e, index)}
+ ondragend={handleDragEnd}
+ >
+
+
+ {/each}
+
+
+
+
+
+
+
+
+ {#if card.page === 'profile'}
+
+ On Profile
+
+ {:else}
+
+ Not on Profile
+
+ {/if}
+
+ {#if card.metadata?.is_active === false}
+
+ Hidden
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+
+
+ {/if}
+ No cards yet
+Create your first card to get started
+ +
+
+{/if}
diff --git a/apps/uload/apps/web/src/routes/(app)/my/cards/+page.svelte.backup b/apps/uload/apps/web/src/routes/(app)/my/cards/+page.svelte.backup
new file mode 100644
index 000000000..d5ad4e0e8
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/my/cards/+page.svelte.backup
@@ -0,0 +1,482 @@
+
+
+
+
+ Delete Card
++ Are you sure you want to delete this card? This action cannot be undone. +
+
+
+
+
+
+
+
+
+{#if showDeleteConfirm && cardToDelete}
+
+
+
+
+
+
+ {#if showStats}
+ Profile Cards
+
+
+
+
+
+
+
+ {/if}
+
+
+ {#if showProfileAppearance}
+
+
+
+
+
+
+
+
+ {userCards?.length || 0}
+Total Cards
+{userCards?.filter(c => c.page === 'profile').length || 0} on profile
+
+
+
+
+
+
+
+
+
+ {userCards?.filter(c => c.metadata?.isActive !== false).length || 0}
+Active Cards
+
+
+ {/if}
+
+
+ {#if loading}
+ Profile Appearance
+
+
+ {
+ const color = e.currentTarget.value;
+ try {
+ const response = await fetch('/settings?/updateProfile', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ },
+ body: new URLSearchParams({
+ profileBackground: color,
+ name: data.user?.name || '',
+ email: data.user?.email || '',
+ bio: data.user?.bio || '',
+ location: data.user?.location || '',
+ website: data.user?.website || '',
+ github: data.user?.github || '',
+ twitter: data.user?.twitter || '',
+ linkedin: data.user?.linkedin || '',
+ instagram: data.user?.instagram || ''
+ })
+ });
+ if (response.ok) {
+ // Update local state
+ if (data.user) {
+ data.user.profileBackground = color;
+ }
+ }
+ } catch (error) {
+ console.error('Failed to update profile background:', error);
+ }
+ }}
+ class="h-10 w-20 cursor-pointer rounded border border-theme-border"
+ />
+
+
+ Choose a color for your profile page background
+
+
+
+
+ {:else if userCards.length > 0}
+ Loading cards...
+
+
+ {:else}
+ Your Profile Cards
++ Drag to reorder. Cards will appear in this order on your profile. +
+ +
+ {#each userCards as card, index}
+ {
+ cardToDelete = cardId;
+ showDeleteConfirm = true;
+ }}
+ />
+ {/each}
+
+
+
+
+ {/if}
+ No cards on your profile yet
++ Create cards with our visual drag-and-drop builder +
+ +
+
+{/if}
diff --git a/apps/uload/apps/web/src/routes/(app)/my/cards/builder/+page.svelte b/apps/uload/apps/web/src/routes/(app)/my/cards/builder/+page.svelte
new file mode 100644
index 000000000..0236961c8
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/my/cards/builder/+page.svelte
@@ -0,0 +1,676 @@
+
+
+
+
+ Delete Card
++ Are you sure you want to delete this card? This action cannot be undone. +
+
+
+
+
+
+ {#if loading}
+
diff --git a/apps/uload/apps/web/src/routes/(app)/my/links/+page.svelte b/apps/uload/apps/web/src/routes/(app)/my/links/+page.svelte
new file mode 100644
index 000000000..5dd4e3cac
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/my/links/+page.svelte
@@ -0,0 +1,286 @@
+
+
+
+
+ {:else}
+
+
+
+ Lade Card...
+
+
+
+ {/if}
+
+
+
+
+ + {editingCard ? 'Card bearbeiten' : 'Neue Card'} +
+
+
+
+
+
+
+
+
+
+
+
+ {#if headerModule}
+
+
+
+
+
+
+ {/if}
+
+
+ {#key card.config.modules}
+ {@const currentLinksModule = card.config.modules?.find((m) => m.type === 'links')}
+
+ {#if headerModule.props.avatar || userAvatarUrl}
+ 
+ {:else}
+
+
+
+ {#if editingTitle}
+ e.key === 'Enter' && saveTitle()}
+ class="mb-2 w-full rounded-lg border-2 border-theme-primary bg-theme-background px-3 py-1 text-center text-2xl font-bold text-theme-text focus:outline-none focus:ring-2 focus:ring-theme-accent"
+ autofocus
+ />
+ {:else}
+
+
+ {(headerModule.props.title || 'U')[0].toUpperCase()}
+
+
+ {/if}
+
+ + {headerModule.props.title || 'Klicke zum Bearbeiten'} +
+ {/if} + + + {#if editingSubtitle} + e.key === 'Enter' && saveSubtitle()} + class="w-full rounded-lg border-2 border-theme-primary bg-theme-background px-3 py-1 text-center text-theme-text-muted focus:outline-none focus:ring-2 focus:ring-theme-accent" + autofocus + /> + {:else} ++ {headerModule.props.subtitle || 'Position hinzufügen'} +
+ {/if} +
+
+ {/key}
+
+
+
+ {#if showLinkSelector}
+
+ Deine Links
+ +
+ {#if loadingLinks}
+
+ {:else}
+
+ {#if currentLinksModule?.props?.links && currentLinksModule.props.links.length > 0}
+ + ⚡ Lade deine Links... +
+ {:else if userLinks.length === 0} +
+
+ {:else}
+ Du hast noch keine Links erstellt.
+ + + Ersten Link erstellen + +
+
+ {/if}
+ + Wähle die Links aus, die auf deiner Card erscheinen sollen: +
+ {#each userLinks as link} + + {/each} +
+ {#each currentLinksModule.props.links as link}
+
+ {link.icon}
+ {link.label}
+
+
+ {/each}
+
+ {:else}
+
+
+
+ {/if}
+ {/if}
+ Noch keine Links hinzugefügt
++ Klicke auf "Links hinzufügen" um deine uload Links auszuwählen +
+
+
+
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/routes/(app)/my/links/debug/+page.svelte b/apps/uload/apps/web/src/routes/(app)/my/links/debug/+page.svelte
new file mode 100644
index 000000000..fed3029ef
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/my/links/debug/+page.svelte
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+
+
+ {#if showCreateForm}
+ + Links + {#if filteredLinks.length > 0} + ({filteredLinks.length}) + {/if} +
+ +
+
+ {/if}
+
+
+
+
+
+
+ e.key === 'Enter' && createLink()}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if folders.value && folders.value.length > 0}
+
+ {/if}
+
+
+
+ {#if links.loading}
+
+ {#each Array(3) as _}
+
+ {/each}
+
+ {:else if filteredLinks.length === 0}
+
+
+ {:else}
+ Noch keine Links
+Erstelle deinen ersten gekürzten Link!
+ +
+ {#each filteredLinks as link (link.id)}
+
+ {/if}
+
+
+ {/each}
+
+
+
+
+
+
+ {link.title || link.shortCode}
+ + /{link.shortCode} + +{link.originalUrl}
+
+
+ {link.clickCount} clicks
+
+
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/routes/(app)/my/tags/+page.svelte b/apps/uload/apps/web/src/routes/(app)/my/tags/+page.svelte
new file mode 100644
index 000000000..9e6a49470
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/my/tags/+page.svelte
@@ -0,0 +1,188 @@
+
+
+
+
++ PocketBase Debug Information +
+ + {#if loading} +
+
+ {:else if error}
+ Loading debug information...
+
+
+ {:else if debugData}
+ Error
+{error}
+
+
+
+ {/if}
+
+
+
+
+ User Information
+
+{JSON.stringify(debugData.user, null, 2)}
+
+
+
+
+ + PocketBase Connection +
+
+{JSON.stringify(debugData.pb, null, 2)}
+
+
+
+
+ Test Results
+ {#each Object.entries(debugData.tests) as [testName, result]} +
+
+ {/each}
+ + {testName}: {result.success ? '✅ Success' : '❌ Failed'} +
+
+{JSON.stringify(result, null, 2)}
+
+
+ Raw Debug Data
+
+{JSON.stringify(debugData, null, 2)}
+
+
diff --git a/apps/uload/apps/web/src/routes/(app)/my/tags/page.server.spec.ts b/apps/uload/apps/web/src/routes/(app)/my/tags/page.server.spec.ts
new file mode 100644
index 000000000..a0036f070
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/my/tags/page.server.spec.ts
@@ -0,0 +1,425 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { fail } from '@sveltejs/kit';
+import * as actions from './+page.server';
+import { pb, generateTagSlug, DEFAULT_TAG_COLORS } from '$lib/pocketbase';
+import { createTestTag, createTestUser } from '$tests/factories';
+
+// Mock @sveltejs/kit
+vi.mock('@sveltejs/kit', () => ({
+ fail: vi.fn((status, data) => ({ status, data })),
+}));
+
+// Mock PocketBase
+vi.mock('$lib/pocketbase', () => ({
+ pb: {
+ collection: vi.fn(),
+ },
+ generateTagSlug: vi.fn((name) => name.toLowerCase().replace(/\s+/g, '-')),
+ DEFAULT_TAG_COLORS: ['#3B82F6', '#EF4444', '#10B981'],
+}));
+
+describe('Tags Page Server Actions', () => {
+ let mockCollection: any;
+ let testUser: any;
+
+ beforeEach(() => {
+ vi.clearAllMocks();
+
+ testUser = createTestUser({
+ id: 'user123',
+ email: 'test@example.com',
+ });
+
+ // Setup mock collection methods
+ mockCollection = {
+ getList: vi.fn(),
+ create: vi.fn(),
+ update: vi.fn(),
+ delete: vi.fn(),
+ };
+
+ (pb.collection as any).mockReturnValue(mockCollection);
+ });
+
+ describe('load function', () => {
+ it('should load tags for authenticated user', async () => {
+ const mockTags = [
+ createTestTag({ id: 'tag1', name: 'Work', user_id: 'user123' }),
+ createTestTag({ id: 'tag2', name: 'Personal', user_id: 'user123' }),
+ ];
+
+ mockCollection.getList
+ .mockResolvedValueOnce({
+ items: mockTags,
+ totalItems: 2,
+ })
+ .mockResolvedValue({
+ items: [],
+ totalItems: 0,
+ });
+
+ const result = await actions.load({
+ locals: { user: testUser },
+ } as any);
+
+ expect(mockCollection.getList).toHaveBeenCalledWith(1, 100, {
+ filter: `user_id="user123"`,
+ sort: '-usage_count,name',
+ });
+
+ expect(result.tags).toHaveLength(2);
+ expect(result.tags[0]).toHaveProperty('linkCount', 0);
+ });
+
+ it('should return empty array on error', async () => {
+ mockCollection.getList.mockRejectedValue(new Error('Database error'));
+
+ const result = await actions.load({
+ locals: { user: testUser },
+ } as any);
+
+ expect(result.tags).toEqual([]);
+ });
+
+ it('should include link counts for each tag', async () => {
+ const mockTag = createTestTag({ id: 'tag1', name: 'Work', user_id: 'user123' });
+
+ mockCollection.getList
+ .mockResolvedValueOnce({
+ items: [mockTag],
+ totalItems: 1,
+ })
+ .mockResolvedValueOnce({
+ items: [],
+ totalItems: 5, // 5 links using this tag
+ });
+
+ const result = await actions.load({
+ locals: { user: testUser },
+ } as any);
+
+ expect(result.tags[0].linkCount).toBe(5);
+ });
+ });
+
+ describe('create action', () => {
+ it('should create a new tag successfully', async () => {
+ const formData = new FormData();
+ formData.append('name', 'New Tag');
+ formData.append('color', '#3B82F6');
+ formData.append('icon', '🏷️');
+ formData.append('is_public', 'on');
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ const expectedTag = {
+ id: 'new-tag-id',
+ name: 'New Tag',
+ slug: 'new-tag',
+ color: '#3B82F6',
+ icon: '🏷️',
+ user_id: 'user123',
+ is_public: true,
+ usage_count: 0,
+ };
+
+ mockCollection.create.mockResolvedValue(expectedTag);
+
+ const result = await actions.actions.create({
+ request: mockRequest,
+ locals: { user: testUser },
+ } as any);
+
+ expect(mockCollection.create).toHaveBeenCalledWith({
+ name: 'New Tag',
+ slug: 'new-tag',
+ color: '#3B82F6',
+ icon: '🏷️',
+ user_id: 'user123',
+ is_public: true,
+ usage_count: 0,
+ });
+
+ expect(result).toEqual({ success: true, tag: expectedTag });
+ });
+
+ it('should trim tag name', async () => {
+ const formData = new FormData();
+ formData.append('name', ' Trimmed Tag ');
+ formData.append('color', '#3B82F6');
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ mockCollection.create.mockResolvedValue({ id: 'tag-id' });
+
+ await actions.actions.create({
+ request: mockRequest,
+ locals: { user: testUser },
+ } as any);
+
+ expect(mockCollection.create).toHaveBeenCalledWith(
+ expect.objectContaining({
+ name: 'Trimmed Tag',
+ slug: 'trimmed-tag',
+ })
+ );
+ });
+
+ it('should use default color if not provided', async () => {
+ const formData = new FormData();
+ formData.append('name', 'Tag');
+ formData.append('color', '');
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ mockCollection.create.mockResolvedValue({ id: 'tag-id' });
+
+ await actions.actions.create({
+ request: mockRequest,
+ locals: { user: testUser },
+ } as any);
+
+ expect(mockCollection.create).toHaveBeenCalledWith(
+ expect.objectContaining({
+ color: DEFAULT_TAG_COLORS[0],
+ })
+ );
+ });
+
+ it('should handle is_public correctly', async () => {
+ const formData = new FormData();
+ formData.append('name', 'Private Tag');
+ // is_public not set (checkbox unchecked)
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ mockCollection.create.mockResolvedValue({ id: 'tag-id' });
+
+ await actions.actions.create({
+ request: mockRequest,
+ locals: { user: testUser },
+ } as any);
+
+ expect(mockCollection.create).toHaveBeenCalledWith(
+ expect.objectContaining({
+ is_public: false,
+ })
+ );
+ });
+
+ it('should fail if name is not provided', async () => {
+ const formData = new FormData();
+ formData.append('name', '');
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ const result = await actions.actions.create({
+ request: mockRequest,
+ locals: { user: testUser },
+ } as any);
+
+ expect(fail).toHaveBeenCalledWith(400, { error: 'Tag name is required' });
+ expect(mockCollection.create).not.toHaveBeenCalled();
+ });
+
+ it('should handle database errors', async () => {
+ const formData = new FormData();
+ formData.append('name', 'Test Tag');
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ mockCollection.create.mockRejectedValue(new Error('Database error'));
+
+ const result = await actions.actions.create({
+ request: mockRequest,
+ locals: { user: testUser },
+ } as any);
+
+ expect(fail).toHaveBeenCalledWith(400, { error: 'Failed to create tag' });
+ });
+ });
+
+ describe('update action', () => {
+ it('should update tag successfully', async () => {
+ const formData = new FormData();
+ formData.append('id', 'tag123');
+ formData.append('name', 'Updated Tag');
+ formData.append('color', '#EF4444');
+ formData.append('icon', '⭐');
+ formData.append('is_public', 'on');
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ mockCollection.update.mockResolvedValue({ id: 'tag123' });
+
+ const result = await actions.actions.update({
+ request: mockRequest,
+ } as any);
+
+ expect(mockCollection.update).toHaveBeenCalledWith('tag123', {
+ name: 'Updated Tag',
+ slug: 'updated-tag',
+ color: '#EF4444',
+ icon: '⭐',
+ is_public: true,
+ });
+
+ expect(result).toEqual({ updated: true });
+ });
+
+ it('should fail if id is not provided', async () => {
+ const formData = new FormData();
+ formData.append('name', 'Tag');
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ const result = await actions.actions.update({
+ request: mockRequest,
+ } as any);
+
+ expect(fail).toHaveBeenCalledWith(400, { error: 'Tag ID and name are required' });
+ expect(mockCollection.update).not.toHaveBeenCalled();
+ });
+
+ it('should fail if name is not provided', async () => {
+ const formData = new FormData();
+ formData.append('id', 'tag123');
+ formData.append('name', '');
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ const result = await actions.actions.update({
+ request: mockRequest,
+ } as any);
+
+ expect(fail).toHaveBeenCalledWith(400, { error: 'Tag ID and name are required' });
+ });
+
+ it('should handle database errors', async () => {
+ const formData = new FormData();
+ formData.append('id', 'tag123');
+ formData.append('name', 'Tag');
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ mockCollection.update.mockRejectedValue(new Error('Database error'));
+
+ const result = await actions.actions.update({
+ request: mockRequest,
+ } as any);
+
+ expect(fail).toHaveBeenCalledWith(400, { error: 'Failed to update tag' });
+ });
+ });
+
+ describe('delete action', () => {
+ it('should delete tag and its relationships', async () => {
+ const formData = new FormData();
+ formData.append('id', 'tag123');
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ // Mock linktags relationships
+ mockCollection.getList.mockResolvedValue({
+ items: [{ id: 'link_tag_1' }, { id: 'link_tag_2' }],
+ });
+
+ mockCollection.delete.mockResolvedValue(true);
+
+ const result = await actions.actions.delete({
+ request: mockRequest,
+ } as any);
+
+ // Should delete linktags first
+ expected(pb.collection).toHaveBeenCalledWith('linktags');
+ expect(mockCollection.getList).toHaveBeenCalledWith(1, 100, {
+ filter: `tag_id="tag123"`,
+ });
+ expect(mockCollection.delete).toHaveBeenCalledWith('link_tag_1');
+ expect(mockCollection.delete).toHaveBeenCalledWith('link_tag_2');
+
+ // Then delete the tag
+ expect(pb.collection).toHaveBeenCalledWith('tags');
+ expect(mockCollection.delete).toHaveBeenCalledWith('tag123');
+
+ expect(result).toEqual({ deleted: true });
+ });
+
+ it('should handle tags with no relationships', async () => {
+ const formData = new FormData();
+ formData.append('id', 'tag123');
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ mockCollection.getList.mockResolvedValue({
+ items: [],
+ });
+
+ mockCollection.delete.mockResolvedValue(true);
+
+ const result = await actions.actions.delete({
+ request: mockRequest,
+ } as any);
+
+ expect(mockCollection.delete).toHaveBeenCalledTimes(1);
+ expect(mockCollection.delete).toHaveBeenCalledWith('tag123');
+ expect(result).toEqual({ deleted: true });
+ });
+
+ it('should fail if id is not provided', async () => {
+ const formData = new FormData();
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ const result = await actions.actions.delete({
+ request: mockRequest,
+ } as any);
+
+ expect(fail).toHaveBeenCalledWith(400, { error: 'Tag ID is required' });
+ expect(mockCollection.delete).not.toHaveBeenCalled();
+ });
+
+ it('should handle database errors', async () => {
+ const formData = new FormData();
+ formData.append('id', 'tag123');
+
+ const mockRequest = {
+ formData: vi.fn().mockResolvedValue(formData),
+ };
+
+ mockCollection.getList.mockRejectedValue(new Error('Database error'));
+
+ const result = await actions.actions.delete({
+ request: mockRequest,
+ } as any);
+
+ expect(fail).toHaveBeenCalledWith(400, { error: 'Failed to delete tag' });
+ });
+ });
+});
diff --git a/apps/uload/apps/web/src/routes/(app)/pricing/+page.svelte b/apps/uload/apps/web/src/routes/(app)/pricing/+page.svelte
new file mode 100644
index 000000000..40e052532
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/pricing/+page.svelte
@@ -0,0 +1,337 @@
+
+
+
+
+
+ {#if showCreateForm}
+ Tags
+ +
+
+ {/if}
+
+ {#if tags.loading}
+
+
+
+
+ e.key === 'Enter' && createTag()}
+ />
+
+
+
+
+
+
+
+ {#each Array(3) as _}
+
+ {/each}
+
+ {:else if !tags.value || tags.value.length === 0}
+
+
+ {:else}
+ Noch keine Tags
+Erstelle Tags um deine Links zu organisieren.
+
+ {#each tags.value as tag (tag.id)}
+
+ {/if}
+
+ {#if editingTag?.id === tag.id}
+
+ {/each}
+
+
+
+ {:else}
+
+
+
+
+
+
+
+ {/if}
+
+
+ {tag.name}
+
+
+ {getUsageCount(tag.id)} Links
+
+
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/routes/(app)/settings/+page.svelte b/apps/uload/apps/web/src/routes/(app)/settings/+page.svelte
new file mode 100644
index 000000000..78b8f1298
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/settings/+page.svelte
@@ -0,0 +1,782 @@
+
+
+
+
+
+
+
+
+
+ Wähle deinen Plan
++ Starte kostenlos und upgrade wenn du mehr brauchst +
+ + {#if wasCancelled} +
+
+
+ {/if}
+
+
+ + Kein Problem! Du kannst jederzeit upgraden, wenn du bereit bist. +
+
+ {#each plans as plan}
+
+
+
+
+ {#if plan.popular}
+
+ {/each}
+
+
+ {/if}
+
+
+
+
+
+
+
+
+ {plan.name}
+
+ {plan.price}
+ /{plan.period}
+
+ {#if plan.savings}
+ + {plan.savings} +
+ {/if} +-
+ {#each plan.features as feature}
+
-
+
+ {feature} +
+ {/each}
+ {#each plan.limitations as limitation}
+ -
+
+ {limitation} +
+ {/each}
+
+ {#if plan.priceType === null}
+
+ {:else}
+
+
+
+ Häufige Fragen
+
+
+
+
+ {#if openFaq === 1}
+
+
+
+
+ {/if}
+ + Alle Pro-Pläne haben die gleichen Features, unterscheiden sich aber im Preis: + Monatlich (4,99€/Monat), Jährlich (39,99€/Jahr - spare 20€), oder Lifetime (129,99€ + einmalig - für immer Pro ohne weitere Zahlungen). +
+
+
+ {#if openFaq === 2}
+
+
+
+
+ {/if}
+ + Ja, du kannst jederzeit von Free zu Pro upgraden. Deine Links und Einstellungen + bleiben dabei erhalten. Du kannst auch zwischen den verschiedenen Pro-Plänen + wechseln. +
+
+
+ {#if openFaq === 3}
+
+
+
+
+ {/if}
+ + Der Lifetime-Plan (129,99€) amortisiert sich bereits nach etwa 2,2 Jahren im + Vergleich zum monatlichen Plan. Du erhältst alle Pro-Features für immer, ohne + weitere monatliche Gebühren und hast Zugang zu allen zukünftigen Features. +
+
+
+ {#if openFaq === 4}
+
+
+
+ {/if}
+ + Ja, du kannst dein Abo jederzeit in den Einstellungen kündigen. Du behältst den + Zugang bis zum Ende des aktuellen Abrechnungszeitraums. Danach wechselst du + automatisch zum Free Plan. +
+
+
+
+
+
+
+
+ + Profile Information +
+ + + + {#if form?.success} +
+ {form.message}
+
+ {/if}
+ {#if form?.error}
+
+ {form.error}
+
+ {/if}
+
+
+
+
+ Change Password
+ + + + {#if form?.passwordSuccess} +
+ {form.passwordMessage}
+
+ {/if}
+ {#if form?.passwordError}
+
+ {form.passwordError}
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+ Manage Workspaces
+
+ Workspaces
++ Manage your workspaces and team collaboration +
+
+
+
+
+
+
+ Current Plan
++ {data.user?.subscription_status || 'free'} +
+
+
+ Team Members
++ {#if data.user?.subscription_status === 'free'} + 0 / 1 + {:else if data.user?.subscription_status === 'pro'} + 0 / 3 + {:else if data.user?.subscription_status === 'team'} + 0 / 10 + {:else if data.user?.subscription_status === 'team_plus'} + 0 / ∞ + {:else} + 0 / 1 + {/if} +
+
+
+
+
+ Preferences
+ + + + {#if form?.preferencesSuccess} +
+ {form.preferencesMessage}
+
+ {/if}
+ {#if form?.preferencesError}
+
+ {form.preferencesError}
+
+ {/if}
+
+
+ Danger Zone
+ +
+
+ Delete Account
++ Once you delete your account, there is no going back. All your links and data will be + permanently removed. +
+ + {#if !showDeleteConfirm} + + {:else} +
+
+ {/if}
+
+ {#if form?.deleteError}
+ + Please type DELETE to confirm: +
+ +
+
+
+
+
+ {form.deleteError}
+
+ {/if}
+
+
+
diff --git a/apps/uload/apps/web/src/routes/(app)/settings/workspaces/+page.svelte b/apps/uload/apps/web/src/routes/(app)/settings/workspaces/+page.svelte
new file mode 100644
index 000000000..cdd00b739
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/settings/workspaces/+page.svelte
@@ -0,0 +1,224 @@
+
+
+
+
+
+
+ Team Management
+Invite team members to collaborate on your account
+
+
+
+
+
+
+
+ {#if teamLimit > 0 && (data.teamMembers?.length || 0) >= teamLimit}
+
+
+ Current Plan
++ {data.user?.subscription_status || 'free'} +
+
+
+ Team Members
++ {data.teamMembers?.length || 0}{teamLimit > 0 ? ` / ${teamLimit}` : ''} +
+
+
+ {/if}
+
+
+
+
+ Team member limit reached
++ Upgrade to a higher plan for more team members. +
+ + View Plans → + +
+
+
+
+ {#if teamLimit === 0 || remainingSlots > 0}
+
+
+ {#if form?.error}
+
+
+
+ {#if data.teamMembers && data.teamMembers.length > 0}
+
+
+
+ {#if teamLimit === 0 || remainingSlots > 0}
+
+
+ {#if form?.error}
+
+ {form.error}
+
+ {/if}
+
+ {#if form?.success}
+
+
+ {/if}
+ {:else}
+ + ✓ Invitation created successfully! +
++ ⚠️ E-Mail-Versand ist möglicherweise nicht konfiguriert. Du findest den Einladungslink + unten zum manuellen Teilen. +
+
+
+ {/if}
+ + You've reached your team member limit. Upgrade to Team Plus for more members. +
+
+
+ {:else}
+
+
+
+
+
+
+
+
+ {#each data.teamMembers as member}
+
+
+
+ {/each}
+
+
+
+
+ {member.user?.email?.[0]?.toUpperCase() || 'U'}
+
+
+
+ + {member.user?.name || member.user?.email} +
++ {member.user?.email} +
+
+ {#if member.invitation_status === 'pending'}
+
+ Pending
+
+ {:else if member.invitation_status === 'accepted'}
+
+ Active
+
+ {/if}
+
+ {#if member.permissions?.manage_team}
+
+
+
+ {/if}
+
+
+ {#if (data.pendingInvites && data.pendingInvites.length > 0) || (data.pendingNewUserInvites && data.pendingNewUserInvites.length > 0)}
+ No team members yet. Invite someone to get started!
+
+
+ {/if}
+
+
+
+ Pending Invitations
+
+ {#each data.pendingInvites as invite}
+
+
+
+ {/each}
+
+ {#each data.pendingNewUserInvites || [] as invite}
+
+
+
+ + {invite.expand?.user?.email || 'Unknown'} +
++ Invited {new Date(invite.invited_at).toLocaleDateString()} · Existing user +
+
+
+
+
+
+
+
+ {/each}
+
+
+
+
+
+
+
+ + {invite.email} +
++ Invited {new Date(invite.created).toLocaleDateString()} · New user (needs to sign up) +
+
+
+
+
+ Invite link:
+ {window.location.origin}/register?invite={invite.token}
+
+
+
+
diff --git a/apps/uload/apps/web/src/routes/(app)/settings/workspaces/[id]/+page.svelte b/apps/uload/apps/web/src/routes/(app)/settings/workspaces/[id]/+page.svelte
new file mode 100644
index 000000000..b8e9956ab
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/settings/workspaces/[id]/+page.svelte
@@ -0,0 +1,420 @@
+
+
+
+
+
+
+
+
+
+ Workspaces
++ Manage your workspaces and switch between different contexts +
+ ++ {data.teamWorkspaces.length} von {data.user?.subscription_tier === 'pro' + ? '10' + : data.user?.subscription_tier === 'business' + ? 'unbegrenzt' + : '1'} Team-Workspaces erstellt +
+
+
+ {#if data.personalWorkspace}
+
+
+
+ {#if !data.personalWorkspace && data.teamWorkspaces.length === 0 && data.invitations.length === 0}
+
+
+ {/if}
+
+
+ {#each data.teamWorkspaces as workspace}
+
+
+
+ {#if data.personalWorkspace.description}
+
+
+
+ Active
+
+
+
+
+
+ + {data.personalWorkspace.name} +
+Personal Workspace
++ {data.personalWorkspace.description} +
+ {/if} + +
+
+
+ {data.personalStats?.links || 0} links
+ {data.personalStats?.clicks || 0} clicks
+
+
+
+
+
+
+
+ {/each}
+
+
+ {#each data.invitations as invitation}
+
+
+
+ {#if workspace.description}
+
+
+ {#if workspace.owner === data.user?.id}
+
+ Owner
+
+ {:else}
+
+ Member
+
+ {/if}
+
+
+
+
+ + {workspace.name} +
+Team Workspace
++ {workspace.description} +
+ {/if} + +
+
+
+ {workspace.memberCount || 0} members
+
+
+
+
+
+
+
+ {/each}
+
+
+
+
+
+
+ Pending
+
+
+
+
+
+ + {invitation.expand?.workspace?.name || 'Workspace Invitation'} +
+Pending Invitation
+You've been invited to join this workspace
+ +
+
+
+
+
+
+ {/if}
+No workspaces yet
++ Create your first workspace to start organizing your links +
+ +
+
+
diff --git a/apps/uload/apps/web/src/routes/(app)/settings/workspaces/new/+page.svelte b/apps/uload/apps/web/src/routes/(app)/settings/workspaces/new/+page.svelte
new file mode 100644
index 000000000..65f6f608b
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/settings/workspaces/new/+page.svelte
@@ -0,0 +1,276 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if data.workspace?.type === 'team'}
+ {data.workspace?.name}
+Manage your workspace settings and team members
+
+
+ Team Workspace
+
+
+ {/if}
+
+
+
+
+
+
+ {#if activeTab === 'general'}
+
+
+
+
+ {#if form?.success}
+
+
+ {:else if activeTab === 'members'}
+
+ General Settings
+ + +
+
+ {:else if activeTab === 'danger'}
+
+
+
+
+ {#if canManage}
+
+ Team Members
+ {#if canManage} + + {/if} +
+
+
+ {/if}
+
+
+
+ {#each data.members || [] as member}
+
+
+
+ {/each}
+
+
+
+
+ {member.expand?.user?.email?.[0]?.toUpperCase() || 'U'}
+
+
+
+ + {member.expand?.user?.name || member.expand?.user?.email} +
++ {member.expand?.user?.email} +
+
+ {#if member.role === 'owner'}
+
+ Owner
+
+ {:else if member.role === 'admin'}
+
+ Admin
+
+ {:else}
+
+ Member
+
+ {/if}
+
+ {#if member.invitation_status === 'pending'}
+
+ Pending
+
+ {/if}
+
+ {#if canManage && member.role !== 'owner'}
+
+ {/if}
+
+
+
+ {/if}
+ Danger Zone
+ +
+
+ Delete Workspace
+ + {#if data.workspace?.type === 'personal'} ++ Personal workspaces cannot be deleted. They are permanently associated with your + account. +
+ + {:else} ++ Once you delete a workspace, there is no going back. All links, settings, and team + access will be permanently removed. +
+ + {/if} +
+
+ {/if}
+
+ {#if form?.error}
+ + {form.message || 'Changes saved successfully'} +
+
+
+ {/if}
++ {form.error} +
+
+
+
diff --git a/apps/uload/apps/web/src/routes/(app)/setup-username/+page.svelte b/apps/uload/apps/web/src/routes/(app)/setup-username/+page.svelte
new file mode 100644
index 000000000..cefcda166
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/setup-username/+page.svelte
@@ -0,0 +1,217 @@
+
+
+
+
+
+
+
+
+ Create New Workspace
+Set up a new workspace for your team or project
+ {#if data?.workspaceCount !== undefined && data?.workspaceLimit !== undefined} ++ You have created {data.workspaceCount} of {data.workspaceLimit} team workspaces +
+ {/if} +
+
+
+
+
diff --git a/apps/uload/apps/web/src/routes/(app)/template-store/+page.svelte b/apps/uload/apps/web/src/routes/(app)/template-store/+page.svelte
new file mode 100644
index 000000000..4c819851e
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(app)/template-store/+page.svelte
@@ -0,0 +1,314 @@
+
+
+
+
+
+
+
+
+
+
+ Wähle deinen Username
++ Dies ist deine einmalige Chance, deinen Username zu wählen. Nach der Bestätigung kann er + nicht mehr geändert werden. +
+
+
+
+
+
+
+
+
+
+
+
+ Template Store
+Discover and use community-created card templates
+
+
+
+
+
+ {#if loading}
+
+
+
+
+
+
+
+
+
+
+ {#each categories as category}
+
+ {/each}
+
+
+
+
+
+
+ {:else if filteredTemplates().length > 0}
+
+
+
+ Loading templates...
+
+ {#each filteredTemplates() as template}
+
+ {:else}
+
+
+
+ {/if}
+
+
+ {#if pb.authStore.model}
+ No templates found
+Try adjusting your search or filters
+
+
+ {/if}
+ Share Your Creations
+Create and share your own card templates with the community
+ + Create Template + +
+
diff --git a/apps/uload/apps/web/src/routes/(auth)/verify-email/+page.svelte b/apps/uload/apps/web/src/routes/(auth)/verify-email/+page.svelte
new file mode 100644
index 000000000..acef1a77d
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/(auth)/verify-email/+page.svelte
@@ -0,0 +1,31 @@
+
+
+
+
+
+ {#if !token}
+
+
+
+
+ {:else if form?.success}
+ {m.auth_invalid_reset_link()}
++ {m.auth_invalid_reset_link_message()} +
+ +
+
+
+ {:else}
+ {m.auth_password_reset_success()}
++ {m.auth_password_reset_success_message()} +
+ +
+
+
+
+
+
+ {m.auth_set_new_password_title()}
++ {m.auth_set_new_password_subtitle()} +
+
+
+ {/if}
+ + {m.auth_remember_password()} + + {m.auth_back_to_login()} + +
+
+
diff --git a/apps/uload/apps/web/src/routes/+layout.svelte b/apps/uload/apps/web/src/routes/+layout.svelte
new file mode 100644
index 000000000..80cbc8a1c
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/+layout.svelte
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+ + Verifying Email / E-Mail wird verifiziert +
+Please wait... / Bitte warten...
+
+
+
+{:else}
+ {@render children?.()}
+{/if}
+
+
+
+{/if}
+
+
+
+ + Sign in to unlock all features +
++ This feature is only available for registered users. Sign in to: +
+-
+
- + ✓ Create short links + +
- + ✓ Set custom titles and descriptions + +
- + ✓ Add expiration dates + +
- + ✓ Password protect links + +
- + ✓ Track analytics + +
+
+ Sign In
+
+
+
+
+
+
+
+
diff --git a/apps/uload/apps/web/src/routes/[...slug]/+page.svelte b/apps/uload/apps/web/src/routes/[...slug]/+page.svelte
new file mode 100644
index 000000000..0b7e221cf
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/[...slug]/+page.svelte
@@ -0,0 +1,67 @@
+
+
+{#if data.requiresPassword}
+
+
+ {/if}
+
+
+
+
+
+
+
+
+ {#if form?.error}
+
+
+ {form.error}
+
+ {/if}
+
+ {#if showQROnly && inputUrl && !data.user}
+
+
+ {/if}
+
+ {#if form?.success && form?.shortUrl && successMessageVisible}
+ + ◳ QR Code for your URL: +
+
+ 
+
+
+
+
+
+
+
+
+ Color
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Sign in to create + a short link for this URL +
+
+
+ {/if}
+ + ✅ Success! Your short URL is ready: +
+
+
+
+
+
+
+ {#if showQRCode === form.shortUrl.split('/').pop()}
+
+
+ {/if}
+
+ 
+
+
+
+
+
+
+
+ Color
+
+
+
+
+
+
+
+
+
+
+
+
+
+{:else}
+
+
+
+
+
+ Password Protected Link
+This link requires a password to access.
+ + +
+
+{/if}
diff --git a/apps/uload/apps/web/src/routes/checkout/success/+page.svelte b/apps/uload/apps/web/src/routes/checkout/success/+page.svelte
new file mode 100644
index 000000000..5f0bba860
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/checkout/success/+page.svelte
@@ -0,0 +1,144 @@
+
+
+
+
+ Redirecting...
++ If you are not redirected, there may be an issue with this link. +
+
+
diff --git a/apps/uload/apps/web/src/routes/offline/+page.svelte b/apps/uload/apps/web/src/routes/offline/+page.svelte
new file mode 100644
index 000000000..bc5346efa
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/offline/+page.svelte
@@ -0,0 +1,130 @@
+
+
+
+ {#if verifying}
+
+
+Verifiziere deine Zahlung...
+ {:else} +
+
+
+
+
+
+ Willkommen bei ulo.ad Pro! 🎉
++ Dein Upgrade war erfolgreich. Du hast jetzt Zugriff auf alle Pro Features! +
+ +
+
+
+
+ {/if}
+ Was du jetzt kannst:
+-
+
- + + Unbegrenzt Links erstellen + +
- + + Erweiterte Analytics nutzen + +
- + + Custom QR Codes erstellen + +
- + + Priority Support erhalten + +
+
+
+
diff --git a/apps/uload/apps/web/src/routes/p/[username]/+page.svelte b/apps/uload/apps/web/src/routes/p/[username]/+page.svelte
new file mode 100644
index 000000000..1f31e1215
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/p/[username]/+page.svelte
@@ -0,0 +1,277 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ You're offline
+ ++ It looks like you've lost your internet connection. Don't worry, you can still browse + previously visited pages that have been cached. +
+ + +
+
+
+
+
+
+
+ {isOnline ? 'Back online!' : 'Offline'}
+
+
+
+
+
+
+ Go to Homepage
+
+
+
+
+
+
+
+
+ While you're offline, you can:
+-
+
- + • + Browse previously visited pages + +
- + • + View cached link analytics + +
- + • + Check your profile information + +
+
+ uLoad works best with a stable internet connection
+
+
diff --git a/apps/uload/apps/web/src/routes/page.svelte.spec.ts b/apps/uload/apps/web/src/routes/page.svelte.spec.ts
new file mode 100644
index 000000000..3c6adf306
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/page.svelte.spec.ts
@@ -0,0 +1,13 @@
+import { page } from '@vitest/browser/context';
+import { describe, expect, it } from 'vitest';
+import { render } from 'vitest-browser-svelte';
+import Page from './+page.svelte';
+
+describe('/+page.svelte', () => {
+ it('should render h1', async () => {
+ render(Page);
+
+ const heading = page.getByRole('heading', { level: 1 });
+ await expect.element(heading).toBeInTheDocument();
+ });
+});
diff --git a/apps/uload/apps/web/src/routes/preview/+page.svelte b/apps/uload/apps/web/src/routes/preview/+page.svelte
new file mode 100644
index 000000000..db1abdeef
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/preview/+page.svelte
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
+
+
+ {#if data.cards && data.cards.length > 0}
+
+
+
+ {#if data.profileUser.avatarUrl}
+ 
+ {:else}
+
+
+
+ {(data.profileUser.name || data.profileUser.username).charAt(0).toUpperCase()}
+
+
+ {/if}
+
+
+ + {data.profileUser.name || data.profileUser.username} +
+@{data.profileUser.username}
+ + + {#if data.profileUser.bio} +{data.profileUser.bio}
+ {/if} + + +
+ {#if data.profileUser.website}
+
+
+ Website
+
+ {/if}
+ {#if data.profileUser.twitter}
+
+
+ Twitter
+
+ {/if}
+ {#if data.profileUser.github}
+
+
+ GitHub
+
+ {/if}
+ {#if data.profileUser.linkedin}
+
+
+ LinkedIn
+
+ {/if}
+ {#if data.profileUser.instagram}
+
+
+ Instagram
+
+ {/if}
+
+
+
+ {:else}
+
+ Featured Cards
+
+ {#each data.cards as card}
+
+
+ {#if card.config?.mode === 'beginner' && card.config.modules}
+
+
+ {/each}
+
+ {#each card.config.modules as module}
+ {#if module.type === 'header'}
+
+ {:else if card.config?.mode === 'advanced'}
+
+
+ {#if module.props?.title}
+
+ {:else if module.type === 'content'}
+ {module.props.title}
+ {/if} + {#if module.props?.subtitle} +{module.props.subtitle}
+ {/if} +
+
+ {:else if module.type === 'media' && module.props?.type === 'image'}
+ + {module.props?.text || module.props?.html || ''} +
+
+ 
+
+ {:else if module.type === 'links' && module.props?.links}
+
+ {#each module.props.links as link}
+
+ {link.label}
+
+ {/each}
+
+ {/if}
+ {/each}
+
+
+ {:else if card.config?.mode === 'expert'}
+
+
+ {#if card.config.template}
+
+
+ + Template Card +
+ {#if card.metadata?.name} ++ {card.metadata.name} +
+ {/if} + {#if card.metadata?.description} +{card.metadata.description}
+ {/if} + {/if} +
+
+ {:else}
+
+
+
+ Custom Card
+ {#if card.metadata?.name} +{card.metadata.name}
+ {/if} + {#if card.metadata?.description} +{card.metadata.description}
+ {/if} +
+
+ {/if}
+ Card content unavailable
+
+
+ {/if}
+
+
+ + Welcome to {data.profileUser.name || data.profileUser.username}'s profile. +
+No content available yet.
+
+ Powered by Uload
+
+
+
diff --git a/apps/uload/apps/web/src/routes/team/accept-invite/+page.svelte b/apps/uload/apps/web/src/routes/team/accept-invite/+page.svelte
new file mode 100644
index 000000000..b5a8ceeee
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/team/accept-invite/+page.svelte
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+
+ {#if card}
+ Card Preview
+This is how your card will look
+
+
+ {:else}
+
+
+ {/if}
+ No card data found for preview
+ +
+
diff --git a/apps/uload/apps/web/src/routes/u/[username]/+page.svelte b/apps/uload/apps/web/src/routes/u/[username]/+page.svelte
new file mode 100644
index 000000000..c2f8420ae
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/u/[username]/+page.svelte
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+
+
+
+
+ {#if loading}
+ ulo.ad
+
+
+ {:else if success}
+
+
+
+ Processing invitation...
+
+
+ {:else if error}
+
+ {/if}
+
+
+
+ Invitation Accepted!
+You've successfully joined the team.
+Redirecting to dashboard...
+
+
diff --git a/apps/uload/apps/web/src/routes/w/[workspace]/[...code]/+page.svelte b/apps/uload/apps/web/src/routes/w/[workspace]/[...code]/+page.svelte
new file mode 100644
index 000000000..7e26dd5c9
--- /dev/null
+++ b/apps/uload/apps/web/src/routes/w/[workspace]/[...code]/+page.svelte
@@ -0,0 +1,120 @@
+
+
+{#if data.requiresPassword && data.link}
+
+
+
+
+
+
+
+
+ {#if data.user.avatarUrl}
+ 
+ {:else}
+
+
+
+ {(data.user.name || data.user.username).charAt(0).toUpperCase()}
+
+
+ {/if}
+
+
+
+ + {data.user.name || data.user.username} +
+@{data.user.username}
+ {#if data.user.bio} +{data.user.bio}
+ {/if} +
+
+ Public Links
+ + {#if data.links.length > 0} +
+ {#each data.links as link}
+
+
+ {:else}
+
+
+
+ {/each}
+
+
+ + {link.title || `Link ${link.short_code}`} +
++ uload.de/u/{data.user.username}/{link.short_code} +
+
+ {link.clicks} clicks
+
+ No public links available
+ {/if} +
+
+{:else}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Passwortgeschützter Link +
+ {#if data.workspace} ++ Workspace: {data.workspace.name} +
+ {/if} + {#if data.link.title} ++ {data.link.title} +
+ {/if} +
+
+ + Dieser Link ist passwortgeschützt. Geben Sie das korrekte Passwort ein, um fortzufahren. +
+
+
+{/if}
diff --git a/apps/uload/apps/web/src/tests/factories/index.ts b/apps/uload/apps/web/src/tests/factories/index.ts
new file mode 100644
index 000000000..70e69418a
--- /dev/null
+++ b/apps/uload/apps/web/src/tests/factories/index.ts
@@ -0,0 +1,165 @@
+import type { User, Tag, Folder, Link, Click } from '$lib/pocketbase';
+
+let idCounter = 0;
+
+function generateId(): string {
+ return `test_${Date.now()}_${++idCounter}`;
+}
+
+export function createTestUser(overrides: Partial
+
+
+ Weiterleitung...
+