@nethru/kit 1.1.6 → 1.1.7

package/dist/components/chat/AiChat.js

@@ -1,20 +1,22 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { Stack } from "@mui/material";
 import { useChatContext } from './contexts/ChatContext';
 import ChatMessages from './ChatMessages';
 import ChatInput from './ChatInput';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function AiChat({
+  mainPageRef,
   sx
 }) {
   const {
     messages,
-    inputValue,
-    setInputValue,
     isLoading,
     chatContainerRef,
-    sendMessage
+    mainPageRef: _mainPageRef
   } = useChatContext();
+  useEffect(() => {
+    _mainPageRef.current = mainPageRef.current;
+  }, [mainPageRef.current]);
   return /*#__PURE__*/_jsxs(Stack, {
     sx: {
       ...styles.container,

package/dist/components/chat/ChatMessages.js

@@ -10,7 +10,7 @@ const ChatMessages = ({
   useEffect(() => {
     if (messages.length === 0) return;
     const message = messages[messages.length - 1];
-    if (message.role === 'assistant') console.log(message);
+    //if(message.role === 'assistant') console.log(message);
   }, [messages.length]);
   return /*#__PURE__*/_jsxs("div", {
     style: styles.container,

package/dist/components/chat/contexts/ChatContext.js

@@ -15,6 +15,7 @@ export function ChatProvider({
   const [model, setModel] = useState('gpt-4.1-mini');
   const [tools, setTools] = useState([]);
   const chatContainerRef = useRef(null);
+  const mainPageRef = useRef(null);
   useEffect(() => {
     loadModels();
     // loadTools();
@@ -80,8 +81,9 @@ export function ChatProvider({
           model: model
         })
       });
-      const data = await response.json();
+      let data = await response.json();
       setConversationId(data.conversationId);
+      if (isPageAnalysisIntent(data)) data = await sendPageAnalysisRequest(data);
       setMessages(prev => [...prev, {
         role: data.role,
         kinds: data.kinds,
@@ -100,6 +102,40 @@ export function ChatProvider({
       setIsLoading(false);
     }
   };
+  const isPageAnalysisIntent = data => {
+    return data.content.filter(c => c.type === 'tool').some(c => c.name === 'detect-page-analysis-intent' && c.result === 'true');
+  };
+  const sendPageAnalysisRequest = async data => {
+    if (!mainPageRef.current) return data;
+    const {
+      apiUrl
+    } = getConfig();
+    const html = mainPageRef.current?.innerHTML;
+    try {
+      const response = await fetch(`${apiUrl}/api/pages/analyze`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+          htmlContent: html,
+          pageUrl: window.location.href,
+          provider: provider,
+          model: model
+        })
+      });
+      const json = await response.json();
+      if (json.summary) {
+        data.content = [{
+          type: 'text',
+          value: json.summary
+        }];
+      }
+    } catch (error) {
+      console.error('Error:', error);
+    }
+    return data;
+  };
   const clearChat = () => {
     setMessages([]);
     setConversationId(null);
@@ -117,6 +153,7 @@ export function ChatProvider({
     setModel,
     tools,
     chatContainerRef,
+    mainPageRef,
     sendMessage,
     clearChat,
     conversationId

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethru/kit",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "A React component library by Nethru",
   "main": "dist/index.js",
   "homepage": ".",