testeranto 0.177.0 → 0.189.0

package/dist/common/src/lib/dailyAnimation.js

@@ -1,130 +0,0 @@
-"use strict";
-// type AnimationElement = 'sun' | 'sunDay' | 'sunSet' | 'waterReflectionMiddle';
-// let animationInterval: NodeJS.Timeout | null = null;
-// const ANIMATION_DURATION = 60000; // 60 seconds
-// let animationStartTime: number;
-// export function startDailyAnimation(): void {
-//   stopDailyAnimation(); // Clear any existing animation
-//   animationStartTime = Date.now();
-//   animationInterval = setInterval(() => {
-//     updateDailyAnimation();
-//   }, 1000); // Update every second
-//   // Initialize sun at bottom position
-//   updateSunPosition(0);
-// }
-// export function stopDailyAnimation(): void {
-//   if (animationInterval) {
-//     clearInterval(animationInterval);
-//     animationInterval = null;
-//   }
-// }
-// function updateDailyAnimation(): void {
-//   const elapsed = Date.now() - animationStartTime;
-//   const progress = (elapsed % ANIMATION_DURATION) / ANIMATION_DURATION;
-//   // Use sine wave for smooth up-down movement
-//   const position = 0.5 - Math.cos(progress * Math.PI * 2) * 0.5;
-//   // Calculate target position for smooth interpolation
-//   const targetYPos = document.body.clientHeight * (1 - position);
-//   // Update all elements at once
-//   updateSunPosition(position);
-// }
-// function updateSunPosition(normalizedPosition: number): void {
-//   // normalizedPosition is 0-1 where 0=bottom, 1=top
-//   const body = document.body;
-//   const height = body.clientHeight;
-//   const yPos = height * (1 - normalizedPosition); // Invert since y=0 is top
-//   const width = body.clientWidth;
-//   // Update all sun-related elements
-//   const elements: AnimationElement[] = [
-//     'sun', 'sunDay', 'sunSet', 'waterReflectionMiddle'
-//   ];
-//   elements.forEach(id => {
-//     const el = document.getElementById(id);
-//     if (el) {
-//       el.style.background = el.style.background.replace(
-//         /radial-gradient\([^)]+\)/,
-//         `radial-gradient(${width/2}px ${yPos}px, circle, ${getGradientColors(id, normalizedPosition)})`
-//       );
-//     }
-//   });
-//   // Update water reflection position
-//   const reflectionContainer = document.getElementById('waterReflectionContainer');
-//   const reflectionMiddle = document.getElementById('waterReflectionMiddle');
-//   if (reflectionContainer && reflectionMiddle) {
-//     reflectionContainer.style.perspectiveOrigin = `${(width/2)/width * 100}% ${-15 + (normalizedPosition * 30)}%`;
-//     reflectionMiddle.style.left = `${(width/2) - width - (width * 0.03)}px`;
-//   }
-//   // Update opacity of various elements based on sun position
-//   const darknessOverlay = document.getElementById('darknessOverlay');
-//   const darknessOverlaySky = document.getElementById('darknessOverlaySky');
-//   const moon = document.getElementById('moon');
-//   const horizonNight = document.getElementById('horizonNight');
-//   const starsContainer = document.getElementById('starsContainer');
-//   const waterDistance = document.getElementById('waterDistance');
-//   const sunDay = document.getElementById('sunDay');
-//   const sky = document.getElementById('sky');
-//   const sunSet = document.getElementById('sunSet');
-//   const sun = document.getElementById('sun');
-//   const horizon = document.getElementById('horizon');
-//   if (darknessOverlay) {
-//     darknessOverlay.style.opacity = Math.min((yPos - (height / 2)) / (height / 2), 1).toString();
-//   }
-//   if (darknessOverlaySky) {
-//     darknessOverlaySky.style.opacity = Math.min((yPos - (height * 7 / 10)) / (height - (height * 7 / 10)), 1).toString();
-//   }
-//   if (moon) {
-//     moon.style.opacity = Math.min((yPos - (height * 9 / 10)) / (height - (height * 9 / 10)), 0.65).toString();
-//   }
-//   if (horizonNight) {
-//     horizonNight.style.opacity = ((yPos - (height * 4 / 5)) / (height - (height * 4 / 5))).toString();
-//   }
-//   if (starsContainer) {
-//     starsContainer.style.opacity = (yPos / height - 0.6).toString();
-//   }
-//   if (waterDistance) {
-//     waterDistance.style.opacity = (yPos / height + 0.6).toString();
-//   }
-//   if (sunDay) {
-//     sunDay.style.opacity = (1 - yPos / height).toString();
-//   }
-//   if (sky) {
-//     sky.style.opacity = Math.min((1 - yPos / height), 0.99).toString();
-//   }
-//   if (sunSet) {
-//     sunSet.style.opacity = (yPos / height - 0.2).toString();
-//   }
-//   // Update stars opacity
-//   const stars = document.getElementsByClassName('star');
-//   for (let i = 0; i < stars.length; i++) {
-//     (stars[i] as HTMLElement).style.opacity = (yPos / height - 0.6).toString();
-//   }
-//   // Update sun and horizon based on position
-//   if (yPos > height / 2) {
-//     if (sun) sun.style.opacity = Math.min((height - yPos) / (height / 2) + 0.2, 0.5).toString();
-//     if (horizon) horizon.style.opacity = ((height - yPos) / (height / 2) + 0.2).toString();
-//     if (reflectionMiddle) reflectionMiddle.style.opacity = ((height - yPos) / (height / 2) - 0.1).toString();
-//   } else {
-//     if (horizon) horizon.style.opacity = Math.min(yPos / (height / 2), 0.99).toString();
-//     if (sun) sun.style.opacity = Math.min(yPos / (height / 2), 0.5).toString();
-//     if (reflectionMiddle) reflectionMiddle.style.opacity = (yPos / (height / 2) - 0.1).toString();
-//   }
-// }
-// function getGradientColors(elementId: AnimationElement, position: number): string {
-//   // Simplified gradient colors that change based on sun position
-//   switch(elementId) {
-//     case 'sun':
-//       return `rgba(242,248,247,1) 0%,rgba(249,249,28,1) 3%,rgba(247,214,46,1) 8%,rgba(248,200,95,1) 12%,rgba(201,165,132,1) 30%,rgba(115,130,133,1) 51%,rgba(46,97,122,1) 85%,rgba(24,75,106,1) 100%`;
-//     case 'sunDay':
-//       return `rgba(252,255,251,0.9) 0%,rgba(253,250,219,0.4) 30%,rgba(226,219,197,0.01) 70%,rgba(226,219,197,0.0) 70%,rgba(201,165,132,0) 100%`;
-//     case 'sunSet':
-//       return position > 0.5
-//         ? `rgba(254,255,255,0.8) 5%,rgba(236,255,0,1) 10%,rgba(253,50,41,1) 25%,rgba(243,0,0,1) 40%,rgba(93,0,0,1) 100%`
-//         : `rgba(254,255,255,0.0) 5%,rgba(236,255,0,0) 10%,rgba(253,50,41,0) 25%,rgba(243,0,0,0) 40%,rgba(93,0,0,0) 100%`;
-//     case 'waterReflectionMiddle':
-//       return position > 0.5
-//         ? `rgba(247,177,72,1) 3%,rgba(248,175,65,1) 6%,rgba(207,62,30,0.4) 35%,rgba(176,91,48,0.1) 45%,rgba(141,88,47,0.0) 60%,rgba(116,82,63,0.0) 70%,rgba(44,65,68,0.0) 80%,rgba(7,19,31,0.0) 100%`
-//         : `rgba(247,177,72,0) 3%,rgba(248,175,65,0) 6%,rgba(207,62,30,0) 35%,rgba(176,91,48,0) 45%,rgba(141,88,47,0.0) 60%,rgba(116,82,63,0.0) 70%,rgba(44,65,68,0.0) 80%,rgba(7,19,31,0.0) 100%`;
-//     default:
-//       return '';
-//   }
-// }

