testeranto 0.167.0 → 0.171.0

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

@@ -0,0 +1,197 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React from 'react';
+import { Tab, Container, Alert, Table, Badge, Nav, Card, ListGroup } from 'react-bootstrap';
+import { NavBar } from '../../NavBar';
+import { TestStatusBadge } from '../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] = React.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(Badge, { bg: "success" }, "Build Successful")))),
+                        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 ProjectPageView = ({ summary, nodeLogs, webLogs, pureLogs, config, loading, error, projectName, route, setRoute, navigate }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    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,
+            runTime
+        };
+    });
+    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, "Status"),
+                                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 },
+                            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 })),
+                            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}` : '✅')))))))),
+                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/components/pure/ProjectPageView.test/adapter.js

@@ -0,0 +1,17 @@
+export const adapter = {
+    beforeEach: async (subject, initializer, testResource, initialValues, pm) => {
+        return initializer();
+    },
+    andWhen: async (store, whenCB, testResource, pm) => {
+        return whenCB(store, pm);
+    },
+    butThen: async (store, thenCB, testResource, pm) => {
+        return thenCB(store, pm);
+    },
+    afterEach: async (store, key, pm) => {
+        if (store === null || store === void 0 ? void 0 : store.container) {
+            store.container.remove();
+        }
+        return store;
+    },
+};

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

@@ -0,0 +1,68 @@
+import { assert } from "chai";
+export const implementation = {
+    suites: {
+        Default: "Project Page View Tests",
+    },
+    givens: {
+        Default: () => ({
+            summary: {},
+            nodeLogs: null,
+            webLogs: null,
+            pureLogs: null,
+            config: { tests: [] },
+            loading: false,
+            error: null,
+            projectName: "test-project",
+            route: "tests",
+            setRoute: () => { },
+            navigate: () => { },
+        }),
+        WithError: () => ({
+            summary: null,
+            nodeLogs: null,
+            webLogs: null,
+            pureLogs: null,
+            config: { tests: [] },
+            loading: false,
+            error: "Test error message",
+            projectName: "test-project",
+            route: "tests",
+            setRoute: () => { },
+            navigate: () => { },
+        }),
+    },
+    whens: {},
+    thens: {
+        happyPath: () => async ({ container, html }, pm) => {
+            console.group('[Test] Verifying render output');
+            debugger;
+            const p = await pm.page();
+            await pm.customScreenShot({ path: "happyPath.png" }, p);
+            assert.equal(1, 1);
+            // try {
+            //   console.log('Checking for container-fluid');
+            //   const containerFluid = container.querySelector(".container-fluid");
+            //   expect(containerFluid).to.exist;
+            //   expect(containerFluid?.children.length).to.be.greaterThan(0);
+            //   console.log('Checking for NavBar');
+            //   const navBar = container.querySelector("nav.navbar");
+            //   expect(navBar).to.exist;
+            //   console.log('Render verification passed');
+            //   console.groupEnd();
+            //   return { container, html };
+            // } catch (err) {
+            //   console.error('Verification failed:', err);
+            //   console.error('Full HTML:', html);
+            //   console.groupEnd();
+            //   throw err;
+            // }
+        },
+        unhappyPath: () => async ({ container }, pm) => {
+            // expect(container.textContent).contain("Test error message");
+            assert.equal(1, 1);
+            const p = await pm.page();
+            await pm.customScreenShot({ path: "unhappyPath.png" }, p);
+            return { container };
+        },
+    },
+};

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

@@ -0,0 +1,5 @@
+import Testeranto from "testeranto-react/src/react-dom/component/web";
+import { implementation } from "./implementation";
+import { specification } from "./specification";
+import { ProjectPageView } from "../ProjectPageView";
+export default Testeranto(implementation, specification, ProjectPageView);

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

@@ -0,0 +1,15 @@
+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",
+            ], [], [Then.happyPath()]),
+            errorHandling: Given.WithError([
+                "ProjectPageView should handle errors",
+                "It should display error messages when present",
+            ], [], [Then.unhappyPath()]),
+        }),
+    ];
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,58 @@
+import React from 'react';
+import { Table, Alert } from 'react-bootstrap';
+import { NavBar } from '../../NavBar';
+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: "p-3" },
+        React.createElement(NavBar, { title: "Testeranto", backLink: null }),
+        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", { style: { maxHeight: '200px', overflowY: 'auto' } }, summaries[project.name] ? (Object.keys(summaries[project.name]).map(testName => {
+                        const testData = summaries[project.name][testName];
+                        const runTime = configs[project.name].tests.find((t) => t[0] === testName)[1];
+                        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())));
+                    })) : (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/TestPageView.js

@@ -0,0 +1,136 @@
+import React from 'react';
+import { Tab, Container, Alert, Button } from 'react-bootstrap';
+import { NavBar } from '../../NavBar';
+import { TestStatusBadge } from '../TestStatusBadge';
+export const TestPageView = ({ route, setRoute, navigate, projectName, testName, decodedTestPath, runtime, testData, logs, typeErrors, lintErrors, testsExist, errorCounts, }) => {
+    return (React.createElement(Container, { fluid: true },
+        React.createElement(NavBar, { title: decodedTestPath, backLink: `/projects/${projectName}`, navItems: [
+                {
+                    label: '',
+                    badge: {
+                        variant: runtime === 'node' ? 'primary' :
+                            runtime === 'web' ? 'success' :
+                                'info',
+                        text: runtime
+                    },
+                    className: 'pe-none d-flex align-items-center gap-2'
+                },
+                {
+                    to: `#results`,
+                    label: (React.createElement(TestStatusBadge, { testName: decodedTestPath, testsExist: testsExist, runTimeErrors: errorCounts.runTimeErrors, variant: "compact" })),
+                    className: !testsExist || errorCounts.runTimeErrors > 0
+                        ? 'text-danger fw-bold'
+                        : '',
+                    active: route === 'results'
+                },
+                {
+                    to: `#logs`,
+                    label: `Runtime logs`,
+                    active: route === 'logs'
+                },
+                {
+                    to: `#types`,
+                    label: errorCounts.typeErrors > 0
+                        ? `tsc (❌ * ${errorCounts.typeErrors})`
+                        : 'tsc ✅ ',
+                    active: route === 'types'
+                },
+                {
+                    to: `#lint`,
+                    label: errorCounts.staticErrors > 0
+                        ? `eslint (❌ *${errorCounts.staticErrors}) `
+                        : 'eslint ✅',
+                    active: route === 'lint'
+                },
+            ], rightContent: React.createElement(Button, { variant: "info", onClick: async () => {
+                    try {
+                        const promptPath = `testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/prompt.txt`;
+                        const messagePath = `testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/message.txt`;
+                        const command = `aider --load ${promptPath} --message-file ${messagePath}`;
+                        await navigator.clipboard.writeText(command);
+                        alert("Copied aider command to clipboard!");
+                    }
+                    catch (err) {
+                        alert("Failed to copy command to clipboard");
+                        console.error("Copy failed:", err);
+                    }
+                }, className: "ms-2" }, "\uD83E\uDD16") }),
+        React.createElement(Tab.Container, { activeKey: route, onSelect: (k) => {
+                if (k) {
+                    setRoute(k);
+                    navigate(`#${k}`, { replace: true });
+                }
+            } },
+            React.createElement(Tab.Content, { className: "mt-3" },
+                React.createElement(Tab.Pane, { eventKey: "results" }, !testsExist ? (React.createElement(Alert, { variant: "danger", className: "mt-3" },
+                    React.createElement("h4", null, "Tests did not run to completion"),
+                    React.createElement("p", null, "The test results file (tests.json) was not found or could not be loaded."),
+                    React.createElement("div", { className: "mt-3" },
+                        React.createElement(Button, { variant: "outline-light", onClick: () => setRoute('logs'), className: "me-2" }, "View Runtime Logs"),
+                        React.createElement(Button, { variant: "outline-light", onClick: () => navigate(`/projects/${projectName}#${runtime}`) }, "View Build Logs")))) : testData ? (React.createElement("div", { className: "test-results" }, testData.givens.map((given, i) => {
+                    var _a;
+                    return (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("h4", null,
+                                    "Given: ",
+                                    given.name),
+                                ((_a = given.artifacts) === null || _a === void 0 ? void 0 : _a.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: `/testeranto/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) => {
+                                var _a;
+                                return (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("strong", null, "When:"),
+                                            " ",
+                                            when.name,
+                                            when.error && React.createElement("pre", { className: "mt-2" }, when.error)),
+                                        ((_a = when.artifacts) === null || _a === void 0 ? void 0 : _a.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: `/testeranto/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) => {
+                                var _a;
+                                return (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("strong", null, "Then:"),
+                                            " ",
+                                            then.name,
+                                            then.error && React.createElement("pre", { className: "mt-2" }, then.error)),
+                                        ((_a = then.artifacts) === null || _a === void 0 ? void 0 : _a.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: `/testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`, target: "_blank", className: "text-white", rel: "noopener noreferrer" }, artifact.split('/').pop()))))))))));
+                            }))));
+                }))) : (React.createElement(Alert, { variant: "warning" }, "No test results found"))),
+                React.createElement(Tab.Pane, { eventKey: "logs" }, logs === undefined ? (React.createElement(Alert, { variant: "danger" },
+                    React.createElement("h4", null, "Logs file missing"),
+                    React.createElement("p", null, "The runtime logs file (logs.txt) was not found."),
+                    React.createElement("p", null, "This suggests the test may not have executed properly."))) : logs === '' ? (React.createElement(Alert, { variant: "success" },
+                    React.createElement("h4", null, "No runtime logs"),
+                    React.createElement("p", null, "The test executed successfully with no log output."))) : (React.createElement("pre", { className: "bg-dark text-white p-3" }, logs))),
+                React.createElement(Tab.Pane, { eventKey: "types" }, typeErrors ? (React.createElement("pre", { className: "bg-dark text-white p-3" }, typeErrors)) : (React.createElement(Alert, { variant: "warning" }, "No type errors found"))),
+                React.createElement(Tab.Pane, { eventKey: "lint" }, lintErrors ? (React.createElement("pre", { className: "bg-dark text-white p-3" }, lintErrors)) : (React.createElement(Alert, { variant: "warning" }, "No lint errors found"))),
+                React.createElement(Tab.Pane, { eventKey: "coverage" },
+                    React.createElement("div", { className: "coverage-report" },
+                        React.createElement(Alert, { variant: "info" }, "Coverage reports coming soon!"),
+                        React.createElement("div", { className: "coverage-stats" },
+                            React.createElement("div", { className: "stat-card bg-success text-white" },
+                                React.createElement("h4", null, "85%"),
+                                React.createElement("p", null, "Lines Covered")),
+                            React.createElement("div", { className: "stat-card bg-warning text-dark" },
+                                React.createElement("h4", null, "72%"),
+                                React.createElement("p", null, "Branches Covered")),
+                            React.createElement("div", { className: "stat-card bg-info text-white" },
+                                React.createElement("h4", null, "91%"),
+                                React.createElement("p", null, "Functions Covered")))))))));
+};

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

@@ -0,0 +1,63 @@
+/* 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';
+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(`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`)
+                ]);
+                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, route: route, setRoute: setRoute, navigate: navigate }));
+};

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

@@ -0,0 +1,55 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React, { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { ProjectsPageView } from '../pure/ProjectsPageView';
+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();
+    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(`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`),
+                    ]);
+                    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 }));
+};