axiodb 2.10.26 → 2.10.27

package/Document/src/components/content/Usage.tsx

@@ -1,247 +0,0 @@
-import React, { useState } from "react";
-import { BookOpen } from "lucide-react";
-import CodeBlock from "../ui/CodeBlock";
-import Button from "../ui/Button";
-
-const Usage: React.FC = () => {
-  const [step, setStep] = useState<
-    "selectCodeType" | "selectExampleType" | "showExample"
-  >("selectCodeType");
-  const [codeType, setCodeType] = useState<"commonjs" | "es6" | null>(null);
-  const [exampleType, setExampleType] = useState<
-    | "read"
-    | "write"
-    | "update"
-    | "delete"
-    | "aggregate"
-    | "fastRetrieval"
-    | null
-  >(null);
-
-  const examples = {
-    commonjs: {
-      read: `const documents = await collection.query({ age: { $gt: 20 } }).exec();
-console.log(documents);`,
-      write: `const saveStatus = await collection.insert({ name: "Ankan", age: 21, email: "ankan@example.com" });
-console.log(saveStatus);`,
-      update: `const updatedDocuments = await collection.update({ name: { $regex: "Ankan" } }).UpdateOne({ name: "Ankan Saha", age: 22 });
-console.log(updatedDocuments);`,
-      delete: `const deletedDocuments = await collection.delete({ name: { $regex: "Ankan" } }).deleteOne();
-console.log(deletedDocuments);`,
-      aggregate: `const response = await collection.aggregate([
-  { $match: { age: { $gt: 20 }, name: { $regex: "Ankan" } } }, // Filter documents
-  { $group: { _id: "$age", count: { $sum: 1 } } }, // Group by age and count occurrences
-  { $sort: { count: -1 } }, // Sort by count in descending order
-  { $project: { _id: 0, age: "$_id", count: 1 } }, // Project specific fields
-  { $limit: 10 }, // Limit the number of results
-  { $skip: 0 } // Skip a certain number of results
-]).exec();
-console.log(response);`,
-      fastRetrieval: `// Retrieve a single document by documentId
-const singleDocument = await collection.query({ documentId: "S4ACDVS6SZ4S6VS" }).exec();
-console.log(singleDocument);
-
-// Retrieve multiple documents by an array of documentIds
-const multipleDocuments = await collection.query({ documentId: ["S4ACDVS6SZ4S6VS", "S4ACDVS6SZ4S6VA"] }).exec();
-console.log(multipleDocuments);
-
-// Retrieve documents with additional filters
-const filteredDocuments = await collection.query({
-  documentId: ["S4ACDVS6SZ4S6VS", "S4ACDVS6SZ4S6VA"],
-  age: { $gt: 20 }
-}).exec();
-console.log(filteredDocuments);
-
-// Retrieve documents with projection
-const projectedDocuments = await collection.query({
-  documentId: ["S4ACDVS6SZ4S6VS", "S4ACDVS6SZ4S6VA"]
-}).setProject({ name: 1, age: 1 }).exec();
-console.log(projectedDocuments);
-
-// Retrieve documents with sorting
-const sortedDocuments = await collection.query({
-  documentId: ["S4ACDVS6SZ4S6VS", "S4ACDVS6SZ4S6VA"]
-}).Sort({ age: -1 }).exec();
-console.log(sortedDocuments);
-
-// Retrieve documents with pagination
-const paginatedDocuments = await collection.query({
-  documentId: ["S4ACDVS6SZ4S6VS", "S4ACDVS6SZ4S6VA"]
-}).Limit(2).Skip(1).exec();
-console.log(paginatedDocuments);`,
-    },
-    es6: {
-      read: `const documents = await collection.query({ age: { $gt: 20 } }).exec();
-console.log(documents);`,
-      write: `const saveStatus = await collection.insert({ name: "Ankan", age: 21, email: "ankan@example.com" });
-console.log(saveStatus);`,
-      update: `const updatedDocuments = await collection.update({ name: { $regex: "Ankan" } }).UpdateOne({ name: "Ankan Saha", age: 22 });
-console.log(updatedDocuments);`,
-      delete: `const deletedDocuments = await collection.delete({ name: { $regex: "Ankan" } }).deleteOne();
-console.log(deletedDocuments);`,
-      aggregate: `const response = await collection.aggregate([
-  { $match: { age: { $gt: 20 }, name: { $regex: "Ankan" } } }, // Filter documents
-  { $group: { _id: "$age", count: { $sum: 1 } } }, // Group by age and count occurrences
-  { $sort: { count: -1 } }, // Sort by count in descending order
-  { $project: { _id: 0, age: "$_id", count: 1 } }, // Project specific fields
-  { $limit: 10 }, // Limit the number of results
-  { $skip: 0 } // Skip a certain number of results
-]).exec();
-console.log(response);`,
-      fastRetrieval: `// Retrieve a single document by documentId
-const singleDocument = await collection.query({ documentId: "S4ACDVS6SZ4S6VS" }).exec();
-console.log(singleDocument);
-
-// Retrieve multiple documents by an array of documentIds
-const multipleDocuments = await collection.query({ documentId: ["S4ACDVS6SZ4S6VS", "S4ACDVS6SZ4S6VA"] }).exec();
-console.log(multipleDocuments);
-
-// Retrieve documents with additional filters
-const filteredDocuments = await collection.query({
-  documentId: ["S4ACDVS6SZ4S6VS", "S4ACDVS6SZ4S6VA"],
-  age: { $gt: 20 }
-}).exec();
-console.log(filteredDocuments);
-
-// Retrieve documents with projection
-const projectedDocuments = await collection.query({
-  documentId: ["S4ACDVS6SZ4S6VS", "S4ACDVS6SZ4S6VA"]
-}).setProject({ name: 1, age: 1 }).exec();
-console.log(projectedDocuments);
-
-// Retrieve documents with sorting
-const sortedDocuments = await collection.query({
-  documentId: ["S4ACDVS6SZ4S6VS", "S4ACDVS6SZ4S6VA"]
-}).Sort({ age: -1 }).exec();
-console.log(sortedDocuments);
-
-// Retrieve documents with pagination
-const paginatedDocuments = await collection.query({
-  documentId: ["S4ACDVS6SZ4S6VS", "S4ACDVS6SZ4S6VA"]
-}).Limit(2).Skip(1).exec();
-console.log(paginatedDocuments);`,
-    },
-  };
-
-  return (
-    <section id="usage" className="pt-12 scroll-mt-20">
-      <h2 className="text-3xl font-bold mb-6 flex items-center gap-2">
-        <BookOpen className="h-8 w-8 text-green-500" />
-        Basic Usage
-      </h2>
-
-      {step === "selectCodeType" && (
-        <div className="flex flex-col items-center">
-          <p className="text-gray-700 dark:text-gray-300 mb-4">
-            Select the code type you want to see:
-          </p>
-          <div className="flex gap-4">
-            <Button
-              variant="primary"
-              onClick={() => {
-                setCodeType("commonjs");
-                setStep("selectExampleType");
-              }}
-            >
-              CommonJS
-            </Button>
-            <Button
-              variant="primary"
-              onClick={() => {
-                setCodeType("es6");
-                setStep("selectExampleType");
-              }}
-            >
-              ES6 Modules
-            </Button>
-          </div>
-        </div>
-      )}
-
-      {step === "selectExampleType" && (
-        <div className="flex flex-col items-center">
-          <p className="text-gray-700 dark:text-gray-300 mb-4">
-            Select the example usage you want to see:
-          </p>
-          <div className="grid grid-cols-2 gap-4">
-            <Button
-              variant="outline"
-              onClick={() => {
-                setExampleType("read");
-                setStep("showExample");
-              }}
-            >
-              Read
-            </Button>
-            <Button
-              variant="outline"
-              onClick={() => {
-                setExampleType("write");
-                setStep("showExample");
-              }}
-            >
-              Write
-            </Button>
-            <Button
-              variant="outline"
-              onClick={() => {
-                setExampleType("update");
-                setStep("showExample");
-              }}
-            >
-              Update
-            </Button>
-            <Button
-              variant="outline"
-              onClick={() => {
-                setExampleType("delete");
-                setStep("showExample");
-              }}
-            >
-              Delete
-            </Button>
-            <Button
-              variant="outline"
-              onClick={() => {
-                setExampleType("aggregate");
-                setStep("showExample");
-              }}
-            >
-              Aggregate
-            </Button>
-            <Button
-              variant="outline"
-              onClick={() => {
-                setExampleType("fastRetrieval");
-                setStep("showExample");
-              }}
-            >
-              Fast Retrieval
-            </Button>
-          </div>
-        </div>
-      )}
-
-      {step === "showExample" && codeType && exampleType && (
-        <div className="flex flex-col items-center">
-          <p className="text-gray-700 dark:text-gray-300 mb-4">
-            Here is the {exampleType} example for {codeType}:
-          </p>
-          <CodeBlock
-            code={examples[codeType][exampleType]}
-            language="javascript"
-          />
-          <Button
-            variant="outline"
-            className="mt-4"
-            onClick={() => setStep("selectExampleType")}
-          >
-            Back to Example Selection
-          </Button>
-        </div>
-      )}
-    </section>
-  );
-};
-
-export default Usage;