package/dist/module/src/Footer.js

@@ -1,5 +0,0 @@
-import React from "react";
-// import "./TestReport.scss";
-export const Footer = () => (React.createElement("div", { className: "footer" },
-    "made with \u2764\uFE0F and ",
-    React.createElement("a", { href: "https://www.npmjs.com/package/testeranto" }, "testeranto")));

package/dist/module/src/ProjectPage.js

@@ -1,319 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { useEffect, useState } from 'react';
-import { Card, ListGroup, Nav, Tab, Container, Alert, Badge, Table } from 'react-bootstrap';
-import { useParams, useNavigate, useLocation } from 'react-router-dom';
-// import "./TestReport.scss";
-import { NavBar } from './NavBar';
-import { TestStatusBadge } from './components/TestStatusBadge';
-const BuildLogViewer = ({ logs, runtime }) => {
-    var _a, _b, _c, _d, _e, _f;
-    if (!logs)
-        return React.createElement(Alert, { variant: "info" },
-            "Loading ",
-            runtime.toLowerCase(),
-            " build logs...");
-    const hasErrors = ((_a = logs.errors) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    const hasWarnings = ((_b = logs.warnings) === null || _b === void 0 ? void 0 : _b.length) > 0;
-    const [activeTab, setActiveTab] = useState('summary');
-    return (React.createElement("div", null,
-        React.createElement(Tab.Container, { activeKey: activeTab, onSelect: (k) => setActiveTab(k || 'summary') },
-            React.createElement(Nav, { variant: "tabs", className: "mb-3" },
-                React.createElement(Nav.Item, null,
-                    React.createElement(Nav.Link, { eventKey: "summary" }, "Build Summary")),
-                React.createElement(Nav.Item, null,
-                    React.createElement(Nav.Link, { eventKey: "warnings" }, hasWarnings ? `⚠️ Warnings (${logs.warnings.length})` : 'Warnings')),
-                React.createElement(Nav.Item, null,
-                    React.createElement(Nav.Link, { eventKey: "errors" }, hasErrors ? `❌ Errors (${logs.errors.length})` : 'Errors'))),
-            React.createElement(Tab.Content, null,
-                React.createElement(Tab.Pane, { eventKey: "summary" },
-                    React.createElement(Card, null,
-                        React.createElement(Card.Header, { className: "d-flex justify-content-between align-items-center" },
-                            React.createElement("h5", null, "Build Summary"),
-                            React.createElement("div", null,
-                                hasErrors && (React.createElement(Badge, { bg: "danger", className: "me-2" },
-                                    logs.errors.length,
-                                    " Error",
-                                    logs.errors.length !== 1 ? 's' : '')),
-                                hasWarnings && (React.createElement(Badge, { bg: "warning", text: "dark" },
-                                    logs.warnings.length,
-                                    " Warning",
-                                    logs.warnings.length !== 1 ? 's' : '')),
-                                !hasErrors && !hasWarnings && (React.createElement("div", { className: "d-flex align-items-center gap-2" },
-                                    React.createElement(Badge, { bg: "success" }, "Build Successful"),
-                                    logs.testsExist && (React.createElement(Badge, { bg: "info" }, "tests.json \u2713")))))),
-                        React.createElement(Card.Body, null,
-                            React.createElement("div", { className: "mb-3" },
-                                React.createElement("h6", null,
-                                    "Input Files (",
-                                    Object.keys(((_c = logs.metafile) === null || _c === void 0 ? void 0 : _c.inputs) || {}).length,
-                                    ")"),
-                                React.createElement(ListGroup, { className: "max-h-200 overflow-auto" }, Object.keys(((_d = logs.metafile) === null || _d === void 0 ? void 0 : _d.inputs) || {}).map((file) => (React.createElement(ListGroup.Item, { key: file, className: "py-2" },
-                                    React.createElement("code", null, file),
-                                    React.createElement("div", { className: "text-muted small" },
-                                        logs.metafile.inputs[file].bytes,
-                                        " bytes")))))),
-                            React.createElement("div", null,
-                                React.createElement("h6", null,
-                                    "Output Files (",
-                                    Object.keys(((_e = logs.metafile) === null || _e === void 0 ? void 0 : _e.outputs) || {}).length,
-                                    ")"),
-                                React.createElement(ListGroup, { className: "max-h-200 overflow-auto" }, Object.keys(((_f = logs.metafile) === null || _f === void 0 ? void 0 : _f.outputs) || {}).map((file) => (React.createElement(ListGroup.Item, { key: file, className: "py-2" },
-                                    React.createElement("code", null, file),
-                                    React.createElement("div", { className: "text-muted small" },
-                                        logs.metafile.outputs[file].bytes,
-                                        " bytes",
-                                        logs.metafile.outputs[file].entryPoint && (React.createElement("span", { className: "ms-2 badge bg-info" }, "Entry Point"))))))))))),
-                React.createElement(Tab.Pane, { eventKey: "warnings" }, hasWarnings ? (React.createElement(Card, { className: "border-warning" },
-                    React.createElement(Card.Header, { className: "bg-warning text-white d-flex justify-content-between align-items-center" },
-                        React.createElement("span", null,
-                            "Build Warnings (",
-                            logs.warnings.length,
-                            ")"),
-                        React.createElement(Badge, { bg: "light", text: "dark" }, new Date().toLocaleString())),
-                    React.createElement(Card.Body, { className: "p-0" },
-                        React.createElement(ListGroup, { variant: "flush" }, logs.warnings.map((warn, i) => {
-                            var _a, _b;
-                            return (React.createElement(ListGroup.Item, { key: i, className: "text-warning" },
-                                React.createElement("div", { className: "d-flex justify-content-between" },
-                                    React.createElement("strong", null,
-                                        ((_a = warn.location) === null || _a === void 0 ? void 0 : _a.file) || 'Unknown file',
-                                        ((_b = warn.location) === null || _b === void 0 ? void 0 : _b.line) && `:${warn.location.line}`),
-                                    React.createElement("small", { className: "text-muted" }, warn.pluginName ? `[${warn.pluginName}]` : '')),
-                                React.createElement("div", { className: "mt-1" },
-                                    React.createElement("pre", { className: "mb-0 p-2 bg-light rounded" }, warn.text || warn.message || JSON.stringify(warn))),
-                                warn.detail && (React.createElement("div", { className: "mt-1 small text-muted" },
-                                    React.createElement("pre", { className: "mb-0 p-2 bg-light rounded" }, warn.detail)))));
-                        }))))) : (React.createElement(Alert, { variant: "info" }, "No warnings found"))),
-                React.createElement(Tab.Pane, { eventKey: "errors" }, hasErrors ? (React.createElement(Card, { className: "border-danger" },
-                    React.createElement(Card.Header, { className: "bg-danger text-white d-flex justify-content-between align-items-center" },
-                        React.createElement("span", null,
-                            "Build Errors (",
-                            logs.errors.length,
-                            ")"),
-                        React.createElement(Badge, { bg: "light", text: "dark" }, new Date().toLocaleString())),
-                    React.createElement(Card.Body, { className: "p-0" },
-                        React.createElement(ListGroup, { variant: "flush" }, logs.errors.map((err, i) => {
-                            var _a, _b;
-                            return (React.createElement(ListGroup.Item, { key: i, className: "text-danger" },
-                                React.createElement("div", { className: "d-flex justify-content-between" },
-                                    React.createElement("strong", null,
-                                        ((_a = err.location) === null || _a === void 0 ? void 0 : _a.file) || 'Unknown file',
-                                        ((_b = err.location) === null || _b === void 0 ? void 0 : _b.line) && `:${err.location.line}`),
-                                    React.createElement("small", { className: "text-muted" }, err.pluginName ? `[${err.pluginName}]` : '')),
-                                React.createElement("div", { className: "mt-1" },
-                                    React.createElement("pre", { className: "mb-0 p-2 bg-light rounded" }, err.text || err.message || JSON.stringify(err))),
-                                err.detail && (React.createElement("div", { className: "mt-1 small text-muted" },
-                                    React.createElement("pre", { className: "mb-0 p-2 bg-light rounded" }, err.detail)))));
-                        }))))) : (React.createElement(Alert, { variant: "success" },
-                    React.createElement("h5", null, "No Errors Found"),
-                    React.createElement("p", { className: "mb-0" }, "The build completed without any errors."))))))));
-};
-export const ProjectPage = () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    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');
-    // Sync route with hash changes
-    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);
-        // Set initial tab from hash
-        const hash = window.location.hash.replace('#', '');
-        if (hash && ['tests', 'node', 'web', 'pure'].includes(hash)) {
-            setRoute(hash);
-        }
-        const fetchData = async () => {
-            try {
-                const [summaryRes, nodeRes, webRes, pureRes, configRes] = await Promise.all([
-                    fetch(`reports/${name}/summary.json`),
-                    fetch(`bundles/node/${name}/metafile.json`),
-                    fetch(`bundles/web/${name}/metafile.json`),
-                    fetch(`bundles/pure/${name}/metafile.json`),
-                    fetch(`reports/${name}/config.json`)
-                ]);
-                if (!summaryRes.ok)
-                    throw new Error('Failed to fetch summary');
-                const [summaryData, 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.ok ? configRes.json() : { tests: [] }
-                ]);
-                // Get runtime from first test in config
-                // const runtime = configData.tests.length > 0 ? configData.tests[0][1] : 'node';
-                // setRuntime(runtime);
-                // ]);
-                setSummary(summaryData);
-                setNodeLogs(nodeData);
-                setWebLogs(webData);
-                setPureLogs(pureData);
-                setConfig(configData);
-            }
-            catch (err) {
-                setError(err instanceof Error ? err.message : 'Unknown error');
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        fetchData();
-    }, []);
-    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]) => {
-        console.groupCollapsed(`[ProjectPage] Processing test: ${testName}`);
-        console.log('Raw test data from summary.json:', testData);
-        // Check if tests.json exists by making a HEAD request
-        const checkTestsJson = async () => {
-            var _a;
-            try {
-                // Get runtime from config or fall back to test name pattern
-                let runtimeType = 'node'; // default fallback
-                const testConfig = (_a = config.tests) === null || _a === void 0 ? void 0 : _a.find((t) => t[0] === testName);
-                if (testConfig) {
-                    runtimeType = testConfig[1] || runtimeType;
-                }
-                else if (testName.includes('.web.')) {
-                    runtimeType = 'web';
-                }
-                else if (testName.includes('.pure.')) {
-                    runtimeType = 'pure';
-                }
-                const jsonPath = `reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtimeType}/tests.json`;
-                const res = await fetch(jsonPath, {
-                    method: 'HEAD'
-                });
-                return res.ok;
-            }
-            catch (_b) {
-                return false;
-            }
-        };
-        const testsJsonExists = checkTestsJson();
-        const status = {
-            testName,
-            testsExist: testsJsonExists && testData.testsExist !== false, // Ensure boolean
-            runTimeErrors: Number(testData.runTimeErrors) || 0, // Ensure number
-            typeErrors: Number(testData.typeErrors) || 0,
-            staticErrors: Number(testData.staticErrors) || 0
-        };
-        console.log('Normalized status:', status);
-        console.log('tests.json exists:', testsJsonExists);
-        // Validate status consistency
-        if (status.runTimeErrors === -1 && status.testsExist) {
-            console.warn('Inconsistent state: runTimeErrors=-1 but testsExist=true');
-        }
-        if (!status.testsExist && status.runTimeErrors > 0) {
-            console.warn('Inconsistent state: testsExist=false but runTimeErrors>0');
-        }
-        console.groupEnd();
-        return status;
-    });
-    return (React.createElement(Container, { fluid: true },
-        React.createElement(NavBar, { title: projectName, backLink: "/", navItems: [
-                {
-                    to: `#tests`,
-                    label: testStatuses.some(t => t.runTimeErrors > 0) ? '❌ Tests' :
-                        testStatuses.some(t => t.typeErrors > 0 || t.staticErrors > 0) ? '⚠️ Tests' : '✅ Tests',
-                    active: route === 'tests',
-                    className: testStatuses.some(t => t.runTimeErrors > 0) ? 'text-danger fw-bold' :
-                        testStatuses.some(t => t.typeErrors > 0 || t.staticErrors > 0) ? 'text-warning fw-bold' : ''
-                },
-                {
-                    to: `#node`,
-                    label: ((_a = nodeLogs === null || nodeLogs === void 0 ? void 0 : nodeLogs.errors) === null || _a === void 0 ? void 0 : _a.length) ? '❌ Node Build' :
-                        ((_b = nodeLogs === null || nodeLogs === void 0 ? void 0 : nodeLogs.warnings) === null || _b === void 0 ? void 0 : _b.length) ? '⚠️ Node Build' : 'Node Build',
-                    active: route === 'node',
-                    className: ((_c = nodeLogs === null || nodeLogs === void 0 ? void 0 : nodeLogs.errors) === null || _c === void 0 ? void 0 : _c.length) ? 'text-danger fw-bold' :
-                        ((_d = nodeLogs === null || nodeLogs === void 0 ? void 0 : nodeLogs.warnings) === null || _d === void 0 ? void 0 : _d.length) ? 'text-warning fw-bold' : ''
-                },
-                {
-                    to: `#web`,
-                    label: ((_e = webLogs === null || webLogs === void 0 ? void 0 : webLogs.errors) === null || _e === void 0 ? void 0 : _e.length) ? '❌ Web Build' :
-                        ((_f = webLogs === null || webLogs === void 0 ? void 0 : webLogs.warnings) === null || _f === void 0 ? void 0 : _f.length) ? '⚠️ Web Build' : 'Web Build',
-                    active: route === 'web',
-                    className: ((_g = webLogs === null || webLogs === void 0 ? void 0 : webLogs.errors) === null || _g === void 0 ? void 0 : _g.length) ? 'text-danger fw-bold' :
-                        ((_h = webLogs === null || webLogs === void 0 ? void 0 : webLogs.warnings) === null || _h === void 0 ? void 0 : _h.length) ? 'text-warning fw-bold' : ''
-                },
-                {
-                    to: `#pure`,
-                    label: ((_j = pureLogs === null || pureLogs === void 0 ? void 0 : pureLogs.errors) === null || _j === void 0 ? void 0 : _j.length) ? '❌ Pure Build' :
-                        ((_k = pureLogs === null || pureLogs === void 0 ? void 0 : pureLogs.warnings) === null || _k === void 0 ? void 0 : _k.length) ? '⚠️ Pure Build' : 'Pure Build',
-                    active: route === 'pure',
-                    className: ((_l = pureLogs === null || pureLogs === void 0 ? void 0 : pureLogs.errors) === null || _l === void 0 ? void 0 : _l.length) ? 'text-danger fw-bold' :
-                        ((_m = pureLogs === null || pureLogs === void 0 ? void 0 : pureLogs.warnings) === null || _m === void 0 ? void 0 : _m.length) ? 'text-warning fw-bold' : ''
-                },
-            ] }),
-        React.createElement(Tab.Container, { activeKey: route, onSelect: (k) => {
-                if (k) {
-                    setRoute(k);
-                    navigate(`#${k}`, { replace: true });
-                }
-            } },
-            React.createElement(Tab.Content, null,
-                React.createElement(Tab.Pane, { eventKey: "tests" },
-                    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, "BDD Errors"),
-                                React.createElement("th", null, "Type Errors"),
-                                React.createElement("th", null, "Lint Errors"))),
-                        React.createElement("tbody", null, testStatuses.map((test) => {
-                            var _a;
-                            const testConfig = (_a = config.tests) === null || _a === void 0 ? void 0 : _a.find((t) => t[0] === test.testName);
-                            const runTime = (testConfig === null || testConfig === void 0 ? void 0 : testConfig[1]) || 'node'; // Default to 'node' if not found
-                            const hasRuntimeErrors = test.runTimeErrors > 0;
-                            const hasTypeErrors = test.typeErrors > 0;
-                            const hasLintErrors = test.staticErrors > 0;
-                            return (React.createElement("tr", { key: test.testName },
-                                React.createElement("td", null,
-                                    React.createElement("a", { href: `#/projects/${projectName}/tests/${encodeURIComponent(test.testName)}/${runTime}` }, test.testName)),
-                                React.createElement("td", null,
-                                    React.createElement(Badge, { bg: "secondary", className: "ms-2" }, 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,
-                                    React.createElement("a", { href: `#/projects/${projectName}/tests/${encodeURIComponent(test.testName)}/${runTime}#types` }, test.typeErrors > 0
-                                        ? `tsc (❌ * ${test.typeErrors})`
-                                        : 'tsc ✅')),
-                                React.createElement("td", null,
-                                    React.createElement("a", { href: `#/projects/${projectName}/tests/${encodeURIComponent(test.testName)}/${runTime}#lint` }, test.staticErrors > 0
-                                        ? `eslint (❌ *${test.staticErrors})`
-                                        : 'eslint ✅'))));
-                        })))),
-                React.createElement(Tab.Pane, { eventKey: "node" },
-                    React.createElement(BuildLogViewer, { logs: nodeLogs, runtime: "Node" })),
-                React.createElement(Tab.Pane, { eventKey: "web" },
-                    React.createElement(BuildLogViewer, { logs: webLogs, runtime: "Web" })),
-                React.createElement(Tab.Pane, { eventKey: "pure" },
-                    React.createElement(BuildLogViewer, { logs: pureLogs, runtime: "Pure" }))))));
-};

