testeranto 0.202.0 → 0.203.0

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

@@ -1,199 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { useState, useEffect, useRef } from "react";
-import { Container, Row, Col, Badge, Button, Alert } from "react-bootstrap";
-import { useNavigate } from "react-router-dom";
-import { useWebSocket } from '../../App';
-export const ProcessManagerView = ({ processes, onRefresh, onBack, loading, onKillProcess, }) => {
-    const navigate = useNavigate();
-    const [selectedProcess, setSelectedProcess] = useState(null);
-    // Use the centralized WebSocket from App context
-    const { ws } = useWebSocket();
-    const [processLogs, setProcessLogs] = useState([]);
-    const [autoScroll, setAutoScroll] = useState(true);
-    const logsContainerRef = useRef(null);
-    const [isNavbarCollapsed, setIsNavbarCollapsed] = useState(false);
-    // Handle WebSocket messages for the selected process
-    useEffect(() => {
-        if (!ws)
-            return;
-        const handleMessage = (event) => {
-            try {
-                const data = JSON.parse(event.data);
-                // Handle process data response
-                if (data.type === "processData" &&
-                    selectedProcess &&
-                    data.processId === selectedProcess.processId) {
-                    setSelectedProcess((prev) => prev
-                        ? Object.assign(Object.assign({}, prev), { logs: data.logs || [] }) : null);
-                    setProcessLogs(data.logs || []);
-                }
-                // Handle new log messages
-                else if ((data.type === "processStdout" || data.type === "processStderr") &&
-                    selectedProcess &&
-                    data.processId === selectedProcess.processId) {
-                    setProcessLogs((prev) => [...prev, data.data]);
-                }
-            }
-            catch (error) {
-                console.error("Error parsing WebSocket message:", error);
-            }
-        };
-        ws.addEventListener('message', handleMessage);
-        return () => {
-            ws.removeEventListener('message', handleMessage);
-        };
-    }, [ws, selectedProcess]);
-    // Request process data when selected
-    useEffect(() => {
-        if (selectedProcess && ws && ws.readyState === WebSocket.OPEN) {
-            ws.send(JSON.stringify({
-                type: "getProcess",
-                processId: selectedProcess.processId,
-            }));
-        }
-    }, [selectedProcess, ws]);
-    // Auto-scroll to bottom when new logs arrive and autoScroll is enabled
-    useEffect(() => {
-        if (autoScroll && logsContainerRef.current) {
-            logsContainerRef.current.scrollTop =
-                logsContainerRef.current.scrollHeight;
-        }
-    }, [processLogs, autoScroll]);
-    // Handle scroll events to determine if we should auto-scroll
-    const handleLogsScroll = () => {
-        if (logsContainerRef.current) {
-            const { scrollTop, scrollHeight, clientHeight } = logsContainerRef.current;
-            const isAtBottom = scrollHeight - scrollTop <= clientHeight + 10; // 10px threshold
-            setAutoScroll(isAtBottom);
-        }
-    };
-    const getStatusBadge = (process) => {
-        switch (process.status) {
-            case "running":
-                return React.createElement(Badge, { bg: "success" }, "Running");
-            case "exited":
-                return React.createElement(Badge, { bg: "secondary" },
-                    "Exited (",
-                    process.exitCode,
-                    ")");
-            case "error":
-                return React.createElement(Badge, { bg: "danger" }, "Error");
-            default:
-                return React.createElement(Badge, { bg: "warning" }, "Unknown");
-        }
-    };
-    const handleSelectProcess = (process) => {
-        setSelectedProcess(process);
-        setProcessLogs(process.logs || []);
-    };
-    const handleInput = (data) => {
-        if (ws &&
-            ws.readyState === WebSocket.OPEN &&
-            (selectedProcess === null || selectedProcess === void 0 ? void 0 : selectedProcess.status) === "running") {
-            ws.send(JSON.stringify({
-                type: "stdin",
-                processId: selectedProcess.processId,
-                data: data,
-            }));
-        }
-    };
-    return (React.createElement(Container, { fluid: true, className: "px-0 h-100" },
-        React.createElement(Row, { className: "g-0", style: { height: "calc(100vh - 56px)" } },
-            React.createElement(Col, { sm: 2, className: "border-end", style: {
-                    height: "100%",
-                    overflow: "auto",
-                    backgroundColor: "#f8f9fa",
-                } },
-                React.createElement("div", { className: "p-1" },
-                    [...processes].reverse().map((process) => (React.createElement("div", { key: process.processId, className: `p-2 mb-1 rounded ${(selectedProcess === null || selectedProcess === void 0 ? void 0 : selectedProcess.processId) === process.processId
-                            ? "bg-primary text-white"
-                            : "bg-white border"}`, style: { cursor: "pointer" }, onClick: () => handleSelectProcess(process), title: process.command },
-                        React.createElement("div", { className: "d-flex justify-content-between align-items-start" },
-                            React.createElement("div", { className: "flex-grow-1", style: { minWidth: 0 } },
-                                React.createElement("div", { className: "fw-bold text-truncate small" }, process.command.split(" ")[0]),
-                                React.createElement("div", { className: `text-truncate ${(selectedProcess === null || selectedProcess === void 0 ? void 0 : selectedProcess.processId) === process.processId
-                                        ? "text-white-50"
-                                        : "text-muted"}`, style: { fontSize: "0.7rem" } },
-                                    "PID: ",
-                                    process.pid || "N/A",
-                                    " |",
-                                    " ",
-                                    new Date(process.timestamp).toLocaleTimeString())),
-                            React.createElement("div", { className: "ms-2" }, getStatusBadge(process))),
-                        process.error && (React.createElement("div", { className: `mt-1 ${(selectedProcess === null || selectedProcess === void 0 ? void 0 : selectedProcess.processId) === process.processId
-                                ? "text-warning"
-                                : "text-danger"}`, style: { fontSize: "0.7rem" } },
-                            React.createElement("div", { className: "text-truncate" },
-                                "Error: ",
-                                process.error)))))),
-                    processes.length === 0 && !loading && (React.createElement("div", { className: "p-2 text-center text-muted small" }, "No active processes")),
-                    loading && processes.length === 0 && (React.createElement("div", { className: "p-2 text-center small" },
-                        React.createElement("div", { className: "spinner-border spinner-border-sm", role: "status" },
-                            React.createElement("span", { className: "visually-hidden" }, "Loading...")))))),
-            React.createElement(Col, { sm: 5, className: "border-end p-3 d-flex flex-column", style: { height: "100%", overflow: "hidden" } }, selectedProcess ? (React.createElement("div", { className: "flex-grow-1 d-flex flex-column" },
-                React.createElement("div", { className: "d-flex align-items-center gap-2 mb-3 flex-wrap" },
-                    React.createElement("div", null, getStatusBadge(selectedProcess)),
-                    React.createElement("div", { className: "text-muted" }, selectedProcess.pid || "N/A"),
-                    React.createElement("div", { className: "text-muted" }, new Date(selectedProcess.timestamp).toLocaleString()),
-                    selectedProcess.status === "running" && onKillProcess && (React.createElement(Button, { variant: "danger", size: "sm", onClick: () => onKillProcess(selectedProcess.processId), className: "flex-grow-0 ms-auto" }, "\u23F9\uFE0F Stop")),
-                    selectedProcess.exitCode !== undefined && (React.createElement("div", { className: "text-muted" }, selectedProcess.exitCode))),
-                selectedProcess.error && (React.createElement(Alert, { variant: "danger", className: "py-2 mb-3" }, selectedProcess.error)),
-                React.createElement("div", null,
-                    React.createElement("div", { className: "mb-1 small text-muted" }, "Command:"),
-                    React.createElement("div", { className: "bg-dark text-light p-2 rounded", style: {
-                            fontFamily: 'Monaco, Menlo, "Ubuntu Mono", monospace',
-                            fontSize: "14px",
-                            lineHeight: "1.4",
-                            overflow: "auto",
-                            whiteSpace: "pre-wrap",
-                            wordBreak: "break-word",
-                            maxHeight: "200px" // Prevent it from expanding too much
-                        } }, selectedProcess.command)))) : (React.createElement("div", { className: "text-center text-muted mt-5" },
-                React.createElement("i", null, "Select a process to view details")))),
-            React.createElement(Col, { sm: 5, className: "p-3 d-flex flex-column", style: { height: "100%", overflow: "hidden" } }, selectedProcess ? (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: "flex-grow-1 d-flex flex-column", style: { minHeight: 0 } },
-                    React.createElement("div", { ref: logsContainerRef, className: "bg-dark text-light flex-grow-1", style: {
-                            overflowY: "auto",
-                            fontFamily: 'Monaco, Menlo, "Ubuntu Mono", monospace',
-                            fontSize: "14px",
-                            lineHeight: "1.4",
-                            padding: "0.5rem"
-                        }, onScroll: handleLogsScroll },
-                        processLogs.length > 0 ? (React.createElement("pre", { className: "mb-0", style: {
-                                whiteSpace: "pre-wrap",
-                                wordBreak: "break-word",
-                                backgroundColor: "transparent",
-                                border: "none",
-                                color: "inherit",
-                            } }, processLogs.join(""))) : (React.createElement("div", { className: "text-muted text-center py-4" },
-                            React.createElement("i", null, "No output yet"))),
-                        !autoScroll && (React.createElement("div", { className: "position-sticky bottom-0 d-flex justify-content-center mb-2" },
-                            React.createElement(Button, { variant: "primary", size: "sm", onClick: () => {
-                                    setAutoScroll(true);
-                                    if (logsContainerRef.current) {
-                                        logsContainerRef.current.scrollTop =
-                                            logsContainerRef.current.scrollHeight;
-                                    }
-                                } }, "Scroll to Bottom")))),
-                    selectedProcess.status === "running" && (React.createElement("div", { className: "border-top bg-white p-2 mt-2", style: { flexShrink: 0 } },
-                        React.createElement("div", { className: "input-group" },
-                            React.createElement("input", { type: "text", className: "form-control", placeholder: "Type input and press Enter...", onKeyPress: (e) => {
-                                    if (e.key === "Enter") {
-                                        const target = e.target;
-                                        const inputValue = target.value;
-                                        if (inputValue.trim()) {
-                                            handleInput(inputValue + "\n");
-                                            target.value = "";
-                                        }
-                                    }
-                                }, autoFocus: true }),
-                            React.createElement("button", { className: "btn btn-primary", type: "button", onClick: () => {
-                                    const input = document.querySelector("input");
-                                    const inputValue = input.value;
-                                    if (inputValue.trim()) {
-                                        handleInput(inputValue + "\n");
-                                        input.value = "";
-                                    }
-                                } }, "Send"))))))) : (React.createElement("div", { className: "text-center text-muted mt-5" },
-                React.createElement("i", null, "Terminal will appear here when a process is selected")))))));
-};

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

