mongo.do 0.1.0

package/dist/studio/components/connection/ConnectionList.js

@@ -0,0 +1,286 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ConnectionList Component
+ *
+ * Displays a list of saved database connections with
+ * options to connect, edit, duplicate, and delete.
+ */
+import { useState, useCallback, useMemo } from 'react';
+function ConnectionItem({ connection, isActive, isConnecting, onConnect, onEdit, onDuplicate, onDelete, onToggleFavorite, }) {
+    const [showMenu, setShowMenu] = useState(false);
+    const handleMenuToggle = useCallback((e) => {
+        e.stopPropagation();
+        setShowMenu((prev) => !prev);
+    }, []);
+    const handleAction = useCallback((action) => {
+        return (e) => {
+            e.stopPropagation();
+            setShowMenu(false);
+            action?.();
+        };
+    }, []);
+    const formatDate = (date) => {
+        if (!date)
+            return 'Never';
+        return date.toLocaleDateString(undefined, {
+            month: 'short',
+            day: 'numeric',
+            hour: '2-digit',
+            minute: '2-digit',
+        });
+    };
+    const itemStyles = {
+        container: {
+            display: 'flex',
+            alignItems: 'center',
+            padding: '12px 16px',
+            backgroundColor: isActive ? 'rgba(79, 195, 247, 0.1)' : '#2d2d2d',
+            borderRadius: '6px',
+            cursor: 'pointer',
+            border: isActive ? '1px solid #4fc3f7' : '1px solid #444',
+            transition: 'all 0.2s',
+            position: 'relative',
+        },
+        colorIndicator: {
+            width: '4px',
+            height: '36px',
+            borderRadius: '2px',
+            backgroundColor: connection.color || '#4fc3f7',
+            marginRight: '12px',
+        },
+        content: {
+            flex: 1,
+            minWidth: 0,
+        },
+        header: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '8px',
+        },
+        name: {
+            fontSize: '14px',
+            fontWeight: 600,
+            color: '#e0e0e0',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+        },
+        favorite: {
+            color: connection.isFavorite ? '#ffc107' : '#666',
+            cursor: 'pointer',
+            fontSize: '14px',
+        },
+        host: {
+            fontSize: '12px',
+            color: '#888',
+            marginTop: '4px',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+        },
+        meta: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '16px',
+            marginLeft: '12px',
+        },
+        lastConnected: {
+            fontSize: '11px',
+            color: '#666',
+            whiteSpace: 'nowrap',
+        },
+        status: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '6px',
+        },
+        statusDot: (active, connecting) => ({
+            width: '8px',
+            height: '8px',
+            borderRadius: '50%',
+            backgroundColor: connecting ? '#ffc107' : active ? '#4caf50' : '#666',
+        }),
+        statusText: {
+            fontSize: '11px',
+            color: '#888',
+        },
+        menuButton: {
+            padding: '4px 8px',
+            backgroundColor: 'transparent',
+            border: 'none',
+            color: '#888',
+            cursor: 'pointer',
+            fontSize: '16px',
+            marginLeft: '8px',
+        },
+        menu: {
+            position: 'absolute',
+            right: '8px',
+            top: '100%',
+            marginTop: '4px',
+            backgroundColor: '#333',
+            borderRadius: '4px',
+            boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
+            zIndex: 10,
+            overflow: 'hidden',
+            minWidth: '120px',
+        },
+        menuItem: {
+            display: 'block',
+            width: '100%',
+            padding: '8px 12px',
+            backgroundColor: 'transparent',
+            border: 'none',
+            color: '#e0e0e0',
+            textAlign: 'left',
+            cursor: 'pointer',
+            fontSize: '13px',
+            transition: 'background-color 0.2s',
+        },
+        menuItemDanger: {
+            color: '#f44336',
+        },
+    };
+    return (_jsxs("div", { style: itemStyles.container, onClick: onConnect, "data-testid": `connection-item-${connection.id}`, children: [_jsx("div", { style: itemStyles.colorIndicator }), _jsxs("div", { style: itemStyles.content, children: [_jsxs("div", { style: itemStyles.header, children: [_jsx("span", { style: itemStyles.name, children: connection.name }), onToggleFavorite && (_jsx("span", { style: itemStyles.favorite, onClick: handleAction(onToggleFavorite), title: connection.isFavorite ? 'Remove from favorites' : 'Add to favorites', "data-testid": `favorite-${connection.id}`, children: connection.isFavorite ? '[*]' : '[ ]' }))] }), _jsxs("div", { style: itemStyles.host, children: [connection.host, ":", connection.port, connection.database && ` / ${connection.database}`] })] }), _jsxs("div", { style: itemStyles.meta, children: [_jsxs("span", { style: itemStyles.lastConnected, children: ["Last: ", formatDate(connection.lastConnectedAt)] }), _jsxs("div", { style: itemStyles.status, children: [_jsx("div", { style: itemStyles.statusDot(isActive, isConnecting) }), _jsx("span", { style: itemStyles.statusText, children: isConnecting ? 'Connecting' : isActive ? 'Connected' : 'Disconnected' })] })] }), (onEdit || onDuplicate || onDelete) && (_jsx("button", { style: itemStyles.menuButton, onClick: handleMenuToggle, "data-testid": `menu-${connection.id}`, children: "[...]" })), showMenu && (_jsxs("div", { style: itemStyles.menu, "data-testid": `menu-dropdown-${connection.id}`, children: [onEdit && (_jsx("button", { style: itemStyles.menuItem, onClick: handleAction(onEdit), "data-testid": `edit-${connection.id}`, children: "Edit" })), onDuplicate && (_jsx("button", { style: itemStyles.menuItem, onClick: handleAction(onDuplicate), "data-testid": `duplicate-${connection.id}`, children: "Duplicate" })), onDelete && (_jsx("button", { style: { ...itemStyles.menuItem, ...itemStyles.menuItemDanger }, onClick: handleAction(onDelete), "data-testid": `delete-${connection.id}`, children: "Delete" }))] }))] }));
+}
+/**
+ * ConnectionList component
+ */
+export function ConnectionList({ connections, activeConnectionId, status = 'disconnected', onConnect, onEdit, onDuplicate, onDelete, onToggleFavorite, onNewConnection, className = '', }) {
+    const [searchQuery, setSearchQuery] = useState('');
+    const [sortBy, setSortBy] = useState('recent');
+    const [showFavoritesOnly, setShowFavoritesOnly] = useState(false);
+    /**
+     * Filter and sort connections
+     */
+    const filteredConnections = useMemo(() => {
+        let result = [...connections];
+        // Filter by search query
+        if (searchQuery) {
+            const query = searchQuery.toLowerCase();
+            result = result.filter((conn) => conn.name.toLowerCase().includes(query) ||
+                conn.host.toLowerCase().includes(query) ||
+                conn.database?.toLowerCase().includes(query));
+        }
+        // Filter favorites only
+        if (showFavoritesOnly) {
+            result = result.filter((conn) => conn.isFavorite);
+        }
+        // Sort
+        switch (sortBy) {
+            case 'name':
+                result.sort((a, b) => a.name.localeCompare(b.name));
+                break;
+            case 'recent':
+                result.sort((a, b) => {
+                    const aTime = a.lastConnectedAt?.getTime() || 0;
+                    const bTime = b.lastConnectedAt?.getTime() || 0;
+                    return bTime - aTime;
+                });
+                break;
+            case 'created':
+                result.sort((a, b) => b.createdAt.getTime() - a.createdAt.getTime());
+                break;
+        }
+        return result;
+    }, [connections, searchQuery, sortBy, showFavoritesOnly]);
+    const listStyles = {
+        container: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '12px',
+            padding: '16px',
+            backgroundColor: '#1e1e1e',
+            borderRadius: '8px',
+            color: '#e0e0e0',
+            fontFamily: 'system-ui, -apple-system, sans-serif',
+        },
+        header: {
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+        },
+        title: {
+            fontSize: '16px',
+            fontWeight: 600,
+            margin: 0,
+        },
+        newButton: {
+            padding: '6px 12px',
+            backgroundColor: '#4fc3f7',
+            border: 'none',
+            borderRadius: '4px',
+            color: '#000',
+            fontWeight: 500,
+            fontSize: '13px',
+            cursor: 'pointer',
+        },
+        controls: {
+            display: 'flex',
+            gap: '8px',
+            alignItems: 'center',
+        },
+        searchInput: {
+            flex: 1,
+            padding: '8px 12px',
+            backgroundColor: '#2d2d2d',
+            border: '1px solid #444',
+            borderRadius: '4px',
+            color: '#e0e0e0',
+            fontSize: '13px',
+            outline: 'none',
+        },
+        select: {
+            padding: '8px 12px',
+            backgroundColor: '#2d2d2d',
+            border: '1px solid #444',
+            borderRadius: '4px',
+            color: '#e0e0e0',
+            fontSize: '13px',
+            outline: 'none',
+            cursor: 'pointer',
+        },
+        favoriteToggle: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '6px',
+            padding: '8px 12px',
+            backgroundColor: showFavoritesOnly ? 'rgba(255, 193, 7, 0.2)' : '#2d2d2d',
+            border: showFavoritesOnly ? '1px solid #ffc107' : '1px solid #444',
+            borderRadius: '4px',
+            color: showFavoritesOnly ? '#ffc107' : '#888',
+            cursor: 'pointer',
+            fontSize: '13px',
+        },
+        list: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '8px',
+            maxHeight: '400px',
+            overflowY: 'auto',
+        },
+        empty: {
+            padding: '40px 20px',
+            textAlign: 'center',
+            color: '#666',
+        },
+        emptyTitle: {
+            fontSize: '14px',
+            fontWeight: 500,
+            marginBottom: '8px',
+        },
+        emptyText: {
+            fontSize: '13px',
+        },
+        count: {
+            fontSize: '12px',
+            color: '#666',
+            padding: '8px 0',
+        },
+    };
+    return (_jsxs("div", { className: `connection-list ${className}`, style: listStyles.container, "data-testid": "connection-list", children: [_jsxs("div", { style: listStyles.header, children: [_jsx("h3", { style: listStyles.title, children: "Saved Connections" }), onNewConnection && (_jsx("button", { style: listStyles.newButton, onClick: onNewConnection, "data-testid": "new-connection-button", children: "+ New" }))] }), _jsxs("div", { style: listStyles.controls, children: [_jsx("input", { type: "text", placeholder: "Search connections...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), style: listStyles.searchInput, "data-testid": "search-input" }), _jsxs("select", { value: sortBy, onChange: (e) => setSortBy(e.target.value), style: listStyles.select, "data-testid": "sort-select", children: [_jsx("option", { value: "recent", children: "Recent" }), _jsx("option", { value: "name", children: "Name" }), _jsx("option", { value: "created", children: "Created" })] }), _jsx("button", { style: listStyles.favoriteToggle, onClick: () => setShowFavoritesOnly(!showFavoritesOnly), "data-testid": "favorites-toggle", children: "[*] Favorites" })] }), _jsxs("div", { style: listStyles.count, "data-testid": "connection-count", children: [filteredConnections.length, " of ", connections.length, " connections"] }), _jsx("div", { style: listStyles.list, children: filteredConnections.length === 0 ? (_jsxs("div", { style: listStyles.empty, children: [_jsx("div", { style: listStyles.emptyTitle, children: searchQuery || showFavoritesOnly ? 'No matching connections' : 'No saved connections' }), _jsx("div", { style: listStyles.emptyText, children: searchQuery || showFavoritesOnly
+                                ? 'Try adjusting your search or filters'
+                                : 'Create a new connection to get started' })] })) : (filteredConnections.map((connection) => (_jsx(ConnectionItem, { connection: connection, isActive: connection.id === activeConnectionId, isConnecting: connection.id === activeConnectionId && status === 'connecting', onConnect: () => onConnect(connection.id), onEdit: onEdit ? () => onEdit(connection.id) : undefined, onDuplicate: onDuplicate ? () => onDuplicate(connection.id) : undefined, onDelete: onDelete ? () => onDelete(connection.id) : undefined, onToggleFavorite: onToggleFavorite ? () => onToggleFavorite(connection.id) : undefined }, connection.id)))) })] }));
+}
+export default ConnectionList;
+//# sourceMappingURL=ConnectionList.js.map

