@adcops/autocore-react 3.3.46 → 3.3.48

package/dist/components/ResultHistoryTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResultHistoryTable.d.ts","sourceRoot":"","sources":["../../src/components/ResultHistoryTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,MAAM,WAAW,uBAAuB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiDhE,CAAC"}
+{"version":3,"file":"ResultHistoryTable.d.ts","sourceRoot":"","sources":["../../src/components/ResultHistoryTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,MAAM,WAAW,uBAAuB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACxB;AAqDD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkGhE,CAAC"}

package/dist/components/ResultHistoryTable.js

@@ -1 +1 @@
-import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";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 const ResultHistoryTable=({projectId:e,definitionId:t})=>{const[s,r]=useState([]),[i,o]=useState(!1),{invoke:n}=useContext(EventEmitterContext),a=async()=>{o(!0);try{const s=await n("results.list_tests",MessageType.Request,{project_id:e,definition_id:t});s.success&&s.data&&s.data.tests&&r(s.data.tests)}catch(e){}o(!1)};useEffect(()=>{a()},[e,t]);return _jsxs("div",{children:[_jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"1rem"},children:[_jsxs("h3",{children:["Test History: ",t]}),_jsx(Button,{icon:"pi pi-refresh",label:"Refresh",onClick:a,disabled:i})]}),_jsxs(DataTable,{value:s,loading:i,paginator:!0,rows:10,emptyMessage:"No tests found.",children:[_jsx(Column,{field:"run_id",header:"Run ID",sortable:!0}),_jsx(Column,{field:"start_time",header:"Date/Time",body:e=>{return(t=e.start_time)?new Date(t).toLocaleString():"";var t},sortable:!0}),_jsx(Column,{header:"Config / Results",body:e=>_jsxs("div",{style:{fontSize:"0.85em",color:"var(--text-secondary-color)"},children:[_jsxs("div",{children:[_jsx("strong",{children:"Config:"})," ",JSON.stringify(e.config)]}),_jsxs("div",{children:[_jsx("strong",{children:"Results:"})," ",JSON.stringify(e.results)]})]})})]})]})};
+import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";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";const rawBlobToCsv=e=>{if(!e||"object"!=typeof e)return"";const t=Object.entries(e).filter(([,e])=>Array.isArray(e));if(0===t.length)return"";t.sort(([e],[t])=>"t"===e?-1:"t"===t?1:0);const s=t.map(([e])=>e),r=t.reduce((e,[,t])=>Math.min(e,t.length),1/0),o=e=>{if(null==e)return"";const t=String(e);return/[",\n\r]/.test(t)?`"${t.replace(/"/g,'""')}"`:t},n=[s.join(",")];for(let e=0;e<r;e++)n.push(t.map(([,t])=>o(t[e])).join(","));return n.join("\n")},downloadCsv=(e,t)=>{const s=new Blob([t],{type:"text/csv;charset=utf-8;"}),r=URL.createObjectURL(s),o=document.createElement("a");o.href=r,o.download=e,document.body.appendChild(o),o.click(),o.remove(),URL.revokeObjectURL(r)};export const ResultHistoryTable=({projectId:e,definitionId:t})=>{const[s,r]=useState([]),[o,n]=useState(!1),[a,i]=useState(null),{invoke:l}=useContext(EventEmitterContext),c=async()=>{n(!0);try{const s=await l("results.list_tests",MessageType.Request,{project_id:e,definition_id:t});s.success&&s.data&&s.data.tests&&r(s.data.tests)}catch(e){}n(!1)};useEffect(()=>{c()},[e,t]);return _jsxs("div",{children:[_jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"1rem"},children:[_jsxs("h3",{children:["Test History: ",t]}),_jsx(Button,{icon:"pi pi-refresh",label:"Refresh",onClick:c,disabled:o})]}),_jsxs(DataTable,{value:s,loading:o,paginator:!0,rows:10,emptyMessage:"No tests found.",children:[_jsx(Column,{field:"run_id",header:"Run ID",sortable:!0}),_jsx(Column,{field:"start_time",header:"Date/Time",body:e=>{return(t=e.start_time)?new Date(t).toLocaleString():"";var t},sortable:!0}),_jsx(Column,{header:"Config / Results",body:e=>_jsxs("div",{style:{fontSize:"0.85em",color:"var(--text-secondary-color)"},children:[_jsxs("div",{children:[_jsx("strong",{children:"Config:"})," ",JSON.stringify(e.config)]}),_jsxs("div",{children:[_jsx("strong",{children:"Results:"})," ",JSON.stringify(e.results)]})]})}),_jsx(Column,{header:"Raw Data",style:{width:"8rem"},body:s=>_jsx(Button,{icon:a===s.run_id?"pi pi-spin pi-spinner":"pi pi-download",label:"CSV",size:"small",outlined:!0,disabled:null!==a,onClick:()=>(async s=>{const r=s?.run_id;if(r){i(r);try{const s=await l("results.read_raw",MessageType.Request,{project_id:e,definition_id:t,run_id:r,name:"trace"});if(!s?.success||!s.data)return void alert(`No raw trace available for ${r}${s?.error_message?`: ${s.error_message}`:""}`);const o=rawBlobToCsv(s.data);if(!o)return void alert(`Raw trace for ${r} is empty or has no array columns.`);downloadCsv(`${e}_${t}_${r}.csv`,o)}catch(e){alert(`Download failed: ${e instanceof Error?e.message:String(e)}`)}finally{i(null)}}})(s),tooltip:"Download raw_data/trace.json as CSV",tooltipOptions:{position:"left"}})})]})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adcops/autocore-react",
-    "version": "3.3.46",
+    "version": "3.3.48",
     "description": "A React component library for industrial user interfaces.",
     "private": false,
     "type": "module",

package/src/components/ResultHistoryTable.tsx

@@ -10,9 +10,61 @@ export interface ResultHistoryTableProps {
     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 () => {
@@ -40,13 +92,45 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = ({ projectI
         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 />
@@ -56,6 +140,22 @@ export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = ({ projectI
                         <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>
     );