@@ -1,61 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React from 'react';
-import { Container, Alert, Badge, Nav, Col, Row } from 'react-bootstrap';
-import { TestTable } from './TestTable';
-import { BuildLogViewer } from './BuildLogViewer';
-import { NavBar } from './NavBar';
-import "./../../App.scss";
-export const ProjectPageView = ({ summary, nodeLogs, webLogs, pureLogs, config, loading, error, projectName, activeTab, setActiveTab }) => {
-    var _a, _b, _c, _d, _e, _f;
-    if (loading)
-        return React.createElement("div", null, "Loading project data...");
-    if (error)
-        return React.createElement(Alert, { variant: "danger" },
-            "Error: ",
-            error);
-    if (!summary)
-        return React.createElement(Alert, { variant: "warning" }, "No data found for project");
-    const testStatuses = Object.entries(summary).map(([testName, testData]) => {
-        var _a, _b;
-        const runTime = ((_b = (_a = config.tests) === null || _a === void 0 ? void 0 : _a.find((t) => t[0] === testName)) === null || _b === void 0 ? void 0 : _b[1]) || 'node';
-        return {
-            testName,
-            testsExist: testData.testsExist !== false,
-            runTimeErrors: Number(testData.runTimeErrors) || 0,
-            typeErrors: Number(testData.typeErrors) || 0,
-            staticErrors: Number(testData.staticErrors) || 0,
-            runTimeTests: Number(testData.runTimeTests) || 0,
-            runTime
-        };
-    });
-    return (React.createElement(Container, { fluid: true },
-        React.createElement(NavBar, { title: projectName, backLink: "/" }),
-        React.createElement(Row, { className: "g-0" },
-            React.createElement(Col, { sm: 3, className: "border-end" },
-                React.createElement(Nav, { variant: "pills", className: "flex-column" },
-                    React.createElement(Nav.Item, null,
-                        React.createElement(Nav.Link, { active: activeTab === 'tests', onClick: () => setActiveTab('tests'), className: "d-flex flex-column align-items-start" },
-                            React.createElement("div", { className: "d-flex justify-content-between w-100" },
-                                React.createElement("span", null, "Tests"),
-                                testStatuses.some(t => t.runTimeErrors > 0) ? (React.createElement(Badge, { bg: "danger" }, "\u274C")) : testStatuses.some(t => t.typeErrors > 0 || t.staticErrors > 0) ? (React.createElement(Badge, { bg: "warning", text: "dark" }, "\u26A0\uFE0F")) : (React.createElement(Badge, { bg: "success" }, "\u2713"))))),
-                    React.createElement(Nav.Item, null,
-                        React.createElement(Nav.Link, { active: activeTab === 'node', onClick: () => setActiveTab('node'), className: "d-flex justify-content-between align-items-center" },
-                            "Node build logs",
-                            ((_a = nodeLogs === null || nodeLogs === void 0 ? void 0 : nodeLogs.errors) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(Badge, { bg: "danger" },
-                                "\u274C ",
-                                nodeLogs.errors.length)) : ((_b = nodeLogs === null || nodeLogs === void 0 ? void 0 : nodeLogs.warnings) === null || _b === void 0 ? void 0 : _b.length) ? (React.createElement(Badge, { bg: "warning", text: "dark" }, "\u26A0\uFE0F")) : null)),
-                    React.createElement(Nav.Item, null,
-                        React.createElement(Nav.Link, { active: activeTab === 'web', onClick: () => setActiveTab('web'), className: "d-flex justify-content-between align-items-center" },
-                            "Web build logs",
-                            ((_c = webLogs === null || webLogs === void 0 ? void 0 : webLogs.errors) === null || _c === void 0 ? void 0 : _c.length) ? (React.createElement(Badge, { bg: "danger" },
-                                "\u274C ",
-                                webLogs.errors.length)) : ((_d = webLogs === null || webLogs === void 0 ? void 0 : webLogs.warnings) === null || _d === void 0 ? void 0 : _d.length) ? (React.createElement(Badge, { bg: "warning", text: "dark" }, "\u26A0\uFE0F")) : null)),
-                    React.createElement(Nav.Item, null,
-                        React.createElement(Nav.Link, { active: activeTab === 'pure', onClick: () => setActiveTab('pure'), className: "d-flex justify-content-between align-items-center" },
-                            "Pure build logs",
-                            ((_e = pureLogs === null || pureLogs === void 0 ? void 0 : pureLogs.errors) === null || _e === void 0 ? void 0 : _e.length) ? (React.createElement(Badge, { bg: "danger" },
-                                "\u274C ",
-                                pureLogs.errors.length)) : ((_f = pureLogs === null || pureLogs === void 0 ? void 0 : pureLogs.warnings) === null || _f === void 0 ? void 0 : _f.length) ? (React.createElement(Badge, { bg: "warning", text: "dark" }, "\u26A0\uFE0F")) : null)))),
-            React.createElement(Col, { sm: 9 },
-                React.createElement("div", { className: "p-3" }, activeTab === 'tests' ? (React.createElement(TestTable, { testStatuses: testStatuses, projectName: projectName })) : activeTab === 'node' ? (React.createElement(BuildLogViewer, { logs: nodeLogs, runtime: "Node" })) : activeTab === 'web' ? (React.createElement(BuildLogViewer, { logs: webLogs, runtime: "Web" })) : activeTab === 'pure' ? (React.createElement(BuildLogViewer, { logs: pureLogs, runtime: "Pure" })) : null)))));
-};

