UPD | docs: search

Author: xiadnoring

docs/content/docs/intro/async-context.mdx

@@ -86,8 +86,7 @@ DEBUG main.cpp:16: Hello from Context #4
 
 TimerPool manages timeouts and intervals. Each timer has a priority level:
 
-- **```TIMER_IMPORTANT```**  
-The Async Context will continue running until no important timers remain.
+- **```TIMER_IMPORTANT```** - The Async Context will continue running until no important timers remain.
 
 ```cpp
 #include <manapihttp/ManapiEventLoop.hpp>
@@ -116,8 +115,7 @@ int main(int argc, char *argv[]) {
 
 This code will print ```5000ms timeout reached``` and then terminate.
 
-- **```TIMER_DEFAULT```**  
-The Async Context does not wait for these timers to complete.
+- **```TIMER_DEFAULT```** - The Async Context does not wait for these timers to complete.
 
 ```cpp
 #include <manapihttp/ManapiEventLoop.hpp>

docs/content/docs/intro/syslogs.mdx

@@ -5,20 +5,15 @@ description: Setting Up System Logging
 
 ManapiHttp provides 5 levels of system logging:
 
-- **```LOG_TRACE_NONE```**  
-  No debug output
+- **```LOG_TRACE_NONE```** - No debug output
 
-- **```LOG_TRACE_HIGH```**  
-  Only critical messages will be printed
+- **```LOG_TRACE_HIGH```** - Only critical messages will be printed
 
-- **```LOG_TRACE_MEDIUM```**  
-  Some less important messages will also be printed
+- **```LOG_TRACE_MEDIUM```** - Some less important messages will also be printed
 
-- **```LOG_TRACE_LOW```**  
-  Almost all messages will be printed
+- **```LOG_TRACE_LOW```** -Almost all messages will be printed
 
-- **```LOG_TRACE_HARD```**  
-  All debug messages will be printed, including messages from TimerLoop, EventLoop, TCP and UDP
+- **```LOG_TRACE_HARD```** - All debug messages will be printed, including messages from TimerLoop, EventLoop, TCP and UDP
 
 <Callout title="Note">
 In release mode, messages with the ```LOG_TRACE_HARD``` level are removed.

docs/src/app/(home)/favicon.ico

@@ -17,8 +17,8 @@ export default function HomePage() {
             Build and run microservices written in C++ with different HTTP implementations
           </div>
           <div className="flex gap-2 justify-center md:justify-start">
-            <a className="bg-red-300 transition-colors py-2 px-4 rounded-[1.8rem] bg-gradient-to-r from-red-400 to-purple-800 hover:bg-red-200" href="./docs/intro/quick-start">Quick Start</a>
-            <a className="bg-gray-300 text-black hover:bg-gray-200 dark:bg-gray-800 transition-colors py-2 px-4 rounded-[1.8rem] dark:hover:bg-gray-700 dark:text-white" href="./docs/">Documentation</a>
+            <a className="text-white font-bold bg-red-300 transition-colors py-2 px-4 rounded-[1.8rem] bg-gradient-to-r from-red-500 to-purple-500 dark:from-red-400 dark:to-purple-800 hover:bg-red-200" href="./docs/intro/quick-start">Quick Start</a>
+            <a className="bg-gray-300 fond-bold text-black hover:bg-gray-200 dark:bg-gray-800 transition-colors py-2 px-4 rounded-[1.8rem] dark:hover:bg-gray-700 dark:text-white" href="./docs/intro/install">Documentation</a>
           </div>
         </div>
         <div className="order-[-1] md:order-1 max-h-[350px] flex justify-center items-center">

docs/src/app/(home)/page.tsx

@@ -0,0 +1,5 @@
+import { source } from '@/lib/source';
+import { createFromSource } from 'fumadocs-core/search/server';
+// statically cached
+export const revalidate = false;
+export const { staticGET: GET } = createFromSource(source);

docs/src/app/api/search/route.ts

@@ -3,3 +3,12 @@
 @import 'fumadocs-ui/css/preset.css';
 
 @source '../../node_modules/fumadocs-ui/dist/**/*.js';
+
+:root {
+    --overlay-gradient1: color-mix(in srgb, #3451b2, transparent 55%);
+}
+
+.bg-colored {
+    background-color: linear-gradient(215deg, var(--overlay-gradient1), transparent 40%), radial-gradient(var(--overlay-gradient1), transparent 40%) no-repeat -60vw
+        -657.333px -40vh / 105vw 200vh, radial-gradient(var(--overlay-gradient1), transparent 65%) no-repeat 50% calc(100% + 20rem) / 60rem 30rem;
+}

docs/src/app/global.css

@@ -2,6 +2,9 @@ import './global.css';
 import { RootProvider } from 'fumadocs-ui/provider';
 import { Inter } from 'next/font/google';
 import type { ReactNode } from 'react';
+import { useDocsSearch } from 'fumadocs-core/search/client';
+import { create } from '@orama/orama';
+import SearchDialog from '@/components/search';
 
 const inter = Inter({
   subsets: ['latin'],
@@ -10,10 +13,9 @@ const inter = Inter({
 export default function Layout({ children }: { children: ReactNode }) {
   return (
     <html lang="en" className={inter.className} suppressHydrationWarning>
+      <link rel="icon" href="/favicon.ico" sizes="any" />
       <body className="flex flex-col min-h-screen">
-        <RootProvider search={{
-          enabled: false,
-        }}>{children}</RootProvider>
+        <RootProvider search={{SearchDialog}}>{children}</RootProvider>
       </body>
     </html>
   );

docs/src/app/layout.tsx

@@ -0,0 +1,28 @@
+'use client';
+import { useDocsSearch } from 'fumadocs-core/search/client';
+import { create } from '@orama/orama';
+import { SearchDialog, SharedProps } from 'fumadocs-ui/components/dialog/search';
+
+function initOrama(locale?: string) {
+  return create({
+    schema: { _: 'string' },
+    language: locale === 'ru' ? 'russian' : 'english',
+  });
+}
+
+export default function DefaultSearchDialog(props: SharedProps) {
+    const client = useDocsSearch({
+        type: 'static',
+        initOrama
+    });
+
+    return (<SearchDialog 
+        onSearchChange={client.setSearch} 
+        search={client.search} 
+        isLoading={client.query.isLoading}
+        results={client.query.data ?? "empty"}
+        {...props}
+>
+
+  </SearchDialog>);
+}