Skip to content
This repository was archived by the owner on Jan 15, 2025. It is now read-only.

Commit d8592e3

Browse files
thevuongthevuong
committed
refactor: optimizing performance
1 parent 8fcdc42 commit d8592e3

File tree

137 files changed

+503
-905
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

137 files changed

+503
-905
lines changed

‎README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ Update `package.json`
3131
"build": "next build",
3232
"start": "next start",
3333
"lint": "next lint",
34-
+ "clean": "rm -rf .next node_modules",
34+
+ "clean": "rm -rf .next",
3535
+ "db:generate": "prisma generate",
3636
+ "db:push": "prisma db push",
3737
+ "db:studio": "prisma studio",

‎apps/docs/next.config.js

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,4 @@
11
/** @type {import('next').NextConfig} */
2-
const nextConfig = {
3-
experimental: {
4-
optimizePackageImports: ['@codefixlabs/ui'],
5-
},
6-
};
2+
const nextConfig = {};
73

84
module.exports = nextConfig;

‎apps/docs/package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
"build": "next build",
77
"build-storybook": "storybook build",
88
"chromatic": "npx chromatic",
9-
"clean": "rm -rf .next .turbo node_modules",
9+
"clean": "rm -rf .next .turbo",
1010
"dev": "next dev",
1111
"lint": "next lint",
1212
"start": "next start",
@@ -38,6 +38,7 @@
3838
"react-dom": "^18.2.0",
3939
"react-hook-form": "^7.48.2",
4040
"storybook": "^7.5.3",
41+
"tailwind-merge": "^2.0.0",
4142
"zod": "^3.22.4"
4243
},
4344
"devDependencies": {

‎apps/docs/src/app/page.tsx

Lines changed: 2 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,4 @@
1-
import { BellIcon, CheckIcon } from 'lucide-react';
2-
import {
3-
Card,
4-
CardContent,
5-
CardDescription,
6-
CardFooter,
7-
CardHeader,
8-
CardTitle,
9-
} from '@codefixlabs/ui/card';
10-
import { Switch } from '@codefixlabs/ui/switch';
11-
import { Button } from '@codefixlabs/ui/button';
12-
13-
const notifications = [
14-
{
15-
description: '1 hour ago',
16-
title: 'Your call has been confirmed.',
17-
},
18-
{
19-
description: '1 hour ago',
20-
title: 'You have a new message!',
21-
},
22-
{
23-
description: '2 hours ago',
24-
title: 'Your subscription is expiring soon!',
25-
},
26-
];
1+
import { Demo } from '@/ui/demo';
272

283
export default function Home(): React.JSX.Element {
294
return (
@@ -35,52 +10,7 @@ export default function Home(): React.JSX.Element {
3510
bun storybook
3611
</pre>
3712

38-
<Card className="w-screen max-w-md">
39-
<CardHeader>
40-
<CardTitle>Notifications</CardTitle>
41-
<CardDescription>You have 3 unread messages.</CardDescription>
42-
</CardHeader>
43-
<CardContent className="grid gap-4">
44-
<div className="flex items-center space-x-4 rounded-md border p-4">
45-
<BellIcon className="h-4 w-4 shrink-0" />
46-
<div className="flex-1 space-y-1">
47-
<p className="text-sm font-medium leading-none">
48-
Push Notifications
49-
</p>
50-
<p className="text-muted-foreground text-sm">
51-
Send notifications to device.
52-
</p>
53-
</div>
54-
<Switch />
55-
</div>
56-
<div>
57-
{notifications.map((notification) => (
58-
<div
59-
className="mb-4 grid grid-cols-[25px_1fr] items-start pb-4 last:mb-0 last:pb-0"
60-
key={notification.title}
61-
>
62-
<span className="flex h-2 w-2 translate-y-1 rounded-full bg-sky-500" />
63-
<div className="space-y-1">
64-
<p className="text-sm font-medium leading-none">
65-
{notification.title}
66-
</p>
67-
<p className="text-muted-foreground text-sm">
68-
{notification.description}
69-
</p>
70-
</div>
71-
</div>
72-
))}
73-
</div>
74-
</CardContent>
75-
<CardFooter>
76-
<Button
77-
className="w-full"
78-
startIcon={<CheckIcon className="h-4 w-4" />}
79-
>
80-
Mark all as read
81-
</Button>
82-
</CardFooter>
83-
</Card>
13+
<Demo />
8414
</div>
8515

8616
<article className="prose lg:prose-xl">

‎apps/docs/src/stories/accordion/accordion.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import {
33
AccordionContent,
44
AccordionItem,
55
AccordionTrigger,
6-
} from '@codefixlabs/ui/accordion';
6+
} from '@codefixlabs/ui';
77
import type { Meta, StoryObj } from '@storybook/react';
88

99
const meta: Meta<typeof Accordion> = {

‎apps/docs/src/stories/alert-dialog/alert-dialog.stories.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ import {
99
AlertDialogHeader,
1010
AlertDialogTitle,
1111
AlertDialogTrigger,
12-
} from '@codefixlabs/ui/alert-dialog';
13-
import { Button } from '@codefixlabs/ui/button';
12+
Button,
13+
} from '@codefixlabs/ui';
1414
import type { Meta, StoryObj } from '@storybook/react';
1515

1616
const meta: Meta<typeof AlertDialog> = {

‎apps/docs/src/stories/alert/alert.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Alert, AlertDescription, AlertTitle } from '@codefixlabs/ui/alert';
1+
import { Alert, AlertDescription, AlertTitle } from '@codefixlabs/ui';
22
import type { Meta, StoryObj } from '@storybook/react';
33
import { TerminalIcon } from 'lucide-react';
44

‎apps/docs/src/stories/aspect-ratio/aspect-radio.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { AspectRatio } from '@codefixlabs/ui/aspect-ratio';
1+
import { AspectRatio } from '@codefixlabs/ui';
22
import type { Meta, StoryObj } from '@storybook/react';
33
import Image from 'next/image';
44

‎apps/docs/src/stories/avatar/avatar.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Avatar } from '@codefixlabs/ui/avatar';
1+
import { Avatar } from '@codefixlabs/ui';
22
import type { Meta, StoryObj } from '@storybook/react';
33

44
const meta: Meta<typeof Avatar> = {

‎apps/docs/src/stories/badge/badge.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Badge } from '@codefixlabs/ui/badge';
1+
import { Badge } from '@codefixlabs/ui';
22
import type { Meta, StoryObj } from '@storybook/react';
33

44
const meta: Meta<typeof Badge> = {

‎apps/docs/src/stories/button/button.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Button } from '@codefixlabs/ui/button';
1+
import { Button } from '@codefixlabs/ui';
22
import type { Meta, StoryObj } from '@storybook/react';
33
import {
44
AlarmCheckIcon,

‎apps/docs/src/stories/calendar/calendar.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Calendar } from '@codefixlabs/ui/calendar';
1+
import { Calendar } from '@codefixlabs/ui';
22
import type { Meta, StoryObj } from '@storybook/react';
33
import type { ComponentProps } from 'react';
44
import { useState } from 'react';

‎apps/docs/src/stories/card/card.stories.tsx

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,22 @@
11
import {
2+
Button,
23
Card,
34
CardContent,
45
CardDescription,
56
CardFooter,
67
CardHeader,
78
CardTitle,
8-
} from '@codefixlabs/ui/card';
9-
import { Switch } from '@codefixlabs/ui/switch';
10-
import type { Meta, StoryObj } from '@storybook/react';
11-
import { BellIcon, CheckIcon } from 'lucide-react';
12-
import { Label } from '@codefixlabs/ui/label';
13-
import { Input } from '@codefixlabs/ui/input';
14-
import {
9+
Input,
10+
Label,
1511
Select,
1612
SelectContent,
1713
SelectItem,
1814
SelectTrigger,
1915
SelectValue,
20-
} from '@codefixlabs/ui/select';
21-
import { Button } from '@codefixlabs/ui/button';
16+
Switch,
17+
} from '@codefixlabs/ui';
18+
import type { Meta, StoryObj } from '@storybook/react';
19+
import { BellIcon, CheckIcon } from 'lucide-react';
2220

2321
const meta: Meta<typeof Card> = {
2422
component: Card,

‎apps/docs/src/stories/checkbox/checkbox.stories.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,15 @@
11
import {
2+
Button,
3+
Checkbox,
24
Form,
35
FormControl,
46
FormDescription,
57
FormField,
68
FormItem,
79
FormLabel,
810
FormMessage,
9-
} from '@codefixlabs/ui/form';
11+
Label,
12+
} from '@codefixlabs/ui';
1013
import { zodResolver } from '@hookform/resolvers/zod';
1114
import type { Meta, StoryObj } from '@storybook/react';
1215
import Link from 'next/link';
@@ -16,9 +19,6 @@ import type { SubmitHandler } from 'react-hook-form';
1619
import { useForm } from 'react-hook-form';
1720
import { z } from 'zod';
1821
import { wait } from '@codefixlabs/lib';
19-
import { Checkbox } from '@codefixlabs/ui/checkbox';
20-
import { Label } from '@codefixlabs/ui/label';
21-
import { Button } from '@codefixlabs/ui/button';
2222

2323
const meta: Meta<typeof Checkbox> = {
2424
argTypes: {

‎apps/docs/src/stories/collapsible/collapsible.stories.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
import {
2+
Button,
23
Collapsible,
34
CollapsibleContent,
45
CollapsibleTrigger,
5-
} from '@codefixlabs/ui/collapsible';
6+
} from '@codefixlabs/ui';
67
import type { Meta, StoryObj } from '@storybook/react';
78
import { ChevronsUpDownIcon } from 'lucide-react';
89
import { useState } from 'react';
9-
import { Button } from '@codefixlabs/ui/button';
1010

1111
const meta: Meta<typeof Collapsible> = {
1212
component: Collapsible,

‎apps/docs/src/stories/combobox/combobox.stories.tsx

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,25 @@
1-
import type { Option } from '@codefixlabs/ui/combobox';
2-
import { Combobox } from '@codefixlabs/ui/combobox';
1+
import type { Option } from '@codefixlabs/ui';
32
import {
3+
Avatar,
4+
Button,
5+
Combobox,
46
Command,
57
CommandEmpty,
68
CommandGroup,
79
CommandInput,
810
CommandItem,
911
CommandList,
10-
} from '@codefixlabs/ui/command';
11-
import {
1212
Form,
1313
FormControl,
1414
FormDescription,
1515
FormField,
1616
FormItem,
1717
FormLabel,
1818
FormMessage,
19-
} from '@codefixlabs/ui/form';
20-
import {
2119
Popover,
2220
PopoverContent,
2321
PopoverTrigger,
24-
} from '@codefixlabs/ui/popover';
25-
import { Button } from '@codefixlabs/ui/button';
26-
import { Avatar } from '@codefixlabs/ui/avatar';
22+
} from '@codefixlabs/ui';
2723
import { faker } from '@faker-js/faker';
2824
import { zodResolver } from '@hookform/resolvers/zod';
2925
import type { Meta, StoryObj } from '@storybook/react';

‎apps/docs/src/stories/command/command.stories.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import { Button } from '@codefixlabs/ui/button';
21
import {
2+
Button,
33
Command,
44
CommandDialog,
55
CommandEmpty,
@@ -8,7 +8,7 @@ import {
88
CommandItem,
99
CommandList,
1010
CommandSeparator,
11-
} from '@codefixlabs/ui/command';
11+
} from '@codefixlabs/ui';
1212
import type { Meta, StoryObj } from '@storybook/react';
1313
import {
1414
CalendarIcon,

‎apps/docs/src/stories/context-menu/context-menu.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {
1111
ContextMenuSubContent,
1212
ContextMenuSubTrigger,
1313
ContextMenuTrigger,
14-
} from '@codefixlabs/ui/context-menu';
14+
} from '@codefixlabs/ui';
1515
import type { Meta, StoryObj } from '@storybook/react';
1616
import type { ComponentProps } from 'react';
1717
import { useState } from 'react';

‎apps/docs/src/stories/data-table/data-table.stories.tsx

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,19 @@
11
import {
2+
Button,
3+
Checkbox,
4+
DataTable,
5+
DataTableColumnHeader,
26
DropdownMenu,
37
DropdownMenuContent,
48
DropdownMenuItem,
59
DropdownMenuLabel,
610
DropdownMenuSeparator,
711
DropdownMenuTrigger,
8-
} from '@codefixlabs/ui/dropdown-menu';
12+
} from '@codefixlabs/ui';
913
import { faker } from '@faker-js/faker';
1014
import type { Meta, StoryObj } from '@storybook/react';
1115
import { MoreHorizontalIcon } from 'lucide-react';
1216
import type { ColumnDef } from '@tanstack/react-table';
13-
import { DataTable, DataTableColumnHeader } from '@codefixlabs/ui/data-table';
14-
import { Checkbox } from '@codefixlabs/ui/checkbox';
15-
import { Button } from '@codefixlabs/ui/button';
1617

1718
const meta: Meta<typeof DataTable> = {
1819
component: DataTable,

‎apps/docs/src/stories/date-picker/date-picker.stories.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,15 @@
11
import { wait } from '@codefixlabs/lib';
22
import {
3+
Button,
4+
DatePicker,
35
Form,
46
FormControl,
57
FormDescription,
68
FormField,
79
FormItem,
810
FormLabel,
911
FormMessage,
10-
} from '@codefixlabs/ui/form';
12+
} from '@codefixlabs/ui';
1113
import { zodResolver } from '@hookform/resolvers/zod';
1214
import type { Meta, StoryObj } from '@storybook/react';
1315
import { add } from 'date-fns';
@@ -17,8 +19,6 @@ import type { FieldPathValue, SubmitHandler } from 'react-hook-form';
1719
import { useForm } from 'react-hook-form';
1820
import { z } from 'zod';
1921
import type { DateRange } from 'react-day-picker';
20-
import { DatePicker } from '@codefixlabs/ui/calendar';
21-
import { Button } from '@codefixlabs/ui/button';
2222

2323
const meta: Meta<typeof DatePicker> = {
2424
component: DatePicker,

‎apps/docs/src/stories/dialog/dialog.stories.tsx

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { wait } from '@codefixlabs/lib';
2-
import { Button } from '@codefixlabs/ui/button';
32
import {
3+
Button,
44
Dialog,
55
DialogBody,
66
DialogClose,
@@ -10,17 +10,16 @@ import {
1010
DialogHeader,
1111
DialogTitle,
1212
DialogTrigger,
13-
} from '@codefixlabs/ui/dialog';
14-
import {
1513
Form,
1614
FormControl,
1715
FormField,
1816
FormItem,
1917
FormLabel,
2018
FormMessage,
21-
} from '@codefixlabs/ui/form';
22-
import { Input, InputPassword } from '@codefixlabs/ui/input';
23-
import { Label } from '@codefixlabs/ui/label';
19+
Input,
20+
InputPassword,
21+
Label,
22+
} from '@codefixlabs/ui';
2423
import { zodResolver } from '@hookform/resolvers/zod';
2524
import type { Meta, StoryObj } from '@storybook/react';
2625
import { useState } from 'react';

0 commit comments

Comments
 (0)