@adcops/autocore-react 3.3.48 → 3.3.54

package/src/components/ResultHistoryTable.tsx

@@ -1,162 +0,0 @@
-import React, { useState, useEffect, useContext } from 'react';
-import { DataTable } from 'primereact/datatable';
-import { Column } from 'primereact/column';
-import { Button } from 'primereact/button';
-import { EventEmitterContext } from '../core/EventEmitterContext';
-import { MessageType } from '../hub/CommandMessage';
-
-export interface ResultHistoryTableProps {
-    projectId: string;
-    definitionId: string;
-}
-
-/**
- * Convert a results `raw_data` blob (`{ colA: [...], colB: [...], ... }`) into
- * a CSV string. Keys with scalar (non-array) values are skipped; array lengths
- * are truncated to the shortest column so the grid is rectangular.
- *
- * Column order: `t` first if present (it's the canonical x-axis in every
- * current test schema), then the remaining keys in their JSON order. Each
- * cell is quoted only when it contains a comma, quote, or newline — matching
- * RFC 4180.
- */
-const rawBlobToCsv = (blob: any): string => {
-    if (!blob || typeof blob !== 'object') return '';
-
-    const entries: Array<[string, any[]]> = Object.entries(blob)
-        .filter(([, v]) => Array.isArray(v)) as Array<[string, any[]]>;
-    if (entries.length === 0) return '';
-
-    entries.sort(([a], [b]) => (a === 't' ? -1 : b === 't' ? 1 : 0));
-
-    const columns = entries.map(([k]) => k);
-    const nRows   = entries.reduce((min, [, arr]) => Math.min(min, arr.length), Infinity);
-
-    const escape = (v: any): string => {
-        if (v === null || v === undefined) return '';
-        const s = String(v);
-        return /[",\n\r]/.test(s) ? `"${s.replace(/"/g, '""')}"` : s;
-    };
-
-    const lines: string[] = [columns.join(',')];
-    for (let i = 0; i < nRows; i++) {
-        lines.push(entries.map(([, arr]) => escape(arr[i])).join(','));
-    }
-    return lines.join('\n');
-};
-
-/**
- * Browser download shim: turn a string into a transient blob URL, click it,
- * and clean up. Works without any extra libraries.
- */
-const downloadCsv = (filename: string, csv: string) => {
-    const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
-    const url  = URL.createObjectURL(blob);
-    const a    = document.createElement('a');
-    a.href     = url;
-    a.download = filename;
-    document.body.appendChild(a);
-    a.click();
-    a.remove();
-    URL.revokeObjectURL(url);
-};
-
-export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = ({ projectId, definitionId }) => {
-    const [tests, setTests] = useState<any[]>([]);
-    const [loading, setLoading] = useState(false);
-    const [downloadingRunId, setDownloadingRunId] = useState<string | null>(null);
-    const { invoke } = useContext(EventEmitterContext);
-
-    const loadTests = async () => {
-        setLoading(true);
-        try {
-            const resp: any = await invoke('results.list_tests' as any, MessageType.Request, {
-                project_id: projectId,
-                definition_id: definitionId
-            } as any);
-            if (resp.success && resp.data && resp.data.tests) {
-                setTests(resp.data.tests);
-            }
-        } catch (err) {
-            console.error("Failed to load tests", err);
-        }
-        setLoading(false);
-    };
-
-    useEffect(() => {
-        loadTests();
-    }, [projectId, definitionId]);
-
-    const formatDate = (dateStr: string) => {
-        if (!dateStr) return '';
-        return new Date(dateStr).toLocaleString();
-    };
-
-    const handleDownload = async (rowData: any) => {
-        const runId = rowData?.run_id;
-        if (!runId) return;
-        setDownloadingRunId(runId);
-        try {
-            const resp: any = await invoke('results.read_raw' as any, MessageType.Request, {
-                project_id:    projectId,
-                definition_id: definitionId,
-                run_id:        runId,
-                name:          'trace',
-            } as any);
-
-            if (!resp?.success || !resp.data) {
-                console.warn('results.read_raw returned no data for', runId, resp?.error_message);
-                alert(`No raw trace available for ${runId}${resp?.error_message ? `: ${resp.error_message}` : ''}`);
-                return;
-            }
-
-            const csv = rawBlobToCsv(resp.data);
-            if (!csv) {
-                alert(`Raw trace for ${runId} is empty or has no array columns.`);
-                return;
-            }
-            downloadCsv(`${projectId}_${definitionId}_${runId}.csv`, csv);
-        } catch (err) {
-            console.error('Failed to download raw trace', err);
-            alert(`Download failed: ${err instanceof Error ? err.message : String(err)}`);
-        } finally {
-            setDownloadingRunId(null);
-        }
-    };
-
-    return (
-        <div>
-            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '1rem' }}>
-                <h3>Test History: {definitionId}</h3>
-                <Button icon="pi pi-refresh" label="Refresh" onClick={loadTests} disabled={loading} />
-            </div>
-
-            <DataTable value={tests} loading={loading} paginator rows={10} emptyMessage="No tests found.">
-                <Column field="run_id" header="Run ID" sortable />
-                <Column field="start_time" header="Date/Time" body={(rowData) => formatDate(rowData.start_time)} sortable />
-                <Column header="Config / Results" body={(rowData) => (
-                    <div style={{ fontSize: '0.85em', color: 'var(--text-secondary-color)' }}>
-                        <div><strong>Config:</strong> {JSON.stringify(rowData.config)}</div>
-                        <div><strong>Results:</strong> {JSON.stringify(rowData.results)}</div>
-                    </div>
-                )} />
-                <Column
-                    header="Raw Data"
-                    style={{ width: '8rem' }}
-                    body={(rowData) => (
-                        <Button
-                            icon={downloadingRunId === rowData.run_id ? 'pi pi-spin pi-spinner' : 'pi pi-download'}
-                            label="CSV"
-                            size="small"
-                            outlined
-                            disabled={downloadingRunId !== null}
-                            onClick={() => handleDownload(rowData)}
-                            tooltip={`Download raw_data/trace.json as CSV`}
-                            tooltipOptions={{ position: 'left' }}
-                        />
-                    )}
-                />
-            </DataTable>
-        </div>
-    );
-};

package/src/components/TestSetupForm.tsx

@@ -1,255 +0,0 @@
-import React, { useState, useEffect, useContext } from 'react';
-import { AutoComplete } from 'primereact/autocomplete';
-import type { AutoCompleteCompleteEvent } from 'primereact/autocomplete';
-import { EventEmitterContext } from '../core/EventEmitterContext';
-import { AutoCoreTagContext } from '../core/AutoCoreTagContext';
-import { MessageType } from '../hub/CommandMessage';
-import { ValueInput } from './ValueInput';
-import { TextInput } from './TextInput';
-import { InputText } from 'primereact/inputtext';
-
-export interface TestFieldDef {
-    name: string;
-    type: string;
-    units?: string;
-    required?: boolean;
-    source?: string;
-}
-
-export interface TestDefinition {
-    project_fields: TestFieldDef[];
-    config_fields: TestFieldDef[];
-    cycle_fields: TestFieldDef[];
-    results_fields: TestFieldDef[];
-}
-
-export interface TestSetupFormProps {
-    schema: TestDefinition;
-    defaultProjectId?: string;
-    defaultDefinitionId?: string;
-    onProjectChange?: (projectId: string) => void;
-    onDefinitionChange?: (definitionId: string) => void;
-    onValidationChange?: (isValid: boolean, config: any) => void;
-}
-
-export const TestSetupForm: React.FC<TestSetupFormProps> = ({ 
-    schema, 
-    defaultProjectId = "", 
-    defaultDefinitionId = "default", 
-    onProjectChange,
-    onDefinitionChange,
-    onValidationChange
-}) => {
-    const [config, setConfig] = useState<any>({});
-    const [projectId, setProjectId] = useState<string>(defaultProjectId);
-    const [definitionId, setDefinitionId] = useState<string>(defaultDefinitionId);
-    
-    // Notify parent when projectId or definitionId changes
-    useEffect(() => {
-        if (onProjectChange) onProjectChange(projectId);
-    }, [projectId, onProjectChange]);
-
-    useEffect(() => {
-        if (onDefinitionChange) onDefinitionChange(definitionId);
-    }, [definitionId, onDefinitionChange]);
-    
-    const [existingProjects, setExistingProjects] = useState<string[]>([]);
-    const [filteredProjects, setFilteredProjects] = useState<string[]>([]);
-    
-    const [isValid, setIsValid] = useState(false);
-    const { invoke, write } = useContext(EventEmitterContext);
-    const { rawValues, findTagByFqdn } = useContext(AutoCoreTagContext);
-
-    // Seed and live-update fields that declare a `source`.
-    //
-    // The schema's `source` is the remote FQDN (e.g. "gm.x_cycle_move_speed"),
-    // but the event bus dispatches on the local `tagName` that the
-    // AutoCoreTagProvider registered. We resolve FQDN → tagName via
-    // `findTagByFqdn` and then read straight from the provider's `rawValues`,
-    // which the provider already eager-reads on mount and keeps current via
-    // subscriptions. That single source covers both the initial population
-    // (page reload / definition change) and live updates — no separate
-    // subscribe or invoke needed here.
-    useEffect(() => {
-        if (!schema) return;
-
-        const allFields = [...schema.project_fields, ...schema.config_fields];
-
-        setConfig((prev: any) => {
-            let next = prev;
-            for (const field of allFields) {
-                if (!field.source) continue;
-
-                const tag = findTagByFqdn(field.source);
-                if (!tag) {
-                    console.warn(
-                        `TestSetupForm: no tag registered for source "${field.source}" ` +
-                        `(field "${field.name}"). Add it to acTagSpec with "ux": true ` +
-                        `in project.json, or this field won't populate or update.`
-                    );
-                    continue;
-                }
-
-                const rawVal = rawValues[tag.tagName];
-                if (rawVal === undefined || rawVal === null) continue;
-                if (next[field.name] === rawVal) continue;
-
-                if (next === prev) next = { ...prev };
-                next[field.name] = rawVal;
-            }
-            return next;
-        });
-    }, [schema, rawValues, findTagByFqdn]);
-
-    useEffect(() => {
-        const fetchProjects = async () => {
-            try {
-                const resp: any = await invoke('results.list_projects' as any, MessageType.Request as any, {} as any);
-                if (resp.success && resp.data && resp.data.projects) {
-                    setExistingProjects(resp.data.projects);
-                }
-            } catch (err) {
-                console.error("Failed to list projects", err);
-            }
-        };
-        fetchProjects();
-    }, [invoke]);
-
-    const searchProjects = (event: AutoCompleteCompleteEvent) => {
-        const query = event.query.toLowerCase();
-        setFilteredProjects(existingProjects.filter(p => p.toLowerCase().includes(query)));
-    };
-
-    const handleDefinitionIdChange = (value: string) => {
-        const sanitized = value.replace(/[^a-zA-Z0-9_]/g, '');
-        setDefinitionId(sanitized);
-    };
-
-    useEffect(() => {
-        if (!schema) return;
-        let valid = true;
-        if (!projectId || projectId.trim() === '') valid = false;
-        if (!definitionId || definitionId.trim() === '') valid = false;
-        
-        const allFields = [...schema.project_fields, ...schema.config_fields];
-        
-        for (const field of allFields) {
-            if (field.required) {
-                if (config[field.name] === undefined || config[field.name] === '' || config[field.name] === null) {
-                    valid = false;
-                    break;
-                }
-            }
-        }
-        setIsValid(valid);
-        if (onValidationChange) {
-            onValidationChange(valid, config);
-        }
-    }, [config, schema, projectId, definitionId, onValidationChange]);
-
-    const isFieldValid = (field: TestFieldDef) => {
-        if (!field.required) return true;
-        return config[field.name] !== undefined && config[field.name] !== '' && config[field.name] !== null;
-    };
-
-    const handleProjectIdChange = (value: string | null | undefined) => {
-        const val = value || '';
-        const sanitized = val.replace(/[^a-zA-Z0-9_]/g, '');
-        setProjectId(sanitized);
-    };
-
-    const handleFieldChange = async (field: TestFieldDef, val: any) => {
-        setConfig({...config, [field.name]: val});
-        if (field.source) {
-            try {
-                await write(field.source, val);
-            } catch(e) {
-                console.error("Failed to write to source:", e);
-            }
-        }
-    };
-
-    const renderField = (field: TestFieldDef) => {
-        const valid = isFieldValid(field);
-        const isNum = field.type !== 'string' && field.type !== 'bool';
-
-        return (
-            <React.Fragment key={field.name}>
-                <span className="ac-form-label">{field.name}</span>
-                {isNum ? (
-                    <ValueInput
-                        label={undefined}
-                        value={config[field.name] != null ? Number(config[field.name]) : null}                        
-                        onValueChanged={(val) => handleFieldChange(field, val)}
-                        className={!valid ? 'p-invalid' : ''}
-                    />
-                ) : (
-                    <TextInput
-                        label={undefined}
-                        value={config[field.name] != null ? String(config[field.name]) : ''}
-                        onValueChanged={(val) => handleFieldChange(field, val)}
-                        className={!valid ? 'p-invalid' : ''}
-                    />
-                )}
-
-                <span className="ac-form-units">{field.units ?? ''}</span>
-
-                <span style={{ color: valid ? 'var(--green-500)' : 'var(--red-500)', display: 'flex', alignItems: 'center' }}>
-                    <i className={valid ? "pi pi-check" : "pi pi-times"}></i>
-                </span>
-            </React.Fragment>
-        );
-    };
-
-    if (!schema) {
-        return (
-            <div className="ac-form-grid" style={{ padding: '1.25rem' }}>
-                <h3 className="ac-form-section">No Test Definition Selected</h3>
-            </div>
-        );
-    }
-
-    return (
-        <div className="ac-form-grid" style={{ padding: '1.25rem' }}>
-            <h3 className="ac-form-section" style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
-                Project & Definition 
-                <span style={{ color: isValid ? 'var(--green-500)' : 'var(--red-500)' }}>
-                    <i className={isValid ? "pi pi-check-circle" : "pi pi-exclamation-circle"}></i>
-                </span>
-            </h3>
-            
-            <span className="ac-form-label">Project ID</span>
-            <AutoComplete
-                value={projectId}
-                suggestions={filteredProjects}
-                completeMethod={searchProjects}
-                onChange={(e) => handleProjectIdChange(e.value)}
-                dropdown
-                placeholder="Enter or select Project ID"
-                className={!projectId || projectId.trim() === '' ? 'p-invalid' : ''}
-            />
-            <span />
-            <span style={{ color: projectId && projectId.trim() !== '' ? 'var(--green-500)' : 'var(--red-500)', display: 'flex', alignItems: 'center' }}>
-                <i className={projectId && projectId.trim() !== '' ? "pi pi-check" : "pi pi-times"}></i>
-            </span>
-
-            <span className="ac-form-label">Definition ID</span>
-            <InputText
-                value={definitionId}
-                onChange={(e) => handleDefinitionIdChange(e.target.value)}
-                placeholder="Enter Definition ID"
-                className={!definitionId || definitionId.trim() === '' ? 'p-invalid' : ''}
-            />
-            <span />
-            <span style={{ color: definitionId && definitionId.trim() !== '' ? 'var(--green-500)' : 'var(--red-500)', display: 'flex', alignItems: 'center' }}>
-                <i className={definitionId && definitionId.trim() !== '' ? "pi pi-check" : "pi pi-times"}></i>
-            </span>
-
-            <h3 className="ac-form-section" style={{ marginTop: '1rem' }}>Project Information</h3>
-            {schema.project_fields.map(renderField)}
-            
-            <h3 className="ac-form-section" style={{ marginTop: '1rem' }}>Test Configuration</h3>
-            {schema.config_fields.map(renderField)}
-        </div>
-    );
-};