@smallwebco/tinypivot-react 1.0.60 → 1.0.62

package/dist/index.cjs

@@ -101,6 +101,7 @@ function useAIAnalyst(options) {
   }, [storageKey]);
   const [conversation, setConversation] = (0, import_react.useState)(() => loadFromStorage());
   const [schemas, setSchemas] = (0, import_react.useState)(/* @__PURE__ */ new Map());
+  const [allSchemas, setAllSchemas] = (0, import_react.useState)([]);
   const [isLoading, setIsLoading] = (0, import_react.useState)(false);
   const [error, setError] = (0, import_react.useState)(null);
   const [lastLoadedData, setLastLoadedData] = (0, import_react.useState)(null);
@@ -122,6 +123,34 @@ function useAIAnalyst(options) {
   );
   const messages = conversation.messages;
   const hasMessages = conversation.messages.length > 0;
+  const fetchAllSchemas = (0, import_react.useCallback)(async () => {
+    if (!configRef.current.endpoint)
+      return;
+    try {
+      const response = await fetch(configRef.current.endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ action: "get-all-schemas" })
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to fetch all schemas: ${response.statusText}`);
+      }
+      const data = await response.json();
+      if (data.error) {
+        throw new Error(data.error);
+      }
+      setAllSchemas(data.schemas);
+      setSchemas((prev) => {
+        const newMap = new Map(prev);
+        for (const schema of data.schemas) {
+          newMap.set(schema.table, schema);
+        }
+        return newMap;
+      });
+    } catch (err) {
+      console.warn("[TinyPivot] Failed to fetch all schemas:", err);
+    }
+  }, []);
   const fetchTables = (0, import_react.useCallback)(async () => {
     if (!configRef.current.endpoint)
       return;
@@ -146,6 +175,7 @@ function useAIAnalyst(options) {
         // Capitalize
         description: t.description
       })));
+      await fetchAllSchemas();
     } catch (err) {
       console.warn("[TinyPivot] Failed to fetch tables:", err);
       onError?.({
@@ -155,7 +185,7 @@ function useAIAnalyst(options) {
     } finally {
       setIsLoadingTables(false);
     }
-  }, [onError]);
+  }, [onError, fetchAllSchemas]);
   (0, import_react.useEffect)(() => {
     if (configRef.current.endpoint && (!config.dataSources || config.dataSources.length === 0)) {
       fetchTables();
@@ -187,6 +217,40 @@ function useAIAnalyst(options) {
       console.warn("Failed to fetch schema:", err);
     }
   }, []);
+  const fetchSampleData = (0, import_react.useCallback)(async (dataSource) => {
+    if (!configRef.current.endpoint)
+      return;
+    try {
+      const sql = `SELECT * FROM ${dataSource.table} LIMIT 100`;
+      const response = await fetch(configRef.current.endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          action: "query",
+          sql,
+          table: dataSource.table
+        })
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to fetch sample data: ${response.statusText}`);
+      }
+      const result = await response.json();
+      if (result.error) {
+        throw new Error(result.error);
+      }
+      if (result.data && result.data.length > 0) {
+        setLastLoadedData(result.data);
+        onDataLoaded?.({
+          data: result.data,
+          query: sql,
+          dataSourceId: dataSource.id,
+          rowCount: result.data.length
+        });
+      }
+    } catch (err) {
+      console.warn("Failed to fetch sample data:", err);
+    }
+  }, [onDataLoaded]);
   const selectDataSource = (0, import_react.useCallback)(async (dataSourceId) => {
     const dataSource = effectiveDataSources.find((ds) => ds.id === dataSourceId);
     if (!dataSource) {
@@ -241,9 +305,10 @@ What would you like to know about this data?`
       }
     } else if (configRef.current.endpoint) {
       await fetchSchema(dataSource);
+      await fetchSampleData(dataSource);
     }
-  }, [effectiveDataSources, fetchSchema, onConversationUpdate, onDataLoaded]);
-  const callAIEndpoint = (0, import_react.useCallback)(async (userInput, currentConversation, currentSchemas, currentDataSources) => {
+  }, [effectiveDataSources, fetchSchema, fetchSampleData, onConversationUpdate, onDataLoaded]);
+  const callAIEndpoint = (0, import_react.useCallback)(async (userInput, currentConversation, currentSchemas, currentDataSources, currentAllSchemas) => {
     if (!configRef.current.endpoint) {
       throw new Error("No endpoint configured. Set `endpoint` in AI analyst config.");
     }
@@ -251,7 +316,8 @@ What would you like to know about this data?`
     const systemPrompt = (0, import_tinypivot_core.buildSystemPrompt)(
       currentDataSources,
       currentSchemas,
-      dataSourceId
+      dataSourceId,
+      currentAllSchemas.length > 0 ? currentAllSchemas : void 0
     );
     const apiMessages = (0, import_tinypivot_core.getMessagesForAPI)(currentConversation);
     const messages2 = [
@@ -510,7 +576,7 @@ What would you like to know about this data?`
         });
         return;
       }
-      const aiResponse = await callAIEndpoint(content, currentConv, schemas, effectiveDataSources);
+      const aiResponse = await callAIEndpoint(content, currentConv, schemas, effectiveDataSources, allSchemas);
       const sqlQuery = (0, import_tinypivot_core.extractSQLFromResponse)(aiResponse);
       if (sqlQuery) {
         const validation = (0, import_tinypivot_core.validateSQLSafety)(sqlQuery);