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

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

@@ -0,0 +1,181 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SourceWebhookEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../store/hooks");
+const useQueryParams_1 = require("../hooks/useQueryParams");
+const formStateSlice_1 = require("../store/formStateSlice");
+const SourceWebhookEditor = ({ sourceId, apiBaseUrl, webhookUrl }) => {
+    // Redux state for persisted form data
+    const dispatch = (0, hooks_1.useAppDispatch)();
+    const sourceFormState = (0, hooks_1.useAppSelector)(state => state.formState.sources[sourceId] || (0, formStateSlice_1.getDefaultSourceFormState)());
+    // Destructure with renamed variables for convenience
+    const { webhookHttpMethod: method, webhookUrl: editableUrl, webhookBody: webhookData, webhookParams: params, webhookHeaders: headers, } = sourceFormState;
+    // Use the persisted URL if set, otherwise fall back to the prop
+    const currentUrl = editableUrl || webhookUrl;
+    // Helper to update Redux state
+    const updateFormState = (updates) => {
+        dispatch((0, formStateSlice_1.updateSourceState)({ id: sourceId, data: updates }));
+    };
+    // URL-based tab state for request tabs (persists in URL as ?requestTab=...)
+    // Note: We use 'requestTab' instead of 'tab' to avoid conflict with parent SourcesView tabs
+    const { getParam, setParam } = (0, useQueryParams_1.useQueryParams)();
+    const urlTab = getParam('requestTab');
+    const activeTab = urlTab && ['params', 'headers', 'body'].includes(urlTab) ? urlTab : 'body';
+    const setActiveTab = (0, react_1.useCallback)((tab) => {
+        setParam('requestTab', tab);
+    }, [setParam]);
+    // Local ephemeral state (not persisted)
+    const [response, setResponse] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [responseTab, setResponseTab] = (0, react_1.useState)('body');
+    // Clear ephemeral state when source changes
+    (0, react_1.useEffect)(() => {
+        setResponse(null);
+        setError(null);
+    }, [sourceId]);
+    // Auto-clear error after 10 seconds
+    (0, react_1.useEffect)(() => {
+        if (error) {
+            const timer = setTimeout(() => {
+                setError(null);
+            }, 10000);
+            return () => clearTimeout(timer);
+        }
+    }, [error]);
+    const generateMockData = async () => {
+        try {
+            setLoading(true);
+            setError(null);
+            const response = await fetch(`${apiBaseUrl}/sources/${sourceId}/generate-mock`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' }
+            });
+            if (!response.ok) {
+                const errorData = await response.json();
+                throw new Error(errorData.error || 'Failed to generate mock data');
+            }
+            const data = await response.json();
+            updateFormState({ webhookBody: JSON.stringify(data.data, null, 2) });
+        }
+        catch (err) {
+            setError(`Failed to generate mock data: ${err.message}`);
+            console.error(err);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const sendWebhook = async () => {
+        try {
+            setLoading(true);
+            setError(null);
+            setResponse(null);
+            // Start timing
+            const startTime = performance.now();
+            // Parse and validate JSON if body is provided
+            let payload = {};
+            if (webhookData.trim()) {
+                try {
+                    payload = JSON.parse(webhookData);
+                }
+                catch (e) {
+                    const executionTime = Math.round(performance.now() - startTime);
+                    setResponse({
+                        result: null,
+                        input: webhookData,
+                        executionTime,
+                        error: {
+                            message: 'Invalid JSON in request body',
+                            stack: String(e)
+                        }
+                    });
+                    setLoading(false);
+                    return;
+                }
+            }
+            // Send to webhook endpoint using editable URL (or default from API)
+            const fetchResponse = await fetch(currentUrl, {
+                method,
+                headers: { 'Content-Type': 'application/json' },
+                body: (method !== 'GET' && method !== 'HEAD') ? JSON.stringify(payload) : undefined
+            });
+            // Capture response status and headers
+            const status = fetchResponse.status;
+            const statusText = fetchResponse.statusText;
+            const responseHeaders = [];
+            fetchResponse.headers.forEach((value, key) => {
+                responseHeaders.push([key, value]);
+            });
+            // Read response as text first, then try to parse as JSON
+            const responseText = await fetchResponse.text();
+            let responseData;
+            try {
+                responseData = JSON.parse(responseText);
+            }
+            catch (e) {
+                responseData = responseText;
+            }
+            // Calculate execution time
+            const executionTime = Math.round(performance.now() - startTime);
+            // Create response object
+            const executionResponse = {
+                result: responseData,
+                input: (method === 'GET' || method === 'HEAD') ? null : payload,
+                executionTime,
+                status,
+                statusText,
+                headers: responseHeaders
+            };
+            setResponse(executionResponse);
+        }
+        catch (err) {
+            const executionTime = Math.round(performance.now() - Date.now());
+            setResponse({
+                result: null,
+                input: (method === 'GET' || method === 'HEAD') ? null : webhookData,
+                executionTime,
+                error: {
+                    message: err.message || 'Unknown error',
+                    stack: err.stack
+                }
+            });
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const addKeyValuePair = (type) => {
+        if (type === 'params') {
+            updateFormState({ webhookParams: [...params, { key: '', value: '', enabled: true }] });
+        }
+        else {
+            updateFormState({ webhookHeaders: [...headers, { key: '', value: '', enabled: true }] });
+        }
+    };
+    const updateKeyValuePair = (type, index, field, value) => {
+        if (type === 'params') {
+            const newParams = [...params];
+            newParams[index] = { ...newParams[index], [field]: value };
+            updateFormState({ webhookParams: newParams });
+        }
+        else {
+            const newHeaders = [...headers];
+            newHeaders[index] = { ...newHeaders[index], [field]: value };
+            updateFormState({ webhookHeaders: newHeaders });
+        }
+    };
+    const removeKeyValuePair = (type, index) => {
+        if (type === 'params') {
+            updateFormState({ webhookParams: params.filter((_, i) => i !== index) });
+        }
+        else {
+            updateFormState({ webhookHeaders: headers.filter((_, i) => i !== index) });
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "webhook-editor", children: [(0, jsx_runtime_1.jsxs)("div", { className: "request-section", children: [(0, jsx_runtime_1.jsxs)("div", { className: "url-bar", children: [(0, jsx_runtime_1.jsxs)("select", { className: "http-method-select", value: method, onChange: (e) => updateFormState({ webhookHttpMethod: e.target.value }), children: [(0, jsx_runtime_1.jsx)("option", { value: "GET", children: "GET" }), (0, jsx_runtime_1.jsx)("option", { value: "POST", children: "POST" }), (0, jsx_runtime_1.jsx)("option", { value: "PUT", children: "PUT" }), (0, jsx_runtime_1.jsx)("option", { value: "DELETE", children: "DELETE" }), (0, jsx_runtime_1.jsx)("option", { value: "PATCH", children: "PATCH" })] }), (0, jsx_runtime_1.jsx)("input", { type: "text", className: "url-input", value: currentUrl, onChange: (e) => updateFormState({ webhookUrl: e.target.value }), placeholder: "Webhook URL" }), (0, jsx_runtime_1.jsx)("button", { className: "send-button", onClick: sendWebhook, disabled: loading, children: loading ? 'Sending...' : 'Send' })] }), (0, jsx_runtime_1.jsxs)("div", { className: "request-tabs", children: [(0, jsx_runtime_1.jsxs)("div", { className: "tab-headers", children: [(0, jsx_runtime_1.jsx)("button", { className: `tab-header ${activeTab === 'params' ? 'active' : ''}`, onClick: () => setActiveTab('params'), children: "Params" }), (0, jsx_runtime_1.jsx)("button", { className: `tab-header ${activeTab === 'headers' ? 'active' : ''}`, onClick: () => setActiveTab('headers'), children: "Headers" }), (0, jsx_runtime_1.jsx)("button", { className: `tab-header ${activeTab === 'body' ? 'active' : ''}`, onClick: () => setActiveTab('body'), children: "Body" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "tab-content", children: [activeTab === 'params' && ((0, jsx_runtime_1.jsxs)("div", { className: "key-value-editor", children: [(0, jsx_runtime_1.jsxs)("div", { className: "key-value-header", children: [(0, jsx_runtime_1.jsx)("span", { className: "col-checkbox" }), (0, jsx_runtime_1.jsx)("span", { className: "col-key", children: "Key" }), (0, jsx_runtime_1.jsx)("span", { className: "col-value", children: "Value" }), (0, jsx_runtime_1.jsx)("span", { className: "col-actions" })] }), params.map((param, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "key-value-row", children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: param.enabled, onChange: (e) => updateKeyValuePair('params', index, 'enabled', e.target.checked) }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: param.key, onChange: (e) => updateKeyValuePair('params', index, 'key', e.target.value), placeholder: "Key" }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: param.value, onChange: (e) => updateKeyValuePair('params', index, 'value', e.target.value), placeholder: "Value" }), (0, jsx_runtime_1.jsx)("button", { className: "remove-btn", onClick: () => removeKeyValuePair('params', index), children: "\u00D7" })] }, index))), (0, jsx_runtime_1.jsx)("button", { className: "add-btn", onClick: () => addKeyValuePair('params'), children: "Add Parameter" })] })), activeTab === 'headers' && ((0, jsx_runtime_1.jsxs)("div", { className: "key-value-editor", children: [(0, jsx_runtime_1.jsxs)("div", { className: "key-value-header", children: [(0, jsx_runtime_1.jsx)("span", { className: "col-checkbox" }), (0, jsx_runtime_1.jsx)("span", { className: "col-key", children: "Key" }), (0, jsx_runtime_1.jsx)("span", { className: "col-value", children: "Value" }), (0, jsx_runtime_1.jsx)("span", { className: "col-actions" })] }), headers.map((header, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "key-value-row", children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: header.enabled, onChange: (e) => updateKeyValuePair('headers', index, 'enabled', e.target.checked) }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: header.key, onChange: (e) => updateKeyValuePair('headers', index, 'key', e.target.value), placeholder: "Key" }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: header.value, onChange: (e) => updateKeyValuePair('headers', index, 'value', e.target.value), placeholder: "Value" }), (0, jsx_runtime_1.jsx)("button", { className: "remove-btn", onClick: () => removeKeyValuePair('headers', index), children: "\u00D7" })] }, index))), (0, jsx_runtime_1.jsx)("button", { className: "add-btn", onClick: () => addKeyValuePair('headers'), children: "Add Header" })] })), activeTab === 'body' && ((0, jsx_runtime_1.jsxs)("div", { className: "body-editor", children: [(0, jsx_runtime_1.jsx)("div", { className: "body-actions", children: (0, jsx_runtime_1.jsx)("button", { className: "action-button secondary", onClick: generateMockData, disabled: loading, children: "Generate Mock Data (from Schema)" }) }), (0, jsx_runtime_1.jsx)("textarea", { className: "body-textarea", value: webhookData, onChange: (e) => updateFormState({ webhookBody: e.target.value }), placeholder: "Enter JSON request body..." }), (0, jsx_runtime_1.jsx)("div", { className: "body-note", children: "Note: Data sent to the source does not need to follow the schema. Only data emitted from the source must follow the schema." })] }))] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "response-section", children: [(0, jsx_runtime_1.jsxs)("div", { className: "response-header", children: [(0, jsx_runtime_1.jsx)("h4", { children: "Response" }), response && ((0, jsx_runtime_1.jsxs)("div", { className: "response-meta", children: [(0, jsx_runtime_1.jsxs)("span", { className: "execution-time", children: [response.executionTime, "ms"] }), response.status && ((0, jsx_runtime_1.jsxs)("span", { className: `http-status status-${Math.floor(response.status / 100)}xx`, children: [response.status, " ", response.statusText] }))] }))] }), response ? ((0, jsx_runtime_1.jsxs)("div", { className: "response-tabs", children: [(0, jsx_runtime_1.jsxs)("div", { className: "tab-headers", children: [(0, jsx_runtime_1.jsx)("button", { className: `tab-header ${responseTab === 'body' ? 'active' : ''}`, onClick: () => setResponseTab('body'), children: "Body" }), (0, jsx_runtime_1.jsx)("button", { className: `tab-header ${responseTab === 'headers' ? 'active' : ''}`, onClick: () => setResponseTab('headers'), children: "Headers" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "tab-content", children: [responseTab === 'body' && ((0, jsx_runtime_1.jsx)("div", { className: "response-data", children: response.error ? ((0, jsx_runtime_1.jsxs)("div", { className: "response-error", children: [(0, jsx_runtime_1.jsx)("h5", { children: "Execution Error" }), (0, jsx_runtime_1.jsx)("pre", { children: response.error.message }), response.error.stack && ((0, jsx_runtime_1.jsxs)("details", { children: [(0, jsx_runtime_1.jsx)("summary", { children: "Stack trace" }), (0, jsx_runtime_1.jsx)("pre", { children: response.error.stack })] }))] })) : ((0, jsx_runtime_1.jsx)("div", { className: "response-body", children: (0, jsx_runtime_1.jsx)("pre", { children: typeof response.result === 'string' ? response.result : JSON.stringify(response.result, null, 2) }) })) })), responseTab === 'headers' && ((0, jsx_runtime_1.jsx)("div", { className: "response-headers", children: response.headers && response.headers.length > 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "key-value-editor", children: [(0, jsx_runtime_1.jsxs)("div", { className: "key-value-header", children: [(0, jsx_runtime_1.jsx)("span", { className: "col-key", children: "Key" }), (0, jsx_runtime_1.jsx)("span", { className: "col-value", children: "Value" })] }), response.headers.map(([key, value], index) => ((0, jsx_runtime_1.jsxs)("div", { className: "key-value-row", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", value: key, readOnly: true, className: "header-key" }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: value, readOnly: true, className: "header-value" })] }, index)))] })) : ((0, jsx_runtime_1.jsx)("div", { className: "no-headers", children: (0, jsx_runtime_1.jsx)("p", { children: "No response headers" }) })) }))] })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "response-content", children: (0, jsx_runtime_1.jsx)("div", { className: "no-response", children: (0, jsx_runtime_1.jsx)("p", { children: "Send a request to see the response" }) }) }))] }), error && ((0, jsx_runtime_1.jsx)("div", { className: "toast-notification toast-error", children: (0, jsx_runtime_1.jsxs)("div", { className: "toast-content", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Error" }), (0, jsx_runtime_1.jsx)("div", { className: "toast-message", children: error })] }) }))] }));
+};
+exports.SourceWebhookEditor = SourceWebhookEditor;
+//# sourceMappingURL=SourceWebhookEditor.js.map

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

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+interface BuildStatus {
+    buildInProgress: boolean;
+    lastBuildSuccess: boolean | null;
+    lastBuildTimestamp: string | null;
+    lastBuildError: string | null;
+}
+interface SourcesViewProps {
+    apiBaseUrl: string;
+    appInstalled: boolean;
+    buildStatus?: BuildStatus | null;
+}
+export declare const SourcesView: React.FC<SourcesViewProps>;
+export {};

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

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SourcesView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const useEntityNavigation_1 = require("../hooks/useEntityNavigation");
+const SourceSchemaViewer_1 = require("./SourceSchemaViewer");
+const SourceWebhookEditor_1 = require("./SourceWebhookEditor");
+const SourceDataViewer_1 = require("./SourceDataViewer");
+const SourceJobsSection_1 = require("./SourceJobsSection");
+const SourceLifecycleSection_1 = require("./SourceLifecycleSection");
+const SourcesView = ({ apiBaseUrl, appInstalled, buildStatus }) => {
+    const location = (0, react_router_dom_1.useLocation)();
+    const [sources, setSources] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    // Derive state from URL
+    const pathParts = location.pathname.split('/').filter(Boolean);
+    const selectedSource = pathParts.length > 1 ? pathParts[1] : null;
+    // Use entity navigation hook for navigation, validation, auto-selection, and tab management
+    const { navigateToEntity: setSelectedSourceAndNavigate, activeTab, setActiveTab: setActiveTabAndUpdateUrl, } = (0, useEntityNavigation_1.useEntityNavigation)({
+        basePath: '/sources',
+        entityName: 'source',
+        entities: sources,
+        selectedEntityId: selectedSource,
+        defaultTab: 'schema',
+        validTabs: ['schema', 'webhook', 'jobs', 'lifecycle'],
+    });
+    (0, react_1.useEffect)(() => {
+        if (appInstalled) {
+            fetchSources();
+        }
+    }, [appInstalled]);
+    const fetchSources = async () => {
+        try {
+            setLoading(true);
+            const response = await fetch(`${apiBaseUrl}/sources`);
+            const data = await response.json();
+            setSources(data.sources || []);
+            setError(null);
+        }
+        catch (err) {
+            setError(`Failed to load sources: ${err.message}`);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    // Show loading state during initial build or when build is in progress
+    if (buildStatus?.buildInProgress || (buildStatus?.lastBuildSuccess === null && buildStatus?.lastBuildTimestamp === null)) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "sources-not-installed", children: (0, jsx_runtime_1.jsxs)("div", { className: "placeholder-content", children: [(0, jsx_runtime_1.jsx)("h3", { children: "Building App..." }), (0, jsx_runtime_1.jsx)("p", { children: "Please wait while the app is being built." }), (0, jsx_runtime_1.jsx)("div", { className: "spinner" })] }) }));
+    }
+    // Show error state if build failed
+    if (buildStatus?.lastBuildSuccess === false) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "sources-not-installed", children: (0, jsx_runtime_1.jsxs)("div", { className: "placeholder-content", children: [(0, jsx_runtime_1.jsx)("h3", { children: "Build Failed" }), (0, jsx_runtime_1.jsx)("p", { children: "The app failed to build. Please check the console for errors." }), buildStatus.lastBuildError && ((0, jsx_runtime_1.jsx)("pre", { className: "error-details", children: buildStatus.lastBuildError }))] }) }));
+    }
+    if (!appInstalled) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "sources-not-installed", children: (0, jsx_runtime_1.jsxs)("div", { className: "placeholder-content", children: [(0, jsx_runtime_1.jsx)("h3", { children: "Sources Not Available" }), (0, jsx_runtime_1.jsx)("p", { children: "Install your app first to configure sources. Sources will appear here after installation." })] }) }));
+    }
+    if (loading) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "destinations-view", children: (0, jsx_runtime_1.jsx)("div", { className: "placeholder-content", children: (0, jsx_runtime_1.jsx)("p", { children: "Loading sources..." }) }) }));
+    }
+    if (error) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "destinations-view", children: (0, jsx_runtime_1.jsxs)("div", { className: "placeholder-content", children: [(0, jsx_runtime_1.jsx)("h3", { children: "Error" }), (0, jsx_runtime_1.jsx)("p", { children: error })] }) }));
+    }
+    if (sources.length === 0) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "destinations-view", children: (0, jsx_runtime_1.jsxs)("div", { className: "placeholder-content", children: [(0, jsx_runtime_1.jsx)("h3", { children: "No Sources Found" }), (0, jsx_runtime_1.jsx)("p", { children: "No sources defined in app.yml" })] }) }));
+    }
+    const selectedSourceObj = sources.find(s => s.id === selectedSource);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "destinations-view", children: (0, jsx_runtime_1.jsxs)("div", { className: "destinations-layout", children: [(0, jsx_runtime_1.jsxs)("div", { className: "destinations-sidebar", children: [(0, jsx_runtime_1.jsx)("div", { className: "destinations-header", children: (0, jsx_runtime_1.jsx)("h4", { children: "Sources" }) }), (0, jsx_runtime_1.jsx)("div", { className: "destinations-list", children: sources.map(source => ((0, jsx_runtime_1.jsxs)("div", { className: `destination-item ${selectedSource === source.id ? 'active' : ''}`, onClick: () => setSelectedSourceAndNavigate(source.id), children: [(0, jsx_runtime_1.jsx)("div", { className: "destination-name", children: source.id }), (0, jsx_runtime_1.jsx)("div", { className: "destination-description", children: source.description })] }, source.id))) })] }), (0, jsx_runtime_1.jsx)("div", { className: "destinations-content", children: selectedSource && selectedSourceObj ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "source-tabs", children: [(0, jsx_runtime_1.jsx)("button", { className: `source-tab ${activeTab === 'schema' ? 'active' : ''}`, onClick: () => setActiveTabAndUpdateUrl?.('schema'), children: "Schema" }), (0, jsx_runtime_1.jsx)("button", { className: `source-tab ${activeTab === 'webhook' ? 'active' : ''}`, onClick: () => setActiveTabAndUpdateUrl?.('webhook'), children: "Function" }), selectedSourceObj?.jobs && Object.keys(selectedSourceObj.jobs).length > 0 && ((0, jsx_runtime_1.jsx)("button", { className: `source-tab ${activeTab === 'jobs' ? 'active' : ''}`, onClick: () => setActiveTabAndUpdateUrl?.('jobs'), children: "Jobs" })), (0, jsx_runtime_1.jsx)("button", { className: `source-tab ${activeTab === 'lifecycle' ? 'active' : ''}`, onClick: () => setActiveTabAndUpdateUrl?.('lifecycle'), children: "Lifecycle" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "source-tab-content", children: [activeTab === 'schema' && ((0, jsx_runtime_1.jsx)("div", { className: "source-schema-full-width", children: (0, jsx_runtime_1.jsx)(SourceSchemaViewer_1.SourceSchemaViewer, { sourceId: selectedSource, apiBaseUrl: apiBaseUrl }) })), activeTab === 'webhook' && ((0, jsx_runtime_1.jsxs)("div", { className: "source-tab-panel", children: [(0, jsx_runtime_1.jsx)("div", { className: "source-main-section", children: (0, jsx_runtime_1.jsx)("div", { className: "source-panel", children: (0, jsx_runtime_1.jsx)(SourceWebhookEditor_1.SourceWebhookEditor, { sourceId: selectedSource, apiBaseUrl: apiBaseUrl, webhookUrl: selectedSourceObj.webhookUrl }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "source-side-panels", children: (0, jsx_runtime_1.jsx)("div", { className: "source-panel", children: (0, jsx_runtime_1.jsx)(SourceDataViewer_1.SourceDataViewer, { sourceId: selectedSource, apiBaseUrl: apiBaseUrl, context: "webhook" }) }) })] })), activeTab === 'jobs' && ((0, jsx_runtime_1.jsx)("div", { className: "source-jobs-full-width", children: (0, jsx_runtime_1.jsx)(SourceJobsSection_1.SourceJobsSection, { sourceId: selectedSource, jobs: selectedSourceObj.jobs || {}, apiBaseUrl: apiBaseUrl }) })), activeTab === 'lifecycle' && ((0, jsx_runtime_1.jsx)("div", { className: "source-lifecycle-full-width", children: (0, jsx_runtime_1.jsx)(SourceLifecycleSection_1.SourceLifecycleSection, { sourceId: selectedSource, apiBaseUrl: apiBaseUrl }) }))] })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "no-destination-selected", children: (0, jsx_runtime_1.jsxs)("div", { className: "placeholder-content", children: [(0, jsx_runtime_1.jsx)("h3", { children: "Select a Source" }), (0, jsx_runtime_1.jsx)("p", { children: "Choose a source from the sidebar to view its schema and test it" })] }) })) })] }) }));
+};
+exports.SourcesView = SourcesView;
+//# sourceMappingURL=SourcesView.js.map

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

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+type StoreTab = 'settings' | 'secrets' | 'kv' | 'sharedKv' | 'notifications';
+interface StoreViewerProps {
+    initialTab?: StoreTab;
+    hideTabs?: boolean;
+    storeTimestamps?: {
+        settings?: string | null;
+        secrets?: string | null;
+        kv?: string | null;
+        sharedKv?: string | null;
+        notifications?: string | null;
+    } | null;
+    onRefreshStores?: () => void;
+}
+declare const StoreViewer: React.FC<StoreViewerProps>;
+export default StoreViewer;

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