package/dist/module/src/components/pure/ProjectPageView.test/implementation.js

@@ -1,181 +0,0 @@
-import { assert } from "chai";
-export const implementation = {
-    suites: {
-        Default: "Project Page View Tests",
-    },
-    givens: {
-        Default: () => {
-            // Create a container to mount the component
-            const container = document.createElement('div');
-            document.body.appendChild(container);
-            return {
-                summary: {
-                    "test-suite-1": {
-                        testsExist: true,
-                        runTimeErrors: 0,
-                        typeErrors: 2,
-                        staticErrors: 1
-                    },
-                    "test-suite-2": {
-                        testsExist: true,
-                        runTimeErrors: 1,
-                        typeErrors: 0,
-                        staticErrors: 0
-                    }
-                },
-                nodeLogs: {
-                    errors: [],
-                    warnings: [
-                        {
-                            text: "Unused variable",
-                            location: { file: "src/file1.ts", line: 10 },
-                            pluginName: "typescript"
-                        }
-                    ],
-                    metafile: {
-                        inputs: {
-                            "src/file1.ts": { bytes: 1024 },
-                            "src/file2.ts": { bytes: 2048 }
-                        },
-                        outputs: {
-                            "dist/file1.js": { bytes: 1536, entryPoint: true },
-                            "dist/file2.js": { bytes: 2560 }
-                        }
-                    }
-                },
-                webLogs: {
-                    errors: [],
-                    warnings: [],
-                    metafile: {
-                        inputs: {
-                            "src/file1.ts": { bytes: 1024 },
-                            "src/file2.ts": { bytes: 2048 }
-                        },
-                        outputs: {
-                            "dist/file1.js": { bytes: 1536, entryPoint: true },
-                            "dist/file2.js": { bytes: 2560 }
-                        }
-                    }
-                },
-                pureLogs: {
-                    errors: [
-                        {
-                            text: "Syntax error",
-                            location: { file: "src/file3.ts", line: 5 },
-                            pluginName: "typescript"
-                        }
-                    ],
-                    warnings: [],
-                    metafile: {
-                        inputs: {
-                            "src/file3.ts": { bytes: 512 },
-                            "src/file4.ts": { bytes: 768 }
-                        },
-                        outputs: {
-                            "dist/file3.js": { bytes: 1024, entryPoint: true },
-                            "dist/file4.js": { bytes: 1280 }
-                        }
-                    }
-                },
-                config: {
-                    tests: [
-                        ["test-suite-1", "node"],
-                        ["test-suite-2", "web"]
-                    ]
-                },
-                loading: false,
-                error: null,
-                projectName: "test-project",
-                activeTab: "tests",
-                setActiveTab: () => { },
-                route: "tests",
-                setRoute: () => { },
-                navigate: () => { },
-                // Add the required properties for ISelection
-                htmlElement: container,
-                reactElement: null,
-                domRoot: null
-            };
-        },
-        WithError: () => {
-            const container = document.createElement('div');
-            document.body.appendChild(container);
-            return {
-                summary: null,
-                nodeLogs: null,
-                webLogs: null,
-                pureLogs: null,
-                config: { tests: [] },
-                loading: false,
-                error: "Test error message",
-                projectName: "test-project",
-                activeTab: "tests",
-                setActiveTab: () => { },
-                route: "tests",
-                setRoute: () => { },
-                navigate: () => { },
-                // Add the required properties for ISelection
-                htmlElement: container,
-                reactElement: null,
-                domRoot: null
-            };
-        },
-    },
-    whens: {},
-    thens: {
-        hasContainerFluid: () => (state) => {
-            const htmlElement = state.htmlElement;
-            const container = htmlElement.querySelector('.container-fluid');
-            assert.exists(container, 'Should have container-fluid div');
-            return state;
-        },
-        hasNavBar: () => (state) => {
-            const htmlElement = state.htmlElement;
-            const navBar = htmlElement.querySelector('nav.navbar');
-            assert.exists(navBar, 'Should render NavBar component');
-            return state;
-        },
-        hasNavBarTitle: () => (state) => {
-            var _a;
-            const htmlElement = state.htmlElement;
-            const navBarTitle = (_a = htmlElement.querySelector('nav.navbar .navbar-brand')) === null || _a === void 0 ? void 0 : _a.textContent;
-            assert.isNotEmpty(navBarTitle, 'NavBar should have title');
-            return state;
-        },
-        hasTestTable: () => (state) => {
-            const htmlElement = state.htmlElement;
-            const testTable = htmlElement.querySelector('table');
-            assert.exists(testTable, 'Should render test table');
-            return state;
-        },
-        rendersTestSuite1: () => (state) => {
-            const htmlElement = state.htmlElement;
-            const testTable = htmlElement.querySelector('table');
-            const testNames = Array.from(testTable.querySelectorAll('tbody tr td:first-child'))
-                .map(el => el.textContent);
-            assert.include(testNames, 'test-suite-1', 'Should render test-suite-1');
-            return state;
-        },
-        rendersTestSuite2: () => (state) => {
-            const htmlElement = state.htmlElement;
-            const testTable = htmlElement.querySelector('table');
-            const testNames = Array.from(testTable.querySelectorAll('tbody tr td:first-child'))
-                .map(el => el.textContent);
-            assert.include(testNames, 'test-suite-2', 'Should render test-suite-2');
-            return state;
-        },
-        unhappyPath: () => (state) => {
-            const htmlElement = state.htmlElement;
-            const errorAlert = htmlElement.querySelector('.alert-danger');
-            assert.exists(errorAlert, 'Should show error alert');
-            const errorText = errorAlert === null || errorAlert === void 0 ? void 0 : errorAlert.textContent;
-            assert.include(errorText, 'Test error message', 'Should display error message');
-            return state;
-        },
-        takeScreenshot: (name) => async (state, pm) => {
-            const p = await pm.page();
-            await pm.customScreenShot({ path: name }, p);
-            return state;
-        },
-    },
-};

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

