testeranto 0.203.0 → 0.205.0

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}
-    />
-  );
-};