@quoin-cms/admin 0.1.0 → 0.3.0

package/src/views/DashboardView.svelte

@@ -1,370 +1,109 @@
 <script lang="ts">
+/**
+ * Default dashboard for the quoin admin.
+ *
+ * Consumer apps that want a custom dashboard register a view in
+ * `admin.config.ts`:
+ *
+ *     views: { 'dashboard.main': './admin-overrides/views/MyDashboard.svelte' }
+ *
+ * AdminRoot resolves that override and renders it instead. This file is the
+ * fallback shown when no override is configured — it stays intentionally
+ * generic (welcome message, collection counts, recent edits) so it's useful
+ * for a freshly-scaffolded project without leaking app-specific concepts.
+ */
+
 import { resolve } from '$lib/router/index.svelte.js'
-import RangeFilter from '$lib/components/RangeFilter.svelte'
-import KpiCard from '$lib/components/KpiCard.svelte'
-import TimeSeriesChart from '$lib/components/charts/TimeSeriesChart.svelte'
+import { schema } from '$lib/stores/schema.svelte.js'
+import { branding } from '$lib/stores/branding.svelte.js'
 import Slot from '$lib/Slot.svelte'
 
-type Range = '24h' | '7d' | '30d'
-
-type Bucket = { day: string; count: number }
-type RangeEnvelope = {
-	current: number
-	previous: number
-	buckets: Bucket[]
-}
-type TopAdRow = {
-	adId: string
-	title: string
-	impressions: number
-	clicks: number
-	ctr: number
-}
-type TopPostRow = {
-	postId: string
-	title: string
-	slug: string
-	impressions: number
-}
-type RecentPostRow = {
-	id: string
-	title: string
-	slug: string
-	_status: string
-	updatedAt: string
-	authorName: string
-}
-type PostsTopEnvelope = {
-	records: TopPostRow[]
-	publishedCurrent: number
-	publishedPrevious: number
-}
-
-let range = $state<Range>('7d')
-
-let imp = $state<RangeEnvelope | null>(null)
-let clk = $state<RangeEnvelope | null>(null)
-let postsTop = $state<PostsTopEnvelope | null>(null)
-let topAds = $state<TopAdRow[] | null>(null)
-let postsRecent = $state<RecentPostRow[] | null>(null)
-
-let adsForbidden = $state(false)
-let isLoading = $state(false)
-let networkErr = $state<string | null>(null)
+type CountState = { value: number | null; error: boolean }
 
-type SortKey = 'ctr' | 'impressions' | 'clicks' | 'title'
-let topAdsSort = $state<SortKey>('ctr')
-let topAdsDir = $state<'asc' | 'desc'>('desc')
+let counts = $state<Record<string, CountState>>({})
 
