@adcops/autocore-react 3.0.34 → 3.0.38

package/dist/hooks/adsHooks.js

@@ -1,253 +1 @@
-/*
- * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
- * Created Date: 2024-04-26 09:04:40
- * -----
- * Last Modified: 2024-05-17 10:47:22
- * -----
- *
- */
-import { useContext, useRef, useEffect, useCallback } from 'react';
-import { EventEmitterContext } from '../core/EventEmitterContext';
-/**
- * Sleep for a given number of milliseconds.
- * @param ms Number of milliseconds to sleep.
- */
-function sleep(ms) {
-    return new Promise(resolve => setTimeout(resolve, ms));
-}
-/**
- * Custom hook for registering symbols and subscribing to updates on the
- * ADS domain via the EventEmitterContext.
- * This hook abstracts the common pattern of registering symbols and handling subscriptions
- * to updates in components that need real-time data from a backend service.
- *
- * @param setters A mapping of state setter functions, where each key corresponds to a piece of state
- *                related to a symbol, and each value is the setter function for that state.
- * @param symbols A mapping of state keys to their corresponding symbol names in the backend system.
- *                Each key should match a key in the `setters` object, and each value should be a string
- *                that represents the symbol name to register and subscribe to.
- *
- * ## Usage Example:
- * ```typescript
- * const setters = {
- *     speed: setSpeed,
- *     temperature: setTemperature
- * };
- *
- * const symbols = {
- *     speed: "Sensor.speed",
- *     temperature: "Sensor.temperature"
- * };
- *
- * useRegisterSymbols(setters, symbols);
- * ```
- *
- * This will register and subscribe to updates for "Sensor.speed" and "Sensor.temperature",
- * and update the `speed` and `temperature` states via `setSpeed` and `setTemperature` respectively
- * whenever new data is received.
- */
-export const useAdsRegisterSymbols = (setters, symbols, options = {}) => {
-    const { invoke, subscribe, unsubscribe, isConnected } = useContext(EventEmitterContext);
-    const subscriptions = useRef([]);
-    const isMounted = useRef(true);
-    useEffect(() => {
-        isMounted.current = true;
-        const registerAndSubscribe = async () => {
-            for (const [key, symbolName] of Object.entries(symbols)) {
-                try {
-                    const invokeOptions = options[key] ? { symbol_name: symbolName, options: options[key] } : { symbol_name: symbolName };
-                    await invoke("ADS", "register_symbol", invokeOptions);
-                    //console.log(`Subscribe... ADS/${symbolName}`);
-                    const subscriptionId = subscribe(`ADS/${symbolName}`, (data) => {
-                        if (isMounted.current) {
-                            const setter = setters[key];
-                            if (setter) {
-                                setter(data.value);
-                            }
-                        }
-                    });
-                    subscriptions.current.push(subscriptionId);
-                }
-                catch (err) {
-                    console.error(`Failed to register symbol ${symbolName}: ${err}`);
-                }
-            }
-            await invoke("ADS", "refresh", {});
-        };
-        if (!isConnected()) {
-            //console.log("SCHEDULE LATER...");
-            let connectionSubId = subscribe("HUB/connected", () => {
-                registerAndSubscribe();
-                unsubscribe(connectionSubId);
-            });
-            subscriptions.current.push(connectionSubId);
-        }
-        else {
-            //console.log("ALREADY CONNECTED...");
-            registerAndSubscribe();
-        }
-        return () => {
-            //console.log("UNSUBSCRIBE");
-            isMounted.current = false;
-            subscriptions.current.forEach(subscriptionId => unsubscribe(subscriptionId));
-            subscriptions.current = [];
-        };
-    }, []); // Ensure setters and symbols are included if they can change
-    return null; // This hook does not render anything
-};
-/**
- * Custom hook to create a function that sends a specified value to a remote device or server.
- * This hook abstracts the repetitive logic involved in sending these values,
- * such as invoking the command and handling errors.
- *
- * @param {string} domain The domain under which the backend function is grouped.
- * @param {string} fname The name of the function to be called on the backend.
- * @param {string} symbolName The symbol name that identifies the specific value or setting in the backend.
- * @returns {Function} A function that accepts a value (number or boolean) and sends it to the configured backend.
- *
- * @example
- * ```tsx
- * import React, { useState } from 'react';
- * import { Button } from 'primereact/button';
- * import useWriteValue from './useWriteValue'; // adjust the import path as necessary
- *
- * const Component: React.FC = () => {
- *   const [value, setValue] = useState<number>(0);
- *   const writeToBackend = useAdsWriteValue("ADS", "write_value", "GNV.mySymbol");
- *
- *   return (
- *     <div>
- *       <input
- *         type="number"
- *         value={value}
- *         onChange={(e) => setValue(Number(e.target.value))}
- *       />
- *       <Button
- *         label="Send to Backend"
- *         onClick={() => writeToBackend(value)}
- *       />
- *     </div>
- *   );
- * };
- */
-export function useAdsWriteValue(symbolName) {
-    const { invoke } = useContext(EventEmitterContext);
-    const domain = "ADS";
-    const fname = "write_value";
-    // Return a function that takes a value and sends it to the backend
-    return async (value) => {
-        try {
-            await invoke(domain, fname, { symbol_name: symbolName, value });
-        }
-        catch (err) {
-            console.error(`Error writing tag ${symbolName}: ${err}`);
-        }
-    };
-}
-/**
- * useAdsWriteScaledValue is a custom React hook that enables writing scaled numerical values to a backend system.
- * It applies a specified scale and offset to a numeric value before sending it over an ADS connection.
- * This hook is ideal for scenarios where numeric data needs to be adjusted according to dynamically configurable
- * scale factors before being persisted or processed by a backend system.
- *
- * @param symbolName The symbol name in the backend system where the value will be written.
- * @param scale The scale factor to be applied to the value.
- * @param offset The offset to be applied after scaling the value.
- * @returns A function that takes a numeric value, applies the scaling and offset, and sends the modified value to the backend.
- *
- * @example
- * This example demonstrates how to use the `useAdsWriteScaledValue` hook within a component that allows users
- * to input a value in inches, which is then automatically converted to millimeters (if the scale is set for such conversion)
- * based on a dynamic scale factor managed in the component's state.
- *
- * ```tsx
- * import React, { useState } from 'react';
- * import { useAdsWriteScaledValue } from './hooks';
- *
- * const MeasurementInput: React.FC = () => {
- *     const [scale, setScale] = useState<number>(1 / 25.4); // Initial scale for converting inches to millimeters.
- *     const [offset, setOffset] = useState<number>(0); // No offset by default.
- *
- *     // The hook is used here with the scale and offset state variables.
- *     const writeMeasurement = useAdsWriteScaledValue("GIO.axisX.position", scale, offset);
- *
- *     // This function is called when the input field value changes.
- *     const handleMeasurementChange = (event: React.ChangeEvent<HTMLInputElement>) => {
- *         const valueInInches = parseFloat(event.target.value);
- *         writeMeasurement(valueInInches); // Write the scaled value (converted to millimeters).
- *     };
- *
- *     return (
- *         <div>
- *             <label>Enter measurement in inches:</label>
- *             <input type="number" onChange={handleMeasurementChange} />
- *         </div>
- *     );
- * };
- *
- * export default MeasurementInput;
- * ```
- *
- * In this component, `writeMeasurement` is a function returned by the `useAdsWriteScaledValue` hook that takes a value in inches,
- * converts it to millimeters using the current `scale`, and writes the result to a backend symbol. The `scale` and `offset` can be adjusted
- * dynamically if needed, for instance, based on user selection or other external configurations.
- */
-export function useAdsWriteScaledValue(symbolName, scale, offset) {
-    const { invoke } = useContext(EventEmitterContext);
-    const domain = "ADS";
-    const fname = "write_value";
-    return useCallback(async (value) => {
-        // In autocore-react, we multiple to scale incoming values,
-        // divide to scale outgoing values.
-        // This is an OUTGOING value, so we divide.
-        const scaledValue = (value - offset) / scale;
-        try {
-            await invoke(domain, fname, { symbol_name: symbolName, value: scaledValue });
-        }
-        catch (err) {
-            console.error(`Error writing scaled value to tag ${symbolName}: ${err}`);
-        }
-    }, [symbolName, scale, offset, invoke]);
-}
-/**
- * Custom hook to send a "tap" action, which sends true followed by false after a short delay,
- * to a specified symbol in the backend. This is used to simulate a button tap or momentary switch.
- *
- * @param {string} domain - The domain under which the backend function is grouped.
- * @param {string} fname - The function name to be called on the backend.
- * @param {string} symbolName - The symbol name to target for the tap action.
- * @returns {Function} A function that triggers the tap action.
- *
- * @example
- * ```tsx
- * import React from 'react';
- * import { Button } from 'primereact/button';
- * import useTapValue from './useTapValue'; // Ensure the correct import path
- *
- * const MyComponent: React.FC = () => {
- *   const sendTapAction = useTapValue("ADS", "write_value", "GNV.myButton");
- *
- *   return (
- *     <Button
- *       label="Tap Button"
- *       onClick={() => sendTapAction()}
- *     />
- *   );
- * };
- * ```
- */
-export function useAdsTapValue(symbolName) {
-    const { invoke } = useContext(EventEmitterContext);
-    const domain = "ADS";
-    const fname = "write_value";
-    return async () => {
-        try {
-            await invoke(domain, fname, { symbol_name: symbolName, value: true });
-            await sleep(300); // Sleep for 300ms before writing false
-            await invoke(domain, fname, { symbol_name: symbolName, value: false });
-        }
-        catch (err) {
-            console.error(`Error handling tap action for ${symbolName}: ${err}`);
-        }
-    };
-}
+import{useContext,useRef,useEffect,useCallback}from"react";import{EventEmitterContext}from"../core/EventEmitterContext";function sleep(e){return new Promise((t=>setTimeout(t,e)))}export const useAdsRegisterSymbols=(e,t,n={})=>{const{invoke:r,subscribe:s,unsubscribe:o,isConnected:u}=useContext(EventEmitterContext),c=useRef([]),a=useRef(!0);return useEffect((()=>{a.current=!0;const i=async()=>{for(const[o,u]of Object.entries(t))try{const t=n[o]?{symbol_name:u,options:n[o]}:{symbol_name:u};await r("ADS","register_symbol",t);const i=s(`ADS/${u}`,(t=>{if(a.current){const n=e[o];n&&n(t.value)}}));c.current.push(i)}catch(e){}await r("ADS","refresh",{})};if(u())i();else{let e=s("HUB/connected",(()=>{i(),o(e)}));c.current.push(e)}return()=>{a.current=!1,c.current.forEach((e=>o(e))),c.current=[]}}),[]),null};export function useAdsWriteValue(e){const{invoke:t}=useContext(EventEmitterContext);return async n=>{try{await t("ADS","write_value",{symbol_name:e,value:n})}catch(e){}}}export function useAdsWriteScaledValue(e,t,n){const{invoke:r}=useContext(EventEmitterContext);return useCallback((async s=>{const o=(s-n)/t;try{await r("ADS","write_value",{symbol_name:e,value:o})}catch(e){}}),[e,t,n,r])}export function useAdsTapValue(e){const{invoke:t}=useContext(EventEmitterContext),n="write_value";return async()=>{try{await t("ADS",n,{symbol_name:e,value:!0}),await sleep(300),await t("ADS",n,{symbol_name:e,value:!1})}catch(e){}}}

