working on the frontend, adding torrent page, working on show directory, working on the api

web/src/lib/components/ui/button/button.svelte

@@ -1,36 +1,35 @@
 <script lang="ts" module>
-    import type {WithElementRef} from "bits-ui";
-    import type {HTMLAnchorAttributes, HTMLButtonAttributes} from "svelte/elements";
-    import {tv, type VariantProps} from "tailwind-variants";
+    import type {WithElementRef} from 'bits-ui';
+    import type {HTMLAnchorAttributes, HTMLButtonAttributes} from 'svelte/elements';
+    import {type VariantProps, tv} from 'tailwind-variants';
 
     export const buttonVariants = tv({
-        base: "focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+        base: 'focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
         variants: {
             variant: {
-                default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow",
-                destructive:
-                    "bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm",
+                default: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow',
+                destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm',
                 outline:
-                    "border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm",
-                secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm",
-                ghost: "hover:bg-accent hover:text-accent-foreground",
-                link: "text-primary underline-offset-4 hover:underline",
+                    'border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm',
+                secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm',
+                ghost: 'hover:bg-accent hover:text-accent-foreground',
+                link: 'text-primary underline-offset-4 hover:underline'
             },
             size: {
-                default: "h-9 px-4 py-2",
-                sm: "h-8 rounded-md px-3 text-xs",
-                lg: "h-10 rounded-md px-8",
-                icon: "h-9 w-9",
-            },
+                default: 'h-9 px-4 py-2',
+                sm: 'h-8 rounded-md px-3 text-xs',
+                lg: 'h-10 rounded-md px-8',
+                icon: 'h-9 w-9'
+            }
         },
         defaultVariants: {
-            variant: "default",
-            size: "default",
-        },
+            variant: 'default',
+            size: 'default'
+        }
     });
 
-    export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
-    export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
+    export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
+    export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
 
     export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
         WithElementRef<HTMLAnchorAttributes> & {
@@ -40,27 +39,22 @@
 </script>
 
 <script lang="ts">
-    import {cn} from "$lib/utils.js";
+    import {cn} from '$lib/utils.js';
 
     let {
         class: className,
-        variant = "default",
-        size = "default",
+        variant = 'default',
+        size = 'default',
         ref = $bindable(null),
         href = undefined,
-        type = "button",
+        type = 'button',
         children,
         ...restProps
     }: ButtonProps = $props();
 </script>
 
 {#if href}
-    <a
-            bind:this={ref}
-            class={cn(buttonVariants({ variant, size }), className)}
-            {href}
-            {...restProps}
-    >
+    <a bind:this={ref} class={cn(buttonVariants({ variant, size }), className)} {href} {...restProps}>
         {@render children?.()}
     </a>
 {:else}

web/src/lib/components/ui/button/index.ts

@@ -1,4 +1,9 @@
-import Root, {type ButtonProps, type ButtonSize, type ButtonVariant, buttonVariants,} from "./button.svelte";
+import Root, {
+    type ButtonProps,
+    type ButtonSize,
+    type ButtonVariant,
+    buttonVariants
+} from './button.svelte';
 
 export {
     Root,
@@ -8,5 +13,5 @@ export {
     buttonVariants,
     type ButtonProps,
     type ButtonSize,
-    type ButtonVariant,
+    type ButtonVariant
 };