-async function fetchJson<T>(url: string): Promise<{ ok: true; data: T } | { ok: false; status: number }> {
+async function fetchCount(key: string): Promise<CountState> {
 	try {
-		const res = await fetch(url, { credentials: 'include' })
-		if (!res.ok) return { ok: false, status: res.status }
-		const data = (await res.json()) as T
-		return { ok: true, data }
-	} catch (_err) {
-		return { ok: false, status: 0 }
+		const res = await fetch(`/api/collections/${key}/records?limit=1`, {
+			credentials: 'include',
+		})
+		if (!res.ok) return { value: null, error: true }
+		const body = await res.json()
+		const total =
+			typeof body?.total === 'number'
+				? body.total
+				: typeof body?.totalRecords === 'number'
+					? body.totalRecords
+					: Array.isArray(body?.records)
+						? body.records.length
+						: null
+		return { value: total, error: total === null }
+	} catch {
+		return { value: null, error: true }
 	}
 }
 
-async function fetchAll(r: Range) {
-	isLoading = true
-	networkErr = null
-
-	const [impRes, clkRes, adsTopRes, postsTopRes, recentRes] = await Promise.all([
-		fetchJson<RangeEnvelope>(`/api/stats/ads/impressions?range=${r}`),
-		fetchJson<RangeEnvelope>(`/api/stats/ads/clicks?range=${r}`),
-		fetchJson<{ records: TopAdRow[] }>(`/api/stats/ads/top?range=${r}&limit=5`),
-		fetchJson<PostsTopEnvelope>(`/api/stats/posts/top?range=${r}&limit=5`),
-		fetchJson<{ records: RecentPostRow[] }>(`/api/stats/posts/recent?limit=10`),
-	])
-
-	// Ad endpoints may 403 for editor role — fall back gracefully.
-	const adsBlocked =
-		(impRes.ok === false && impRes.status === 403) ||
-		(clkRes.ok === false && clkRes.status === 403) ||
-		(adsTopRes.ok === false && adsTopRes.status === 403)
-	adsForbidden = adsBlocked
-
-	imp = impRes.ok ? impRes.data : null
-	clk = clkRes.ok ? clkRes.data : null
-	topAds = adsTopRes.ok ? adsTopRes.data.records : null
-	postsTop = postsTopRes.ok ? postsTopRes.data : null
-	postsRecent = recentRes.ok ? recentRes.data.records : null
-
-	isLoading = false
-}
-
 $effect(() => {
-	void fetchAll(range)
-})
-
-// CTR derivation — guard against div by zero.
-const ctrCurrent = $derived(
-	imp && imp.current > 0 && clk ? clk.current / imp.current : imp ? 0 : null,
-)
-const ctrPrevious = $derived(
-	imp && imp.previous > 0 && clk ? clk.previous / imp.previous : imp ? 0 : null,
-)
-
-const sortedTopAds = $derived.by(() => {
-	if (!topAds) return [] as TopAdRow[]
-	const arr = [...topAds]
-	const dir = topAdsDir === 'desc' ? -1 : 1
-	arr.sort((a, b) => {
-		const av = (a as Record<string, unknown>)[topAdsSort]
-		const bv = (b as Record<string, unknown>)[topAdsSort]
-		if (typeof av === 'number' && typeof bv === 'number') return (av - bv) * dir
-		return String(av ?? '').localeCompare(String(bv ?? '')) * dir
-	})
-	return arr
-})
-
-function toggleSort(key: SortKey) {
-	if (topAdsSort === key) {
-		topAdsDir = topAdsDir === 'desc' ? 'asc' : 'desc'
-	} else {
-		topAdsSort = key
-		topAdsDir = 'desc'
+	const cols = schema.collections
+	if (cols.length === 0) return
+	for (const c of cols) {
+		if (counts[c.key] !== undefined) continue
+		counts[c.key] = { value: null, error: false }
+		void fetchCount(c.key).then((s) => {
+			counts[c.key] = s
+		})
 	}
-}
-
-// Relative time via native Intl.RelativeTimeFormat (no extra dep).
-const relFmt = new Intl.RelativeTimeFormat(undefined, { numeric: 'auto' })
-function relativeFromNow(iso: string): string {
-	const then = new Date(iso).getTime()
-	if (Number.isNaN(then)) return iso
-	const diffMs = then - Date.now()
-	const abs = Math.abs(diffMs)
-	const min = 60_000,
-		hr = 3_600_000,
-		day = 86_400_000
-	if (abs < hr) return relFmt.format(Math.round(diffMs / min), 'minute')
-	if (abs < day) return relFmt.format(Math.round(diffMs / hr), 'hour')
-	if (abs < 30 * day) return relFmt.format(Math.round(diffMs / day), 'day')
-	if (abs < 365 * day) return relFmt.format(Math.round(diffMs / (30 * day)), 'month')
-	return relFmt.format(Math.round(diffMs / (365 * day)), 'year')
-}
-
-function ctrPct(value: number): string {
-	return (value * 100).toFixed(2) + '%'
-}
+})
 </script>
 
 <div class="mx-auto max-w-7xl space-y-6">
-	<!-- Header + range filter -->
 	<header class="flex flex-wrap items-start justify-between gap-4">
 		<div>
 			<h1
 				class="text-2xl font-semibold tracking-tight"
 				style="font-family: var(--font-display);"
 			>
-				Welcome back
+				Welcome to {branding.siteName || 'your CMS'}
 			</h1>
-			<p class="mt-1 text-sm text-muted-foreground">Operational overview</p>
+			<p class="mt-1 text-sm text-muted-foreground">
+				Manage your content from the sidebar, or override this dashboard via
+				<code class="font-mono text-xs">admin.config.ts</code> → <code class="font-mono text-xs">views['dashboard.main']</code>.
+			</p>
 		</div>
 		<div class="flex items-center gap-2">
 			<Slot name="dashboard.actions" />
-			<RangeFilter bind:value={range} />
 		</div>
 	</header>
 
