nextjs-chatbot-ui 1.1.2 → 1.2.0

package/components/AdminSetup.tsx

@@ -2,6 +2,7 @@
 
 import React, { useState } from 'react';
 import { DatabaseType, DatabaseConnection, ColumnSelection, DatabaseConfig, AdminSetupProps } from '../types/admin';
+import { normalizeConnection, transformConnectionForBackend } from '../utils/connectionHelpers';
 import clsx from 'clsx';
 
 const AdminSetup: React.FC<AdminSetupProps> = ({
@@ -59,11 +60,17 @@ const AdminSetup: React.FC<AdminSetupProps> = ({
     setConnectionSuccess(false);
 
     try {
+      // Ensure default ports are set
+      const normalizedConnection = normalizeConnection(connection, dbType);
+
+      // Transform to backend format
+      const backendRequest = transformConnectionForBackend(connection, dbType);
+
       let isValid: boolean;
 
       if (onTestConnection) {
-        // Use provided handler
-        isValid = await onTestConnection(connection);
+        // Use provided handler - send normalized connection
+        isValid = await onTestConnection(normalizedConnection);
       } else {
         // Default: Try to call backend API
         try {
@@ -72,7 +79,7 @@ const AdminSetup: React.FC<AdminSetupProps> = ({
             headers: {
               'Content-Type': 'application/json',
             },
-            body: JSON.stringify(connection),
+            body: JSON.stringify(backendRequest), // Send transformed format
           });
 
           if (!response.ok) {
@@ -118,11 +125,17 @@ const AdminSetup: React.FC<AdminSetupProps> = ({
     setConnectionError(null);
     
     try {
+      // Ensure default ports are set
+      const normalizedConnection = normalizeConnection(connection, dbType);
+
+      // Transform to backend format
+      const backendRequest = transformConnectionForBackend(connection, dbType);
+
       let columns: string[];
 
       if (onFetchColumns) {
         // Use provided handler
-        columns = await onFetchColumns(connection);
+        columns = await onFetchColumns(normalizedConnection);
       } else {
         // Default: Try to call backend API
         try {
@@ -131,7 +144,7 @@ const AdminSetup: React.FC<AdminSetupProps> = ({
             headers: {
               'Content-Type': 'application/json',
             },
-            body: JSON.stringify(connection),
+            body: JSON.stringify(backendRequest), // Send transformed format
           });
 
           if (!response.ok) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nextjs-chatbot-ui",
   
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "A configurable chatbot UI component for Next.js with Tailwind CSS",
   "main": "./index.tsx",
   "module": "./index.tsx",
@@ -29,6 +29,7 @@
   "files": [
     "components",
     "types",
+    "utils",
     "index.tsx",
     "README.md"
   ],

package/types/admin.ts

@@ -27,3 +27,9 @@ export interface AdminSetupProps {
   onTestConnection?: (connection: DatabaseConnection) => Promise<boolean>;
   onFetchColumns?: (connection: DatabaseConnection) => Promise<string[]>;
 }
+
+// Backend request format
+export interface BackendConnectionRequest {
+  databaseType: 'mongodb' | 'postgresql';
+  connection: Omit<DatabaseConnection, 'type'>;
+}

package/utils/connectionHelpers.ts

@@ -0,0 +1,40 @@
+import { DatabaseConnection, DatabaseType } from '../types/admin';
+
+export interface BackendConnectionRequest {
+  databaseType: 'mongodb' | 'postgresql';
+  connection: Omit<DatabaseConnection, 'type'>;
+}
+
+/**
+ * Normalizes connection data with defaults
+ */
+export function normalizeConnection(
+  connection: DatabaseConnection,
+  dbType: DatabaseType
+): DatabaseConnection {
+  return {
+    ...connection,
+    port: connection.port || (dbType === 'mongodb' ? 27017 : 5432),
+    host: connection.host || 'localhost',
+    database: connection.database || '',
+  };
+}
+
+/**
+ * Transforms DatabaseConnection to backend format
+ */
+export function transformConnectionForBackend(
+  connection: DatabaseConnection,
+  dbType: DatabaseType
+): BackendConnectionRequest {
+  const normalized = normalizeConnection(connection, dbType);
+  
+  const backendConnection = { ...normalized };
+  // Remove type from connection object
+  delete (backendConnection as any).type;
+
+  return {
+    databaseType: dbType === 'postgres' ? 'postgresql' : 'mongodb',
+    connection: backendConnection,
+  };
+}