// Customize widget settings
const widgetSettings = {
    widgetId: "SGWF4dOdCj-erFgLDlhMAeenGh7M48cR3MP2HyPHWN8", // Replace with your widget ID
    // Optional configurations:
    // text: "Ask AI",                                    // Button text
    // margins: { bottom: "20px", right: "20px" },       // Widget positioning
    // lightMode: false,                                  // Force light mode
    // name: "YOUR_NAME",                                 // Widget name
    // iconUrl: "YOUR_ICON_URL",                         // Widget icon URL
    // bgColor: "#000000",                               // Widget background color
  };
  
  // Load the GuruBase widget
  const guruScript = document.createElement("script");
  guruScript.src = "https://widget.gurubase.io/widget.latest.min.js";
  guruScript.defer = true;
  guruScript.id = "guru-widget-id";
  
  // Add widget settings as data attributes
  Object.entries(widgetSettings).forEach(([key, value]) => {
    const dataKey = `data-${key.replace(/([A-Z])/g, '-$1').toLowerCase()}`;
    const dataValue = typeof value === 'object' ? JSON.stringify(value) : value;
    guruScript.setAttribute(dataKey, dataValue);
  });
  
  // Initialize theme handling
  guruScript.addEventListener('load', () => {
    const initWidget = setInterval(() => {
      if (window.chatWidget?.switchTheme) {
        clearInterval(initWidget);
        
        // Handle theme changes
        const syncTheme = () => {
          const isDark = document.documentElement.classList.contains('dark');
          window.chatWidget.switchTheme(!isDark);
        };

        // Watch for theme changes
        new MutationObserver(syncTheme).observe(document.documentElement, {
          attributes: true,
          attributeFilter: ['class']
        });
        
        // Set initial theme
        syncTheme();
      }
    }, 1000);

    // Stop checking after 20 seconds
    setTimeout(() => clearInterval(initWidget), 20000);
  });
  document.body.appendChild(guruScript);


Gurubase Latest Changes

Changelog

x-api-key

Gurubase

Create AI-powered Q&A assistants for any topic

Welcome to Gurubase

Quickstart

Learn how to create and configure an AI-powered Q&A assistant

Create Your First Guru

Add Gurubase AI assistant to your website

Website Widget Integration

Connect Gurubase with Slack to enhance your workflow

Slack Bot Integration

Connect Gurubase with Discord to enhance your workflow

Discord Bot Integration

API Reference

Learn how to authenticate your Gurubase API requests

Authentication

Ask Question

Create Data Sources

Retrieve all data sources (YouTube URLs, Website URLs, and PDFs) for your Guru

Get Started

Guides

Integrations

Changelog

Gurubase Latest Changes

View Full Changelog on GitHub

Get Started

Guides

Integrations

​Gurubase Latest Changes

View Full Changelog on GitHub

Gurubase Latest Changes