@gorilla-engine-sdk/ge-labeled-components 0.7.0

package/dist/core/useLabelValue.d.ts

@@ -0,0 +1,79 @@
+import { LabeledComponentProps } from './LabeledComponent';
+/**
+ * Props accepted by the useLabelValue hook.
+ * @see LabeledComponentProps
+ */
+export type UseLabelValueProps = LabeledComponentProps;
+/**
+ * Return value from the useLabelValue hook.
+ */
+export type UseLabelValueReturnProps = {
+    /** Current text for the name/text label. */
+    labelText: string;
+    /** Whether the text label should be visible. */
+    labelVisible: boolean;
+    /** Current text for the value label. */
+    valueText: string;
+    /** Whether the value label should be visible. */
+    valueVisible: boolean;
+    /** Update the text label content. */
+    setLabelText(t: string): void;
+    /** Update the value label content. */
+    setValueText(t: string): void;
+    /** Call when mouse enters the control. */
+    onMouseEnter(): void;
+    /** Call when mouse exits the control. */
+    onMouseExit(): void;
+    /** Call when mouse button is pressed on the control. */
+    onMouseDown(): void;
+    /** Call when mouse button is released. */
+    onMouseUp(): void;
+    /** Call when the parameter value changes. */
+    onValueChange(): void;
+};
+/**
+ * Hook for managing label and value display state in labeled components.
+ *
+ * @remarks
+ * This hook handles:
+ * - Subscribing to instrument parameter changes
+ * - Managing label/value visibility based on interaction
+ * - Formatting values using custom ranges
+ * - Providing event handlers for mouse interaction
+ *
+ * Use this hook when building custom labeled components that need the same
+ * label/value behavior as the built-in components.
+ *
+ * @param props - Configuration including instrument, property binding, and visibility settings
+ * @returns Object containing label state, setters, and event handlers
+ *
+ * @example
+ * ```tsx
+ * function CustomLabeledControl(props: LabeledComponentProps) {
+ *   const {
+ *     labelText,
+ *     labelVisible,
+ *     valueText,
+ *     valueVisible,
+ *     onMouseEnter,
+ *     onMouseExit,
+ *   } = useLabelValue(props);
+ *
+ *   return (
+ *     <LabeledComponent
+ *       {...props}
+ *       labelText={labelText}
+ *       labelVisible={labelVisible}
+ *       valueText={valueText}
+ *       valueVisible={valueVisible}
+ *     >
+ *       <MyCustomControl
+ *         onMouseEnter={onMouseEnter}
+ *         onMouseExit={onMouseExit}
+ *       />
+ *     </LabeledComponent>
+ *   );
+ * }
+ * ```
+ */
+export declare function useLabelValue(props: UseLabelValueProps): UseLabelValueReturnProps;

package/dist/core/useLabelValue.js

