@adcops/autocore-react 3.3.19 → 3.3.23

package/dist/components/ResultHistoryTable.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ResultHistoryTableProps {
+    projectId: string;
+    definitionId: string;
+}
+export declare const ResultHistoryTable: React.FC<ResultHistoryTableProps>;
+//# sourceMappingURL=ResultHistoryTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResultHistoryTable.d.ts","sourceRoot":"","sources":["../../src/components/ResultHistoryTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/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"}

package/dist/components/ResultHistoryTable.js

@@ -0,0 +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";export const ResultHistoryTable=({projectId:t,definitionId:e})=>{const[s,r]=useState([]),[i,o]=useState(!1),{invoke:n}=useContext(EventEmitterContext),a=async()=>{o(!0);try{const s=await n("results.list_tests",{project_id:t,definition_id:e});s.success&&s.data&&s.data.tests&&r(s.data.tests)}catch(t){}o(!1)};useEffect(()=>{a()},[t,e]);return _jsxs("div",{children:[_jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"1rem"},children:[_jsxs("h3",{children:["Test History: ",e]}),_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:t=>{return(e=t.start_time)?new Date(e).toLocaleString():"";var e},sortable:!0}),_jsx(Column,{header:"Config / Results",body:t=>_jsxs("div",{style:{fontSize:"0.85em",color:"var(--text-secondary-color)"},children:[_jsxs("div",{children:[_jsx("strong",{children:"Config:"})," ",JSON.stringify(t.config)]}),_jsxs("div",{children:[_jsx("strong",{children:"Results:"})," ",JSON.stringify(t.results)]})]})})]})]})};

package/dist/components/TestSetupForm.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+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 {
+    projectId: string;
+    definitionId: string;
+    schema: TestDefinition;
+    onStartTest: (config: any) => void;
+    onCancel?: () => void;
+}
+export declare const TestSetupForm: React.FC<TestSetupFormProps>;
+//# sourceMappingURL=TestSetupForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestSetupForm.d.ts","sourceRoot":"","sources":["../../src/components/TestSetupForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC3B,cAAc,EAAE,YAAY,EAAE,CAAC;IAC/B,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,cAAc,EAAE,YAAY,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,WAAW,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsEtD,CAAC"}

package/dist/components/TestSetupForm.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{useState,useEffect}from"react";import{Button}from"primereact/button";import{InputText}from"primereact/inputtext";export const TestSetupForm=({schema:e,onStartTest:s,onCancel:a})=>{const[t,n]=useState({}),[r,i]=useState(!1);useEffect(()=>{let s=!0;const a=[...e.project_fields,...e.config_fields];for(const e of a)if(e.required&&!e.source&&(void 0===t[e.name]||""===t[e.name])){s=!1;break}i(s)},[t,e]);const o=e=>e.source?_jsxs("div",{className:"ac-form-span p-inputgroup",children:[_jsx("span",{className:"p-inputgroup-addon",children:e.name}),_jsx(InputText,{value:`Auto-fetched from ${e.source}`,disabled:!0}),e.units&&_jsx("span",{className:"p-inputgroup-addon",children:e.units})]},e.name):_jsxs("div",{className:"ac-form-span p-inputgroup",children:[_jsxs("span",{className:"p-inputgroup-addon",children:[e.name," ",e.required?"*":""]}),_jsx(InputText,{value:t[e.name]||"",onChange:s=>n({...t,[e.name]:s.target.value}),placeholder:`Enter ${e.name}`}),e.units&&_jsx("span",{className:"p-inputgroup-addon",children:e.units})]},e.name);return _jsxs("div",{className:"ac-form-grid",style:{padding:"1.25rem"},children:[_jsx("h3",{className:"ac-form-section",children:"Project Information"}),e.project_fields.map(o),_jsx("h3",{className:"ac-form-section",style:{marginTop:"1rem"},children:"Test Configuration"}),e.config_fields.map(o),_jsxs("div",{className:"ac-form-wide",style:{display:"flex",gap:"1rem",marginTop:"2rem"},children:[_jsx(Button,{label:"Start Test",icon:"pi pi-play",severity:"success",disabled:!r,onClick:()=>s(t)}),a&&_jsx(Button,{label:"Cancel",icon:"pi pi-times",severity:"secondary",onClick:a})]})]})};

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TestSetupForm';
+export * from './ResultHistoryTable';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1 @@
+export*from"./TestSetupForm";export*from"./ResultHistoryTable";

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export { useAdsRegisterSymbols, useAdsWriteValue, useAdsTapValue } from "./adsHooks";
 export { useScaledValue, kMillimeters2Inches } from './useScaledValue';
