Add PrepVerse files

documentation/docs/getting-started/overview.md

@@ -4,24 +4,26 @@ title: Overview
 slug: /
 ---
 
+:::simple
 Unlock a Treasure Trove of Knowledge with Our Comprehensive Repository!
 
 Are you ready to embark on a journey of learning and discovery? Look no further than our repository, a rich and diverse resource designed to equip you with the tools and knowledge you need to succeed in the world of computer science and beyond.
-
-## **Programming Challenges and MCQs:**
+:::
+:::tip Programming Challenges and MCQs:
 Put your skills to the test with a wide range of programming challenges, multiple-choice questions (MCQs), puzzles, aptitude questions, and reasoning problems. Explore diverse problem domains and languages, including C++, Python, Java, and JavaScript, and sharpen your coding proficiency while tackling real-world scenarios and algorithmic puzzles.
-
-## **Data Structures and Algorithms (DSA):**
+:::
+:::info-tip Data Structures and Algorithms (DSA):
 Delve into the fascinating world of Data Structures and Algorithms with our meticulously curated collection. Explore essential topics such as arrays, linked lists, trees, graphs, sorting algorithms, and more. Dive deep into renowned resources like the 450 DSA by Love Babbar, Striver DSA sheet, and Apna College DSA Sheet, providing you with a comprehensive understanding of fundamental concepts and problem-solving techniques.
-
-## **Technical Subjects:**
+:::
+:::note Technical Subjects:
 Expand your horizons with in-depth coverage of essential technical subjects, including Operating Systems, Database Management Systems (DBMS), SQL, Computer Networks, and Object-Oriented Programming (OOP). Gain insights into the core principles and practices that underpin modern computing systems, empowering you to build robust, scalable, and efficient software solutions.
-
-## **System Design:**
+:::
+:::caution System Design:
 Unleash your creativity and analytical skills with captivating System Design materials for both Low-Level Design (LLD) and High-Level Design (HLD). Learn how to architect scalable and resilient systems that meet the demands of today's complex and dynamic environments, while honing your problem-solving abilities and design intuition.
-
-## **Continuous Learning and Growth:**
+:::
+:::danger Continuous Learning and Growth:
 At our repository, learning is a never-ending journey fueled by curiosity, exploration, and collaboration. Stay updated with the latest trends, developments, and best practices in the world of technology, and join a vibrant community of learners, educators, and industry professionals dedicated to sharing knowledge, insights, and experiences.
-
-## **Conclusion:**
-Whether you're a seasoned professional seeking to expand your skill set or a budding enthusiast eager to explore the frontiers of technology, our repository offers something for everyone. So, what are you waiting for? Dive into a world of endless possibilities and unlock the treasure trove of knowledge that awaits you. Together, let's embark on a journey of learning, growth, and transformation. 🚀🌐💡
+:::
+:::simple Conclusion
+Whether you're a seasoned professional seeking to expand your skill set or a budding enthusiast eager to explore the frontiers of technology, our repository offers something for everyone. So, what are you waiting for? Dive into a world of endless possibilities and unlock the treasure trove of knowledge that awaits you. Together, let's embark on a journey of learning, growth, and transformation. 🚀🌐💡
+:::

documentation/docusaurus.config.js

