fix(web): Directory Structure

Author: BlankParticle

apps/web-app/package.json

@@ -8,7 +8,7 @@
   },
   "scripts": {
     "build": "nuxt build",
-    "dev": "PORT=3000 nuxt dev --host",
+    "dev": "PORT=3001 nuxt dev --host",
     "generate": "nuxt generate",
     "preview": "nuxt preview"
   },

apps/web/app/globals.css

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "app/styles/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/src/components",
+    "utils": "@/src/lib/utils",
+    "ui": "@/src/components/shadcn-ui"
+  }
+}

apps/web/components.json

@@ -4,12 +4,14 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "next dev --turbo",
+    "dev": "PORT=3000 next dev --turbo",
     "build": "next build",
     "start": "next start",
     "check": "next lint"
   },
   "dependencies": {
+    "@phosphor-icons/react": "^2.1.5",
+    "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/themes": "^3.0.2",
     "@simplewebauthn/browser": "^10.0.0",
     "@tanstack/react-query": "^4.36.1",
@@ -22,6 +24,7 @@
     "@u22n/tiptap": "workspace:^",
     "@u22n/utils": "workspace:^",
     "@uidotdev/usehooks": "^2.4.1",
+    "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
     "date-fns": "^3.6.0",
@@ -44,11 +47,12 @@
     "sonner": "^1.4.41",
     "superjson": "^2.2.1",
     "tailwind-merge": "^2.3.0",
-    "tailwindcss-radix-colors": "^1.2.0",
+    "tailwindcss-animate": "^1.0.7",
     "zod": "^3.23.8",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
+    "@radix-ui/colors": "^3.0.0",
     "@types/node": "^20.12.7",
     "@types/qrcode": "^1.5.5",
     "@types/react": "^18.3.1",
@@ -57,6 +61,7 @@
     "eslint-config-next": "14.2.1",
     "postcss": "^8.4.38",
     "tailwindcss": "^3.4.3",
-    "typescript": "^5.4.5"
+    "typescript": "^5.4.5",
+    "windy-radix-palette": "2.0.0-beta.7"
   }
 }

apps/web/components/toaster.tsx

@@ -2,10 +2,10 @@
 
 import { Button } from '@radix-ui/themes';
 import { Fingerprint } from 'lucide-react';
-import { api } from '@/lib/trpc';
+import { api } from '@/src/lib/trpc';
 import { startAuthentication } from '@simplewebauthn/browser';
 import { useRouter } from 'next/navigation';
-import useLoading from '@/hooks/use-loading';
+import useLoading from '@/src/hooks/use-loading';
 import { toast } from 'sonner';
 
 export default function PasskeyLoginButton() {

apps/web/package.json

@@ -1,8 +1,12 @@
 'use client';
 
-import { InputOTP, InputOTPGroup, InputOTPSlot } from '@/components/input-otp';
-import useLoading from '@/hooks/use-loading';
-import { api } from '@/lib/trpc';
+import {
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSlot
+} from '@/src/components/input-otp';
+import useLoading from '@/src/hooks/use-loading';
+import { api } from '@/src/lib/trpc';
 import { useRouter } from 'next/navigation';
 import {
   Button,
@@ -16,7 +20,7 @@ import { KeyRound, User } from 'lucide-react';
 import { useRef, useState } from 'react';
 import { toast } from 'sonner';
 import { zodSchemas } from '@u22n/utils';
-import TogglePasswordBox from '@/components/toggle-password';
+import TogglePasswordBox from '@/src/components/toggle-password';
 
 export default function PasswordLoginButton() {
   const [username, setUsername] = useState('');

apps/web/app/(login)/PasskeyLogin.tsx renamed to apps/web/src/app/(login)/_components/passkey-login.tsx

@@ -1,8 +1,8 @@
 import { Flex, Box, Heading, Separator, Badge, Button } from '@radix-ui/themes';
-import PasskeyLoginButton from './PasskeyLogin';
-import PasswordLoginButton from './PasswordLogin';
+import PasskeyLoginButton from './_components/passkey-login';
+import PasswordLoginButton from './_components/password-login';
 import Link from 'next/link';
-import RecoveryButton from './RecoveryButton';
+import RecoveryButton from './_components/recovery-button';
 
 export default async function Page() {
   return (

apps/web/app/(login)/PasswordLogin.tsx renamed to apps/web/src/app/(login)/_components/password-login.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import useLoading from '@/hooks/use-loading';
-import { cn, generateAvatarUrl, getInitials } from '@/lib/utils';
-import { useGlobalStore } from '@/providers/global-store-provider';
+import useLoading from '@/src/hooks/use-loading';
+import { cn, generateAvatarUrl, getInitials } from '@/src/lib/utils';
+import { useGlobalStore } from '@/src/providers/global-store-provider';
 import {
   Button,
   Flex,