Privacy Policy
7 | {privacyPolicyContent.map((item) => { 8 | return ( 9 |
10 |
12 | );
13 | })}
14 | {item.description}
11 |
42 | {trackDetails?.problems.map((problem: any, i: number) => (
43 |
55 | );
56 | }
57 | }
58 |
--------------------------------------------------------------------------------
/apps/web/app/profile/layout.tsx:
--------------------------------------------------------------------------------
1 | import type { Metadata } from "next";
2 | import { AppbarClient } from "../../components/AppbarClient";
3 | import ProfileSidebar from "../../components/ProfileSidebar";
4 | import ProfileChilldren from "../../components/ProfileChildren";
5 |
6 | export const metadata: Metadata = {
7 | title: "Dailycode",
8 | description: "Code daily",
9 | };
10 |
11 | export default function ProfileLayout({ children }: { children: React.ReactNode }): JSX.Element {
12 | return (
13 |
14 |
22 | );
23 | }
24 |
--------------------------------------------------------------------------------
/apps/web/app/profile/page.tsx:
--------------------------------------------------------------------------------
1 | import { getServerSession } from "next-auth";
2 | import React from "react";
3 | import { authOptions } from "../../lib/auth";
4 | import { redirect } from "next/navigation";
5 | import { UserRound } from "lucide-react";
6 | import UserDetailForm from "../../components/UserDetailForm";
7 |
8 | export default async function Profile() {
9 | const session = await getServerSession(authOptions);
10 |
11 | if (!session || !session?.user) {
12 | redirect("/auth");
13 | }
14 | return (
15 |
16 |
21 |
17 | {children}
19 |
20 |
16 |
17 |
25 |
26 |
27 |
29 |
30 | );
31 | }
32 |
--------------------------------------------------------------------------------
/apps/web/app/tracks/[...trackIds]/page.tsx:
--------------------------------------------------------------------------------
1 | import { RedirectToLastSolved } from "../../../components/RedirectToLastSolved";
2 | import { NotionAPI } from "notion-client";
3 | import { redirect, notFound } from "next/navigation";
4 | import { getAllTracks, getProblem, getTrack } from "../../../components/utils";
5 | import { cache } from "react";
6 | import { LessonView } from "../../../components/LessonView";
7 |
8 | const notion = new NotionAPI();
9 | export const dynamic = "auto";
10 | // Dynamic Metadata
11 | export async function generateMetadata({ params }: { params: { trackIds: string[] } }) {
12 | const trackId = params.trackIds[0] || "";
13 | const track = await getTrack(trackId);
14 |
15 | if (track) {
16 | return {
17 | title: track.title,
18 | description: track.description,
19 | openGraph: {
20 | title: track.title,
21 | description: track.description,
22 | images: [
23 | {
24 | url: track.image || "/default-thumbnail.jpg", // Fallback to a default image if thumbnail is not available
25 | alt: `${track.title} Thumbnail`,
26 | },
27 | ],
28 | },
29 | };
30 | } else {
31 | return {
32 | title: "Track Not Found",
33 | description: "The track you are looking for does not exist.",
34 | openGraph: {
35 | title: "Track Not Found",
36 | description: "The track you are looking for does not exist.",
37 | images: [
38 | {
39 | url: "/default-thumbnail.jpg", // Use a default image if the track is not found
40 | alt: "Default Thumbnail",
41 | },
42 | ],
43 | },
44 | };
45 | }
46 | }
47 |
48 | export async function generateStaticParams() {
49 | try {
50 | const tracks = await cache(getAllTracks)();
51 | const allPages = tracks.map((t: any) =>
52 | t.problems.map((p: any) => {
53 | if (p.type === "Blog") {
54 | return {
55 | trackIds: [t.id, p.id],
56 | };
57 | }
58 | })
59 | );
60 |
61 | return allPages.flat();
62 | } catch (e) {
63 | console.log(e);
64 | return [];
65 | }
66 | }
67 |
68 | export default async function TrackComponent({ params }: { params: { trackIds: string[] } }) {
69 | const trackId: string = params.trackIds[0] || "";
70 | const problemId = params.trackIds[1];
71 | let notionRecordMap = null;
72 | if (trackId === "43XrfL4n0LgSnTkSB4rO") {
73 | redirect("/tracks/oAjvkeRNZThPMxZf4aX5");
74 | }
75 |
76 | const [problemDetails, trackDetails] = await Promise.all([getProblem(problemId || null), getTrack(trackId)]);
77 |
78 | if (trackDetails && !problemId) {
79 | return
18 |
19 |
22 | This page shows you your profile and account details
23 |
24 |
19 |
22 | This page shows you your profile and account details
23 |
40 | {showAppBar &&
48 | ) : (
49 |
44 |
46 | )}
47 |
50 |
58 | );
59 |
60 | return renderBlog();
61 | };
62 |
--------------------------------------------------------------------------------
/apps/web/components/Categories.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { useRecoilState } from "recoil";
3 | import { Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@repo/ui";
4 | import { category } from "@repo/store";
5 |
6 | interface Category {
7 | category: string;
8 | }
9 |
10 | interface CategoryProps {
11 | categories: Category[];
12 | selectedCategory: string;
13 | handleCategoryChange: (category: string) => void;
14 | }
15 |
16 | export const Categories = ({ categories }: { categories: Category[] }) => {
17 | const [selectedCategory, setSelectedCategory] = useRecoilState(category);
18 |
19 | const handleCategoryChange = (category: string) => {
20 | if (category === selectedCategory || category === "All") {
21 | setSelectedCategory("");
22 | } else {
23 | setSelectedCategory(category);
24 | }
25 | };
26 |
27 | return (
28 |
52 |
54 |
55 |
57 |
29 |
44 | );
45 | };
46 |
47 | const SelectCategory = ({ categories, selectedCategory, handleCategoryChange }: CategoryProps) => {
48 | return (
49 |
30 |
36 |
37 |
43 |
50 |
74 |
75 | );
76 | };
77 |
78 | const ButtonCategory = ({ categories, selectedCategory, handleCategoryChange }: CategoryProps) => {
79 | return (
80 |
81 |
84 | {categories.map((category) => (
85 |
95 | ))}
96 |
97 | );
98 | };
99 |
--------------------------------------------------------------------------------
/apps/web/components/CodeBlock.tsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from "react";
2 | import hljs from "highlight.js";
3 | import javascript from "highlight.js/lib/languages/javascript";
4 |
5 | import { useToast } from "@repo/ui";
6 |
7 | import "highlight.js/styles/github-dark.css";
8 | import { Copy } from "lucide-react";
9 |
10 | export default function CodeBlock({ block }: { block: any }) {
11 | const { toast } = useToast();
12 |
13 | const code: string = block.properties.title[0].toString();
14 | hljs.registerLanguage("javascript", javascript);
15 |
16 | useEffect(() => {
17 | hljs.highlightAll();
18 | }, []);
19 |
20 | const handleCopyClick = () => {
21 | navigator.clipboard.writeText(code).then(() => {
22 | toast({
23 | description: "Copied to clipboard",
24 | });
25 | });
26 | };
27 |
28 | return (
29 |
30 |
31 |
38 | );
39 | }
40 |
--------------------------------------------------------------------------------
/apps/web/components/CustomPagination.tsx:
--------------------------------------------------------------------------------
1 | import { Track, Problem } from "@prisma/client";
2 | import { PageToggle } from "./PageToggle";
3 | import Link from "next/link";
4 | import { Button } from "@repo/ui";
5 | import { ChevronLeftIcon, ChevronRightIcon } from "@radix-ui/react-icons";
6 |
7 | const CustomPagination = ({
8 | isAtHeader = false,
9 | problemIndex,
10 | track,
11 | }: {
12 | allProblems: Problem[];
13 | isAtHeader?: boolean;
14 | problemIndex: number;
15 | track: Track & { problems: Problem[] };
16 | }) => {
17 | return (
18 |
32 | {code}
33 |
34 |
37 |
19 |
76 | );
77 | };
78 |
79 | export default CustomPagination;
80 |
--------------------------------------------------------------------------------
/apps/web/components/EditProblem.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { Prisma } from "@prisma/client";
3 | import { useState } from "react";
4 | import { Card, CardContent, CardHeader, CardTitle, Button, Input } from "@repo/ui";
5 |
6 | const EditProblem = ({ problem }: { problem: Prisma.ProblemCreateManyInput }) => {
7 | const [isEditing, setIsEditing] = useState(false);
8 | const [id, setId] = useState
27 |
28 |
38 | {notionDocId}
39 |
40 | )}
41 | {isEditing && (
42 |
29 |
37 |
30 | {id}
31 | {title}
32 |
33 |
36 |
43 |
44 |
63 |
64 | setNotionDocId(e.target.value)} value={notionDocId} />
65 |
66 |
67 | )}
68 |
45 |
62 |
46 |
47 | setId(e.target.value)} value={id || ""} placeholder="ID" />
48 |
49 |
50 | setTitle(e.target.value)} value={title} placeholder="Title" />
51 |
52 |
53 |
54 |
57 |
60 |
61 | Something went wrong.
; 30 | } 31 | 32 | return this.props.children; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /apps/web/components/LessonView.tsx: -------------------------------------------------------------------------------- 1 | import { Blog } from "./Blog"; 2 | import { Problem, Track } from "@prisma/client"; 3 | import MCQRenderer from "./mcq/MCQRenderer"; 4 | import RedirectToLoginCard from "./RedirectToLoginCard"; 5 | import { getServerSession } from "next-auth"; 6 | import { authOptions } from "../lib/auth"; 7 | import { AppbarClient } from "./AppbarClient"; 8 | 9 | export const LessonView = async ({ 10 | problem, 11 | track, 12 | showAppBar, 13 | showPagination = false, 14 | isPdfRequested, 15 | }: { 16 | problem: Problem & { notionRecordMap: any }; 17 | track: Track & { problems: Problem[] }; 18 | showAppBar?: boolean; 19 | showPagination?: boolean; 20 | isPdfRequested?: boolean; 21 | }) => { 22 | const session = await getServerSession(authOptions); 23 | const problemIndex = track.problems.findIndex((p) => p.id === problem.id); 24 | 25 | // eslint-disable-next-line turbo/no-undeclared-env-vars 26 | const isInDevMode = process?.env?.NODE_ENV === "development"; 27 | 28 | if (!isInDevMode && problemIndex > 1 && (!session || !session.user)) { 29 | return ( 30 |
31 |
34 | );
35 | }
36 |
37 | if (problem.type === "MCQ") {
38 | return Not found
;
54 | };
55 |
--------------------------------------------------------------------------------
/apps/web/components/Loader.tsx:
--------------------------------------------------------------------------------
1 | export const Loader = () => {
2 | return (
3 |
4 |
24 | );
25 | };
26 |
--------------------------------------------------------------------------------
/apps/web/components/ModeToggle.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import { Moon, Sun } from "lucide-react";
5 | import { useRecoilValue } from "recoil";
6 | import { useTheme } from "next-themes";
7 |
8 | import { Button, Switch } from "@repo/ui";
9 | import { isLegacyViewMode } from "@repo/store";
10 |
11 | export function ModeToggle() {
12 | const { theme, setTheme } = useTheme();
13 | const [mounted, setMounted] = React.useState(false);
14 |
15 | const isLegacyMode = useRecoilValue(isLegacyViewMode);
16 |
17 | React.useEffect(() => {
18 | setMounted(true);
19 | }, []);
20 |
21 | if (!mounted) return null;
22 |
23 | const isDarkMode =
24 | theme === "dark" || (theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches);
25 |
26 | const renderToggle = () =>
27 | isLegacyMode ? (
28 |
33 | ) : (
34 |
5 |
21 | Loading...
22 |
23 |
35 | setTheme(checked ? "dark" : "light")} />
37 |
39 | );
40 |
41 | return renderToggle();
42 | }
43 |
--------------------------------------------------------------------------------
/apps/web/components/MultipleOptionChip.tsx:
--------------------------------------------------------------------------------
1 | export default function MultipleOptionChip({ value }: { value: string }) {
2 | return (
3 |
4 |
6 | );
7 | }
8 |
--------------------------------------------------------------------------------
/apps/web/components/NotionRenderer.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { useMemo } from "react";
3 | import { NotionRenderer as NotionRendererLib } from "react-notion-x";
4 | import { useTheme } from "next-themes";
5 | import { useRecoilValue } from "recoil";
6 |
7 | import { isLegacyViewMode } from "@repo/store";
8 |
9 | import CodeBlock from "./CodeBlock";
10 |
11 | // Week-4-1-647987d9b1894c54ba5c822978377910
12 | export const NotionRenderer = ({ recordMap }: { recordMap: any }) => {
13 | const { resolvedTheme } = useTheme();
14 | const isDarkMode = resolvedTheme === "dark";
15 |
16 | const isLegacyMode = useRecoilValue(isLegacyViewMode);
17 |
18 | const components = useMemo(
19 | () => ({
20 | Code: CodeBlock,
21 | // can add more components that are supported here
22 | }),
23 | []
24 | );
25 |
26 | return (
27 | {value}
5 | elements
11 | document.querySelectorAll("details").forEach((e) => (e.open = true));
12 |
13 |
14 | const closeWindow = () => {
15 | console.log("PDF has been printed.");
16 | window.close();
17 | };
18 |
19 | // Add event listener for 'afterprint' event
20 | window.addEventListener("afterprint", closeWindow);
21 |
22 | // Print the document
23 | print();
24 |
25 | // Clean up: Remove the event listener when component unmounts
26 | return () => {
27 | window.removeEventListener("afterprint", closeWindow);
28 | };
29 | }, [router]);
30 |
31 | return null;
32 | }
33 |
--------------------------------------------------------------------------------
/apps/web/components/ProfileChildren.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import React from "react";
3 | import { Providers, ThemeProvider } from "./Providers";
4 | import { useRecoilState } from "recoil";
5 | import { profileSidebar } from "@repo/store";
6 | import { Menu } from "lucide-react";
7 |
8 | export default function ProfileChilldren({ children }: { children: React.ReactNode }) {
9 | const [sidebarToggle, setSidebarToggle] = useRecoilState(profileSidebar);
10 | return (
11 |
13 | {children}
14 |
16 | );
17 | };
18 |
19 | export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
20 | return {children} ;
21 | }
22 |
--------------------------------------------------------------------------------
/apps/web/components/RedirectToLastSolved.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { Loader } from "./Loader";
3 | import { useEffect } from "react";
4 | import { useRouter } from "next/navigation";
5 | import { getFirstProblemForTrack } from "./utils";
6 |
7 | export const RedirectToLastSolved = ({ trackId }: { trackId: string }) => {
8 | const router = useRouter();
9 |
10 | useEffect(() => {
11 | getFirstProblemForTrack(trackId).then((problemId) => {
12 | router.replace(`/tracks/${trackId}/${problemId}`);
13 | });
14 | }, [trackId]);
15 |
16 | return (
17 |
14 |
15 | Login to access the content
16 | You'll be redirected back to this page after login
17 |
18 |
19 |
22 |
23 |
24 | );
25 | };
26 |
27 | export default RedirectToLoginCard;
28 |
--------------------------------------------------------------------------------
/apps/web/components/ScrollToTopWrapper.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { useTheme } from "next-themes";
3 | import React from "react";
4 | import ScrollToTop from "react-scroll-to-top";
5 | const ScrollToTopWrapper = ({ children }: { children: React.ReactNode }) => {
6 | const { resolvedTheme } = useTheme();
7 |
8 | return (
9 | (null);
22 | const [showPreview, setShowPreview] = useState(false);
23 |
24 | const handleTrackClick = () => {
25 | if (track.trackType === "CANVA") {
26 | const searchParams = new URLSearchParams();
27 | if (track.canvaLink) {
28 | searchParams.set("canvaLink", track.canvaLink);
29 | searchParams.set("title", track.title);
30 | }
31 | router.push(`/canva-track/${track.id}?${searchParams.toString()}`);
32 | } else {
33 | setShowPreview(true);
34 | }
35 | };
36 |
37 | useEffect(() => {
38 | const observer = new IntersectionObserver(
39 | ([entry]) => {
40 | if (entry && entry.isIntersecting) {
41 | controls.start("visible");
42 | }
43 | },
44 | { threshold: 0.3 }
45 | );
46 |
47 | if (ref.current) {
48 | observer.observe(ref.current);
49 | }
50 |
51 | return () => {
52 | if (ref.current) {
53 | observer.unobserve(ref.current);
54 | }
55 | };
56 | }, [controls]);
57 |
58 | const variants = {
59 | hidden: { opacity: 0 },
60 | visible: { opacity: 1, transition: { duration: 0.1, ease: "easeOut" } },
61 | };
62 |
63 | return (
64 | <>
65 |
73 | 
74 |
96 |
27 |
74 | );
75 | };
76 |
77 | export default TrackTools;
78 |
--------------------------------------------------------------------------------
/apps/web/components/UserDetailForm.tsx:
--------------------------------------------------------------------------------
1 | import { Input, Label } from "@repo/ui";
2 | import React from "react";
3 | import UserImage from "./UserImage";
4 | import { User } from "@prisma/client";
5 |
6 | export default function UserDetailForm({ user }: { user: User }) {
7 | return (
8 |
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/apps/web/components/UserImage.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export default function UserImage({ image }: any) {
4 | return (
5 | ([]);
31 | const [title, setTitle] = useState("");
32 | const [description, setDescription] = useState("");
33 | const [notionDocId, setNotionDocId] = useState("");
34 | const [type, setType] = useState(ProblemType.Blog);
35 | const { toast } = useToast();
36 |
37 | const handleCreateProblem = async () => {
38 | const problem = await createProblem({ title, description, type, notionDocId });
39 | if (problem) {
40 | newProblems.push(problem);
41 | toast({
42 | title: "Added problem",
43 | description: "Problem added",
44 | });
45 | return;
46 | }
47 |
48 | toast({
49 | title: "Couldn't add problem",
50 | description: "Please try again later",
51 | });
52 | };
53 |
54 | return (
55 | ([]);
14 | useEffect(() => {
15 | async function fetchMCQs() {
16 | const Problems = await getAllMCQs();
17 | setProblems(Problems);
18 | }
19 | fetchMCQs();
20 | }, []);
21 | return (
22 | ("");
29 | async function handleAddCategory() {
30 | if (!newCategory) {
31 | toast({
32 | title: "Category cannot be empty",
33 | description: "Please enter a category",
34 | });
35 | return;
36 | }
37 | toast({
38 | title: "Adding category",
39 | });
40 | try {
41 | await addCategory(newCategory);
42 | router.refresh();
43 | toast({
44 | title: "Category added",
45 | description: `Category ${newCategory} added`,
46 | });
47 | } catch (error) {
48 | toast({
49 | title: "Error adding category",
50 | });
51 | }
52 | }
53 | async function handleDeleteCategory(categoryId: string) {
54 | toast({
55 | title: "Deleting category",
56 | });
57 | try {
58 | await deleteCategory(categoryId);
59 | router.refresh();
60 | toast({
61 | title: "Category deleted",
62 | });
63 | } catch (error) {
64 | toast({
65 | title: "Error deleting category",
66 | });
67 | }
68 | }
69 | return (
70 |
91 | );
92 | };
93 |
94 | export default EditCategories;
95 |
--------------------------------------------------------------------------------
/apps/web/components/admin/LinkCard.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { Button } from "@repo/ui";
3 | import { TrackProblems, Track } from "@prisma/client";
4 | import { Input } from "@repo/ui";
5 | import { Sheet, SheetContent, SheetTrigger } from "@repo/ui";
6 | import ProblemCard from "./ProblemCard";
7 | import { useState } from "react";
8 | import { createTrackProblems } from "../utils";
9 | import { Card, CardDescription, CardTitle } from "@repo/ui";
10 |
11 | interface LinkCardProps extends Track {
12 | problems: {
13 | id: string;
14 | title: string;
15 | description: string;
16 | notionDocId: string;
17 | type: string;
18 | }[];
19 | }
20 |
21 | const LinkCard = ({ track }: { track: LinkCardProps }) => {
22 | function handleAddProblem() {
23 | try {
24 | createTrackProblems({ trackId: track.id, problemId, sortingOrder });
25 | } catch (error) {
26 | console.error(error);
27 | }
28 | }
29 | const [problemId, setProblemId] = useState("");
30 | const [sortingOrder, setSortingOrder] = useState(0);
31 | const [newProblems, setNewProblems] = useState([]);
32 | const problems = track.problems;
33 | return (
34 |
35 |
36 |
37 |
38 |
39 |
72 |
73 | );
74 | };
75 |
76 | export default LinkCard;
77 |
--------------------------------------------------------------------------------
/apps/web/components/admin/LinkProblems.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { ScrollArea } from "@repo/ui";
3 | import { Track } from "@prisma/client";
4 | import { Input } from "@repo/ui";
5 | import { MagnifyingGlassIcon } from "@radix-ui/react-icons";
6 | import { useEffect, useState } from "react";
7 | import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@repo/ui";
8 | import LinkCard from "./LinkCard";
9 |
10 | interface LinkProblemsProps extends Track {
11 | problems: {
12 | id: string;
13 | title: string;
14 | description: string;
15 | notionDocId: string;
16 | type: string;
17 | }[];
18 | }
19 |
20 | export const LinkProblems = ({ tracks }: { tracks: LinkProblemsProps[] }) => {
21 | const [search, setSearch] = useState("");
22 | const [filteredTracks, setFilteredTracks] = useState(tracks);
23 |
24 | useEffect(() => {
25 | setFilteredTracks(tracks.filter((track) => track.title.toLowerCase().includes(search.toLowerCase())));
26 | }, [search, tracks]);
27 |
28 | return (
29 | > }) => {
19 | const [question, setQuestion] = useState(mcq.question);
20 | const [option, setOption] = useState("");
21 | const [correctOption, setCorrectOption] = useState(mcq.correctOption);
22 | const [options, setOptions] = useState(mcq.options);
23 | const [isUpdating, setIsUpdating] = useState(false);
24 |
25 | function handleAddOption() {
26 | setOptions([...options, ...option.split(",")]);
27 | setOption("");
28 | }
29 |
30 | function handleRemoveOption(option: string) {
31 | setOptions(options.filter((o) => o !== option));
32 | }
33 |
34 | function handleUpdate() {
35 | const asyncUpdate = async () => {
36 | setIsUpdating(true);
37 | await updateMCQ(mcq.id, {
38 | id: mcq.id,
39 | question,
40 | options,
41 | correctOption,
42 | problemId: mcq.problemId,
43 | });
44 | setIsUpdating(false);
45 | };
46 | asyncUpdate();
47 | }
48 |
49 | return (
50 |
98 | );
99 | };
100 |
101 | export default EditMCQ;
102 |
--------------------------------------------------------------------------------
/apps/web/components/mcq/MCQPanel.tsx:
--------------------------------------------------------------------------------
1 | import { useState } from "react";
2 | import { NotionRenderer } from "../NotionRenderer";
3 | import { Problem } from "@prisma/client";
4 |
5 | import { Tabs, TabsContent, TabsList, TabsTrigger } from "@repo/ui";
6 | import { History, NotepadText } from "lucide-react";
7 | import SubmissionMCQ from "./SubmissionMCQ";
8 |
9 | const MCQPanel = ({ problem }: { problem: Problem & { notionRecordMap: any } }) => {
10 | const [activeTab, setActiveTab] = useState("description");
11 | return (
12 | >;
15 | isReset: boolean;
16 | isSubmitted: boolean;
17 | setisSubmitted: Dispatch>;
18 | }) => {
19 | const [selectedOption, setSelectedOption] = useState(null);
20 | const [isCorrect, setIsCorrect] = useState(null);
21 |
22 | const handleOptionSelect = (option: string) => {
23 | if (isSubmitted) {
24 | return;
25 | }
26 | if (selectedOption === option) {
27 | setAtempted((prev) => ({ ...prev, [question.id]: false }));
28 | setSelectedOption(null);
29 | return;
30 | }
31 | setSelectedOption(option);
32 | setAtempted((prev) => ({ ...prev, [question.id]: option == question.correctOption }));
33 | setIsCorrect(null);
34 | };
35 |
36 | useEffect(() => {
37 | if (isSubmitted) {
38 | handleOnSubmit();
39 | }
40 | }, [isSubmitted]);
41 |
42 | const handleOnSubmit = () => {
43 | setisSubmitted(true);
44 | if (selectedOption === question.correctOption) {
45 | } else {
46 | setIsCorrect(false);
47 | }
48 | };
49 |
50 | useEffect(() => {
51 | setSelectedOption(null);
52 | setIsCorrect(null);
53 | setisSubmitted(false);
54 | }, [isReset]);
55 |
56 | return (
57 | ([]);
12 |
13 | useEffect(() => {
14 | async function fetchSubmission() {
15 | const data = await getQuizScore({
16 | userId,
17 | problemId: problem.id,
18 | });
19 | setScoreData(data);
20 | }
21 | fetchSubmission();
22 | }, []);
23 |
24 | return (
25 | (() => {
22 | return pathname === "/profile" ? 0 : null;
23 | });
24 |
25 | useEffect(() => {
26 | const currentPath = pathname;
27 | const activeIndex = optionsData.findIndex((option) => option.href === currentPath);
28 | setActiveOption(activeIndex);
29 | }, [pathname, optionsData]);
30 |
31 | const handleOptionClick = (index: number, href: string) => {
32 | setActiveOption(index);
33 | router.push(href);
34 | };
35 | return (
36 | ) {
7 | const xPoint = useMotionValue(0);
8 | const yPoint = useMotionValue(0);
9 | const x = useSpring(xPoint, spring);
10 | const y = useSpring(yPoint, spring);
11 |
12 | useEffect(() => {
13 | if (!ref.current) return;
14 |
15 | const handlePointerMove = ({ clientX, clientY }: MouseEvent) => {
16 | const element = ref.current!;
17 |
18 | frame.read(() => {
19 | xPoint.set(clientX - element.offsetLeft - element.offsetWidth / 4);
20 | yPoint.set(clientY - element.offsetTop - element.offsetHeight / 4);
21 | });
22 | };
23 |
24 | window.addEventListener("pointermove", handlePointerMove);
25 |
26 | return () => window.removeEventListener("pointermove", handlePointerMove);
27 | }, []);
28 |
29 | return { x, y };
30 | }
31 |
--------------------------------------------------------------------------------
/apps/web/hooks/useMountStatus.ts:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 |
3 | const useMountStatus = () => {
4 | const [mounted, setMounted] = useState(false);
5 |
6 | useEffect(() => {
7 | setMounted(true);
8 | }, []);
9 |
10 | return mounted;
11 | };
12 |
13 | export default useMountStatus;
14 |
--------------------------------------------------------------------------------
/apps/web/lib/auth.ts:
--------------------------------------------------------------------------------
1 | import GithubProvider from "next-auth/providers/github";
2 | import GoogleProvider from "next-auth/providers/google";
3 | import { PrismaAdapter } from "@auth/prisma-adapter";
4 | import db from "@repo/db/client";
5 | import type { Adapter } from "next-auth/adapters";
6 | import { SessionStrategy } from "next-auth";
7 |
8 | export const authOptions = {
9 | adapter: PrismaAdapter(db) as Adapter,
10 | providers: [
11 | GithubProvider({
12 | clientId: process.env.GITHUB_ID || "",
13 | clientSecret: process.env.GITHUB_SECRET || "",
14 | allowDangerousEmailAccountLinking: true,
15 | }),
16 | GoogleProvider({
17 | clientId: process.env.GOOGLE_CLIENT_ID || "",
18 | clientSecret: process.env.GOOGLE_CLIENT_SECRET || "",
19 | allowDangerousEmailAccountLinking: true,
20 | }),
21 | ],
22 | secret: process.env.NEXTAUTH_SECRET || "secr3t",
23 | pages: {
24 | signIn: "/auth",
25 | },
26 | session: { strategy: "jwt" as SessionStrategy },
27 | callbacks: {
28 | async jwt({ token }: any) {
29 | return token;
30 | },
31 | async session({ session, token }: any) {
32 | const user = await db.user.findUnique({
33 | where: {
34 | id: token.sub,
35 | },
36 | });
37 | if (token) {
38 | session.accessToken = token.accessToken;
39 | session.user.id = token.sub;
40 | session.user.admin = user?.admin;
41 | }
42 | return session;
43 | },
44 | },
45 | };
46 | // hsingh's code from cms
47 | interface RateLimiter {
48 | timestamps: Date[];
49 | }
50 | const userRateLimits = new Map();
51 |
52 | export const rateLimit = (userId: string, rateLimitCount: number, rateLimitInterval: number): boolean => {
53 | const now = new Date();
54 | const userLimiter = userRateLimits.get(userId) ?? { timestamps: [] };
55 |
56 | userLimiter.timestamps = userLimiter.timestamps.filter(
57 | (timestamp) => now.getTime() - timestamp.getTime() < rateLimitInterval
58 | );
59 |
60 | if (userLimiter.timestamps.length >= rateLimitCount) {
61 | return false; // Rate limit exceeded
62 | }
63 |
64 | userLimiter.timestamps.push(now);
65 | userRateLimits.set(userId, userLimiter);
66 | return true;
67 | };
68 |
--------------------------------------------------------------------------------
/apps/web/lib/cache/cache.ts:
--------------------------------------------------------------------------------
1 | export interface ICache {
2 | set(
3 | type: string,
4 | args: string[],
5 | value: any,
6 | expirySeconds: number,
7 | ): Promise;
8 |
9 | get(type: string, args: string[]): Promise;
10 |
11 | evict(type: string, args: string[]): Promise;
12 | }
--------------------------------------------------------------------------------
/apps/web/lib/cache/in-memory-cache.ts:
--------------------------------------------------------------------------------
1 | import { ICache } from './cache';
2 |
3 | interface ICacheEntry {
4 | value: any;
5 | expiry: number;
6 | }
7 |
8 | export class InMemoryCache implements ICache {
9 | private inMemoryDb: Map;
10 | private static instance: InMemoryCache;
11 |
12 | private constructor() {
13 | this.inMemoryDb = new Map();
14 | }
15 |
16 | static getInstance() {
17 | if (!this.instance) {
18 | this.instance = new InMemoryCache();
19 | }
20 | return this.instance;
21 | }
22 |
23 | async set(
24 | type: string,
25 | args: string[],
26 | value: any,
27 | expirySeconds: number = parseInt(process.env.CACHE_EXPIRE || '1800', 10),
28 | ): Promise {
29 | const key = this.generateKey(type, args);
30 | this.inMemoryDb.set(key, {
31 | value,
32 | expiry: new Date().getTime() + expirySeconds * 1000,
33 | });
34 | }
35 |
36 | async get(type: string, args: string[]): Promise {
37 | const key = this.generateKey(type, args);
38 | const entry = this.inMemoryDb.get(key);
39 | if (!entry) {
40 | return null;
41 | }
42 | if (new Date().getTime() > entry.expiry) {
43 | this.inMemoryDb.delete(key);
44 | return null;
45 | }
46 | return entry.value;
47 | }
48 |
49 | async evict(type: string, args: string[]): Promise {
50 | const key = this.generateKey(type, args);
51 | this.inMemoryDb.delete(key);
52 | return null;
53 | }
54 |
55 | private generateKey(type: string, args: string[]): string {
56 | return `${type}:${JSON.stringify(args)}`;
57 | }
58 | }
--------------------------------------------------------------------------------
/apps/web/lib/cache/redis-cache.ts:
--------------------------------------------------------------------------------
1 | import { Redis } from 'ioredis';
2 |
3 | import { ICache } from './cache';
4 |
5 | export class RedisCache implements ICache {
6 | private client: Redis;
7 | private static instance: RedisCache;
8 |
9 | constructor(redisUrl: string) {
10 | this.client = new Redis(redisUrl);
11 | }
12 |
13 | static getInstance(redisUrl: string): RedisCache {
14 | if (!this.instance) {
15 | this.instance = new RedisCache(redisUrl);
16 | }
17 |
18 | return this.instance;
19 | }
20 |
21 | async set(
22 | type: string,
23 | args: string[],
24 | value: any,
25 | expirySeconds: number,
26 | ): Promise {
27 | const key = this.generateKey(type, args);
28 | if (expirySeconds) {
29 | await this.client.set(key, JSON.stringify(value), 'EX', expirySeconds);
30 | } else {
31 | await this.client.set(key, JSON.stringify(value));
32 | }
33 | }
34 |
35 | async get(type: string, args: string[]): Promise {
36 | const key = this.generateKey(type, args);
37 | const value = await this.client.get(key);
38 | return value ? JSON.parse(value) : null;
39 | }
40 |
41 | async evict(type: string, args: string[]): Promise {
42 | const key = this.generateKey(type, args);
43 | await this.client.del(key);
44 | return null;
45 | }
46 |
47 | private generateKey(type: string, args: string[]): string {
48 | return `${type}:${args.join(':')}`;
49 | }
50 | }
--------------------------------------------------------------------------------
/apps/web/lib/search.ts:
--------------------------------------------------------------------------------
1 | "use server";
2 | import { NotionAPI } from "notion-client";
3 | import { getTrack } from "../components/utils";
4 | import { GoogleGenerativeAI } from "@google/generative-ai";
5 | import { QdrantClient } from "@qdrant/js-client-rest";
6 | import { randomUUID } from "crypto";
7 | import db from "@repo/db/client";
8 |
9 | const client = new QdrantClient({
10 | url: process.env.QDRANT_URL!,
11 | apiKey: process.env.QDRANT_API_KEY!,
12 | });
13 | const genAI = new GoogleGenerativeAI(process.env.GOOGLEAI_API_KEY!);
14 | const model = genAI.getGenerativeModel({ model: "embedding-001"});
15 |
16 | const VECTOR_SIZE = parseInt(process.env.VECTOR_SIZE!) || 768;
17 |
18 | export async function scrapeData({ trackId }: { trackId: string }) {
19 | const notion = new NotionAPI();
20 | const track = await getTrack(trackId);
21 | const data = await Promise.all(
22 | track?.problems.map(async (problem: any) => {
23 | const notionDocId = problem.notionDocId;
24 | const notionPage = await notion.getPage(notionDocId);
25 | const titles = Object.values(notionPage.block)
26 | .map((block) => {
27 | const title = block?.value?.properties?.title;
28 | if (title && title[0] && title[0][0]) {
29 | return title[0][0];
30 | } else {
31 | const source = block?.value?.properties?.source;
32 | if (source && source[0] && source[0][0]) {
33 | return source[0][0];
34 | } else {
35 | return null;
36 | }
37 | }
38 | })
39 | .filter((title) => title);
40 | problem["titles"] = titles.flat().join(" ");
41 | problem["trackId"] = track.id;
42 | problem["trackTitle"] = track.title;
43 | problem["image"] = track.image;
44 | return problem;
45 | }) || []
46 | );
47 | return data;
48 | }
49 |
50 | export async function createCollection(){
51 | await client.createCollection("DailyCode",{
52 | vectors:{ size: VECTOR_SIZE , distance: "Dot" },
53 | });
54 | }
55 |
56 | export async function insertData(trackId: string) {
57 | const data = await scrapeData({ trackId });
58 | data.forEach(async (problem) => {
59 | const response = await model.embedContent(problem.titles);
60 | problem.vector = response.embedding.values.slice(0, VECTOR_SIZE);
61 | await client.upsert("DailyCode", {
62 | wait: true,
63 | points: [
64 | {
65 | id: randomUUID(),
66 | vector: problem.vector,
67 | payload: {
68 | trackId: problem.trackId,
69 | trackTitle: problem.trackTitle,
70 | image: problem.image,
71 | problemTitle: problem.title,
72 | problemId: problem.id,
73 | },
74 | },
75 | ],
76 | });
77 | });
78 | await db.track.update({
79 | where: {
80 | id: trackId,
81 | },
82 | data: {
83 | inSearch: true,
84 | },
85 | });
86 | }
87 |
88 | export async function getSearchResults(query: string) {
89 | const vector = await model.embedContent(query);
90 | const response = await client.search("DailyCode", {
91 | vector: vector.embedding.values.slice(0, VECTOR_SIZE),
92 | limit: 5,
93 | });
94 | return response;
95 | }
--------------------------------------------------------------------------------
/apps/web/lib/utils.ts:
--------------------------------------------------------------------------------
1 | import clsx, { ClassValue } from "clsx";
2 | import { twMerge } from "tailwind-merge";
3 |
4 | export function cn(...inputs: ClassValue[]) {
5 | return twMerge(clsx(inputs));
6 | }
7 |
--------------------------------------------------------------------------------
/apps/web/next-env.d.ts:
--------------------------------------------------------------------------------
1 | /// {
32 | return this.delegate.set(type, args, value, expirySeconds);
33 | }
34 |
35 | async get(type: string, args: string[]): Promise {
36 | return this.delegate.get(type, args);
37 | }
38 |
39 | async evict(type: string, args: string[]): Promise {
40 | return this.delegate.evict(type, args);
41 | }
42 | }
43 | export const cache = Cache.getInstance();
--------------------------------------------------------------------------------
/packages/db/docker-compose.yml:
--------------------------------------------------------------------------------
1 | version: '3.5'
2 |
3 | services:
4 | postgres:
5 | image: postgres
6 | environment:
7 | POSTGRES_USER: ${POSTGRES_USER:-postgres}
8 | POSTGRES_PASSWORD: ${POSTGRES_PASSWORD:-password}
9 | POSTGRES_DB: 100xdevs
10 | PGDATA: /data/postgres
11 | ports:
12 | - "5432:5432"
13 | volumes:
14 | - 100xdevs:/data/postgres
15 | restart: unless-stopped
16 |
17 | volumes:
18 | 100xdevs:
--------------------------------------------------------------------------------
/packages/db/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@repo/db",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1",
8 | "db:seed": "prisma db seed"
9 | },
10 | "prisma": {
11 | "seed": "ts-node prisma/seed.ts"
12 | },
13 | "keywords": [],
14 | "author": "",
15 | "license": "ISC",
16 | "dependencies": {
17 | "@prisma/client": "5.12.0",
18 | "prisma": "^5.12.0"
19 | },
20 | "exports": {
21 | "./client": "./src/index.ts"
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20240402204828_init/migration.sql:
--------------------------------------------------------------------------------
1 | -- CreateEnum
2 | CREATE TYPE "ProblemType" AS ENUM ('Blog', 'Code');
3 |
4 | -- CreateTable
5 | CREATE TABLE "User" (
6 | "id" TEXT NOT NULL,
7 | "username" TEXT NOT NULL,
8 | "password" TEXT NOT NULL,
9 |
10 | CONSTRAINT "User_pkey" PRIMARY KEY ("id")
11 | );
12 |
13 | -- CreateTable
14 | CREATE TABLE "Track" (
15 | "id" TEXT NOT NULL,
16 | "title" TEXT NOT NULL,
17 | "description" TEXT NOT NULL,
18 | "image" TEXT NOT NULL,
19 | "hidden" BOOLEAN NOT NULL DEFAULT false,
20 | "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
21 |
22 | CONSTRAINT "Track_pkey" PRIMARY KEY ("id")
23 | );
24 |
25 | -- CreateTable
26 | CREATE TABLE "Problem" (
27 | "id" TEXT NOT NULL,
28 | "title" TEXT NOT NULL,
29 | "description" TEXT NOT NULL,
30 | "notionDocId" TEXT NOT NULL,
31 | "type" "ProblemType" NOT NULL,
32 |
33 | CONSTRAINT "Problem_pkey" PRIMARY KEY ("id")
34 | );
35 |
36 | -- CreateTable
37 | CREATE TABLE "TrackProblems" (
38 | "trackId" TEXT NOT NULL,
39 | "problemId" TEXT NOT NULL,
40 |
41 | CONSTRAINT "TrackProblems_pkey" PRIMARY KEY ("trackId","problemId")
42 | );
43 |
44 | -- AddForeignKey
45 | ALTER TABLE "TrackProblems" ADD CONSTRAINT "TrackProblems_trackId_fkey" FOREIGN KEY ("trackId") REFERENCES "Track"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
46 |
47 | -- AddForeignKey
48 | ALTER TABLE "TrackProblems" ADD CONSTRAINT "TrackProblems_problemId_fkey" FOREIGN KEY ("problemId") REFERENCES "Problem"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
49 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20240403204246_added_mcq/migration.sql:
--------------------------------------------------------------------------------
1 | -- AlterEnum
2 | ALTER TYPE "ProblemType" ADD VALUE 'MCQ';
3 |
4 | -- CreateTable
5 | CREATE TABLE "MCQQuestion" (
6 | "id" TEXT NOT NULL,
7 | "question" TEXT NOT NULL,
8 | "options" TEXT[],
9 | "correctOption" TEXT NOT NULL,
10 | "problemId" TEXT NOT NULL,
11 |
12 | CONSTRAINT "MCQQuestion_pkey" PRIMARY KEY ("id")
13 | );
14 |
15 | -- AddForeignKey
16 | ALTER TABLE "MCQQuestion" ADD CONSTRAINT "MCQQuestion_problemId_fkey" FOREIGN KEY ("problemId") REFERENCES "Problem"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
17 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20240404031649_nextauth/migration.sql:
--------------------------------------------------------------------------------
1 | /*
2 | Warnings:
3 |
4 | - You are about to drop the column `password` on the `User` table. All the data in the column will be lost.
5 | - You are about to drop the column `username` on the `User` table. All the data in the column will be lost.
6 | - A unique constraint covering the columns `[email]` on the table `User` will be added. If there are existing duplicate values, this will fail.
7 |
8 | */
9 | -- AlterTable
10 | ALTER TABLE "User" DROP COLUMN "password",
11 | DROP COLUMN "username",
12 | ADD COLUMN "email" TEXT,
13 | ADD COLUMN "emailVerified" TIMESTAMP(3),
14 | ADD COLUMN "image" TEXT,
15 | ADD COLUMN "name" TEXT;
16 |
17 | -- CreateTable
18 | CREATE TABLE "Account" (
19 | "id" TEXT NOT NULL,
20 | "userId" TEXT NOT NULL,
21 | "type" TEXT NOT NULL,
22 | "provider" TEXT NOT NULL,
23 | "providerAccountId" TEXT NOT NULL,
24 | "refresh_token" TEXT,
25 | "refresh_token_expires_in" INTEGER,
26 | "access_token" TEXT,
27 | "expires_at" INTEGER,
28 | "token_type" TEXT,
29 | "scope" TEXT,
30 | "id_token" TEXT,
31 | "session_state" TEXT,
32 |
33 | CONSTRAINT "Account_pkey" PRIMARY KEY ("id")
34 | );
35 |
36 | -- CreateTable
37 | CREATE TABLE "Session" (
38 | "id" TEXT NOT NULL,
39 | "sessionToken" TEXT NOT NULL,
40 | "userId" TEXT NOT NULL,
41 | "expires" TIMESTAMP(3) NOT NULL,
42 |
43 | CONSTRAINT "Session_pkey" PRIMARY KEY ("id")
44 | );
45 |
46 | -- CreateTable
47 | CREATE TABLE "VerificationToken" (
48 | "identifier" TEXT NOT NULL,
49 | "token" TEXT NOT NULL,
50 | "expires" TIMESTAMP(3) NOT NULL
51 | );
52 |
53 | -- CreateIndex
54 | CREATE UNIQUE INDEX "Account_provider_providerAccountId_key" ON "Account"("provider", "providerAccountId");
55 |
56 | -- CreateIndex
57 | CREATE UNIQUE INDEX "Session_sessionToken_key" ON "Session"("sessionToken");
58 |
59 | -- CreateIndex
60 | CREATE UNIQUE INDEX "VerificationToken_token_key" ON "VerificationToken"("token");
61 |
62 | -- CreateIndex
63 | CREATE UNIQUE INDEX "VerificationToken_identifier_token_key" ON "VerificationToken"("identifier", "token");
64 |
65 | -- CreateIndex
66 | CREATE UNIQUE INDEX "User_email_key" ON "User"("email");
67 |
68 | -- AddForeignKey
69 | ALTER TABLE "Account" ADD CONSTRAINT "Account_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
70 |
71 | -- AddForeignKey
72 | ALTER TABLE "Session" ADD CONSTRAINT "Session_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
73 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20240407230643_adds/migration.sql:
--------------------------------------------------------------------------------
1 | /*
2 | Warnings:
3 |
4 | - Added the required column `sortingOrder` to the `TrackProblems` table without a default value. This is not possible if the table is not empty.
5 |
6 | */
7 | -- AlterTable
8 | ALTER TABLE "TrackProblems" ADD COLUMN "sortingOrder" INTEGER NOT NULL;
9 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20240408080322_added_categories/migration.sql:
--------------------------------------------------------------------------------
1 | -- CreateTable
2 | CREATE TABLE "Categories" (
3 | "id" TEXT NOT NULL,
4 | "category" TEXT NOT NULL,
5 | "trackId" TEXT NOT NULL,
6 |
7 | CONSTRAINT "Categories_pkey" PRIMARY KEY ("id")
8 | );
9 |
10 | -- AddForeignKey
11 | ALTER TABLE "Categories" ADD CONSTRAINT "Categories_trackId_fkey" FOREIGN KEY ("trackId") REFERENCES "Track"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
12 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20240411143941_added_admin/migration.sql:
--------------------------------------------------------------------------------
1 | -- AlterTable
2 | ALTER TABLE "User" ADD COLUMN "admin" BOOLEAN NOT NULL DEFAULT false;
3 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20240412144918_/migration.sql:
--------------------------------------------------------------------------------
1 | /*
2 | Warnings:
3 |
4 | - You are about to drop the column `trackId` on the `Categories` table. All the data in the column will be lost.
5 |
6 | */
7 | -- DropForeignKey
8 | ALTER TABLE "Categories" DROP CONSTRAINT "Categories_trackId_fkey";
9 |
10 | -- AlterTable
11 | ALTER TABLE "Categories" DROP COLUMN "trackId";
12 |
13 | -- CreateTable
14 | CREATE TABLE "TrackCategory" (
15 | "trackId" TEXT NOT NULL,
16 | "categoryId" TEXT NOT NULL,
17 |
18 | CONSTRAINT "TrackCategory_pkey" PRIMARY KEY ("trackId","categoryId")
19 | );
20 |
21 | -- AddForeignKey
22 | ALTER TABLE "TrackCategory" ADD CONSTRAINT "TrackCategory_trackId_fkey" FOREIGN KEY ("trackId") REFERENCES "Track"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
23 |
24 | -- AddForeignKey
25 | ALTER TABLE "TrackCategory" ADD CONSTRAINT "TrackCategory_categoryId_fkey" FOREIGN KEY ("categoryId") REFERENCES "Categories"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
26 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20240412224746_code_exec/migration.sql:
--------------------------------------------------------------------------------
1 | -- CreateTable
2 | CREATE TABLE "ProblemStatement" (
3 | "id" TEXT NOT NULL,
4 | "problemId" TEXT NOT NULL,
5 | "mainFuncName" TEXT NOT NULL,
6 | "argumentNames" TEXT[],
7 |
8 | CONSTRAINT "ProblemStatement_pkey" PRIMARY KEY ("id")
9 | );
10 |
11 | -- CreateTable
12 | CREATE TABLE "TestCase" (
13 | "id" TEXT NOT NULL,
14 | "expectedOutput" TEXT NOT NULL,
15 | "problemStatementId" TEXT NOT NULL,
16 | "inputs" TEXT[],
17 |
18 | CONSTRAINT "TestCase_pkey" PRIMARY KEY ("id")
19 | );
20 |
21 | -- CreateTable
22 | CREATE TABLE "CodeLanguage" (
23 | "id" INTEGER NOT NULL,
24 | "value" TEXT NOT NULL,
25 | "label" TEXT NOT NULL,
26 |
27 | CONSTRAINT "CodeLanguage_pkey" PRIMARY KEY ("id")
28 | );
29 |
30 | -- CreateTable
31 | CREATE TABLE "Submission" (
32 | "id" TEXT NOT NULL,
33 | "code" TEXT NOT NULL,
34 | "codeLanguageId" INTEGER NOT NULL,
35 | "statusId" INTEGER NOT NULL,
36 | "statusDesc" TEXT NOT NULL,
37 | "runtime" INTEGER NOT NULL,
38 | "memoryUsage" INTEGER NOT NULL,
39 | "errorMessage" TEXT,
40 | "testCasesPassed" INTEGER NOT NULL,
41 | "problemStatementId" TEXT NOT NULL,
42 | "userId" TEXT,
43 | "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
44 | "lastTestCaseId" TEXT,
45 | "stdout" TEXT,
46 |
47 | CONSTRAINT "Submission_pkey" PRIMARY KEY ("id")
48 | );
49 |
50 | -- CreateTable
51 | CREATE TABLE "_CodeLanguageToProblemStatement" (
52 | "A" INTEGER NOT NULL,
53 | "B" TEXT NOT NULL
54 | );
55 |
56 | -- CreateIndex
57 | CREATE UNIQUE INDEX "ProblemStatement_problemId_key" ON "ProblemStatement"("problemId");
58 |
59 | -- CreateIndex
60 | CREATE UNIQUE INDEX "_CodeLanguageToProblemStatement_AB_unique" ON "_CodeLanguageToProblemStatement"("A", "B");
61 |
62 | -- CreateIndex
63 | CREATE INDEX "_CodeLanguageToProblemStatement_B_index" ON "_CodeLanguageToProblemStatement"("B");
64 |
65 | -- AddForeignKey
66 | ALTER TABLE "ProblemStatement" ADD CONSTRAINT "ProblemStatement_problemId_fkey" FOREIGN KEY ("problemId") REFERENCES "Problem"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
67 |
68 | -- AddForeignKey
69 | ALTER TABLE "TestCase" ADD CONSTRAINT "TestCase_problemStatementId_fkey" FOREIGN KEY ("problemStatementId") REFERENCES "ProblemStatement"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
70 |
71 | -- AddForeignKey
72 | ALTER TABLE "Submission" ADD CONSTRAINT "Submission_codeLanguageId_fkey" FOREIGN KEY ("codeLanguageId") REFERENCES "CodeLanguage"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
73 |
74 | -- AddForeignKey
75 | ALTER TABLE "Submission" ADD CONSTRAINT "Submission_problemStatementId_fkey" FOREIGN KEY ("problemStatementId") REFERENCES "ProblemStatement"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
76 |
77 | -- AddForeignKey
78 | ALTER TABLE "Submission" ADD CONSTRAINT "Submission_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE SET NULL ON UPDATE CASCADE;
79 |
80 | -- AddForeignKey
81 | ALTER TABLE "Submission" ADD CONSTRAINT "Submission_lastTestCaseId_fkey" FOREIGN KEY ("lastTestCaseId") REFERENCES "TestCase"("id") ON DELETE SET NULL ON UPDATE CASCADE;
82 |
83 | -- AddForeignKey
84 | ALTER TABLE "_CodeLanguageToProblemStatement" ADD CONSTRAINT "_CodeLanguageToProblemStatement_A_fkey" FOREIGN KEY ("A") REFERENCES "CodeLanguage"("id") ON DELETE CASCADE ON UPDATE CASCADE;
85 |
86 | -- AddForeignKey
87 | ALTER TABLE "_CodeLanguageToProblemStatement" ADD CONSTRAINT "_CodeLanguageToProblemStatement_B_fkey" FOREIGN KEY ("B") REFERENCES "ProblemStatement"("id") ON DELETE CASCADE ON UPDATE CASCADE;
88 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20240416173507_added_search/migration.sql:
--------------------------------------------------------------------------------
1 | -- AlterTable
2 | ALTER TABLE "Track" ADD COLUMN "inSearch" BOOLEAN NOT NULL DEFAULT false;
3 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20240427131506_add_index/migration.sql:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/code100x/daily-code/109c52610d0d4fe9dd8e5f85d4d58c0fbf68092d/packages/db/prisma/migrations/20240427131506_add_index/migration.sql
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20240430194543_added_mcq_submission/migration.sql:
--------------------------------------------------------------------------------
1 | -- CreateTable
2 | CREATE TABLE "QuizScore" (
3 | "id" TEXT NOT NULL,
4 | "score" INTEGER NOT NULL,
5 | "userId" TEXT,
6 | "problemId" TEXT NOT NULL,
7 | "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
8 |
9 | CONSTRAINT "QuizScore_pkey" PRIMARY KEY ("id")
10 | );
11 |
12 | -- AddForeignKey
13 | ALTER TABLE "QuizScore" ADD CONSTRAINT "QuizScore_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE SET NULL ON UPDATE CASCADE;
14 |
15 | -- AddForeignKey
16 | ALTER TABLE "QuizScore" ADD CONSTRAINT "QuizScore_problemId_fkey" FOREIGN KEY ("problemId") REFERENCES "Problem"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
17 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20240803144221_added_cohort/migration.sql:
--------------------------------------------------------------------------------
1 | -- AlterTable
2 | ALTER TABLE "Track" ADD COLUMN "cohort" INTEGER NOT NULL DEFAULT 0;
3 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20240809135031_removed_code/migration.sql:
--------------------------------------------------------------------------------
1 | /*
2 | Warnings:
3 |
4 | - The values [Code] on the enum `ProblemType` will be removed. If these variants are still used in the database, this will fail.
5 | - You are about to drop the `CodeLanguage` table. If the table is not empty, all the data it contains will be lost.
6 | - You are about to drop the `ProblemStatement` table. If the table is not empty, all the data it contains will be lost.
7 | - You are about to drop the `Submission` table. If the table is not empty, all the data it contains will be lost.
8 | - You are about to drop the `TestCase` table. If the table is not empty, all the data it contains will be lost.
9 | - You are about to drop the `_CodeLanguageToProblemStatement` table. If the table is not empty, all the data it contains will be lost.
10 |
11 | */
12 | -- AlterEnum
13 | BEGIN;
14 | CREATE TYPE "ProblemType_new" AS ENUM ('Blog', 'MCQ');
15 | ALTER TABLE "Problem" ALTER COLUMN "type" TYPE "ProblemType_new" USING ("type"::text::"ProblemType_new");
16 | ALTER TYPE "ProblemType" RENAME TO "ProblemType_old";
17 | ALTER TYPE "ProblemType_new" RENAME TO "ProblemType";
18 | DROP TYPE "ProblemType_old";
19 | COMMIT;
20 |
21 | -- DropForeignKey
22 | ALTER TABLE "ProblemStatement" DROP CONSTRAINT "ProblemStatement_problemId_fkey";
23 |
24 | -- DropForeignKey
25 | ALTER TABLE "Submission" DROP CONSTRAINT "Submission_codeLanguageId_fkey";
26 |
27 | -- DropForeignKey
28 | ALTER TABLE "Submission" DROP CONSTRAINT "Submission_lastTestCaseId_fkey";
29 |
30 | -- DropForeignKey
31 | ALTER TABLE "Submission" DROP CONSTRAINT "Submission_problemStatementId_fkey";
32 |
33 | -- DropForeignKey
34 | ALTER TABLE "Submission" DROP CONSTRAINT "Submission_userId_fkey";
35 |
36 | -- DropForeignKey
37 | ALTER TABLE "TestCase" DROP CONSTRAINT "TestCase_problemStatementId_fkey";
38 |
39 | -- DropForeignKey
40 | ALTER TABLE "_CodeLanguageToProblemStatement" DROP CONSTRAINT "_CodeLanguageToProblemStatement_A_fkey";
41 |
42 | -- DropForeignKey
43 | ALTER TABLE "_CodeLanguageToProblemStatement" DROP CONSTRAINT "_CodeLanguageToProblemStatement_B_fkey";
44 |
45 | -- DropTable
46 | DROP TABLE "CodeLanguage";
47 |
48 | -- DropTable
49 | DROP TABLE "ProblemStatement";
50 |
51 | -- DropTable
52 | DROP TABLE "Submission";
53 |
54 | -- DropTable
55 | DROP TABLE "TestCase";
56 |
57 | -- DropTable
58 | DROP TABLE "_CodeLanguageToProblemStatement";
59 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/20241101231656_add_canva/migration.sql:
--------------------------------------------------------------------------------
1 | -- CreateEnum
2 | CREATE TYPE "TrackType" AS ENUM ('NOTION', 'CANVA');
3 |
4 | -- AlterTable
5 | ALTER TABLE "Track" ADD COLUMN "canvaLink" TEXT,
6 | ADD COLUMN "trackType" "TrackType" NOT NULL DEFAULT 'NOTION';
7 |
--------------------------------------------------------------------------------
/packages/db/prisma/migrations/migration_lock.toml:
--------------------------------------------------------------------------------
1 | # Please do not edit this file manually
2 | # It should be added in your version-control system (i.e. Git)
3 | provider = "postgresql"
--------------------------------------------------------------------------------
/packages/db/setupDB.sh:
--------------------------------------------------------------------------------
1 | echo "=================DB Setup================="
2 |
3 | # Defining Default values to variables
4 | docker_running="N"
5 |
6 | function migrate_seed_db () {
7 | echo "=================Migrating DB================="
8 | migration_output=$(npx prisma migrate dev)
9 |
10 | if [[ $migration_output == *"Running seed command"* ]]; then
11 | echo "Seeds already applied. Skipping seeding."
12 | else
13 | echo "Seeds not applied. Proceeding to seed."
14 | echo "=================Seeding DB================="
15 | npx prisma db seed
16 | fi
17 | }
18 |
19 | if [ -f .env ]; then
20 | echo ".env file exists"
21 | else
22 | echo ".env file does not exist"
23 | cp .env.example .env
24 | fi
25 |
26 | echo "Will you use a Local DB (L) or Cloud DB (C)"
27 | read db_type
28 | db_type=$(echo "$db_type" | tr '[:upper:]' '[:lower:]') # Convert input to lowercase
29 |
30 | if [ "$db_type" == 'l' ]; then
31 | echo "Will you use Postgres Server (P) or Docker Setup (D)"
32 | read db_mode
33 | db_mode=$(echo "$db_mode" | tr '[:upper:]' '[:lower:]') # Convert input to lowercase
34 |
35 | if [ "$db_mode" == 'p' ]; then
36 | db_username="postgres"
37 | echo "Have you specified a username while setting up your server(Y/N)?"
38 | read is_username
39 |
40 | if [ "$is_username" == "y" ];then
41 | echo "Enter your db username: "
42 | read db_username
43 | else
44 | db_username="postgres"
45 | fi
46 |
47 | echo "Enter your db password: "
48 | read db_password
49 | echo "Enter your db name: "
50 | read db_name
51 | DATABASE_URL="postgresql://$db_username:$db_password@localhost:5432/$db_name"
52 | elif [ "$db_mode" == 'd' ]; then
53 | echo "Setting up Docker"
54 | DATABASE_URL="postgresql://postgres:password@localhost:5432/100xdevs"
55 | else
56 | echo "Invalid Option"
57 | fi
58 |
59 | elif [ "$db_type" == 'c' ]; then
60 | echo "Enter the DB URI of your Cloud DB"
61 | read cloud_db_uri
62 | DATABASE_URL=$cloud_db_uri
63 | else
64 | echo "Invalid Option"
65 | exit 1
66 | fi
67 |
68 | echo "DATABASE_URL=\"$DATABASE_URL\"" > .env
69 | if [ "$db_mode" == 'd' ]; then
70 | docker-compose up -d
71 | if [ $? -eq 0 ]; then
72 | echo "=================Container is up================="
73 | sleep 15
74 | else
75 | echo "Please make sure that docker is running"
76 | exit 1
77 | fi
78 | fi
79 |
80 | migrate_seed_db
--------------------------------------------------------------------------------
/packages/db/src/index.ts:
--------------------------------------------------------------------------------
1 | import { PrismaClient } from "@prisma/client";
2 |
3 | const prismaClientSingleton = () => {
4 | return new PrismaClient();
5 | };
6 | type PrismaClientSingleton = ReturnType;
7 |
8 | // eslint-disable-next-line
9 | const globalForPrisma = globalThis as unknown as {
10 | prisma: PrismaClientSingleton | undefined;
11 | };
12 |
13 | const prisma = globalForPrisma.prisma ?? prismaClientSingleton();
14 |
15 | export default prisma;
16 |
17 | if (process.env.NODE_ENV !== "production") globalForPrisma.prisma = prisma;
18 |
--------------------------------------------------------------------------------
/packages/eslint-config/README.md:
--------------------------------------------------------------------------------
1 | # `@turbo/eslint-config`
2 |
3 | Collection of internal eslint configurations.
4 |
--------------------------------------------------------------------------------
/packages/eslint-config/library.js:
--------------------------------------------------------------------------------
1 | const { resolve } = require("node:path");
2 |
3 | const project = resolve(process.cwd(), "tsconfig.json");
4 |
5 | /** @type {import("eslint").Linter.Config} */
6 | module.exports = {
7 | extends: ["eslint:recommended", "prettier", "eslint-config-turbo"],
8 | plugins: ["only-warn"],
9 | globals: {
10 | React: true,
11 | JSX: true,
12 | },
13 | env: {
14 | node: true,
15 | },
16 | settings: {
17 | "import/resolver": {
18 | typescript: {
19 | project,
20 | },
21 | },
22 | },
23 | ignorePatterns: [
24 | // Ignore dotfiles
25 | ".*.js",
26 | "node_modules/",
27 | "dist/",
28 | ],
29 | overrides: [
30 | {
31 | files: ["*.js?(x)", "*.ts?(x)"],
32 | },
33 | ],
34 | };
35 |
--------------------------------------------------------------------------------
/packages/eslint-config/next.js:
--------------------------------------------------------------------------------
1 | const { resolve } = require("node:path");
2 |
3 | const project = resolve(process.cwd(), "tsconfig.json");
4 |
5 | /** @type {import("eslint").Linter.Config} */
6 | module.exports = {
7 | extends: [
8 | "eslint:recommended",
9 | "prettier",
10 | require.resolve("@vercel/style-guide/eslint/next"),
11 | "eslint-config-turbo",
12 | ],
13 | globals: {
14 | React: true,
15 | JSX: true,
16 | },
17 | env: {
18 | node: true,
19 | browser: true,
20 | },
21 | plugins: ["only-warn"],
22 | settings: {
23 | "import/resolver": {
24 | typescript: {
25 | project,
26 | },
27 | },
28 | },
29 | ignorePatterns: [
30 | // Ignore dotfiles
31 | ".*.js",
32 | "node_modules/",
33 | ],
34 | overrides: [{ files: ["*.js?(x)", "*.ts?(x)"] }],
35 | };
36 |
--------------------------------------------------------------------------------
/packages/eslint-config/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@repo/eslint-config",
3 | "version": "0.0.0",
4 | "private": true,
5 | "files": [
6 | "library.js",
7 | "next.js",
8 | "react-internal.js"
9 | ],
10 | "devDependencies": {
11 | "@vercel/style-guide": "^5.1.0",
12 | "eslint-config-turbo": "^1.11.3",
13 | "eslint-config-prettier": "^9.1.0",
14 | "eslint-plugin-only-warn": "^1.1.0",
15 | "@typescript-eslint/parser": "^6.17.0",
16 | "@typescript-eslint/eslint-plugin": "^6.17.0",
17 | "typescript": "^5.3.3"
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/packages/eslint-config/react-internal.js:
--------------------------------------------------------------------------------
1 | const { resolve } = require("node:path");
2 |
3 | const project = resolve(process.cwd(), "tsconfig.json");
4 |
5 | /*
6 | * This is a custom ESLint configuration for use with
7 | * internal (bundled by their consumer) libraries
8 | * that utilize React.
9 | *
10 | * This config extends the Vercel Engineering Style Guide.
11 | * For more information, see https://github.com/vercel/style-guide
12 | *
13 | */
14 |
15 | /** @type {import("eslint").Linter.Config} */
16 | module.exports = {
17 | extends: ["eslint:recommended", "prettier", "eslint-config-turbo"],
18 | plugins: ["only-warn"],
19 | globals: {
20 | React: true,
21 | JSX: true,
22 | },
23 | env: {
24 | browser: true,
25 | },
26 | settings: {
27 | "import/resolver": {
28 | typescript: {
29 | project,
30 | },
31 | },
32 | },
33 | ignorePatterns: [
34 | // Ignore dotfiles
35 | ".*.js",
36 | "node_modules/",
37 | "dist/",
38 | ],
39 | overrides: [
40 | // Force ESLint to detect .tsx files
41 | { files: ["*.js?(x)", "*.ts?(x)"] },
42 | ],
43 | };
44 |
--------------------------------------------------------------------------------
/packages/store/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@repo/store",
3 | "version": "0.0.0",
4 | "private": true,
5 | "exports": {
6 | ".": "./src/index.ts"
7 | },
8 | "scripts": {
9 | "test": "echo \"Error: no test specified\" && exit 1"
10 | },
11 | "keywords": [],
12 | "author": "",
13 | "license": "ISC",
14 | "dependencies": {
15 | "recoil": "^0.7.7",
16 | "react": "^18.2.0"
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/packages/store/src/atoms/filter.ts:
--------------------------------------------------------------------------------
1 | import { atom } from "recoil";
2 |
3 | export const category = atom({
4 | key: "category",
5 | default: "",
6 | });
7 |
--------------------------------------------------------------------------------
/packages/store/src/atoms/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./filter";
2 | export * from "./profileSidebar";
3 | export * from "./quiz";
4 | export * from "./view";
5 |
--------------------------------------------------------------------------------
/packages/store/src/atoms/profileSidebar.ts:
--------------------------------------------------------------------------------
1 | import { atom } from "recoil";
2 |
3 | export const profileSidebar = atom({
4 | key: "profileSidebar",
5 | default: false,
6 | });
7 |
--------------------------------------------------------------------------------
/packages/store/src/atoms/quiz.ts:
--------------------------------------------------------------------------------
1 | import { atom, selector } from "recoil";
2 |
3 | export const scoreState = atom({
4 | key: "scoreState",
5 | default: 0,
6 | });
--------------------------------------------------------------------------------
/packages/store/src/atoms/view.ts:
--------------------------------------------------------------------------------
1 | import { atom } from "recoil";
2 |
3 | export const isLegacyViewMode = atom({
4 | key: "isLegacyViewMode",
5 | default: false,
6 | });
7 |
--------------------------------------------------------------------------------
/packages/store/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./atoms";
2 |
--------------------------------------------------------------------------------
/packages/store/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@repo/typescript-config/base.json",
3 | "compilerOptions": {
4 | "outDir": "dist"
5 | },
6 | "include": ["src"],
7 | "exclude": ["node_modules", "dist"]
8 | }
9 |
10 |
--------------------------------------------------------------------------------
/packages/typescript-config/base.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "display": "Default",
4 | "compilerOptions": {
5 | "declaration": true,
6 | "declarationMap": true,
7 | "esModuleInterop": true,
8 | "incremental": false,
9 | "isolatedModules": true,
10 | "lib": ["es2022", "DOM", "DOM.Iterable"],
11 | "module": "NodeNext",
12 | "moduleDetection": "force",
13 | "moduleResolution": "NodeNext",
14 | "noUncheckedIndexedAccess": true,
15 | "resolveJsonModule": true,
16 | "skipLibCheck": true,
17 | "strict": true,
18 | "target": "ES2022"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/packages/typescript-config/nextjs.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "display": "Next.js",
4 | "extends": "./base.json",
5 | "compilerOptions": {
6 | "plugins": [{ "name": "next" }],
7 | "module": "ESNext",
8 | "moduleResolution": "Bundler",
9 | "allowJs": true,
10 | "jsx": "preserve",
11 | "noEmit": true
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/packages/typescript-config/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@repo/typescript-config",
3 | "version": "0.0.0",
4 | "private": true,
5 | "license": "MIT",
6 | "publishConfig": {
7 | "access": "public"
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/packages/typescript-config/react-library.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "display": "React Library",
4 | "extends": "./base.json",
5 | "compilerOptions": {
6 | "jsx": "react-jsx",
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/packages/ui/.eslintrc.js:
--------------------------------------------------------------------------------
1 | /** @type {import("eslint").Linter.Config} */
2 | module.exports = {
3 | root: true,
4 | extends: ["@repo/eslint-config/react-internal.js"],
5 | parser: "@typescript-eslint/parser",
6 | parserOptions: {
7 | project: "./tsconfig.lint.json",
8 | },
9 | };
10 |
--------------------------------------------------------------------------------
/packages/ui/components.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://ui.shadcn.com/schema.json",
3 | "style": "new-york",
4 | "rsc": true,
5 | "tsx": true,
6 | "tailwind": {
7 | "config": "tailwind.config.js",
8 | "css": "app/globals.css",
9 | "baseColor": "gray",
10 | "cssVariables": true,
11 | "prefix": ""
12 | },
13 | "aliases": {
14 | "components": "src/shad",
15 | "utils": "@repo/ui/utils"
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/ui/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@repo/ui",
3 | "version": "0.0.0",
4 | "private": true,
5 | "exports": {
6 | "./globals.css": "./app/globals.css",
7 | ".": "./src/index.ts",
8 | "./utils": "./src/lib/utils.ts"
9 | },
10 | "scripts": {
11 | "lint": "eslint .",
12 | "lint:fix": "eslint --fix .",
13 | "generate:component": "turbo gen react-component"
14 | },
15 | "devDependencies": {
16 | "@repo/eslint-config": "*",
17 | "@repo/typescript-config": "*",
18 | "@turbo/gen": "^1.11.3",
19 | "@types/eslint": "^8.56.1",
20 | "@types/node": "^20.10.6",
21 | "@types/react": "^18.2.46",
22 | "@types/react-dom": "^18.2.18",
23 | "eslint": "^8.56.0",
24 | "react": "^18.2.0",
25 | "typescript": "^5.3.3"
26 | },
27 | "dependencies": {
28 | "@monaco-editor/react": "^4.6.0",
29 | "@radix-ui/react-checkbox": "^1.0.4",
30 | "@radix-ui/react-dialog": "^1.0.5",
31 | "@radix-ui/react-dropdown-menu": "^2.0.6",
32 | "@radix-ui/react-icons": "^1.3.0",
33 | "@radix-ui/react-label": "^2.0.2",
34 | "@radix-ui/react-scroll-area": "^1.0.5",
35 | "@radix-ui/react-select": "^2.0.0",
36 | "@radix-ui/react-separator": "^1.1.0",
37 | "@radix-ui/react-slot": "^1.0.2",
38 | "@radix-ui/react-switch": "^1.1.0",
39 | "@radix-ui/react-tabs": "^1.0.4",
40 | "@radix-ui/react-toast": "^1.1.5",
41 | "@radix-ui/react-tooltip": "^1.0.7",
42 | "@uiw/react-textarea-code-editor": "^3.0.2",
43 | "class-variance-authority": "^0.7.0",
44 | "clsx": "^2.1.0",
45 | "highlight.js": "^11.9.0",
46 | "lucide-react": "^0.367.0",
47 | "next": "^14.0.4",
48 | "next-themes": "^0.2.1",
49 | "react-notion-x": "^6.16.0",
50 | "react-resizable-panels": "^1.0.9",
51 | "rehype-prism-plus": "^2.0.0",
52 | "rehype-rewrite": "^4.0.2",
53 | "tailwind-merge": "^2.2.0",
54 | "tailwindcss-animate": "^1.0.7"
55 | }
56 | }
57 |
--------------------------------------------------------------------------------
/packages/ui/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./shad/ui/badge";
2 | export * from "./shad/ui/button";
3 | export * from "./shad/ui/card";
4 | export * from "./shad/ui/checkbox";
5 | export * from "./shad/ui/dailog";
6 | export * from "./shad/ui/dropdown-menu";
7 | export * from "./shad/ui/input";
8 | export * from "./shad/ui/label";
9 | export * from "./shad/ui/resizable";
10 | export * from "./shad/ui/scroll-area";
11 | export * from "./shad/ui/select";
12 | export * from "./shad/ui/sheet";
13 | export * from "./shad/ui/table";
14 | export * from "./shad/ui/tabs";
15 | export * from "./shad/ui/textarea";
16 | export * from "./shad/ui/toast";
17 | export * from "./shad/ui/toaster";
18 | export * from "./shad/ui/tooltip";
19 | export * from "./shad/ui/use-toast";
20 | export * from "./shad/ui/switch";
21 | export * from "./shad/ui/spotlight";
22 | export * from "./shad/ui/skeleton";
23 | export * from "./shad/ui/separator";
24 | export * from "./shad/ui/pagination";
25 |
--------------------------------------------------------------------------------
/packages/ui/src/lib/utils.ts:
--------------------------------------------------------------------------------
1 | import { type ClassValue, clsx } from "clsx";
2 | import { twMerge } from "tailwind-merge";
3 |
4 | export function cn(...inputs: ClassValue[]) {
5 | return twMerge(clsx(inputs));
6 | }
7 |
--------------------------------------------------------------------------------
/packages/ui/src/shad/ui/badge.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import { cva, type VariantProps } from "class-variance-authority";
3 |
4 | import { cn } from "@repo/ui/utils";
5 |
6 | const badgeVariants = cva(
7 | "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
8 | {
9 | variants: {
10 | variant: {
11 | default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
12 | secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
13 | destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
14 | outline: "text-foreground",
15 | },
16 | },
17 | defaultVariants: {
18 | variant: "default",
19 | },
20 | }
21 | );
22 |
23 | export interface BadgeProps extends React.HTMLAttributes, VariantProps {}
24 |
25 | function Badge({ className, variant, ...props }: BadgeProps) {
26 | return ;
27 | }
28 |
29 | export { Badge, badgeVariants };
30 |
--------------------------------------------------------------------------------
/packages/ui/src/shad/ui/button.tsx:
--------------------------------------------------------------------------------
1 | import { Slot } from "@radix-ui/react-slot";
2 | import { cva, type VariantProps } from "class-variance-authority";
3 |
4 | import { cn } from "@repo/ui/utils";
5 | import { forwardRef } from "react";
6 |
7 | const buttonVariants = cva(
8 | "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
9 | {
10 | variants: {
11 | variant: {
12 | default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
13 | destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
14 | outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
15 | secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
16 | ghost: "hover:bg-accent hover:text-accent-foreground",
17 | link: "text-primary underline-offset-4 hover:underline",
18 | explore: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
19 | },
20 | size: {
21 | default: "h-9 px-4 py-2",
22 | sm: "h-8 rounded-md px-3 text-xs",
23 | lg: "h-10 rounded-md px-8",
24 | icon: "h-9 w-9",
25 | },
26 | },
27 | defaultVariants: {
28 | variant: "default",
29 | size: "default",
30 | },
31 | }
32 | );
33 |
34 | export interface ButtonProps
35 | extends React.ButtonHTMLAttributes,
36 | VariantProps {
37 | asChild?: boolean;
38 | }
39 |
40 | const Button = forwardRef(
41 | ({ className, variant, size, asChild = false, ...props }, ref) => {
42 | const Comp = asChild ? Slot : "button";
43 | return >(({ className, ...props }, ref) => (
6 |
7 | ));
8 | Card.displayName = "Card";
9 |
10 | const CardHeader = forwardRef>(({ className, ...props }, ref) => (
11 |
12 | ));
13 | CardHeader.displayName = "CardHeader";
14 |
15 | const CardTitle = forwardRef>(
16 | ({ className, ...props }, ref) => (
17 |
18 | )
19 | );
20 | CardTitle.displayName = "CardTitle";
21 |
22 | const CardDescription = forwardRef>(
23 | ({ className, ...props }, ref) => (
24 |
25 | )
26 | );
27 | CardDescription.displayName = "CardDescription";
28 |
29 | const CardContent = forwardRef>(({ className, ...props }, ref) => (
30 |
31 | ));
32 | CardContent.displayName = "CardContent";
33 |
34 | const CardFooter = forwardRef>(({ className, ...props }, ref) => (
35 |
36 | ));
37 | CardFooter.displayName = "CardFooter";
38 |
39 | export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
40 |
--------------------------------------------------------------------------------
/packages/ui/src/shad/ui/checkbox.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
5 | import { CheckIcon } from "@radix-ui/react-icons";
6 |
7 | import { cn } from "@repo/ui/utils";
8 |
9 | const Checkbox = React.forwardRef<
10 | React.ElementRef,
11 | React.ComponentPropsWithoutRef
12 | >(({ className, ...props }, ref) => (
13 |
21 |
22 |
24 |
25 | ));
26 | Checkbox.displayName = CheckboxPrimitive.Root.displayName;
27 |
28 | export { Checkbox };
29 |
--------------------------------------------------------------------------------
/packages/ui/src/shad/ui/dailog.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import * as DialogPrimitive from "@radix-ui/react-dialog";
5 |
6 | import { cn } from "@repo/ui/utils";
7 |
8 | const Dialog = DialogPrimitive.Root;
9 |
10 | const DialogTrigger = DialogPrimitive.Trigger;
11 |
12 | const DialogPortal = DialogPrimitive.Portal;
13 |
14 | const DialogClose = DialogPrimitive.Close;
15 |
16 | const DialogOverlay = React.forwardRef<
17 | React.ElementRef,
18 | React.ComponentPropsWithoutRef
19 | >(({ className, ...props }, ref) => (
20 | ,
33 | React.ComponentPropsWithoutRef
34 | >(({ className, children, ...props }, ref) => (
35 |
36 |
45 | {children}
46 |
47 |
48 | ));
49 | DialogContent.displayName = DialogPrimitive.Content.displayName;
50 |
51 | const DialogHeader = ({ className, ...props }: React.HTMLAttributes) => (
52 |
53 | );
54 | DialogHeader.displayName = "DialogHeader";
55 |
56 | const DialogFooter = ({ className, ...props }: React.HTMLAttributes) => (
57 |
58 | );
59 | DialogFooter.displayName = "DialogFooter";
60 |
61 | const DialogTitle = React.forwardRef<
62 | React.ElementRef,
63 | React.ComponentPropsWithoutRef
64 | >(({ className, ...props }, ref) => (
65 | ,
75 | React.ComponentPropsWithoutRef
76 | >(({ className, ...props }, ref) => (
77 | {}
6 |
7 | const Input = React.forwardRef(({ className, type, ...props }, ref) => {
8 | return (
9 |
18 | );
19 | });
20 | Input.displayName = "Input";
21 |
22 | export { Input };
23 |
--------------------------------------------------------------------------------
/packages/ui/src/shad/ui/label.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import * as LabelPrimitive from "@radix-ui/react-label";
5 | import { cva, type VariantProps } from "class-variance-authority";
6 |
7 | import { cn } from "@repo/ui/utils";
8 |
9 | const labelVariants = cva("font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
10 |
11 | const Label = React.forwardRef<
12 | React.ElementRef,
13 | React.ComponentPropsWithoutRef & VariantProps
14 | >(({ className, ...props }, ref) => (
15 | >(
18 | ({ className, ...props }, ref) => (
19 | >(({ className, ...props }, ref) => (
25 |
26 | ));
27 | PaginationItem.displayName = "PaginationItem";
28 |
29 | type PaginationLinkProps = {
30 | isActive?: boolean;
31 | } & Pick &
32 | React.ComponentProps<"a">;
33 |
34 | const PaginationLink = ({ className, isActive, size = "icon", ...props }: PaginationLinkProps) => (
35 |
46 | );
47 | PaginationLink.displayName = "PaginationLink";
48 |
49 | const PaginationPrevious = ({ className, ...props }: React.ComponentProps) => (
50 |
51 |
54 | );
55 | PaginationPrevious.displayName = "PaginationPrevious";
56 |
57 | const PaginationNext = ({ className, ...props }: React.ComponentProps) => (
58 |
59 | Next
60 |
62 | );
63 | PaginationNext.displayName = "PaginationNext";
64 |
65 | const PaginationEllipsis = ({ className, ...props }: React.ComponentProps<"span">) => (
66 |
67 | ) => (
9 | & {
22 | withHandle?: boolean;
23 | }) => (
24 | div]:rotate-90",
27 | className
28 | )}
29 | {...props}
30 | >
31 | {withHandle && (
32 |
37 | );
38 |
39 | export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
40 |
--------------------------------------------------------------------------------
/packages/ui/src/shad/ui/scroll-area.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
3 |
4 | import { cn } from "@repo/ui/utils";
5 | import { forwardRef } from "react";
6 |
7 | const ScrollArea = forwardRef<
8 | React.ElementRef,
9 | React.ComponentPropsWithoutRef
10 | >(({ className, children, ...props }, ref) => (
11 |
12 | {children}
13 |
16 | ));
17 | ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
18 |
19 | const ScrollBar = forwardRef<
20 | React.ElementRef,
21 | React.ComponentPropsWithoutRef
22 | >(({ className, orientation = "vertical", ...props }, ref) => (
23 |
34 |
36 | ));
37 | ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
38 |
39 | export { ScrollArea, ScrollBar };
40 |
--------------------------------------------------------------------------------
/packages/ui/src/shad/ui/separator.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as SeparatorPrimitive from "@radix-ui/react-separator"
5 |
6 | import { cn } from "@repo/ui/utils"
7 |
8 | const Separator = React.forwardRef<
9 | React.ElementRef,
10 | React.ComponentPropsWithoutRef
11 | >(
12 | (
13 | { className, orientation = "horizontal", decorative = true, ...props },
14 | ref
15 | ) => (
16 | ) {
4 | return ;
5 | }
6 |
7 | export { Skeleton };
8 |
--------------------------------------------------------------------------------
/packages/ui/src/shad/ui/spotlight.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | import { cn } from "@repo/ui/utils";
4 |
5 | type SpotlightProps = {
6 | className?: string;
7 | fill?: string;
8 | };
9 |
10 | export const Spotlight = ({ className, fill }: SpotlightProps) => {
11 | return (
12 |
48 | );
49 | };
50 |
--------------------------------------------------------------------------------
/packages/ui/src/shad/ui/switch.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as SwitchPrimitives from "@radix-ui/react-switch"
5 |
6 | import { cn } from "@repo/ui/utils"
7 |
8 | const Switch = React.forwardRef<
9 | React.ElementRef,
10 | React.ComponentPropsWithoutRef
11 | >(({ className, ...props }, ref) => (
12 |
20 |
26 | ))
27 | Switch.displayName = SwitchPrimitives.Root.displayName
28 |
29 | export { Switch }
30 |
--------------------------------------------------------------------------------
/packages/ui/src/shad/ui/table.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 |
3 | import { cn } from "@repo/ui/utils";
4 |
5 | const Table = React.forwardRef>(
6 | ({ className, ...props }, ref) => (
7 | >(
15 | ({ className, ...props }, ref) =>
16 | );
17 | TableHeader.displayName = "TableHeader";
18 |
19 | const TableBody = React.forwardRef>(
20 | ({ className, ...props }, ref) => (
21 |
22 | )
23 | );
24 | TableBody.displayName = "TableBody";
25 |
26 | const TableFooter = React.forwardRef>(
27 | ({ className, ...props }, ref) => (
28 | tr]:last:border-b-0", className)} {...props} />
29 | )
30 | );
31 | TableFooter.displayName = "TableFooter";
32 |
33 | const TableRow = React.forwardRef>(
34 | ({ className, ...props }, ref) => (
35 | >(
45 | ({ className, ...props }, ref) => (
46 | [role=checkbox]]:translate-y-[2px]",
50 | className
51 | )}
52 | {...props}
53 | />
54 | )
55 | );
56 | TableHead.displayName = "TableHead";
57 |
58 | const TableCell = React.forwardRef>(
59 | ({ className, ...props }, ref) => (
60 | [role=checkbox]]:translate-y-[2px]", className)}
63 | {...props}
64 | />
65 | )
66 | );
67 | TableCell.displayName = "TableCell";
68 |
69 | const TableCaption = React.forwardRef>(
70 | ({ className, ...props }, ref) => (
71 | ,
11 | React.ComponentPropsWithoutRef
12 | >(({ className, ...props }, ref) => (
13 | ,
26 | React.ComponentPropsWithoutRef
27 | >(({ className, ...props }, ref) => (
28 | ,
41 | React.ComponentPropsWithoutRef
42 | >(({ className, ...props }, ref) => (
43 | {}
6 |
7 | const Textarea = React.forwardRef(({ className, ...props }, ref) => {
8 | return (
9 |
17 | );
18 | });
19 | Textarea.displayName = "Textarea";
20 |
21 | export { Textarea };
22 |
--------------------------------------------------------------------------------
/packages/ui/src/shad/ui/toaster.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from "./toast";
4 | import { useToast } from "./use-toast";
5 |
6 | export function Toaster() {
7 | const { toasts } = useToast();
8 |
9 | return (
10 |
11 | {toasts.map(function ({ id, title, description, action, ...props }) {
12 | return (
13 |
14 |
21 | );
22 | })}
23 |
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/packages/ui/src/shad/ui/tooltip.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as TooltipPrimitive from "@radix-ui/react-tooltip";
4 |
5 | import { cn } from "@repo/ui/utils";
6 | import { forwardRef } from "react";
7 |
8 | const TooltipProvider = TooltipPrimitive.Provider;
9 |
10 | const Tooltip = TooltipPrimitive.Root;
11 |
12 | const TooltipTrigger = TooltipPrimitive.Trigger;
13 |
14 | const TooltipContent = forwardRef<
15 | React.ElementRef,
16 | React.ComponentPropsWithoutRef
17 | >(({ className, sideOffset = 4, ...props }, ref) => (
18 |
14 |
21 | {children}
22 |
23 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/apps/web/components/ProfileSidebar.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import React from "react";
3 | import UserImage from "./UserImage";
4 | import { UserRound } from "lucide-react";
5 | import ProfileOptions from "./profile/ProfileOptions";
6 | import { useRecoilValue } from "recoil";
7 | import { profileSidebar } from "@repo/store";
8 | import { useSession } from "next-auth/react";
9 |
10 | export default function ProfileSidebar() {
11 | const sidebarToggle = useRecoilValue(profileSidebar);
12 | const session = useSession();
13 | const user = session.data?.user;
14 |
15 | return (
16 | <>
17 | setSidebarToggle((prev) => !prev)}
16 | className="absolute cursor-pointer top-[7rem] right-[4rem] block lg:hidden"
17 | >
18 |
19 |
20 |
20 |
40 |
41 | );
42 | }
43 |
--------------------------------------------------------------------------------
/apps/web/components/Providers.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { RecoilRoot } from "recoil";
4 | import * as React from "react";
5 | import { ThemeProvider as NextThemesProvider } from "next-themes";
6 | import { type ThemeProviderProps } from "next-themes/dist/types";
7 | import { SessionProvider } from "next-auth/react";
8 | import { Toaster } from "@repo/ui";
9 |
10 | export const Providers = ({ children }: { children: React.ReactNode }) => {
11 | return (
12 |
21 |
39 |
22 |
34 |
35 |
36 |
37 |
23 | {!user?.image ? (
24 |
31 |
25 |
27 | ) : (
28 | {user?.name}
32 | {user?.email}
33 |
18 |
20 | );
21 | };
22 |
--------------------------------------------------------------------------------
/apps/web/components/RedirectToLoginCard.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { usePathname, useRouter } from "next/navigation";
3 | import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button } from "@repo/ui";
4 |
5 | const RedirectToLoginCard = () => {
6 | const router = useRouter();
7 | const pathname = usePathname();
8 | const redirectToLogin = () => {
9 | localStorage.setItem("loginRedirectUrl", pathname);
10 | router.push("/auth");
11 | };
12 | return (
13 |
10 |
13 | );
14 | };
15 |
16 | export default ScrollToTopWrapper;
17 |
--------------------------------------------------------------------------------
/apps/web/components/TrackCard-2.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useRef, useState } from "react";
2 | import { motion, useAnimation } from "framer-motion";
3 | import { Track, Problem } from "@prisma/client";
4 | import { TrackPreview } from "./TrackPreview";
5 | import { formatDistanceToNow } from "date-fns";
6 | import { useRouter } from "next/navigation";
7 |
8 | interface TrackCardProps extends Track {
9 | problems: Problem[];
10 | categories: {
11 | category: {
12 | id: string;
13 | category: string;
14 | };
15 | }[];
16 | }
17 |
18 | export function TrackCard2({ track }: { track: TrackCardProps }) {
19 | const router = useRouter();
20 | const controls = useAnimation();
21 | const ref = useRef
75 |
95 |
76 |
86 | {track.title}
77 | {track.categories.map((item) => ( 78 |82 | {item.category.category} 83 |
84 | ))} 85 |
87 |
94 | 88 | {track.problems.length} Chapters 89 |
90 |91 | {formatDistanceToNow(new Date(track.createdAt), { addSuffix: true })} 92 |
93 |
10 |
11 |
16 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/apps/web/components/TrackTools.tsx:
--------------------------------------------------------------------------------
1 | import { Track, Problem } from "@prisma/client";
2 | import { PageToggle } from "./PageToggle";
3 | import Link from "next/link";
4 | import { Button } from "@repo/ui";
5 | import { ArrowUp, ChevronLeft, ChevronRight } from "lucide-react";
6 | import { motion } from "framer-motion";
7 |
8 | const TrackTools = ({
9 | track,
10 | problemIndex,
11 | }: {
12 | allProblems: Problem[];
13 | track: Track & { problems: Problem[] };
14 | problemIndex: number;
15 | }) => {
16 | const scrollToTop = () => {
17 | window.scrollTo({ top: 0, behavior: "smooth" });
18 | };
19 |
20 | return (
21 |
12 |
15 | {track.title}
13 | {track.description}
14 |
28 |
29 |
32 |
33 |
73 |
6 | 
14 |
15 | );
16 | }
17 |
--------------------------------------------------------------------------------
/apps/web/components/admin/AddProblemCard.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { useState } from "react";
3 | import {
4 | Card,
5 | CardContent,
6 | CardDescription,
7 | CardHeader,
8 | CardTitle,
9 | Select,
10 | SelectContent,
11 | SelectItem,
12 | SelectTrigger,
13 | SelectValue,
14 | Input,
15 | Button,
16 | useToast,
17 | } from "@repo/ui";
18 | import { ProblemType } from "@prisma/client";
19 | import { createProblem } from "../utils";
20 |
21 | interface Problem {
22 | id: string;
23 | title: string;
24 | description: string;
25 | type: string;
26 | notionDocId: string;
27 | }
28 |
29 | const AddProblemCard = () => {
30 | const [newProblems, setNewProblems] = useState
56 |
57 |
70 |
71 | {
76 | setTitle(event.target.value);
77 | }}
78 | />
79 | {
84 | setDescription(event.target.value);
85 | }}
86 | />
87 | {
92 | setNotionDocId(event.target.value);
93 | }}
94 | />
95 |
102 |
103 |
116 | );
117 | };
118 |
119 | export default AddProblemCard;
120 |
--------------------------------------------------------------------------------
/apps/web/components/admin/AdminMCQ.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { useEffect, useState } from "react";
3 | import { getAllMCQs } from "../utils";
4 | import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@repo/ui";
5 | import { Problem, MCQQuestion } from "@prisma/client";
6 | import AdminAddMCQ from "./AdminAddMCQ";
7 |
8 | interface AdminAddMCQProps extends Problem {
9 | mcqQuestions: MCQQuestion[];
10 | }
11 |
12 | const AdminMCQ = () => {
13 | const [Problems, setProblems] = useState
104 | {newProblems.map((problem, i) => (
105 |
106 |
107 | {problem.title}
108 | {problem.description}
109 | {problem.type}
110 |
111 | {problem.notionDocId}
112 |
113 | ))}
114 |
115 |
23 |
44 | );
45 | };
46 |
47 | export default AdminMCQ;
48 |
--------------------------------------------------------------------------------
/apps/web/components/admin/EditCategories.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { Button, toast } from "@repo/ui";
3 | import {
4 | Dialog,
5 | DialogContent,
6 | DialogDescription,
7 | DialogFooter,
8 | DialogHeader,
9 | DialogTitle,
10 | DialogTrigger,
11 | } from "@repo/ui";
12 | import { Input } from "@repo/ui";
13 | import { Label } from "@repo/ui";
14 | import { Trash2 } from "lucide-react";
15 | import { useState } from "react";
16 | import { addCategory, deleteCategory } from "../utils";
17 | import { useRouter } from "next/navigation";
18 |
19 | const EditCategories = ({
20 | categories,
21 | }: {
22 | categories: {
23 | id: string;
24 | category: string;
25 | }[];
26 | }) => {
27 | const router = useRouter();
28 | const [newCategory, setNewCategory] = useState
24 | {Problems.map((problem) => (
25 |
26 |
27 | {problem.description}
37 | {problem.type}
38 |
39 | {problem.notionDocId}
40 |
41 | ))}
42 |
43 |
28 |
36 |
29 | {problem.id}
30 | {problem.title}
31 |
32 |
33 |
35 | Problems
40 |
41 |
55 | {newProblems[0] && {"ProblemId: "}
42 | setProblemId(e.target.value)} />
43 | {"SortingOrder: "}
44 | setSortingOrder(parseInt(e.target.value))} />
45 |
54 | New Problems
}
56 |
57 | {newProblems.map((problem, i) => (
58 |
59 | problemId: {problem.problemId}
60 | sortingOrder: {problem.sortingOrder}
61 |
62 | ))}
63 |
64 | Existing Problems
65 |
66 | {problems.map((problem, i) => (
67 | // @ts-ignore
68 |
71 |
30 |
66 | );
67 | };
68 |
--------------------------------------------------------------------------------
/apps/web/components/admin/ProblemEditor.tsx:
--------------------------------------------------------------------------------
1 | import { Problem } from "@prisma/client";
2 | import { ScrollArea } from "@repo/ui";
3 | import ProblemCard from "./ProblemCard";
4 | import AddProblemCard from "./AddProblemCard";
5 |
6 | export const ProblemEditor = ({ problems }: { problems: Problem[] }) => {
7 | return (
8 |
31 |
39 |
40 |
41 |
64 |
65 |
42 | {filteredTracks.map((track) => (
43 |
44 |
61 | ))}
62 |
63 |
45 |
49 |
60 |
50 |
51 | {track.description}
56 |
57 | {`hidden: ${track.hidden}`}
58 |
59 |
52 | {track.title}
53 |
55 |
9 |
10 |
16 |
18 | );
19 | };
--------------------------------------------------------------------------------
/apps/web/components/admin/TracksEditor.tsx:
--------------------------------------------------------------------------------
1 | import AddTrackCard from "./AddTrackCard";
2 | import { ScrollArea } from "@repo/ui";
3 | import { Track } from "@prisma/client";
4 | import EditTrackCard from "./EditTrackCard";
5 | import { getAllCategories } from "../utils";
6 |
7 | interface TrackCardProps extends Track {
8 | categories: {
9 | category: {
10 | id: string;
11 | category: string;
12 | };
13 | }[];
14 | }
15 |
16 | export const TracksEditor = async ({ tracks }: { tracks: TrackCardProps[] }) => {
17 | const categories = await getAllCategories();
18 | return (
19 |
11 | {problems.map((problem, i) => (
12 |
15 |
20 |
21 |
27 |
29 | );
30 | };
31 |
--------------------------------------------------------------------------------
/apps/web/components/card.tsx:
--------------------------------------------------------------------------------
1 | export function Card({
2 | className,
3 | title,
4 | children,
5 | href,
6 | }: {
7 | className?: string;
8 | title: string;
9 | children: React.ReactNode;
10 | href: string;
11 | }): JSX.Element {
12 | return (
13 |
19 |
22 | {tracks.map((track, i) => (
23 |
26 | 20 | {title} -> 21 |
22 |{children}
23 | 24 | ); 25 | } 26 | -------------------------------------------------------------------------------- /apps/web/components/mcq/EditMCQ.tsx: -------------------------------------------------------------------------------- 1 | import { MCQQuestion } from "@prisma/client"; 2 | import { 3 | Dialog, 4 | DialogClose, 5 | DialogContent, 6 | DialogFooter, 7 | DialogHeader, 8 | DialogTitle, 9 | DialogTrigger, 10 | Input, 11 | Card, 12 | CardTitle, 13 | Button, 14 | } from "@repo/ui"; 15 | import { Dispatch, SetStateAction, useState } from "react"; 16 | import { updateMCQ } from "../utils"; 17 | 18 | const EditMCQ = ({ mcq, setIsUpdate }: { mcq: MCQQuestion; setIsUpdate: Dispatch
13 | setActiveTab(value)} className="p-4">
14 |
15 |
16 |
19 |
20 |
23 |
24 |
25 |
27 |
28 |
30 |
31 |
32 | );
33 | };
34 |
35 | export default MCQPanel;
36 |
--------------------------------------------------------------------------------
/apps/web/components/mcq/MCQQuestion.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { Dispatch, SetStateAction, useEffect, useState } from "react";
3 | import { Card, CardContent, CardFooter, CardHeader, CardTitle, Button } from "@repo/ui";
4 | import { MCQQuestion as Question } from "@prisma/client";
5 |
6 | const MCQQuestion = ({
7 | question,
8 | setAtempted,
9 | isReset,
10 | isSubmitted,
11 | setisSubmitted,
12 | }: {
13 | question: Question;
14 | setAtempted: Dispatch
58 |
59 |
60 | {question.question}
61 |
62 |
63 | {question.options.map((option, index) => (
64 |
79 | ))}
80 |
81 |
82 | {isCorrect !== null && (
83 |
92 |
93 |
94 | );
95 | };
96 |
97 | export default MCQQuestion;
98 |
--------------------------------------------------------------------------------
/apps/web/components/mcq/MCQRenderer.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { Problem, Track } from "@prisma/client";
3 | import { BlogAppbar } from "../BlogAppbar";
4 | import MCQQuestionCard from "./MCQCard";
5 | import { useSession } from "next-auth/react";
6 | import { Loader } from "lucide-react";
7 | import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "@repo/ui";
8 | import MCQPanel from "./MCQPanel";
9 |
10 | const MCQRenderer = ({
11 | problem,
12 | track,
13 | showAppBar,
14 | problemIndex,
15 | }: {
16 | problem: Problem & { notionRecordMap: any };
17 | track: Track & { problems: Problem[] };
18 | showAppBar?: Boolean;
19 | problemIndex: number;
20 | }) => {
21 | const { data, status } = useSession();
22 | const user = data?.user;
23 |
24 | if (status === "loading") {
25 | return 84 | {isCorrect ? ( 85 |
Correct Answer!
86 | ) : ( 87 |Incorrect Answer!
88 | )} 89 | 90 | )} 91 |
30 | {showAppBar &&
45 | );
46 | };
47 |
48 | export default MCQRenderer;
49 |
--------------------------------------------------------------------------------
/apps/web/components/mcq/SubmissionMCQ.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 | import { useSession } from "next-auth/react";
3 | import { Problem, QuizScore } from "@prisma/client";
4 | import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from "@repo/ui";
5 | import { getQuizScore } from "../utils";
6 |
7 | const SubmissionMCQ = ({ problem }: { problem: Problem }) => {
8 | const session = useSession();
9 | // @ts-ignore
10 | const userId = session.data?.user?.id;
11 | const [scoreData, setScoreData] = useState
32 |
33 |
34 |
36 |
38 |
42 |
43 |
44 |
39 |
41 |
26 |
27 |
51 |
52 | );
53 | };
54 |
55 | export default SubmissionMCQ;
56 |
--------------------------------------------------------------------------------
/apps/web/components/profile/ProfileOptions.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { Braces, UserRound } from "lucide-react";
3 | import { usePathname, useRouter } from "next/navigation";
4 | import { useEffect, useState } from "react";
5 |
6 | const ProfileOptions = () => {
7 | const optionsData = [
8 | {
9 | name: "Profile",
10 | icon:
37 | {optionsData.map((x, i) => {
38 | return (
39 |
50 | );
51 | };
52 |
53 | export default ProfileOptions;
54 |
--------------------------------------------------------------------------------
/apps/web/components/use-follow-pointer.ts:
--------------------------------------------------------------------------------
1 | import { useState, RefObject, useEffect } from "react";
2 | import { useMotionValue, useSpring, frame } from "framer-motion";
3 |
4 | const spring = { damping: 1, stiffness: 10, restDelta: 0.001 };
5 |
6 | export function useFollowPointer(ref: RefObject handleOptionClick(i, x.href)}
41 | className={` ${activeOption === i ? "border-r-8 border-blue-500 dark:bg-[#ffffff1d] bg-[#2020204d]" : ""} cursor-pointer hover:bg-[#ffffff1f] flex items-center gap-2 rounded-md p-2 `}
42 | key={i}
43 | >
44 | {x.icon}
45 | {x.name}
46 |
47 | );
48 | })}
49 |
27 |
64 | );
65 | };
66 |
--------------------------------------------------------------------------------
/apps/web/screens/Landing.tsx:
--------------------------------------------------------------------------------
1 | import { AppbarClient } from "../components/AppbarClient";
2 | import { getAllCategories } from "../components/utils";
3 | import { getAllTracks } from "../components/utils";
4 | import Footer from "./footer";
5 | import Hero from "../components/Hero";
6 | import { Tracks } from "../components/Tracks";
7 | import FooterCTA from "./footer-cta";
8 |
9 | export async function Landing() {
10 | const tracks = await getAllTracks();
11 | const categories = await getAllCategories(); // Fetch categories
12 |
13 | return (
14 | 28 | Note: Changes will be reflected at the Client FE but here in Admin you'll have to refresh in order to see the 29 | changes 30 |
31 |
32 |
33 |
44 |
46 |
47 |
49 |
50 |
52 |
53 |
55 |
56 |
58 |
59 |
61 |
62 |
63 |
34 |
35 | Complete Track
36 | Problems
37 | Tracks
38 | Link
39 | Search
40 | MCQ
41 |
42 |
43 |
15 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/apps/web/screens/footer-cta.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { Button } from "@repo/ui";
3 | import { Download, Sparkles } from "lucide-react";
4 | import Link from "next/link";
5 | import Mockup from "../public/Mockup.png";
6 | import { motion } from "framer-motion";
7 | import Image from "next/image";
8 |
9 | const FooterCTA = () => {
10 | const floatingAnimation = {
11 | y: [0, -10, 0],
12 | transition: {
13 | duration: 3,
14 | ease: "easeInOut",
15 | repeat: Infinity,
16 | },
17 | };
18 | return (
19 |
20 |
58 | );
59 | };
60 |
61 | export default FooterCTA;
62 |
--------------------------------------------------------------------------------
/apps/web/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 | darkMode: ["class"],
4 | content: [
5 | "../../packages/ui/src/**/*.{ts,tsx}",
6 | "./app/**/*.{ts,tsx}",
7 | "./pages/**/*.{ts,tsx}",
8 | "./components/**/*.{ts,tsx}",
9 | "./app/**/*.{ts,tsx}",
10 | "./src/**/*.{ts,tsx}",
11 | "./screens/**/*{.ts,tsx}",
12 | ],
13 | prefix: "",
14 | theme: {
15 | fontFamily: {
16 | "open-talk": ["Open Sans", " sans - serif"],
17 | "open-poppins": ["Poppins", "sans-serif"],
18 | "open-montserrat": ["Montserrat Alternates", "sans-serif"],
19 | },
20 | container: {
21 | center: true,
22 | padding: "2rem",
23 | screens: {
24 | "2xl": "1400px",
25 | },
26 | },
27 | extend: {
28 | screens: {
29 | "2.5xl": "1730px",
30 | },
31 | colors: {
32 | border: "hsl(var(--border))",
33 | input: "hsl(var(--input))",
34 | ring: "hsl(var(--ring))",
35 | background: "hsl(var(--background))",
36 | foreground: "hsl(var(--foreground))",
37 | primary: {
38 | DEFAULT: "hsl(var(--primary))",
39 | foreground: "hsl(var(--primary-foreground))",
40 | },
41 | secondary: {
42 | DEFAULT: "hsl(var(--secondary))",
43 | foreground: "hsl(var(--secondary-foreground))",
44 | },
45 | destructive: {
46 | DEFAULT: "hsl(var(--destructive))",
47 | foreground: "hsl(var(--destructive-foreground))",
48 | },
49 | muted: {
50 | DEFAULT: "hsl(var(--muted))",
51 | foreground: "hsl(var(--muted-foreground))",
52 | },
53 | accent: {
54 | DEFAULT: "hsl(var(--accent))",
55 | foreground: "hsl(var(--accent-foreground))",
56 | },
57 | popover: {
58 | DEFAULT: "hsl(var(--popover))",
59 | foreground: "hsl(var(--popover-foreground))",
60 | },
61 | card: {
62 | DEFAULT: "hsl(var(--card))",
63 | foreground: "hsl(var(--card-foreground))",
64 | },
65 | },
66 | borderRadius: {
67 | lg: "var(--radius)",
68 | md: "calc(var(--radius) - 2px)",
69 | sm: "calc(var(--radius) - 4px)",
70 | },
71 | keyframes: {
72 | "accordion-down": {
73 | from: { height: "0" },
74 | to: { height: "var(--radix-accordion-content-height)" },
75 | },
76 | "accordion-up": {
77 | from: { height: "var(--radix-accordion-content-height)" },
78 | to: { height: "0" },
79 | },
80 | spotlight: {
81 | "0%": {
82 | opacity: 0,
83 | transform: "translate(-72%, -62%) scale(0.5)",
84 | },
85 | "100%": {
86 | opacity: 1,
87 | transform: "translate(-50%,-40%) scale(1)",
88 | },
89 | },
90 | },
91 | animation: {
92 | spotlight: "spotlight 2s ease .75s 1 forwards",
93 | "accordion-down": "accordion-down 0.2s ease-out",
94 | "accordion-up": "accordion-up 0.2s ease-out",
95 | },
96 | },
97 | },
98 | plugins: [require("tailwindcss-animate")],
99 | };
100 |
--------------------------------------------------------------------------------
/apps/web/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@repo/typescript-config/nextjs.json",
3 | "compilerOptions": {
4 | "plugins": [
5 | {
6 | "name": "next",
7 | },
8 | ],
9 | "strictNullChecks": true,
10 | },
11 | "include": [
12 | "next-env.d.ts",
13 | "next.config.js",
14 | "**/*.ts",
15 | "**/*.tsx",
16 | ".next/types/**/*.ts",
17 | "tailwind.config.js",
18 | "postcss.config.js",
19 | ],
20 | "exclude": ["node_modules"],
21 | }
22 |
--------------------------------------------------------------------------------
/docker-compose.yml:
--------------------------------------------------------------------------------
1 | services:
2 | app:
3 | build:
4 | context: .
5 | dockerfile: Dockerfile
6 | container_name: daily-code-docker
7 | environment:
8 | - DATABASE_URL=postgresql://postgres:postgres@db:5432/postgres
9 | ports:
10 | - '3000:3000'
11 | depends_on:
12 | db:
13 | condition: service_healthy
14 | develop:
15 | watch:
16 | - action: sync
17 | path: ./
18 | target: /usr/src/app
19 | ignore:
20 | - node_modules/
21 | - action: rebuild
22 | path: package.json
23 |
24 | db:
25 | image: postgres:alpine
26 | container_name: db
27 | restart: always
28 | environment:
29 | POSTGRES_USER: postgres
30 | POSTGRES_PASSWORD: postgres
31 | POSTGRES_DB: postgres
32 | ports:
33 | - 5432:5432
34 | volumes:
35 | - postgres-data:/var/lib/postgresql/data
36 | healthcheck:
37 | test: [ 'CMD-SHELL', 'pg_isready -d $${POSTGRES_DB} -U $${POSTGRES_USER}' ]
38 | interval: 10s
39 | timeout: 5s
40 | retries: 5
41 |
42 | volumes:
43 | postgres-data:
44 | external: false
45 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "dailycode",
3 | "private": true,
4 | "prisma": {
5 | "seed": "ts-node packages\\db\\prisma\\seed.ts"
6 | },
7 | "scripts": {
8 | "build": "turbo build",
9 | "start": "cd apps/web && yarn run start",
10 | "dev": "turbo dev",
11 | "lint": "turbo lint",
12 | "lint:fix": "turbo lint:fix",
13 | "format": "prettier --write \"**/*.{ts,tsx,md}\"",
14 | "prepare": "husky",
15 | "dev:docker": "npm run prisma:docker && yarn run dev",
16 | "prisma:docker": "cd packages/db && npx prisma migrate dev --skip-seed && npx prisma db seed"
17 | },
18 | "devDependencies": {
19 | "@commitlint/cli": "^18.6.0",
20 | "@commitlint/config-conventional": "^18.6.0",
21 | "@repo/eslint-config": "*",
22 | "@repo/typescript-config": "*",
23 | "autoprefixer": "^10.4.16",
24 | "eslint": "^8.56.0",
25 | "husky": "^9.0.7",
26 | "lint-staged": "^15.2.1",
27 | "postcss": "^8.4.33",
28 | "prettier": "^3.1.1",
29 | "tailwindcss": "^3.4.1",
30 | "turbo": "^2.1.1"
31 | },
32 | "engines": {
33 | "node": ">=18"
34 | },
35 | "packageManager": "yarn@1.22.21",
36 | "workspaces": [
37 | "apps/*",
38 | "packages/*"
39 | ],
40 | "dependencies": {
41 | "date-fns": "^3.6.0",
42 | "framer-motion": "^11.3.30",
43 | "fuse.js": "^7.0.0",
44 | "ioredis": "^5.4.1",
45 | "nextjs-toploader": "^1.6.11",
46 | "react": "^18.2.0",
47 | "react-notion-x": "^6.16.0"
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/packages/db/.env.example:
--------------------------------------------------------------------------------
1 |
2 | DATABASE_URL="postgresql://johndoe:randompassword@localhost:5432/mydb?schema=public"
3 |
4 |
5 | CACHE_EXPIRE=1800
6 |
--------------------------------------------------------------------------------
/packages/db/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | # Keep environment variables out of version control
3 | .env
4 |
--------------------------------------------------------------------------------
/packages/db/Cache.ts:
--------------------------------------------------------------------------------
1 | import { ICache } from '../../apps/web/lib/cache/cache';
2 | import { InMemoryCache } from '../../apps/web/lib/cache/in-memory-cache';
3 | import { RedisCache } from '../../apps/web/lib/cache/redis-cache';
4 |
5 | const redisUrl = process.env.REDIS_URL;
6 |
7 | export class Cache implements ICache {
8 | private static instance: Cache;
9 | private delegate: ICache;
10 |
11 | private constructor() {
12 | if (redisUrl) {
13 | this.delegate = RedisCache.getInstance(redisUrl);
14 | } else {
15 | this.delegate = InMemoryCache.getInstance();
16 | }
17 | }
18 |
19 | static getInstance(): Cache {
20 | if (!this.instance) {
21 | this.instance = new Cache();
22 | }
23 | return this.instance;
24 | }
25 |
26 | async set(
27 | type: string,
28 | args: string[],
29 | value: any,
30 | expirySeconds: number = parseInt(process.env.CACHE_EXPIRE || '1800', 10),
31 | ): Promise
21 |
49 |
55 |
56 |
57 |
22 |
47 |
48 |
23 |
32 | 24 | Every developer deserves to be a great engineer, a{" "} 25 | 100xEngineer! 26 |
27 | 28 |29 | Give yourself the power you deserve with a 100xdevs today! 30 |
31 |
33 |
34 |
38 |
39 |
40 |
44 |
45 |
46 |
33 |
35 | )}
36 |
8 |
9 |
10 | )
11 | );
12 | Table.displayName = "Table";
13 |
14 | const TableHeader = React.forwardRef
15 | {title && {title} }
16 | {description && {description} }
17 |
18 | {action}
19 |