setIsOpen(false)} />
-
-
-
- {
- setQuery(e.target.value);
- setSelectedIndex(0); // Reset selected index when query changes
- }}
- onKeyDown={handleKeyDown}
- />
-
-
-
- {query && (
-
- {results.length > 0 ? (
-
- {results.map((result, index) => (
- -
-
-
- ))}
-
- ) : (
-
-
No results found for "{query}"
-
- )}
-
- )}
-
- {!query && (
-
-
Type to search documentation...
-
- )}
-
-
- )}
-
- );
-}
-
diff --git a/apps/web-docs/src/components/docs/TableOfContents.module.css b/apps/web-docs/src/components/docs/TableOfContents.module.css
deleted file mode 100644
index c08a0de4..00000000
--- a/apps/web-docs/src/components/docs/TableOfContents.module.css
+++ /dev/null
@@ -1,121 +0,0 @@
-.toc {
- position: sticky;
- top: 5rem;
- align-self: flex-start;
- max-height: calc(100vh - 6rem);
- overflow-y: auto;
- padding-left: 2rem;
- font-size: 0.85rem;
- min-width: 200px;
- max-width: 280px;
-}
-
-.tocHeader {
- font-weight: 600;
- font-size: 0.75rem;
- text-transform: uppercase;
- letter-spacing: 0.08em;
- color: var(--foreground-muted);
- margin-bottom: 1rem;
-}
-
-.tocNav {
- position: relative;
-}
-
-.tocList {
- list-style: none;
- padding: 0;
- margin: 0;
- display: flex;
- flex-direction: column;
- gap: 0.25rem;
-}
-
-.tocItem {
- position: relative;
-}
-
-.tocLink {
- display: block;
- color: var(--foreground-muted);
- text-decoration: none;
- transition: color 0.15s ease;
- padding: 0.25rem 0;
- line-height: 1.5;
- word-wrap: break-word;
- overflow-wrap: break-word;
-}
-
-.tocLink:hover {
- color: var(--foreground);
-}
-
-.tocItemActive .tocLink {
- color: var(--foreground);
- font-weight: 500;
-}
-
-/* Level-specific indentation */
-.tocLevel1 {
- padding-left: 0;
-}
-
-.tocLevel2 {
- padding-left: 0;
-}
-
-.tocLevel3 {
- padding-left: 0.75rem;
-}
-
-.tocLevel4 {
- padding-left: 1.5rem;
-}
-
-.tocLevel5 {
- padding-left: 2.25rem;
-}
-
-.tocLevel6 {
- padding-left: 3rem;
-}
-
-/* Active indicator */
-.tocItemActive::before {
- content: '';
- position: absolute;
- left: -1rem;
- top: 50%;
- transform: translateY(-50%);
- width: 2px;
- height: 1.2rem;
- background: var(--foreground);
- border-radius: 1px;
-}
-
-/* Scrollbar styling */
-.toc::-webkit-scrollbar {
- width: 6px;
-}
-
-.toc::-webkit-scrollbar-track {
- background: transparent;
-}
-
-.toc::-webkit-scrollbar-thumb {
- background: var(--border);
- border-radius: 3px;
-}
-
-.toc::-webkit-scrollbar-thumb:hover {
- background: var(--foreground-muted);
-}
-
-/* Mobile responsive */
-@media (max-width: 1024px) {
- .toc {
- display: none;
- }
-}
-
diff --git a/apps/web-docs/src/components/docs/TableOfContents.tsx b/apps/web-docs/src/components/docs/TableOfContents.tsx
deleted file mode 100644
index 66d989d5..00000000
--- a/apps/web-docs/src/components/docs/TableOfContents.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { usePathname } from 'next/navigation';
-import styles from './TableOfContents.module.css';
-
-type HeadingItem = {
- id: string;
- text: string;
- level: number;
-};
-
-type TableOfContentsProps = {
- locale: 'en' | 'vi';
-};
-
-export default function TableOfContents({ locale }: TableOfContentsProps) {
- const [headings, setHeadings] = useState
([]);
- const [activeId, setActiveId] = useState('');
- const pathname = usePathname();
-
- // Extract headings from content
- useEffect(() => {
- const extractHeadings = (): HeadingItem[] => {
- const content = document.querySelector('[data-docs-content]');
- if (!content) return [];
-
- const headingElements = content.querySelectorAll('h1, h2, h3, h4, h5, h6');
- const headingItems: HeadingItem[] = [];
-
- headingElements.forEach((heading) => {
- const text = heading.textContent?.trim() || '';
- const id = heading.id;
-
- if (id && text) {
- const level = parseInt(heading.tagName.charAt(1));
- headingItems.push({ id, text, level });
- }
- });
-
- return headingItems;
- };
-
- // Function to update headings
- const updateHeadings = () => {
- const headingItems = extractHeadings();
- setHeadings(headingItems);
- // Reset active ID if we have no headings (e.g. page transition)
- if (headingItems.length === 0) {
- setActiveId('');
- }
- };
-
- // Set up MutationObserver to watch for content changes
- const content = document.querySelector('[data-docs-content]');
- let observer: MutationObserver | null = null;
- let timers: NodeJS.Timeout[] = [];
-
- const cleanup = () => {
- if (observer) {
- observer.disconnect();
- observer = null;
- }
- timers.forEach(t => clearTimeout(t));
- timers = [];
- };
-
- // Try extracting immediately
- const initialTimer = setTimeout(updateHeadings, 0);
- timers.push(initialTimer);
-
- if (content) {
- // Watch for changes in the content structure (loading, hydration)
- observer = new MutationObserver(() => {
- updateHeadings();
- });
-
- observer.observe(content, {
- childList: true,
- subtree: true,
- // No longer watching attributes since we don't modify them
- });
- }
-
- // Try periodically for dynamic content
- const tryMultipleTimes = [100, 300, 500, 1000];
- tryMultipleTimes.forEach((delay) => {
- const timer = setTimeout(updateHeadings, delay);
- timers.push(timer);
- });
-
- return cleanup;
- }, [pathname]); // Re-run when pathname changes
-
- // Set up intersection observer for active heading
- useEffect(() => {
- if (headings.length === 0) return;
-
- const observerOptions = {
- root: null,
- rootMargin: '-80px 0px -80% 0px',
- threshold: 0,
- };
-
- const observerCallback = (entries: IntersectionObserverEntry[]) => {
- entries.forEach((entry) => {
- if (entry.isIntersecting) {
- setActiveId(entry.target.id);
- }
- });
- };
-
- const observer = new IntersectionObserver(observerCallback, observerOptions);
-
- // Observe all headings
- headings.forEach((item) => {
- const element = document.getElementById(item.id);
- if (element) {
- observer.observe(element);
- }
- });
-
- return () => {
- observer.disconnect();
- };
- }, [headings]);
-
- // Always render TOC container, even if empty (for debugging and layout consistency)
-
- const handleClick = (e: React.MouseEvent, id: string) => {
- e.preventDefault();
- const element = document.getElementById(id);
- if (element) {
- const offsetTop = element.getBoundingClientRect().top + window.pageYOffset - 80;
- window.scrollTo({
- top: offsetTop,
- behavior: 'smooth',
- });
- setActiveId(id);
- }
- };
-
- return (
-
- );
-}
-
diff --git a/apps/web-docs/src/components/docs/TableWrapper.tsx b/apps/web-docs/src/components/docs/TableWrapper.tsx
deleted file mode 100644
index 4121c9b6..00000000
--- a/apps/web-docs/src/components/docs/TableWrapper.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-'use client';
-
-import { useEffect, useRef, useState } from 'react';
-
-interface TableWrapperProps {
- children: React.ReactNode;
-}
-
-export default function TableWrapper({ children }: TableWrapperProps) {
- const wrapperRef = useRef(null);
- const [canScrollLeft, setCanScrollLeft] = useState(false);
- const [canScrollRight, setCanScrollRight] = useState(false);
-
- const updateScrollState = () => {
- if (!wrapperRef.current) return;
-
- const { scrollLeft, scrollWidth, clientWidth } = wrapperRef.current;
- setCanScrollLeft(scrollLeft > 0);
- setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 1);
- };
-
- useEffect(() => {
- const wrapper = wrapperRef.current;
- if (!wrapper) return;
-
- // Initial check
- updateScrollState();
-
- // Update on scroll
- wrapper.addEventListener('scroll', updateScrollState);
-
- // Update on resize
- const resizeObserver = new ResizeObserver(updateScrollState);
- resizeObserver.observe(wrapper);
-
- // Check periodically for dynamic content
- const interval = setInterval(updateScrollState, 100);
-
- return () => {
- wrapper.removeEventListener('scroll', updateScrollState);
- resizeObserver.disconnect();
- clearInterval(interval);
- };
- }, []);
-
- return (
-
- {children}
-
- );
-}
-
diff --git a/apps/web-docs/src/components/home/CTA.module.css b/apps/web-docs/src/components/home/CTA.module.css
deleted file mode 100644
index 0c8fb32d..00000000
--- a/apps/web-docs/src/components/home/CTA.module.css
+++ /dev/null
@@ -1,99 +0,0 @@
-.section {
- padding: 8rem 2rem;
- background: #000000;
- position: relative;
- perspective: 1200px;
-}
-
-.container {
- max-width: 1200px;
- margin: 0 auto;
-}
-
-.content {
- text-align: center;
- max-width: 700px;
- margin: 0 auto;
- transform-style: preserve-3d;
-}
-
-.title {
- font-size: clamp(2.5rem, 5vw, 4rem);
- font-weight: 800;
- letter-spacing: -0.05em;
- color: var(--foreground);
- margin-bottom: 1.5rem;
- line-height: 1.1;
- transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
- transform-style: preserve-3d;
-}
-
-.content:hover .title {
- transform: translateZ(20px) rotateX(-5deg);
-}
-
-.desc {
- font-size: clamp(1.1rem, 2vw, 1.25rem);
- color: var(--foreground-muted);
- line-height: 1.7;
- margin-bottom: 3rem;
- transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
- transform-style: preserve-3d;
-}
-
-.content:hover .desc {
- transform: translateZ(10px);
-}
-
-.button {
- display: inline-flex;
- align-items: center;
- gap: 0.5rem;
- background: var(--foreground);
- color: var(--background);
- padding: 1rem 2.5rem;
- border-radius: 9999px;
- font-weight: 600;
- font-size: 1rem;
- transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
- border: none;
- cursor: pointer;
- transform-style: preserve-3d;
- position: relative;
- overflow: hidden;
-}
-
-.button::before {
- content: '';
- position: absolute;
- top: 50%;
- left: 50%;
- width: 0;
- height: 0;
- border-radius: 50%;
- background: rgba(0, 0, 0, 0.2);
- transform: translate(-50%, -50%);
- transition: width 0.6s, height 0.6s;
-}
-
-.button:hover::before {
- width: 300px;
- height: 300px;
-}
-
-.button:hover {
- transform: translateY(-4px) rotateX(5deg) rotateY(-5deg) scale(1.05) translateZ(10px);
- box-shadow: 0 20px 40px rgba(255, 255, 255, 0.3),
- 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-
-.button:active {
- transform: translateY(-2px) rotateX(2deg) rotateY(-2deg) scale(1.02) translateZ(5px);
-}
-
-@media (max-width: 768px) {
- .section {
- padding: 4rem 1rem;
- }
-}
-
diff --git a/apps/web-docs/src/components/home/CTA.tsx b/apps/web-docs/src/components/home/CTA.tsx
deleted file mode 100644
index 5791b6ac..00000000
--- a/apps/web-docs/src/components/home/CTA.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-'use client';
-
-import { useTranslations } from 'next-intl';
-import { useRouter } from 'next/navigation';
-import { ArrowRight } from 'lucide-react';
-import styles from './CTA.module.css';
-
-export default function CTA() {
- const t = useTranslations('HomePage');
- const router = useRouter();
-
- return (
-
-
-
-
{t('ctaTitle')}
-
{t('ctaDesc')}
-
-
-
-
{t('title')}
-
- {features.map((feature, index) => (
-
-
{feature.icon}
-
{feature.title}
-
{feature.desc}
-
- ))}
-
-
-
{t('title')}
-
{t('subtitle')}
-
-
-
-
-
-
- {t('largeText')}
- {t('largeText2')}
-
-
-
-
-
{product.icon}
-
{product.title}
-
-
{product.desc}
-
-
-
- [{t('tagline')}]
-
{t('productsTitle')}
-
-
- {products.map((product, index) => (
-
- ))}
-
-
- {pageTitle && (
-
- {categoryLabel && {categoryLabel}
}
- {pageTitle}
-
- )}
-
-
-
- {children}
-
-
-
- {/* Table of Contents bên phải */}
-
-
-
-
- );
-}
-
diff --git a/apps/web-docs/src/components/layout/Footer.module.css b/apps/web-docs/src/components/layout/Footer.module.css
deleted file mode 100644
index bc1dd7a3..00000000
--- a/apps/web-docs/src/components/layout/Footer.module.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.footer {
- border-top: 1px solid var(--border);
- padding: 3rem 2rem;
- background: #000;
- text-align: center;
-}
-
-.text {
- color: var(--foreground-muted);
- font-size: 0.875rem;
- margin-bottom: 0.5rem;
-}
-
-.subtext {
- color: #555;
- font-size: 0.75rem;
-}
-
diff --git a/apps/web-docs/src/components/layout/Footer.tsx b/apps/web-docs/src/components/layout/Footer.tsx
deleted file mode 100644
index a58152f3..00000000
--- a/apps/web-docs/src/components/layout/Footer.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { useTranslations } from 'next-intl';
-import styles from './Footer.module.css';
-
-export default function Footer() {
- const t = useTranslations('Footer');
-
- return (
-
- );
-}
-
diff --git a/apps/web-docs/src/components/layout/Navbar.module.css b/apps/web-docs/src/components/layout/Navbar.module.css
deleted file mode 100644
index 34dc8a72..00000000
--- a/apps/web-docs/src/components/layout/Navbar.module.css
+++ /dev/null
@@ -1,181 +0,0 @@
-.navbar {
- border-bottom: 1px solid var(--border);
- position: sticky;
- top: 0;
- background: rgba(0, 0, 0, 0.8);
- backdrop-filter: blur(10px);
- z-index: 100;
-}
-
-.navbarContainer {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 1.5rem 2rem;
- max-width: 100%;
-}
-
-.logo {
- font-weight: 700;
- font-size: 1.25rem;
- letter-spacing: -0.05em;
- z-index: 101;
- color: var(--foreground);
- text-decoration: none;
- transition: opacity 0.2s;
- cursor: pointer;
-}
-
-.logo:hover {
- opacity: 0.8;
-}
-
-.menuButton {
- display: none;
- background: none;
- border: none;
- color: var(--foreground);
- cursor: pointer;
- padding: 0.5rem;
- z-index: 101;
-}
-
-.menuButton:hover {
- opacity: 0.8;
-}
-
-.overlay {
- display: none;
-}
-
-.navLinks {
- display: flex;
- gap: 2rem;
- align-items: center;
-}
-
-.link {
- font-size: 0.9rem;
- color: var(--foreground-muted);
- transition: color 0.2s;
-}
-
-.link:hover {
- color: var(--foreground);
-}
-
-/* Mobile menu elements - hidden on desktop */
-.mobileMenuHeader,
-.mobileMenuTitle,
-.closeMenuButton {
- display: none;
-}
-
-/* Mobile styles */
-@media (max-width: 768px) {
- .navbarContainer {
- padding: 1rem 1.5rem;
- }
-
- .menuButton {
- display: block;
- }
-
- .navLinks {
- position: fixed;
- top: 0;
- right: 0;
- width: 100%;
- max-width: 300px;
- height: 100vh;
- background: rgba(0, 0, 0, 0.95);
- backdrop-filter: blur(20px);
- flex-direction: column;
- align-items: flex-start;
- padding: 1.5rem;
- padding-top: 5rem;
- gap: 1.5rem;
- transform: translateX(100%);
- transition: transform 0.3s ease-in-out;
- z-index: 102;
- border-left: 1px solid var(--border);
- overflow-y: auto;
- }
-
- .mobileMenuHeader {
- display: flex !important;
- justify-content: space-between;
- align-items: center;
- width: 100%;
- margin-bottom: 0.5rem;
- padding-bottom: 1rem;
- border-bottom: 1px solid var(--border);
- }
-
- .mobileMenuTitle {
- display: block !important;
- font-weight: 600;
- font-size: 1rem;
- color: var(--foreground);
- }
-
- .closeMenuButton {
- display: flex !important;
- background: none;
- border: none;
- color: var(--foreground);
- cursor: pointer;
- padding: 0.5rem;
- border-radius: 0.25rem;
- transition: background 0.2s;
- align-items: center;
- justify-content: center;
- }
-
- .closeMenuButton:hover {
- background: rgba(255, 255, 255, 0.1);
- }
-
- .overlay {
- display: block;
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.5);
- z-index: 101;
- backdrop-filter: blur(2px);
- }
-
- .navLinksOpen {
- transform: translateX(0);
- }
-
- .link {
- font-size: 1rem;
- width: 100%;
- padding: 0.75rem 0;
- }
-}
-
-@media (max-width: 480px) {
- .navbarContainer {
- padding: 1rem;
- }
-
- .logo {
- font-size: 1.1rem;
- }
-
- .navLinks {
- max-width: 100%;
- padding: 1rem;
- padding-top: 4rem;
- }
-
- .mobileMenuHeader {
- padding-bottom: 0.75rem;
- }
-}
-
diff --git a/apps/web-docs/src/components/layout/Navbar.tsx b/apps/web-docs/src/components/layout/Navbar.tsx
deleted file mode 100644
index 7914cd2b..00000000
--- a/apps/web-docs/src/components/layout/Navbar.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import { useTranslations, useLocale } from 'next-intl';
-import Link from 'next/link';
-import { Menu, X } from 'lucide-react';
-import LanguageSwitcher from '../common/LanguageSwitcher';
-import styles from './Navbar.module.css';
-
-export default function Navbar() {
- const [isMenuOpen, setIsMenuOpen] = useState(false);
- const locale = useLocale();
- const tHome = useTranslations('HomePage');
- const tDocs = useTranslations('Docs');
-
- const toggleMenu = () => {
- setIsMenuOpen(!isMenuOpen);
- };
-
- const closeMenu = () => {
- setIsMenuOpen(false);
- };
-
- return (
-
- );
-}
-
diff --git a/apps/web-docs/src/components/mdx/Mermaid.tsx b/apps/web-docs/src/components/mdx/Mermaid.tsx
deleted file mode 100644
index 6d3384eb..00000000
--- a/apps/web-docs/src/components/mdx/Mermaid.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-"use client";
-
-import React, { useEffect, useRef, useState } from "react";
-import mermaid from "mermaid";
-
-interface MermaidProps {
- chart: string;
-}
-
-const Mermaid: React.FC = ({ chart }) => {
- const ref = useRef(null);
- const [rendered, setRendered] = useState("");
-
- useEffect(() => {
- // Only verify we're on client side
- if (typeof window === "undefined") return;
-
- // Initialize mermaid
- mermaid.initialize({
- startOnLoad: false,
- theme: 'base',
- securityLevel: 'loose',
- fontFamily: 'inherit',
- });
-
- let isMounted = true;
-
- const renderChart = async () => {
- try {
- if (!ref.current) return;
-
- // Use a unique ID for each render to avoid conflicts
- const id = `mermaid-${Math.random().toString(36).substring(2, 9)}`;
-
- // Render the chart
- const { svg } = await mermaid.render(id, chart);
-
- if (isMounted) {
- setRendered(svg);
- }
- } catch (error) {
- console.error("Mermaid rendering failed:", error);
- // Show error in UI
- if (isMounted) {
- setRendered(`Failed to render diagram
`);
- }
- }
- };
-
- renderChart();
-
- return () => {
- isMounted = false;
- };
- }, [chart]);
-
- return (
-
- );
-};
-
-export default Mermaid;
diff --git a/apps/web-docs/src/docs/navigation.ts b/apps/web-docs/src/docs/navigation.ts
deleted file mode 100644
index c3bd5475..00000000
--- a/apps/web-docs/src/docs/navigation.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-// EN: Type definitions for documentation navigation
-// VI: Định nghĩa types cho documentation navigation
-export type { DocsLocale, NavItem as DocsNavItem, NavGroup as DocsNavGroup } from '@/lib/docs-types';
-
-
-// EN: Dynamic navigation generation
-// VI: Tạo navigation động
-import { generateDocsNavigation } from '@/lib/docs-generator';
-
-// EN: Cache navigation to avoid regenerating on every request
-// VI: Cache navigation để tránh tạo lại với mỗi request
-let cachedNavigation: DocsNavGroup[] | null = null;
-
-export function getDocsNavigation(): DocsNavGroup[] {
- if (!cachedNavigation) {
- cachedNavigation = generateDocsNavigation();
- }
- return cachedNavigation;
-}
-
-// EN: Export cached navigation for backwards compatibility
-// VI: Export cached navigation cho tương thích ngược
-export const docsNavigation = getDocsNavigation();
-
-
-
diff --git a/apps/web-docs/src/docs/registry.ts b/apps/web-docs/src/docs/registry.ts
deleted file mode 100644
index 9f7ee307..00000000
--- a/apps/web-docs/src/docs/registry.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { DocsLocale, DEFAULT_DOC_SLUG } from '@/lib/docs-types';
-
-// EN: Server-side registry - DO NOT import into client components
-// VI: Registry phía server - KHÔNG import vào client components
-// This file should only be imported by Server Components
-
-// EN: Default doc slug to load when no slug is specified
-// VI: Slug mặc định khi không có slug được chỉ định
-export const defaultDocSlug = DEFAULT_DOC_SLUG;
-
-// EN: Note: getAvailableDocs is a server-side function that uses fs
-// VI: Lưu ý: getAvailableDocs là hàm server-side sử dụng fs
-// It should only be called from Server Components, not Client Components
diff --git a/apps/web-docs/src/i18n/request.ts b/apps/web-docs/src/i18n/request.ts
deleted file mode 100644
index 645fdaad..00000000
--- a/apps/web-docs/src/i18n/request.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { getRequestConfig } from 'next-intl/server';
-import { notFound } from 'next/navigation';
-
-const locales = ['en', 'vi'];
-
-const messageImports = {
- en: () => import('../messages/en.json'),
- vi: () => import('../messages/vi.json')
-} as const;
-
-export default getRequestConfig(async ({ requestLocale }) => {
- // requestLocale is a Promise in Next.js 16, need to await it
- const locale = await requestLocale;
-
- console.log('getRequestConfig called with requestLocale:', locale);
-
- // Validate that the incoming `locale` parameter is valid
- if (!locale || !locales.includes(locale as any)) {
- console.log('Invalid locale:', locale);
- notFound();
- }
-
- const messages = (await messageImports[locale as keyof typeof messageImports]()).default;
- console.log('Messages loaded for', locale);
- return {
- locale: locale as string,
- messages
- };
-});
diff --git a/apps/web-docs/src/lib/docs-generator.ts b/apps/web-docs/src/lib/docs-generator.ts
deleted file mode 100644
index 335430bc..00000000
--- a/apps/web-docs/src/lib/docs-generator.ts
+++ /dev/null
@@ -1,267 +0,0 @@
-// EN: Server-side utility to generate docs navigation from filesystem
-// VI: Utility phía server để tạo docs navigation từ filesystem
-
-import fs from 'fs';
-import path from 'path';
-import matter from 'gray-matter';
-import type { DocsLocale, NavItem, NavGroup } from './docs-types';
-
-interface DocFile {
- slug: string;
- title: string;
- category: string;
- filePath: string;
-}
-
-// EN: Get absolute path to docs directory
-// VI: Lấy đường dẫn tuyệt đối tới thư mục docs
-const DOCS_ROOT = path.join(process.cwd(), '../../docs');
-
-// EN: Category display order and labels
-// VI: Thứ tự hiển thị và nhãn cho các danh mục
-const CATEGORY_CONFIG: Record = {
- 'guides': { order: 1, label: { en: 'Guides', vi: 'Hướng dẫn' } },
- 'architecture': { order: 2, label: { en: 'Architecture', vi: 'Kiến trúc' } },
- 'skills': { order: 3, label: { en: 'Skills', vi: 'Kỹ năng' } },
- 'templates': { order: 4, label: { en: 'Templates', vi: 'Mẫu' } },
- 'api': { order: 5, label: { en: 'API Reference', vi: 'Tài liệu API' } },
- 'runbooks': { order: 6, label: { en: 'Runbooks', vi: 'Sổ tay vận hành' } },
- 'onboarding': { order: 7, label: { en: 'Onboarding', vi: 'Hướng dẫn mới' } },
-};
-
-// EN: Custom ordering for specific items within categories
-// VI: Thứ tự tùy chỉnh cho các items cụ thể trong mỗi category
-// Items not listed here will be sorted alphabetically after the ordered ones
-const ITEM_ORDER: Record = {
- 'guides': [
- 'getting-started', // EN: Always show getting started first / VI: Luôn hiển thị getting started đầu tiên
- 'local-development', // EN: Then local setup / VI: Sau đó là local setup
- 'development',
- 'local-deployment',
- 'deployment',
- 'kubernetes-local',
- 'mermaid',
- 'neon-database',
- 'observability',
- 'troubleshooting',
- 'iam-migration',
- ],
- 'architecture': [
- 'system-design', // EN: Overview first / VI: Overview trước
- 'microservices-communication',
- 'caching-architecture',
- 'data-consistency-patterns',
- 'event-driven-architecture',
- 'security-architecture',
- 'observability-architecture',
- ],
- 'skills': [
- 'project-rules', // EN: Project rules first / VI: Project rules trước
- 'comment-code', // EN: Then coding standards / VI: Sau đó là coding standards
- 'api-design', // EN: Then API design / VI: Sau đó là API design
- ],
-};
-
-
-/**
- * EN: Extract title from markdown file
- * VI: Trích xuất tiêu đề từ file markdown
- */
-function extractTitle(filePath: string): string {
- try {
- const content = fs.readFileSync(filePath, 'utf-8');
-
- // EN: Try to parse frontmatter first
- // VI: Thử parse frontmatter trước
- try {
- const { data } = matter(content);
- if (data.name) return data.name;
- if (data.title) return data.title;
- } catch (e) {
- // Ignore frontmatter parsing errors
- }
-
- // EN: Fallback to first H1 heading
- // VI: Fallback về H1 heading đầu tiên
- const h1Match = content.match(/^#\s+(.+)$/m);
- if (h1Match) {
- // EN: Remove bilingual suffix if exists (e.g., "Title / Tiêu đề" -> "Title")
- // VI: Xóa hậu tố bilingual nếu tồn tại
- const title = h1Match[1].split('/')[0].trim();
- return title;
- }
-
- // EN: Final fallback to filename
- // VI: Fallback cuối cùng là tên file
- const filename = path.basename(filePath, '.md');
- return filename
- .split('-')
- .map(word => word.charAt(0).toUpperCase() + word.slice(1))
- .join(' ');
- } catch (error) {
- // EN: If file read fails, use filename
- // VI: Nếu đọc file thất bại, dùng tên file
- const filename = path.basename(filePath, '.md');
- return filename
- .split('-')
- .map(word => word.charAt(0).toUpperCase() + word.slice(1))
- .join(' ');
- }
-}
-
-/**
- * EN: Scan docs directory for a specific locale
- * VI: Quét thư mục docs cho một locale cụ thể
- */
-function scanDocsForLocale(locale: DocsLocale): DocFile[] {
- const localeDir = path.join(DOCS_ROOT, locale);
- const docs: DocFile[] = [];
-
- if (!fs.existsSync(localeDir)) {
- return docs;
- }
-
- // EN: Read all category directories
- // VI: Đọc tất cả thư mục danh mục
- const categories = fs.readdirSync(localeDir, { withFileTypes: true })
- .filter(dirent => dirent.isDirectory())
- .map(dirent => dirent.name);
-
- for (const category of categories) {
- const categoryPath = path.join(localeDir, category);
- const files = fs.readdirSync(categoryPath)
- .filter(file => file.endsWith('.md') && file !== 'README.md');
-
- for (const file of files) {
- const filePath = path.join(categoryPath, file);
- const slug = `${category}/${path.basename(file, '.md')}`;
- const title = extractTitle(filePath);
-
- docs.push({
- slug,
- title,
- category,
- filePath
- });
- }
- }
-
- return docs;
-}
-
-/**
- * EN: Generate navigation structure with bilingual support
- * VI: Tạo cấu trúc navigation với hỗ trợ đa ngôn ngữ
- */
-export function generateDocsNavigation(): NavGroup[] {
- const enDocs = scanDocsForLocale('en');
- const viDocs = scanDocsForLocale('vi');
-
- // EN: Create a map of slug to titles in both languages
- // VI: Tạo map từ slug tới tiêu đề ở cả hai ngôn ngữ
- const docTitles = new Map();
-
- enDocs.forEach(doc => {
- docTitles.set(doc.slug, {
- en: doc.title,
- vi: doc.title // Default to EN if VI not found
- });
- });
-
- viDocs.forEach(doc => {
- const existing = docTitles.get(doc.slug);
- if (existing) {
- existing.vi = doc.title;
- } else {
- docTitles.set(doc.slug, { en: doc.title, vi: doc.title });
- }
- });
-
- // EN: Group by category
- // VI: Nhóm theo danh mục
- const groups = new Map();
-
- docTitles.forEach((labels, slug) => {
- const category = slug.split('/')[0];
- if (!groups.has(category)) {
- groups.set(category, []);
- }
-
- groups.get(category)!.push({
- id: slug.replace(/\//g, '-'),
- slug,
- label: labels
- });
- });
-
- // EN: Convert to NavGroup array with sorting
- // VI: Chuyển thành mảng NavGroup với sắp xếp
- const navGroups: NavGroup[] = [];
-
- groups.forEach((items, category) => {
- const config = CATEGORY_CONFIG[category] || {
- order: 999,
- label: { en: category.charAt(0).toUpperCase() + category.slice(1), vi: category.charAt(0).toUpperCase() + category.slice(1) }
- };
-
- // EN: Sort items by custom order first, then alphabetically
- // VI: Sắp xếp items theo thứ tự tùy chỉnh trước, sau đó theo alphabet
- const customOrder = ITEM_ORDER[category] || [];
-
- items.sort((a, b) => {
- const aSlugName = a.slug.split('/')[1]; // EN: Get filename from slug / VI: Lấy filename từ slug
- const bSlugName = b.slug.split('/')[1];
-
- const aIndex = customOrder.indexOf(aSlugName);
- const bIndex = customOrder.indexOf(bSlugName);
-
- // EN: If both have custom order, use that / VI: Nếu cả hai có thứ tự tùy chỉnh, dùng nó
- if (aIndex !== -1 && bIndex !== -1) {
- return aIndex - bIndex;
- }
-
- // EN: Items with custom order come first / VI: Items có thứ tự tùy chỉnh xuất hiện trước
- if (aIndex !== -1) return -1;
- if (bIndex !== -1) return 1;
-
- // EN: Otherwise sort alphabetically / VI: Ngược lại sắp xếp theo alphabet
- return a.label.en.localeCompare(b.label.en);
- });
-
-
- navGroups.push({
- id: category,
- label: config.label,
- items
- });
- });
-
- // EN: Sort groups by order
- // VI: Sắp xếp groups theo thứ tự
- navGroups.sort((a, b) => {
- const orderA = CATEGORY_CONFIG[a.id]?.order || 999;
- const orderB = CATEGORY_CONFIG[b.id]?.order || 999;
- return orderA - orderB;
- });
-
- return navGroups;
-}
-
-/**
- * EN: Get list of available doc slugs for a locale
- * VI: Lấy danh sách slugs có sẵn cho một locale
- */
-export function getAvailableDocs(locale: DocsLocale): string[] {
- const docs = scanDocsForLocale(locale);
- return docs.map(doc => doc.slug);
-}
-
-/**
- * EN: Check if a doc exists for a locale
- * VI: Kiểm tra xem một doc có tồn tại cho locale không
- */
-export function docExists(locale: DocsLocale, slug: string): boolean {
- const slugPath = slug.replace(/\//g, path.sep);
- const filePath = path.join(DOCS_ROOT, locale, `${slugPath}.md`);
- return fs.existsSync(filePath);
-}
diff --git a/apps/web-docs/src/lib/docs-types.ts b/apps/web-docs/src/lib/docs-types.ts
deleted file mode 100644
index 6af25b59..00000000
--- a/apps/web-docs/src/lib/docs-types.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// EN: Shared types and constants for docs (safe for client components)
-// VI: Types và constants chung cho docs (an toàn cho client components)
-
-export type DocsLocale = 'en' | 'vi';
-
-export interface NavItem {
- id: string;
- slug: string;
- label: { en: string; vi: string };
-}
-
-export interface NavGroup {
- id: string;
- label: { en: string; vi: string };
- items: NavItem[];
-}
-
-// EN: Default doc slug to load when no slug is specified
-// VI: Slug mặc định khi không có slug được chỉ định
-export const DEFAULT_DOC_SLUG = 'guides/getting-started';
diff --git a/apps/web-docs/src/mdx-components.tsx b/apps/web-docs/src/mdx-components.tsx
deleted file mode 100644
index a543d92f..00000000
--- a/apps/web-docs/src/mdx-components.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-// import type { MDXComponents } from 'mdx/types';
-import React, { ComponentType } from 'react';
-
-export type MDXComponents = {
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
- [key: string]: ComponentType;
-};
-import TableWrapper from '@/components/docs/TableWrapper';
-import Mermaid from '@/components/mdx/Mermaid';
-
-// Helper function to extract text from React children
-function getTextFromChildren(children: React.ReactNode): string {
- if (typeof children === 'string') {
- return children;
- }
- if (typeof children === 'number') {
- return children.toString();
- }
- if (Array.isArray(children)) {
- return children.map(getTextFromChildren).join('');
- }
- if (children && typeof children === 'object' && 'props' in children) {
- return getTextFromChildren((children as { props: { children: React.ReactNode } }).props.children);
- }
- return '';
-}
-
-// Helper function to generate slug from text
-function generateSlug(text: string): string {
- return text
- .toLowerCase()
- .replace(/[^\w\s-]/g, '') // Remove special characters
- .replace(/\s+/g, '-') // Replace spaces with hyphens
- .replace(/-+/g, '-') // Replace multiple hyphens with single hyphen
- .trim();
-}
-
-// Helper function to create heading component with ID
-function createHeadingComponent(level: 1 | 2 | 3 | 4 | 5 | 6) {
- return function Heading({ children, ...props }: React.HTMLAttributes) {
- const text = getTextFromChildren(children);
- const id = text ? generateSlug(text) : '';
-
- const headingProps = { id, ...props };
-
- switch (level) {
- case 1:
- return {children}
;
- case 2:
- return {children}
;
- case 3:
- return {children}
;
- case 4:
- return {children}
;
- case 5:
- return {children}
;
- case 6:
- return {children}
;
- default:
- return {children}
;
- }
- };
-}
-
-export function useMDXComponents(components: MDXComponents): MDXComponents {
- return {
- // Custom heading components with auto-generated IDs
- h1: createHeadingComponent(1),
- h2: createHeadingComponent(2),
- h3: createHeadingComponent(3),
- h4: createHeadingComponent(4),
- h5: createHeadingComponent(5),
- // Custom table component with wrapper for responsive scrolling
- table: ({ children, ...props }: React.HTMLAttributes) => (
-
-
-
- ),
- // Custom pre component to handle mermaid diagrams
- pre: ({ children, ...props }: React.HTMLAttributes) => {
- // Check if children is a code element
- const codeElement = React.Children.toArray(children)[0];
- if (
- React.isValidElement(codeElement) &&
- (codeElement as React.ReactElement<{ className?: string }>).props.className?.includes('language-mermaid')
- ) {
- // Extract text content from the code element
- const chart = getTextFromChildren((codeElement as React.ReactElement<{ children?: React.ReactNode }>).props.children);
- return ;
- }
-
- // Default pre rendering
- return {children};
- },
- // Ensure other components work
- ...components,
- };
-}
-
diff --git a/apps/web-docs/src/messages/en.json b/apps/web-docs/src/messages/en.json
deleted file mode 100644
index f6348c7d..00000000
--- a/apps/web-docs/src/messages/en.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
- "HomePage": {
- "title": "Goodgo Documentation",
- "subtitle": "Post-Quantum Security. EVM Compatibility. Web3-Ready.",
- "getStarted": "Get Started",
- "learnMore": "Learn More",
- "tagline": "Products",
- "productsTitle": "Blockchain for the quantum era",
- "networkTitle": "Goodgo Documentation",
- "networkDesc": "A post-quantum secure, EVM-compatible blockchain designed for long-term security and Web3 readiness.",
- "networkCta": "Explore network",
- "apiTitle": "Developer API",
- "apiDesc": "Build dApps with post-quantum security. Seamlessly integrate with existing Ethereum tooling and infrastructure.",
- "apiCta": "Start building",
- "docsTitle": "Documentation",
- "docsDesc": "Learn how to integrate Goodgo into your applications. Explore guides covering architecture, security, and common use cases.",
- "docsCta": "Read docs",
- "largeText": "Secure",
- "largeText2": "The Future",
- "ctaTitle": "Build on Goodgo",
- "ctaDesc": "Join the post-quantum blockchain revolution. Start building secure, future-proof applications today.",
- "ctaButton": "Get started"
- },
- "Features": {
- "title": "Why Goodgo?",
- "xmssTitle": "XMSS (Stateful)",
- "xmssDesc": "Offers robust security but limits the number of signatures per wallet.",
- "mldsaTitle": "ML-DSA (Stateless)",
- "mldsaDesc": "Allows for an unlimited number of signatures, providing greater flexibility.",
- "evmTitle": "EVM Compatibility",
- "evmDesc": "Seamlessly integrate with existing Ethereum tools and infrastructure."
- },
- "Docs": {
- "title": "Goodgo Documentation",
- "intro": "This page gives you a high-level overview of how Goodgo works and how to start integrating it.",
- "sections": {
- "arch": {
- "title": "Architecture Overview",
- "desc1": "Goodgo is designed as a post-quantum secure, EVM-compatible network that focuses on long-term security.",
- "desc2": "The protocol separates execution, consensus and data availability layers to enable scalability and flexibility."
- },
- "security": {
- "title": "Post-Quantum Security",
- "desc1": "Wallets and validator keys can use post-quantum schemes like XMSS and ML-DSA to resist quantum attacks.",
- "desc2": "Application developers can gradually migrate critical signing flows to post-quantum primitives without breaking existing UX."
- },
- "evm": {
- "title": "EVM & Web3 Tooling",
- "desc1": "Goodgo keeps compatibility with the Ethereum JSON-RPC and tooling ecosystem so existing dApps can be ported easily.",
- "desc2": "Most common frameworks (Hardhat, Foundry, wagmi, etc.) can connect to Goodgo with minimal configuration changes."
- }
- }
- },
- "Footer": {
- "copyright": "© 2025 Goodgo Documentation"
- }
-}
\ No newline at end of file
diff --git a/apps/web-docs/src/messages/vi.json b/apps/web-docs/src/messages/vi.json
deleted file mode 100644
index 90accd4d..00000000
--- a/apps/web-docs/src/messages/vi.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
- "HomePage": {
- "title": "Mạng Lưới Goodgo",
- "subtitle": "Bảo mật Hậu Lượng Tử. Tương thích EVM. Sẵn sàng cho Web3.",
- "getStarted": "Bắt đầu ngay",
- "learnMore": "Tìm hiểu thêm",
- "tagline": "Sản phẩm",
- "productsTitle": "Blockchain cho kỷ nguyên lượng tử",
- "networkTitle": "Goodgo Documentation",
- "networkDesc": "Một blockchain bảo mật hậu lượng tử, tương thích EVM được thiết kế cho bảo mật dài hạn và sẵn sàng cho Web3.",
- "networkCta": "Khám phá mạng lưới",
- "apiTitle": "API Nhà phát triển",
- "apiDesc": "Xây dựng dApp với bảo mật hậu lượng tử. Tích hợp liền mạch với các công cụ và cơ sở hạ tầng Ethereum hiện có.",
- "apiCta": "Bắt đầu xây dựng",
- "docsTitle": "Tài liệu",
- "docsDesc": "Tìm hiểu cách tích hợp Goodgo vào ứng dụng của bạn. Khám phá các hướng dẫn về kiến trúc, bảo mật và các trường hợp sử dụng phổ biến.",
- "docsCta": "Đọc tài liệu",
- "largeText": "Bảo vệ",
- "largeText2": "Tương lai",
- "ctaTitle": "Xây dựng trên Goodgo",
- "ctaDesc": "Tham gia cuộc cách mạng blockchain hậu lượng tử. Bắt đầu xây dựng các ứng dụng an toàn, sẵn sàng cho tương lai ngay hôm nay.",
- "ctaButton": "Bắt đầu"
- },
- "Features": {
- "title": "Tại sao chọn Goodgo?",
- "xmssTitle": "XMSS (Có trạng thái)",
- "xmssDesc": "Cung cấp bảo mật mạnh mẽ nhưng giới hạn số lượng chữ ký mỗi ví.",
- "mldsaTitle": "ML-DSA (Không trạng thái)",
- "mldsaDesc": "Cho phép số lượng chữ ký không giới hạn, mang lại sự linh hoạt cao hơn.",
- "evmTitle": "Tương thích EVM",
- "evmDesc": "Tích hợp liền mạch với các công cụ và cơ sở hạ tầng Ethereum hiện có."
- },
- "Docs": {
- "title": "Tài liệu Goodgo Documentation",
- "intro": "Trang này cung cấp cái nhìn tổng quan ở mức cao về cách Goodgo hoạt động và cách bắt đầu tích hợp.",
- "sections": {
- "arch": {
- "title": "Tổng quan kiến trúc",
- "desc1": "Goodgo được thiết kế như một mạng lưới bảo mật hậu lượng tử, tương thích EVM và tập trung vào bảo mật dài hạn.",
- "desc2": "Giao thức tách biệt các lớp thực thi, đồng thuận và khả dụng dữ liệu để đạt được khả năng mở rộng và linh hoạt."
- },
- "security": {
- "title": "Bảo mật hậu lượng tử",
- "desc1": "Ví và khóa validator có thể sử dụng các sơ đồ chữ ký hậu lượng tử như XMSS và ML-DSA để chống lại tấn công lượng tử.",
- "desc2": "Nhà phát triển có thể dần dần chuyển các luồng ký quan trọng sang các nguyên thủy hậu lượng tử mà không phá vỡ trải nghiệm người dùng hiện tại."
- },
- "evm": {
- "title": "EVM & Hệ sinh thái Web3",
- "desc1": "Goodgo giữ tương thích với JSON-RPC và hệ sinh thái công cụ Ethereum nên dApp hiện tại có thể được port dễ dàng.",
- "desc2": "Hầu hết framework phổ biến (Hardhat, Foundry, wagmi, v.v.) có thể kết nối với Goodgo chỉ với vài thay đổi cấu hình."
- }
- }
- },
- "Footer": {
- "copyright": "© 2025 Goodgo Documentation"
- }
-}
\ No newline at end of file
diff --git a/apps/web-docs/src/proxy.ts b/apps/web-docs/src/proxy.ts
deleted file mode 100644
index f0261115..00000000
--- a/apps/web-docs/src/proxy.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import createMiddleware from 'next-intl/middleware';
-
-export default createMiddleware({
- // A list of all locales that are supported
- locales: ['en', 'vi'],
-
- // Used when no locale matches
- defaultLocale: 'en'
-});
-
-export const config = {
- // Match only internationalized pathnames
- matcher: [
- // Match all pathnames except for
- // - … if they start with `/api`, `/_next` or `/_vercel`
- // - … the ones containing a dot (e.g. `favicon.ico`)
- '/((?!api|_next|_vercel|.*\\..*).*)'
- ]
-};
-
diff --git a/apps/web-docs/src/types/mdx.d.ts b/apps/web-docs/src/types/mdx.d.ts
deleted file mode 100644
index 5fde675a..00000000
--- a/apps/web-docs/src/types/mdx.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-declare module "*.md" {
- import type { ComponentType } from 'react';
- const Component: ComponentType;
- export default Component;
-}
diff --git a/apps/web-docs/tsconfig.json b/apps/web-docs/tsconfig.json
deleted file mode 100644
index cf9c65d3..00000000
--- a/apps/web-docs/tsconfig.json
+++ /dev/null
@@ -1,34 +0,0 @@
-{
- "compilerOptions": {
- "target": "ES2017",
- "lib": ["dom", "dom.iterable", "esnext"],
- "allowJs": true,
- "skipLibCheck": true,
- "strict": true,
- "noEmit": true,
- "esModuleInterop": true,
- "module": "esnext",
- "moduleResolution": "bundler",
- "resolveJsonModule": true,
- "isolatedModules": true,
- "jsx": "react-jsx",
- "incremental": true,
- "plugins": [
- {
- "name": "next"
- }
- ],
- "paths": {
- "@/*": ["./src/*"]
- }
- },
- "include": [
- "next-env.d.ts",
- "**/*.ts",
- "**/*.tsx",
- ".next/types/**/*.ts",
- ".next/dev/types/**/*.ts",
- "**/*.mts"
- ],
- "exclude": ["node_modules"]
-}
diff --git a/apps/web-docs/vercel.json b/apps/web-docs/vercel.json
deleted file mode 100644
index bb775f49..00000000
--- a/apps/web-docs/vercel.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "buildCommand": "npm run build",
- "devCommand": "npm run dev",
- "installCommand": "npm install",
- "framework": "nextjs"
-}
-