+export * from './useServeletData';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAUA,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAE,cAAc,EAAC,MAAM,YAAY,CAAC;AACnF,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAUA,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAE,cAAc,EAAC,MAAM,YAAY,CAAC;AACnF,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACtE,cAAc,mBAAmB,CAAC"}

package/dist/hooks/index.js

@@ -1 +1 @@
-export{useAdsRegisterSymbols,useAdsWriteValue,useAdsTapValue}from"./adsHooks";export{useScaledValue,kMillimeters2Inches}from"./useScaledValue";
+export{useAdsRegisterSymbols,useAdsWriteValue,useAdsTapValue}from"./adsHooks";export{useScaledValue,kMillimeters2Inches}from"./useScaledValue";export*from"./useServeletData";

package/dist/hooks/useServeletData.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Hook to read, write, and subscribe to a value in a generic servelet like MemoryStore or GNV.
+ */
+export declare function useServeletData<T = any>(domain: string, key: string, defaultValue?: T): {
+    value: T | undefined;
+    write: (newValue: T) => Promise<void>;
+    isLoading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+};
+/**
+ * Read, write, and subscribe to a non-volatile key in the Global Non-Volatile (GNV) store.
+ * @param group The config group (e.g. "app")
+ * @param key The config key (e.g. "description")
+ * @param defaultValue Optional fallback before load
+ */
+export declare function useGnv<T = any>(group: string, key: string, defaultValue?: T): {
+    value: T | undefined;
+    write: (newValue: T) => Promise<void>;
+    isLoading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+};
+/**
+ * Read, write, and subscribe to a volatile key in the MemoryStore.
+ * @param key The cache key (e.g. "temp_state")
+ * @param defaultValue Optional fallback before load
+ */
+export declare function useMemoryStore<T = any>(key: string, defaultValue?: T): {
+    value: T | undefined;
+    write: (newValue: T) => Promise<void>;
+    isLoading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+};
+//# sourceMappingURL=useServeletData.d.ts.map

package/dist/hooks/useServeletData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useServeletData.d.ts","sourceRoot":"","sources":["../../src/hooks/useServeletData.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,GAAG,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC;;sBAuDlC,CAAC;;;;EAapD;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC;;;;;;EAE3E;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC;;;;;;EAEpE"}

package/dist/hooks/useServeletData.js

@@ -0,0 +1 @@
+import{useState,useEffect,useContext,useCallback}from"react";import{EventEmitterContext}from"../core/EventEmitterContext";import{MessageType}from"../hub/CommandMessage";export function useServeletData(e,t,r){const{invoke:s,subscribe:n,unsubscribe:a,isConnected:o}=useContext(EventEmitterContext),[u,c]=useState(r),[l,i]=useState(!0),[m,f]=useState(null),v=`${e}.${t}`,y=useCallback(async()=>{if(o())try{i(!0);const e=await s(v,MessageType.Read,{});e.success?(c(e.data),f(null)):f(e.error_message)}catch(e){f(e.message)}finally{i(!1)}},[v,s,o]);useEffect(()=>{let e=null,t=null,r=!0;const s=()=>{y(),e=n(v,e=>{r&&c(e.data)})};return o()?s():t=n("HUB/connected",()=>{r&&s()}),()=>{r=!1,null!==e&&a(e),null!==t&&a(t)}},[v,y,n,a,o]);return{value:u,write:useCallback(async e=>{try{const t=await s(v,MessageType.Write,e);if(!t.success)throw new Error(t.error_message)}catch(e){throw e}},[v,s]),isLoading:l,error:m,refresh:y}}export function useGnv(e,t,r){return useServeletData("gnv",`${e}.${t}`,r)}export function useMemoryStore(e,t){return useServeletData("memorystore",e,t)}

