create-deesse-app 0.4.4 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -2
- package/bin/cli.js +0 -0
- package/dist/bin/cli.js +0 -0
- package/dist/src/copy.d.ts +1 -1
- package/dist/src/copy.d.ts.map +1 -1
- package/dist/src/copy.js +3 -1
- package/dist/src/copy.js.map +1 -1
- package/dist/src/index.js +1 -1
- package/dist/src/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +11 -11
- package/templates/default/drizzle/0000_cheerful_clea.sql +58 -0
- package/templates/default/drizzle/meta/0000_snapshot.json +405 -0
- package/templates/default/drizzle/meta/_journal.json +13 -0
- package/templates/default/drizzle.config.ts +11 -0
- package/templates/default/next.config.ts +1 -1
- package/templates/default/package.json +1 -0
- package/templates/default/src/app/(deesse)/admin/[[...slug]]/page.tsx +2 -2
- package/templates/default/src/app/(deesse)/admin/layout.tsx +5 -2
- package/templates/default/src/app/layout.tsx +1 -1
- package/templates/default/src/db/schema/auth-schema.ts +100 -0
- package/templates/default/src/deesse.config.ts +10 -1
- package/templates/default/src/deesse.pages.tsx +1 -0
- package/templates/default/src/lib/auth.ts +3 -0
- package/templates/default/src/lib/client.ts +7 -0
- package/templates/default/src/lib/deesse.ts +5 -0
- package/templates/without-admin/AGENTS.md +5 -0
- package/templates/without-admin/CLAUDE.md +1 -0
- package/templates/without-admin/README.md +36 -0
- package/templates/without-admin/components.json +25 -0
- package/templates/without-admin/drizzle.config.ts +11 -0
- package/templates/without-admin/eslint.config.mjs +18 -0
- package/templates/without-admin/next.config.ts +7 -0
- package/templates/without-admin/package-lock.json +11412 -0
- package/templates/without-admin/package.json +41 -0
- package/templates/without-admin/postcss.config.mjs +7 -0
- package/templates/without-admin/public/file.svg +1 -0
- package/templates/without-admin/public/globe.svg +1 -0
- package/templates/without-admin/public/nesalia.svg +50 -0
- package/templates/without-admin/public/next.svg +1 -0
- package/templates/without-admin/public/vercel.svg +1 -0
- package/templates/without-admin/public/window.svg +1 -0
- package/templates/without-admin/src/app/(deesse)/api/[...slug]/route.ts +5 -0
- package/templates/without-admin/src/app/(frontend)/(auth)/login/page.tsx +85 -0
- package/templates/without-admin/src/app/(frontend)/(auth)/signup/page.tsx +90 -0
- package/templates/without-admin/src/app/(frontend)/home/page.tsx +19 -0
- package/templates/without-admin/src/app/(frontend)/layout.tsx +14 -0
- package/templates/without-admin/src/app/(frontend)/page.tsx +50 -0
- package/templates/without-admin/src/app/globals.css +130 -0
- package/templates/without-admin/src/app/icon.svg +109 -0
- package/templates/without-admin/src/app/layout.tsx +37 -0
- package/templates/without-admin/src/components/header.tsx +123 -0
- package/templates/without-admin/src/components/password-input.tsx +50 -0
- package/templates/without-admin/src/components/providers/index.tsx +11 -0
- package/templates/without-admin/src/components/providers/theme-provider.tsx +11 -0
- package/templates/without-admin/src/components/ui/alert-dialog.tsx +199 -0
- package/templates/without-admin/src/components/ui/avatar.tsx +112 -0
- package/templates/without-admin/src/components/ui/button.tsx +67 -0
- package/templates/without-admin/src/components/ui/dialog.tsx +168 -0
- package/templates/without-admin/src/components/ui/dropdown-menu.tsx +269 -0
- package/templates/without-admin/src/components/ui/input.tsx +19 -0
- package/templates/without-admin/src/components/ui/label.tsx +24 -0
- package/templates/without-admin/src/components/ui/sonner.tsx +49 -0
- package/templates/without-admin/src/components/ui/tooltip.tsx +57 -0
- package/templates/without-admin/src/db/schema/auth-schema.ts +100 -0
- package/templates/without-admin/src/db/schema/index.ts +1 -0
- package/templates/without-admin/src/deesse.config.ts +18 -0
- package/templates/without-admin/src/lib/client.ts +7 -0
- package/templates/without-admin/src/lib/deesse.ts +5 -0
- package/templates/without-admin/src/lib/utils.ts +6 -0
- package/templates/without-admin/tsconfig.json +34 -0
- package/templates/minimal/.gitkeep +0 -0
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
|
|
3
|
+
import * as React from "react"
|
|
4
|
+
import { Dialog as DialogPrimitive } from "radix-ui"
|
|
5
|
+
|
|
6
|
+
import { cn } from "@/lib/utils"
|
|
7
|
+
import { Button } from "@/components/ui/button"
|
|
8
|
+
import { XIcon } from "lucide-react"
|
|
9
|
+
|
|
10
|
+
function Dialog({
|
|
11
|
+
...props
|
|
12
|
+
}: React.ComponentProps<typeof DialogPrimitive.Root>) {
|
|
13
|
+
return <DialogPrimitive.Root data-slot="dialog" {...props} />
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
function DialogTrigger({
|
|
17
|
+
...props
|
|
18
|
+
}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
|
|
19
|
+
return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
function DialogPortal({
|
|
23
|
+
...props
|
|
24
|
+
}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
|
|
25
|
+
return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
function DialogClose({
|
|
29
|
+
...props
|
|
30
|
+
}: React.ComponentProps<typeof DialogPrimitive.Close>) {
|
|
31
|
+
return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
function DialogOverlay({
|
|
35
|
+
className,
|
|
36
|
+
...props
|
|
37
|
+
}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
|
|
38
|
+
return (
|
|
39
|
+
<DialogPrimitive.Overlay
|
|
40
|
+
data-slot="dialog-overlay"
|
|
41
|
+
className={cn(
|
|
42
|
+
"fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
|
|
43
|
+
className
|
|
44
|
+
)}
|
|
45
|
+
{...props}
|
|
46
|
+
/>
|
|
47
|
+
)
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
function DialogContent({
|
|
51
|
+
className,
|
|
52
|
+
children,
|
|
53
|
+
showCloseButton = true,
|
|
54
|
+
...props
|
|
55
|
+
}: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
56
|
+
showCloseButton?: boolean
|
|
57
|
+
}) {
|
|
58
|
+
return (
|
|
59
|
+
<DialogPortal>
|
|
60
|
+
<DialogOverlay />
|
|
61
|
+
<DialogPrimitive.Content
|
|
62
|
+
data-slot="dialog-content"
|
|
63
|
+
className={cn(
|
|
64
|
+
"fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
65
|
+
className
|
|
66
|
+
)}
|
|
67
|
+
{...props}
|
|
68
|
+
>
|
|
69
|
+
{children}
|
|
70
|
+
{showCloseButton && (
|
|
71
|
+
<DialogPrimitive.Close data-slot="dialog-close" asChild>
|
|
72
|
+
<Button
|
|
73
|
+
variant="ghost"
|
|
74
|
+
className="absolute top-2 right-2"
|
|
75
|
+
size="icon-sm"
|
|
76
|
+
>
|
|
77
|
+
<XIcon
|
|
78
|
+
/>
|
|
79
|
+
<span className="sr-only">Close</span>
|
|
80
|
+
</Button>
|
|
81
|
+
</DialogPrimitive.Close>
|
|
82
|
+
)}
|
|
83
|
+
</DialogPrimitive.Content>
|
|
84
|
+
</DialogPortal>
|
|
85
|
+
)
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
|
|
89
|
+
return (
|
|
90
|
+
<div
|
|
91
|
+
data-slot="dialog-header"
|
|
92
|
+
className={cn("flex flex-col gap-2", className)}
|
|
93
|
+
{...props}
|
|
94
|
+
/>
|
|
95
|
+
)
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
function DialogFooter({
|
|
99
|
+
className,
|
|
100
|
+
showCloseButton = false,
|
|
101
|
+
children,
|
|
102
|
+
...props
|
|
103
|
+
}: React.ComponentProps<"div"> & {
|
|
104
|
+
showCloseButton?: boolean
|
|
105
|
+
}) {
|
|
106
|
+
return (
|
|
107
|
+
<div
|
|
108
|
+
data-slot="dialog-footer"
|
|
109
|
+
className={cn(
|
|
110
|
+
"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end",
|
|
111
|
+
className
|
|
112
|
+
)}
|
|
113
|
+
{...props}
|
|
114
|
+
>
|
|
115
|
+
{children}
|
|
116
|
+
{showCloseButton && (
|
|
117
|
+
<DialogPrimitive.Close asChild>
|
|
118
|
+
<Button variant="outline">Close</Button>
|
|
119
|
+
</DialogPrimitive.Close>
|
|
120
|
+
)}
|
|
121
|
+
</div>
|
|
122
|
+
)
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
function DialogTitle({
|
|
126
|
+
className,
|
|
127
|
+
...props
|
|
128
|
+
}: React.ComponentProps<typeof DialogPrimitive.Title>) {
|
|
129
|
+
return (
|
|
130
|
+
<DialogPrimitive.Title
|
|
131
|
+
data-slot="dialog-title"
|
|
132
|
+
className={cn(
|
|
133
|
+
"font-heading text-base leading-none font-medium",
|
|
134
|
+
className
|
|
135
|
+
)}
|
|
136
|
+
{...props}
|
|
137
|
+
/>
|
|
138
|
+
)
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
function DialogDescription({
|
|
142
|
+
className,
|
|
143
|
+
...props
|
|
144
|
+
}: React.ComponentProps<typeof DialogPrimitive.Description>) {
|
|
145
|
+
return (
|
|
146
|
+
<DialogPrimitive.Description
|
|
147
|
+
data-slot="dialog-description"
|
|
148
|
+
className={cn(
|
|
149
|
+
"text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
|
|
150
|
+
className
|
|
151
|
+
)}
|
|
152
|
+
{...props}
|
|
153
|
+
/>
|
|
154
|
+
)
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
export {
|
|
158
|
+
Dialog,
|
|
159
|
+
DialogClose,
|
|
160
|
+
DialogContent,
|
|
161
|
+
DialogDescription,
|
|
162
|
+
DialogFooter,
|
|
163
|
+
DialogHeader,
|
|
164
|
+
DialogOverlay,
|
|
165
|
+
DialogPortal,
|
|
166
|
+
DialogTitle,
|
|
167
|
+
DialogTrigger,
|
|
168
|
+
}
|
|
@@ -0,0 +1,269 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
|
|
3
|
+
import * as React from "react"
|
|
4
|
+
import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui"
|
|
5
|
+
|
|
6
|
+
import { cn } from "@/lib/utils"
|
|
7
|
+
import { CheckIcon, ChevronRightIcon } from "lucide-react"
|
|
8
|
+
|
|
9
|
+
function DropdownMenu({
|
|
10
|
+
...props
|
|
11
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
|
|
12
|
+
return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
function DropdownMenuPortal({
|
|
16
|
+
...props
|
|
17
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
|
|
18
|
+
return (
|
|
19
|
+
<DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
|
|
20
|
+
)
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
function DropdownMenuTrigger({
|
|
24
|
+
...props
|
|
25
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
|
|
26
|
+
return (
|
|
27
|
+
<DropdownMenuPrimitive.Trigger
|
|
28
|
+
data-slot="dropdown-menu-trigger"
|
|
29
|
+
{...props}
|
|
30
|
+
/>
|
|
31
|
+
)
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
function DropdownMenuContent({
|
|
35
|
+
className,
|
|
36
|
+
align = "start",
|
|
37
|
+
sideOffset = 4,
|
|
38
|
+
...props
|
|
39
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
|
|
40
|
+
return (
|
|
41
|
+
<DropdownMenuPrimitive.Portal>
|
|
42
|
+
<DropdownMenuPrimitive.Content
|
|
43
|
+
data-slot="dropdown-menu-content"
|
|
44
|
+
sideOffset={sideOffset}
|
|
45
|
+
align={align}
|
|
46
|
+
className={cn("z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:overflow-hidden data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className )}
|
|
47
|
+
{...props}
|
|
48
|
+
/>
|
|
49
|
+
</DropdownMenuPrimitive.Portal>
|
|
50
|
+
)
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
function DropdownMenuGroup({
|
|
54
|
+
...props
|
|
55
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
|
|
56
|
+
return (
|
|
57
|
+
<DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
|
|
58
|
+
)
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
function DropdownMenuItem({
|
|
62
|
+
className,
|
|
63
|
+
inset,
|
|
64
|
+
variant = "default",
|
|
65
|
+
...props
|
|
66
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
67
|
+
inset?: boolean
|
|
68
|
+
variant?: "default" | "destructive"
|
|
69
|
+
}) {
|
|
70
|
+
return (
|
|
71
|
+
<DropdownMenuPrimitive.Item
|
|
72
|
+
data-slot="dropdown-menu-item"
|
|
73
|
+
data-inset={inset}
|
|
74
|
+
data-variant={variant}
|
|
75
|
+
className={cn(
|
|
76
|
+
"group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
|
|
77
|
+
className
|
|
78
|
+
)}
|
|
79
|
+
{...props}
|
|
80
|
+
/>
|
|
81
|
+
)
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
function DropdownMenuCheckboxItem({
|
|
85
|
+
className,
|
|
86
|
+
children,
|
|
87
|
+
checked,
|
|
88
|
+
inset,
|
|
89
|
+
...props
|
|
90
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
|
|
91
|
+
inset?: boolean
|
|
92
|
+
}) {
|
|
93
|
+
return (
|
|
94
|
+
<DropdownMenuPrimitive.CheckboxItem
|
|
95
|
+
data-slot="dropdown-menu-checkbox-item"
|
|
96
|
+
data-inset={inset}
|
|
97
|
+
className={cn(
|
|
98
|
+
"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
99
|
+
className
|
|
100
|
+
)}
|
|
101
|
+
checked={checked}
|
|
102
|
+
{...props}
|
|
103
|
+
>
|
|
104
|
+
<span
|
|
105
|
+
className="pointer-events-none absolute right-2 flex items-center justify-center"
|
|
106
|
+
data-slot="dropdown-menu-checkbox-item-indicator"
|
|
107
|
+
>
|
|
108
|
+
<DropdownMenuPrimitive.ItemIndicator>
|
|
109
|
+
<CheckIcon
|
|
110
|
+
/>
|
|
111
|
+
</DropdownMenuPrimitive.ItemIndicator>
|
|
112
|
+
</span>
|
|
113
|
+
{children}
|
|
114
|
+
</DropdownMenuPrimitive.CheckboxItem>
|
|
115
|
+
)
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
function DropdownMenuRadioGroup({
|
|
119
|
+
...props
|
|
120
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
|
|
121
|
+
return (
|
|
122
|
+
<DropdownMenuPrimitive.RadioGroup
|
|
123
|
+
data-slot="dropdown-menu-radio-group"
|
|
124
|
+
{...props}
|
|
125
|
+
/>
|
|
126
|
+
)
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
function DropdownMenuRadioItem({
|
|
130
|
+
className,
|
|
131
|
+
children,
|
|
132
|
+
inset,
|
|
133
|
+
...props
|
|
134
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
|
|
135
|
+
inset?: boolean
|
|
136
|
+
}) {
|
|
137
|
+
return (
|
|
138
|
+
<DropdownMenuPrimitive.RadioItem
|
|
139
|
+
data-slot="dropdown-menu-radio-item"
|
|
140
|
+
data-inset={inset}
|
|
141
|
+
className={cn(
|
|
142
|
+
"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
143
|
+
className
|
|
144
|
+
)}
|
|
145
|
+
{...props}
|
|
146
|
+
>
|
|
147
|
+
<span
|
|
148
|
+
className="pointer-events-none absolute right-2 flex items-center justify-center"
|
|
149
|
+
data-slot="dropdown-menu-radio-item-indicator"
|
|
150
|
+
>
|
|
151
|
+
<DropdownMenuPrimitive.ItemIndicator>
|
|
152
|
+
<CheckIcon
|
|
153
|
+
/>
|
|
154
|
+
</DropdownMenuPrimitive.ItemIndicator>
|
|
155
|
+
</span>
|
|
156
|
+
{children}
|
|
157
|
+
</DropdownMenuPrimitive.RadioItem>
|
|
158
|
+
)
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
function DropdownMenuLabel({
|
|
162
|
+
className,
|
|
163
|
+
inset,
|
|
164
|
+
...props
|
|
165
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
|
|
166
|
+
inset?: boolean
|
|
167
|
+
}) {
|
|
168
|
+
return (
|
|
169
|
+
<DropdownMenuPrimitive.Label
|
|
170
|
+
data-slot="dropdown-menu-label"
|
|
171
|
+
data-inset={inset}
|
|
172
|
+
className={cn(
|
|
173
|
+
"px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7",
|
|
174
|
+
className
|
|
175
|
+
)}
|
|
176
|
+
{...props}
|
|
177
|
+
/>
|
|
178
|
+
)
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
function DropdownMenuSeparator({
|
|
182
|
+
className,
|
|
183
|
+
...props
|
|
184
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
|
|
185
|
+
return (
|
|
186
|
+
<DropdownMenuPrimitive.Separator
|
|
187
|
+
data-slot="dropdown-menu-separator"
|
|
188
|
+
className={cn("-mx-1 my-1 h-px bg-border", className)}
|
|
189
|
+
{...props}
|
|
190
|
+
/>
|
|
191
|
+
)
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
function DropdownMenuShortcut({
|
|
195
|
+
className,
|
|
196
|
+
...props
|
|
197
|
+
}: React.ComponentProps<"span">) {
|
|
198
|
+
return (
|
|
199
|
+
<span
|
|
200
|
+
data-slot="dropdown-menu-shortcut"
|
|
201
|
+
className={cn(
|
|
202
|
+
"ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground",
|
|
203
|
+
className
|
|
204
|
+
)}
|
|
205
|
+
{...props}
|
|
206
|
+
/>
|
|
207
|
+
)
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
function DropdownMenuSub({
|
|
211
|
+
...props
|
|
212
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
|
|
213
|
+
return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
function DropdownMenuSubTrigger({
|
|
217
|
+
className,
|
|
218
|
+
inset,
|
|
219
|
+
children,
|
|
220
|
+
...props
|
|
221
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
222
|
+
inset?: boolean
|
|
223
|
+
}) {
|
|
224
|
+
return (
|
|
225
|
+
<DropdownMenuPrimitive.SubTrigger
|
|
226
|
+
data-slot="dropdown-menu-sub-trigger"
|
|
227
|
+
data-inset={inset}
|
|
228
|
+
className={cn(
|
|
229
|
+
"flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
230
|
+
className
|
|
231
|
+
)}
|
|
232
|
+
{...props}
|
|
233
|
+
>
|
|
234
|
+
{children}
|
|
235
|
+
<ChevronRightIcon className="ml-auto" />
|
|
236
|
+
</DropdownMenuPrimitive.SubTrigger>
|
|
237
|
+
)
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
function DropdownMenuSubContent({
|
|
241
|
+
className,
|
|
242
|
+
...props
|
|
243
|
+
}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
|
|
244
|
+
return (
|
|
245
|
+
<DropdownMenuPrimitive.SubContent
|
|
246
|
+
data-slot="dropdown-menu-sub-content"
|
|
247
|
+
className={cn("z-50 min-w-[96px] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className )}
|
|
248
|
+
{...props}
|
|
249
|
+
/>
|
|
250
|
+
)
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
export {
|
|
254
|
+
DropdownMenu,
|
|
255
|
+
DropdownMenuPortal,
|
|
256
|
+
DropdownMenuTrigger,
|
|
257
|
+
DropdownMenuContent,
|
|
258
|
+
DropdownMenuGroup,
|
|
259
|
+
DropdownMenuLabel,
|
|
260
|
+
DropdownMenuItem,
|
|
261
|
+
DropdownMenuCheckboxItem,
|
|
262
|
+
DropdownMenuRadioGroup,
|
|
263
|
+
DropdownMenuRadioItem,
|
|
264
|
+
DropdownMenuSeparator,
|
|
265
|
+
DropdownMenuShortcut,
|
|
266
|
+
DropdownMenuSub,
|
|
267
|
+
DropdownMenuSubTrigger,
|
|
268
|
+
DropdownMenuSubContent,
|
|
269
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from "react"
|
|
2
|
+
|
|
3
|
+
import { cn } from "@/lib/utils"
|
|
4
|
+
|
|
5
|
+
function Input({ className, type, ...props }: React.ComponentProps<"input">) {
|
|
6
|
+
return (
|
|
7
|
+
<input
|
|
8
|
+
type={type}
|
|
9
|
+
data-slot="input"
|
|
10
|
+
className={cn(
|
|
11
|
+
"h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
|
|
12
|
+
className
|
|
13
|
+
)}
|
|
14
|
+
{...props}
|
|
15
|
+
/>
|
|
16
|
+
)
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export { Input }
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
|
|
3
|
+
import * as React from "react"
|
|
4
|
+
import { Label as LabelPrimitive } from "radix-ui"
|
|
5
|
+
|
|
6
|
+
import { cn } from "@/lib/utils"
|
|
7
|
+
|
|
8
|
+
function Label({
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}: React.ComponentProps<typeof LabelPrimitive.Root>) {
|
|
12
|
+
return (
|
|
13
|
+
<LabelPrimitive.Root
|
|
14
|
+
data-slot="label"
|
|
15
|
+
className={cn(
|
|
16
|
+
"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
|
|
17
|
+
className
|
|
18
|
+
)}
|
|
19
|
+
{...props}
|
|
20
|
+
/>
|
|
21
|
+
)
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export { Label }
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
|
|
3
|
+
import { useTheme } from "next-themes"
|
|
4
|
+
import { Toaster as Sonner, type ToasterProps } from "sonner"
|
|
5
|
+
import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from "lucide-react"
|
|
6
|
+
|
|
7
|
+
const Toaster = ({ ...props }: ToasterProps) => {
|
|
8
|
+
const { theme = "system" } = useTheme()
|
|
9
|
+
|
|
10
|
+
return (
|
|
11
|
+
<Sonner
|
|
12
|
+
theme={theme as ToasterProps["theme"]}
|
|
13
|
+
className="toaster group"
|
|
14
|
+
icons={{
|
|
15
|
+
success: (
|
|
16
|
+
<CircleCheckIcon className="size-4" />
|
|
17
|
+
),
|
|
18
|
+
info: (
|
|
19
|
+
<InfoIcon className="size-4" />
|
|
20
|
+
),
|
|
21
|
+
warning: (
|
|
22
|
+
<TriangleAlertIcon className="size-4" />
|
|
23
|
+
),
|
|
24
|
+
error: (
|
|
25
|
+
<OctagonXIcon className="size-4" />
|
|
26
|
+
),
|
|
27
|
+
loading: (
|
|
28
|
+
<Loader2Icon className="size-4 animate-spin" />
|
|
29
|
+
),
|
|
30
|
+
}}
|
|
31
|
+
style={
|
|
32
|
+
{
|
|
33
|
+
"--normal-bg": "var(--popover)",
|
|
34
|
+
"--normal-text": "var(--popover-foreground)",
|
|
35
|
+
"--normal-border": "var(--border)",
|
|
36
|
+
"--border-radius": "var(--radius)",
|
|
37
|
+
} as React.CSSProperties
|
|
38
|
+
}
|
|
39
|
+
toastOptions={{
|
|
40
|
+
classNames: {
|
|
41
|
+
toast: "cn-toast",
|
|
42
|
+
},
|
|
43
|
+
}}
|
|
44
|
+
{...props}
|
|
45
|
+
/>
|
|
46
|
+
)
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export { Toaster }
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
|
|
3
|
+
import * as React from "react"
|
|
4
|
+
import { Tooltip as TooltipPrimitive } from "radix-ui"
|
|
5
|
+
|
|
6
|
+
import { cn } from "@/lib/utils"
|
|
7
|
+
|
|
8
|
+
function TooltipProvider({
|
|
9
|
+
delayDuration = 0,
|
|
10
|
+
...props
|
|
11
|
+
}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
|
|
12
|
+
return (
|
|
13
|
+
<TooltipPrimitive.Provider
|
|
14
|
+
data-slot="tooltip-provider"
|
|
15
|
+
delayDuration={delayDuration}
|
|
16
|
+
{...props}
|
|
17
|
+
/>
|
|
18
|
+
)
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
function Tooltip({
|
|
22
|
+
...props
|
|
23
|
+
}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
|
|
24
|
+
return <TooltipPrimitive.Root data-slot="tooltip" {...props} />
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
function TooltipTrigger({
|
|
28
|
+
...props
|
|
29
|
+
}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
|
|
30
|
+
return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
function TooltipContent({
|
|
34
|
+
className,
|
|
35
|
+
sideOffset = 0,
|
|
36
|
+
children,
|
|
37
|
+
...props
|
|
38
|
+
}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
|
|
39
|
+
return (
|
|
40
|
+
<TooltipPrimitive.Portal>
|
|
41
|
+
<TooltipPrimitive.Content
|
|
42
|
+
data-slot="tooltip-content"
|
|
43
|
+
sideOffset={sideOffset}
|
|
44
|
+
className={cn(
|
|
45
|
+
"z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
46
|
+
className
|
|
47
|
+
)}
|
|
48
|
+
{...props}
|
|
49
|
+
>
|
|
50
|
+
{children}
|
|
51
|
+
<TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" />
|
|
52
|
+
</TooltipPrimitive.Content>
|
|
53
|
+
</TooltipPrimitive.Portal>
|
|
54
|
+
)
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { relations } from "drizzle-orm";
|
|
2
|
+
import { pgTable, text, timestamp, boolean, index } from "drizzle-orm/pg-core";
|
|
3
|
+
|
|
4
|
+
export const user = pgTable("user", {
|
|
5
|
+
id: text("id").primaryKey(),
|
|
6
|
+
name: text("name").notNull(),
|
|
7
|
+
email: text("email").notNull().unique(),
|
|
8
|
+
emailVerified: boolean("email_verified").default(false).notNull(),
|
|
9
|
+
image: text("image"),
|
|
10
|
+
createdAt: timestamp("created_at").defaultNow().notNull(),
|
|
11
|
+
updatedAt: timestamp("updated_at")
|
|
12
|
+
.defaultNow()
|
|
13
|
+
.$onUpdate(() => /* @__PURE__ */ new Date())
|
|
14
|
+
.notNull(),
|
|
15
|
+
role: text("role"),
|
|
16
|
+
banned: boolean("banned").default(false),
|
|
17
|
+
banReason: text("ban_reason"),
|
|
18
|
+
banExpires: timestamp("ban_expires"),
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
export const session = pgTable(
|
|
22
|
+
"session",
|
|
23
|
+
{
|
|
24
|
+
id: text("id").primaryKey(),
|
|
25
|
+
expiresAt: timestamp("expires_at").notNull(),
|
|
26
|
+
token: text("token").notNull().unique(),
|
|
27
|
+
createdAt: timestamp("created_at").defaultNow().notNull(),
|
|
28
|
+
updatedAt: timestamp("updated_at")
|
|
29
|
+
.$onUpdate(() => /* @__PURE__ */ new Date())
|
|
30
|
+
.notNull(),
|
|
31
|
+
ipAddress: text("ip_address"),
|
|
32
|
+
userAgent: text("user_agent"),
|
|
33
|
+
userId: text("user_id")
|
|
34
|
+
.notNull()
|
|
35
|
+
.references(() => user.id, { onDelete: "cascade" }),
|
|
36
|
+
impersonatedBy: text("impersonated_by"),
|
|
37
|
+
},
|
|
38
|
+
(table) => [index("session_userId_idx").on(table.userId)],
|
|
39
|
+
);
|
|
40
|
+
|
|
41
|
+
export const account = pgTable(
|
|
42
|
+
"account",
|
|
43
|
+
{
|
|
44
|
+
id: text("id").primaryKey(),
|
|
45
|
+
accountId: text("account_id").notNull(),
|
|
46
|
+
providerId: text("provider_id").notNull(),
|
|
47
|
+
userId: text("user_id")
|
|
48
|
+
.notNull()
|
|
49
|
+
.references(() => user.id, { onDelete: "cascade" }),
|
|
50
|
+
accessToken: text("access_token"),
|
|
51
|
+
refreshToken: text("refresh_token"),
|
|
52
|
+
idToken: text("id_token"),
|
|
53
|
+
accessTokenExpiresAt: timestamp("access_token_expires_at"),
|
|
54
|
+
refreshTokenExpiresAt: timestamp("refresh_token_expires_at"),
|
|
55
|
+
scope: text("scope"),
|
|
56
|
+
password: text("password"),
|
|
57
|
+
createdAt: timestamp("created_at").defaultNow().notNull(),
|
|
58
|
+
updatedAt: timestamp("updated_at")
|
|
59
|
+
.$onUpdate(() => /* @__PURE__ */ new Date())
|
|
60
|
+
.notNull(),
|
|
61
|
+
},
|
|
62
|
+
(table) => [index("account_userId_idx").on(table.userId)],
|
|
63
|
+
);
|
|
64
|
+
|
|
65
|
+
export const verification = pgTable(
|
|
66
|
+
"verification",
|
|
67
|
+
{
|
|
68
|
+
id: text("id").primaryKey(),
|
|
69
|
+
identifier: text("identifier").notNull(),
|
|
70
|
+
value: text("value").notNull(),
|
|
71
|
+
expiresAt: timestamp("expires_at").notNull(),
|
|
72
|
+
createdAt: timestamp("created_at").defaultNow().notNull(),
|
|
73
|
+
updatedAt: timestamp("updated_at")
|
|
74
|
+
.defaultNow()
|
|
75
|
+
.$onUpdate(() => /* @__PURE__ */ new Date())
|
|
76
|
+
.notNull(),
|
|
77
|
+
},
|
|
78
|
+
(table) => [index("verification_identifier_idx").on(table.identifier)],
|
|
79
|
+
);
|
|
80
|
+
|
|
81
|
+
export const userRelations = relations(user, ({ many }) => ({
|
|
82
|
+
sessions: many(session),
|
|
83
|
+
accounts: many(account),
|
|
84
|
+
}));
|
|
85
|
+
|
|
86
|
+
export const sessionRelations = relations(session, ({ one }) => ({
|
|
87
|
+
user: one(user, {
|
|
88
|
+
fields: [session.userId],
|
|
89
|
+
references: [user.id],
|
|
90
|
+
}),
|
|
91
|
+
}));
|
|
92
|
+
|
|
93
|
+
export const accountRelations = relations(account, ({ one }) => ({
|
|
94
|
+
user: one(user, {
|
|
95
|
+
fields: [account.userId],
|
|
96
|
+
references: [user.id],
|
|
97
|
+
}),
|
|
98
|
+
}));
|
|
99
|
+
|
|
100
|
+
export const schema = { user, session, account, verification };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./auth-schema";
|