@@ -1,9 +0,0 @@
-import Testeranto from "testeranto-react/src/react-dom/component/web";
-import { MemoryRouter } from "react-router-dom";
-import { implementation } from "./implementation";
-import { specification } from "./specification";
-import { ProjectPageView } from "../ProjectPageView";
-import React from "react";
-const WrappedProjectPageView = (props) => (React.createElement(MemoryRouter, null,
-    React.createElement(ProjectPageView, Object.assign({}, props), " ")));
-export default Testeranto(implementation, specification, WrappedProjectPageView);

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

@@ -1,28 +0,0 @@
-export const specification = (Suite, Given, When, Then) => {
-    return [
-        Suite.Default("ProjectPageView Component Tests", {
-            basicRender: Given.Default([
-                "ProjectPageView should render",
-                "It should contain a container-fluid div",
-                "It should render the NavBar component",
-                "NavBar should display project title",
-                "It should render test results table",
-                "It should display test-suite-1 results",
-                "It should display test-suite-2 results",
-            ], [], [
-                Then.hasContainerFluid(),
-                Then.hasNavBar(),
-                Then.hasNavBarTitle(),
-                Then.hasTestTable(),
-                Then.rendersTestSuite1(),
-                Then.rendersTestSuite2(),
-                Then.takeScreenshot("happy-state.png"),
-            ]),
-            errorHandling: Given.WithError([
-                "ProjectPageView should handle errors",
-                "It should display error messages when present",
-                "It should capture screenshots of error state",
-            ], [], [Then.unhappyPath(), Then.takeScreenshot("error-state.png")]),
-        }),
-    ];
-};