package/package.json

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

package/src/components/ResultHistoryTable.tsx

@@ -0,0 +1,61 @@
+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';
+
+export interface ResultHistoryTableProps {
+    projectId: string;
+    definitionId: string;
+}
+
+export const ResultHistoryTable: React.FC<ResultHistoryTableProps> = ({ projectId, definitionId }) => {
+    const [tests, setTests] = useState<any[]>([]);
+    const [loading, setLoading] = useState(false);
+    const { invoke } = useContext(EventEmitterContext);
+
+    const loadTests = async () => {
+        setLoading(true);
+        try {
+            const resp: any = await invoke('results.list_tests' as any, {
+                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();
+    };
+
+    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>
+                )} />
+            </DataTable>
+        </div>
+    );
+};

package/src/components/TestSetupForm.tsx

@@ -0,0 +1,98 @@
+import React, { useState, useEffect } from 'react';
+import { Button } from 'primereact/button';
+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 {
+    projectId: string;
+    definitionId: string;
+    schema: TestDefinition;
+    onStartTest: (config: any) => void;
+    onCancel?: () => void;
+}
+
+export const TestSetupForm: React.FC<TestSetupFormProps> = ({ schema, onStartTest, onCancel }) => {
+    const [config, setConfig] = useState<any>({});
+    const [isValid, setIsValid] = useState(false);
+
+    useEffect(() => {
+        let valid = true;
+        const allFields = [...schema.project_fields, ...schema.config_fields];
+        
+        for (const field of allFields) {
+            if (field.required && !field.source) {
+                if (config[field.name] === undefined || config[field.name] === '') {
+                    valid = false;
+                    break;
+                }
+            }
+        }
+        setIsValid(valid);
+    }, [config, schema]);
+
+    const renderField = (field: TestFieldDef) => {
+        if (field.source) {
+            return (
+                <div key={field.name} className="ac-form-span p-inputgroup">
+                    <span className="p-inputgroup-addon">{field.name}</span>
+                    <InputText value={`Auto-fetched from ${field.source}`} disabled />
+                    {field.units && <span className="p-inputgroup-addon">{field.units}</span>}
+                </div>
+            );
+        }
+
+        return (
+            <div key={field.name} className="ac-form-span p-inputgroup">
+                <span className="p-inputgroup-addon">{field.name} {field.required ? '*' : ''}</span>
+                <InputText 
+                    value={config[field.name] || ''} 
+                    onChange={(e) => setConfig({...config, [field.name]: e.target.value})}
+                    placeholder={`Enter ${field.name}`}
+                />
+                {field.units && <span className="p-inputgroup-addon">{field.units}</span>}
+            </div>
+        );
+    };
+
+    return (
+        <div className="ac-form-grid" style={{ padding: '1.25rem' }}>
+            <h3 className="ac-form-section">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 className="ac-form-wide" style={{ display: 'flex', gap: '1rem', marginTop: '2rem' }}>
+                <Button 
+                    label="Start Test" 
+                    icon="pi pi-play" 
+                    severity="success" 
+                    disabled={!isValid} 
+                    onClick={() => onStartTest(config)} 
+                />
+                {onCancel && (
+                    <Button 
+                        label="Cancel" 
+                        icon="pi pi-times" 
+                        severity="secondary" 
+                        onClick={onCancel} 
+                    />
+                )}
+            </div>
+        </div>
+    );
+};

