testeranto 0.202.0 → 0.203.0

package/dist/module/src/components/pure/TestPageView.test/index.js

@@ -1,10 +0,0 @@
-import Testeranto from "testeranto-react/src/react-dom/jsx/web";
-import { MemoryRouter } from "react-router-dom";
-import { implementation } from "./implementation";
-import { specification } from "./specification";
-import { TestPageView } from "../TestPageView";
-import React from "react";
-import "./../../../App.scss";
-const WrappedTestPageView = (props) => (React.createElement(MemoryRouter, null,
-    React.createElement(TestPageView, Object.assign({}, props))));
-export default Testeranto(implementation, specification, WrappedTestPageView);

package/dist/module/src/components/pure/TestPageView.test/specification.js

@@ -1,22 +0,0 @@
-export const specification = (Suite, Given, When, Then) => {
-    return [
-        Suite.Default("TestPageView basic rendering", {
-            "renders navigation bar": Given.Default([], [], [Then.RendersNavBar()]),
-            "shows error counts": Given.Default([], [], [Then.ShowsErrorCounts()]),
-            "shows test results when data exists": Given.Default([], [], [Then.takeScreenshot("shot.png"), Then.ShowsTestResults()]),
-        }),
-        Suite.Navigation("TestPageView navigation behavior", {
-            "shows results tab by default": Given.Default([], [], [Then.ShowsActiveTab("results")]),
-            "switches to logs tab": Given.Default([], [When.SwitchToTab("logs")], [Then.ShowsActiveTab("logs"), Then.ShowsLogs()]),
-            "copies aider command when button clicked": Given.Default([], [When.ClickAiderButton()], [Then.AiderButtonCopiesCommand()]),
-        }),
-        Suite.ErrorStates("TestPageView error handling", {
-            "shows error state when tests fail": Given.WithErrors([], [], [
-                Then.ShowsErrorCounts(),
-                Then.ShowsTypeErrors(),
-                Then.ShowsLintErrors(),
-            ]),
-            "shows logs when available": Given.WithLogs([], [], [Then.ShowsLogs()]),
-        }),
-    ];
-};

package/dist/module/src/components/pure/TestPageView.test/types.js

@@ -1,3 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-object-type */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export {};

package/dist/module/src/components/pure/TestPageView_utils.js