package/dist/module/src/components/pure/ProjectPageView.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/ProjectsPageView.js

@@ -1,65 +0,0 @@
-import React from "react";
-import { Table, Alert } from "react-bootstrap";
-export const ProjectsPageView = ({ projects, summaries, configs, loading, error, navigate, }) => {
-    const getStatusIcon = (status) => {
-        switch (status) {
-            case "success":
-                return "✅";
-            case "failed":
-                return "❌";
-            case "warning":
-                return "⚠️";
-            default:
-                return "❓";
-        }
-    };
-    if (loading)
-        return React.createElement("div", null, "Loading projects...");
-    if (error)
-        return React.createElement(Alert, { variant: "danger" },
-            "Error: ",
-            error);
-    return (React.createElement("div", { className: "" },
-        React.createElement(Table, { striped: true, bordered: true, hover: true, responsive: true },
-            React.createElement("thead", null,
-                React.createElement("tr", null,
-                    React.createElement("th", null, "Project"),
-                    React.createElement("th", null, "Tests"),
-                    React.createElement("th", null, "Node"),
-                    React.createElement("th", null, "Web"),
-                    React.createElement("th", null, "Pure"))),
-            React.createElement("tbody", null, projects.map((project) => (React.createElement("tr", { key: project.name },
-                React.createElement("td", null,
-                    React.createElement("a", { href: "#", onClick: (e) => {
-                            e.preventDefault();
-                            navigate(`/projects/${project.name}`);
-                        } }, project.name)),
-                React.createElement("td", null,
-                    React.createElement("div", null, summaries[project.name] ? (Object.keys(summaries[project.name]).map((testName) => {
-                        var _a, _b, _c;
-                        const testData = summaries[project.name][testName];
-                        const runTime = ((_c = (_b = (_a = configs[project.name]) === null || _a === void 0 ? void 0 : _a.tests) === null || _b === void 0 ? void 0 : _b.find((t) => t[0] === testName)) === null || _c === void 0 ? void 0 : _c[1]) || "node";
-                        const hasRuntimeErrors = testData.runTimeErrors > 0;
-                        const hasStaticErrors = testData.typeErrors > 0 || testData.staticErrors > 0;
-                        return (React.createElement("div", { key: testName },
-                            React.createElement("a", { href: `#/projects/${project.name}/tests/${encodeURIComponent(testName)}/${runTime}` },
-                                hasRuntimeErrors
-                                    ? "❌ "
-                                    : hasStaticErrors
-                                        ? "⚠️ "
-                                        : "",
-                                testName.split("/").pop() || testName)));
-                    })) : (React.createElement("div", null, "Loading tests...")))),
-                React.createElement("td", null,
-                    React.createElement("a", { href: `#/projects/${project.name}#node` },
-                        getStatusIcon(project.nodeStatus),
-                        " Node build logs")),
-                React.createElement("td", null,
-                    React.createElement("a", { href: `#/projects/${project.name}#web` },
-                        getStatusIcon(project.webStatus),
-                        " Web build logs")),
-                React.createElement("td", null,
-                    React.createElement("a", { href: `#/projects/${project.name}#pure` },
-                        getStatusIcon(project.pureStatus),
-                        " Pure build logs")))))))));
-};

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

