[
{
"path": ".eslintrc.json",
"content": "{\n \"extends\": \"next/core-web-vitals\"\n}\n"
},
{
"path": ".gitignore",
"content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.js\n.yarn/install-state.gz\n\n# testing\n/coverage\n\n# next.js\n/.next/\n/out/\n\n# production\n/build\n\n# misc\n.DS_Store\n*.pem\n\n# debug\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# local env files\n.env*.local\n.env\n\n# vercel\n.vercel\n\n# typescript\n*.tsbuildinfo\nnext-env.d.ts\n"
},
{
"path": "README.md",
"content": "This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n# or\nbun dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.\n\nThis project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.\n\n## Learn More\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!\n\n## Deploy on Vercel\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n"
},
{
"path": "app/(auth)/layout.tsx",
"content": "const AuthLayout = ({ children }: { children: React.ReactNode }) => {\n return (\n {children}
\n )\n}\n\nexport default AuthLayout"
},
{
"path": "app/(auth)/sign-in/[[...sign-in]]/page.tsx",
"content": "import { SignIn } from \"@clerk/nextjs\";\n\nexport default function Page() {\n return \n
\n
{course.title} \n \n\n
{course.subtitle}
\n\n
\n
\n
Instructor:
\n
{instructor.fullName}
\n
\n\n
\n
Price:
\n
${course.price}
\n
\n\n
\n
Level:
\n
{level?.name}
\n
\n\n
\n
\n
\n
\n {courses.map((course) => (\n
\n
\n
\n Your courses\n \n
\n {purchasedCourses.map((purchase) => (\n
\n
\n
\n
\n {courses.map((course) => (\n
\n \n
\n
Recommended courses for {queryText}
\n
\n {courses.map((course) => (\n
\n
\n
\n
({\n label: category.name,\n value: category.id,\n subCategories: category.subCategories.map((subcategory) => ({\n label: subcategory.name,\n value: subcategory.id,\n })),\n }))}\n levels={levels.map((level) => ({\n label: level.name,\n value: level.id,\n }))}\n isCompleted={isCompleted}\n />\n \n
\n
Create New Course \n \n\n
\n
\n
\n ({\n label: category.name,\n value: category.id,\n subCategories: category.subCategories.map((subcategory) => ({\n label: subcategory.name,\n value: subcategory.id\n }))\n }))} />\n
\n )\n}\n\nexport default CreateCoursePage"
},
{
"path": "app/(instructor)/instructor/performance/page.tsx",
"content": "import { getPerformance } from \"@/app/actions/getPerformance\"\nimport Chart from \"@/components/performance/Chart\"\nimport DataCard from \"@/components/performance/DataCard\"\nimport { auth } from \"@clerk/nextjs/server\"\nimport { redirect } from \"next/navigation\"\n\nconst PerformancePage = async () => {\n const { userId } = auth()\n\n if (!userId) {\n return redirect(\"/sign-in\")\n }\n\n const { data, totalRevenue, totalSales } = await getPerformance(userId)\n\n return (\n \n )\n}\n\nexport default PerformancePage"
},
{
"path": "app/(instructor)/layout.tsx",
"content": "import { auth } from \"@clerk/nextjs/server\";\nimport { redirect } from \"next/navigation\";\n\nimport Topbar from \"@/components/layout/Topbar\";\nimport Sidebar from \"@/components/layout/Sidebar\";\n\nconst InstructorLayout = ({ children }: { children: React.ReactNode }) => {\n const { userId } = auth()\n\n if (!userId) {\n return redirect(\"/sign-in\")\n }\n\n return (\n \n );\n};\n\nexport default InstructorLayout;\n"
},
{
"path": "app/actions/getCourses.tsx",
"content": "import { db } from \"@/lib/db\"\nimport { Course } from \"@prisma/client\"\n\nconst getCoursesByCategory = async (categoryId: string | null): Promise => {\n const whereClause: any = {\n ...(categoryId ? { categoryId, isPublished: true } : { isPublished: true }),\n }\n const courses = await db.course.findMany({\n where: whereClause,\n include: {\n category: true,\n subCategory: true,\n level: true,\n sections: {\n where: {\n isPublished: true,\n }\n },\n },\n orderBy: {\n createdAt: \"desc\",\n },\n })\n\n return courses\n}\n\nexport default getCoursesByCategory"
},
{
"path": "app/actions/getPerformance.ts",
"content": "import { db } from \"@/lib/db\";\nimport { Course, Purchase } from \"@prisma/client\";\n\ntype PurchaseWithCourse = Purchase & { course: Course };\n\nconst groupByCourse = (purchases: PurchaseWithCourse[]) => {\n const grouped: { [courseTitle: string]: { total: number; count: number } } =\n {};\n\n purchases.forEach((purchase) => {\n const courseTitle = purchase.course.title;\n if (!grouped[courseTitle]) {\n grouped[courseTitle] = { total: 0, count: 0 };\n }\n grouped[courseTitle].total += purchase.course.price!;\n grouped[courseTitle].count += 1;\n });\n\n return grouped;\n};\n\nexport const getPerformance = async (userId: string) => {\n try {\n const purchases = await db.purchase.findMany({\n where: { course: { instructorId: userId } },\n include: { course: true },\n });\n\n const groupedEarnings = groupByCourse(purchases); \n \n const data = Object.entries(groupedEarnings).map(\n ([courseTitle, { total, count }]) => ({\n name: courseTitle,\n total,\n count,\n })\n );\n\n const totalRevenue = data.reduce((acc, current) => acc + current.total, 0);\n const totalSales = purchases.length\n\n return {\n data,\n totalRevenue,\n totalSales,\n };\n } catch (err) {\n console.log(\"[getPerformance]\", err);\n return {\n data: [],\n totalRevenue: 0,\n totalSales: 0,\n };\n }\n};\n"
},
{
"path": "app/api/courses/[courseId]/checkout/route.ts",
"content": "import Stripe from \"stripe\";\nimport { NextRequest, NextResponse } from \"next/server\";\nimport { currentUser } from \"@clerk/nextjs/server\";\n\nimport { db } from \"@/lib/db\";\nimport { stripe } from \"@/lib/stripe\";\n\nexport const POST = async (\n req: NextRequest,\n { params }: { params: { courseId: string } }\n) => {\n try {\n const user = await currentUser();\n\n if (!user || !user.id || !user.emailAddresses?.[0]?.emailAddress) {\n return new NextResponse(\"Unauthorized\", { status: 401 });\n }\n\n const course = await db.course.findUnique({\n where: { id: params.courseId, isPublished: true },\n });\n\n if (!course) {\n return new NextResponse(\"Course Not Found\", { status: 404 });\n }\n\n const purchase = await db.purchase.findUnique({\n where: {\n customerId_courseId: { customerId: user.id, courseId: course.id },\n },\n });\n\n if (purchase) {\n return new NextResponse(\"Course Already Purchased\", { status: 400 });\n }\n\n const line_items: Stripe.Checkout.SessionCreateParams.LineItem[] = [\n {\n quantity: 1,\n price_data: {\n currency: \"cad\",\n product_data: {\n name: course.title,\n },\n unit_amount: Math.round(course.price! * 100),\n },\n }\n ]\n\n let stripeCustomer = await db.stripeCustomer.findUnique({\n where: { customerId: user.id },\n select: { stripeCustomerId: true },\n });\n\n if (!stripeCustomer) {\n const customer = await stripe.customers.create({\n email: user.emailAddresses[0].emailAddress,\n });\n\n stripeCustomer = await db.stripeCustomer.create({\n data: {\n customerId: user.id,\n stripeCustomerId: customer.id,\n },\n });\n }\n\n const session = await stripe.checkout.sessions.create({\n customer: stripeCustomer.stripeCustomerId,\n payment_method_types: [\"card\"],\n line_items,\n mode: \"payment\",\n success_url: `${process.env.NEXT_PUBLIC_BASE_URL}/courses/${course.id}/overview?success=true`,\n cancel_url: `${process.env.NEXT_PUBLIC_BASE_URL}/courses/${course.id}/overview?canceled=true`,\n metadata: {\n courseId: course.id,\n customerId: user.id,\n }\n });\n\n return NextResponse.json({ url: session.url })\n } catch (err) {\n console.log(\"[courseId_checkout_POST]\", err);\n return new NextResponse(\"Internal Server Error\", { status: 500 });\n }\n};\n"
},
{
"path": "app/api/courses/[courseId]/publish/route.ts",
"content": "import { db } from \"@/lib/db\";\nimport { auth } from \"@clerk/nextjs/server\";\nimport { NextRequest, NextResponse } from \"next/server\";\n\nexport const POST = async (\n req: NextRequest,\n { params }: { params: { courseId: string } }\n) => {\n try {\n const { userId } = auth();\n const { courseId } = params;\n\n if (!userId) {\n return new Response(\"Unauthorized\", { status: 401 });\n }\n\n const course = await db.course.findUnique({\n where: { id: courseId, instructorId: userId },\n include: {\n sections: {\n include: {\n muxData: true,\n },\n },\n },\n });\n\n if (!course) {\n return new Response(\"Course not found\", { status: 404 });\n }\n\n const isPublishedSections = course.sections.some(\n (section) => section.isPublished\n );\n\n if (\n !course.title ||\n !course.description ||\n !course.categoryId ||\n !course.subCategoryId ||\n !course.levelId ||\n !course.imageUrl ||\n !course.price ||\n !isPublishedSections\n ) {\n return new NextResponse(\"Missing required fields\", { status: 400 });\n }\n\n const pusblishedCourse = await db.course.update({\n where: { id: courseId, instructorId: userId },\n data: { isPublished: true },\n });\n\n return NextResponse.json(pusblishedCourse, { status: 200 });\n } catch (err) {\n console.log(\"[courseId_publish_POST]\", err);\n return new Response(\"Internal Server Error\", { status: 500 });\n }\n};\n"
},
{
"path": "app/api/courses/[courseId]/route.ts",
"content": "import { db } from \"@/lib/db\";\nimport { auth } from \"@clerk/nextjs/server\";\nimport { NextRequest, NextResponse } from \"next/server\";\nimport Mux from \"@mux/mux-node\";\n\nconst { video } = new Mux({\n tokenId: process.env.MUX_TOKEN_ID,\n tokenSecret: process.env.MUX_TOKEN_SECRET,\n});\n\nexport const PATCH = async (\n req: NextRequest,\n { params }: { params: { courseId: string } }\n) => {\n try {\n const { userId } = auth();\n const { courseId } = params;\n const values = await req.json();\n\n if (!userId) {\n return new Response(\"Unauthorized\", { status: 401 });\n }\n\n const course = await db.course.update({\n where: { id: courseId, instructorId: userId },\n data: { ...values },\n });\n\n return NextResponse.json(course, { status: 200 });\n } catch (err) {\n console.error([\"courseId_PATCH\", err]);\n return new Response(\"Internal Server Error\", { status: 500 });\n }\n};\n\nexport const DELETE = async (\n req: NextRequest,\n { params }: { params: { courseId: string } }\n) => {\n try {\n const { userId } = auth();\n const { courseId } = params;\n\n if (!userId) {\n return new NextResponse(\"Unauthorized\", { status: 401 });\n }\n\n const course = await db.course.findUnique({\n where: { id: courseId, instructorId: userId},\n include: {\n sections: {\n include: {\n muxData: true,\n }\n }\n }\n });\n\n if (!course) {\n return new NextResponse(\"Course not found\", { status: 404 });\n }\n\n for (const section of course.sections) {\n if (section.muxData?.assetId) {\n await video.assets.delete(section.muxData.assetId);\n }\n }\n\n await db.course.delete({\n where: { id: courseId, instructorId: userId },\n });\n\n return new NextResponse(\"Course Deleted\", { status: 200 });\n } catch (err) {\n console.error([\"courseId_DELETE\", err]);\n return new NextResponse(\"Internal Server Error\", { status: 500 });\n }\n};\n"
},
{
"path": "app/api/courses/[courseId]/sections/[sectionId]/progress/route.ts",
"content": "import { db } from \"@/lib/db\";\nimport { auth } from \"@clerk/nextjs/server\";\nimport { NextRequest, NextResponse } from \"next/server\";\n\nexport const POST = async (\n req: NextRequest,\n { params }: { params: { courseId: string; sectionId: string } }\n) => {\n try {\n const { userId } = auth();\n const { isCompleted } = await req.json();\n\n if (!userId) {\n return new NextResponse(\"Unauthorized\", { status: 401 });\n }\n\n const { courseId, sectionId } = params;\n\n const course = await db.course.findUnique({\n where: {\n id: courseId,\n },\n });\n\n if (!course) {\n return new NextResponse(\"Course Not Found\", { status: 404 });\n }\n\n const section = await db.section.findUnique({\n where: {\n id: sectionId,\n courseId,\n },\n });\n\n if (!section) {\n return new NextResponse(\"Section Not Found\", { status: 404 });\n }\n\n let progress = await db.progress.findUnique({\n where: {\n studentId_sectionId: {\n studentId: userId,\n sectionId,\n },\n },\n });\n\n if (progress) {\n progress = await db.progress.update({\n where: {\n studentId_sectionId: {\n studentId: userId,\n sectionId,\n },\n },\n data: {\n isCompleted,\n },\n });\n } else {\n progress = await db.progress.create({\n data: {\n studentId: userId,\n sectionId,\n isCompleted,\n },\n });\n }\n\n return NextResponse.json(progress, { status: 200 });\n } catch (err) {\n console.log(\"[sectionId_progress_POST]\", err);\n return new NextResponse(\"Internal Server Error\", { status: 500 });\n }\n};\n"
},
{
"path": "app/api/courses/[courseId]/sections/[sectionId]/publish/route.ts",
"content": "import { db } from \"@/lib/db\";\nimport { auth } from \"@clerk/nextjs/server\";\nimport { NextRequest, NextResponse } from \"next/server\";\n\nexport const POST = async (\n req: NextRequest,\n { params }: { params: { courseId: string; sectionId: string } }\n) => {\n try {\n const { userId } = auth();\n\n if (!userId) {\n return new NextResponse(\"Unauthorized\", { status: 401 });\n }\n\n const { courseId, sectionId } = params;\n\n const course = await db.course.findUnique({\n where: {\n id: courseId,\n instructorId: userId,\n },\n });\n\n if (!course) {\n return new NextResponse(\"Course Not Found\", { status: 404 });\n }\n\n const section = await db.section.findUnique({\n where: {\n id: sectionId,\n courseId,\n },\n });\n\n const muxData = await db.muxData.findUnique({\n where: {\n sectionId,\n },\n });\n\n if (!section || !muxData || !section.title || !section.description || !section.videoUrl) {\n return new NextResponse(\"Missing required fields\", { status: 400 });\n }\n\n const publishedSection = await db.section.update({\n where: {\n id: sectionId,\n courseId,\n },\n data: {\n isPublished: true,\n },\n });\n\n return NextResponse.json(publishedSection, { status: 200 });\n } catch (err) {\n console.log(\"[section_publish_POST]\", err)\n return new NextResponse(\"Internal Server Error\", { status: 500 });\n }\n}"
},
{
"path": "app/api/courses/[courseId]/sections/[sectionId]/resources/[resourceId]/route.ts",
"content": "import { db } from \"@/lib/db\";\nimport { auth } from \"@clerk/nextjs/server\";\nimport { NextRequest, NextResponse } from \"next/server\";\n\nexport const POST = async (\n req: NextRequest,\n { params }: { params: { courseId: string; sectionId: string, resourceId: string } }\n) => {\n try {\n const { userId } = auth()\n\n if (!userId) {\n return new NextResponse(\"Unauthorized\", { status: 401 });\n }\n\n const { courseId, sectionId, resourceId } = params;\n\n const course = await db.course.findUnique({\n where: {\n id: courseId,\n instructorId: userId,\n },\n });\n\n if (!course) {\n return new NextResponse(\"Course Not Found\", { status: 404 });\n }\n\n const section = await db.section.findUnique({\n where: {\n id: sectionId,\n courseId,\n },\n });\n\n if (!section) {\n return new NextResponse(\"Section Not Found\", { status: 404 });\n }\n\n await db.resource.delete({\n where: {\n id: resourceId,\n sectionId,\n },\n });\n \n return NextResponse.json(\"Resource deleted\", { status: 200 });\n } catch (err) {\n console.log(\"[resourceId_DELETE\", err);\n return new NextResponse(\"Internal Server Error\", { status: 500 });\n }\n};\n"
},
{
"path": "app/api/courses/[courseId]/sections/[sectionId]/resources/route.ts",
"content": "import { db } from \"@/lib/db\";\nimport { auth } from \"@clerk/nextjs/server\";\nimport { NextRequest, NextResponse } from \"next/server\";\n\nexport const POST = async (\n req: NextRequest,\n { params }: { params: { courseId: string; sectionId: string } }\n) => {\n try {\n const { userId } = auth()\n\n if (!userId) {\n return new NextResponse(\"Unauthorized\", { status: 401 });\n }\n\n const { courseId, sectionId } = params;\n\n const course = await db.course.findUnique({\n where: {\n id: courseId,\n instructorId: userId,\n },\n });\n\n if (!course) {\n return new NextResponse(\"Course Not Found\", { status: 404 });\n }\n\n const section = await db.section.findUnique({\n where: {\n id: sectionId,\n courseId,\n },\n });\n\n if (!section) {\n return new NextResponse(\"Section Not Found\", { status: 404 });\n }\n\n const { name, fileUrl } = await req.json();\n\n const resource = await db.resource.create({\n data: {\n name,\n fileUrl,\n sectionId,\n },\n });\n\n return NextResponse.json(resource, { status: 200 });\n } catch (err) {\n console.log(\"[resources_POST\", err);\n return new NextResponse(\"Internal Server Error\", { status: 500 });\n }\n};\n"
},
{
"path": "app/api/courses/[courseId]/sections/[sectionId]/route.ts",
"content": "import { db } from \"@/lib/db\";\nimport { auth } from \"@clerk/nextjs/server\";\nimport { NextRequest, NextResponse } from \"next/server\";\nimport Mux from \"@mux/mux-node\";\n\nconst { video } = new Mux({\n tokenId: process.env.MUX_TOKEN_ID,\n tokenSecret: process.env.MUX_TOKEN_SECRET,\n});\n\nexport const POST = async (\n req: NextRequest,\n { params }: { params: { courseId: string; sectionId: string } }\n) => {\n try {\n const { userId } = auth();\n\n if (!userId) {\n return new NextResponse(\"Unauthorized\", { status: 401 });\n }\n\n const values = await req.json();\n\n const { courseId, sectionId } = params;\n\n const course = await db.course.findUnique({\n where: {\n id: courseId,\n instructorId: userId,\n },\n });\n\n if (!course) {\n return new NextResponse(\"Course Not Found\", { status: 404 });\n }\n\n const section = await db.section.update({\n where: {\n id: sectionId,\n courseId,\n },\n data: {\n ...values,\n },\n });\n\n if (values.videoUrl) {\n const existingMuxData = await db.muxData.findFirst({\n where: {\n sectionId,\n },\n });\n\n if (existingMuxData) {\n await video.assets.delete(existingMuxData.assetId);\n await db.muxData.delete({\n where: {\n id: existingMuxData.id,\n },\n });\n }\n\n const asset = await video.assets.create({\n input: values.videoUrl,\n playback_policy: [\"public\"],\n test: false,\n });\n\n await db.muxData.create({\n data: {\n assetId: asset.id,\n playbackId: asset.playback_ids?.[0]?.id,\n sectionId,\n },\n });\n }\n\n return NextResponse.json(section, { status: 200 });\n } catch (err) {\n console.log(\"[sectionId_POST]\", err);\n return new NextResponse(\"Internal Server Error\", { status: 500 });\n }\n};\n\nexport const DELETE = async (req: NextRequest,\n { params }: { params: { courseId: string; sectionId: string } }\n) => {\n try {\n const { userId } = auth();\n\n if (!userId) {\n return new NextResponse(\"Unauthorized\", { status: 401 });\n }\n\n const { courseId, sectionId } = params;\n\n const course = await db.course.findUnique({\n where: {\n id: courseId,\n instructorId: userId,\n },\n });\n\n if (!course) {\n return new NextResponse(\"Course Not Found\", { status: 404 });\n }\n\n const section = await db.section.findUnique({\n where: {\n id: sectionId,\n courseId,\n }\n });\n\n if (!section) {\n return new NextResponse(\"Section Not Found\", { status: 404 });\n }\n\n if (section.videoUrl) {\n const existingMuxData = await db.muxData.findFirst({\n where: {\n sectionId,\n },\n });\n\n if (existingMuxData) {\n await video.assets.delete(existingMuxData.assetId);\n await db.muxData.delete({\n where: {\n id: existingMuxData.id,\n },\n });\n }\n }\n\n await db.section.delete({\n where: {\n id: sectionId,\n courseId,\n },\n });\n\n const publishedSectionsInCourse = await db.section.findMany({\n where: {\n courseId,\n isPublished: true,\n },\n });\n\n if (!publishedSectionsInCourse.length) {\n await db.course.update({\n where: {\n id: courseId,\n },\n data: {\n isPublished: false,\n },\n });\n }\n\n return new NextResponse(\"Section Deleted\", { status: 200 });\n } catch (err) {\n console.log(\"[sectionId_DELETE]\", err);\n return new NextResponse(\"Internal Server Error\", { status: 500 });\n }\n}\n"
},
{
"path": "app/api/courses/[courseId]/sections/[sectionId]/unpublish/route.ts",
"content": "import { db } from \"@/lib/db\";\nimport { auth } from \"@clerk/nextjs/server\";\nimport { NextRequest, NextResponse } from \"next/server\";\n\nexport const POST = async (\n req: NextRequest,\n { params }: { params: { courseId: string; sectionId: string } }\n) => {\n try {\n const { userId } = auth();\n\n if (!userId) {\n return new NextResponse(\"Unauthorized\", { status: 401 });\n }\n\n const { courseId, sectionId } = params;\n\n const course = await db.course.findUnique({\n where: {\n id: courseId,\n instructorId: userId,\n },\n });\n\n if (!course) {\n return new NextResponse(\"Course Not Found\", { status: 404 });\n }\n\n const unpublishedSection = await db.section.update({\n where: {\n id: sectionId,\n courseId,\n },\n data: {\n isPublished: false,\n },\n });\n\n const publishedSectionsInCourse = await db.section.findMany({\n where: {\n courseId,\n isPublished: true,\n },\n });\n\n if (publishedSectionsInCourse.length === 0) {\n await db.course.update({\n where: {\n id: courseId,\n instructorId: userId,\n },\n data: {\n isPublished: false,\n },\n });\n }\n\n return NextResponse.json(unpublishedSection, { status: 200 });\n } catch (err) {\n console.log(\"[sectionId_unpublish_POST]\", err);\n return new NextResponse(\"Internal Server Error\", { status: 500 });\n }\n}"
},
{
"path": "app/api/courses/[courseId]/sections/reorder/route.ts",
"content": "import { db } from \"@/lib/db\";\nimport { auth } from \"@clerk/nextjs/server\";\nimport { NextRequest, NextResponse } from \"next/server\";\n\nexport const PUT = async (\n req: NextRequest,\n { params }: { params: { courseId: string } }\n) => {\n try {\n const { userId } = auth();\n\n if (!userId) {\n return new NextResponse(\"Unauthorized\", { status: 401 });\n }\n\n const { list } = await req.json();\n\n const course = await db.course.findUnique({\n where: {\n id: params.courseId,\n instructorId: userId,\n },\n });\n\n if (!course) {\n return new NextResponse(\"Course not found\", { status: 404 });\n }\n\n for (let item of list) {\n await db.section.update({\n where: {\n id: item.id,\n },\n data: {\n position: item.position,\n },\n });\n }\n\n return new NextResponse(\"Reorder sections successfully\", { status: 200 });\n } catch (err) {\n console.log(\"[reorder_PUT]\", err);\n return new NextResponse(\"Internal Server Error\", { status: 500 });\n }\n};\n"
},
{
"path": "app/api/courses/[courseId]/sections/route.ts",
"content": "import { db } from \"@/lib/db\";\nimport { auth } from \"@clerk/nextjs/server\";\nimport { NextRequest, NextResponse } from \"next/server\";\n\nexport const POST = async (\n req: NextRequest,\n { params }: { params: { courseId: string } }\n) => {\n try {\n const { userId } = auth();\n\n if (!userId) {\n return new NextResponse(\"Unauthorized\", { status: 401 });\n }\n\n const course = await db.course.findUnique({\n where: { id: params.courseId, instructorId: userId },\n });\n\n if (!course) {\n return new NextResponse(\"Course Not Found\", { status: 404 });\n }\n\n const lastSection = await db.section.findFirst({\n where: { courseId: params.courseId },\n orderBy: { position: \"desc\" },\n });\n\n const newPosition = lastSection ? lastSection.position + 1 : 0;\n\n const { title } = await req.json();\n\n const newSection = await db.section.create({\n data: {\n title,\n courseId: params.courseId,\n position: newPosition,\n },\n });\n\n return NextResponse.json(newSection, { status: 200 });\n } catch (err) {\n console.log(\"[sections_POST]\", err);\n return new NextResponse(\"Internal Server Error\", { status: 500 });\n }\n};\n"
},
{
"path": "app/api/courses/[courseId]/unpublish/route.ts",
"content": "import { db } from \"@/lib/db\";\nimport { auth } from \"@clerk/nextjs/server\";\nimport { NextRequest, NextResponse } from \"next/server\";\n\nexport const POST = async (\n req: NextRequest,\n { params }: { params: { courseId: string } }\n) => {\n try {\n const { userId } = auth();\n const { courseId } = params;\n\n if (!userId) {\n return new Response(\"Unauthorized\", { status: 401 });\n }\n\n const course = await db.course.findUnique({\n where: { id: courseId, instructorId: userId },\n });\n\n if (!course) {\n return new Response(\"Course not found\", { status: 404 });\n }\n\n const unpusblishedCourse = await db.course.update({\n where: { id: courseId, instructorId: userId },\n data: { isPublished: false },\n });\n\n return NextResponse.json(unpusblishedCourse, { status: 200 });\n } catch (err) {\n console.log(\"[courseId_unpublish_POST]\", err);\n return new Response(\"Internal Server Error\", { status: 500 });\n }\n};"
},
{
"path": "app/api/courses/route.ts",
"content": "import { db } from \"@/lib/db\";\nimport { auth } from \"@clerk/nextjs/server\";\nimport { NextRequest, NextResponse } from \"next/server\";\n\nexport const POST = async (req: NextRequest) => {\n try {\n const { userId } = auth()\n\n if (!userId) {\n return new NextResponse(\"Unauthorized\", { status: 401 })\n }\n\n const { title, categoryId, subCategoryId } = await req.json()\n\n const newCourse = await db.course.create({\n data: {\n title,\n categoryId,\n subCategoryId,\n instructorId: userId\n }\n })\n\n return NextResponse.json(newCourse, {status: 200 })\n } catch (err) {\n console.log(\"[courses_POST]\", err)\n return new NextResponse(\"Internal Server Error\", { status: 500 })\n }\n}"
},
{
"path": "app/api/uploadthing/core.ts",
"content": "import { auth } from \"@clerk/nextjs/server\";\nimport { createUploadthing, type FileRouter } from \"uploadthing/next\";\nimport { UploadThingError } from \"uploadthing/server\";\n\nconst f = createUploadthing();\n\nconst handleAuth = () => {\n const { userId } = auth();\n if (!userId) throw new Error(\"Unauthorized\");\n return { userId };\n};\n\n// FileRouter for your app, can contain multiple FileRoutes\nexport const ourFileRouter = {\n courseBanner: f({ image: { maxFileSize: \"4MB\", maxFileCount: 1 } })\n .middleware(handleAuth)\n .onUploadComplete(() => {}),\n sectionVideo: f({ video: { maxFileSize: \"512GB\", maxFileCount: 1 } })\n .middleware(handleAuth)\n .onUploadComplete(() => {}),\n sectionResource: f([\"text\", \"image\", \"video\", \"audio\", \"pdf\"])\n .middleware(handleAuth)\n .onUploadComplete(() => {}),\n} satisfies FileRouter;\n\nexport type OurFileRouter = typeof ourFileRouter;\n"
},
{
"path": "app/api/uploadthing/route.ts",
"content": "import { createRouteHandler } from \"uploadthing/next\";\n \nimport { ourFileRouter } from \"./core\";\n \n// Export routes for Next App Router\nexport const { GET, POST } = createRouteHandler({\n router: ourFileRouter,\n});"
},
{
"path": "app/api/webhook/route.ts",
"content": "import { db } from \"@/lib/db\";\nimport { stripe } from \"@/lib/stripe\";\nimport { headers } from \"next/headers\";\nimport { NextRequest, NextResponse } from \"next/server\";\nimport Stripe from \"stripe\";\n\nexport const POST = async (req: NextRequest) => {\n const rawBody = await req.text();\n const signature = headers().get(\"Stripe-Signature\") as string;\n\n let event: Stripe.Event;\n\n try {\n event = stripe.webhooks.constructEvent(\n rawBody,\n signature,\n process.env.STRIPE_WEBHOOK_SECRET!\n );\n } catch (err: any) {\n return new NextResponse(`Webhook error: ${err.message}`, { status: 400 });\n }\n\n const session = event.data.object as Stripe.Checkout.Session;\n const customerId = session?.metadata?.customerId;\n const courseId = session?.metadata?.courseId;\n\n if (event.type === \"checkout.session.completed\") {\n if (!customerId || !courseId) {\n return new NextResponse(\"Missing metadata\", { status: 400 });\n }\n\n await db.purchase.create({\n data: {\n customerId,\n courseId,\n },\n });\n } else {\n return new NextResponse(`Unhandled event type: ${event.type}`, {\n status: 400,\n });\n }\n\n return new NextResponse(\"Success\", { status: 200 });\n};\n"
},
{
"path": "app/globals.css",
"content": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\nhtml,\nbody,\n:root {\n height: 100%;\n}\n\n@layer base {\n :root {\n --background: 0 0% 100%;\n --foreground: 222.2 84% 4.9%;\n\n --card: 0 0% 100%;\n --card-foreground: 222.2 84% 4.9%;\n\n --popover: 0 0% 100%;\n --popover-foreground: 222.2 84% 4.9%;\n\n --primary: 222.2 47.4% 11.2%;\n --primary-foreground: 210 40% 98%;\n\n --secondary: 210 40% 96.1%;\n --secondary-foreground: 222.2 47.4% 11.2%;\n\n --muted: 210 40% 96.1%;\n --muted-foreground: 215.4 16.3% 46.9%;\n\n --accent: 210 40% 96.1%;\n --accent-foreground: 222.2 47.4% 11.2%;\n\n --destructive: 0 84.2% 60.2%;\n --destructive-foreground: 210 40% 98%;\n\n --border: 214.3 31.8% 91.4%;\n --input: 214.3 31.8% 91.4%;\n --ring: 222.2 84% 4.9%;\n\n --radius: 0.5rem;\n }\n\n .dark {\n --background: 222.2 84% 4.9%;\n --foreground: 210 40% 98%;\n\n --card: 222.2 84% 4.9%;\n --card-foreground: 210 40% 98%;\n\n --popover: 222.2 84% 4.9%;\n --popover-foreground: 210 40% 98%;\n\n --primary: 210 40% 98%;\n --primary-foreground: 222.2 47.4% 11.2%;\n\n --secondary: 217.2 32.6% 17.5%;\n --secondary-foreground: 210 40% 98%;\n\n --muted: 217.2 32.6% 17.5%;\n --muted-foreground: 215 20.2% 65.1%;\n\n --accent: 217.2 32.6% 17.5%;\n --accent-foreground: 210 40% 98%;\n\n --destructive: 0 62.8% 30.6%;\n --destructive-foreground: 210 40% 98%;\n\n --border: 217.2 32.6% 17.5%;\n --input: 217.2 32.6% 17.5%;\n --ring: 212.7 26.8% 83.9%;\n }\n}\n\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply bg-background text-foreground;\n }\n}\n\n.cl-formButtonPrimary {\n color: black;\n background-color: #FDAB04;\n}\n\n.cl-formButtonPrimary:hover {\n background-color: rgba(253, 171, 4, 0.8);\n}\n\n@import \"@uploadthing/react/styles.css\";"
},
{
"path": "app/layout.tsx",
"content": "import type { Metadata } from \"next\";\nimport { Inter } from \"next/font/google\";\nimport { ClerkProvider } from \"@clerk/nextjs\";\n\nimport \"./globals.css\";\nimport ToasterProvider from \"@/components/providers/ToasterProvider\";\n\nconst inter = Inter({ subsets: [\"latin\"] });\n\nexport const metadata: Metadata = {\n title: \"Tech Vision Academy\",\n description: \"Empowering minds, shaping future\",\n};\n\nexport default function RootLayout({\n children,\n}: Readonly<{\n children: React.ReactNode;\n}>) {\n return (\n \n \n \n \n );\n}\n"
},
{
"path": "components/courses/Columns.tsx",
"content": "\"use client\";\n\nimport { Course } from \"@prisma/client\";\nimport { ColumnDef } from \"@tanstack/react-table\";\nimport { Pencil } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { ArrowUpDown } from \"lucide-react\";\n\nimport { Badge } from \"../ui/badge\";\nimport { Button } from \"../ui/button\";\n\nexport const columns: ColumnDef[] = [\n {\n accessorKey: \"title\", // course.title\n header: ({ column }) => {\n return (\n column.toggleSorting(column.getIsSorted() === \"asc\")}\n >\n Title\n column.toggleSorting(column.getIsSorted() === \"asc\")}\n >\n Price\n {formatted}
;\n },\n },\n {\n accessorKey: \"isPublished\",\n header: \"Status\",\n cell: ({ row }) => {\n const isPublished = row.getValue(\"isPublished\") || false;\n\n return (\n \n {isPublished ? \"Published\" : \"Draft\"}\n \n );\n },\n },\n {\n id: \"actions\",\n cell: ({ row }) => (\n \n \n \n
{course.title} \n
\n {instructor && (\n
\n
\n
{instructor.fullName}
\n
\n )}\n {level && (\n
\n )}\n
\n\n
$ {course.price}
\n
>({\n resolver: zodResolver(formSchema),\n defaultValues: {\n title: \"\",\n categoryId: \"\",\n subCategoryId: \"\",\n },\n });\n\n const { isValid, isSubmitting } = form.formState;\n\n // 2. Define a submit handler.\n const onSubmit = async (values: z.infer) => {\n try {\n const response = await axios.post(\"/api/courses\", values);\n router.push(`/instructor/courses/${response.data.id}/basic`);\n toast.success(\"New Course Created\");\n } catch (err) {\n console.log(\"Failed to create new course\", err);\n toast.error(\"Something went wrong!\");\n }\n };\n\n return (\n \n
\n Let give some basics for your course\n \n
\n It is ok if you cannot think of a good title or correct category now.\n You can change them later.\n
\n\n
\n \n
>({\n resolver: zodResolver(formSchema),\n defaultValues: {\n title: course.title,\n subtitle: course.subtitle || \"\",\n description: course.description || \"\",\n categoryId: course.categoryId,\n subCategoryId: course.subCategoryId,\n levelId: course.levelId || \"\",\n imageUrl: course.imageUrl || \"\",\n price: course.price || undefined,\n },\n });\n\n const { isValid, isSubmitting } = form.formState;\n\n // 2. Define a submit handler.\n const onSubmit = async (values: z.infer) => {\n try {\n await axios.patch(`/api/courses/${course.id}`, values);\n toast.success(\"Course Updated\");\n router.refresh();\n } catch (err) {\n console.log(\"Failed to update the course\", err);\n toast.error(\"Something went wrong!\");\n }\n };\n\n const routes = [\n {\n label: \"Basic Information\",\n path: `/instructor/courses/${course.id}/basic`,\n },\n { label: \"Curriculum\", path: `/instructor/courses/${course.id}/sections` },\n ];\n\n return (\n <>\n \n
\n {routes.map((route) => (\n \n {route.label}\n \n \n ))}\n
\n\n
\n
\n {isCompleted ? (\n \n {missingFieldsCount} missing field(s) / {requiredFieldsCount} required\n fields\n \n \n {isCompleted\n ? \"Great job! Ready to publish\"\n : \"You can only publish when all the required fields are completed\"}\n \n \n );\n};\n\nexport default AlertBanner;\n"
},
{
"path": "components/custom/Categories.tsx",
"content": "\"use client\"\n\nimport { Category } from \"@prisma/client\";\nimport { Button } from \"@/components/ui/button\";\nimport { useRouter } from \"next/navigation\";\n\ninterface CategoriesProps {\n categories: Category[];\n selectedCategory: string | null;\n}\n\nconst Categories = ({ categories, selectedCategory }: CategoriesProps) => {\n const router = useRouter();\n\n const onClick = (categoryId: string | null) => {\n router.push(categoryId ? `/categories/${categoryId}` : \"/\");\n };\n\n return (\n \n onClick(null)}\n >\n All Categories\n \n {categories.map((category) => (\n onClick(category.id)}\n >\n {category.name}\n \n ))}\n
\n );\n};\n\nexport default Categories;\n"
},
{
"path": "components/custom/ComboBox.tsx",
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Check, ChevronsUpDown } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n} from \"@/components/ui/command\"\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"@/components/ui/popover\"\n\ninterface ComboBoxProps {\n options: { label: string, value: string }[]\n value?: string\n onChange: (value: string) => void\n}\n\nexport function ComboBox({ options, value, onChange }: ComboBoxProps) {\n const [open, setOpen] = React.useState(false)\n\n return (\n \n \n \n {value\n ? options.find((option) => option.value === value)?.label\n : \"Select option...\"}\n \n \n \n No option found. \n \n {options.map((option) => (\n {\n onChange(option.value === value ? \"\" : option.value)\n setOpen(false)\n }}\n >\n \n \n \n \n )\n}\n"
},
{
"path": "components/custom/DataTable.tsx",
"content": "\"use client\";\n\nimport {\n ColumnDef,\n flexRender,\n getCoreRowModel,\n getPaginationRowModel,\n SortingState,\n getSortedRowModel,\n ColumnFiltersState,\n getFilteredRowModel,\n useReactTable,\n} from \"@tanstack/react-table\";\n\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from \"@/components/ui/table\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\"\n\nimport { useState } from \"react\";\n\ninterface DataTableProps {\n columns: ColumnDef[];\n data: TData[];\n}\n\nexport function DataTable({\n columns,\n data,\n}: DataTableProps) {\n const [sorting, setSorting] = useState([])\n const [columnFilters, setColumnFilters] = useState(\n []\n )\n\n const table = useReactTable({\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n onSortingChange: setSorting,\n getSortedRowModel: getSortedRowModel(),\n onColumnFiltersChange: setColumnFilters,\n getFilteredRowModel: getFilteredRowModel(),\n state: {\n sorting,\n columnFilters\n }\n });\n\n return (\n \n
\n \n table.getColumn(\"title\")?.setFilterValue(event.target.value)\n }\n className=\"max-w-sm\"\n />\n
\n\n
\n
\n \n {table.getHeaderGroups().map((headerGroup) => (\n \n {headerGroup.headers.map((header) => {\n return (\n \n {header.isPlaceholder\n ? null\n : flexRender(\n header.column.columnDef.header,\n header.getContext()\n )}\n \n );\n })}\n \n ))}\n \n \n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map((row) => (\n \n {row.getVisibleCells().map((cell) => (\n \n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext()\n )}\n \n ))}\n \n ))\n ) : (\n \n \n No results.\n \n \n )}\n \n
\n
\n
\n table.previousPage()}\n disabled={!table.getCanPreviousPage()}\n >\n Previous\n \n table.nextPage()}\n disabled={!table.getCanNextPage()}\n >\n Next\n \n
\n
\n \n \n {isDeleting ? (\n \n \n \n \n \n Are you absolutely sure?\n \n \n This action cannot be undone. This will permanently delete your {item}\n \n \n \n Cancel \n Delete \n \n \n \n );\n};\n\nexport default Delete;\n"
},
{
"path": "components/custom/FileUpload.tsx",
"content": "\"use client\";\n\nimport { ourFileRouter } from \"@/app/api/uploadthing/core\";\nimport { UploadDropzone } from \"@/lib/uploadthing\";\nimport Image from \"next/image\";\nimport toast from \"react-hot-toast\";\n\ninterface FileUploadProps {\n value: string;\n onChange: (url?: string) => void;\n endpoint: keyof typeof ourFileRouter;\n page: string;\n}\n\nconst FileUpload = ({ value, onChange, endpoint, page }: FileUploadProps) => {\n return (\n \n {page === \"Edit Course\" && value !== \"\" && (\n
\n )}\n\n {page === \"Edit Section\" && value !== \"\" && (\n
{value}
\n )}\n\n
{\n onChange(res?.[0].url);\n }}\n onUploadError={(error: Error) => {\n toast.error(error.message);\n }}\n className=\"w-[280px] h-[200px]\"\n />\n \n {isLoading ? \n
{course.title} \n {purchase && (\n
\n
\n
{Math.round(progressPercentage)}% completed
\n
\n )}\n
\n Overview\n \n {publishedSections.map((section) => (\n \n {section.title}\n \n ))}\n \n \n \n Sections \n \n \n \n Overview\n \n {course.sections.map((section) => (\n \n {section.title}\n \n ))}\n \n \n
\n );\n};\n\nexport default SectionMenu;\n"
},
{
"path": "components/layout/Sidebar.tsx",
"content": "\"use client\";\n\nimport { BarChart4, MonitorPlay } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { usePathname } from \"next/navigation\";\n\nconst Sidebar = () => {\n const pathname = usePathname();\n\n const sidebarRoutes = [\n { icon: \n {sidebarRoutes.map((route) => (\n \n {route.icon} {route.label}\n \n ))}\n
\n );\n};\n\nexport default Sidebar;\n"
},
{
"path": "components/layout/Topbar.tsx",
"content": "\"use client\";\n\nimport { UserButton, useAuth } from \"@clerk/nextjs\";\nimport { Menu, Search } from \"lucide-react\";\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { useState } from \"react\";\nimport { usePathname, useRouter } from \"next/navigation\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n Sheet,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetTitle,\n SheetTrigger,\n} from \"@/components/ui/sheet\";\n\nconst Topbar = () => {\n const { isSignedIn } = useAuth();\n const router = useRouter();\n const pathName = usePathname();\n\n const topRoutes = [\n { label: \"Instructor\", path: \"/instructor/courses\" },\n { label: \"Learning\", path: \"/learning\" },\n ];\n\n const sidebarRoutes = [\n { label: \"Courses\", path: \"/instructor/courses\" },\n {\n label: \"Performance\",\n path: \"/instructor/performance\",\n },\n ];\n\n const [searchInput, setSearchInput] = useState(\"\");\n\n const handleSearch = () => {\n if (searchInput.trim() !== \"\") {\n router.push(`/search?query=${searchInput}`);\n }\n setSearchInput(\"\");\n };\n\n return (\n \n
\n
\n \n\n
\n setSearchInput(e.target.value)}\n />\n \n
\n\n
\n
\n {topRoutes.map((route) => (\n \n {route.label}\n \n ))}\n
\n\n
\n
\n \n \n \n \n {topRoutes.map((route) => (\n \n {route.label}\n \n ))}\n
\n \n {pathName.startsWith(\"/instructor\") && (\n \n {sidebarRoutes.map((route) => (\n \n {route.label}\n \n ))}\n
\n )}\n \n \n
\n\n {isSignedIn ? (\n
\n ) : (\n
\n
Sign In \n \n )}\n
\n
\n \n \n `$${value}`}\n />\n \n \n \n );\n};\n\nexport default Chart;\n"
},
{
"path": "components/performance/DataCard.tsx",
"content": "import { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { formatPrice } from \"@/lib/formatPrice\";\n\ninterface DataCardProps {\n value: number;\n label: string;\n shouldFormat?: boolean;\n}\n\nconst DataCard = ({ value, label, shouldFormat }: DataCardProps) => {\n return (\n \n \n {label} \n \n \n \n {shouldFormat ? formatPrice(value) : value}\n
\n \n \n );\n};\n\nexport default DataCard;\n"
},
{
"path": "components/providers/ToasterProvider.tsx",
"content": "\"use client\"\n\nimport { Toaster } from \"react-hot-toast\"\n\nconst ToasterProvider = () => {\n return (\n >({\n resolver: zodResolver(formSchema),\n defaultValues: {\n title: \"\",\n },\n });\n\n const { isValid, isSubmitting } = form.formState;\n\n // 2. Define a submit handler.\n const onSubmit = async (values: z.infer) => {\n try {\n const response = await axios.post(\n `/api/courses/${course.id}/sections`,\n values\n );\n router.push(\n `/instructor/courses/${course.id}/sections/${response.data.id}`\n );\n toast.success(\"New Section created!\");\n } catch (err) {\n toast.error(\"Something went wrong!\");\n console.log(\"Failed to create a new section\", err);\n }\n };\n\n const onReorder = async (updateData: { id: string; position: number }[]) => {\n try {\n await axios.put(`/api/courses/${course.id}/sections/reorder`, {\n list: updateData,\n });\n toast.success(\"Sections reordered successfully\");\n } catch (err) {\n console.log(\"Failed to reorder sections\", err);\n toast.error(\"Something went wrong!\");\n }\n };\n\n return (\n \n
\n {routes.map((route) => (\n \n {route.label}\n \n \n ))}\n
\n\n
\n router.push(`/instructor/courses/${course.id}/sections/${id}`)\n }\n />\n\n Add New Section \n\n \n \n >({\n resolver: zodResolver(formSchema),\n defaultValues: {\n title: section.title,\n description: section.description || \"\",\n videoUrl: section.videoUrl || \"\",\n isFree: section.isFree,\n },\n });\n\n const { isValid, isSubmitting } = form.formState;\n\n // 2. Define a submit handler.\n const onSubmit = async (values: z.infer) => {\n try {\n await axios.post(\n `/api/courses/${courseId}/sections/${section.id}`,\n values\n );\n toast.success(\"Section Updated\");\n router.refresh();\n } catch (err) {\n console.log(\"Failed to update the section\", err);\n toast.error(\"Something went wrong!\");\n }\n };\n\n return (\n <>\n \n
\n
\n \n \n\n
\n
Section Details \n \n Complete this section with detailed information, good video and\n resources to give your students the best learning experience\n
\n\n \n \n\n \n {isLoading ? (\n \n Completed \n
\n ) : (\n \"Mark as complete\"\n )}\n \n );\n};\n\nexport default ProgressButton;\n"
},
{
"path": "components/sections/ResourceForm.tsx",
"content": "\"use client\";\n\nimport { Resource, Section } from \"@prisma/client\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { z } from \"zod\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport { useForm } from \"react-hook-form\";\nimport toast from \"react-hot-toast\";\nimport axios from \"axios\";\nimport { File, Loader2, PlusCircle, X } from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n Form,\n FormControl,\n FormField,\n FormItem,\n FormLabel,\n FormMessage,\n} from \"@/components/ui/form\";\nimport { Input } from \"@/components/ui/input\";\nimport FileUpload from \"@/components/custom/FileUpload\";\n\nconst formSchema = z.object({\n name: z.string().min(2, {\n message: \"Name is required and must be at least 2 characters long\",\n }),\n fileUrl: z.string().min(1, {\n message: \"File is required\",\n }),\n});\n\ninterface ResourceFormProps {\n section: Section & { resources: Resource[] };\n courseId: string;\n}\n\nconst ResourceForm = ({ section, courseId }: ResourceFormProps) => {\n const router = useRouter();\n\n // 1. Define your form.\n const form = useForm>({\n resolver: zodResolver(formSchema),\n defaultValues: {\n name: \"\",\n fileUrl: \"\",\n },\n });\n\n const { isValid, isSubmitting } = form.formState;\n\n // 2. Define a submit handler.\n const onSubmit = async (values: z.infer) => {\n try {\n await axios.post(\n `/api/courses/${courseId}/sections/${section.id}/resources`,\n values\n );\n toast.success(\"New Resource uploaded!\");\n form.reset();\n router.refresh();\n } catch (err) {\n toast.error(\"Something went wrong!\");\n console.log(\"Failed to upload resource\", err);\n }\n };\n\n const onDelete = async (id: string) => {\n try {\n await axios.post(\n `/api/courses/${courseId}/sections/${section.id}/resources/${id}`\n );\n toast.success(\"Resource deleted!\");\n router.refresh();\n } catch (err) {\n toast.error(\"Something went wrong!\");\n console.log(\"Failed to delete resource\", err);\n }\n };\n\n return (\n <>\n \n
\n Add Resources (optional)\n
\n Add resources to this section to help students learn better.\n
\n\n \n {section.resources.map((resource) => (\n
\n
\n
\n
onDelete(resource.id)}\n >\n {isSubmitting ? (\n \n ))}\n\n
\n \n
\n \n {(provided) => (\n 0 ? \"my-10\" : \"mt-7\"\n } flex flex-col gap-5`}\n >\n {sections.map((section, index) => (\n \n {(provided) => (\n \n \n
\n {section.title}\n \n
onEdit(section.id)}\n />\n \n \n );\n};\n\nexport default SectionList;\n"
},
{
"path": "components/sections/SectionsDetails.tsx",
"content": "\"use client\";\n\nimport {\n Course,\n MuxData,\n Progress,\n Purchase,\n Resource,\n Section,\n} from \"@prisma/client\";\nimport toast from \"react-hot-toast\";\nimport { useState } from \"react\";\nimport axios from \"axios\";\nimport { File, Loader2, Lock } from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport ReadText from \"@/components/custom/ReadText\";\nimport MuxPlayer from \"@mux/mux-player-react\";\nimport Link from \"next/link\";\nimport ProgressButton from \"./ProgressButton\";\nimport SectionMenu from \"../layout/SectionMenu\";\n\ninterface SectionsDetailsProps {\n course: Course & { sections: Section[] };\n section: Section;\n purchase: Purchase | null;\n muxData: MuxData | null;\n resources: Resource[] | [];\n progress: Progress | null;\n}\n\nconst SectionsDetails = ({\n course,\n section,\n purchase,\n muxData,\n resources,\n progress,\n}: SectionsDetailsProps) => {\n const [isLoading, setIsLoading] = useState(false);\n const isLocked = !purchase && !section.isFree;\n\n const buyCourse = async () => {\n try {\n setIsLoading(true);\n const response = await axios.post(`/api/courses/${course.id}/checkout`);\n window.location.assign(response.data.url);\n } catch (err) {\n console.log(\"Failed to chechout course\", err);\n toast.error(\"Something went wrong!\");\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n \n
\n
{section.title} \n\n
\n
\n {!purchase ? (\n
\n {isLoading ? (\n Buy this course
\n )}\n \n ) : (\n
// !! converts falsy values to boolean false\n )}\n
\n
\n\n
\n\n {isLocked ? (\n
\n
\n
\n Video for this section is locked!. Please buy the course to access\n
\n
\n ) : (\n
\n )}\n\n
\n
Resources \n {resources.map((resource) => (\n \n \n
,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n \n))\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName\n\nconst AlertDialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes) => (\n ) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n & VariantProps\n>(({ className, variant, ...props }, ref) => (\n \n>(({ className, ...props }, ref) => (\n \n>(({ className, ...props }, ref) => (\n ,\n VariantProps {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n return (\n
\n )\n}\n\nexport { Badge, badgeVariants }\n"
},
{
"path": "components/ui/button.tsx",
"content": "import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-[#FDAB04] text-black-foreground hover:bg-[#FDAB04]/90\",\n destructive:\n \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n outline:\n \"border border-input bg-background hover:bg-[#FFF8EB] hover:text-accent-foreground\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n complete: \"bg-[#C5DDD6] text-black-foreground hover:bg-[#C5DDD6]/90\"\n },\n size: {\n default: \"h-10 px-4 py-2\",\n sm: \"h-9 rounded-md px-3\",\n lg: \"h-11 rounded-md px-8\",\n icon: \"h-10 w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean\n}\n\nconst Button = React.forwardRef(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n return (\n \n>(({ className, ...props }, ref) => (\n \n>(({ className, ...props }, ref) => (\n \n>(({ className, ...props }, ref) => (\n \n>(({ className, ...props }, ref) => (\n \n>(({ className, ...props }, ref) => (\n
\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes\n>(({ className, ...props }, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n \n \n {children}\n \n \n \n )\n}\n\nconst CommandInput = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n
\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>((props, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n ) => {\n return (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, children, ...props }, ref) => (\n \n \n {children}\n \n Close \n \n \n \n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes) => (\n ) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n = FieldPath\n> = {\n name: TName\n}\n\nconst FormFieldContext = React.createContext(\n {} as FormFieldContextValue\n)\n\nconst FormField = <\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath = FieldPath\n>({\n ...props\n}: ControllerProps) => {\n return (\n \n \n )\n}\n\nconst useFormField = () => {\n const fieldContext = React.useContext(FormFieldContext)\n const itemContext = React.useContext(FormItemContext)\n const { getFieldState, formState } = useFormContext()\n\n const fieldState = getFieldState(fieldContext.name, formState)\n\n if (!fieldContext) {\n throw new Error(\"useFormField should be used within \")\n }\n\n const { id } = itemContext\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `${id}-form-item`,\n formDescriptionId: `${id}-form-item-description`,\n formMessageId: `${id}-form-item-message`,\n ...fieldState,\n }\n}\n\ntype FormItemContextValue = {\n id: string\n}\n\nconst FormItemContext = React.createContext(\n {} as FormItemContextValue\n)\n\nconst FormItem = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes\n>(({ className, ...props }, ref) => {\n const id = React.useId()\n\n return (\n \n
\n \n )\n})\nFormItem.displayName = \"FormItem\"\n\nconst FormLabel = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => {\n const { error, formItemId } = useFormField()\n\n return (\n ,\n React.ComponentPropsWithoutRef\n>(({ ...props }, ref) => {\n const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n return (\n \n>(({ className, ...props }, ref) => {\n const { formDescriptionId } = useFormField()\n\n return (\n \n>(({ className, children, ...props }, ref) => {\n const { error, formMessageId } = useFormField()\n const body = error ? String(error?.message) : children\n\n if (!body) {\n return null\n }\n\n return (\n \n {body}\n \n )\n})\nFormMessage.displayName = \"FormMessage\"\n\nexport {\n useFormField,\n Form,\n FormItem,\n FormLabel,\n FormControl,\n FormDescription,\n FormMessage,\n FormField,\n}\n"
},
{
"path": "components/ui/input.tsx",
"content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface InputProps\n extends React.InputHTMLAttributes {}\n\nconst Input = React.forwardRef(\n ({ className, type, ...props }, ref) => {\n return (\n ,\n React.ComponentPropsWithoutRef &\n VariantProps\n>(({ className, ...props }, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n \n \n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n"
},
{
"path": "components/ui/progress.tsx",
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Progress = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, value, ...props }, ref) => (\n \n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n ,\n VariantProps {}\n\nconst SheetContent = React.forwardRef<\n React.ElementRef,\n SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n \n \n {children}\n \n Close \n \n \n \n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({\n className,\n ...props\n}: React.HTMLAttributes) => (\n ) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n ,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n \n>(({ className, ...props }, ref) => (\n \n))\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes\n>(({ className, ...props }, ref) => (\n \n>(({ className, ...props }, ref) => (\n \n>(({ className, ...props }, ref) => (\n tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n))\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<\n HTMLTableRowElement,\n React.HTMLAttributes\n>(({ className, ...props }, ref) => (\n \n>(({ className, ...props }, ref) => (\n \n>(({ className, ...props }, ref) => (\n \n>(({ className, ...props }, ref) => (\n ();\nexport const UploadDropzone = generateUploadDropzone();"
},
{
"path": "lib/utils.ts",
"content": "import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"
},
{
"path": "middleware.ts",
"content": "import { clerkMiddleware } from \"@clerk/nextjs/server\";\n\nexport default clerkMiddleware();\n\nexport const config = {\n matcher: [\"/((?!.*\\\\..*|_next).*)\", \"/\", \"/(api|trpc)(.*)\"],\n};"
},
{
"path": "next.config.mjs",
"content": "/** @type {import('next').NextConfig} */\nconst nextConfig = {\n images: {\n remotePatterns: [\n { hostname: 'utfs.io'},\n { hostname: 'img.clerk.com'}\n ]\n }\n};\n\nexport default nextConfig;\n"
},
{
"path": "package.json",
"content": "{\n \"name\": \"academy\",\n \"version\": \"0.1.0\",\n \"private\": true,\n \"scripts\": {\n \"dev\": \"next dev\",\n \"build\": \"next build\",\n \"start\": \"next start\",\n \"lint\": \"next lint\",\n \"postinstall\": \"prisma generate\"\n },\n \"dependencies\": {\n \"@clerk/nextjs\": \"^5.1.3\",\n \"@hello-pangea/dnd\": \"^16.6.0\",\n \"@hookform/resolvers\": \"^3.4.2\",\n \"@mux/mux-node\": \"^8.7.1\",\n \"@mux/mux-player-react\": \"^2.7.0\",\n \"@prisma/client\": \"^5.14.0\",\n \"@radix-ui/react-alert-dialog\": \"^1.0.5\",\n \"@radix-ui/react-dialog\": \"^1.0.5\",\n \"@radix-ui/react-label\": \"^2.0.2\",\n \"@radix-ui/react-popover\": \"^1.0.7\",\n \"@radix-ui/react-progress\": \"^1.0.3\",\n \"@radix-ui/react-slot\": \"^1.0.2\",\n \"@radix-ui/react-switch\": \"^1.0.3\",\n \"@tanstack/react-table\": \"^8.17.3\",\n \"@uploadthing/react\": \"^6.6.0\",\n \"axios\": \"^1.7.2\",\n \"class-variance-authority\": \"^0.7.0\",\n \"clsx\": \"^2.1.1\",\n \"cmdk\": \"^0.2.1\",\n \"lucide-react\": \"^0.379.0\",\n \"next\": \"14.2.3\",\n \"react\": \"^18\",\n \"react-dom\": \"^18\",\n \"react-hook-form\": \"^7.51.5\",\n \"react-hook-toast\": \"^0.0.3\",\n \"react-hot-toast\": \"^2.4.1\",\n \"react-quill\": \"^2.0.0\",\n \"recharts\": \"^2.12.7\",\n \"stripe\": \"^15.9.0\",\n \"tailwind-merge\": \"^2.3.0\",\n \"tailwindcss-animate\": \"^1.0.7\",\n \"uploadthing\": \"^6.12.0\",\n \"zod\": \"^3.23.8\"\n },\n \"devDependencies\": {\n \"@types/node\": \"^20\",\n \"@types/react\": \"^18\",\n \"@types/react-dom\": \"^18\",\n \"eslint\": \"^8\",\n \"eslint-config-next\": \"14.2.3\",\n \"postcss\": \"^8\",\n \"prisma\": \"^5.14.0\",\n \"tailwindcss\": \"^3.4.1\",\n \"typescript\": \"^5\"\n }\n}\n"
},
{
"path": "postcss.config.mjs",
"content": "/** @type {import('postcss-load-config').Config} */\nconst config = {\n plugins: {\n tailwindcss: {},\n },\n};\n\nexport default config;\n"
},
{
"path": "prisma/schema.prisma",
"content": "// This is your Prisma schema file,\n// learn more about it in the docs: https://pris.ly/d/prisma-schema\n\n// Looking for ways to speed up your queries, or scale easily with your serverless or edge functions?\n// Try Prisma Accelerate: https://pris.ly/cli/accelerate-init\n\ngenerator client {\n provider = \"prisma-client-js\"\n}\n\ndatasource db {\n provider = \"mysql\"\n url = env(\"DATABASE_URL\")\n relationMode = \"prisma\"\n}\n\nmodel Course {\n id String @id @default(uuid())\n instructorId String\n title String @db.Text\n subtitle String? @db.Text\n description String? @db.Text\n imageUrl String? @db.Text\n price Float?\n isPublished Boolean @default(false)\n\n categoryId String\n category Category @relation(fields: [categoryId], references: [id])\n\n subCategoryId String\n subCategory SubCategory @relation(fields: [subCategoryId], references: [id])\n\n levelId String?\n level Level? @relation(fields: [levelId], references: [id])\n\n sections Section[]\n\n purchases Purchase[]\n\n createdAt DateTime @default(now())\n updatedAt DateTime @default(now())\n\n @@index([categoryId])\n @@index([subCategoryId])\n @@index([levelId])\n}\n\nmodel Category {\n id String @id @default(uuid())\n name String @unique\n subCategories SubCategory[]\n courses Course[]\n}\n\nmodel SubCategory {\n id String @id @default(uuid())\n name String\n\n categoryId String\n category Category @relation(fields: [categoryId], references: [id])\n\n courses Course[]\n\n @@index([categoryId])\n}\n\nmodel Level {\n id String @id @default(uuid())\n name String @unique\n courses Course[]\n}\n\nmodel Section {\n id String @id @default(uuid())\n title String\n description String? @db.Text\n videoUrl String? @db.Text\n position Int\n isPublished Boolean @default(false)\n isFree Boolean @default(false)\n\n courseId String\n course Course @relation(fields: [courseId], references: [id], onDelete: Cascade)\n\n muxData MuxData?\n\n resources Resource[]\n\n progress Progress[]\n\n createdAt DateTime @default(now())\n updatedAt DateTime @default(now())\n\n @@index([courseId])\n}\n\nmodel MuxData {\n id String @id @default(uuid())\n assetId String\n playbackId String?\n\n sectionId String @unique\n section Section @relation(fields: [sectionId], references: [id], onDelete: Cascade)\n\n @@index([sectionId])\n}\n\nmodel Resource {\n id String @id @default(uuid())\n name String\n fileUrl String\n\n sectionId String\n section Section @relation(fields: [sectionId], references: [id], onDelete: Cascade)\n\n createdAt DateTime @default(now())\n updatedAt DateTime @default(now())\n\n @@index([sectionId])\n}\n\nmodel Progress {\n id String @id @default(uuid())\n studentId String \n\n sectionId String\n section Section @relation(fields: [sectionId], references: [id], onDelete: Cascade)\n\n isCompleted Boolean @default(false)\n\n createdAt DateTime @default(now())\n updatedAt DateTime @default(now())\n\n @@index([sectionId])\n @@unique([studentId, sectionId])\n}\n\nmodel Purchase {\n id String @id @default(uuid())\n customerId String \n\n courseId String\n course Course @relation(fields: [courseId], references: [id], onDelete: Cascade)\n\n createdAt DateTime @default(now())\n updatedAt DateTime @default(now())\n\n @@index([courseId])\n @@unique([customerId, courseId])\n}\n\nmodel StripeCustomer {\n id String @id @default(uuid())\n customerId String @unique\n stripeCustomerId String @unique\n\n createdAt DateTime @default(now())\n updatedAt DateTime @default(now())\n}\n"
},
{
"path": "scripts/seed.ts",
"content": "const { PrismaClient } = require(\"@prisma/client\");\nconst database = new PrismaClient();\n\nasync function main() {\n try {\n const categories = [\n {\n name: \"IT & Software\",\n subCategories: {\n create: [\n { name: \"Web Development\" },\n { name: \"Data Science\" },\n { name: \"Cybersecurity\" },\n { name: \"Others\" },\n ],\n },\n },\n {\n name: \"Business\",\n subCategories: {\n create: [\n { name: \"E-Commerce\" },\n { name: \"Marketing\" },\n { name: \"Finance\" },\n { name: \"Others\" },\n ],\n },\n },\n {\n name: \"Design\",\n subCategories: {\n create: [\n { name: \"Graphic Design\" },\n { name: \"3D & Animation\" },\n { name: \"Interior Design\" },\n { name: \"Others\" },\n ],\n },\n },\n {\n name: \"Health\",\n subCategories: {\n create: [\n { name: \"Fitness\" },\n { name: \"Yoga\" },\n { name: \"Nutrition\" },\n { name: \"Others\" },\n ],\n },\n },\n ];\n\n // Sequentially create each category with its subcategories\n for (const category of categories) {\n await database.category.create({\n data: {\n name: category.name,\n subCategories: category.subCategories,\n },\n include: {\n subCategories: true,\n },\n });\n }\n\n await database.level.createMany({\n data: [\n { name: \"Beginner\" },\n { name: \"Intermediate\" },\n { name: \"Expert\" },\n { name: \"All levels\" },\n ],\n });\n\n console.log(\"Seeding successfully\");\n } catch (error) {\n console.log(\"Seeding failed\", error);\n } finally {\n await database.$disconnect();\n }\n}\n\nmain();\n"
},
{
"path": "tailwind.config.ts",
"content": "import type { Config } from \"tailwindcss\"\n\nconst config = {\n darkMode: [\"class\"],\n content: [\n './pages/**/*.{ts,tsx}',\n './components/**/*.{ts,tsx}',\n './app/**/*.{ts,tsx}',\n './src/**/*.{ts,tsx}',\n\t],\n prefix: \"\",\n theme: {\n container: {\n center: true,\n padding: \"2rem\",\n screens: {\n \"2xl\": \"1400px\",\n },\n },\n extend: {\n colors: {\n border: \"hsl(var(--border))\",\n input: \"hsl(var(--input))\",\n ring: \"hsl(var(--ring))\",\n background: \"hsl(var(--background))\",\n foreground: \"hsl(var(--foreground))\",\n primary: {\n DEFAULT: \"hsl(var(--primary))\",\n foreground: \"hsl(var(--primary-foreground))\",\n },\n secondary: {\n DEFAULT: \"hsl(var(--secondary))\",\n foreground: \"hsl(var(--secondary-foreground))\",\n },\n destructive: {\n DEFAULT: \"hsl(var(--destructive))\",\n foreground: \"hsl(var(--destructive-foreground))\",\n },\n muted: {\n DEFAULT: \"hsl(var(--muted))\",\n foreground: \"hsl(var(--muted-foreground))\",\n },\n accent: {\n DEFAULT: \"hsl(var(--accent))\",\n foreground: \"hsl(var(--accent-foreground))\",\n },\n popover: {\n DEFAULT: \"hsl(var(--popover))\",\n foreground: \"hsl(var(--popover-foreground))\",\n },\n card: {\n DEFAULT: \"hsl(var(--card))\",\n foreground: \"hsl(var(--card-foreground))\",\n },\n },\n borderRadius: {\n lg: \"var(--radius)\",\n md: \"calc(var(--radius) - 2px)\",\n sm: \"calc(var(--radius) - 4px)\",\n },\n keyframes: {\n \"accordion-down\": {\n from: { height: \"0\" },\n to: { height: \"var(--radix-accordion-content-height)\" },\n },\n \"accordion-up\": {\n from: { height: \"var(--radix-accordion-content-height)\" },\n to: { height: \"0\" },\n },\n },\n animation: {\n \"accordion-down\": \"accordion-down 0.2s ease-out\",\n \"accordion-up\": \"accordion-up 0.2s ease-out\",\n },\n },\n },\n plugins: [require(\"tailwindcss-animate\")],\n} satisfies Config\n\nexport default config"
},
{
"path": "tsconfig.json",
"content": "{\n \"compilerOptions\": {\n \"lib\": [\"dom\", \"dom.iterable\", \"esnext\"],\n \"allowJs\": true,\n \"skipLibCheck\": true,\n \"strict\": true,\n \"noEmit\": true,\n \"esModuleInterop\": true,\n \"module\": \"esnext\",\n \"moduleResolution\": \"bundler\",\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"jsx\": \"preserve\",\n \"incremental\": true,\n \"plugins\": [\n {\n \"name\": \"next\"\n }\n ],\n \"paths\": {\n \"@/*\": [\"./*\"]\n }\n },\n \"include\": [\"next-env.d.ts\", \"**/*.ts\", \"**/*.tsx\", \".next/types/**/*.ts\"],\n \"exclude\": [\"node_modules\"]\n}\n"
}
]