@@ -1,109 +0,0 @@
-import React from "react";
-// Determine language from file extension
-export const getLanguage = (path) => {
-    var _a;
-    const ext = (_a = path.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-    switch (ext) {
-        case "ts":
-            return "typescript";
-        case "tsx":
-            return "typescript";
-        case "js":
-            return "javascript";
-        case "json":
-            return "json";
-        case "md":
-            return "markdown";
-        default:
-            return "plaintext";
-    }
-};
-export const renderTestResults = (testData, buildErrors, projectName, testName, runtime) => {
-    return (React.createElement("div", { className: "test-results" },
-        testData.givens.map((given, i) => (React.createElement("div", { key: i, className: "mb-4 card" },
-            React.createElement("div", { className: "card-header bg-primary text-white" },
-                React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
-                    React.createElement("div", null,
-                        React.createElement("h4", null,
-                            "Given: ",
-                            given.name),
-                        given.features && given.features.length > 0 && (React.createElement("div", { className: "mt-1" },
-                            React.createElement("small", null, "Features:"),
-                            React.createElement("ul", { className: "list-unstyled" }, given.features.map((feature, fi) => (React.createElement("li", { key: fi }, feature.startsWith("http") ? (React.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer", className: "text-white" }, new URL(feature).hostname)) : (React.createElement("span", { className: "text-white" }, feature))))))))),
-                    given.artifacts && given.artifacts.length > 0 && (React.createElement("div", { className: "dropdown" },
-                        React.createElement("button", { className: "btn btn-sm btn-light dropdown-toggle", type: "button", "data-bs-toggle": "dropdown" },
-                            "Artifacts (",
-                            given.artifacts.length,
-                            ")"),
-                        React.createElement("ul", { className: "dropdown-menu dropdown-menu-end" }, given.artifacts.map((artifact, ai) => (React.createElement("li", { key: ai },
-                            React.createElement("a", { className: "dropdown-item", href: `reports/${projectName}/${testName
-                                    .split(".")
-                                    .slice(0, -1)
-                                    .join(".")}/${runtime}/${artifact}`, target: "_blank", rel: "noopener noreferrer" }, artifact.split("/").pop()))))))))),
-            React.createElement("div", { className: "card-body" },
-                given.whens.map((when, j) => (React.createElement("div", { key: `w-${j}`, className: `p-3 mb-2 ${when.error ? "bg-danger text-white" : "bg-success text-white"}` },
-                    React.createElement("div", { className: "d-flex justify-content-between align-items-start" },
-                        React.createElement("div", null,
-                            React.createElement("div", null,
-                                React.createElement("strong", null, "When:"),
-                                " ",
-                                when.name,
-                                when.features && when.features.length > 0 && (React.createElement("div", { className: "mt-2" },
-                                    React.createElement("small", null, "Features:"),
-                                    React.createElement("ul", { className: "list-unstyled" }, when.features.map((feature, fi) => (React.createElement("li", { key: fi }, feature.startsWith("http") ? (React.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer" }, new URL(feature).hostname)) : (feature))))))),
-                                when.error && React.createElement("pre", { className: "mt-2" }, when.error))),
-                        when.artifacts && when.artifacts.length > 0 && (React.createElement("div", { className: "ms-3" },
-                            React.createElement("strong", null, "Artifacts:"),
-                            React.createElement("ul", { className: "list-unstyled" }, when.artifacts.map((artifact, ai) => (React.createElement("li", { key: ai },
-                                React.createElement("a", { href: `reports/${projectName}/${testName
-                                        .split(".")
-                                        .slice(0, -1)
-                                        .join(".")}/${runtime}/${artifact}`, target: "_blank", className: "text-white", rel: "noopener noreferrer" }, artifact.split("/").pop()))))))))))),
-                given.thens.map((then, k) => (React.createElement("div", { key: `t-${k}`, className: `p-3 mb-2 ${then.error ? "bg-danger text-white" : "bg-success text-white"}` },
-                    React.createElement("div", { className: "d-flex justify-content-between align-items-start" },
-                        React.createElement("div", null,
-                            React.createElement("div", null,
-                                React.createElement("strong", null, "Then:"),
-                                " ",
-                                then.name,
-                                then.features && then.features.length > 0 && (React.createElement("div", { className: "mt-2" },
-                                    React.createElement("small", null, "Features:"),
-                                    React.createElement("ul", { className: "list-unstyled" }, then.features.map((feature, fi) => (React.createElement("li", { key: fi }, feature.startsWith("http") ? (React.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer" }, new URL(feature).hostname)) : (feature))))))),
-                                then.error && React.createElement("pre", { className: "mt-2" }, then.error))),
-                        then.artifacts && then.artifacts.length > 0 && (React.createElement("div", { className: "ms-3" },
-                            React.createElement("strong", null, "Artifacts:"),
-                            React.createElement("ul", { className: "list-unstyled" }, then.artifacts.map((artifact, ai) => (React.createElement("li", { key: ai },
-                                React.createElement("a", { href: `reports/${projectName}/${testName
-                                        .split(".")
-                                        .slice(0, -1)
-                                        .join(".")}/${runtime}/${artifact}`, target: "_blank", className: "text-white", rel: "noopener noreferrer" }, artifact.split("/").pop()))))))))))))))),
-        (buildErrors.errors.length > 0 || buildErrors.warnings.length > 0) && (React.createElement("div", { className: "mb-4 card border-danger" },
-            React.createElement("div", { className: "card-header bg-danger text-white" },
-                React.createElement("h4", null, "Build Errors and Warnings")),
-            React.createElement("div", { className: "card-body" },
-                buildErrors.errors.length > 0 && (React.createElement(React.Fragment, null,
-                    React.createElement("h5", null, "Errors"),
-                    React.createElement("ul", null, buildErrors.errors.map((error, idx) => (React.createElement("li", { key: `build-error-${idx}` },
-                        React.createElement("strong", null, error.text),
-                        error.location && (React.createElement("div", null,
-                            "File: ",
-                            error.location.file,
-                            " Line:",
-                            " ",
-                            error.location.line,
-                            " Column: ",
-                            error.location.column)))))))),
-                buildErrors.warnings.length > 0 && (React.createElement(React.Fragment, null,
-                    React.createElement("h5", null, "Warnings"),
-                    React.createElement("ul", null, buildErrors.warnings.map((warning, idx) => (React.createElement("li", { key: `build-warning-${idx}` },
-                        React.createElement("strong", null, warning.text),
-                        warning.location && (React.createElement("div", null,
-                            "File: ",
-                            warning.location.file,
-                            " Line:",
-                            " ",
-                            warning.location.line,
-                            " Column:",
-                            " ",
-                            warning.location.column)))))))))))));
-};

package/dist/module/src/components/pure/TestTable.js

@@ -1,26 +0,0 @@
-import React from "react";
-import { Table, Badge } from "react-bootstrap";
-import { TestStatusBadge } from "../TestStatusBadge";
-export const TestTable = ({ testStatuses, projectName, }) => {
-    return (React.createElement(Table, { striped: true, bordered: true, hover: true },
-        React.createElement("thead", null,
-            React.createElement("tr", null,
-                React.createElement("th", null, "Test"),
-                React.createElement("th", null, "Runtime"),
-                React.createElement("th", null, "Status"),
-                React.createElement("th", null, "Total Tests"),
-                React.createElement("th", null, "Type Errors"),
-                React.createElement("th", null, "Lint Errors"))),
-        React.createElement("tbody", null, testStatuses.map((test) => (React.createElement("tr", { key: test.testName, "data-testid": `test-row-${test.testName}` },
-            React.createElement("td", null,
-                React.createElement("a", { href: `#/projects/${projectName}/tests/${encodeURIComponent(test.testName)}/${test.runTime}` }, test.testName)),
-            React.createElement("td", null,
-                React.createElement(Badge, { bg: "secondary", className: "ms-2" }, test.runTime)),
-            React.createElement("td", null,
-                React.createElement(TestStatusBadge, { testName: test.testName, testsExist: test.testsExist, runTimeErrors: test.runTimeErrors, typeErrors: test.typeErrors, staticErrors: test.staticErrors })),
-            React.createElement("td", null, test.runTimeTests >= 0 ? test.runTimeTests : "N/A"),
-            React.createElement("td", null,
-                React.createElement("a", { href: `#/projects/${projectName}/tests/${encodeURIComponent(test.testName)}/${test.runTime}#types` }, test.typeErrors > 0 ? `❌ ${test.typeErrors}` : "✅")),
-            React.createElement("td", null,
-                React.createElement("a", { href: `#/projects/${projectName}/tests/${encodeURIComponent(test.testName)}/${test.runTime}#lint` }, test.staticErrors > 0 ? `❌ ${test.staticErrors}` : "✅"))))))));
-};

package/dist/module/src/components/pure/ThemeCard.js

@@ -1,8 +0,0 @@
-import React from "react";
-export const ThemeCard = ({ theme, handleThemeChange, value, title, description, style, }) => (React.createElement("div", { className: "col-md-4" },
-    React.createElement("div", { className: `card theme-card ${theme === value ? "border-primary" : ""}`, onClick: () => handleThemeChange({
-            target: { value },
-        }), style: style },
-        React.createElement("div", { className: "card-body text-center p-3" },
-            React.createElement("h5", { className: "card-title mb-1" }, title),
-            React.createElement("p", { className: "small text-muted mb-0" }, description)))));

package/dist/module/src/components/pure/ToastNotification.js

@@ -1,7 +0,0 @@
-import React from "react";
-import { ToastContainer, Toast } from "react-bootstrap";
-export const ToastNotification = ({ showToast, setShowToast, toastVariant, toastMessage }) => (React.createElement(ToastContainer, { position: "top-end", className: "p-3" },
-    React.createElement(Toast, { show: showToast, onClose: () => setShowToast(false), delay: 3000, autohide: true, bg: toastVariant },
-        React.createElement(Toast.Header, null,
-            React.createElement("strong", { className: "me-auto" }, "Command Status")),
-        React.createElement(Toast.Body, { className: "text-white" }, toastMessage))));

package/dist/module/src/components/pure/UserProfile.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { Dropdown, Image } from 'react-bootstrap';
-import { githubAuthService } from '../../services/GitHubAuthService';
-export const UserProfile = () => {
-    const user = githubAuthService.userInfo;
-    if (!githubAuthService.isAuthenticated || !user) {
-        return null;
-    }
-    const handleLogout = () => {
-        githubAuthService.logout();
-    };
-    return (React.createElement(Dropdown, { align: "end" },
-        React.createElement(Dropdown.Toggle, { variant: "outline-light", id: "user-profile-dropdown", className: "d-flex align-items-center" },
-            React.createElement(Image, { src: user.avatar_url, roundedCircle: true, width: "32", height: "32", className: "me-2" }),
-            user.login),
-        React.createElement(Dropdown.Menu, null,
-            React.createElement(Dropdown.Item, { href: `https://github.com/${user.login}`, target: "_blank" }, "View on GitHub"),
-            React.createElement(Dropdown.Divider, null),
-            React.createElement(Dropdown.Item, { onClick: handleLogout }, "Sign out"))));
-};

package/dist/module/src/components/stateful/AuthCallbackPage.js

@@ -1,14 +0,0 @@
-import React, { useEffect } from 'react';
-import { Spinner, Container } from 'react-bootstrap';
-export const AuthCallbackPage = () => {
-    useEffect(() => {
-        // This page is only used in the popup window
-        // The actual authentication handling is done via the message listener in App.tsx
-        // This component just shows a loading spinner and will be closed automatically
-    }, []);
-    return (React.createElement(Container, { className: "d-flex justify-content-center align-items-center", style: { minHeight: '50vh' } },
-        React.createElement("div", { className: "text-center" },
-            React.createElement(Spinner, { animation: "border", role: "status", className: "mb-3" },
-                React.createElement("span", { className: "visually-hidden" }, "Authenticating...")),
-            React.createElement("h4", null, "Completing GitHub authentication..."))));
-};

package/dist/module/src/components/stateful/FeaturesReporter.js

@@ -1,23 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { useEffect, useState } from 'react';
-import { FeaturesReporterView } from '../pure/FeaturesReporterView';
-import { buildTree } from '../../types/features';
-export const FeaturesReporter = () => {
-    const [treeData, setTreeData] = useState([]);
-    useEffect(() => {
-        const fetchProjects = async () => {
-            try {
-                const response = await fetch('projects.json');
-                if (!response.ok)
-                    throw new Error('Failed to fetch projects');
-                const projectNames = await response.json();
-                setTreeData(buildTree(projectNames));
-            }
-            catch (error) {
-                console.error('Error loading projects:', error);
-            }
-        };
-        fetchProjects();
-    }, []);
-    return React.createElement(FeaturesReporterView, { treeData: treeData });
-};

package/dist/module/src/components/stateful/FileTree.js

@@ -1,59 +0,0 @@
-"use strict";
-// import React from 'react';
-// import { FileType } from './TextEditorPage';
-// type FileTreeProps = {
-//   files: FileType[];
-//   onSelect: (path: string) => void;
-//   activeFile: string | null;
-// };
-// export const FileTree = ({ files, onSelect, activeFile }: FileTreeProps) => {
-//   // Group files by directory
-//   const fileGroups = files.reduce((acc, file) => {
-//     const dir = file.path.split('/').slice(0, -1).join('/');
-//     if (!acc[dir]) {
-//       acc[dir] = [];
-//     }
-//     acc[dir].push(file);
-//     return acc;
-//   }, {} as Record<string, FileType[]>);
-//   const fileTreeStyle = {
-//     padding: '8px',
-//     fontFamily: 'monospace'
-//   };
-//   const directoryStyle = {
-//     marginBottom: '8px'
-//   };
-//   const directoryNameStyle = {
-//     fontWeight: 'bold',
-//     padding: '4px 0',
-//     color: '#555'
-//   };
-//   const fileStyle = {
-//     padding: '4px 8px',
-//     cursor: 'pointer',
-//     borderRadius: '4px'
-//   };
-//   const activeFileStyle = {
-//     ...fileStyle,
-//     backgroundColor: '#e0e0e0',
-//     fontWeight: 'bold'
-//   };
-//   return (
-//     <div style={fileTreeStyle}>
-//       {Object.entries(fileGroups).map(([dir, dirFiles]) => (
-//         <div key={dir} style={directoryStyle}>
-//           <div style={directoryNameStyle}>{dir || '/'}</div>
-//           {dirFiles.map(file => (
-//             <div 
-//               key={file.path}
-//               style={activeFile === file.path ? activeFileStyle : fileStyle}
-//               onClick={() => onSelect(file.path)}
-//             >
-//               {file.path.split('/').pop()}
-//             </div>
-//           ))}
-//         </div>
-//       ))}
-//     </div>
-//   );
-// };

package/dist/module/src/components/stateful/GitIntegrationPage.js

@@ -1,5 +0,0 @@
-import React from 'react';
-import { GitIntegrationView } from '../pure/GitIntegrationView';
-export const GitIntegrationPage = () => {
-    return (React.createElement(GitIntegrationView, null));
-};

package/dist/module/src/components/stateful/ProcessManagerPage.js

@@ -1,73 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { ProcessManagerView } from '../pure/ProcessManagerView';
-import { useWebSocket } from '../../App';
-export const ProcessManagerPage = () => {
-    const [processes, setProcesses] = useState([]);
-    const { ws } = useWebSocket();
-    const [loading, setLoading] = useState(false);
-    const navigate = useNavigate();
-    // Handle WebSocket messages
-    useEffect(() => {
-        if (!ws)
-            return;
-        const handleMessage = (event) => {
-            try {
-                const data = JSON.parse(event.data);
-                if (data.type === 'runningProcesses') {
-                    // Processes should come with their full logs
-                    setProcesses(data.processes.map((p) => (Object.assign(Object.assign({}, p), { status: p.status || 'running', logs: p.logs || [] }))));
-                    setLoading(false);
-                }
-                else if (data.type === 'processStarted') {
-                    setProcesses(prev => [...prev, Object.assign(Object.assign({}, data), { status: 'running', logs: data.logs || [] })]);
-                }
-                else if (data.type === 'processExited') {
-                    setProcesses(prev => prev.map(p => p.processId === data.processId
-                        ? Object.assign(Object.assign({}, p), { status: 'exited', exitCode: data.exitCode }) : p));
-                }
-                else if (data.type === 'processError') {
-                    setProcesses(prev => prev.map(p => p.processId === data.processId
-                        ? Object.assign(Object.assign({}, p), { status: 'error', error: data.error }) : p));
-                }
-                else if (data.type === 'processStdout' || data.type === 'processStderr') {
-                    setProcesses(prev => prev.map(p => p.processId === data.processId
-                        ? Object.assign(Object.assign({}, p), { logs: [...(p.logs || []), data.data] }) : p));
-                }
-            }
-            catch (error) {
-                console.error('Error parsing process message:', error);
-                setLoading(false);
-            }
-        };
-        ws.addEventListener('message', handleMessage);
-        // Request current processes when connected
-        if (ws.readyState === WebSocket.OPEN) {
-            setLoading(true);
-            ws.send(JSON.stringify({ type: 'getRunningProcesses' }));
-        }
-        return () => {
-            ws.removeEventListener('message', handleMessage);
-        };
-    }, [ws]);
-    const handleRefresh = useCallback(() => {
-        if (ws && ws.readyState === WebSocket.OPEN) {
-            setLoading(true);
-            ws.send(JSON.stringify({ type: 'getRunningProcesses' }));
-        }
-    }, [ws]);
-    const handleKillProcess = useCallback((processId) => {
-        if (ws && ws.readyState === WebSocket.OPEN) {
-            ws.send(JSON.stringify({
-                type: 'killProcess',
-                processId
-            }));
-        }
-    }, [ws]);
-    const handleBack = useCallback(() => {
-        navigate('/');
-    }, [navigate]);
-    return (
-    // don't put this in AppFrame- this is correct
-    React.createElement(ProcessManagerView, { processes: processes, onRefresh: handleRefresh, onBack: handleBack, loading: loading, onKillProcess: handleKillProcess }));
-};

package/dist/module/src/components/stateful/ProjectPage.js

@@ -1,65 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { useEffect, useState } from 'react';
-import { useParams, useNavigate, useLocation } from 'react-router-dom';
-import { ProjectPageView } from '../pure/ProjectPageView';
-import { summaryDotJson } from '../../utils/api';
-export const ProjectPage = () => {
-    const [summary, setSummary] = useState(null);
-    const [nodeLogs, setNodeLogs] = useState(null);
-    const [webLogs, setWebLogs] = useState(null);
-    const [pureLogs, setPureLogs] = useState(null);
-    const [config, setConfig] = useState({});
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const [projectName, setProjectName] = useState('');
-    const navigate = useNavigate();
-    const location = useLocation();
-    const [route, setRoute] = useState('tests');
-    useEffect(() => {
-        const hash = location.hash.replace('#', '');
-        if (hash && ['tests', 'node', 'web', 'pure'].includes(hash)) {
-            setRoute(hash);
-        }
-        else {
-            setRoute('tests');
-        }
-    }, [location.hash]);
-    const { projectName: name } = useParams();
-    useEffect(() => {
-        if (!name)
-            return;
-        setProjectName(name);
-        const fetchData = async () => {
-            try {
-                const [summaryRes, nodeRes, webRes, pureRes, configRes] = await Promise.all([
-                    fetch(summaryDotJson(name)),
-                    fetch(`metafiles/node/${name}.json`),
-                    fetch(`metafiles/web/${name}.json`),
-                    fetch(`metafiles/pure/${name}.json`),
-                    fetch(`reports/${name}/config.json`)
-                ]);
-                const [summaryData, nodeData, webData, pureData, configData] = await Promise.all([
-                    summaryRes.ok ? summaryRes.json() : {},
-                    nodeRes.ok ? nodeRes.json() : { errors: ["Failed to load node build logs"] },
-                    webRes.ok ? webRes.json() : { errors: ["Failed to load web build logs"] },
-                    pureRes.ok ? pureRes.json() : { errors: ["Failed to load pure build logs"] },
-                    configRes.ok ? configRes.json() : { tests: [] }
-                ]);
-                setSummary(summaryData);
-                setNodeLogs(nodeData);
-                setWebLogs(webData);
-                setPureLogs(pureData);
-                setConfig(configData);
-            }
-            catch (err) {
-                setError(err instanceof Error ? err.message : 'Unknown error');
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        fetchData();
-    }, [name]);
-    return (React.createElement(ProjectPageView, { summary: summary, nodeLogs: nodeLogs, webLogs: webLogs, pureLogs: pureLogs, config: config, loading: loading, error: error, projectName: projectName, activeTab: route, setActiveTab: setRoute }));
-};

package/dist/module/src/components/stateful/ProjectsPage.js

@@ -1,79 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { ProjectsPageView } from '../pure/ProjectsPageView';
-import { summaryDotJson } from '../../utils/api';
-import { useWebSocket } from '../../App';
-export const ProjectsPage = () => {
-    const [projects, setProjects] = useState([]);
-    const [summaries, setSummaries] = useState({});
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const [configs, setConfigs] = useState({});
-    const navigate = useNavigate();
-    const { ws } = useWebSocket();
-    useEffect(() => {
-        if (!ws)
-            return;
-        const handleMessage = (event) => {
-            try {
-                const data = JSON.parse(event.data);
-                if (data.type === 'summaryUpdate') {
-                    // Update summaries when we receive updates
-                    setSummaries(prev => (Object.assign(Object.assign({}, prev), data.data)));
-                }
-            }
-            catch (error) {
-                console.error('Error parsing WebSocket message:', error);
-            }
-        };
-        ws.addEventListener('message', handleMessage);
-        return () => {
-            ws.removeEventListener('message', handleMessage);
-        };
-    }, [ws]);
-    useEffect(() => {
-        const fetchProjects = async () => {
-            try {
-                const projectsRes = await fetch(`projects.json`);
-                const projectNames = await projectsRes.json();
-                const projectsData = await Promise.all(projectNames.map(async (name) => {
-                    var _a, _b, _c, _d, _e, _f;
-                    const [summaryRes, nodeRes, webRes, pureRes, configRes] = await Promise.all([
-                        fetch(summaryDotJson(name)),
-                        fetch(`metafiles/node/${name}.json`),
-                        fetch(`metafiles/web/${name}.json`),
-                        fetch(`metafiles/pure/${name}.json`),
-                        fetch(`reports/${name}/config.json`),
-                    ]);
-                    const [summary, nodeData, webData, pureData, configData] = await Promise.all([
-                        summaryRes.json(),
-                        nodeRes.ok ? nodeRes.json() : { errors: ["Failed to load node build logs"] },
-                        webRes.ok ? webRes.json() : { errors: ["Failed to load web build logs"] },
-                        pureRes.ok ? pureRes.json() : { errors: ["Failed to load pure build logs"] },
-                        configRes.json(),
-                    ]);
-                    setSummaries(prev => (Object.assign(Object.assign({}, prev), { [name]: summary })));
-                    setConfigs(prev => (Object.assign(Object.assign({}, prev), { [name]: configData })));
-                    return {
-                        name,
-                        testCount: Object.keys(summary).length,
-                        nodeStatus: ((_a = nodeData.errors) === null || _a === void 0 ? void 0 : _a.length) ? 'failed' : ((_b = nodeData.warnings) === null || _b === void 0 ? void 0 : _b.length) ? 'warning' : 'success',
-                        webStatus: ((_c = webData.errors) === null || _c === void 0 ? void 0 : _c.length) ? 'failed' : ((_d = webData.warnings) === null || _d === void 0 ? void 0 : _d.length) ? 'warning' : 'success',
-                        pureStatus: ((_e = pureData.errors) === null || _e === void 0 ? void 0 : _e.length) ? 'failed' : ((_f = pureData.warnings) === null || _f === void 0 ? void 0 : _f.length) ? 'warning' : 'success',
-                    };
-                }));
-                setProjects(projectsData);
-            }
-            catch (err) {
-                setError(err instanceof Error ? err.message : 'Unknown error');
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        fetchProjects();
-    }, []);
-    return (React.createElement(ProjectsPageView, { projects: projects, summaries: summaries, configs: configs, loading: loading, error: error, navigate: navigate }));
-};

package/dist/module/src/components/stateful/SettingsPage.js

@@ -1,35 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Container, Card, Form, Row, Col } from 'react-bootstrap';
-// import { AppFrame } from '../pure/AppFrame';
-export const SettingsPage = () => {
-    const [theme, setTheme] = useState(localStorage.getItem('theme') || 'system');
-    useEffect(() => {
-        let themeToApply = theme;
-        if (theme === 'system') {
-            themeToApply = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
-        }
-        document.documentElement.setAttribute('data-bs-theme', themeToApply);
-    }, [theme]);
-    const handleThemeChange = (e) => {
-        const newTheme = e.target.value;
-        setTheme(newTheme);
-        localStorage.setItem('theme', newTheme);
-        let themeToApply = newTheme;
-        if (newTheme === 'system') {
-            themeToApply = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
-        }
-        document.documentElement.setAttribute('data-bs-theme', themeToApply);
-    };
-    return (React.createElement(Container, null,
-        React.createElement(Row, { className: "justify-content-center" },
-            React.createElement(Col, { lg: 8 },
-                React.createElement(Card, { className: "theme-card" },
-                    React.createElement(Card.Body, null,
-                        React.createElement(Form, null,
-                            React.createElement(Form.Group, { className: "mb-4" },
-                                React.createElement(Form.Label, { className: "h6 mb-3" }, "Theme"),
-                                React.createElement("div", { className: "d-flex flex-wrap gap-3" },
-                                    React.createElement(Form.Check, { type: "radio", name: "theme", id: "light-theme", label: "Light", value: "light", checked: theme === 'light', onChange: handleThemeChange, className: "theme-option" }),
-                                    React.createElement(Form.Check, { type: "radio", name: "theme", id: "dark-theme", label: "Dark", value: "dark", checked: theme === 'dark', onChange: handleThemeChange, className: "theme-option" }),
-                                    React.createElement(Form.Check, { type: "radio", name: "theme", id: "system-theme", label: "System", value: "system", checked: theme === 'system', onChange: handleThemeChange, className: "theme-option" }))))))))));
-};