@@ -22,16 +22,31 @@ const siteConfig = {
     organizationName: "PrepVerse",
     trailingSlash: true,
     favicon: "img/prepverse_favicon.jpg",
-    scripts: ["https://platform.twitter.com/widgets.js"],
-    // stylesheets: [
-    //     {
-    //         href: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css',
-    //         type: 'text/css',
-    //         integrity:
-    //             'sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM',
-    //         crossorigin: 'anonymous',
-    //     },
-    // ],
+    scripts: [
+        "https://platform.twitter.com/widgets.js",
+        {
+            src: "https://widget.kapa.ai/kapa-widget.bundle.js",
+            "data-website-id": "",
+            "data-project-name": "PrepVerse",
+            "data-project-color": "#303450",
+            "data-modal-header-bg-color": "#303450",
+            "data-modal-title-color": "#ffffff",
+            "data-button-border-radius": "100%",
+            "data-button-text-font-size": "0px",
+            "data-button-text-color": "#303450",
+            "data-button-bg-color": "transparent",
+            "data-button-text": "",
+            "data-button-box-shadow": "none",
+            "data-button-image-height": "60px",
+            "data-button-image-width": "60px",
+            "data-modal-title": "",
+            "data-modal-image": 
+                "https://github.com/AkashSingh3031.png",
+            "data-project-logo":
+                "https://github.com/AkashSingh3031.png",
+            async: true,
+        },
+    ],
     presets: [
         [
             "@docusaurus/preset-classic",
@@ -132,6 +147,8 @@ const siteConfig = {
                 path: "tutorial",
                 routeBasePath: "tutorial",
                 sidebarPath: false,
+                remarkPlugins: [math],
+                rehypePlugins: [katex, {strict: false}],
                 docLayoutComponent: "@theme/TutorialPage",
                 docItemComponent: "@theme/TutorialItem",
                 include: ["**/index.md"],

documentation/src/css/custom.css

@@ -1340,4 +1340,10 @@ form.DocSearch-Form label.DocSearch-MagnifierLabel svg.DocSearch-Search-Icon {
 
 html[data-theme="dark"] .sandpack-container .sp-layout .resize-handler {
     background-image: url('data:image/svg+xml,<svg width="12" height="28" viewBox="0 0 12 28" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="28" rx="6" fill="%23343A46"/><path d="M8 6.8c0 1-.9 2-2 2a2 2 0 0 1-2-2C4 5.8 4.9 5 6 5a2 2 0 0 1 2 2ZM8 14.5c0 1-.9 1.9-2 1.9a2 2 0 0 1-2-2c0-1 .9-1.9 2-1.9a2 2 0 0 1 2 2ZM6 24a2 2 0 0 0 2-2c0-1-.9-1.8-2-1.8A2 2 0 0 0 4 22c0 1 .9 1.9 2 1.9Z" fill="%23000"/><path d="M8 6c0 1-.9 1.8-2 1.8A2 2 0 0 1 4 6C4 5 4.9 4 6 4a2 2 0 0 1 2 2ZM8 13.5c0 1.1-.9 2-2 2a2 2 0 0 1-2-2c0-1 .9-1.9 2-1.9a2 2 0 0 1 2 2ZM6 23.1a2 2 0 0 0 2-2c0-1-.9-1.8-2-1.8a2 2 0 0 0-2 1.9c0 1 .9 1.9 2 1.9Z" fill="%23667084"/></svg>');
+}
+
+/* in the initial render, kapa ai widget should be not visible to prevent flickering */
+/* in common-layout.tsx we will remove this style */
+#kapa-widget-container {
+    display: none;
 }

documentation/src/prepverse-theme/common-admonition.tsx

@@ -53,8 +53,8 @@ const colorWrapperClasses = {
     caution:
         "bg-refine-react-light-orange bg-opacity-[0.15] dark:bg-refine-react-dark-orange dark:bg-opacity-[0.15] border-l-refine-react-light-orange dark:border-l-refine-dark-orange",
     info: "bg-refine-react-light-purple bg-opacity-[0.15] dark:bg-refine-react-dark-purple dark:bg-opacity-[0.15] border-l-refine-react-light-purple dark:border-l-refine-react-dark-purple",
-    tip: "bg-refine-react-light-green-alt bg-opacity-[0.05] dark:bg-refine-react-dark-green-alt dark:bg-opacity-[0.05] border-l-refine-react-light-green-alt dark:border-l-refine-react-dark-green-alt",
-    note: "bg-refine-react-light-green-bg dark:bg-refine-react-light-green dark:bg-opacity-[0.2] border-l-refine-react-light-green dark:border-l-refine-react-dark-green",
+    tip: "bg-refine-react-light-green-alt/5 bg-opacity-[0.05] dark:bg-refine-react-dark-green-alt/5 dark:bg-opacity-[0.05] border-l-refine-react-light-green-alt dark:border-l-refine-react-dark-green-alt",
+    note: "bg-refine-react-light-green-bg/20 dark:bg-refine-react-light-green/20 dark:bg-opacity-[0.2] border-l-refine-react-light-green dark:border-l-refine-react-dark-green",
     "info-tip":
         "bg-refine-blue/10 dark:bg-[#6EB3F7]/10 bg-opacity-10  dark:bg-opacity-10 border-l-refine-blue",
     "command-line": "bg-refine-purple bg-opacity-10 border-l-refine-purple",

documentation/src/prepverse-theme/common-layout.tsx

@@ -45,6 +45,21 @@ export const CommonLayout = (props: any) => {
         }
     }, [isMobile]);
 
+    // it handles kapa ai widget visibility
+    // kapa ai widget script initalized in docusaurus.config.js
+    useEffect(() => {
+        const kapaAIWidget = document.getElementById("kapa-widget-container");
+        if (!kapaAIWidget) {
+            return;
+        }
+
+        if (location.pathname.startsWith("/docs")) {
+            kapaAIWidget.style.display = "block";
+        } else {
+            kapaAIWidget.style.display = "none";
+        }
+    }, [location.pathname]);
+
     return (
         <LayoutProvider>
             <PageMetadata title={title} description={description} />

documentation/src/prepverse-theme/css/custom.css

@@ -66,7 +66,7 @@
 
     @apply prose-pre:font-jetBrains-mono;
 
-    @apply prose-blockquote:last:mb-0 prose-blockquote:border-l-4 prose-blockquote:rounded-lg prose-blockquote:py-4 prose-blockquote:pr-4 prose-blockquote:pl-3 prose-blockquote:font-normal prose-blockquote:not-italic;
+    @apply prose-blockquote:border-l-4 prose-blockquote:rounded-lg prose-blockquote:py-4 prose-blockquote:pr-4 prose-blockquote:pl-3 prose-blockquote:font-normal prose-blockquote:not-italic;
     @apply prose-blockquote:bg-gray-100 prose-blockquote:text-gray-800 prose-blockquote:border-l-gray-400;
     @apply prose-blockquote:dark:bg-gray-700 prose-blockquote:dark:text-gray-100 prose-blockquote:dark:border-l-gray-500;
 
@@ -421,6 +421,7 @@ html[data-active-page="index"] body {
 }
 
 .sp-preview .sp-loading + .sp-custom-loading {
+    @apply bg-gray-0 dark:bg-gray-800;
     display: flex;
     position: absolute;
     left: 0;
@@ -433,6 +434,12 @@ html[data-active-page="index"] body {
     justify-content: center;
     align-items: center;
     pointer-events: none;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.sp-preview .sp-loading + .sp-custom-loading .sp-loading-progress {
+    /* @apply animate-progress-fill; */
 }
 
 .sp-icon-standalone[title="Open in CodeSandbox"] svg + span {
@@ -540,4 +547,19 @@ h4 del code {
 
 .docs-wrapper *::selection {
     @apply bg-refine-selection text-gray-800;
+}
+
+.sp-bridge-frame {
+    display: none !important;
+}
+
+.sp-console-list code {
+    @apply !bg-none !bg-transparent !border-none;
+}
+.sp-console-list .sp-console-item {
+    @apply !px-2 !py-px text-gray-600 dark:text-gray-200;
+}
+
+.cm-gutter.cm-lineNumbers {
+    @apply !text-xs !leading-5;
 }

documentation/src/theme/Admonition/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Admonition as RefineAdmonition } from "@site/src/prepverse-theme/common-admonition";
+import { Admonition as PrepVerseAdmonition } from "@site/src/prepverse-theme/common-admonition";
 
 function GithubIcon() {
     return (
@@ -62,9 +62,9 @@ function processAdmonitionProps(props) {
 const AdmonitionBase = (props) => {
     const { children, type, title } = processAdmonitionProps(props);
     return (
-        <RefineAdmonition type={type} title={title}>
+        <PrepVerseAdmonition type={type} title={title}>
             {children}
-        </RefineAdmonition>
+        </PrepVerseAdmonition>
     );
 };
 

documentation/tailwind.config.js

@@ -61,6 +61,7 @@ module.exports = {
                     "react-light-orange-bg": "#FEF5E7",
                     "react-light-purple-bg": "#F3F4FD",
                     "react-light-green-bg": "#F4FBF9",
+                    "tutorial-dark-bg": "#1D2026",
                     "bg-alt": "#262640",
                     "link-dark": "#6EB3F7",
                     "link-light": "#0080FF",
@@ -88,6 +89,18 @@ module.exports = {
                     800: "#1D1E30",
                     900: "#14141F",
                     1000: "#000000",
+                    // 0: "rgb(var(--color-gray-0) / <alpha-value>)",
+                    // 50: "rgb(var(--color-gray-50) / <alpha-value>)",
+                    // 100: "rgb(var(--color-gray-100) / <alpha-value>)",
+                    // 200: "rgb(var(--color-gray-200) / <alpha-value>)",
+                    // 300: "rgb(var(--color-gray-300) / <alpha-value>)",
+                    // 400: "rgb(var(--color-gray-400) / <alpha-value>)",
+                    // 500: "rgb(var(--color-gray-500) / <alpha-value>)",
+                    // 600: "rgb(var(--color-gray-600) / <alpha-value>)",
+                    // 700: "rgb(var(--color-gray-700) / <alpha-value>)",
+                    // 800: "rgb(var(--color-gray-800) / <alpha-value>)",
+                    // 900: "rgb(var(--color-gray-900) / <alpha-value>)",
+                    // 1000: "rgb(var(--color-gray-1000) / <alpha-value>)",
                 },
                 "refine-week": {
                     supabase: {
@@ -551,8 +564,17 @@ module.exports = {
                     "enterprise-table-right-to-left 0.3s ease-in-out forwards",
                 "new-badge-border": "new-badge-border 4s linear infinite",
                 reveal: "reveal 0.3s ease-in-out forwards",
+                "progress-fill": "progressFill 1s linear 1 forwards",
             },
             keyframes: {
+                progressFill: {
+                    "0%": {
+                        width: "0%",
+                    },
+                    "100%": {
+                        width: "100%",
+                    },
+                },
                 reveal: {
                     "0%": {
                         opacity: 0,
@@ -879,4 +901,4 @@ module.exports = {
     corePlugins: {
         // preflight: false,
     },
-};
+};