testeranto 0.158.1 → 0.160.0

package/notify.sh

@@ -0,0 +1,47 @@
+#!/bin/zsh
+
+# NOTIFICATION SYSTEM DOCUMENTATION
+# ================================
+# This script plays system sounds for CI/CD notifications. The AI assistant uses it to:
+# 1. Alert when human input is needed
+# 2. Signal completion of tasks
+# 3. Indicate errors/warnings
+
+# USAGE:
+# ./notify.sh [sound] [volume]
+#   sound:  Any from the list below (default: Ping)
+#   volume: 0-1 (default: 1)
+
+# AVAILABLE SOUNDS:
+# Basso    - Low pitch error sound (use for critical failures)
+# Blow     - Quick negative sound 
+# Bottle   - Light glass ping
+# Frog     - Unique attention-grabber
+# Funk     - Positive completion sound
+# Glass    - Clean success notification  
+# Hero     - Triumphant completion
+# Morse    - For process-related events
+# Ping     - Default neutral notification
+# Pop      - Light positive sound
+# Purr     - Subtle background notification
+# Sosumi   - Urgent alert sound
+# Submarine- Deep warning sound
+# Tink     - High-pitched attention sound
+
+# STANDARD USAGE PATTERNS:
+# [ACTION NEEDED]  -> ./notify.sh Sosumi 0.8
+# [COMPLETED]      -> ./notify.sh Glass 0.5  
+# [ERROR]          -> ./notify.sh Basso 1
+# [WARNING]        -> ./notify.sh Tink 0.6
+# [WORKING]        -> ./notify.sh Morse 0.3
+
+SOUND=${1:-Ping}
+VOLUME=${2:-1} # Range: 0 (silent) to 1 (full volume)
+
+# Play the specified system sound
+afplay -v $VOLUME /System/Library/Sounds/$SOUND.aiff
+
+# Exit codes:
+# 0 - Success
+# 1 - Invalid sound specified
+# 2 - Volume out of range

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "testeranto",
   "description": "the AI powered BDD test framework for typescript projects",
-  "version": "0.158.1",
+  "version": "0.160.0",
   "engines": {
     "node": "18.18.0"
   },
@@ -212,4 +212,4 @@
     "url": "^0.11.4",
     "uuid": "^10.0.0"
   }
-}
+}

package/src/Init.ts