@@ -1,84 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Form, Container, Row, Col, Card, Button } from "react-bootstrap";
-import { useTutorialMode, useAuth } from "../../App";
-import { GitHubLoginButton } from "./GitHubLoginButton";
-import { githubAuthService } from "../../services/GitHubAuthService";
-export const Settings = () => {
-    const [theme, setTheme] = useState("auto");
-    const { tutorialMode, setTutorialMode } = useTutorialMode();
-    const { isAuthenticated, logout } = useAuth();
-    useEffect(() => {
-        // Load saved theme from localStorage
-        const savedTheme = localStorage.getItem("theme");
-        if (savedTheme) {
-            setTheme(savedTheme);
-        }
-    }, []);
-    useEffect(() => {
-        // Apply theme when it changes
-        applyTheme(theme);
-        // Save to localStorage
-        localStorage.setItem("theme", theme);
-    }, [theme]);
-    const applyTheme = (selectedTheme) => {
-        const root = document.documentElement;
-        if (selectedTheme === "auto") {
-            // Use system preference
-            if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
-                root.setAttribute("data-bs-theme", "dark");
-            }
-            else {
-                root.setAttribute("data-bs-theme", "light");
-            }
-        }
-        else {
-            root.setAttribute("data-bs-theme", selectedTheme);
-        }
-    };
-    const handleThemeChange = (event) => {
-        setTheme(event.target.value);
-    };
-    const handleTutorialModeChange = () => {
-        const newTutorialMode = !tutorialMode;
-        setTutorialMode(newTutorialMode);
-        // Save to localStorage
-        localStorage.setItem("tutorialMode", newTutorialMode.toString());
-    };
-    return (React.createElement(Container, null,
-        React.createElement(Row, null,
-            React.createElement(Col, { md: 8, lg: 6 },
-                React.createElement(Card, null,
-                    React.createElement(Card.Header, null,
-                        React.createElement("h5", { className: "mb-0" }, "Appearance")),
-                    React.createElement(Card.Body, null,
-                        React.createElement(Form, null,
-                            React.createElement(Form.Group, { className: "mb-4" },
-                                React.createElement("div", null,
-                                    React.createElement(Form.Check, { type: "radio", id: "theme-light", name: "theme", value: "light", label: "Light mode", checked: theme === "light", onChange: handleThemeChange }),
-                                    React.createElement(Form.Check, { type: "radio", id: "theme-dark", name: "theme", value: "dark", label: "Dark mode", checked: theme === "dark", onChange: handleThemeChange }),
-                                    React.createElement(Form.Check, { type: "radio", id: "theme-auto", name: "theme", value: "auto", label: "Auto mode. Use system setting", checked: theme === "auto", onChange: handleThemeChange }))),
-                            React.createElement(Form.Group, { className: "mb-4" },
-                                React.createElement(Form.Check, { type: "switch", id: "tutorial-mode", label: tutorialMode ? "Tutorial Mode: ON" : "Tutorial Mode: OFF", checked: tutorialMode, onChange: handleTutorialModeChange }),
-                                React.createElement(Form.Text, { className: "text-muted" }, "When enabled, helpful tooltips will appear throughout the app to guide you."))))))),
-        React.createElement(Row, { className: "mt-4" },
-            React.createElement(Col, { md: 8, lg: 6 },
-                React.createElement(Card, null,
-                    React.createElement(Card.Header, null,
-                        React.createElement("h5", { className: "mb-0" }, "GitHub Integration")),
-                    React.createElement(Card.Body, null, githubAuthService.isConfigured() ? (isAuthenticated ? (React.createElement("div", null,
-                        React.createElement("p", null, "Connected to GitHub"),
-                        React.createElement("div", { className: "d-grid gap-2" },
-                            React.createElement(Button, { variant: "danger", onClick: logout }, "Sign Out from GitHub")))) : (React.createElement("div", null,
-                        React.createElement("p", null, "Connect your GitHub account to enable Git operations:"),
-                        React.createElement(GitHubLoginButton, null)))) : (React.createElement("div", null,
-                        React.createElement("p", { className: "text-danger" }, "GitHub integration is not configured."),
-                        React.createElement("p", null, "To enable GitHub authentication:"),
-                        React.createElement("ol", { className: "small" },
-                            React.createElement("li", null, "Create a GitHub OAuth App at https://github.com/settings/developers"),
-                            React.createElement("li", null,
-                                "Set Authorization callback URL to: ",
-                                window.location.origin,
-                                "/auth/github/callback"),
-                            React.createElement("li", null, "Update the clientId in testeranto.config.ts"),
-                            React.createElement("li", null, "Restart the development server"))))))))));
-};