@@ -0,0 +1,172 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLabelValue = useLabelValue;
+const react_1 = require("react");
+const LabeledComponent_1 = require("./LabeledComponent");
+/**
+ * Hook for managing label and value display state in labeled components.
+ *
+ * @remarks
+ * This hook handles:
+ * - Subscribing to instrument parameter changes
+ * - Managing label/value visibility based on interaction
+ * - Formatting values using custom ranges
+ * - Providing event handlers for mouse interaction
+ *
+ * Use this hook when building custom labeled components that need the same
+ * label/value behavior as the built-in components.
+ *
+ * @param props - Configuration including instrument, property binding, and visibility settings
+ * @returns Object containing label state, setters, and event handlers
+ *
+ * @example
+ * ```tsx
+ * function CustomLabeledControl(props: LabeledComponentProps) {
+ *   const {
+ *     labelText,
+ *     labelVisible,
+ *     valueText,
+ *     valueVisible,
+ *     onMouseEnter,
+ *     onMouseExit,
+ *   } = useLabelValue(props);
+ *
+ *   return (
+ *     <LabeledComponent
+ *       {...props}
+ *       labelText={labelText}
+ *       labelVisible={labelVisible}
+ *       valueText={valueText}
+ *       valueVisible={valueVisible}
+ *     >
+ *       <MyCustomControl
+ *         onMouseEnter={onMouseEnter}
+ *         onMouseExit={onMouseExit}
+ *       />
+ *     </LabeledComponent>
+ *   );
+ * }
+ * ```
+ */
+function useLabelValue(props) {
+    const propsRef = (0, react_1.useRef)(props);
+    propsRef.current = props;
+    const [labelText, setLabelText] = (0, react_1.useState)('');
+    const [labelVisible, setLabelVisible] = (0, react_1.useState)(true);
+    const [valueText, setValueText] = (0, react_1.useState)('');
+    const [valueVisible, setValueVisible] = (0, react_1.useState)(props.hideValueLabel ? false : true);
+    (0, react_1.useEffect)(() => {
+        const property = (0, LabeledComponent_1.resolveInstrumentProperty)(props.instrument, props.instrumentProp);
+        const propertyKey = (0, LabeledComponent_1.getInstrumentPropertyKey)(props.instrumentProp);
+        if (!property)
+            return;
+        setLabelText(String(props.textLabel?.text || property.name));
+        setValueText(property.text);
+        if (!propertyKey || !props.instrument)
+            return;
+        const instrumentPropertyChangeHandler = () => {
+            const currentProperty = (0, LabeledComponent_1.resolveInstrumentProperty)(propsRef.current.instrument, propsRef.current.instrumentProp);
+            if (currentProperty)
+                setValueText(currentProperty.text);
+        };
+        props.instrument.on(propertyKey, instrumentPropertyChangeHandler);
+        return () => {
+            props.instrument.off(propertyKey, instrumentPropertyChangeHandler);
+        };
+    }, [props.instrument, props.instrumentProp, props.textLabel?.text]);
+    const toggleTextValueLabels = (0, react_1.useCallback)((showValue) => {
+        if (propsRef.current.hideTextValue)
+            setLabelVisible(!showValue);
+        if (propsRef.current.hideValueLabel)
+            setValueVisible(showValue);
+    }, []);
+    const onMouseEnter = (0, react_1.useCallback)(() => {
+        if (propsRef.current.toggleVisibilityOnHover) {
+            toggleTextValueLabels(true);
+            const property = (0, LabeledComponent_1.resolveInstrumentProperty)(propsRef.current.instrument, propsRef.current.instrumentProp);
+            if (property)
+                setValueText(property.text);
+        }
+    }, []);
+    const onMouseExit = (0, react_1.useCallback)(() => {
+        if (propsRef.current.toggleVisibilityOnHover) {
+            toggleTextValueLabels(false);
+        }
+    }, []);
+    const onMouseDown = (0, react_1.useCallback)(() => {
+        if (!propsRef.current.toggleVisibilityOnHover) {
+            toggleTextValueLabels(true);
+            const property = (0, LabeledComponent_1.resolveInstrumentProperty)(propsRef.current.instrument, propsRef.current.instrumentProp);
+            if (property)
+                setValueText(property.text);
+        }
+    }, []);
+    const onMouseUp = (0, react_1.useCallback)(() => {
+        if (!propsRef.current.toggleVisibilityOnHover) {
+            toggleTextValueLabels(false);
+        }
+    }, []);
+    const onValueChange = (0, react_1.useCallback)(() => {
+        const property = (0, LabeledComponent_1.resolveInstrumentProperty)(propsRef.current.instrument, propsRef.current.instrumentProp);
+        if (!property)
+            return;
+        if (propsRef.current.ranges)
+            setValueText(formatValueRange(propsRef.current.ranges, property.value));
+        else
+            setValueText(property.text);
+    }, []);
+    function formatValueRange(ranges, value) {
+        let isRange = false;
+        for (let range of ranges) {
+            if (range.from !== undefined &&
+                range.to !== undefined &&
+                value >= range.from &&
+                value <= range.to) {
+                isRange = true;
+                return formatText(range.text, value);
+            }
+            else if (range.from !== undefined && range.to === undefined && value >= range.from) {
+                isRange = true;
+                return formatText(range.text, value);
+            }
+            else if (range.from === undefined && range.to && value <= range.to) {
+                isRange = true;
+                return formatText(range.text, value);
+            }
+        }
+    }
+    function formatText(text, value) {
+        text = text.replace(/\$value(\((\d+)\))?/g, (match, _, decimalPlaces) => {
+            let number = value;
+            if (isNaN(number)) {
+                return 'Invalid number';
+            }
+            let formatted;
+            if (decimalPlaces !== undefined) {
+                formatted = number.toFixed(decimalPlaces);
+            }
+            else {
+                formatted = number.toFixed(0);
+            }
+            return formatted ?? number.toString();
+        });
+        return text.replace(/\$text_value(\((\d+)\))?/g, (match, _, decimalPlaces) => {
+            return ((0, LabeledComponent_1.resolveInstrumentProperty)(propsRef.current.instrument, propsRef.current.instrumentProp)
+                ?.text ?? '');
+        });
+    }
+    return {
+        labelText,
+        labelVisible,
+        valueText,
+        valueVisible,
+        setLabelText,
+        setValueText,
+        onMouseEnter,
+        onMouseExit,
+        onMouseDown,
+        onMouseUp,
+        onValueChange,
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGFiZWxWYWx1ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb3JlL3VzZUxhYmVsVmFsdWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUF1RkEsc0NBK0lDO0FBdE9ELGlDQUFpRTtBQUNqRSx5REFLNEI7QUFvQzVCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRDRztBQUNILFNBQWdCLGFBQWEsQ0FBQyxLQUF5QjtJQUNyRCxNQUFNLFFBQVEsR0FBRyxJQUFBLGNBQU0sRUFBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixRQUFRLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUV6QixNQUFNLENBQUMsU0FBUyxFQUFFLFlBQVksQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxFQUFFLENBQUMsQ0FBQztJQUMvQyxNQUFNLENBQUMsWUFBWSxFQUFFLGVBQWUsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxJQUFJLENBQUMsQ0FBQztJQUN2RCxNQUFNLENBQUMsU0FBUyxFQUFFLFlBQVksQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxFQUFFLENBQUMsQ0FBQztJQUMvQyxNQUFNLENBQUMsWUFBWSxFQUFFLGVBQWUsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRXRGLElBQUEsaUJBQVMsRUFBQyxHQUFHLEVBQUU7UUFDYixNQUFNLFFBQVEsR0FBRyxJQUFBLDRDQUF5QixFQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ25GLE1BQU0sV0FBVyxHQUFHLElBQUEsMkNBQXdCLEVBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ25FLElBQUksQ0FBQyxRQUFRO1lBQUUsT0FBTztRQUV0QixZQUFZLENBQUMsTUFB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

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @gorilla-engine-sdk/ge-labeled-components
+ *
+ * A library of labeled UI components for Gorilla Engine React audio plugins.
+ * Each component combines a control (knob, slider, toggle, etc.) with
+ * configurable text and value labels that can show/hide on interaction.
+ *
+ * @packageDocumentation
+ */
+import { LabeledComboBox, LabeledComboBoxProps } from './components/LabeledComboBox';
+import { LabeledKnob, LabeledKnobProps } from './components/LabeledKnob';
+import { LabeledMeterSlider, LabeledMeterSlidertProps } from './components/LabeledMeterSlider';
+import { LabeledRTToggle, LabeledRTToggleProps } from './components/LabeledRTToggle';
+import { LabeledSlider, LabeledSliderProps } from './components/LabeledSlider';
+import { LabeledToggle, LabeleddToggleProps } from './components/LabeledToggle';
+import { LabeledComponent, LabeledComponentContainerProps, LabeledComponentProps } from './core/LabeledComponent';
+import { useLabelValue } from './core/useLabelValue';
+export { useLabelValue, LabeledComponent, LabeledComponentContainerProps, LabeledComponentProps, LabeledComboBox, LabeledComboBoxProps, LabeledKnob, LabeledKnobProps, LabeledMeterSlider, LabeledMeterSlidertProps, LabeledSlider, LabeledSliderProps, LabeledToggle, LabeleddToggleProps, LabeledRTToggle, LabeledRTToggleProps, };

package/dist/index.js

@@ -0,0 +1,29 @@
+"use strict";
+/**
+ * @gorilla-engine-sdk/ge-labeled-components
+ *
+ * A library of labeled UI components for Gorilla Engine React audio plugins.
+ * Each component combines a control (knob, slider, toggle, etc.) with
+ * configurable text and value labels that can show/hide on interaction.
+ *
+ * @packageDocumentation
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabeledRTToggle = exports.LabeledToggle = exports.LabeledSlider = exports.LabeledMeterSlider = exports.LabeledKnob = exports.LabeledComboBox = exports.LabeledComponent = exports.useLabelValue = void 0;
+const LabeledComboBox_1 = require("./components/LabeledComboBox");
+Object.defineProperty(exports, "LabeledComboBox", { enumerable: true, get: function () { return LabeledComboBox_1.LabeledComboBox; } });
+const LabeledKnob_1 = require("./components/LabeledKnob");
+Object.defineProperty(exports, "LabeledKnob", { enumerable: true, get: function () { return LabeledKnob_1.LabeledKnob; } });
+const LabeledMeterSlider_1 = require("./components/LabeledMeterSlider");
+Object.defineProperty(exports, "LabeledMeterSlider", { enumerable: true, get: function () { return LabeledMeterSlider_1.LabeledMeterSlider; } });
+const LabeledRTToggle_1 = require("./components/LabeledRTToggle");
+Object.defineProperty(exports, "LabeledRTToggle", { enumerable: true, get: function () { return LabeledRTToggle_1.LabeledRTToggle; } });
+const LabeledSlider_1 = require("./components/LabeledSlider");
+Object.defineProperty(exports, "LabeledSlider", { enumerable: true, get: function () { return LabeledSlider_1.LabeledSlider; } });
+const LabeledToggle_1 = require("./components/LabeledToggle");
+Object.defineProperty(exports, "LabeledToggle", { enumerable: true, get: function () { return LabeledToggle_1.LabeledToggle; } });
+const LabeledComponent_1 = require("./core/LabeledComponent");
+Object.defineProperty(exports, "LabeledComponent", { enumerable: true, get: function () { return LabeledComponent_1.LabeledComponent; } });
+const useLabelValue_1 = require("./core/useLabelValue");
+Object.defineProperty(exports, "useLabelValue", { enumerable: true, get: function () { return useLabelValue_1.useLabelValue; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBOzs7Ozs7OztHQVFHOzs7QUFFSCxrRUFBcUY7QUFrQm5GLGdHQWxCTyxpQ0FBZSxPQWtCUDtBQWpCakIsMERBQXlFO0FBbUJ2RSw0RkFuQk8seUJBQVcsT0FtQlA7QUFsQmIsd0VBQStGO0FBb0I3RixtR0FwQk8sdUNBQWtCLE9Bb0JQO0FBbkJwQixrRUFBcUY7QUF5Qm5GLGdHQXpCTyxpQ0FBZSxPQXlCUDtBQXhCakIsOERBQStFO0FBb0I3RSw4RkFwQk8sNkJBQWEsT0FvQlA7QUFuQmYsOERBQWdGO0FBcUI5RSw4RkFyQk8sNkJBQWEsT0FxQlA7QUFwQmYsOERBSWlDO0FBSy9CLGlHQVJBLG1DQUFnQixPQVFBO0FBSmxCLHdEQUFxRDtBQUduRCw4RkFITyw2QkFBYSxPQUdQIn0=

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@gorilla-engine-sdk/ge-labeled-components",
+  "version": "0.7.0",
+  "description": "This package provides components that can be used to create labeled UI elements in Gorilla Engine plugins.",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE.md"
+  ],
+  "scripts": {
+    "test": "echo \"No tests specified for ge-labeled-components\"",
+    "prepack": "npm run build",
+    "start": "tsc -w",
+    "build": "npx tsc --declaration",
+    "ci:publish": "node ../../scripts/ci-publish.js"
+  },
+  "author": "UJAM Inc.",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "peerDependencies": {
+    "@gorilla-engine-sdk/gorilla-engine-react": "^1.6.1",
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@gorilla-engine-sdk/gorilla-engine-react": "^1.6.1",
+    "@types/gorilla-engine": "^1.1.11",
+    "@types/node": "^18.11.9",
+    "@types/react": "^19.2.16",
+    "@types/react-reconciler": "^0.33.0",
+    "react": "^19.0.0",
+    "typescript": "^6.0.3"
+  },
+  "homepage": "https://www.gorilla-engine.com/",
+  "keywords": [
+    "gorilla-engine",
+    "UJAM"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}