@optimizely/ocp-local-env 1.0.0-beta.10

package/dist/src/ui/components/MetadataModal.test.js

@@ -0,0 +1,143 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+require("@testing-library/jest-dom");
+const MetadataModal_1 = require("./MetadataModal");
+describe('MetadataModal', () => {
+    const defaultProps = {
+        isOpen: true,
+        onClose: jest.fn(),
+        attempt: '1',
+        syncId: 'test-sync-id',
+        syncName: 'Test Sync',
+        onAttemptChange: jest.fn(),
+        onSyncIdChange: jest.fn(),
+        onSyncNameChange: jest.fn(),
+    };
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+    it('should render modal when isOpen is true', () => {
+        const { getByText, getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        expect(getByText('Batch Metadata')).toBeInTheDocument();
+        expect(getByLabelText('Attempt:')).toBeInTheDocument();
+        expect(getByLabelText('Sync ID:')).toBeInTheDocument();
+        expect(getByLabelText('Sync Name:')).toBeInTheDocument();
+    });
+    it('should not render modal when isOpen is false', () => {
+        const { queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps, isOpen: false }));
+        expect(queryByText('Batch Metadata')).not.toBeInTheDocument();
+    });
+    it('should display correct initial values', () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        const attemptInput = getByLabelText('Attempt:');
+        const syncIdInput = getByLabelText('Sync ID:');
+        const syncNameInput = getByLabelText('Sync Name:');
+        expect(attemptInput.value).toBe('1');
+        expect(syncIdInput.value).toBe('test-sync-id');
+        expect(syncNameInput.value).toBe('Test Sync');
+    });
+    it('should call onAttemptChange when attempt input changes', async () => {
+        const user = user_event_1.default.setup();
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        const attemptInput = getByLabelText('Attempt:');
+        await user.clear(attemptInput);
+        await user.type(attemptInput, '2');
+        expect(defaultProps.onAttemptChange).toHaveBeenCalled();
+    });
+    it('should call onSyncIdChange when sync ID input changes', async () => {
+        const user = user_event_1.default.setup();
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        const syncIdInput = getByLabelText('Sync ID:');
+        await user.clear(syncIdInput);
+        await user.type(syncIdInput, 'new-id');
+        expect(defaultProps.onSyncIdChange).toHaveBeenCalled();
+    });
+    it('should call onSyncNameChange when sync name input changes', async () => {
+        const user = user_event_1.default.setup();
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        const syncNameInput = getByLabelText('Sync Name:');
+        await user.clear(syncNameInput);
+        await user.type(syncNameInput, 'New Name');
+        expect(defaultProps.onSyncNameChange).toHaveBeenCalled();
+    });
+    it('should close modal when ESC key is pressed', async () => {
+        const user = user_event_1.default.setup();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        const overlay = container.querySelector('.metadata-modal-overlay');
+        overlay.focus();
+        await user.keyboard('{Escape}');
+        expect(defaultProps.onClose).toHaveBeenCalledTimes(1);
+    });
+    it('should not close modal when other keys are pressed', async () => {
+        const user = user_event_1.default.setup();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        const overlay = container.querySelector('.metadata-modal-overlay');
+        overlay.focus();
+        await user.keyboard('{Enter}');
+        await user.keyboard('a');
+        expect(defaultProps.onClose).not.toHaveBeenCalled();
+    });
+    it('should close modal when clicking outside (on overlay)', async () => {
+        const user = user_event_1.default.setup();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        const overlay = container.querySelector('.metadata-modal-overlay');
+        if (overlay) {
+            await user.click(overlay);
+            expect(defaultProps.onClose).toHaveBeenCalledTimes(1);
+        }
+    });
+    it('should not close modal when clicking inside content', async () => {
+        const user = user_event_1.default.setup();
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        const content = getByText('Batch Metadata').parentElement;
+        if (content) {
+            await user.click(content);
+            expect(defaultProps.onClose).not.toHaveBeenCalled();
+        }
+    });
+    it('should close modal when clicking the close button', async () => {
+        const user = user_event_1.default.setup();
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        const closeButton = getByText('×');
+        await user.click(closeButton);
+        expect(defaultProps.onClose).toHaveBeenCalledTimes(1);
+    });
+    it('should show auto-save indicator', () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        expect(getByText('Changes auto-saved')).toBeInTheDocument();
+    });
+    it('should cleanup event listener when modal is closed', async () => {
+        const user = user_event_1.default.setup();
+        const { container, rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        const overlay = container.querySelector('.metadata-modal-overlay');
+        overlay.focus();
+        await user.keyboard('{Escape}');
+        expect(defaultProps.onClose).toHaveBeenCalledTimes(1);
+        defaultProps.onClose.mockClear();
+        rerender((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps, isOpen: false }));
+        // ESC should not trigger callback anymore when modal is closed
+        await user.keyboard('{Escape}');
+        expect(defaultProps.onClose).not.toHaveBeenCalled();
+    });
+    it('should have proper input types', () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        const attemptInput = getByLabelText('Attempt:');
+        const syncIdInput = getByLabelText('Sync ID:');
+        const syncNameInput = getByLabelText('Sync Name:');
+        expect(attemptInput.type).toBe('number');
+        expect(syncIdInput.type).toBe('text');
+        expect(syncNameInput.type).toBe('text');
+    });
+    it('should have min attribute on attempt input', () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MetadataModal_1.MetadataModal, { ...defaultProps }));
+        const attemptInput = getByLabelText('Attempt:');
+        expect(attemptInput.min).toBe('1');
+    });
+});
+//# sourceMappingURL=MetadataModal.test.js.map