package/dist/studio/components/connection/ConnectionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionList.js","sourceRoot":"","sources":["../../../../src/studio/components/connection/ConnectionList.tsx"],"names":[],"mappings":"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"}

package/dist/studio/components/connection/ConnectionPanel.d.ts

@@ -0,0 +1,132 @@
+/**
+ * ConnectionPanel Component
+ *
+ * Main panel for managing database connections in mondodb Studio.
+ * Combines connection form, connection list, and status indicator.
+ */
+import React from 'react';
+import { ConnectionConfig, ConnectionFormValues, ConnectionStatus } from '../../types/connection';
+/**
+ * ConnectionStatusIndicator props
+ */
+export interface ConnectionStatusIndicatorProps {
+    /**
+     * Current connection status
+     */
+    status: ConnectionStatus;
+    /**
+     * Active connection name
+     */
+    connectionName?: string;
+    /**
+     * Connection latency in ms
+     */
+    latencyMs?: number;
+    /**
+     * Server version
+     */
+    serverVersion?: string;
+    /**
+     * Callback when disconnect is clicked
+     */
+    onDisconnect?: () => void;
+    /**
+     * Callback when refresh is clicked
+     */
+    onRefresh?: () => void;
+    /**
+     * Custom class name
+     */
+    className?: string;
+}
+/**
+ * Connection status indicator component
+ */
+export declare function ConnectionStatusIndicator({ status, connectionName, latencyMs, serverVersion, onDisconnect, onRefresh, className, }: ConnectionStatusIndicatorProps): React.ReactElement;
+/**
+ * ConnectionPanel props
+ */
+export interface ConnectionPanelProps {
+    /**
+     * Current connection status
+     */
+    status: ConnectionStatus;
+    /**
+     * Error message
+     */
+    error?: string;
+    /**
+     * Currently active connection
+     */
+    activeConnection?: ConnectionConfig;
+    /**
+     * List of saved connections
+     */
+    savedConnections: ConnectionConfig[];
+    /**
+     * Recent connections (sorted by lastConnectedAt)
+     */
+    recentConnections: ConnectionConfig[];
+    /**
+     * Connection latency in ms
+     */
+    latencyMs?: number;
+    /**
+     * Server version
+     */
+    serverVersion?: string;
+    /**
+     * Callback when connecting with form values
+     */
+    onConnect: (values: ConnectionFormValues) => void;
+    /**
+     * Callback when connecting to saved connection
+     */
+    onConnectTo: (connectionId: string) => void;
+    /**
+     * Callback when quick connecting with URI
+     */
+    onQuickConnect: (uri: string) => void;
+    /**
+     * Callback when disconnecting
+     */
+    onDisconnect: () => void;
+    /**
+     * Callback when saving connection
+     */
+    onSave: (values: ConnectionFormValues, id?: string) => void;
+    /**
+     * Callback when deleting connection
+     */
+    onDelete: (connectionId: string) => void;
+    /**
+     * Callback when duplicating connection
+     */
+    onDuplicate: (connectionId: string) => void;
+    /**
+     * Callback when toggling favorite
+     */
+    onToggleFavorite: (connectionId: string) => void;
+    /**
+     * Callback when testing connection
+     */
+    onTest: (values: ConnectionFormValues) => Promise<{
+        success: boolean;
+        error?: string;
+        latencyMs?: number;
+    }>;
+    /**
+     * Callback when refreshing server info
+     */
+    onRefresh: () => void;
+    /**
+     * Custom class name
+     */
+    className?: string;
+}
+/**
+ * ConnectionPanel component
+ */
+export declare function ConnectionPanel({ status, error, activeConnection, savedConnections, recentConnections, latencyMs, serverVersion, onConnect, onConnectTo, onQuickConnect, onDisconnect, onSave, onDelete, onDuplicate, onToggleFavorite, onTest, onRefresh, className, }: ConnectionPanelProps): React.ReactElement;
+export default ConnectionPanel;
+//# sourceMappingURL=ConnectionPanel.d.ts.map

package/dist/studio/components/connection/ConnectionPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionPanel.d.ts","sourceRoot":"","sources":["../../../../src/studio/components/connection/ConnectionPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAA;AAG7D,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAkC,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAOjI;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC7C;;OAEG;IACH,MAAM,EAAE,gBAAgB,CAAA;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,cAAc,EACd,SAAS,EACT,aAAa,EACb,YAAY,EACZ,SAAS,EACT,SAAc,GACf,EAAE,8BAA8B,GAAG,KAAK,CAAC,YAAY,CA0HrD;AA+HD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,MAAM,EAAE,gBAAgB,CAAA;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IAEnC;;OAEG;IACH,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;IAEpC;;OAEG;IACH,iBAAiB,EAAE,gBAAgB,EAAE,CAAA;IAErC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAEjD;;OAEG;IACH,WAAW,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAErC;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAA;IAExB;;OAEG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,oBAAoB,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAE3D;;OAEG;IACH,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAExC;;OAEG;IACH,WAAW,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAEhD;;OAEG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAE3G;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAA;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,SAAS,EACT,aAAa,EACb,SAAS,EACT,WAAW,EACX,cAAc,EACd,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,SAAc,GACf,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAyP3C;AAED,eAAe,eAAe,CAAA"}