Add delete config button

* feat(user): Mark config for deletion
* feat: simplified and direct deletion of config
* chore: move `deleteNeovimConfig` to service.ts
* chore: remove redaundant migration

Author: uroybd

prisma/migrations/20240922092246_neovim_config_unique_for_id_user_id/migration.sql

@@ -0,0 +1,8 @@
+/*
+  Warnings:
+
+  - A unique constraint covering the columns `[id,userId]` on the table `NeovimConfig` will be added. If there are existing duplicate values, this will fail.
+
+*/-- CreateIndex
+CREATEUNIQUEINDEX "NeovimConfig_id_userId_key"
+  ON "NeovimConfig"("id", "userId");

prisma/schema.prisma

@@ -55,6 +55,7 @@ model NeovimConfig {
 
   @@unique([owner, repo, root])
   @@unique([owner, slug])
+  @@unique([id, userId])
 }
 
 enum NeovimPluginManager {
@@ -97,6 +98,7 @@ model NeovimPluginInstallInstructions {
   pluginId      Int
   pluginManager String
   instructions  String
+
   @@unique([pluginId, pluginManager])
 }
 

src/lib/server/nvim-sync/config/syncRepoInfo.ts

@@ -62,6 +62,7 @@ export async function syncExistingRepoInfo(token: string, config: NeovimConfig)
   return upsertNeovimConfig(config.userId, upsertDTO);
 }
 
+
 export function validateConfigPath(root: GithubTree, path: string): undefined {
   for (const node of root.tree) {
     if (node.path === path) {

src/lib/server/prisma/neovimconfigs/service.ts

@@ -111,6 +111,7 @@ export async function getConfigsForPlugin(
   return configs.map(attachMetaData);
 }
 
+
 export async function getConfigBySlug(
   owner: string,
   slug: string
@@ -158,6 +159,17 @@ export async function getConfigBySlug(
   return attachMetaData(config);
 }
 
+export async function deleteNeovimConfig(id: number, userId: number) {
+  return await prismaClient.neovimConfig.delete({
+    where: {
+      id_userId: {
+        id,
+        userId
+      }
+    }
+  });
+}
+
 export async function getConfigsByUsername(username: string): Promise<NeovimConfigWithMetaData[]> {
   const where = { user: { username } };
   return getConfigs(where);

src/lib/trpc/router.ts

@@ -9,12 +9,13 @@ import {
 import { getGithubToken, getUserByUsername } from '$lib/server/prisma/users/service';
 import { fetchGithubRepositoryByName, fetchRepoFileTree } from '$lib/server/github/api';
 import {
+  deleteNeovimConfig,
   getConfigBySlug,
   getConfigsByUsername,
   getConfigsForPlugin,
   getNeovimConfigsWithDotfyleShield,
   getNewestNeovimConfigs,
-  searchNeovimConfigs
+  searchNeovimConfigs,
 } from '$lib/server/prisma/neovimconfigs/service';
 import {
   getAllNeovimPluginNames,
@@ -79,6 +80,17 @@ export const router = t.router({
       const syncer = await getPluginSyncer(user, owner, name);
       return syncer.sync();
     }),
+  deleteConfig: t.procedure
+    .use(middlewares.isAuthenticated)
+    .input((input: unknown) => {
+      return z.object({
+        id: z.number()
+      }).parse(input);
+    })
+    .mutation(async ({ input: { id }, ctx }) => {
+      const user = ctx.getAuthenticatedUser();
+      return await deleteNeovimConfig(id, user.id)
+    }),
   getPluginsByCategory: t.procedure
     .input((input: unknown) => {
       return z.string().parse(input);

src/routes/[username]/[slug]/+page.svelte

@@ -7,7 +7,7 @@
 	import OpenGraph from '$lib/components/OpenGraph.svelte';
 	import { getInstallCommand, getRunCommand } from '$lib/installInstructions';
 	import { faGithub } from '@fortawesome/free-brands-svg-icons';
-	import { faChevronCircleRight, faStar, faSync } from '@fortawesome/free-solid-svg-icons';
+	import { faChevronCircleRight, faStar, faSync, faTrash } from '@fortawesome/free-solid-svg-icons';
 	import Fa from 'svelte-fa';
 	import { Highlight } from 'svelte-highlight';
 	import { bash } from 'svelte-highlight/languages';
@@ -19,11 +19,18 @@
 	import NeovimPluginMetaData from '$lib/components/NeovimPluginMetaData.svelte';
 	import { humanizeRelative } from '$lib/utils';
 	import { session } from '$lib/stores/session';
+	import { trpc } from '$lib/trpc/client';
+	import { page } from '$app/stores';
+	import { goto } from '$app/navigation';
 
 	export let data: PageData;
 	$: ({ config, plugins, languageServers } = data);
-	$: pluginManager = plugins?.find(p => p.category === 'plugin-manager')?.name ?? "unknown"
+	$: pluginManager = plugins?.find((p) => p.category === 'plugin-manager')?.name ?? 'unknown';
 
+	async function deleteConfig() {
+		await trpc($page).deleteConfig.mutate({ id: config.id });
+		goto(`/${config.owner}`);
+	}
 </script>
 
 <svelte:head>
@@ -69,14 +76,18 @@
 				{humanizeRelative(new Date().getTime() - new Date(config.lastSyncedAt).getTime())}</span
 			>
 		</div>
-
-		<a href="https://github.com/{config.owner}/{config.repo}" target="_blank">
-			<Button text="GitHub" icon={faGithub} />
-		</a>
+		<div class="flex gap-1 items-center justify-between font-semibold">
+			{#if $session.user?.id === config.userId}
+				<Button text="Delete" icon={faTrash} on:click={deleteConfig} />
+			{/if}
+			<a href="https://github.com/{config.owner}/{config.repo}" target="_blank">
+				<Button text="GitHub" icon={faGithub} />
+			</a>
+		</div>
 	</div>
 	<NeovimConfigMetaData
 		syncing={false}
-		pluginManager={pluginManager}
+		{pluginManager}
 		pluginCount={config.pluginCount?.toString()}
 		root={config.root}
 		initFile={config.initFile}