package/dist/module/src/ProjectsPage.js

@@ -1 +0,0 @@
-export { ProjectsPage } from './components/stateful/ProjectsPage';

package/dist/module/src/SettingsButton.js

@@ -1,157 +0,0 @@
-import React, { useState, useEffect } from "react";
-import SunriseAnimation from "./components/SunriseAnimation";
-import { Modal, Button } from "react-bootstrap";
-// import "./TestReport.scss";
-export const SettingsButton = ({ className }) => {
-    useEffect(() => {
-        return () => {
-            // Cleanup if needed
-        };
-    }, []);
-    const [showModal, setShowModal] = useState(false);
-    const [theme, setTheme] = useState(localStorage.getItem('theme') || 'system');
-    const handleThemeChange = (e) => {
-        const newTheme = e.target.value;
-        setTheme(newTheme);
-        localStorage.setItem('theme', newTheme);
-        // Remove all theme classes first
-        // document.body.classList.remove('light-theme', 'dark-theme', 'lovely-theme', 'light-grayscale-theme', 'dark-grayscale-theme', 'sepia-theme');
-        let themeToApply = newTheme;
-        if (newTheme === 'system') {
-            themeToApply = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
-        }
-        document.documentElement.setAttribute('data-bs-theme', themeToApply);
-        // Animation is now handled by SunriseAnimation component
-        // document.body.classList.add(`${themeToApply}-theme`);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { id: "settings-button" },
-            React.createElement("button", { className: `btn btn-sm btn-outline-secondary ${className}`, onClick: () => setShowModal(true) },
-                React.createElement("div", { id: "gear-icon-settings" }, "\u2699\uFE0F"))),
-        React.createElement(SunriseAnimation, { active: theme === 'daily' }),
-        React.createElement(Modal, { show: showModal, onHide: () => setShowModal(false), size: "lg" },
-            React.createElement(Modal.Header, { closeButton: true, className: "border-0" },
-                React.createElement(Modal.Title, { className: "d-flex align-items-center" },
-                    React.createElement("i", { className: "bi bi-palette-fill me-2" }),
-                    React.createElement("span", null, "Settings"))),
-            React.createElement("div", { className: "alert alert-warning mx-3 mt-2 mb-0" },
-                React.createElement("i", { className: "bi bi-exclamation-triangle-fill me-2" }),
-                React.createElement("strong", null, "Warning:"),
-                " Themes are an experimental feature. Only \"Business casual\" is fully supported at this time."),
-            React.createElement(Modal.Body, { className: "p-0" },
-                React.createElement("div", { className: "p-3" },
-                    React.createElement("div", { className: "row g-3" },
-                        React.createElement("div", { className: "col-md-4" },
-                            React.createElement("div", { className: `card theme-card ${theme === 'system' ? 'border-primary' : ''}`, onClick: () => handleThemeChange({ target: { value: 'system' } }), style: {
-                                    background: 'linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)',
-                                    borderColor: '#adb5bd'
-                                } },
-                                React.createElement("div", { className: "card-body text-center p-3" },
-                                    React.createElement("h5", { className: "card-title mb-0" }, "9 to 5"),
-                                    React.createElement("p", { className: "small text-muted mb-0" }, "Follows your OS theme")))),
-                        React.createElement("div", { className: "col-md-4" },
-                            React.createElement("div", { className: `card theme-card ${theme === 'light' ? 'border-primary' : ''}`, onClick: () => handleThemeChange({ target: { value: 'light' } }), style: {
-                                    background: 'linear-gradient(135deg, #ffffff 0%, #f1f3f5 100%)',
-                                    borderColor: '#ced4da',
-                                    color: '#212529',
-                                    borderWidth: '2px'
-                                } },
-                                React.createElement("div", { className: "card-body text-center p-3" },
-                                    React.createElement("h5", { className: "card-title mb-1" }, "Business casual"),
-                                    React.createElement("p", { className: "small text-muted mb-0" }, "Clean & professional")))),
-                        React.createElement("div", { className: "col-md-4" },
-                            React.createElement("div", { className: `card theme-card ${theme === 'dark' ? 'border-primary' : ''}`, onClick: () => handleThemeChange({ target: { value: 'dark' } }), style: {
-                                    background: 'linear-gradient(135deg, #1a1a2e 0%, #16213e 100%)',
-                                    borderColor: '#4ecdc4',
-                                    color: '#f8f9fa',
-                                    borderWidth: '2px'
-                                } },
-                                React.createElement("div", { className: "card-body text-center p-3" },
-                                    React.createElement("h5", { className: "card-title mb-1" }, "Business formal"),
-                                    React.createElement("p", { className: "small text-muted mb-0" }, "Premium & focused")))),
-                        React.createElement("div", { className: "col-md-4" },
-                            React.createElement("div", { className: `card theme-card ${theme === 'light-vibrant' ? 'border-primary' : ''}`, onClick: () => handleThemeChange({ target: { value: 'light-vibrant' } }), style: {
-                                    background: 'linear-gradient(135deg, #ff2d75 0%, #00e5ff 100%)',
-                                    borderColor: '#ffeb3b',
-                                    color: '#fff'
-                                } },
-                                React.createElement("div", { className: "card-body text-center p-3" },
-                                    React.createElement("h5", { className: "card-title mb-1" }, "Office Party"),
-                                    React.createElement("p", { className: "small text-muted mb-0" }, "Colorful & fun")))),
-                        React.createElement("div", { className: "col-md-4" },
-                            React.createElement("div", { className: `card theme-card ${theme === 'dark-vibrant' ? 'border-primary' : ''}`, onClick: () => handleThemeChange({ target: { value: 'dark-vibrant' } }), style: {
-                                    background: 'linear-gradient(135deg, #16213e 0%, #e94560 100%)',
-                                    borderColor: '#00e5ff',
-                                    color: '#fff'
-                                } },
-                                React.createElement("div", { className: "card-body text-center p-3" },
-                                    React.createElement("h5", { className: "card-title mb-1" }, "After Party"),
-                                    React.createElement("p", { className: "small text-muted mb-0" }, "Neon nightlife")))),
-                        React.createElement("div", { className: "col-md-4" },
-                            React.createElement("div", { className: `card theme-card ${theme === 'sepia' ? 'border-primary' : ''}`, onClick: () => handleThemeChange({ target: { value: 'sepia' } }), style: {
-                                    background: 'linear-gradient(135deg, #f4ecd8 0%, #d0b88f 100%)',
-                                    borderColor: '#8b6b4a',
-                                    color: '#3a3226'
-                                } },
-                                React.createElement("div", { className: "card-body text-center p-3" },
-                                    React.createElement("h5", { className: "card-title mb-1" }, "WFH"),
-                                    React.createElement("p", { className: "small text-muted mb-0" }, "Vintage warmth")))),
-                        React.createElement("div", { className: "col-md-4" },
-                            React.createElement("div", { className: `card theme-card ${theme === 'light-grayscale' ? 'border-primary' : ''}`, onClick: () => handleThemeChange({ target: { value: 'light-grayscale' } }), style: {
-                                    background: 'linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%)',
-                                    borderColor: '#666',
-                                    color: '#333',
-                                    borderWidth: '2px'
-                                } },
-                                React.createElement("div", { className: "card-body text-center p-3" },
-                                    React.createElement("h5", { className: "card-title mb-1" }, "Serious Business"),
-                                    React.createElement("p", { className: "small text-muted mb-0" }, "Simple & distraction-free")))),
-                        React.createElement("div", { className: "col-md-4" },
-                            React.createElement("div", { className: `card theme-card ${theme === 'dark-grayscale' ? 'border-primary' : ''}`, onClick: () => handleThemeChange({ target: { value: 'dark-grayscale' } }), style: {
-                                    background: 'linear-gradient(135deg, #111 0%, #333 100%)',
-                                    borderColor: '#ff6b6b',
-                                    color: '#e0e0e0',
-                                    borderWidth: '2px'
-                                } },
-                                React.createElement("div", { className: "card-body text-center p-3" },
-                                    React.createElement("h5", { className: "card-title mb-1" }, "Very Serious business"),
-                                    React.createElement("p", { className: "small text-muted mb-0" }, "Maximum readability")))),
-                        React.createElement("div", { className: "col-md-4" },
-                            React.createElement("div", { className: `card theme-card ${theme === 'daily' ? 'border-primary' : ''}`, onClick: () => handleThemeChange({ target: { value: 'daily' } }), style: {
-                                    background: 'linear-gradient(135deg, #6eafff 0%, #f9fbf0 100%)',
-                                    borderColor: '#f7d62e',
-                                    color: '#00192d'
-                                } },
-                                React.createElement("div", { className: "card-body text-center p-3" },
-                                    React.createElement("h5", { className: "card-title mb-1" }, "Dreaming of PTO"),
-                                    React.createElement("p", { className: "small text-muted mb-0" }, "Sunrise, sunset")))),
-                        React.createElement("div", { className: "col-md-4" },
-                            React.createElement("div", { className: `card theme-card ${theme === 'protanopia' ? 'border-primary' : ''}`, onClick: () => handleThemeChange({ target: { value: 'protanopia' } }), style: {
-                                    background: 'linear-gradient(135deg, #f8f9fa 0%, #e0e8ff 100%)',
-                                    borderColor: '#3366cc',
-                                    color: '#333'
-                                } },
-                                React.createElement("div", { className: "card-body text-center p-3" },
-                                    React.createElement("h5", { className: "card-title mb-0" }, "Protanopia"),
-                                    React.createElement("p", { className: "small text-muted mb-0" }, "Red-blind mode")))),
-                        React.createElement("div", { className: "col-md-4" },
-                            React.createElement("div", { className: `card theme-card ${theme === 'deuteranopia' ? 'border-primary' : ''}`, onClick: () => handleThemeChange({ target: { value: 'deuteranopia' } }), style: {
-                                    background: 'linear-gradient(135deg, #f8f9fa 0%, #ffe0e0 100%)',
-                                    borderColor: '#cc6633',
-                                    color: '#333'
-                                } },
-                                React.createElement("div", { className: "card-body text-center p-3" },
-                                    React.createElement("h5", { className: "card-title mb-0" }, "Deuteranopia"),
-                                    React.createElement("p", { className: "small text-muted mb-0" }, "Green-blind mode")))),
-                        React.createElement("div", { className: "col-md-4" },
-                            React.createElement("div", { className: `card theme-card ${theme === 'tritanopia' ? 'border-primary' : ''}`, onClick: () => handleThemeChange({ target: { value: 'tritanopia' } }), style: {
-                                    background: 'linear-gradient(135deg, #f8f9fa 0%, #e0ffe0 100%)',
-                                    borderColor: '#00aa66',
-                                    color: '#333'
-                                } },
-                                React.createElement("div", { className: "card-body text-center p-3" },
-                                    React.createElement("h5", { className: "card-title mb-0" }, "Tritanopia"),
-                                    React.createElement("p", { className: "small text-muted mb-0" }, "Blue-blind mode"))))))),
-            React.createElement(Modal.Footer, { className: "border-0" },
-                React.createElement(Button, { variant: "btn-primary", onClick: () => setShowModal(false) }, "Done")))));
-};