packages/client/src/App.tsx

@@ -14,14 +14,14 @@ import './App.css'
 // 	// TagsPage,
 // } from "./page/mod";
 
-import { TooltipProvider } from "./components/ui/tooltip";
+import { TooltipProvider } from "./components/ui/tooltip.tsx";
 
-import Gallery from "./page/galleryPage";
-import Layout from "./components/layout/layout";
-import NotFoundPage from "./page/404";
-import LoginPage from "./page/loginPage";
-import ProfilePage from "./page/profilesPage";
-import ContentInfoPage from "./page/contentInfoPage";
+import Gallery from "./page/galleryPage.tsx";
+import Layout from "./components/layout/layout.tsx";
+import NotFoundPage from "./page/404.tsx";
+import LoginPage from "./page/loginPage.tsx";
+import ProfilePage from "./page/profilesPage.tsx";
+import ContentInfoPage from "./page/contentInfoPage.tsx";
 
 const App = () => {
 	return (

packages/client/src/components/gallery/GalleryCard.tsx

@@ -1,9 +1,9 @@
 import type { Document } from "dbtype/api";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import TagBadge from "@/components/gallery/TagBadge";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card.tsx";
+import TagBadge from "@/components/gallery/TagBadge.tsx";
 import { useEffect, useRef, useState } from "react";
 import { Link, useLocation } from "wouter";
-import { LazyImage } from "./LazyImage";
+import { LazyImage } from "./LazyImage.tsx";
 
 function clipTagsWhenOverflow(tags: string[], limit: number) {
     let l = 0;

packages/client/src/components/gallery/TagBadge.tsx

@@ -1,6 +1,6 @@
-import { badgeVariants } from "@/components/ui/badge";
+import { badgeVariants } from "@/components/ui/badge.tsx";
 import { Link } from "wouter";
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils.ts";
 
 const femaleTagPrefix = "female:";
 const maleTagPrefix = "male:";

packages/client/src/components/layout/nav.tsx

@@ -1,8 +1,8 @@
-import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip"
 import { Link } from "wouter"
 import { MagnifyingGlassIcon, GearIcon, ActivityLogIcon, ArchiveIcon, PersonIcon } from "@radix-ui/react-icons"
-import { buttonVariants } from "../ui/button"
-import { useLogin } from "@/state/user";
+import { buttonVariants } from "@/components/ui/button.tsx"
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip.tsx"
+import { useLogin } from "@/state/user.ts";
 
 interface NavItemProps {
     icon: React.ReactNode;

packages/client/src/components/ui/badge.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils.ts"
 
 const badgeVariants = cva(
   "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",

packages/client/src/components/ui/button.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils.ts"
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",

packages/client/src/components/ui/card.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils.ts"
 
 const Card = React.forwardRef<
   HTMLDivElement,

packages/client/src/components/ui/input.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils.ts"
 
 export interface InputProps
   extends React.InputHTMLAttributes<HTMLInputElement> {}

packages/client/src/components/ui/label.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import * as LabelPrimitive from "@radix-ui/react-label"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils.ts"
 
 const labelVariants = cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"

packages/client/src/components/ui/resizable.tsx

@@ -1,7 +1,7 @@
 import { DragHandleDots2Icon } from "@radix-ui/react-icons"
 import * as ResizablePrimitive from "react-resizable-panels"
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils.ts"
 
 const ResizablePanelGroup = ({
   className,

packages/client/src/components/ui/skeleton.tsx

@@ -1,4 +1,4 @@
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils.ts"
 
 function Skeleton({
   className,

packages/client/src/components/ui/tooltip.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import * as TooltipPrimitive from "@radix-ui/react-tooltip"
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils.ts"
 
 const TooltipProvider = TooltipPrimitive.Provider
 

packages/client/src/page/galleryPage.tsx

@@ -1,10 +1,10 @@
 import useSWR from "swr";
 import { useSearch } from "wouter";
 import type { Document } from "dbtype/api";
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
-import { GalleryCard } from "../components/gallery/GalleryCard";
-import TagBadge from "@/components/gallery/TagBadge";
+import { Input } from "@/components/ui/input.tsx";
+import { Button } from "@/components/ui/button.tsx";
+import { GalleryCard } from "@/components/gallery/GalleryCard.tsx";
+import TagBadge from "@/components/gallery/TagBadge.tsx";
 
 async function fetcher(url: string) {
     const res = await fetch(url);

packages/client/src/page/loginPage.tsx

@@ -1,8 +1,8 @@
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { doLogin } from "@/state/user";
+import { Button } from "@/components/ui/button.tsx";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card.tsx";
+import { Input } from "@/components/ui/input.tsx";
+import { Label } from "@/components/ui/label.tsx";
+import { doLogin } from "@/state/user.ts";
 import { useState } from "react";
 import { useLocation } from "wouter";
 

packages/client/src/state/user.ts

@@ -1,4 +1,4 @@
-import { atom, useAtomValue, setAtomValue } from "../lib/atom";
+import { atom, useAtomValue, setAtomValue } from "../lib/atom.ts";
 
 type LoginLocalStorage = {
 	username: string;