From 775bfc74ebfb2cdd51121035349406d7acc550f3 Mon Sep 17 00:00:00 2001
From: mrT23 <tal.r@codium.ai>
Date: Wed, 19 Feb 2025 20:11:32 +0200
Subject: [PATCH] feat: update docs search API endpoint to production URL

---
 docs/docs/ai_search/index.md        | 304 ++++++++++++++++++++++++++++
 docs/mkdocs.yml                     |   7 +-
 docs/overrides/partials/footer.html |   2 +-
 3 files changed, 309 insertions(+), 4 deletions(-)
 create mode 100644 docs/docs/ai_search/index.md

diff --git a/docs/docs/ai_search/index.md b/docs/docs/ai_search/index.md
new file mode 100644
index 00000000..13c84413
--- /dev/null
+++ b/docs/docs/ai_search/index.md
@@ -0,0 +1,304 @@
+<div class="search-section">
+    <h1>AI Docs Search</h1>
+    <p class="search-description">
+        Search through our documentation using AI-powered natural language queries.
+    </p>
+    <div class="search-container">
+        <input 
+            type="text" 
+            id="searchInput" 
+            class="search-input" 
+            placeholder="Enter your search term..."
+        >
+        <button id="searchButton" class="search-button">Search</button>
+    </div>
+    <div id="spinner" class="spinner-container" style="display: none;">
+        <div class="spinner"></div>
+    </div>
+    <div id="results" class="results-container"></div>
+</div>
+
+<style>
+Untitled
+
+.search-section {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 1rem 2rem;
+}
+
+h1 {
+    color: #666;
+    font-size: 2.125rem;
+    font-weight: normal;
+    margin-bottom: 1rem;
+}
+
+.search-description {
+    color: #666;
+    font-size: 1rem;
+    line-height: 1.5;
+    margin-bottom: 2rem;
+    max-width: 800px;
+}
+
+.search-container {
+    display: flex;
+    gap: 1rem;
+    max-width: 800px;
+}
+
+.search-input {
+    flex: 1;
+    padding: 0.75rem 1rem;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    font-size: 1rem;
+    outline: none;
+}
+
+.search-input:focus {
+    border-color: #6c63ff;
+}
+
+.search-button {
+    padding: 0.75rem 2rem;
+    background-color: #2196F3;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 1rem;
+    transition: background-color 0.2s;
+}
+
+.search-button:hover {
+    background-color: #1976D2;
+}
+
+.spinner-container {
+    display: flex;
+    justify-content: center;
+    margin-top: 2rem;
+}
+
+.spinner {
+    width: 40px;
+    height: 40px;
+    border: 4px solid #f3f3f3;
+    border-top: 4px solid #2196F3;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+.results-container {
+    margin-top: 2rem;
+    max-width: 800px;
+}
+
+.result-item {
+    padding: 1rem;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    margin-bottom: 1rem;
+}
+
+.result-title {
+    font-size: 1.2rem;
+    color: #2196F3;
+    margin-bottom: 0.5rem;
+}
+
+.result-description {
+    color: #666;
+}
+
+.error-message {
+    color: #dc3545;
+    padding: 1rem;
+    border: 1px solid #dc3545;
+    border-radius: 4px;
+    margin-top: 1rem;
+}
+
+.markdown-content {
+    line-height: 1.6;
+    color: #2c3e50;
+    background: #ffffff;
+    border: 1px solid #e1e4e8;
+    border-radius: 12px;
+    padding: 1.5rem;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+    position: relative;
+    margin-top: 2rem;
+}
+
+.markdown-content::before {
+    content: '';
+    position: absolute;
+    top: -8px;
+    left: 24px;
+    width: 16px;
+    height: 16px;
+    background: #ffffff;
+    border-left: 1px solid #e1e4e8;
+    border-top: 1px solid #e1e4e8;
+    transform: rotate(45deg);
+}
+
+.markdown-content > *:first-child {
+    margin-top: 0;
+    padding-top: 0;
+}
+
+.markdown-content p {
+    margin-bottom: 1rem;
+}
+
+.markdown-content p:last-child {
+    margin-bottom: 0;
+}
+
+.markdown-content code {
+    background: #f6f8fa;
+    padding: 0.2em 0.4em;
+    border-radius: 3px;
+    font-size: 0.9em;
+    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+}
+
+.markdown-content pre {
+    background: #f6f8fa;
+    padding: 1rem;
+    border-radius: 6px;
+    overflow-x: auto;
+    margin: 1rem 0;
+}
+
+.markdown-content pre code {
+    background: none;
+    padding: 0;
+    font-size: 0.9em;
+}
+</style>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/9.1.6/marked.min.js"></script>
+
+<script>
+window.addEventListener('load', function() {
+    function displayResults(responseText) {
+        const resultsContainer = document.getElementById('results');
+        const spinner = document.getElementById('spinner');
+        const searchContainer = document.querySelector('.search-container');
+        
+        // Hide spinner
+        spinner.style.display = 'none';
+        
+        // Scroll to search bar
+        searchContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        
+        try {
+            const results = JSON.parse(responseText);
+
+            marked.setOptions({
+                breaks: true,
+                gfm: true,
+                headerIds: false,
+                sanitize: false
+            });
+
+            const htmlContent = marked.parse(results.message);
+            
+            resultsContainer.className = 'markdown-content';
+            resultsContainer.innerHTML = htmlContent;
+
+            // Scroll after content is rendered
+            setTimeout(() => {
+                const searchContainer = document.querySelector('.search-container');
+                const offset = 55; // Offset from top in pixels
+                const elementPosition = searchContainer.getBoundingClientRect().top;
+                const offsetPosition = elementPosition + window.pageYOffset - offset;
+                
+                window.scrollTo({
+                    top: offsetPosition,
+                    behavior: 'smooth'
+                });
+            }, 100);
+        } catch (error) {
+            console.error('Error parsing results:', error);
+            resultsContainer.innerHTML = '<div class="error-message">Error processing results</div>';
+        }
+    }
+
+    async function performSearch() {
+        const searchInput = document.getElementById('searchInput');
+        const resultsContainer = document.getElementById('results');
+        const spinner = document.getElementById('spinner');
+        const searchTerm = searchInput.value.trim();
+
+        if (!searchTerm) {
+            resultsContainer.innerHTML = '<div class="error-message">Please enter a search term</div>';
+            return;
+        }
+
+        // Show spinner, clear results
+        spinner.style.display = 'flex';
+        resultsContainer.innerHTML = '';
+
+        try { 
+            const data = {
+                "query": searchTerm
+            };
+
+            const options = {
+                method: 'POST',
+                headers: {
+                    'accept': 'text/plain',
+                    'content-type': 'application/json',
+                },
+                body: JSON.stringify(data)
+            };
+
+            // const API_ENDPOINT = 'http://0.0.0.0:3000/api/v1/docs_help';
+            const API_ENDPOINT = 'https://help.merge.qodo.ai/api/v1/docs_help';
+
+            const response = await fetch(API_ENDPOINT, options);
+
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+
+            const responseText = await response.text();
+            displayResults(responseText);
+        } catch (error) {
+            spinner.style.display = 'none';
+            resultsContainer.innerHTML = `
+                <div class="error-message">
+                    An error occurred while searching. Please try again later.
+                </div>
+            `;
+        }
+    }
+
+    // Add event listeners
+    const searchButton = document.getElementById('searchButton');
+    const searchInput = document.getElementById('searchInput');
+    
+    if (searchButton) {
+        searchButton.addEventListener('click', performSearch);
+    }
+    
+    if (searchInput) {
+        searchInput.addEventListener('keypress', function(e) {
+            if (e.key === 'Enter') {
+                performSearch();
+            }
+        });
+    }
+});
+</script>
\ No newline at end of file
diff --git a/docs/mkdocs.yml b/docs/mkdocs.yml
index 28692206..f4b15a8b 100644
--- a/docs/mkdocs.yml
+++ b/docs/mkdocs.yml
@@ -58,6 +58,7 @@ nav:
       - Data Privacy: 'chrome-extension/data_privacy.md'
   - FAQ:
       - FAQ: 'faq/index.md'
