Skip to content

Commit 7de803e

Browse files
NutlopeNutlope
committed
more progress!
1 parent bada1e7 commit 7de803e

3 files changed

Lines changed: 2992 additions & 45 deletions

File tree

‎README.md‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,9 @@
2828
- [x] Partially working
2929
- [x] Need to figure out a way to use the @
3030
- [x] Need to import all the CSS stuff (main CSS file + tailwind css file)
31-
- [ ] Need to add in all the shadcn components
31+
- [x] Need to add in all the shadcn components
32+
- [ ] Test properly and see how it goes
33+
- [ ] A/B test a way to feed in shadcn docs so its fully up to date on available components
3234
- [ ] Look into a way to export the app or deploy it in a single click – try two things
3335
- [ ] The codesandbox way where I put the link in another way like the react docs, then I can infer the link and have people go check it out
3436
- [ ] The non-codesandbox way where i try to do it myself with a dynamic route by doing some hashing

‎app/page.tsx‎

Lines changed: 105 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,46 @@ import {
2121
import { AnimatePresence, motion } from "framer-motion";
2222
import { FormEvent, useEffect, useState } from "react";
2323
import LoadingDots from "../components/loading-dots";
24-
import { button, card, input, label, utils } from "@/utils/Shadcn";
24+
import {
25+
accordian,
26+
alert,
27+
alertDialog,
28+
avatar,
29+
badge,
30+
breadcrumb,
31+
button,
32+
calendar,
33+
card,
34+
carousel,
35+
checkbox,
36+
collapsible,
37+
dialog,
38+
drawer,
39+
dropdownMenu,
40+
input,
41+
label,
42+
menuBar,
43+
navigationMenu,
44+
pagination,
45+
popover,
46+
progress,
47+
radioGroup,
48+
select,
49+
separator,
50+
skeleton,
51+
slider,
52+
switchComponent,
53+
table,
54+
tabs,
55+
textarea,
56+
toast,
57+
toaster,
58+
toggle,
59+
toggleGroup,
60+
tooltip,
61+
useToast,
62+
utils,
63+
} from "@/utils/Shadcn";
2564

2665
export default function Home() {
2766
let [status, setStatus] = useState<
@@ -379,10 +418,43 @@ export default function Home() {
379418
files={{
380419
"App.tsx": generatedCode,
381420
"/lib/utils.ts": utils,
421+
"/components/ui/accordion.tsx": accordian,
422+
"/components/ui/alert-dialog.tsx": alertDialog,
423+
"/components/ui/alert.tsx": alert,
424+
"/components/ui/avatar.tsx": avatar,
425+
"/components/ui/badge.tsx": badge,
426+
"/components/ui/breadcrumb.tsx": breadcrumb,
382427
"/components/ui/button.tsx": button,
428+
"/components/ui/calendar.tsx": calendar,
383429
"/components/ui/card.tsx": card,
384-
"/components/ui/label.tsx": label,
430+
"/components/ui/carousel.tsx": carousel,
431+
"/components/ui/checkbox.tsx": checkbox,
432+
"/components/ui/collapsible.tsx": collapsible,
433+
"/components/ui/dialog.tsx": dialog,
434+
"/components/ui/drawer.tsx": drawer,
435+
"/components/ui/dropdown-menu.tsx": dropdownMenu,
385436
"/components/ui/input.tsx": input,
437+
"/components/ui/label.tsx": label,
438+
"/components/ui/menubar.tsx": menuBar,
439+
"/components/ui/navigation-menu.tsx": navigationMenu,
440+
"/components/ui/pagination.tsx": pagination,
441+
"/components/ui/popover.tsx": popover,
442+
"/components/ui/progress.tsx": progress,
443+
"/components/ui/radio-group.tsx": radioGroup,
444+
"/components/ui/select.tsx": select,
445+
"/components/ui/separator.tsx": separator,
446+
"/components/ui/skeleton.tsx": skeleton,
447+
"/components/ui/slider.tsx": slider,
448+
"/components/ui/switch.tsx": switchComponent,
449+
"/components/ui/table.tsx": table,
450+
"/components/ui/tabs.tsx": tabs,
451+
"/components/ui/textarea.tsx": textarea,
452+
"/components/ui/toast.tsx": toast,
453+
"/components/ui/toaster.tsx": toaster,
454+
"/components/ui/toggle-group.tsx": toggleGroup,
455+
"/components/ui/toggle.tsx": toggle,
456+
"/components/ui/tooltip.tsx": tooltip,
457+
"/components/ui/use-toast.tsx": useToast,
386458
"/public/index.html": `<!DOCTYPE html>
387459
<html lang="en">
388460
<head>
@@ -400,14 +472,42 @@ export default function Home() {
400472
template="react-ts"
401473
customSetup={{
402474
dependencies: {
403-
"lucide-react": "0.263.1",
404-
// "lucide-react": "^0.424.0",
475+
"lucide-react": "^0.424.0",
476+
// "lucide-react": "0.263.1",
405477
recharts: "2.12.7",
478+
"@radix-ui/react-accordion": "^1.2.0",
479+
"@radix-ui/react-alert-dialog": "^1.1.1",
480+
"@radix-ui/react-aspect-ratio": "^1.1.0",
481+
"@radix-ui/react-avatar": "^1.1.0",
482+
"@radix-ui/react-checkbox": "^1.1.1",
483+
"@radix-ui/react-collapsible": "^1.1.0",
484+
"@radix-ui/react-dialog": "^1.1.1",
485+
"@radix-ui/react-dropdown-menu": "^2.1.1",
486+
"@radix-ui/react-hover-card": "^1.1.1",
406487
"@radix-ui/react-label": "^2.1.0",
407-
"tailwind-merge": "latest",
488+
"@radix-ui/react-menubar": "^1.1.1",
489+
"@radix-ui/react-navigation-menu": "^1.2.0",
490+
"@radix-ui/react-popover": "^1.1.1",
491+
"@radix-ui/react-progress": "^1.1.0",
492+
"@radix-ui/react-radio-group": "^1.2.0",
493+
"@radix-ui/react-select": "^2.1.1",
494+
"@radix-ui/react-separator": "^1.1.0",
495+
"@radix-ui/react-slider": "^1.2.0",
408496
"@radix-ui/react-slot": "^1.1.0",
497+
"@radix-ui/react-switch": "^1.1.0",
498+
"@radix-ui/react-tabs": "^1.1.0",
499+
"@radix-ui/react-toast": "^1.2.1",
500+
"@radix-ui/react-toggle": "^1.1.0",
501+
"@radix-ui/react-toggle-group": "^1.1.0",
502+
"@radix-ui/react-tooltip": "^1.1.2",
409503
"class-variance-authority": "^0.7.0",
410504
clsx: "^2.1.1",
505+
"date-fns": "^3.6.0",
506+
"embla-carousel-react": "^8.1.8",
507+
"react-day-picker": "^8.10.1",
508+
"tailwind-merge": "^2.4.0",
509+
"tailwindcss-animate": "^1.0.7",
510+
vaul: "^0.9.1",
411511
},
412512
}}
413513
/>

0 commit comments

Comments
 (0)