package/dist/src/ui/components/MetadataModal.test.js.map

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

package/dist/src/ui/components/NotificationViewer.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface NotificationEntry {
+    id: string;
+    status: 'info' | 'success' | 'warn' | 'error';
+    activity: string;
+    title: string;
+    summary: string;
+    details?: string;
+    timestamp: string;
+}
+interface NotificationViewerProps {
+    notifications: NotificationEntry[];
+    onRefresh?: () => void;
+}
+declare const NotificationViewer: React.FC<NotificationViewerProps>;
+export default NotificationViewer;

package/dist/src/ui/components/NotificationViewer.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const NotificationViewer = ({ notifications, onRefresh }) => {
+    const [expandedNotifications, setExpandedNotifications] = (0, react_1.useState)(new Set());
+    const toggleNotification = (id) => {
+        const newExpanded = new Set(expandedNotifications);
+        if (newExpanded.has(id)) {
+            newExpanded.delete(id);
+        }
+        else {
+            newExpanded.add(id);
+        }
+        setExpandedNotifications(newExpanded);
+    };
+    const clearAllNotifications = async () => {
+        if (!confirm('Are you sure you want to clear all notifications?')) {
+            return;
+        }
+        try {
+            const response = await fetch('/devserver/api/stores/notifications', {
+                method: 'DELETE',
+            });
+            if (response.ok && onRefresh) {
+                onRefresh();
+            }
+        }
+        catch (error) {
+            console.error('Error clearing notifications:', error);
+        }
+    };
+    const deleteNotification = async (id) => {
+        try {
+            const response = await fetch(`/devserver/api/stores/notifications/${id}`, {
+                method: 'DELETE',
+            });
+            if (response.ok && onRefresh) {
+                onRefresh();
+            }
+        }
+        catch (error) {
+            console.error('Error deleting notification:', error);
+        }
+    };
+    const formatTimestamp = (timestamp) => {
+        return new Date(timestamp).toLocaleString();
+    };
+    const getStatusIcon = (status) => {
+        switch (status) {
+            case 'info': return 'ℹ️';
+            case 'success': return '✅';
+            case 'warn': return '⚠️';
+            case 'error': return '❌';
+            default: return 'ℹ️';
+        }
+    };
+    // Sort notifications by timestamp (newest first)
+    const sortedNotifications = [...notifications].sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "notification-viewer", children: [(0, jsx_runtime_1.jsxs)("div", { className: "notification-controls", children: [(0, jsx_runtime_1.jsx)("button", { className: "clear-notifications-btn", onClick: clearAllNotifications, children: "Clear All" }), onRefresh && ((0, jsx_runtime_1.jsx)("button", { className: "refresh-notifications-btn", onClick: onRefresh, children: "Refresh" }))] }), (0, jsx_runtime_1.jsx)("div", { className: "notification-list", children: sortedNotifications.length > 0 ? (sortedNotifications.map((notification) => {
+                    const isExpanded = expandedNotifications.has(notification.id);
+                    return ((0, jsx_runtime_1.jsxs)("div", { className: `notification-item notification-${notification.status}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "notification-header", onClick: () => toggleNotification(notification.id), children: [(0, jsx_runtime_1.jsx)("div", { className: "notification-main", children: (0, jsx_runtime_1.jsxs)("div", { className: "notification-single-line", children: [(0, jsx_runtime_1.jsx)("span", { className: "notification-icon", children: getStatusIcon(notification.status) }), (0, jsx_runtime_1.jsx)("span", { className: "notification-activity", children: notification.activity }), (0, jsx_runtime_1.jsx)("span", { className: "notification-separator", children: "\u2022" }), (0, jsx_runtime_1.jsx)("span", { className: "notification-title", children: notification.title }), (0, jsx_runtime_1.jsx)("span", { className: "notification-separator", children: "\u2022" }), (0, jsx_runtime_1.jsx)("span", { className: "notification-summary", children: notification.summary }), (0, jsx_runtime_1.jsx)("span", { className: "notification-timestamp", children: formatTimestamp(notification.timestamp) })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "notification-actions", children: [(0, jsx_runtime_1.jsx)("button", { className: "delete-notification-btn", onClick: (e) => {
+                                                    e.stopPropagation();
+                                                    deleteNotification(notification.id);
+                                                }, title: "Delete notification", children: "\uD83D\uDDD1\uFE0F" }), (0, jsx_runtime_1.jsx)("span", { className: "expand-icon", children: isExpanded ? '▼' : '▶' })] })] }), isExpanded && notification.details && ((0, jsx_runtime_1.jsx)("div", { className: "notification-details", children: (0, jsx_runtime_1.jsx)("pre", { children: notification.details }) }))] }, notification.id));
+                })) : ((0, jsx_runtime_1.jsx)("div", { className: "no-notifications", children: "No notifications yet" })) })] }));
+};
+exports.default = NotificationViewer;
+//# sourceMappingURL=NotificationViewer.js.map

package/dist/src/ui/components/NotificationViewer.js.map

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

package/dist/src/ui/components/SecretsStoreViewer.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface SecretsStoreViewerProps {
+    secrets: {
+        [sectionName: string]: {
+            [fieldName: string]: any;
+        };
+    };
+    onUpdate: (updatedSecrets: any) => void;
+}
+declare const SecretsStoreViewer: React.FC<SecretsStoreViewerProps>;
+export default SecretsStoreViewer;

package/dist/src/ui/components/SecretsStoreViewer.js

@@ -0,0 +1,179 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const EyeIcon_1 = __importDefault(require("./common/EyeIcon"));
+const SecretsStoreViewer = ({ secrets, onUpdate }) => {
+    const [expandedSections, setExpandedSections] = (0, react_1.useState)(new Set());
+    const [visibleSecrets, setVisibleSecrets] = (0, react_1.useState)(new Set());
+    const [editingSecret, setEditingSecret] = (0, react_1.useState)(null);
+    const [editValue, setEditValue] = (0, react_1.useState)('');
+    const toggleSection = (sectionName) => {
+        const newExpanded = new Set(expandedSections);
+        if (newExpanded.has(sectionName)) {
+            newExpanded.delete(sectionName);
+        }
+        else {
+            newExpanded.add(sectionName);
+        }
+        setExpandedSections(newExpanded);
+    };
+    const toggleSecretVisibility = (secretId) => {
+        const newVisible = new Set(visibleSecrets);
+        if (newVisible.has(secretId)) {
+            newVisible.delete(secretId);
+        }
+        else {
+            newVisible.add(secretId);
+        }
+        setVisibleSecrets(newVisible);
+    };
+    const startEditing = (sectionName, fieldName, currentValue) => {
+        const secretId = `${sectionName}.${fieldName}`;
+        setEditingSecret(secretId);
+        setEditValue(typeof currentValue === 'string' ? currentValue : JSON.stringify(currentValue));
+    };
+    const saveEdit = async (sectionName, fieldName) => {
+        try {
+            // Try to parse as JSON first, fallback to string
+            let newValue;
+            try {
+                newValue = JSON.parse(editValue);
+            }
+            catch {
+                newValue = editValue;
+            }
+            // Update via API
+            const response = await fetch(`/devserver/api/stores/secrets/${sectionName}`, {
+                method: 'PUT',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ [fieldName]: newValue }),
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to update secret: ${response.statusText}`);
+            }
+            const result = await response.json();
+            // Update local state
+            const updatedSecrets = { ...secrets };
+            if (!updatedSecrets[sectionName]) {
+                updatedSecrets[sectionName] = {};
+            }
+            updatedSecrets[sectionName] = result.secrets;
+            onUpdate(updatedSecrets);
+            setEditingSecret(null);
+            setEditValue('');
+        }
+        catch (error) {
+            console.error('Error updating secret:', error);
+            alert(`Failed to update secret: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    };
+    const deleteSecret = async (sectionName, fieldName) => {
+        if (!confirm(`Are you sure you want to delete the secret "${fieldName}" from section "${sectionName}"?`)) {
+            return;
+        }
+        try {
+            // Create updated section without the field
+            const updatedSection = { ...secrets[sectionName] };
+            delete updatedSection[fieldName];
+            // Update via API
+            const response = await fetch(`/devserver/api/stores/secrets/${sectionName}`, {
+                method: 'PUT',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(updatedSection),
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to delete secret: ${response.statusText}`);
+            }
+            const result = await response.json();
+            // Update local state
+            const updatedSecrets = { ...secrets };
+            updatedSecrets[sectionName] = result.secrets;
+            onUpdate(updatedSecrets);
+        }
+        catch (error) {
+            console.error('Error deleting secret:', error);
+            alert(`Failed to delete secret: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    };
+    const addNewSecret = async (sectionName) => {
+        const fieldName = prompt('Enter secret name:');
+        if (!fieldName)
+            return;
+        const value = prompt('Enter secret value:');
+        if (value === null)
+            return; // User cancelled
+        try {
+            // Update via API
+            const response = await fetch(`/devserver/api/stores/secrets/${sectionName}`, {
+                method: 'PUT',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ [fieldName]: value }),
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to add secret: ${response.statusText}`);
+            }
+            const result = await response.json();
+            // Update local state
+            const updatedSecrets = { ...secrets };
+            if (!updatedSecrets[sectionName]) {
+                updatedSecrets[sectionName] = {};
+            }
+            updatedSecrets[sectionName] = result.secrets;
+            onUpdate(updatedSecrets);
+        }
+        catch (error) {
+            console.error('Error adding secret:', error);
+            alert(`Failed to add secret: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    };
+    const cancelEdit = () => {
+        setEditingSecret(null);
+        setEditValue('');
+    };
+    const renderSecretValue = (value, secretId) => {
+        const isVisible = visibleSecrets.has(secretId);
+        const isEditing = editingSecret === secretId;
+        if (isEditing) {
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "secret-edit-mode", children: [(0, jsx_runtime_1.jsx)("textarea", { className: "secret-edit-input", value: editValue, onChange: (e) => setEditValue(e.target.value), rows: 2, placeholder: "Enter secret value..." }), (0, jsx_runtime_1.jsxs)("div", { className: "secret-edit-controls", children: [(0, jsx_runtime_1.jsx)("button", { className: "save-btn", onClick: () => {
+                                    const [sectionName, fieldName] = secretId.split('.');
+                                    saveEdit(sectionName, fieldName);
+                                }, children: "Save" }), (0, jsx_runtime_1.jsx)("button", { className: "cancel-btn", onClick: cancelEdit, children: "Cancel" })] })] }));
+        }
+        if (!isVisible) {
+            return (0, jsx_runtime_1.jsx)("span", { className: "hidden-secret-value", children: '•'.repeat(12) });
+        }
+        if (value === null || value === undefined) {
+            return (0, jsx_runtime_1.jsx)("span", { className: "empty-secret-value", children: "(empty)" });
+        }
+        if (typeof value === 'string') {
+            return (0, jsx_runtime_1.jsxs)("span", { className: "string-secret-value", children: ["\"", value, "\""] });
+        }
+        return (0, jsx_runtime_1.jsx)("span", { className: "complex-secret-value", children: JSON.stringify(value) });
+    };
+    const sectionNames = Object.keys(secrets).sort();
+    if (sectionNames.length === 0) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "secrets-store-viewer empty", children: (0, jsx_runtime_1.jsxs)("div", { className: "empty-message", children: [(0, jsx_runtime_1.jsx)("span", { className: "empty-icon", children: "\uD83D\uDD10" }), (0, jsx_runtime_1.jsx)("p", { children: "No secrets stored" }), (0, jsx_runtime_1.jsx)("button", { className: "add-section-btn", onClick: () => addNewSecret('default'), children: "Add First Secret" })] }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: "secrets-store-viewer compact-store", children: (0, jsx_runtime_1.jsxs)("div", { className: "store-sections", children: [sectionNames.map((sectionName) => {
+                    const section = secrets[sectionName];
+                    const fieldNames = Object.keys(section).sort();
+                    const isExpanded = expandedSections.has(sectionName);
+                    return ((0, jsx_runtime_1.jsxs)("div", { className: "store-section", children: [(0, jsx_runtime_1.jsxs)("div", { className: "section-header", onClick: () => toggleSection(sectionName), children: [(0, jsx_runtime_1.jsx)("span", { className: "expand-icon", children: isExpanded ? '▼' : '▶' }), (0, jsx_runtime_1.jsx)("span", { className: "section-name", children: sectionName }), (0, jsx_runtime_1.jsxs)("span", { className: "field-count", children: ["(", fieldNames.length, ")"] })] }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: "section-fields", children: fieldNames.map((fieldName) => {
+                                    const value = section[fieldName];
+                                    const secretId = `${sectionName}.${fieldName}`;
+                                    return ((0, jsx_runtime_1.jsxs)("div", { className: "field-row", children: [(0, jsx_runtime_1.jsx)("div", { className: "field-key", children: fieldName }), (0, jsx_runtime_1.jsx)("div", { className: "field-value", children: renderSecretValue(value, secretId) }), (0, jsx_runtime_1.jsxs)("div", { className: "field-metadata", children: [(0, jsx_runtime_1.jsx)(EyeIcon_1.default, { isVisible: visibleSecrets.has(secretId), onClick: () => toggleSecretVisibility(secretId), className: "metadata-icon" }), (0, jsx_runtime_1.jsx)("button", { className: "edit-icon", onClick: () => startEditing(sectionName, fieldName, value), title: "Edit", children: "\u270F\uFE0F" }), (0, jsx_runtime_1.jsx)("button", { className: "delete-icon", onClick: () => deleteSecret(sectionName, fieldName), title: "Delete", children: "\uD83D\uDDD1\uFE0F" })] })] }, fieldName));
+                                }) }))] }, sectionName));
+                }), sectionNames.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "empty-store", children: "No secrets configured" }))] }) }));
+};
+exports.default = SecretsStoreViewer;
+//# sourceMappingURL=SecretsStoreViewer.js.map

package/dist/src/ui/components/SecretsStoreViewer.js.map

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

package/dist/src/ui/components/SettingsStoreViewer.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+interface SettingsField {
+    value: any;
+    isSecret: boolean;
+    isFromYml: boolean;
+    hasLocalValue: boolean;
+    fieldSchema?: {
+        type?: string;
+        secret?: boolean;
+        required?: boolean;
+        description?: string;
+        default?: any;
+    };
+}
+interface SettingsStoreViewerProps {
+    settings: {
+        [sectionName: string]: {
+            [fieldName: string]: SettingsField;
+        };
+    };
+    onUpdate: (updatedSettings: any) => void;
+}
+declare const SettingsStoreViewer: React.FC<SettingsStoreViewerProps>;
+export default SettingsStoreViewer;

package/dist/src/ui/components/SettingsStoreViewer.js

@@ -0,0 +1,132 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const EyeIcon_1 = __importDefault(require("./common/EyeIcon"));
+const SettingsStoreViewer = ({ settings, onUpdate }) => {
+    const [expandedSections, setExpandedSections] = (0, react_1.useState)(new Set());
+    const [hiddenFields, setHiddenFields] = (0, react_1.useState)(new Set());
+    const [editingField, setEditingField] = (0, react_1.useState)(null);
+    const [editValue, setEditValue] = (0, react_1.useState)('');
+    const toggleSection = (sectionName) => {
+        const newExpanded = new Set(expandedSections);
+        if (newExpanded.has(sectionName)) {
+            newExpanded.delete(sectionName);
+        }
+        else {
+            newExpanded.add(sectionName);
+        }
+        setExpandedSections(newExpanded);
+    };
+    const toggleFieldVisibility = (fieldId) => {
+        const newHidden = new Set(hiddenFields);
+        if (newHidden.has(fieldId)) {
+            newHidden.delete(fieldId);
+        }
+        else {
+            newHidden.add(fieldId);
+        }
+        setHiddenFields(newHidden);
+    };
+    const startEditing = (sectionName, fieldName, currentValue) => {
+        const fieldId = `${sectionName}.${fieldName}`;
+        setEditingField(fieldId);
+        setEditValue(typeof currentValue === 'string' ? currentValue : JSON.stringify(currentValue));
+    };
+    const saveEdit = async (sectionName, fieldName) => {
+        try {
+            // Try to parse as JSON first, fallback to string
+            let newValue;
+            try {
+                newValue = JSON.parse(editValue);
+            }
+            catch {
+                newValue = editValue;
+            }
+            // Update via API
+            const response = await fetch(`/devserver/api/stores/settings/${sectionName}`, {
+                method: 'PUT',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ [fieldName]: newValue }),
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to update setting: ${response.statusText}`);
+            }
+            const result = await response.json();
+            // Update local state
+            const updatedSettings = { ...settings };
+            if (!updatedSettings[sectionName]) {
+                updatedSettings[sectionName] = {};
+            }
+            updatedSettings[sectionName] = result.fields;
+            onUpdate(updatedSettings);
+            setEditingField(null);
+            setEditValue('');
+        }
+        catch (error) {
+            console.error('Error updating setting:', error);
+            alert(`Failed to update setting: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    };
+    const cancelEdit = () => {
+        setEditingField(null);
+        setEditValue('');
+    };
+    const renderFieldValue = (field, fieldId) => {
+        const isHidden = field.isSecret && !hiddenFields.has(fieldId);
+        const isEditing = editingField === fieldId;
+        if (isEditing) {
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "field-edit-mode", children: [(0, jsx_runtime_1.jsx)("textarea", { className: "field-edit-input", value: editValue, onChange: (e) => setEditValue(e.target.value), rows: 2 }), (0, jsx_runtime_1.jsxs)("div", { className: "field-edit-controls", children: [(0, jsx_runtime_1.jsx)("button", { className: "save-btn", onClick: () => {
+                                    const [sectionName, fieldName] = fieldId.split('.');
+                                    saveEdit(sectionName, fieldName);
+                                }, children: "Save" }), (0, jsx_runtime_1.jsx)("button", { className: "cancel-btn", onClick: cancelEdit, children: "Cancel" })] })] }));
+        }
+        if (isHidden) {
+            return (0, jsx_runtime_1.jsx)("span", { className: "hidden-field-value", children: '•'.repeat(8) });
+        }
+        if (field.value === null || field.value === undefined) {
+            return (0, jsx_runtime_1.jsx)("span", { className: "empty-field-value", children: "(empty)" });
+        }
+        if (typeof field.value === 'string') {
+            return (0, jsx_runtime_1.jsxs)("span", { className: "string-field-value", children: ["\"", field.value, "\""] });
+        }
+        return (0, jsx_runtime_1.jsx)("span", { className: "complex-field-value", children: JSON.stringify(field.value) });
+    };
+    const getFieldTypeInfo = (field) => {
+        const info = [];
+        if (field.fieldSchema?.type) {
+            info.push(field.fieldSchema.type);
+        }
+        if (field.fieldSchema?.required) {
+            info.push('required');
+        }
+        if (field.isSecret) {
+            info.push('secret');
+        }
+        if (!field.isFromYml) {
+            info.push('local only');
+        }
+        return info.join(', ');
+    };
+    const sectionNames = Object.keys(settings).sort();
+    if (sectionNames.length === 0) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "settings-store-viewer empty", children: (0, jsx_runtime_1.jsxs)("div", { className: "empty-message", children: [(0, jsx_runtime_1.jsx)("span", { className: "empty-icon", children: "\u2699\uFE0F" }), (0, jsx_runtime_1.jsx)("p", { children: "No settings configured" })] }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: "settings-store-viewer compact-store", children: (0, jsx_runtime_1.jsx)("div", { className: "store-sections", children: sectionNames.map((sectionName) => {
+                const section = settings[sectionName];
+                const fieldNames = Object.keys(section).sort();
+                const isExpanded = expandedSections.has(sectionName);
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "store-section", children: [(0, jsx_runtime_1.jsxs)("div", { className: "section-header", onClick: () => toggleSection(sectionName), children: [(0, jsx_runtime_1.jsx)("span", { className: "expand-icon", children: isExpanded ? '▼' : '▶' }), (0, jsx_runtime_1.jsx)("span", { className: "section-name", children: sectionName }), (0, jsx_runtime_1.jsxs)("span", { className: "field-count", children: ["(", fieldNames.length, ")"] })] }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: "section-fields", children: fieldNames.map((fieldName) => {
+                                const field = section[fieldName];
+                                const fieldId = `${sectionName}.${fieldName}`;
+                                return ((0, jsx_runtime_1.jsxs)("div", { className: "field-row", children: [(0, jsx_runtime_1.jsx)("div", { className: "field-key", children: fieldName }), (0, jsx_runtime_1.jsx)("div", { className: "field-value", children: renderFieldValue(field, fieldId) }), (0, jsx_runtime_1.jsxs)("div", { className: "field-metadata", children: [field.isSecret && ((0, jsx_runtime_1.jsx)(EyeIcon_1.default, { isVisible: hiddenFields.has(fieldId), onClick: () => toggleFieldVisibility(fieldId), className: "metadata-icon" })), (0, jsx_runtime_1.jsx)("button", { className: "edit-icon", onClick: () => startEditing(sectionName, fieldName, field.value), title: "Edit", children: "\u270F\uFE0F" }), field.hasLocalValue && ((0, jsx_runtime_1.jsx)("span", { className: "metadata-badge local", title: "Has local value", children: "local" })), !field.isFromYml && ((0, jsx_runtime_1.jsx)("span", { className: "metadata-badge local-only", title: "Local only", children: "local only" }))] })] }, fieldName));
+                            }) }))] }, sectionName));
+            }) }) }));
+};
+exports.default = SettingsStoreViewer;
+//# sourceMappingURL=SettingsStoreViewer.js.map