testeranto 0.173.0 → 0.189.0

package/dist/common/src/components/pure/TestPageView.js

@@ -0,0 +1,134 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestPageView = void 0;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const react_1 = __importDefault(require("react"));
+const react_bootstrap_1 = require("react-bootstrap");
+const NavBar_1 = require("./NavBar");
+const TestStatusBadge_1 = require("../TestStatusBadge");
+const TestPageView = ({ projectName, testName, decodedTestPath, runtime, testsExist, errorCounts, logs, }) => {
+    const [activeTab, setActiveTab] = react_1.default.useState('tests.json');
+    const renderTestResults = (testData) => {
+        return (react_1.default.createElement("div", { className: "test-results" }, testData.givens.map((given, i) => (react_1.default.createElement("div", { key: i, className: "mb-4 card" },
+            react_1.default.createElement("div", { className: "card-header bg-primary text-white" },
+                react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-center" },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("h4", null,
+                            "Given: ",
+                            given.name),
+                        given.features && given.features.length > 0 && (react_1.default.createElement("div", { className: "mt-1" },
+                            react_1.default.createElement("small", null, "Features:"),
+                            react_1.default.createElement("ul", { className: "list-unstyled" }, given.features.map((feature, fi) => (react_1.default.createElement("li", { key: fi }, feature.startsWith('http') ? (react_1.default.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer", className: "text-white" }, new URL(feature).hostname)) : (react_1.default.createElement("span", { className: "text-white" }, feature))))))))),
+                    given.artifacts && given.artifacts.length > 0 && (react_1.default.createElement("div", { className: "dropdown" },
+                        react_1.default.createElement("button", { className: "btn btn-sm btn-light dropdown-toggle", type: "button", "data-bs-toggle": "dropdown" },
+                            "Artifacts (",
+                            given.artifacts.length,
+                            ")"),
+                        react_1.default.createElement("ul", { className: "dropdown-menu dropdown-menu-end" }, given.artifacts.map((artifact, ai) => (react_1.default.createElement("li", { key: ai },
+                            react_1.default.createElement("a", { className: "dropdown-item", href: `reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`, target: "_blank", rel: "noopener noreferrer" }, artifact.split('/').pop()))))))))),
+            react_1.default.createElement("div", { className: "card-body" },
+                given.whens.map((when, j) => (react_1.default.createElement("div", { key: `w-${j}`, className: `p-3 mb-2 ${when.error ? 'bg-danger text-white' : 'bg-success text-white'}` },
+                    react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-start" },
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("div", null,
+                                react_1.default.createElement("strong", null, "When:"),
+                                " ",
+                                when.name,
+                                when.features && when.features.length > 0 && (react_1.default.createElement("div", { className: "mt-2" },
+                                    react_1.default.createElement("small", null, "Features:"),
+                                    react_1.default.createElement("ul", { className: "list-unstyled" }, when.features.map((feature, fi) => (react_1.default.createElement("li", { key: fi }, feature.startsWith('http') ? (react_1.default.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer" }, new URL(feature).hostname)) : (feature))))))),
+                                when.error && react_1.default.createElement("pre", { className: "mt-2" }, when.error))),
+                        when.artifacts && when.artifacts.length > 0 && (react_1.default.createElement("div", { className: "ms-3" },
+                            react_1.default.createElement("strong", null, "Artifacts:"),
+                            react_1.default.createElement("ul", { className: "list-unstyled" }, when.artifacts.map((artifact, ai) => (react_1.default.createElement("li", { key: ai },
+                                react_1.default.createElement("a", { href: `reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`, target: "_blank", className: "text-white", rel: "noopener noreferrer" }, artifact.split('/').pop()))))))))))),
+                given.thens.map((then, k) => (react_1.default.createElement("div", { key: `t-${k}`, className: `p-3 mb-2 ${then.error ? 'bg-danger text-white' : 'bg-success text-white'}` },
+                    react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-start" },
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("div", null,
+                                react_1.default.createElement("strong", null, "Then:"),
+                                " ",
+                                then.name,
+                                then.features && then.features.length > 0 && (react_1.default.createElement("div", { className: "mt-2" },
+                                    react_1.default.createElement("small", null, "Features:"),
+                                    react_1.default.createElement("ul", { className: "list-unstyled" }, then.features.map((feature, fi) => (react_1.default.createElement("li", { key: fi }, feature.startsWith('http') ? (react_1.default.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer" }, new URL(feature).hostname)) : (feature))))))),
+                                then.error && react_1.default.createElement("pre", { className: "mt-2" }, then.error))),
+                        then.artifacts && then.artifacts.length > 0 && (react_1.default.createElement("div", { className: "ms-3" },
+                            react_1.default.createElement("strong", null, "Artifacts:"),
+                            react_1.default.createElement("ul", { className: "list-unstyled" }, then.artifacts.map((artifact, ai) => (react_1.default.createElement("li", { key: ai },
+                                react_1.default.createElement("a", { href: `reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`, target: "_blank", className: "text-white", rel: "noopener noreferrer" }, artifact.split('/').pop())))))))))))))))));
+    };
+    return (react_1.default.createElement(react_bootstrap_1.Container, { fluid: true, className: "px-0" },
+        react_1.default.createElement(NavBar_1.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'
+                }
+            ], rightContent: react_1.default.createElement(react_bootstrap_1.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_1.default.createElement(react_bootstrap_1.Row, { className: "g-0" },
+            react_1.default.createElement(react_bootstrap_1.Col, { sm: 3, className: "border-end" },
+                react_1.default.createElement(react_bootstrap_1.Nav, { variant: "pills", className: "flex-column" }, Object.keys(logs).map((logName) => {
+                    var _a;
+                    const displayName = logName.replace('.json', '').replace(/_/g, ' ');
+                    let statusIndicator = null;
+                    // Add error indicators for specific log types
+                    if (logName === 'type_errors.txt' && errorCounts.typeErrors > 0) {
+                        statusIndicator = react_1.default.createElement("span", { className: "ms-1" },
+                            "\u274C ",
+                            errorCounts.typeErrors);
+                    }
+                    else if (logName === 'lint_errors.txt' && errorCounts.staticErrors > 0) {
+                        statusIndicator = react_1.default.createElement("span", { className: "ms-1" },
+                            "\u274C ",
+                            errorCounts.staticErrors);
+                    }
+                    else if (logName === 'stderr.log' && errorCounts.runTimeErrors > 0) {
+                        statusIndicator = react_1.default.createElement("span", { className: "ms-1" },
+                            "\u274C ",
+                            errorCounts.runTimeErrors);
+                    }
+                    else if (logName === 'exit.log' && ((_a = logs['exit.log']) === null || _a === void 0 ? void 0 : _a.trim()) !== '0') {
+                        statusIndicator = react_1.default.createElement("span", { className: "ms-1" }, "\u26A0\uFE0F");
+                    }
+                    else if (logName === 'tests.json' && logs['tests.json']) {
+                        statusIndicator = react_1.default.createElement("div", { className: "ms-1" },
+                            react_1.default.createElement(TestStatusBadge_1.TestStatusBadge, { testName: decodedTestPath, testsExist: testsExist, runTimeErrors: errorCounts.runTimeErrors, typeErrors: errorCounts.typeErrors, staticErrors: errorCounts.staticErrors, variant: "compact", className: "mt-1" }));
+                    }
+                    return (react_1.default.createElement(react_bootstrap_1.Nav.Item, { key: logName },
+                        react_1.default.createElement(react_bootstrap_1.Nav.Link, { eventKey: logName, active: activeTab === logName, onClick: () => setActiveTab(logName), className: "d-flex flex-column align-items-start" },
+                            react_1.default.createElement("div", { className: "d-flex justify-content-between w-100" },
+                                react_1.default.createElement("span", { className: "text-capitalize" }, displayName),
+                                statusIndicator))));
+                }))),
+            react_1.default.createElement(react_bootstrap_1.Col, { sm: 9 },
+                react_1.default.createElement("div", { className: "p-3" }, !testsExist && activeTab === 'tests.json' ? (react_1.default.createElement(react_bootstrap_1.Alert, { variant: "danger" },
+                    react_1.default.createElement("h4", null, "Tests did not run to completion"),
+                    react_1.default.createElement("p", null, "The test results file (tests.json) was not found or could not be loaded."))) : activeTab === 'tests.json' && logs['tests.json'] ? (typeof logs['tests.json'] === 'string'
+                    ? renderTestResults(JSON.parse(logs['tests.json']))
+                    : renderTestResults(logs['tests.json'])) : logs[activeTab] ? (react_1.default.createElement("pre", { className: "bg-dark text-white p-3" },
+                    react_1.default.createElement("code", null, typeof logs[activeTab] === 'string'
+                        ? logs[activeTab]
+                        : JSON.stringify(logs[activeTab], null, 2)))) : (react_1.default.createElement(react_bootstrap_1.Alert, { variant: "info" }, "No content available for this log")))))));
+};
+exports.TestPageView = TestPageView;

package/dist/common/src/components/pure/TestPageView.test/implementation.js

@@ -0,0 +1,202 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-empty-object-type */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.implementation = void 0;
+const chai_1 = require("chai");
+const React = __importStar(require("react"));
+const ReactDom = __importStar(require("react-dom/client"));
+const mockTestData = {
+    name: "Test Suite",
+    givens: [
+        {
+            name: "Given Scenario",
+            whens: [{ name: "When Action" }],
+            thens: [{ name: "Then Assertion" }],
+        },
+    ],
+};
+exports.implementation = {
+    suites: {
+        Default: "TestPageView basic rendering",
+        Navigation: "TestPageView navigation behavior",
+        ErrorStates: "TestPageView error handling",
+    },
+    givens: {
+        Default: () => ({
+            route: "results",
+            setRoute: () => { },
+            navigate: () => { },
+            projectName: "test-project",
+            testName: "test-suite.test.ts",
+            decodedTestPath: "test-suite",
+            runtime: "node",
+            testData: mockTestData,
+            logs: "Test logs content",
+            typeErrors: "",
+            lintErrors: "",
+            testsExist: true,
+            errorCounts: {
+                runTimeErrors: 0, // BDD test failures
+                typeErrors: 0, // Type checker errors
+                staticErrors: 0, // Linter errors
+            },
+        }),
+        WithErrors: () => ({
+            route: "results",
+            setRoute: () => { },
+            navigate: () => { },
+            projectName: "test-project",
+            testName: "test-suite.test.ts",
+            decodedTestPath: "test-suite",
+            runtime: "node",
+            testData: null, // Missing tests.json indicates BDD failure
+            logs: undefined,
+            typeErrors: "Type error message", // Only shown if tests.json exists
+            lintErrors: "Lint error message", // Only shown if tests.json exists
+            testsExist: false,
+            errorCounts: {
+                runTimeErrors: 1, // Highest priority - BDD failed
+                typeErrors: 2, // Secondary - type errors
+                staticErrors: 3, // Lowest priority - linter errors
+            },
+        }),
+        WithLogs: () => ({
+            route: "logs",
+            setRoute: () => { },
+            navigate: () => { },
+            projectName: "test-project",
+            testName: "test-suite.test.ts",
+            decodedTestPath: "test-suite",
+            runtime: "node",
+            testData: mockTestData,
+            logs: "Detailed test logs\nLine 1\nLine 2",
+            typeErrors: "",
+            lintErrors: "",
+            testsExist: true,
+            errorCounts: {
+                runTimeErrors: 0,
+                typeErrors: 0,
+                staticErrors: 0,
+            },
+        }),
+    },
+    whens: {
+        SwitchToTab: (tabName) => (selection) => {
+            selection.reactElement = React.cloneElement(selection.reactElement, {
+                route: tabName,
+            });
+            ReactDom.createRoot(selection.domRoot).render(selection.reactElement);
+            return selection;
+        },
+        ClickAiderButton: () => (selection) => {
+            const button = selection.container.querySelector('button[aria-label="Aider"]');
+            if (button) {
+                button.click();
+            }
+            return selection;
+        },
+    },
+    thens: {
+        takeScreenshot: (name) => async ({ htmlElement }, pm) => {
+            const p = await pm.page();
+            await pm.customScreenShot({ path: name }, p);
+            return { htmlElement };
+        },
+        RendersNavBar: () => async (selection) => {
+            const navBar = selection.container.querySelector(".navbar");
+            chai_1.assert.isNotNull(navBar);
+            return selection;
+        },
+        ShowsActiveTab: (tabName) => async (selection) => {
+            const activeTab = selection.container.querySelector(".tab-pane.active");
+            chai_1.assert.include(activeTab === null || activeTab === void 0 ? void 0 : activeTab.textContent, tabName);
+            return selection;
+        },
+        ShowsErrorCounts: () => async (selection) => {
+            const badges = selection.container.querySelectorAll(".badge");
+            // First check for BDD failures
+            if (!selection.testsExist) {
+                chai_1.assert.isAbove(badges.length, 0);
+                const bddBadge = selection.container.querySelector(".badge.bg-danger");
+                chai_1.assert.isNotNull(bddBadge);
+            }
+            // Then check type errors if BDD passed
+            else if (selection.errorCounts.typeErrors > 0) {
+                const typeBadge = selection.container.querySelector(".badge.bg-warning");
+                chai_1.assert.isNotNull(typeBadge);
+            }
+            // Finally check linter errors if both above passed
+            else if (selection.errorCounts.staticErrors > 0) {
+                const lintBadge = selection.container.querySelector(".badge.bg-info");
+                chai_1.assert.isNotNull(lintBadge);
+            }
+            return selection;
+        },
+        ShowsTestResults: () => async (selection) => {
+            // Only expect test results if BDD tests passed
+            if (selection.testsExist) {
+                const testResults = selection.container.querySelector(".test-results");
+                chai_1.assert.isNotNull(testResults);
+            }
+            return selection;
+        },
+        ShowsLogs: () => async (selection) => {
+            const logs = selection.container.querySelector("pre");
+            chai_1.assert.isNotNull(logs);
+            return selection;
+        },
+        ShowsTypeErrors: () => async (selection) => {
+            const typeErrors = selection.container.querySelector("#types-tab");
+            chai_1.assert.isNotNull(typeErrors);
+            return selection;
+        },
+        ShowsLintErrors: () => async (selection) => {
+            const lintErrors = selection.container.querySelector("#lint-tab");
+            chai_1.assert.isNotNull(lintErrors);
+            return selection;
+        },
+        AiderButtonCopiesCommand: () => async (selection) => {
+            Object.assign(navigator, {
+                clipboard: {
+                    writeText: jest.fn().mockResolvedValue(undefined),
+                },
+            });
+            await exports.implementation.whens.ClickAiderButton()(selection);
+            chai_1.assert.isTrue(navigator.clipboard.writeText.called);
+            return selection;
+        },
+    },
+};

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const web_1 = __importDefault(require("testeranto-react/src/react-dom/jsx/web"));
+const react_router_dom_1 = require("react-router-dom");
+const implementation_1 = require("./implementation");
+const specification_1 = require("./specification");
+const TestPageView_1 = require("../TestPageView");
+const react_1 = __importDefault(require("react"));
+require("./../../../App.scss");
+const WrappedTestPageView = (props) => (react_1.default.createElement(react_router_dom_1.MemoryRouter, null,
+    react_1.default.createElement(TestPageView_1.TestPageView, Object.assign({}, props))));
+exports.default = (0, web_1.default)(implementation_1.implementation, specification_1.specification, WrappedTestPageView);

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-empty-object-type */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeCard = void 0;
+const react_1 = __importDefault(require("react"));
+const ThemeCard = ({ theme, handleThemeChange, value, title, description, style, }) => (react_1.default.createElement("div", { className: "col-md-4" },
+    react_1.default.createElement("div", { className: `card theme-card ${theme === value ? "border-primary" : ""}`, onClick: () => handleThemeChange({
+            target: { value },
+        }), style: style },
+        react_1.default.createElement("div", { className: "card-body text-center p-3" },
+            react_1.default.createElement("h5", { className: "card-title mb-1" }, title),
+            react_1.default.createElement("p", { className: "small text-muted mb-0" }, description)))));
+exports.ThemeCard = ThemeCard;

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

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeaturesReporter = void 0;
+const react_1 = __importStar(require("react"));
+const FeaturesReporterView_1 = require("../pure/FeaturesReporterView");
+const features_1 = require("../../types/features");
+const FeaturesReporter = () => {
+    const [treeData, setTreeData] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        const fetchProjects = async () => {
+            try {
+                const response = await fetch('testeranto/projects.json');
+                if (!response.ok)
+                    throw new Error('Failed to fetch projects');
+                const projectNames = await response.json();
+                setTreeData((0, features_1.buildTree)(projectNames));
+            }
+            catch (error) {
+                console.error('Error loading projects:', error);
+            }
+        };
+        fetchProjects();
+    }, []);
+    return react_1.default.createElement(FeaturesReporterView_1.FeaturesReporterView, { treeData: treeData });
+};
+exports.FeaturesReporter = FeaturesReporter;

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

@@ -0,0 +1,100 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProjectPage = void 0;
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const ProjectPageView_1 = require("../pure/ProjectPageView");
+const ProjectPage = () => {
+    const [summary, setSummary] = (0, react_1.useState)(null);
+    const [nodeLogs, setNodeLogs] = (0, react_1.useState)(null);
+    const [webLogs, setWebLogs] = (0, react_1.useState)(null);
+    const [pureLogs, setPureLogs] = (0, react_1.useState)(null);
+    const [config, setConfig] = (0, react_1.useState)({});
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [projectName, setProjectName] = (0, react_1.useState)('');
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const location = (0, react_router_dom_1.useLocation)();
+    const [route, setRoute] = (0, react_1.useState)('tests');
+    (0, react_1.useEffect)(() => {
+        const hash = location.hash.replace('#', '');
+        if (hash && ['tests', 'node', 'web', 'pure'].includes(hash)) {
+            setRoute(hash);
+        }
+        else {
+            setRoute('tests');
+        }
+    }, [location.hash]);
+    const { projectName: name } = (0, react_router_dom_1.useParams)();
+    (0, react_1.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_1.default.createElement(ProjectPageView_1.ProjectPageView, { summary: summary, nodeLogs: nodeLogs, webLogs: webLogs, pureLogs: pureLogs, config: config, loading: loading, error: error, projectName: projectName, activeTab: route, setActiveTab: setRoute }));
+};
+exports.ProjectPage = ProjectPage;