package/src/components/index.ts

@@ -0,0 +1,2 @@
+export * from './TestSetupForm';
+export * from './ResultHistoryTable';

package/src/hooks/index.ts

@@ -10,3 +10,4 @@
 
 export {useAdsRegisterSymbols, useAdsWriteValue, useAdsTapValue} from "./adsHooks";
 export {useScaledValue, kMillimeters2Inches } from './useScaledValue';
+export * from './useServeletData';

package/src/hooks/useServeletData.ts

@@ -0,0 +1,95 @@
+import { useState, useEffect, useContext, useCallback } from 'react';
+import { EventEmitterContext } from '../core/EventEmitterContext';
+import { MessageType } from '../hub/CommandMessage';
+
+/**
+ * Hook to read, write, and subscribe to a value in a generic servelet like MemoryStore or GNV.
+ */
+export function useServeletData<T = any>(domain: string, key: string, defaultValue?: T) {
+    const { invoke, subscribe, unsubscribe, isConnected } = useContext(EventEmitterContext);
+    const [value, setValue] = useState<T | undefined>(defaultValue);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState<string | null>(null);
+
+    const fqdn = `${domain}.${key}`;
+
+    const fetchValue = useCallback(async () => {
+        if (!isConnected()) return;
+        try {
+            setIsLoading(true);
+            const resp = await invoke(fqdn, MessageType.Read, {});
+            if (resp.success) {
+                setValue(resp.data as T);
+                setError(null);
+            } else {
+                setError(resp.error_message);
+            }
+        } catch (err: any) {
+            setError(err.message);
+        } finally {
+            setIsLoading(false);
+        }
+    }, [fqdn, invoke, isConnected]);
+
+    useEffect(() => {
+        let subId: number | null = null;
+        let connSubId: number | null = null;
+        let isMounted = true;
+
+        const setup = () => {
+            fetchValue();
+            subId = subscribe(fqdn, (msg) => {
+                if (isMounted) {
+                    setValue(msg.data as T);
+                }
+            });
+        };
+
+        if (isConnected()) {
+            setup();
+        } else {
+            connSubId = subscribe("HUB/connected", () => {
+                if (isMounted) setup();
+            });
+        }
+
+        return () => {
+            isMounted = false;
+            if (subId !== null) unsubscribe(subId);
+            if (connSubId !== null) unsubscribe(connSubId);
+        };
+    }, [fqdn, fetchValue, subscribe, unsubscribe, isConnected]);
+
+    const writeValue = useCallback(async (newValue: T) => {
+        try {
+            // Use invoke directly to avoid Hub's default behavior of wrapping the payload in { value: ... }
+            const resp = await invoke(fqdn, MessageType.Write, newValue as any);
+            if (!resp.success) {
+                throw new Error(resp.error_message);
+            }
+        } catch (err: any) {
+            throw err;
+        }
+    }, [fqdn, invoke]);
+
+    return { value, write: writeValue, isLoading, error, refresh: fetchValue };
+}
+
+/**
+ * Read, write, and subscribe to a non-volatile key in the Global Non-Volatile (GNV) store.
+ * @param group The config group (e.g. "app")
+ * @param key The config key (e.g. "description")
+ * @param defaultValue Optional fallback before load
+ */
+export function useGnv<T = any>(group: string, key: string, defaultValue?: T) {
+    return useServeletData<T>('gnv', `${group}.${key}`, defaultValue);
+}
+
+/**
+ * Read, write, and subscribe to a volatile key in the MemoryStore.
+ * @param key The cache key (e.g. "temp_state")
+ * @param defaultValue Optional fallback before load
+ */
+export function useMemoryStore<T = any>(key: string, defaultValue?: T) {
+    return useServeletData<T>('memorystore', key, defaultValue);
+}