testeranto 0.202.0 → 0.205.0

package/src/components/pure/TestPageView_utils.tsx

@@ -1,285 +0,0 @@
-import React from "react";
-
-type TestData = {
-  name: string;
-  givens: {
-    name: string;
-    whens: {
-      name: string;
-      error?: string;
-      features?: string[];
-      artifacts?: string[];
-    }[];
-    thens: {
-      name: string;
-      error?: string;
-      features?: string[];
-      artifacts?: string[];
-    }[];
-    features?: string[];
-    artifacts?: string[];
-  }[];
-};
-
-// Determine language from file extension
-export const getLanguage = (path: string) => {
-  const ext = path.split(".").pop()?.toLowerCase();
-  switch (ext) {
-    case "ts":
-      return "typescript";
-    case "tsx":
-      return "typescript";
-    case "js":
-      return "javascript";
-    case "json":
-      return "json";
-    case "md":
-      return "markdown";
-    default:
-      return "plaintext";
-  }
-};
-
-export const renderTestResults = (
-  testData: TestData,
-  buildErrors,
-  projectName,
-  testName,
-  runtime
-) => {
-  return (
-    <div className="test-results">
-      {testData.givens.map((given, i) => (
-        <div key={i} className="mb-4 card">
-          <div className="card-header bg-primary text-white">
-            <div className="d-flex justify-content-between align-items-center">
-              <div>
-                <h4>Given: {given.name}</h4>
-                {given.features && given.features.length > 0 && (
-                  <div className="mt-1">
-                    <small>Features:</small>
-                    <ul className="list-unstyled">
-                      {given.features.map((feature, fi) => (
-                        <li key={fi}>
-                          {feature.startsWith("http") ? (
-                            <a
-                              href={feature}
-                              target="_blank"
-                              rel="noopener noreferrer"
-                              className="text-white"
-                            >
-                              {new URL(feature).hostname}
-                            </a>
-                          ) : (
-                            <span className="text-white">{feature}</span>
-                          )}
-                        </li>
-                      ))}
-                    </ul>
-                  </div>
-                )}
-              </div>
-              {given.artifacts && given.artifacts.length > 0 && (
-                <div className="dropdown">
-                  <button
-                    className="btn btn-sm btn-light dropdown-toggle"
-                    type="button"
-                    data-bs-toggle="dropdown"
-                  >
-                    Artifacts ({given.artifacts.length})
-                  </button>
-                  <ul className="dropdown-menu dropdown-menu-end">
-                    {given.artifacts.map((artifact, ai) => (
-                      <li key={ai}>
-                        <a
-                          className="dropdown-item"
-                          href={`reports/${projectName}/${testName
-                            .split(".")
-                            .slice(0, -1)
-                            .join(".")}/${runtime}/${artifact}`}
-                          target="_blank"
-                          rel="noopener noreferrer"
-                        >
-                          {artifact.split("/").pop()}
-                        </a>
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-              )}
-            </div>
-          </div>
-          <div className="card-body">
-            {given.whens.map((when, j) => (
-              <div
-                key={`w-${j}`}
-                className={`p-3 mb-2 ${when.error ? "bg-danger text-white" : "bg-success text-white"
-                  }`}
-              >
-                <div className="d-flex justify-content-between align-items-start">
-                  <div>
-                    <div>
-                      <strong>When:</strong> {when.name}
-                      {when.features && when.features.length > 0 && (
-                        <div className="mt-2">
-                          <small>Features:</small>
-                          <ul className="list-unstyled">
-                            {when.features.map((feature, fi) => (
-                              <li key={fi}>
-                                {feature.startsWith("http") ? (
-                                  <a
-                                    href={feature}
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                  >
-                                    {new URL(feature).hostname}
-                                  </a>
-                                ) : (
-                                  feature
-                                )}
-                              </li>
-                            ))}
-                          </ul>
-                        </div>
-                      )}
-                      {when.error && <pre className="mt-2">{when.error}</pre>}
-                    </div>
-                  </div>
-                  {when.artifacts && when.artifacts.length > 0 && (
-                    <div className="ms-3">
-                      <strong>Artifacts:</strong>
-                      <ul className="list-unstyled">
-                        {when.artifacts.map((artifact, ai) => (
-                          <li key={ai}>
-                            <a
-                              href={`reports/${projectName}/${testName
-                                .split(".")
-                                .slice(0, -1)
-                                .join(".")}/${runtime}/${artifact}`}
-                              target="_blank"
-                              className="text-white"
-                              rel="noopener noreferrer"
-                            >
-                              {artifact.split("/").pop()}
-                            </a>
-                          </li>
-                        ))}
-                      </ul>
-                    </div>
-                  )}
-                </div>
-              </div>
-            ))}
-            {given.thens.map((then, k) => (
-              <div
-                key={`t-${k}`}
-                className={`p-3 mb-2 ${then.error ? "bg-danger text-white" : "bg-success text-white"
-                  }`}
-              >
-                <div className="d-flex justify-content-between align-items-start">
-                  <div>
-                    <div>
-                      <strong>Then:</strong> {then.name}
-                      {then.features && then.features.length > 0 && (
-                        <div className="mt-2">
-                          <small>Features:</small>
-                          <ul className="list-unstyled">
-                            {then.features.map((feature, fi) => (
-                              <li key={fi}>
-                                {feature.startsWith("http") ? (
-                                  <a
-                                    href={feature}
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                  >
-                                    {new URL(feature).hostname}
-                                  </a>
-                                ) : (
-                                  feature
-                                )}
-                              </li>
-                            ))}
-                          </ul>
-                        </div>
-                      )}
-                      {then.error && <pre className="mt-2">{then.error}</pre>}
-                    </div>
-                  </div>
-                  {then.artifacts && then.artifacts.length > 0 && (
-                    <div className="ms-3">
-                      <strong>Artifacts:</strong>
-                      <ul className="list-unstyled">
-                        {then.artifacts.map((artifact, ai) => (
-                          <li key={ai}>
-                            <a
-                              href={`reports/${projectName}/${testName
-                                .split(".")
-                                .slice(0, -1)
-                                .join(".")}/${runtime}/${artifact}`}
-                              target="_blank"
-                              className="text-white"
-                              rel="noopener noreferrer"
-                            >
-                              {artifact.split("/").pop()}
-                            </a>
-                          </li>
-                        ))}
-                      </ul>
-                    </div>
-                  )}
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
-      ))}
-      {/* Render build errors and warnings */}
-      {(buildErrors.errors.length > 0 || buildErrors.warnings.length > 0) && (
-        <div className="mb-4 card border-danger">
-          <div className="card-header bg-danger text-white">
-            <h4>Build Errors and Warnings</h4>
-          </div>
-          <div className="card-body">
-            {buildErrors.errors.length > 0 && (
-              <>
-                <h5>Errors</h5>
-                <ul>
-                  {buildErrors.errors.map((error, idx) => (
-                    <li key={`build-error-${idx}`}>
-                      <strong>{error.text}</strong>
-                      {error.location && (
-                        <div>
-                          File: {error.location.file} Line:{" "}
-                          {error.location.line} Column: {error.location.column}
-                        </div>
-                      )}
-                    </li>
-                  ))}
-                </ul>
-              </>
-            )}
-            {buildErrors.warnings.length > 0 && (
-              <>
-                <h5>Warnings</h5>
-                <ul>
-                  {buildErrors.warnings.map((warning, idx) => (
-                    <li key={`build-warning-${idx}`}>
-                      <strong>{warning.text}</strong>
-                      {warning.location && (
-                        <div>
-                          File: {warning.location.file} Line:{" "}
-                          {warning.location.line} Column:{" "}
-                          {warning.location.column}
-                        </div>
-                      )}
-                    </li>
-                  ))}
-                </ul>
-              </>
-            )}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};

package/src/components/stateful/FeaturesReporter.tsx

@@ -1,26 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { useEffect, useState } from 'react';
-
-import { FeaturesReporterView } from '../pure/FeaturesReporterView';
-import { buildTree } from '../../types/features';
-
-export const FeaturesReporter: React.FC = () => {
-  const [treeData, setTreeData] = useState<any[]>([]);
-
-  useEffect(() => {
-    const fetchProjects = async () => {
-      try {
-        const response = await fetch('projects.json');
-        if (!response.ok) throw new Error('Failed to fetch projects');
-        const projectNames: string[] = await response.json();
-        setTreeData(buildTree(projectNames));
-      } catch (error) {
-        console.error('Error loading projects:', error);
-      }
-    };
-
-    fetchProjects();
-  }, []);
-
-  return <FeaturesReporterView treeData={treeData} />;
-};

package/src/components/stateful/GitIntegrationPage.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { GitIntegrationView } from '../pure/GitIntegrationView';
-
-export const GitIntegrationPage = () => {
-  return (
-    <GitIntegrationView />
-  );
-};

package/src/components/stateful/ProcessManagerPage.tsx

@@ -1,104 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { ProcessManagerView, Process } from '../pure/ProcessManagerView';
-import { useWebSocket } from '../../App';
-
-export const ProcessManagerPage: React.FC = () => {
-  const [processes, setProcesses] = useState<Process[]>([]);
-  const { ws } = useWebSocket();
-  const [loading, setLoading] = useState(false);
-  const navigate = useNavigate();
-
-  // Handle WebSocket messages
-  useEffect(() => {
-    if (!ws) return;
-
-    const handleMessage = (event: MessageEvent) => {
-      try {
-        const data = JSON.parse(event.data);
-        if (data.type === 'runningProcesses') {
-          // Processes should come with their full logs
-          setProcesses(data.processes.map((p: any) => ({
-            ...p,
-            status: p.status || 'running',
-            logs: p.logs || []
-          })));
-          setLoading(false);
-        } else if (data.type === 'processStarted') {
-          setProcesses(prev => [...prev, {
-            ...data,
-            status: 'running',
-            logs: data.logs || []
-          }]);
-        } else if (data.type === 'processExited') {
-          setProcesses(prev => prev.map(p =>
-            p.processId === data.processId
-              ? { ...p, status: 'exited', exitCode: data.exitCode }
-              : p
-          ));
-        } else if (data.type === 'processError') {
-          setProcesses(prev => prev.map(p =>
-            p.processId === data.processId
-              ? { ...p, status: 'error', error: data.error }
-              : p
-          ));
-        } else if (data.type === 'processStdout' || data.type === 'processStderr') {
-          setProcesses(prev => prev.map(p =>
-            p.processId === data.processId
-              ? {
-                ...p,
-                logs: [...(p.logs || []), data.data]
-              }
-              : p
-          ));
-        }
-      } catch (error) {
-        console.error('Error parsing process message:', error);
-        setLoading(false);
-      }
-    };
-
-    ws.addEventListener('message', handleMessage);
-
-    // Request current processes when connected
-    if (ws.readyState === WebSocket.OPEN) {
-      setLoading(true);
-      ws.send(JSON.stringify({ type: 'getRunningProcesses' }));
-    }
-
-    return () => {
-      ws.removeEventListener('message', handleMessage);
-    };
-  }, [ws]);
-
-  const handleRefresh = useCallback(() => {
-    if (ws && ws.readyState === WebSocket.OPEN) {
-      setLoading(true);
-      ws.send(JSON.stringify({ type: 'getRunningProcesses' }));
-    }
-  }, [ws]);
-
-  const handleKillProcess = useCallback((processId: string) => {
-    if (ws && ws.readyState === WebSocket.OPEN) {
-      ws.send(JSON.stringify({
-        type: 'killProcess',
-        processId
-      }));
-    }
-  }, [ws]);
-
-  const handleBack = useCallback(() => {
-    navigate('/');
-  }, [navigate]);
-
-  return (
-    // don't put this in AppFrame- this is correct
-    <ProcessManagerView
-      processes={processes}
-      onRefresh={handleRefresh}
-      onBack={handleBack}
-      loading={loading}
-      onKillProcess={handleKillProcess}
-    />
-  );
-};

package/src/components/stateful/ProjectPage.tsx

@@ -1,86 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* 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';
-import { ISummary } from '../../Types';
-import { summaryDotJson } from '../../utils/api';
-
-export const ProjectPage = () => {
-  const [summary, setSummary] = useState<ISummary | null>(null);
-  const [nodeLogs, setNodeLogs] = useState<any>(null);
-  const [webLogs, setWebLogs] = useState<any>(null);
-  const [pureLogs, setPureLogs] = useState<any>(null);
-  const [config, setConfig] = useState<object>({});
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(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(summaryDotJson(name)),
-          fetch(`metafiles/node/${name}.json`),
-          fetch(`metafiles/web/${name}.json`),
-          fetch(`metafiles/pure/${name}.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 (
-    <ProjectPageView
-      summary={summary}
-      nodeLogs={nodeLogs}
-      webLogs={webLogs}
-      pureLogs={pureLogs}
-      config={config}
-      loading={loading}
-      error={error}
-      projectName={projectName}
-      activeTab={route}
-      setActiveTab={setRoute}
-    />
-  );
-};

package/src/components/stateful/ProjectsPage.tsx

@@ -1,100 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import React, { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { ProjectsPageView } from '../pure/ProjectsPageView';
-import { ISummary } from '../../Types';
-import { summaryDotJson } from '../../utils/api';
-import { useWebSocket } from '../../App';
-
-export const ProjectsPage = () => {
-  const [projects, setProjects] = useState<any[]>([]);
-  const [summaries, setSummaries] = useState<Record<string, ISummary>>({});
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-  const [configs, setConfigs] = useState<Record<string, object>>({});
-  const navigate = useNavigate();
-  const { ws } = useWebSocket();
-
-  useEffect(() => {
-    if (!ws) return;
-
-    const handleMessage = (event: MessageEvent) => {
-      try {
-        const data = JSON.parse(event.data);
-        if (data.type === 'summaryUpdate') {
-          // Update summaries when we receive updates
-          setSummaries(prev => ({ ...prev, ...data.data }));
-        }
-      } catch (error) {
-        console.error('Error parsing WebSocket message:', error);
-      }
-    };
-
-    ws.addEventListener('message', handleMessage);
-
-    return () => {
-      ws.removeEventListener('message', handleMessage);
-    };
-  }, [ws]);
-
-  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) => {
-            const [summaryRes, nodeRes, webRes, pureRes, configRes] = await Promise.all([
-              fetch(summaryDotJson(name)),
-              fetch(`metafiles/node/${name}.json`),
-              fetch(`metafiles/web/${name}.json`),
-              fetch(`metafiles/pure/${name}.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 => ({ ...prev, [name]: summary }));
-            setConfigs(prev => ({ ...prev, [name]: configData }));
-
-            return {
-              name,
-              testCount: Object.keys(summary).length,
-              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',
-            };
-          })
-        );
-
-        setProjects(projectsData);
-      } catch (err) {
-        setError(err instanceof Error ? err.message : 'Unknown error');
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchProjects();
-  }, []);
-
-  return (
-    <ProjectsPageView
-      projects={projects}
-      summaries={summaries}
-      configs={configs}
-      loading={loading}
-      error={error}
-      navigate={navigate}
-    />
-  );
-};

package/src/components/stateful/SVGEditor/SVGAttributesEditor.tsx

@@ -1,73 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Form } from 'react-bootstrap';
-import { SVGNode } from '../SVGEditorPage';
-
-interface SVGAttributesEditorProps {
-  node: SVGNode;
-  onUpdateAttributes: (attributes: Record<string, string>) => void;
-  onUpdateTextContent?: (text: string) => void;
-}
-
-export const SVGAttributesEditor: React.FC<SVGAttributesEditorProps> = ({
-  node,
-  onUpdateAttributes,
-  onUpdateTextContent
-}) => {
-  const [attributes, setAttributes] = useState<Record<string, string>>(node.attributes);
-  const [textContent, setTextContent] = useState<string>('');
-
-  useEffect(() => {
-    setAttributes(node.attributes);
-    // For text and tspan nodes, we might want to handle text content
-    // This is a simple approach - in a real implementation, you'd need to track text content separately
-  }, [node.id]);
-
-  const handleAttributeChange = (key: string, value: string) => {
-    const newAttributes = { ...attributes, [key]: value };
-    setAttributes(newAttributes);
-    onUpdateAttributes(newAttributes);
-  };
-
-  // const handleTextContentChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-  //   const newText = e.target.value;
-  //   setTextContent(newText);
-  //   if (onUpdateTextContent) {
-  //     onUpdateTextContent(newText);
-  //   }
-  // };
-
-  return (
-    <div>
-
-
-      {Object.entries(attributes).map(([key, value]) => (
-        <Form.Group key={key} className="mb-2">
-          <Form.Label>{key}</Form.Label>
-          <Form.Control
-            type="text"
-            value={value}
-            onChange={(e) => handleAttributeChange(key, e.target.value)}
-          />
-        </Form.Group>
-      ))}
-      {/* Add new attribute */}
-      <Form.Group>
-        <Form.Label>Add New Attribute</Form.Label>
-        <Form.Control
-          type="text"
-          placeholder="attribute=value"
-          onKeyPress={(e) => {
-            if (e.key === 'Enter') {
-              const target = e.target as HTMLInputElement;
-              const [key, value] = target.value.split('=');
-              if (key && value) {
-                handleAttributeChange(key.trim(), value.trim());
-                target.value = '';
-              }
-            }
-          }}
-        />
-      </Form.Group>
-    </div>
-  );
-};