package/Document/src/components/layout/Header.tsx

@@ -1,154 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Menu, X, Moon, Sun, Search } from "lucide-react";
-import { Link, useLocation } from "react-router-dom";
-import { useTheme } from "../../hooks/useTheme";
-
-interface HeaderProps {
-  toggleSidebar: () => void;
-  isSidebarOpen: boolean;
-}
-
-const Header: React.FC<HeaderProps> = ({ toggleSidebar, isSidebarOpen }) => {
-  const { theme, toggleTheme } = useTheme();
-  const [scrolled, setScrolled] = useState(false);
-  const [searchOpen, setSearchOpen] = useState(false);
-  const [searchQuery, setSearchQuery] = useState("");
-  const location = useLocation();
-
-  useEffect(() => {
-    const handleScroll = () => {
-      setScrolled(window.scrollY > 10);
-    };
-
-    window.addEventListener("scroll", handleScroll);
-    return () => window.removeEventListener("scroll", handleScroll);
-  }, []);
-
-  return (
-    <header
-      className={`fixed top-0 left-0 right-0 z-50 transition-all duration-300 ${
-        scrolled
-          ? "bg-white dark:bg-gray-900 shadow-md py-2"
-          : "bg-transparent py-4"
-      }`}
-    >
-      <div className="container mx-auto px-4">
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-2">
-            <button
-              className="md:hidden p-2 rounded-md text-gray-500 hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-400"
-              onClick={toggleSidebar}
-              aria-label={isSidebarOpen ? "Close sidebar" : "Open sidebar"}
-            >
-              {isSidebarOpen ? <X size={24} /> : <Menu size={24} />}
-            </button>
-
-            <Link
-              to="/"
-              className="flex items-center gap-2 text-gray-900 dark:text-white"
-            >
-              <img src="/AXioDB.png" alt="AxioDB Logo" className="h-8 w-8" />
-              <span className="text-xl font-bold">AxioDB</span>
-            </Link>
-          </div>
-
-          <div className="hidden md:flex items-center gap-6">
-            <Link
-              to="/features"
-              className={`text-sm font-medium ${
-                location.pathname === "/features"
-                  ? "text-blue-500"
-                  : "text-gray-600 hover:text-blue-500 dark:text-gray-300 dark:hover:text-blue-400"
-              }`}
-            >
-              Features
-            </Link>
-            <Link
-              to="/comparison"
-              className={`text-sm font-medium ${
-                location.pathname === "/comparison"
-                  ? "text-blue-500"
-                  : "text-gray-600 hover:text-blue-500 dark:text-gray-300 dark:hover:text-blue-400"
-              }`}
-            >
-              Comparison
-            </Link>
-            <Link
-              to="/installation"
-              className={`text-sm font-medium ${
-                location.pathname === "/installation"
-                  ? "text-blue-500"
-                  : "text-gray-600 hover:text-blue-500 dark:text-gray-300 dark:hover:text-blue-400"
-              }`}
-            >
-              Installation
-            </Link>
-            <Link
-              to="/usage"
-              className={`text-sm font-medium ${
-                location.pathname === "/usage"
-                  ? "text-blue-500"
-                  : "text-gray-600 hover:text-blue-500 dark:text-gray-300 dark:hover:text-blue-400"
-              }`}
-            >
-              Usage
-            </Link>
-            <Link
-              to="/api-reference"
-              className={`text-sm font-medium ${
-                location.pathname === "/api-reference"
-                  ? "text-blue-500"
-                  : "text-gray-600 hover:text-blue-500 dark:text-gray-300 dark:hover:text-blue-400"
-              }`}
-            >
-              API
-            </Link>
-            <Link
-              to="/maintainers-zone"
-              className="text-gray-700 dark:text-gray-300 hover:text-blue-500 dark:hover:text-blue-400 transition-colors"
-            >
-              Maintainer's Zone
-            </Link>
-          </div>
-
-          <div className="flex items-center gap-2">
-            <div
-              className={`relative ${searchOpen ? "w-64" : "w-10"} transition-all duration-300`}
-            >
-              {searchOpen && (
-                <input
-                  type="text"
-                  placeholder="Search documentation..."
-                  className="w-full py-2 px-4 pr-10 rounded-md bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  value={searchQuery}
-                  onChange={(e) => setSearchQuery(e.target.value)}
-                />
-              )}
-              <button
-                className={`p-2 rounded-md text-gray-500 hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-400 ${searchOpen ? "absolute right-1 top-1/2 transform -translate-y-1/2" : ""}`}
-                onClick={() => setSearchOpen(!searchOpen)}
-                aria-label={searchOpen ? "Close search" : "Open search"}
-              >
-                {searchOpen ? <X size={20} /> : <Search size={20} />}
-              </button>
-            </div>
-
-            <button
-              className="p-2 rounded-md text-gray-500 hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-400"
-              onClick={toggleTheme}
-              aria-label={
-                theme === "dark"
-                  ? "Switch to light mode"
-                  : "Switch to dark mode"
-              }
-            >
-              {theme === "dark" ? <Sun size={24} /> : <Moon size={24} />}
-            </button>
-          </div>
-        </div>
-      </div>
-    </header>
-  );
-};
-
-export default Header;