@@ -0,0 +1,86 @@
+"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 SettingsStoreViewer_1 = __importDefault(require("./SettingsStoreViewer"));
+const SecretsStoreViewer_1 = __importDefault(require("./SecretsStoreViewer"));
+const KVStoreViewer_1 = __importDefault(require("./KVStoreViewer"));
+const NotificationViewer_1 = __importDefault(require("./NotificationViewer"));
+const StoreViewer = ({ initialTab = "settings", hideTabs = false, storeTimestamps, onRefreshStores, }) => {
+    const [activeTab, setActiveTab] = (0, react_1.useState)(initialTab);
+    const [storeData, setStoreData] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [lastKnownTimestamps, setLastKnownTimestamps] = (0, react_1.useState)(null);
+    // Fetch store data from the API
+    const fetchStoreData = async () => {
+        try {
+            setLoading(true);
+            setError(null);
+            const response = await fetch("/devserver/api/stores");
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+            }
+            const data = await response.json();
+            setStoreData(data);
+        }
+        catch (error) {
+            console.error("Error fetching store data:", error);
+            setError(error instanceof Error ? error.message : String(error));
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    // Fetch data on component mount
+    (0, react_1.useEffect)(() => {
+        fetchStoreData();
+    }, []);
+    // Update active tab when initialTab changes
+    (0, react_1.useEffect)(() => {
+        setActiveTab(initialTab);
+    }, [initialTab]);
+    // Watch for timestamp changes and refresh store data
+    (0, react_1.useEffect)(() => {
+        if (!storeTimestamps || !lastKnownTimestamps) {
+            // First load or no previous timestamps
+            if (storeTimestamps) {
+                fetchStoreData();
+                setLastKnownTimestamps(storeTimestamps);
+            }
+            return;
+        }
+        // Check if any timestamps changed
+        const timestampsChanged = storeTimestamps.settings !== lastKnownTimestamps.settings ||
+            storeTimestamps.secrets !== lastKnownTimestamps.secrets ||
+            storeTimestamps.kv !== lastKnownTimestamps.kv ||
+            storeTimestamps.sharedKv !== lastKnownTimestamps.sharedKv ||
+            storeTimestamps.notifications !== lastKnownTimestamps.notifications;
+        if (timestampsChanged) {
+            console.log("Store files changed, refreshing data...");
+            fetchStoreData();
+            setLastKnownTimestamps(storeTimestamps);
+        }
+    }, [storeTimestamps]);
+    // Handle store data updates (when child components modify data)
+    const handleStoreUpdate = (updatedData) => {
+        if (storeData) {
+            setStoreData({ ...storeData, ...updatedData });
+        }
+    };
+    if (loading) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "store-viewer loading", children: (0, jsx_runtime_1.jsx)("div", { className: "loading-message", children: "Loading store data..." }) }));
+    }
+    if (error) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "store-viewer error", children: (0, jsx_runtime_1.jsxs)("div", { className: "error-message", children: [(0, jsx_runtime_1.jsx)("span", { className: "error-icon", children: "\u26A0\uFE0F" }), (0, jsx_runtime_1.jsxs)("span", { children: ["Failed to load store data: ", error] }), (0, jsx_runtime_1.jsx)("button", { className: "retry-btn", onClick: fetchStoreData, children: "Retry" })] }) }));
+    }
+    if (!storeData) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "store-viewer no-data", children: (0, jsx_runtime_1.jsx)("div", { className: "no-data-message", children: "No store data available" }) }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "store-viewer", children: [!hideTabs && ((0, jsx_runtime_1.jsxs)("div", { className: "store-tabs", children: [(0, jsx_runtime_1.jsxs)("div", { className: "store-tabs-container", children: [(0, jsx_runtime_1.jsxs)("button", { className: `store-tab ${activeTab === "settings" ? "active" : ""}`, onClick: () => setActiveTab("settings"), children: [(0, jsx_runtime_1.jsx)("span", { className: "tab-icon", children: "\u2699\uFE0F" }), (0, jsx_runtime_1.jsx)("span", { className: "tab-label", children: "Settings" }), (0, jsx_runtime_1.jsxs)("span", { className: "tab-count", children: ["(", Object.keys(storeData.settings).length, ")"] })] }), (0, jsx_runtime_1.jsxs)("button", { className: `store-tab ${activeTab === "secrets" ? "active" : ""}`, onClick: () => setActiveTab("secrets"), children: [(0, jsx_runtime_1.jsx)("span", { className: "tab-icon", children: "\uD83D\uDD10" }), (0, jsx_runtime_1.jsx)("span", { className: "tab-label", children: "Secrets" }), (0, jsx_runtime_1.jsxs)("span", { className: "tab-count", children: ["(", Object.keys(storeData.secrets).length, ")"] })] }), (0, jsx_runtime_1.jsxs)("button", { className: `store-tab ${activeTab === "kv" ? "active" : ""}`, onClick: () => setActiveTab("kv"), children: [(0, jsx_runtime_1.jsx)("span", { className: "tab-icon", children: "\uD83D\uDDC3\uFE0F" }), (0, jsx_runtime_1.jsx)("span", { className: "tab-label", children: "KV Store" }), (0, jsx_runtime_1.jsxs)("span", { className: "tab-count", children: ["(", Object.keys(storeData.kv).length, ")"] })] }), (0, jsx_runtime_1.jsxs)("button", { className: `store-tab ${activeTab === "sharedKv" ? "active" : ""}`, onClick: () => setActiveTab("sharedKv"), children: [(0, jsx_runtime_1.jsx)("span", { className: "tab-icon", children: "\uD83D\uDD17" }), (0, jsx_runtime_1.jsx)("span", { className: "tab-label", children: "Shared KV" }), (0, jsx_runtime_1.jsxs)("span", { className: "tab-count", children: ["(", Object.keys(storeData.sharedKv).length, ")"] })] }), (0, jsx_runtime_1.jsxs)("button", { className: `store-tab ${activeTab === "notifications" ? "active" : ""}`, onClick: () => setActiveTab("notifications"), children: [(0, jsx_runtime_1.jsx)("span", { className: "tab-icon", children: "\uD83D\uDD14" }), (0, jsx_runtime_1.jsx)("span", { className: "tab-label", children: "Notifications" }), (0, jsx_runtime_1.jsxs)("span", { className: "tab-count", children: ["(", storeData.notifications.length, ")"] })] })] }), onRefreshStores && ((0, jsx_runtime_1.jsx)("button", { className: "refresh-btn", onClick: onRefreshStores, title: "Refresh store data", children: "\uD83D\uDD04" }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "store-content", children: [hideTabs && onRefreshStores && activeTab !== "notifications" && ((0, jsx_runtime_1.jsx)("div", { className: "store-header", children: (0, jsx_runtime_1.jsx)("button", { className: "refresh-btn", onClick: onRefreshStores, title: "Refresh store data", children: "\uD83D\uDD04" }) })), activeTab === "settings" && ((0, jsx_runtime_1.jsx)(SettingsStoreViewer_1.default, { settings: storeData.settings, onUpdate: (updatedSettings) => handleStoreUpdate({ settings: updatedSettings }) })), activeTab === "secrets" && ((0, jsx_runtime_1.jsx)(SecretsStoreViewer_1.default, { secrets: storeData.secrets, onUpdate: (updatedSecrets) => handleStoreUpdate({ secrets: updatedSecrets }) })), activeTab === "kv" && ((0, jsx_runtime_1.jsx)(KVStoreViewer_1.default, { data: storeData.kv, title: "KV Store", apiEndpoint: "/devserver/api/stores/kv", onUpdate: (updatedKv) => handleStoreUpdate({ kv: updatedKv }) })), activeTab === "sharedKv" && ((0, jsx_runtime_1.jsx)(KVStoreViewer_1.default, { data: storeData.sharedKv, title: "Shared KV Store", apiEndpoint: "/devserver/api/stores/shared-kv", onUpdate: (updatedSharedKv) => handleStoreUpdate({ sharedKv: updatedSharedKv }) })), activeTab === "notifications" && ((0, jsx_runtime_1.jsx)(NotificationViewer_1.default, { notifications: storeData.notifications, onRefresh: onRefreshStores }))] })] }));
+};
+exports.default = StoreViewer;
+//# sourceMappingURL=StoreViewer.js.map

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { LogEntry } from '../../logging/LogManager';
+interface TabbedConsoleProps {
+    logs: LogEntry[];
+    onClearLogs: () => void;
+    storeTimestamps?: {
+        settings?: string | null;
+        secrets?: string | null;
+        kv?: string | null;
+        sharedKv?: string | null;
+        notifications?: string | null;
+    } | null;
+    onRefreshStores?: () => void;
+    notificationCount?: number;
+}
+declare const TabbedConsole: React.FC<TabbedConsoleProps>;
+export default TabbedConsole;