Skip to content

Feat kapa ai integration #997

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
shrihari7396 wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Feat kapa ai integration #997

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8059e10
feat(docs): integrate Kapa.ai Ask AI widget into layout
shrihari7396 Feb 22, 2026
5bfba88
feat: integrate Kapa.ai Docs AI widget
shrihari7396 Feb 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 45 additions & 2 deletions src/views/Layout/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
import React, { useEffect } from "react";
import { ConfigProvider, FloatButton } from "antd";
import { useParams, Navigate, Outlet } from "react-router-dom";
import { NavBar, Footer } from "../../components";
Expand All @@ -17,7 +18,47 @@ const Content = () => {
};

const Layout = () => {
useEffect(() => {
// Polyfill for crypto.randomUUID (required for kapa.ai in non-secure contexts like HTTP localhost)
if (typeof window.crypto.randomUUID !== "function") {
window.crypto.randomUUID = function () {
return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>
(
c ^
(crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))
).toString(16)
);
};
}

// Prevent duplicate script injection
if (document.getElementById("kapa-ai-widget")) {
return;
}

const script = document.createElement("script");
script.id = "kapa-ai-widget";
script.src = "https://widget.kapa.ai/kapa-widget.bundle.js";
script.setAttribute("data-website-id", "e3268e5d-c0f1-4e71-819c-c60ebb2215a7");
script.setAttribute("data-project-name", "Apache DolphinScheduler");
script.setAttribute("data-project-color", "#0097E0");
script.setAttribute("data-project-logo", "https://dolphinscheduler.apache.org/images/logo_400x400.jpg");
script.setAttribute("data-modal-disclaimer", "This is a custom LLM for Apache DolphinScheduler with access to all developer Documentation, Blog, GitHub issues and discussions.");
script.setAttribute("data-modal-example-questions", "Why we need DolphinScheduler?,How to deploy DolphinScheduler?,How to submit task?,How to contribute?");
script.async = true;

document.body.appendChild(script);

return () => {
const existingScript = document.getElementById("kapa-ai-widget");
if (existingScript) {
document.body.removeChild(existingScript);
}
};
}, []);

const params = useParams();

if (params.locale && ["en-us", "zh-cn"].includes(params.locale)) {
const locales = JSON.parse(sessionStorage.getItem("locales")) || {};

Expand All @@ -43,7 +84,9 @@ const Layout = () => {
<article className="ds-main" id="ds-scroll-content">
<Content />
<FloatButton.BackTop
target={() => document.getElementById("ds-scroll-content")}
target={() =>
document.getElementById("ds-scroll-content")
}
/>
<Footer />
</article>
Expand All @@ -56,4 +99,4 @@ const Layout = () => {
return <Navigate to={`/${locale}`} />;
};

export default Layout;
export default Layout;