package/dist/hooks/commandHooks.js

@@ -1,252 +1 @@
-/*
- * Copyright (C) 2025 Automated Design Corp. All Rights Reserved.
- * Created Date: 2025-03-31 06:38:50
- * -----
- * Last Modified: 2025-05-08 14:47:35
- * -----
- *
- */
-import { useContext, useRef, useEffect, useCallback } from 'react';
-import { EventEmitterContext } from '../core/EventEmitterContext';
-/**
- * Sleep for a given number of milliseconds.
- * @param ms Number of milliseconds to sleep.
- */
-function sleep(ms) {
-    return new Promise(resolve => setTimeout(resolve, ms));
-}
-/**
- * Custom hook for registering symbols and subscribing to updates on
- * a domain via the EventEmitterContext.
- * This hook abstracts the common pattern of registering symbols and handling subscriptions
- * to updates in components that need real-time data from a backend service.
- *
- * @param setters A mapping of state setter functions, where each key corresponds to a piece of state
- *                related to a symbol, and each value is the setter function for that state.
- * @param symbols A mapping of state keys to their corresponding symbol names in the backend system.
- *                Each key should match a key in the `setters` object, and each value should be a string
- *                that represents the symbol name to register and subscribe to.
- *
- * ## Usage Example:
- * ```typescript
- * const setters = {
- *     speed: setSpeed,
- *     temperature: setTemperature
- * };
- *
- * const symbols = {
- *     speed: "Sensor.speed",
- *     temperature: "Sensor.temperature"
- * };
- *
- * useRegisterSymbols(setters, symbols);
- * ```
- *
- * This will register and subscribe to updates for "Sensor.speed" and "Sensor.temperature",
- * and update the `speed` and `temperature` states via `setSpeed` and `setTemperature` respectively
- * whenever new data is received.
- */
-export const useRegisterSymbols = (domain, setters, symbols, options = {}) => {
-    const { subscribe, unsubscribe, isConnected, invoke } = useContext(EventEmitterContext);
-    const subscriptions = useRef([]);
-    const isMounted = useRef(true);
-    /// Options is reserved for future use.
-    options;
-    useEffect(() => {
-        isMounted.current = true;
-        const registerAndSubscribe = async () => {
-            for (const [key, symbolName] of Object.entries(symbols)) {
-                try {
-                    console.log(`Subscribe... ${domain}/${symbolName}`);
-                    const subscriptionId = subscribe(`${domain}/${symbolName}`, (data) => {
-                        if (isMounted.current) {
-                            const setter = setters[key];
-                            if (setter) {
-                                setter(data.value);
-                            }
-                        }
-                    });
-                    subscriptions.current.push(subscriptionId);
-                    // Refresh on a topic is the same as a read_value, except the response is broadcasted.
-                    // Because there currently isn't a centralized tag system, the topic name should not
-                    // contain the domain name.
-                    await invoke(domain, "refresh", { 'topic': `${symbolName}` });
-                }
-                catch (err) {
-                    console.error(`Failed to register symbol ${symbolName}: ${err}`);
-                }
-            }
-        };
-        if (!isConnected()) {
-            //console.log("SCHEDULE LATER...");
-            let connectionSubId = subscribe("HUB/connected", () => {
-                setTimeout(() => {
-                    registerAndSubscribe();
-                    unsubscribe(connectionSubId);
-                }, 500);
-            });
-            subscriptions.current.push(connectionSubId);
-        }
-        else {
-            //console.log("ALREADY CONNECTED...");
-            registerAndSubscribe();
-        }
-        return () => {
-            //console.log("UNSUBSCRIBE");
-            isMounted.current = false;
-            subscriptions.current.forEach(subscriptionId => unsubscribe(subscriptionId));
-            subscriptions.current = [];
-        };
-    }, []); // Ensure setters and symbols are included if they can change
-    return null; // This hook does not render anything
-};
-/**
- * Custom hook to create a function that sends a specified value to a remote device or server.
- * This hook abstracts the repetitive logic involved in sending these values,
- * such as invoking the command and handling errors.
- *
- * @param {string} domain The domain under which the backend function is grouped.
- * @param {string} fname The name of the function to be called on the backend.
- * @param {string} symbolName The symbol name that identifies the specific value or setting in the backend.
- * @returns {Function} A function that accepts a value (number or boolean) and sends it to the configured backend.
- *
- * @example
- * ```tsx
- * import React, { useState } from 'react';
- * import { Button } from 'primereact/button';
- * import useWriteValue from './commandHooks';
- *
- * const Component: React.FC = () => {
- *   const [value, setValue] = useState<number>(0);
- *   const writeToBackend = useAdsWriteValue("ADS", "write_value", "GNV.mySymbol");
- *
- *   return (
- *     <div>
- *       <input
- *         type="number"
- *         value={value}
- *         onChange={(e) => setValue(Number(e.target.value))}
- *       />
- *       <Button
- *         label="Send to Backend"
- *         onClick={() => writeToBackend(value)}
- *       />
- *     </div>
- *   );
- * };
- */
-export function useWriteValue(domain, symbolName, fname = "write_value") {
-    const { invoke } = useContext(EventEmitterContext);
-    // Return a function that takes a value and sends it to the backend
-    return async (value) => {
-        try {
-            await invoke(domain, fname, { "topic": symbolName, "value": value });
-        }
-        catch (err) {
-            console.error(`Error writing tag ${symbolName}: ${err}`);
-        }
-    };
-}
-/**
- * useWriteScaledValue is a custom React hook that enables writing scaled numerical values to the autocore backend system.
- * It applies a specified scale and offset to a numeric value before sending it over the websocket connection.
- * This hook is ideal for scenarios where numeric data needs to be adjusted according to dynamically configurable
- * scale factors before being persisted or processed by a backend system.
- *
- * @param symbolName The symbol name in the backend system where the value will be written.
- * @param scale The scale factor to be applied to the value.
- * @param offset The offset to be applied after scaling the value.
- * @returns A function that takes a numeric value, applies the scaling and offset, and sends the modified value to the backend.
- *
- * @example
- * This example demonstrates how to use the `useAdsWriteScaledValue` hook within a component that allows users
- * to input a value in inches, which is then automatically converted to millimeters (if the scale is set for such conversion)
- * based on a dynamic scale factor managed in the component's state.
- *
- * ```tsx
- * import React, { useState } from 'react';
- * import { useWriteScaledValue } from './commandHooks';
- *
- * const MeasurementInput: React.FC = () => {
- *     const [scale, setScale] = useState<number>(1 / 25.4); // Initial scale for converting inches to millimeters.
- *     const [offset, setOffset] = useState<number>(0); // No offset by default.
- *
- *     // The hook is used here with the scale and offset state variables.
- *     const writeMeasurement = useWriteScaledValue("ADS", "GIO.axisX.position", scale, offset);
- *
- *     // This function is called when the input field value changes.
- *     const handleMeasurementChange = (event: React.ChangeEvent<HTMLInputElement>) => {
- *         const valueInInches = parseFloat(event.target.value);
- *         writeMeasurement(valueInInches); // Write the scaled value (converted to millimeters).
- *     };
- *
- *     return (
- *         <div>
- *             <label>Enter measurement in inches:</label>
- *             <input type="number" onChange={handleMeasurementChange} />
- *         </div>
- *     );
- * };
- *
- * export default MeasurementInput;
- * ```
- *
- * In this component, `writeMeasurement` is a function returned by the `useAdsWriteScaledValue` hook that takes a value in inches,
- * converts it to millimeters using the current `scale`, and writes the result to a backend symbol. The `scale` and `offset` can be adjusted
- * dynamically if needed, for instance, based on user selection or other external configurations.
- */
-export function useWriteScaledValue(domain, symbolName, scale, offset, fname = "write_value") {
-    const { invoke } = useContext(EventEmitterContext);
-    return useCallback(async (value) => {
-        // In autocore-react, we multiple to scale incoming values,
-        // divide to scale outgoing values.
-        // This is an OUTGOING value, so we divide.
-        const scaledValue = (value - offset) / scale;
-        try {
-            await invoke(domain, fname, { symbol_name: symbolName, value: scaledValue });
-        }
-        catch (err) {
-            console.error(`Error writing scaled value to tag ${symbolName}: ${err}`);
-        }
-    }, [symbolName, scale, offset, invoke]);
-}
-/**
- * Custom hook to send a "tap" action, which sends true followed by false after a short delay,
- * to a specified symbol in the backend. This is used to simulate a button tap or momentary switch.
- *
- * @param {string} domain - The domain under which the backend function is grouped.
- * @param {string} fname - The function name to be called on the backend.
- * @param {string} symbolName - The symbol name to target for the tap action.
- * @returns {Function} A function that triggers the tap action.
- *
- * @example
- * ```tsx
- * import React from 'react';
- * import { Button } from 'primereact/button';
- * import useTapValue from './useTapValue'; // Ensure the correct import path
- *
- * const MyComponent: React.FC = () => {
- *   const sendTapAction = useTapValue("ADS", "write_value", "GNV.myButton");
- *
- *   return (
- *     <Button
- *       label="Tap Button"
- *       onClick={() => sendTapAction()}
- *     />
- *   );
- * };
- * ```
- */
-export function useTapValue(domain, symbolName, fname = "write_value") {
-    const { invoke } = useContext(EventEmitterContext);
-    return async () => {
-        try {
-            await invoke(domain, fname, { symbol_name: symbolName, value: true });
-            await sleep(300); // Sleep for 300ms before writing false
-            await invoke(domain, fname, { symbol_name: symbolName, value: false });
-        }
-        catch (err) {
-            console.error(`Error handling tap action for ${symbolName}: ${err}`);
-        }
-    };
-}
+import{useContext,useRef,useEffect,useCallback}from"react";import{EventEmitterContext}from"../core/EventEmitterContext";function sleep(e){return new Promise((t=>setTimeout(t,e)))}export const useRegisterSymbols=(e,t,n,r={})=>{const{subscribe:o,unsubscribe:u,isConnected:s,invoke:c}=useContext(EventEmitterContext),a=useRef([]),i=useRef(!0);return useEffect((()=>{i.current=!0;const r=async()=>{for(const[r,u]of Object.entries(n))try{const n=o(`${e}/${u}`,(e=>{if(i.current){const n=t[r];n&&n(e.value)}}));a.current.push(n),await c(e,"refresh",{topic:`${u}`})}catch(e){}};if(s())r();else{let e=o("HUB/connected",(()=>{setTimeout((()=>{r(),u(e)}),500)}));a.current.push(e)}return()=>{i.current=!1,a.current.forEach((e=>u(e))),a.current=[]}}),[]),null};export function useWriteValue(e,t,n="write_value"){const{invoke:r}=useContext(EventEmitterContext);return async o=>{try{await r(e,n,{topic:t,value:o})}catch(e){}}}export function useWriteScaledValue(e,t,n,r,o="write_value"){const{invoke:u}=useContext(EventEmitterContext);return useCallback((async s=>{const c=(s-r)/n;try{await u(e,o,{symbol_name:t,value:c})}catch(e){}}),[t,n,r,u])}export function useTapValue(e,t,n="write_value"){const{invoke:r}=useContext(EventEmitterContext);return async()=>{try{await r(e,n,{symbol_name:t,value:!0}),await sleep(300),await r(e,n,{symbol_name:t,value:!1})}catch(e){}}}

