feat: implement description

api/Cargo.lock

@@ -29,7 +29,7 @@ dependencies = [
  "actix-rt",
  "actix-service",
  "actix-utils",
- "base64",
+ "base64 0.22.1",
  "bitflags",
  "brotli",
  "bytes",
@@ -252,6 +252,7 @@ dependencies = [
  "reqwest 0.13.1",
  "sentry",
  "serde",
+ "serde_dynamo",
  "sqlx",
  "thiserror 2.0.17",
  "tokio",
@@ -685,6 +686,12 @@ version = "0.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "4c7f02d4ea65f2c1853089ffd8d2787bdbc63de2f0d29dedbcf8ccdfa0ccd4cf"
 
+[[package]]
+name = "base64"
+version = "0.21.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9d297deb1925b89f2ccc13d7635fa0714f12c87adce1c75356b39ca9b7178567"
+
 [[package]]
 name = "base64"
 version = "0.22.1"
@@ -1737,7 +1744,7 @@ version = "0.1.19"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "727805d60e7938b76b826a6ef209eb70eaa1812794f9424d4a4e2d740662df5f"
 dependencies = [
- "base64",
+ "base64 0.22.1",
  "bytes",
  "futures-channel",
  "futures-core",
@@ -1969,7 +1976,7 @@ version = "10.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "c76e1c7d7df3e34443b3621b459b066a7b79644f059fc8b2db7070c825fd417e"
 dependencies = [
- "base64",
+ "base64 0.22.1",
  "ed25519-dalek",
  "getrandom 0.2.17",
  "hmac",
@@ -2558,7 +2565,7 @@ version = "3.0.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1d30c53c26bc5b31a98cd02d20f25a7c8567146caf63ed593a9d87b2775291be"
 dependencies = [
- "base64",
+ "base64 0.22.1",
  "serde_core",
 ]
 
@@ -2867,7 +2874,7 @@ version = "0.12.28"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "eddd3ca559203180a307f12d114c268abf583f59b03cb906fd0b3ff8646c1147"
 dependencies = [
- "base64",
+ "base64 0.22.1",
  "bytes",
  "futures-channel",
  "futures-core",
@@ -2905,7 +2912,7 @@ version = "0.13.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "04e9018c9d814e5f30cc16a0f03271aeab3571e609612d9fe78c1aa8d11c2f62"
 dependencies = [
- "base64",
+ "base64 0.22.1",
  "bytes",
  "encoding_rs",
  "futures-core",
@@ -3368,6 +3375,17 @@ dependencies = [
  "syn",
 ]
 
+[[package]]
+name = "serde_dynamo"
+version = "4.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "873a97c3f7a67dd042bceb47d056d288424b82d4c66b0a25e1a3b34675620951"
+dependencies = [
+ "base64 0.21.7",
+ "serde",
+ "serde_core",
+]
+
 [[package]]
 name = "serde_json"
 version = "1.0.149"
@@ -3541,7 +3559,7 @@ version = "0.8.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ee6798b1838b6a0f69c007c133b8df5866302197e404e8b6ee8ed3e3a5e68dc6"
 dependencies = [
- "base64",
+ "base64 0.22.1",
  "bytes",
  "crc",
  "crossbeam-queue",
@@ -3615,7 +3633,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "aa003f0038df784eb8fecbbac13affe3da23b45194bd57dba231c8f48199c526"
 dependencies = [
  "atoi",
- "base64",
+ "base64 0.22.1",
  "bitflags",
  "byteorder",
  "bytes",
@@ -3657,7 +3675,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "db58fcd5a53cf07c184b154801ff91347e4c30d17a3562a635ff028ad5deda46"
 dependencies = [
  "atoi",
- "base64",
+ "base64 0.22.1",
  "bitflags",
  "byteorder",
  "crc",
@@ -4172,7 +4190,7 @@ version = "3.1.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d39cb1dbab692d82a977c0392ffac19e188bd9186a9f32806f0aaa859d75585a"
 dependencies = [
- "base64",
+ "base64 0.22.1",
  "der",
  "log",
  "native-tls",
@@ -4189,7 +4207,7 @@ version = "0.5.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d81f9efa9df032be5934a46a068815a10a042b494b6a58cb0a1a97bb5467ed6f"
 dependencies = [
- "base64",
+ "base64 0.22.1",
  "http 1.4.0",
  "httparse",
  "log",

api/Cargo.toml

@@ -13,6 +13,7 @@ mime_guess = "2.0.5"
 reqwest = { version = "0.13.1", features = ["json", "query"] }
 sentry = { version = "0.46.1", features = ["actix", "tracing"] }
 serde = "1.0.228"
+serde_dynamo = "4.3.0"
 sqlx = { version = "0.8.6", features = ["postgres", "runtime-tokio", "tls-native-tls"] }
 thiserror = "2.0.17"
 tokio = "1.49.0"

api/src/endpoints/get_repos.rs

@@ -42,6 +42,7 @@ pub async fn get_repos(
         .into_iter()
         .map(|r| r.id)
         .collect::<HashSet<String>>();
+    println!("{added_ids:?}");
     let data = response
         .json::<Vec<Repository>>()
         .await?

src/lib/Repos.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Button } from 'bits-ui';
+	import { AlertDialog, Button } from 'bits-ui';
 	import { GitBranch, Star, Clock, Import, Search, RefreshCw, LoaderCircle } from '@lucide/svelte';
 	import type { Repository } from './types/repo';
 	import { createQuery } from '@tanstack/svelte-query';
@@ -59,12 +59,25 @@
 	const repos = $derived(searching ? (searchResultsQuery.data ?? []) : (query.data ?? []));
 	const isPending = $derived(searching ? searchResultsQuery.isPending : query.isPending);
 
-	const handleImport = async (repo: Repository) => {
+	let dialogOpen = $state(false);
+	let selectedRepo = $state<Repository | null>(null);
+	let description = $state('');
+
+	const openDialog = (repo: Repository) => {
 		if (added.includes(repo.id)) {
 			toast.warning('Repository already imported');
 			return;
 		}
-		adding = repo.id;
+		selectedRepo = repo;
+		description = repo.description ?? '';
+		dialogOpen = true;
+	};
+
+	const handleImport = async () => {
+		if (!selectedRepo) return;
+		adding = selectedRepo.id;
+		dialogOpen = false;
+
 		let response = await fetch('/api/v0/user/repo/add', {
 			method: 'POST',
 			headers: {
@@ -72,8 +85,9 @@
 				Authorization: (await apiClient.getToken()) ?? ''
 			},
 			body: JSON.stringify({
-				id: repo.id.toString(),
+				id: selectedRepo.id.toString(),
-				full_name: repo.full_name
+				full_name: selectedRepo.full_name,
+				description
 			})
 		});
 		const data = await response.json();
@@ -84,8 +98,10 @@
 		} else {
 			toast.success('Successfully added repository');
 		}
-		added.push(repo.id);
+		added.push(selectedRepo.id);
 		adding = null;
+		selectedRepo = null;
+		description = '';
 	};
 
 	const languageColors: Record<string, string> = {
@@ -161,7 +177,7 @@
 						? 'border-success-border bg-success'
 						: 'bg-primary'} disabled:cursor-default disabled:opacity-50"
 					disabled={adding !== null}
-					onclick={() => handleImport(repo)}
+					onclick={() => openDialog(repo)}
 				>
 					{#if adding === repo.id}
 						<RefreshCw class="h-4 w-4 animate-spin" />
@@ -189,3 +205,52 @@
 		You must have a dist/ folder with index.html + index.wasm
 	</p>
 </div>
+
+<AlertDialog.Root bind:open={dialogOpen}>
+	<AlertDialog.Portal>
+		<AlertDialog.Overlay class="fixed inset-0 z-50 bg-black/80" />
+		<AlertDialog.Content
+			class="fixed top-1/2 left-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 rounded-xl border border-border bg-surface p-6 shadow-xl"
+		>
+			<div class="flex flex-col gap-4">
+				<AlertDialog.Title class="text-lg font-semibold text-text-primary">
+					Add Repository
+				</AlertDialog.Title>
+				<AlertDialog.Description class="text-sm text-text-secondary">
+					{#if selectedRepo}
+						You are about to add <span class="font-semibold text-text-primary"
+							>{selectedRepo.full_name}</span
+						>. Please provide a description for your project.
+					{/if}
+				</AlertDialog.Description>
+
+				<div class="mt-2">
+					<label for="description" class="mb-2 block text-sm font-medium text-text-primary">
+						Description
+					</label>
+					<textarea
+						id="description"
+						bind:value={description}
+						placeholder="Describe your project..."
+						rows="3"
+						class="w-full rounded-lg border border-border-hover bg-surface-hover px-3 py-2 text-text-primary placeholder-text-muted transition-colors outline-none focus:border-border-focus focus:ring-1 focus:ring-border-focus"
+					></textarea>
+				</div>
+			</div>
+
+			<div class="mt-6 flex justify-end gap-3">
+				<AlertDialog.Cancel
+					class="rounded-lg border border-border px-4 py-2 text-sm font-medium text-text-secondary transition-colors hover:bg-surface-hover hover:text-text-primary"
+				>
+					Cancel
+				</AlertDialog.Cancel>
+				<AlertDialog.Action
+					class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-primary/90"
+					onclick={handleImport}
+				>
+					Continue
+				</AlertDialog.Action>
+			</div>
+		</AlertDialog.Content>
+	</AlertDialog.Portal>
+</AlertDialog.Root>

src/routes/layout.css

@@ -151,6 +151,14 @@ button:focus-visible {
   transform-origin: top;
 }
 
+[data-alert-dialog-content][data-state="open"] {
+  animation: grow-in 150ms ease-out;
+}
+
+[data-alert-dialog-content][data-state="closed"] {
+  animation: grow-out 150ms ease-out;
+}
+
 @media (prefers-color-scheme: light) {
   :root {
     color: #213547;