@@ -6,11 +6,11 @@ export default async () => {
     `testeranto/`,
     `testeranto/bundles/`,
     `testeranto/bundles/node`,
-    `testeranto/bundles/pure`,
     `testeranto/bundles/web`,
-    `testeranto/externalTests/`,
-    `testeranto/features/`,
+    `testeranto/bundles/pure`,
     `testeranto/reports/`,
+    `testeranto/features/`,
+    `testeranto/externalTests/`,
   ].forEach((f) => {
     try {
       fs.mkdirSync(`${process.cwd()}/${f}`);

package/src/ProjectPage.tsx

@@ -1,5 +1,185 @@
 import React, { useEffect, useState } from 'react';
-import { Navbar, Nav, Tab, Container, Alert, Badge, Table, Button } from 'react-bootstrap';
+import { Tab } from 'react-bootstrap';
+import { Card, ListGroup, Badge } from 'react-bootstrap';
+
+const BuildLogViewer = ({ logs, runtime }: { logs: any, runtime: string }) => {
+  if (!logs) return <Alert variant="info">Loading {runtime.toLowerCase()} build logs...</Alert>;
+
+  const hasErrors = logs.errors?.length > 0;
+  const hasWarnings = logs.warnings?.length > 0;
+  const [activeTab, setActiveTab] = useState('summary');
+
+  return (
+    <div>
+      <Tab.Container activeKey={activeTab} onSelect={(k) => setActiveTab(k || 'summary')}>
+        <Nav variant="tabs" className="mb-3">
+          <Nav.Item>
+            <Nav.Link eventKey="summary">
+              Build Summary
+            </Nav.Link>
+          </Nav.Item>
+          <Nav.Item>
+            <Nav.Link eventKey="warnings">
+              {hasWarnings ? `⚠️ Warnings (${logs.warnings.length})` : 'Warnings'}
+            </Nav.Link>
+          </Nav.Item>
+          <Nav.Item>
+            <Nav.Link eventKey="errors">
+              {hasErrors ? `❌ Errors (${logs.errors.length})` : 'Errors'}
+            </Nav.Link>
+          </Nav.Item>
+        </Nav>
+
+        <Tab.Content>
+          <Tab.Pane eventKey="summary">
+            <Card>
+              <Card.Header className="d-flex justify-content-between align-items-center">
+                <h5>Build Summary</h5>
+                <div>
+                  {hasErrors && (
+                    <Badge bg="danger" className="me-2">
+                      {logs.errors.length} Error{logs.errors.length !== 1 ? 's' : ''}
+                    </Badge>
+                  )}
+                  {hasWarnings && (
+                    <Badge bg="warning" text="dark">
+                      {logs.warnings.length} Warning{logs.warnings.length !== 1 ? 's' : ''}
+                    </Badge>
+                  )}
+                  {!hasErrors && !hasWarnings && (
+                    <Badge bg="success">Build Successful</Badge>
+                  )}
+                </div>
+              </Card.Header>
+              <Card.Body>
+                <div className="mb-3">
+                  <h6>Input Files ({Object.keys(logs.metafile?.inputs || {}).length})</h6>
+                  <ListGroup className="max-h-200 overflow-auto">
+                    {Object.keys(logs.metafile?.inputs || {}).map((file) => (
+                      <ListGroup.Item key={file} className="py-2">
+                        <code>{file}</code>
+                        <div className="text-muted small">
+                          {logs.metafile.inputs[file].bytes} bytes
+                        </div>
+                      </ListGroup.Item>
+                    ))}
+                  </ListGroup>
+                </div>
+                <div>
+                  <h6>Output Files ({Object.keys(logs.metafile?.outputs || {}).length})</h6>
+                  <ListGroup className="max-h-200 overflow-auto">
+                    {Object.keys(logs.metafile?.outputs || {}).map((file) => (
+                      <ListGroup.Item key={file} className="py-2">
+                        <code>{file}</code>
+                        <div className="text-muted small">
+                          {logs.metafile.outputs[file].bytes} bytes
+                          {logs.metafile.outputs[file].entryPoint && (
+                            <span className="ms-2 badge bg-info">Entry Point</span>
+                          )}
+                        </div>
+                      </ListGroup.Item>
+                    ))}
+                  </ListGroup>
+                </div>
+              </Card.Body>
+            </Card>
+
+          </Tab.Pane>
+          <Tab.Pane eventKey="warnings">
+            {hasWarnings ? (
+              <Card className="border-warning">
+                <Card.Header className="bg-warning text-white d-flex justify-content-between align-items-center">
+                  <span>Build Warnings ({logs.warnings.length})</span>
+                  <Badge bg="light" text="dark">
+                    {new Date().toLocaleString()}
+                  </Badge>
+                </Card.Header>
+                <Card.Body className="p-0">
+                  <ListGroup variant="flush">
+                    {logs.warnings.map((warn: any, i: number) => (
+                      <ListGroup.Item key={i} className="text-warning">
+                        <div className="d-flex justify-content-between">
+                          <strong>
+                            {warn.location?.file || 'Unknown file'}
+                            {warn.location?.line && `:${warn.location.line}`}
+                          </strong>
+                          <small className="text-muted">
+                            {warn.pluginName ? `[${warn.pluginName}]` : ''}
+                          </small>
+                        </div>
+                        <div className="mt-1">
+                          <pre className="mb-0 p-2 bg-light rounded">
+                            {warn.text || warn.message || JSON.stringify(warn)}
+                          </pre>
+                        </div>
+                        {warn.detail && (
+                          <div className="mt-1 small text-muted">
+                            <pre className="mb-0 p-2 bg-light rounded">
+                              {warn.detail}
+                            </pre>
+                          </div>
+                        )}
+                      </ListGroup.Item>
+                    ))}
+                  </ListGroup>
+                </Card.Body>
+              </Card>
+            ) : (
+              <Alert variant="info">No warnings found</Alert>
+            )}
+          </Tab.Pane>
+          <Tab.Pane eventKey="errors">
+            {hasErrors ? (
+              <Card className="border-danger">
+                <Card.Header className="bg-danger text-white d-flex justify-content-between align-items-center">
+                  <span>Build Errors ({logs.errors.length})</span>
+                  <Badge bg="light" text="dark">
+                    {new Date().toLocaleString()}
+                  </Badge>
+                </Card.Header>
+                <Card.Body className="p-0">
+                  <ListGroup variant="flush">
+                    {logs.errors.map((err: any, i: number) => (
+                      <ListGroup.Item key={i} className="text-danger">
+                        <div className="d-flex justify-content-between">
+                          <strong>
+                            {err.location?.file || 'Unknown file'}
+                            {err.location?.line && `:${err.location.line}`}
+                          </strong>
+                          <small className="text-muted">
+                            {err.pluginName ? `[${err.pluginName}]` : ''}
+                          </small>
+                        </div>
+                        <div className="mt-1">
+                          <pre className="mb-0 p-2 bg-light rounded">
+                            {err.text || err.message || JSON.stringify(err)}
+                          </pre>
+                        </div>
+                        {err.detail && (
+                          <div className="mt-1 small text-muted">
+                            <pre className="mb-0 p-2 bg-light rounded">
+                              {err.detail}
+                            </pre>
+                          </div>
+                        )}
+                      </ListGroup.Item>
+                    ))}
+                  </ListGroup>
+                </Card.Body>
+              </Card>
+            ) : (
+              <Alert variant="success">
+                <h5>No Errors Found</h5>
+                <p className="mb-0">The build completed without any errors.</p>
+              </Alert>
+            )}
+          </Tab.Pane>
+        </Tab.Content>
+      </Tab.Container>
+    </div>
+  );
+};
+import { Navbar, Nav, Tab, Container, Alert, Badge, Table, Button, Card } from 'react-bootstrap';
 import { useParams, useNavigate, useLocation, Link } from 'react-router-dom';
 
 import { ISummary } from './Types';
@@ -95,24 +275,37 @@ export const ProjectPage = () => {
         title={projectName}
         backLink="/"
         navItems={[
-          { to: `#tests`, label: 'Tests', active: route === 'tests' },
+          { 
+            to: `#tests`, 
+            label: Object.values(summary).some(t => t.runTimeErrors > 0) ? '❌ Tests' : 
+                  Object.values(summary).some(t => t.typeErrors > 0 || t.staticErrors > 0) ? '⚠️ Tests' : '✅ Tests',
+            active: route === 'tests',
+            className: Object.values(summary).some(t => t.runTimeErrors > 0) ? 'text-danger fw-bold' : 
+                     Object.values(summary).some(t => t.typeErrors > 0 || t.staticErrors > 0) ? 'text-warning fw-bold' : ''
+          },
           {
             to: `#node`,
-            label: nodeLogs?.errors?.length ? '❌ Node Build' : '✅ Node Build',
+            label: nodeLogs?.errors?.length ? '❌ Node Build' : 
+                  nodeLogs?.warnings?.length ? '⚠️ Node Build' : 'Node Build',
             active: route === 'node',
-            className: nodeLogs?.errors?.length ? 'text-danger fw-bold' : 'text-success fw-bold'
+            className: nodeLogs?.errors?.length ? 'text-danger fw-bold' : 
+                     nodeLogs?.warnings?.length ? 'text-warning fw-bold' : ''
           },
           {
             to: `#web`,
-            label: webLogs?.errors?.length ? '❌ Web Build' : '✅ Web Build',
+            label: webLogs?.errors?.length ? '❌ Web Build' : 
+                  webLogs?.warnings?.length ? '⚠️ Web Build' : 'Web Build',
             active: route === 'web',
-            className: webLogs?.errors?.length ? 'text-danger fw-bold' : 'text-success fw-bold'
+            className: webLogs?.errors?.length ? 'text-danger fw-bold' : 
+                     webLogs?.warnings?.length ? 'text-warning fw-bold' : ''
           },
           {
             to: `#pure`,
-            label: pureLogs?.errors?.length ? '❌ Pure Build' : '✅ Pure Build',
+            label: pureLogs?.errors?.length ? '❌ Pure Build' : 
+                  pureLogs?.warnings?.length ? '⚠️ Pure Build' : 'Pure Build',
             active: route === 'pure',
-            className: pureLogs?.errors?.length ? 'text-danger fw-bold' : 'text-success fw-bold'
+            className: pureLogs?.errors?.length ? 'text-danger fw-bold' : 
+                     pureLogs?.warnings?.length ? 'text-warning fw-bold' : ''
           },
         ]}
       />
@@ -129,7 +322,6 @@ export const ProjectPage = () => {
               <thead>
                 <tr>
                   <th>Test</th>
-                  <th>Build logs</th>
                   <th>BDD Errors</th>
                   <th>Type Errors</th>
                   <th>Lint Errors</th>
@@ -147,11 +339,6 @@ export const ProjectPage = () => {
                           {testName}
                         </a>
                       </td>
-                      <td>
-                        <a href={`#/projects/${projectName}#${runTime}`}>
-                          {runTime} {testData.runTimeErrors === 0 ? '✅' : '❌'}
-                        </a>
-                      </td>
                       <td>
                         <a href={`#/projects/${projectName}/tests/${encodeURIComponent(testName)}/${runTime}#results`}>
                           {testData.runTimeErrors === 0 ? '✅ Passed' :
@@ -176,34 +363,13 @@ export const ProjectPage = () => {
             </Table>
           </Tab.Pane>
           <Tab.Pane eventKey="node">
-            <ul>
-              {nodeLogs.errors.map((err, i) => (
-                <li key={i}>{err.text || err.message || JSON.stringify(err)}</li>
-              ))}
-            </ul>
-            <pre className="bg-dark text-white p-3">
-              {nodeLogs ? JSON.stringify(nodeLogs, null, 2) : 'Loading node build logs...'}
-            </pre>
+            <BuildLogViewer logs={nodeLogs} runtime="Node" />
           </Tab.Pane>
           <Tab.Pane eventKey="web">
-            <ul>
-              {webLogs.errors.map((err, i) => (
-                <li key={i}>{err.text || err.message || JSON.stringify(err)}</li>
-              ))}
-            </ul>
-            <pre className="bg-dark text-white p-3">
-              {webLogs ? JSON.stringify(webLogs, null, 2) : 'Loading web build logs...'}
-            </pre>
+            <BuildLogViewer logs={webLogs} runtime="Web" />
           </Tab.Pane>
           <Tab.Pane eventKey="pure">
-            <ul>
-              {pureLogs.errors.map((err, i) => (
-                <li key={i}>{err.text || err.message || JSON.stringify(err)}</li>
-              ))}
-            </ul>
-            <pre className="bg-dark text-white p-3">
-              {pureLogs ? JSON.stringify(pureLogs, null, 2) : 'Loading pure build logs...'}
-            </pre>
+            <BuildLogViewer logs={pureLogs} runtime="Pure" />
           </Tab.Pane>
         </Tab.Content>
       </Tab.Container>

package/src/ProjectsPage.tsx

@@ -54,9 +54,9 @@ export const ProjectsPage = () => {
             return {
               name,
               testCount: Object.keys(summary).length,
-              nodeStatus: nodeData.errors?.length ? 'failed' : 'success',
-              webStatus: webData.errors?.length ? 'failed' : 'success',
-              pureStatus: pureData.errors?.length ? 'failed' : 'success',
+              nodeStatus: nodeData.errors?.length ? 'failed' : nodeData.warnings?.length ? 'warning' : 'success',
+              webStatus: webData.errors?.length ? 'failed' : webData.warnings?.length ? 'warning' : 'success',
+              pureStatus: pureData.errors?.length ? 'failed' : pureData.warnings?.length ? 'warning' : 'success',
               config: Object.keys(configData).length,
             };
           })
@@ -77,6 +77,7 @@ export const ProjectsPage = () => {
     switch (status) {
       case 'success': return '✅';
       case 'failed': return '❌';
+      case 'warning': return '⚠️';
       default: return '❓';
     }
   };
@@ -112,11 +113,17 @@ export const ProjectsPage = () => {
                 <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 (
                         <div key={testName}>
-                          <a href={`#/projects/${project.name}/tests/${encodeURIComponent(testName)}/${runTime}`}>
+                          <a
+                            href={`#/projects/${project.name}/tests/${encodeURIComponent(testName)}/${runTime}`}
+                          >
+                            {hasRuntimeErrors ? '❌ ' : hasStaticErrors ? '⚠️ ' : ''}
                             {testName.split('/').pop()}
                           </a>
                         </div>
@@ -128,27 +135,24 @@ export const ProjectsPage = () => {
                 </div>
               </td>
               <td>
-                <a href={`#/projects/${project.name}#node`}>
-                  {getStatusIcon(project.nodeStatus)}
-                  {project.nodeStatus === 'failed' && (
-                    <Badge bg="danger" className="ms-2">Failed</Badge>
-                  )}
+                <a
+                  href={`#/projects/${project.name}#node`}
+                >
+                  {getStatusIcon(project.nodeStatus)} Node build logs
                 </a>
               </td>
               <td>
-                <a href={`#/projects/${project.name}#web`}>
-                  {getStatusIcon(project.webStatus)}
-                  {project.webStatus === 'failed' && (
-                    <Badge bg="danger" className="ms-2">Failed</Badge>
-                  )}
+                <a
+                  href={`#/projects/${project.name}#web`}
+                >
+                  {getStatusIcon(project.webStatus)} Web build logs
                 </a>
               </td>
               <td>
-                <a href={`#/projects/${project.name}#pure`}>
-                  {getStatusIcon(project.pureStatus)}
-                  {project.pureStatus === 'failed' && (
-                    <Badge bg="danger" className="ms-2">Failed</Badge>
-                  )}
+                <a
+                  href={`#/projects/${project.name}#pure`}
+                >
+                  {getStatusIcon(project.pureStatus)} Pure build logs
                 </a>
               </td>
             </tr>

package/src/TestPage.tsx

@@ -43,6 +43,13 @@ export const TestPage = () => {
   const [lintErrors, setLintErrors] = useState<string>('');
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
+  const [testsExist, setTestsExist] = useState<boolean>(true);
+  const [errorCounts, setErrorCounts] = useState({
+    typeErrors: 0,
+    staticErrors: 0,
+    runTimeErrors: 0
+  });
+  const [summary, setSummary] = useState<any>(null);
 
   const { projectName, '*': splat } = useParams();
   const pathParts = splat ? splat.split('/') : [];
@@ -57,13 +64,36 @@ export const TestPage = () => {
 
     const fetchData = async () => {
       try {
-        const { testData, logs, typeErrors, lintErrors } = await fetchTestData(projectName, testPath, runtime);
-        setTestData(testData);
-        setLogs(logs);
-        setTypeErrors(typeErrors);
-        setLintErrors(lintErrors);
+        // First fetch test data
+        const testResponse = await fetchTestData(projectName, testPath, runtime);
+        setTestData(testResponse.testData);
+        setTestsExist(!!testResponse.testData);
+        setLogs(testResponse.logs);
+        setTypeErrors(testResponse.typeErrors);
+        setLintErrors(testResponse.lintErrors);
+
+        // Then fetch summary.json
+        try {
+          const summaryResponse = await fetch(`reports/${projectName}/summary.json`);
+          if (!summaryResponse.ok) throw new Error('Failed to fetch summary');
+          const allSummaries = await summaryResponse.json();
+          const testSummary = allSummaries[testPath];
+
+          console.log("testSummary", testSummary)
+          if (testSummary) {
+            setSummary(testSummary);
+            setErrorCounts({
+              typeErrors: testSummary.typeErrors || 0,
+              staticErrors: testSummary.staticErrors || 0,
+              runTimeErrors: testSummary.runTimeErrors || 0
+            });
+          }
+        } catch (err) {
+          console.error('Failed to load summary:', err);
+        }
       } catch (err) {
         setError(err instanceof Error ? err.message : 'Unknown error');
+        setTestsExist(false);
       } finally {
         setLoading(false);
       }
@@ -83,30 +113,30 @@ export const TestPage = () => {
         navItems={[
           {
             to: `#results`,
-            label: testData?.givens.some(g => g.whens.some(w => w.error) || g.thens.some(t => t.error))
+            label: !testsExist
               ? '❌ BDD'
-              : '✅ BDD',
+              : testData?.givens.some(g => g.whens.some(w => w.error) || g.thens.some(t => t.error))
+                ? '❌ BDD'
+                : '✅ BDD',
             active: route === 'results'
           },
           {
             to: `#logs`,
-            label: logs?.includes('error') || logs?.includes('fail')
-              ? '❌ Logs'
-              : '✅ Logs',
+            label: `Runtime logs`,
             active: route === 'logs'
           },
           {
             to: `#types`,
-            label: typeErrors
-              ? `❌ ${typeErrors.split('\n').filter(l => l.includes('error')).length} Type Errors`
-              : '✅ Type check',
+            label: errorCounts.typeErrors > 0
+              ? `tsc (❌ * ${errorCounts.typeErrors})`
+              : 'tsc ✅ ',
             active: route === 'types'
           },
           {
             to: `#lint`,
-            label: lintErrors
-              ? `❌ ${lintErrors.split('\n').filter(l => l.includes('error')).length} Lint Errors`
-              : '✅ Lint',
+            label: errorCounts.staticErrors > 0
+              ? `eslint (❌ *${errorCounts.staticErrors}) `
+              : 'eslint ✅',
             active: route === 'lint'
           },
 
@@ -114,7 +144,18 @@ export const TestPage = () => {
         rightContent={
           <Button
             variant="info"
-            onClick={() => alert("Magic robot activated!")}
+            onClick={async () => {
+              try {
+                const promptPath = `testeranto/reports/${projectName}/${testPath.split('.').slice(0, -1).join('.')}/${runtime}/prompt.txt`;
+                const messagePath = `testeranto/reports/${projectName}/${testPath.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"
           >
             🤖
@@ -132,7 +173,27 @@ export const TestPage = () => {
 
         <Tab.Content className="mt-3">
           <Tab.Pane eventKey="results">
-            {testData ? (
+            {!testsExist ? (
+              <Alert variant="danger" className="mt-3">
+                <h4>Tests did not run to completion</h4>
+                <p>The test results file (tests.json) was not found or could not be loaded.</p>
+                <div className="mt-3">
+                  <Button
+                    variant="outline-light"
+                    onClick={() => setRoute('logs')}
+                    className="me-2"
+                  >
+                    View Runtime Logs
+                  </Button>
+                  <Button
+                    variant="outline-light"
+                    onClick={() => navigate(`/projects/${projectName}#${runtime}`)}
+                  >
+                    View Build Logs
+                  </Button>
+                </div>
+              </Alert>
+            ) : testData ? (
               <div className="test-results">
                 <div className="mb-3">