+  - AI Docs Search: 'ai_search/index.md'
 #  - Code Fine-tuning Benchmark: 'finetuning_benchmark/index.md'
 
 theme:
@@ -73,8 +74,8 @@ theme:
     - navigation.top
     - navigation.tracking
     - navigation.indexes
-    - search.suggest
-    - search.highlight
+#    - search.suggest
+#    - search.highlight
     - content.tabs.link
     - content.code.annotation
     - content.code.copy
@@ -153,4 +154,4 @@ markdown_extensions:
 
 
 copyright: |
-  &copy; 2024 <a href="https://www.codium.ai/"  target="_blank" rel="noopener">CodiumAI</a>
+  &copy; 2025 <a href="https://www.codium.ai/"  target="_blank" rel="noopener">QodoAI</a>
diff --git a/docs/overrides/partials/footer.html b/docs/overrides/partials/footer.html
index 23f40894..55ed18f7 100644
--- a/docs/overrides/partials/footer.html
+++ b/docs/overrides/partials/footer.html
@@ -82,7 +82,7 @@
 
 <footer class="wrapper">
   <div class="container">
-    <p class="footer-text">© 2024 <a href="https://www.qodo.ai/" target="_blank" rel="noopener">Qodo</a></p>
+    <p class="footer-text">© 2025 <a href="https://www.qodo.ai/" target="_blank" rel="noopener">Qodo</a></p>
     <div class="footer-links">
       <a href="https://qodo-gen-docs.qodo.ai/">Qodo Gen</a>
       <p>|</p>