package/Document/src/components/layout/Layout.tsx

@@ -1,91 +0,0 @@
-import React, { useState, useEffect } from "react";
-import Header from "./Header";
-import Sidebar from "./Sidebar";
-import { ThemeProvider } from "../../context/ThemeContext";
-
-interface LayoutProps {
-  children: React.ReactNode;
-}
-
-const Layout: React.FC<LayoutProps> = ({ children }) => {
-  const [isSidebarOpen, setIsSidebarOpen] = useState(false);
-  const [activeSection, setActiveSection] = useState("introduction");
-
-  // Close sidebar when clicking outside on mobile
-  useEffect(() => {
-    const handleClickOutside = (event: MouseEvent) => {
-      const sidebar = document.querySelector("aside");
-      const sidebarButton = document.querySelector(
-        'button[aria-label="Open sidebar"]',
-      );
-
-      if (
-        sidebar &&
-        !sidebar.contains(event.target as Node) &&
-        sidebarButton &&
-        !sidebarButton.contains(event.target as Node) &&
-        window.innerWidth < 768
-      ) {
-        setIsSidebarOpen(false);
-      }
-    };
-
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-
-  // Track active section based on scroll position
-  useEffect(() => {
-    const handleScroll = () => {
-      const scrollPosition = window.scrollY + 100;
-
-      // Get all section elements
-      const sections = document.querySelectorAll("section[id]");
-
-      // Find the current section
-      for (let i = sections.length - 1; i >= 0; i--) {
-        const section = sections[i];
-        const sectionTop = (section as HTMLElement).offsetTop;
-
-        if (scrollPosition >= sectionTop) {
-          setActiveSection(section.id);
-          break;
-        }
-      }
-    };
-
-    window.addEventListener("scroll", handleScroll);
-    return () => {
-      window.removeEventListener("scroll", handleScroll);
-    };
-  }, []);
-
-  return (
-    <ThemeProvider>
-      <div className="min-h-screen bg-white dark:bg-gray-950 text-gray-900 dark:text-gray-100">
-        <Header
-          toggleSidebar={() => setIsSidebarOpen(!isSidebarOpen)}
-          isSidebarOpen={isSidebarOpen}
-        />
-
-        <div className="flex">
-          <Sidebar
-            isOpen={isSidebarOpen}
-            activeSection={activeSection}
-            setActiveSection={setActiveSection}
-          />
-
-          <main className="flex-1 pt-16 pb-16 transition-all duration-300 md:ml-64">
-            <div className="container mx-auto px-4 py-8 max-w-4xl">
-              {children}
-            </div>
-          </main>
-        </div>
-      </div>
-    </ThemeProvider>
-  );
-};
-
-export default Layout;

package/Document/src/components/layout/Sidebar.tsx

@@ -1,185 +0,0 @@
-import React, { useState } from "react";
-import { useNavigate, useLocation, Link } from "react-router-dom";
-import { ChevronDown, ChevronRight } from "lucide-react";
-
-interface SidebarSection {
-  title: string;
-  items: { id: string; label: string; path: string }[];
-}
-
-interface SidebarProps {
-  isOpen: boolean;
-  activeSection: string;
-  setActiveSection: (section: string) => void;
-}
-
-const sidebarSections: SidebarSection[] = [
-  {
-    title: "Getting Started",
-    items: [
-      { id: "introduction", label: "Introduction", path: "/" },
-      { id: "features", label: "Features", path: "/features" },
-      { id: "pain-points", label: "Pain Points", path: "/#pain-points" },
-      {
-        id: "comparison",
-        label: "Performance Comparison",
-        path: "/comparison",
-      },
-      {
-        id: "limitations",
-        label: "Current Limitations",
-        path: "/features#limitations",
-      },
-      {
-        id: "future-plans",
-        label: "Future Plans",
-        path: "/features#future-plans",
-      },
-    ],
-  },
-  {
-    title: "Installation & Setup",
-    items: [
-      { id: "installation", label: "Installation", path: "/installation" },
-      {
-        id: "create-database",
-        label: "Create Database",
-        path: "/create-database",
-      },
-      {
-        id: "create-collection",
-        label: "Create Collection",
-        path: "/create-collection",
-      },
-    ],
-  },
-  {
-    title: "Basic Usage",
-    items: [{ id: "operations", label: "Operations", path: "/usage" }],
-  },
-  {
-    title: "Advanced Topics",
-    items: [
-      {
-        id: "advanced-features",
-        label: "Advanced Features",
-        path: "/advanced-features",
-      },
-      { id: "api-reference", label: "API Reference", path: "/api-reference" },
-      { id: "security", label: "Security", path: "/security" },
-    ],
-  },
-  {
-    title: "Community",
-    items: [
-      {
-        id: "contributing",
-        label: "Contributing",
-        path: "/community#contributing",
-      },
-      {
-        id: "acknowledgments",
-        label: "Acknowledgments",
-        path: "/community#acknowledgments",
-      },
-    ],
-  },
-  {
-    title: "Maintainer's Zone",
-    items: [
-      {
-        id: "maintainers-zone",
-        label: "Maintainer's Zone",
-        path: "/maintainers-zone",
-      },
-    ],
-  },
-];
-
-const Sidebar: React.FC<SidebarProps> = ({ isOpen, setActiveSection }) => {
-  const [expandedSections, setExpandedSections] = useState<string[]>(
-    sidebarSections.map((section) => section.title),
-  );
-  const navigate = useNavigate();
-  const location = useLocation();
-
-  const toggleSection = (section: string) => {
-    setExpandedSections((prev) =>
-      prev.includes(section)
-        ? prev.filter((s) => s !== section)
-        : [...prev, section],
-    );
-  };
-
-  const handleNavClick = (path: string, id: string) => {
-    setActiveSection(id);
-    navigate(path);
-
-    if (path.includes("#")) {
-      setTimeout(() => {
-        const element = document.getElementById(id);
-        if (element) {
-          element.scrollIntoView({ behavior: "smooth" });
-        }
-      }, 100);
-    }
-  };
-
-  return (
-    <aside
-      className={`fixed top-16 left-0 h-[calc(100vh-4rem)] bg-gray-50 dark:bg-gray-900 shadow-lg transition-all duration-300 overflow-y-auto z-40 ${
-        isOpen
-          ? "w-64 translate-x-0"
-          : "w-64 -translate-x-full md:translate-x-0 md:w-64"
-      }`}
-    >
-      <nav className="p-4">
-        <div className="mb-6">
-          <div className="text-lg font-semibold text-gray-900 dark:text-white mb-2">
-            Documentation
-          </div>
-          <div className="border-b border-gray-200 dark:border-gray-700 mb-4"></div>
-        </div>
-
-        {sidebarSections.map((section) => (
-          <div key={section.title} className="mb-4">
-            <button
-              className="flex items-center justify-between w-full text-left text-gray-600 hover:text-blue-500 dark:text-gray-300 dark:hover:text-blue-400 font-medium"
-              onClick={() => toggleSection(section.title)}
-            >
-              <span>{section.title}</span>
-              {expandedSections.includes(section.title) ? (
-                <ChevronDown size={18} />
-              ) : (
-                <ChevronRight size={18} />
-              )}
-            </button>
-
-            {expandedSections.includes(section.title) && (
-              <ul className="mt-2 space-y-1 pl-4">
-                {section.items.map((item) => (
-                  <li key={item.id}>
-                    <Link
-                      to={item.path}
-                      className={`block py-1 text-sm ${
-                        location.pathname === item.path ||
-                        (location.hash && item.path.includes(location.hash))
-                          ? "text-blue-500 font-medium"
-                          : "text-gray-600 dark:text-gray-400 hover:text-blue-500 dark:hover:text-blue-400"
-                      }`}
-                      onClick={() => handleNavClick(item.path, item.id)}
-                    >
-                      {item.label}
-                    </Link>
-                  </li>
-                ))}
-              </ul>
-            )}
-          </div>
-        ))}
-      </nav>
-    </aside>
-  );
-};
-
-export default Sidebar;