package/dist/hooks/index.js

@@ -1,10 +1 @@
-/*
- * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
- * Created Date: 2024-04-30 12:14:43
- * -----
- * Last Modified: 2024-04-30 12:15:46
- * -----
- *
- */
-export { useAdsRegisterSymbols, useAdsWriteValue, useAdsTapValue } from "./adsHooks";
-export { useScaledValue, kMillimeters2Inches } from './useScaledValue';
+export{useAdsRegisterSymbols,useAdsWriteValue,useAdsTapValue}from"./adsHooks";export{useScaledValue,kMillimeters2Inches}from"./useScaledValue";

package/dist/hooks/useScaledValue.js

@@ -1,86 +1 @@
-/*
- * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
- * Created Date: 2024-04-30 11:41:59
- * -----
- * Last Modified: 2024-05-21 19:58:23
- * -----
- *
- */
-import { useCallback, useState, useEffect } from 'react';
-/**
- * Multiple millimeters by this constant for inches.
- */
-export const kMillimeters2Inches = 1 / 25.4;
-/**
- * Multiply netwons by this constant for pounds.
- */
-export const kNewtons2Pounds = 1 / 4.4482216153;
-/**
- * A custom React hook for converting values between different scales,
- * with support for dynamically updating the scale and offset. This hook manages values
- * in a base unit and allows for easy conversion to a display unit, updating
- * reactively to changes in the conversion factors.
- *
- * @param initialValue - The initial value in the base unit.
- * @param scale - The dynamic scale factor used for conversion to the display unit.
- * @param offset - An optional offset applied after scaling (default is 0).
- * @returns A tuple containing the display value and a setter function for updating
- * the value in the display unit.
- *
- * @example
- * Here's how to use `useScaledValue` in a component that fetches a scale factor from a backend
- * and allows the user to input values in a converted scale, which are then handled in a base unit:
- *
- * ```tsx
- * import React, { useState, useEffect } from 'react';
- * import { useScaledValue } from './hooks/useScaledValue';
- *
- * const MeasurementInput: React.FC = () => {
- *   const [units, setUnits] = useState<number>(1); // Start with a default scale of 1
- *   const [xPosition, setXPosition] = useScaledValue(0, units);
- *
- *   useEffect(() => {
- *     async function fetchScale() {
- *       try {
- *         // Simulate fetching scale factor from a backend
- *         const res = await invoke("GNV", "read_value", { group: "ux", key: "kSelectedUnits" });
- *         setUnits(res.data); // Update scale based on backend response
- *       } catch (error) {
- *         console.error('Failed to fetch units', error);
- *       }
- *     }
- *     fetchScale();
- *   }, []);
- *
- *   return (
- *     <input
- *       type="number"
- *       value={xPosition.toFixed(2)} // Display the value formatted to 2 decimal places
- *       onChange={(e) => setXPosition(parseFloat(e.target.value))}
- *     />
- *   );
- * };
- *
- * export default MeasurementInput;
- * ```
- *
- * In this example, `useScaledValue` is used to manage a measurement input in a dynamic unit system.
- * The component fetches the conversion scale from the backend upon component mounting and updates the
- * input display accordingly. The user's input is converted back to the base unit before being processed.
- */
-export function useScaledValue(initialValue, scale, offset = 0) {
-    const [baseValue, setBaseValue] = useState(initialValue);
-    const [displayValue, setDisplayValue] = useState(() => (initialValue * scale) + offset);
-    // Update display value whenever baseValue, scale, or offset changes
-    useEffect(() => {
-        // In autocore-react, we multiple to scale incoming values,
-        // divide to scale outgoing values.
-        // This is an INCOMING value, so we multiply.
-        setDisplayValue((baseValue * scale) + offset);
-    }, [baseValue, scale, offset]);
-    // Function to update baseValue when displayValue changes
-    const handleSetDisplayValue = useCallback((newValue) => {
-        setBaseValue(newValue);
-    }, [scale, offset]);
-    return [displayValue, handleSetDisplayValue];
-}
+import{useCallback,useState,useEffect}from"react";export const kMillimeters2Inches=1/25.4;export const kNewtons2Pounds=1/4.4482216153;export function useScaledValue(e,t,s=0){const[u,c]=useState(e),[o,a]=useState((()=>e*t+s));useEffect((()=>{a(u*t+s)}),[u,t,s]);return[o,useCallback((e=>{c(e)}),[t,s])]}

package/dist/hub/CommandMessage.js

@@ -1,9 +1 @@
-/*
- * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
- * Created Date: 2024-04-24 11:47:13
- * -----
- * Last Modified: 2024-04-24 11:48:08
- * -----
- *
- */
-export {};
+export{};