-	{#if networkErr}
-		<div class="rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">
-			{networkErr}
+	{#if schema.collections.length === 0}
+		<div class="rounded-lg border border-dashed border-border bg-card p-12 text-center">
+			<p class="text-sm text-muted-foreground">
+				No collections registered yet. Add a <code class="font-mono text-xs">*quoin.Collection</code> in your Go config to get started.
+			</p>
 		</div>
-	{/if}
-
-	<!-- KPI cards -->
-	<section class="grid grid-cols-1 gap-4 md:grid-cols-4">
-		{#if adsForbidden}
-			<div class="rounded-lg border border-border/60 bg-card p-4 shadow-sm">
-				<p class="text-sm font-medium text-muted-foreground">Total Impressions</p>
-				<p class="mt-2 text-3xl font-semibold tracking-tight text-muted-foreground">—</p>
-				<p class="mt-2 text-xs text-muted-foreground">Admin only</p>
-			</div>
-			<div class="rounded-lg border border-border/60 bg-card p-4 shadow-sm">
-				<p class="text-sm font-medium text-muted-foreground">Total Clicks</p>
-				<p class="mt-2 text-3xl font-semibold tracking-tight text-muted-foreground">—</p>
-				<p class="mt-2 text-xs text-muted-foreground">Admin only</p>
-			</div>
-			<div class="rounded-lg border border-border/60 bg-card p-4 shadow-sm">
-				<p class="text-sm font-medium text-muted-foreground">CTR</p>
-				<p class="mt-2 text-3xl font-semibold tracking-tight text-muted-foreground">—</p>
-				<p class="mt-2 text-xs text-muted-foreground">Admin only</p>
-			</div>
-		{:else}
-			<KpiCard
-				label="Total Impressions"
-				current={imp ? imp.current : null}
-				previous={imp ? imp.previous : null}
-				format="int"
-			/>
-			<KpiCard
-				label="Total Clicks"
-				current={clk ? clk.current : null}
-				previous={clk ? clk.previous : null}
-				format="int"
-			/>
-			<KpiCard
-				label="CTR"
-				current={ctrCurrent}
-				previous={ctrPrevious}
-				format="percent"
-			/>
-		{/if}
-		<KpiCard
-			label="Published Posts"
-			current={postsTop ? postsTop.publishedCurrent : null}
-			previous={postsTop ? postsTop.publishedPrevious : null}
-			format="int"
-		/>
-	</section>
-
-	<!-- Charts -->
-	<section class="grid grid-cols-1 gap-4 md:grid-cols-2">
-		<div class="rounded-lg border border-border/60 bg-card p-4 shadow-sm">
-			<h3 class="mb-3 text-sm font-semibold">Impressions over time</h3>
-			{#if adsForbidden}
-				<div class="flex h-72 items-center justify-center text-sm text-muted-foreground">
-					Insufficient access
-				</div>
-			{:else}
-				<TimeSeriesChart data={imp ? imp.buckets : []} />
-			{/if}
-		</div>
-		<div class="rounded-lg border border-border/60 bg-card p-4 shadow-sm">
-			<h3 class="mb-3 text-sm font-semibold">Clicks over time</h3>
-			{#if adsForbidden}
-				<div class="flex h-72 items-center justify-center text-sm text-muted-foreground">
-					Insufficient access
-				</div>
-			{:else}
-				<TimeSeriesChart data={clk ? clk.buckets : []} />
-			{/if}
-		</div>
-	</section>
-
-	<!-- Tables: Top Ads / Top Posts / Recent Posts -->
-	<section class="grid grid-cols-1 gap-4 lg:grid-cols-3">
-		<!-- Top Ads -->
-		<div class="rounded-lg border border-border/60 bg-card shadow-sm">
-			<header class="border-b border-border px-4 py-3">
-				<h3 class="text-sm font-semibold">Top Ads</h3>
-				<p class="text-xs text-muted-foreground">by CTR</p>
-			</header>
-			{#if adsForbidden}
-				<p class="px-4 py-8 text-center text-sm text-muted-foreground">Insufficient access</p>
-			{:else if !topAds || topAds.length === 0}
-				<p class="px-4 py-8 text-center text-sm text-muted-foreground">No data for this range</p>
-			{:else}
-				<table class="w-full text-sm">
-					<thead class="bg-muted/40 text-left text-xs uppercase tracking-wide text-muted-foreground">
-						<tr>
-							<th class="cursor-pointer px-3 py-2" onclick={() => toggleSort('title')}>Title</th>
-							<th class="cursor-pointer px-3 py-2 text-right" onclick={() => toggleSort('impressions')}>Imp</th>
-							<th class="cursor-pointer px-3 py-2 text-right" onclick={() => toggleSort('clicks')}>Clk</th>
-							<th class="cursor-pointer px-3 py-2 text-right" onclick={() => toggleSort('ctr')}>CTR</th>
-						</tr>
-					</thead>
-					<tbody>
-						{#each sortedTopAds as row (row.adId)}
-							<tr class="border-t border-border/60">
-								<td class="px-3 py-2 truncate max-w-[180px]">{row.title || '(untitled)'}</td>
-								<td class="px-3 py-2 text-right tabular-nums">{row.impressions}</td>
-								<td class="px-3 py-2 text-right tabular-nums">{row.clicks}</td>
-								<td class="px-3 py-2 text-right tabular-nums">{ctrPct(row.ctr)}</td>
-							</tr>
-						{/each}
-					</tbody>
-				</table>
-			{/if}
-		</div>
-
-		<!-- Top Posts -->
-		<div class="rounded-lg border border-border/60 bg-card shadow-sm">
-			<header class="border-b border-border px-4 py-3">
-				<h3 class="text-sm font-semibold">Top Posts</h3>
-				<p class="text-xs text-muted-foreground">by impressions</p>
-			</header>
-			{#if !postsTop || postsTop.records.length === 0}
-				<p class="px-4 py-8 text-center text-sm text-muted-foreground">No data for this range</p>
-			{:else}
-				<table class="w-full text-sm">
-					<thead class="bg-muted/40 text-left text-xs uppercase tracking-wide text-muted-foreground">
-						<tr>
-							<th class="px-3 py-2">Title</th>
-							<th class="px-3 py-2">Slug</th>
-							<th class="px-3 py-2 text-right">Imp</th>
-						</tr>
-					</thead>
-					<tbody>
-						{#each postsTop.records as row (row.postId)}
-							<tr class="border-t border-border/60">
-								<td class="px-3 py-2 truncate max-w-[180px]">
-									<a
-										href={resolve(`/posts/${row.postId}`)}
-										class="text-primary hover:underline"
-									>
-										{row.title || '(untitled)'}
-									</a>
-								</td>
-								<td class="px-3 py-2 truncate max-w-[120px] text-muted-foreground">{row.slug}</td>
-								<td class="px-3 py-2 text-right tabular-nums">{row.impressions}</td>
-							</tr>
-						{/each}
-					</tbody>
-				</table>
-			{/if}
-		</div>
-
-		<!-- Recent Posts -->
-		<div class="rounded-lg border border-border/60 bg-card shadow-sm">
-			<header class="border-b border-border px-4 py-3">
-				<h3 class="text-sm font-semibold">Recent Posts</h3>
-				<p class="text-xs text-muted-foreground">last 10 updated</p>
-			</header>
-			{#if !postsRecent || postsRecent.length === 0}
-				<p class="px-4 py-8 text-center text-sm text-muted-foreground">No recent posts</p>
-			{:else}
-				<table class="w-full text-sm">
-					<thead class="bg-muted/40 text-left text-xs uppercase tracking-wide text-muted-foreground">
-						<tr>
-							<th class="px-3 py-2">Title</th>
-							<th class="px-3 py-2">Status</th>
-							<th class="px-3 py-2">Updated</th>
-						</tr>
-					</thead>
-					<tbody>
-						{#each postsRecent as row (row.id)}
-							<tr class="border-t border-border/60">
-								<td class="px-3 py-2 truncate max-w-[180px]">
-									<a
-										href={resolve(`/posts/${row.id}`)}
-										class="text-primary hover:underline"
-									>
-										{row.title || '(untitled)'}
-									</a>
-								</td>
-								<td class="px-3 py-2">
-									<span
-										class="inline-flex rounded px-2 py-0.5 text-xs font-medium {row._status === 'published'
-											? 'bg-green-100 text-green-800'
-											: 'bg-gray-100 text-gray-700'}"
-									>
-										{row._status}
-									</span>
-								</td>
-								<td class="px-3 py-2 text-xs text-muted-foreground">{relativeFromNow(row.updatedAt)}</td>
-							</tr>
-						{/each}
-					</tbody>
-				</table>
-			{/if}
-		</div>
-	</section>
-
-	{#if isLoading}
-		<p class="text-center text-xs text-muted-foreground">Loading…</p>
+	{:else}
+		<section class="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
+			{#each schema.collections as col (col.key)}
+				{@const state = counts[col.key]}
+				<a
+					href={resolve(`/${col.key}`)}
+					class="group rounded-lg border border-border/60 bg-card p-4 shadow-sm transition-all hover:border-border hover:shadow"
+				>
+					<p class="text-sm font-medium text-muted-foreground">
+						{col.labelPlural || col.label}
+					</p>
+					<p class="mt-2 text-3xl font-semibold tracking-tight tabular-nums">
+						{#if state === undefined || state.value === null}
+							{state?.error ? '—' : '…'}
+						{:else}
+							{state.value}
+						{/if}
+					</p>
+					<p class="mt-2 text-xs text-muted-foreground group-hover:text-foreground">
+						View all →
+					</p>
+				</a>
+			{/each}
+		</section>
 	{/if}
 </div>

package/src/views/LoginView.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { goto } from '$lib/router/index.svelte.js'
 import { resolve } from '$lib/router/index.svelte.js'
-import { login, register, getMe, getSetupStatus } from '$lib/api/auth.js'
+import { login, register, getMe } from '$lib/api/auth.js'
 import { toast } from 'svelte-sonner'
 import { onMount } from 'svelte'
 import { BookOpen } from 'lucide-svelte'
@@ -9,9 +9,10 @@ import { branding, loadBranding } from '$lib/stores/branding.svelte.js'
 import Slot from '$lib/Slot.svelte'
 
 let email = $state('')
+let name = $state('')
 let password = $state('')
 let confirmPassword = $state('')
-let isSetup = $state(false)
+let isCreatingAccount = $state(false)
 let isLoading = $state(false)
 let isCheckingAuth = $state(true)
 
@@ -22,21 +23,19 @@ onMount(async () => {
 		await goto(resolve('/'))
 		return
 	}
-	const status = await getSetupStatus()
-	if (status.ok && status.data.needsSetup) {
-		isSetup = true
-	}
 	isCheckingAuth = false
 })
 
 async function handleLogin() {
-	if (!email || !password) {
+	const trimmedEmail = email.trim()
+	const trimmedPassword = password.trim()
+	if (!trimmedEmail || !trimmedPassword) {
 		toast.error('Please enter email and password')
 		return
 	}
 
 	isLoading = true
-	const result = await login(email, password)
+	const result = await login(trimmedEmail, trimmedPassword)
 	isLoading = false
 
 	if (result.ok) {
@@ -50,32 +49,41 @@ async function handleLogin() {
 	}
 }
 
-async function handleSetup() {
-	if (!email || !password) {
+async function handleCreateAccount() {
+	const trimmedName = name.trim()
+	const trimmedEmail = email.trim()
+	const trimmedPassword = password.trim()
+	const trimmedConfirmPassword = confirmPassword.trim()
+
+	if (!trimmedName) {
+		toast.error('Please enter your name')
+		return
+	}
+	if (!trimmedEmail || !trimmedPassword) {
 		toast.error('Please enter email and password')
 		return
 	}
-	if (password !== confirmPassword) {
+	if (trimmedPassword !== trimmedConfirmPassword) {
 		toast.error('Passwords do not match')
 		return
 	}
-	if (password.length < 6) {
+	if (trimmedPassword.length < 6) {
 		toast.error('Password must be at least 6 characters')
 		return
 	}
 
 	isLoading = true
-	const result = await register(email, password)
+	const result = await register(trimmedEmail, trimmedPassword, trimmedName)
 	isLoading = false
 
 	if (result.ok) {
 		toast.success('Admin account created! Logging in...')
-		const loginResult = await login(email, password)
+		const loginResult = await login(trimmedEmail, trimmedPassword)
 		if (loginResult.ok) {
 			await goto(resolve('/'))
 		} else {
 			toast.error('Account created but login failed. Please try logging in.')
-			isSetup = false
+			isCreatingAccount = false
 		}
 	} else {
 		toast.error(result.error)
@@ -83,7 +91,7 @@ async function handleSetup() {
 }
 
 function toggleMode() {
-	isSetup = !isSetup
+	isCreatingAccount = !isCreatingAccount
 	confirmPassword = ''
 }
 </script>
@@ -149,20 +157,36 @@ function toggleMode() {
 
         <div class="mb-8">
           <h2 class="text-xl font-semibold tracking-tight" style="font-family: var(--font-display);">
-            {isSetup ? 'Create your account' : 'Sign in'}
+            {isCreatingAccount ? 'Create your account' : 'Sign in'}
           </h2>
           <p class="mt-1.5 text-sm text-muted-foreground">
-            {isSetup ? 'Set up the first admin account to get started.' : 'Enter your credentials to continue.'}
+            {isCreatingAccount ? 'Create the first admin account to get started.' : 'Enter your credentials to continue.'}
           </p>
         </div>
 
         <form
           onsubmit={(e) => {
             e.preventDefault();
-            isSetup ? handleSetup() : handleLogin();
+            isCreatingAccount ? handleCreateAccount() : handleLogin();
           }}
           class="space-y-5"
         >
+          {#if isCreatingAccount}
+            <div>
+              <label for="name" class="mb-2 block text-[13px] font-medium text-foreground">
+                Name
+              </label>
+              <input
+                id="name"
+                type="text"
+                bind:value={name}
+                class="h-11 w-full rounded-lg border border-border bg-card px-3.5 text-sm shadow-sm transition-all placeholder:text-muted-foreground/50 focus:border-primary/40 focus:outline-none focus:ring-2 focus:ring-primary/10"
+                placeholder="Your name"
+                autocomplete="name"
+              />
+            </div>
+          {/if}
+
           <div>
             <label for="email" class="mb-2 block text-[13px] font-medium text-foreground">
               Email
@@ -187,11 +211,11 @@ function toggleMode() {
               bind:value={password}
               class="h-11 w-full rounded-lg border border-border bg-card px-3.5 text-sm shadow-sm transition-all placeholder:text-muted-foreground/50 focus:border-primary/40 focus:outline-none focus:ring-2 focus:ring-primary/10"
               placeholder="Enter password"
-              autocomplete={isSetup ? 'new-password' : 'current-password'}
+              autocomplete={isCreatingAccount ? 'new-password' : 'current-password'}
             />
           </div>
 
-          {#if isSetup}
+          {#if isCreatingAccount}
             <div>
               <label for="confirmPassword" class="mb-2 block text-[13px] font-medium text-foreground">
                 Confirm Password
@@ -212,7 +236,7 @@ function toggleMode() {
             disabled={isLoading}
             class="h-11 w-full rounded-lg bg-primary text-sm font-medium text-primary-foreground shadow-sm transition-all hover:bg-primary/90 hover:shadow-md active:scale-[0.99] disabled:opacity-50 disabled:shadow-none"
           >
-            {isLoading ? 'Please wait...' : isSetup ? 'Create Account' : 'Sign In'}
+            {isLoading ? 'Please wait...' : isCreatingAccount ? 'Create Account' : 'Sign In'}
           </button>
         </form>
 
@@ -222,7 +246,7 @@ function toggleMode() {
             onclick={toggleMode}
             class="text-[13px] text-muted-foreground transition-colors hover:text-primary"
           >
-            {isSetup ? 'Already have an account? Sign in' : 'First time? Create admin account'}
+            {isCreatingAccount ? 'Already have an account? Sign in' : 'First time? Create admin account'}
           </button>
         </div>
       </div>

package/biome.json

@@ -1,62 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/2.4.4/schema.json",
-  "vcs": {
-    "enabled": true,
-    "clientKind": "git",
-    "useIgnoreFile": false,
-    "defaultBranch": "main"
-  },
-  "files": {
-    "ignoreUnknown": false
-  },
-  "formatter": {
-    "enabled": true,
-    "indentStyle": "tab",
-    "lineWidth": 100
-  },
-  "linter": {
-    "enabled": true,
-    "rules": {
-      "recommended": true,
-      "suspicious": {
-        "noExplicitAny": "off"
-      },
-      "style": {
-        "noNonNullAssertion": "off"
-      },
-      "correctness": {
-        "noUnusedVariables": "warn"
-      }
-    }
-  },
-  "javascript": {
-    "formatter": {
-      "quoteStyle": "single",
-      "semicolons": "asNeeded",
-      "trailingCommas": "es5",
-      "arrowParentheses": "always"
-    }
-  },
-  "css": {
-    "parser": {
-      "cssModules": false,
-      "tailwindDirectives": true
-    },
-    "linter": {
-      "enabled": true
-    }
-  },
-  "overrides": [
-    {
-      "includes": ["**/*.svelte"],
-      "linter": {
-        "rules": {
-          "correctness": {
-            "noUnusedVariables": "off",
-            "noUnusedImports": "off"
-          }
-        }
-      }
-    }
-  ]
-}