cabbage-react 1.0.48 → 1.0.49

package/dist/hooks/useCabbageMessage.d.ts

@@ -2,9 +2,10 @@
  * Custom hook to get the latest message for a specific type from Cabbage backend.
  * This hook listens to messages sent from the backend and updates the local state
  * whenever new data is received.
- * @param messageType
+ * @param messageType - The value of the `type` property in the incoming message object to listen for.
+ * @param onMessage - Callback fires immediately (synchronous - bypasses state batching)
  */
-export declare const useCabbageMessage: <T>(messageType: string) => {
-    data: T | undefined;
+export declare const useCabbageMessage: <T>(messageType: string, onMessage?: (message: T) => void) => {
+    message: T | undefined;
 };
 //# sourceMappingURL=useCabbageMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCabbageMessage.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageMessage.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,eAAe,MAAM;;CA8BvD,CAAC"}
+{"version":3,"file":"useCabbageMessage.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageMessage.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,eACrB,MAAM,cACP,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI;;CA0BhC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCabbageProperties.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageProperties.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,cAAe,MAAM;;CAgCrD,CAAC"}
+{"version":3,"file":"useCabbageProperties.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageProperties.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,cAAe,MAAM;;CA8BrD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCabbageState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageState.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,aACrB,MAAM,YACR,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU;;sBAOb,CAAC;CA6FnC,CAAC"}
+{"version":3,"file":"useCabbageState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageState.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,aACrB,MAAM,YACR,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU;;sBAOb,CAAC;CA2FnC,CAAC"}

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");class M{static sendControlData({channel:n,value:s,gesture:a="complete"},o=null){const e={command:"controlData",channel:n,value:s,gesture:a};o!==null?o.postMessage(e):typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(e):window.parent!==window?window.parent.postMessage(e,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",e)}static isReadyToLoad(n=null,s={}){this.sendCustomCommand("isReadyToLoad",n)}static sendMidiMessageFromUI(n,s,a,o=null){var e={statusByte:n,dataByte1:s,dataByte2:a};const i={command:"midiMessage",obj:JSON.stringify(e)};o!==null?o.postMessage(i):typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(i):window.parent!==window?window.parent.postMessage(i,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",i)}static MidiMessageFromHost(n,s,a){}static triggerFileOpenDialog(n,s,a={}){var o={channel:s,directory:a.directory||"",filters:a.filters||"*",openAtLastKnownLocation:a.openAtLastKnownLocation!==void 0?a.openAtLastKnownLocation:!0};const e={command:"fileOpen",obj:JSON.stringify(o)};n!==null?n.postMessage(e):typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(e):window.parent!==window?window.parent.postMessage(e,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",e)}static openUrl(n,s,a){var o={url:s,file:a};const e={command:"openUrl",obj:JSON.stringify(o)};n!==null?n.postMessage(e):typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(e):window.parent!==window?window.parent.postMessage(e,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",e)}static requestResize(n,s,a=null){const o={command:"requestResize",width:n,height:s};if(a!==null){console.warn("Cabbage: requestResize is not supported in VS Code extension mode");return}else typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(o):window.parent!==window?window.parent.postMessage(o,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",o)}static consumeKeypresses(n){typeof window.consumeKeypresses=="function"&&window.consumeKeypresses(n)}static sendChannelData(n,s,a=null){var o={channel:n};if(typeof s=="string")o.stringData=s;else if(typeof s=="number")o.floatData=s;else{console.warn("Cabbage: sendChannelData received unsupported data type:",typeof s);return}const e={command:"channelData",obj:JSON.stringify(o)};a!==null?a.postMessage(e):typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(e):window.parent!==window?window.parent.postMessage(e,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",e)}static sendWidgetUpdate(n,s=null){const a={command:"widgetStateUpdate",obj:JSON.stringify(CabbageUtils.sanitizeForEditor(n))};s!==null?s.postMessage(a):typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(a):window.parent!==window?window.parent.postMessage(a,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",a)}static addMessageListener(n){const s=a=>{a.source!==window&&n(a.data)};return window.addEventListener("message",s),window.hostMessageCallback=n,()=>{window.removeEventListener("message",s),window.hostMessageCallback===n&&(window.hostMessageCallback=null)}}static sendCustomCommand(n,s=null,a={}){const o={command:n,text:JSON.stringify(a)};if(s!==null)s.postMessage(o);else if(typeof window.sendMessageFromUI=="function")try{const e=window.sendMessageFromUI(o)}catch(e){console.error("Cabbage: sendMessageFromUI threw error:",e),console.error("Cabbage: Error stack:",e.stack)}else window.parent!==window?window.parent.postMessage(o,"*"):(console.error("Cabbage: window.sendMessageFromUI is not available yet. Message:",o),console.error("Cabbage: typeof window.sendMessageFromUI:",typeof window.sendMessageFromUI),console.error("Cabbage: window.sendMessageFromUI value:",window.sendMessageFromUI))}}const C=r=>{const[n,s]=l.useState();return l.useEffect(()=>{const a=o=>{const{id:e,widgetJson:i,command:f}=o.data;if(e===r&&i&&f==="widgetUpdate"){const t=JSON.parse(i);console.log(`[Cabbage-React] Received properties for channelId: ${e}`,t),s(t)}};return window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}},[]),{properties:n}},y=(r,n="complete")=>{const{properties:s}=C(r),[a,o]=l.useState(),[e,i]=l.useState(),f=t=>{o(t),M.sendControlData({channel:r,value:t,gesture:n})};return l.useEffect(()=>{var m;const t=s==null?void 0:s.channels.find(d=>d.id===r);if(!t)return;const g=t.parameterIndex;if(e===void 0&&g!==void 0&&(console.log(`[Cabbage-React] Received parameterIndex for channelId: ${t.id}`,g),i(g)),a!==void 0)return;const w=(m=t.range)==null?void 0:m.value;w!=null&&(console.log(`[Cabbage-React] Received initial value for channelId: ${t.id}`,w),o(w))},[s]),l.useEffect(()=>{const t=g=>{var m;const{command:w}=g.data;if(w==="parameterChange"){const{value:d,paramIdx:c}=g.data.data;if(c!==e||d===null)return;console.log(`[Cabbage-React] Received parameterChange for parameterIndex: ${c}`,d),o(d)}else if(w==="batchWidgetUpdate"){const d=g.data.widgets,c=d==null?void 0:d.find(p=>p.id===r);if(!c)return;const u=JSON.parse(c.widgetJson).channels.find(p=>p.id===r),b=(m=u==null?void 0:u.range)==null?void 0:m.value;console.log(`[Cabbage-React] Received batch widget update for channelId: ${c.id}`,b),o(b)}};return window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}},[e]),{value:a,setValue:f}},I=r=>{const[n,s]=l.useState();return l.useEffect(()=>{const a=o=>{const{data:e,type:i}=o;if(e&&i==="message"){if(e.type!==r)return;console.log(`[Cabbage-React] Received data for messageType: ${e.type}`,e),s(e)}};return window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}},[]),{data:n}};exports.Cabbage=M;exports.useCabbageMessage=I;exports.useCabbageProperties=C;exports.useCabbageState=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");class M{static sendControlData({channel:s,value:e,gesture:a="complete"},o=null){const n={command:"controlData",channel:s,value:e,gesture:a};o!==null?o.postMessage(n):typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(n):window.parent!==window?window.parent.postMessage(n,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",n)}static isReadyToLoad(s=null,e={}){this.sendCustomCommand("isReadyToLoad",s)}static sendMidiMessageFromUI(s,e,a,o=null){var n={statusByte:s,dataByte1:e,dataByte2:a};const t={command:"midiMessage",obj:JSON.stringify(n)};o!==null?o.postMessage(t):typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(t):window.parent!==window?window.parent.postMessage(t,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",t)}static MidiMessageFromHost(s,e,a){}static triggerFileOpenDialog(s,e,a={}){var o={channel:e,directory:a.directory||"",filters:a.filters||"*",openAtLastKnownLocation:a.openAtLastKnownLocation!==void 0?a.openAtLastKnownLocation:!0};const n={command:"fileOpen",obj:JSON.stringify(o)};s!==null?s.postMessage(n):typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(n):window.parent!==window?window.parent.postMessage(n,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",n)}static openUrl(s,e,a){var o={url:e,file:a};const n={command:"openUrl",obj:JSON.stringify(o)};s!==null?s.postMessage(n):typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(n):window.parent!==window?window.parent.postMessage(n,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",n)}static requestResize(s,e,a=null){const o={command:"requestResize",width:s,height:e};if(a!==null){console.warn("Cabbage: requestResize is not supported in VS Code extension mode");return}else typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(o):window.parent!==window?window.parent.postMessage(o,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",o)}static consumeKeypresses(s){typeof window.consumeKeypresses=="function"&&window.consumeKeypresses(s)}static sendChannelData(s,e,a=null){var o={channel:s};if(typeof e=="string")o.stringData=e;else if(typeof e=="number")o.floatData=e;else{console.warn("Cabbage: sendChannelData received unsupported data type:",typeof e);return}const n={command:"channelData",obj:JSON.stringify(o)};a!==null?a.postMessage(n):typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(n):window.parent!==window?window.parent.postMessage(n,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",n)}static sendWidgetUpdate(s,e=null){const a={command:"widgetStateUpdate",obj:JSON.stringify(CabbageUtils.sanitizeForEditor(s))};e!==null?e.postMessage(a):typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(a):window.parent!==window?window.parent.postMessage(a,"*"):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",a)}static addMessageListener(s){const e=a=>{a.source!==window&&s(a.data)};return window.addEventListener("message",e),window.hostMessageCallback=s,()=>{window.removeEventListener("message",e),window.hostMessageCallback===s&&(window.hostMessageCallback=null)}}static sendCustomCommand(s,e=null,a={}){const o={command:s,text:JSON.stringify(a)};if(e!==null)e.postMessage(o);else if(typeof window.sendMessageFromUI=="function")try{const n=window.sendMessageFromUI(o)}catch(n){console.error("Cabbage: sendMessageFromUI threw error:",n),console.error("Cabbage: Error stack:",n.stack)}else window.parent!==window?window.parent.postMessage(o,"*"):(console.error("Cabbage: window.sendMessageFromUI is not available yet. Message:",o),console.error("Cabbage: typeof window.sendMessageFromUI:",typeof window.sendMessageFromUI),console.error("Cabbage: window.sendMessageFromUI value:",window.sendMessageFromUI))}}const C=r=>{const[s,e]=l.useState();return l.useEffect(()=>{const a=o=>{const{id:n,widgetJson:t,command:m}=o.data;if(n===r&&t&&m==="widgetUpdate"){const i=JSON.parse(t);console.log(`[Cabbage-React] Received properties for channelId: ${n}`,i),e(i)}};return window.addEventListener("message",a),()=>window.removeEventListener("message",a)},[]),{properties:s}},y=(r,s="complete")=>{const{properties:e}=C(r),[a,o]=l.useState(),[n,t]=l.useState(),m=i=>{o(i),M.sendControlData({channel:r,value:i,gesture:s})};return l.useEffect(()=>{var f;const i=e==null?void 0:e.channels.find(d=>d.id===r);if(!i)return;const g=i.parameterIndex;if(n===void 0&&g!==void 0&&(console.log(`[Cabbage-React] Received parameterIndex for channelId: ${i.id}`,g),t(g)),a!==void 0)return;const w=(f=i.range)==null?void 0:f.value;w!=null&&(console.log(`[Cabbage-React] Received initial value for channelId: ${i.id}`,w),o(w))},[e]),l.useEffect(()=>{const i=g=>{var f;const{command:w}=g.data;if(w==="parameterChange"){const{value:d,paramIdx:c}=g.data.data;if(c!==n||d===null)return;console.log(`[Cabbage-React] Received parameterChange for parameterIndex: ${c}`,d),o(d)}else if(w==="batchWidgetUpdate"){const d=g.data.widgets,c=d==null?void 0:d.find(p=>p.id===r);if(!c)return;const u=JSON.parse(c.widgetJson).channels.find(p=>p.id===r),b=(f=u==null?void 0:u.range)==null?void 0:f.value;console.log(`[Cabbage-React] Received batch widget update for channelId: ${c.id}`,b),o(b)}};return window.addEventListener("message",i),()=>window.removeEventListener("message",i)},[n]),{value:a,setValue:m}},I=(r,s)=>{const[e,a]=l.useState();return l.useEffect(()=>{const o=n=>{const{data:t,type:m}=n;!t||m!=="message"||t.type===r&&(console.log(`[Cabbage-React] Received data for messageType: ${t.type}`,t),s&&s(t),a(t))};return window.addEventListener("message",o),()=>window.removeEventListener("message",o)},[r,s]),{message:e}};exports.Cabbage=M;exports.useCabbageMessage=I;exports.useCabbageProperties=C;exports.useCabbageState=y;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { useState as m, useEffect as f } from "react";
+import { useState as f, useEffect as p } from "react";
 class C {
   /**
    * Send a widget value change to the Cabbage backend.
@@ -20,16 +20,16 @@ class C {
    * @param {string} [data.gesture="complete"] - The gesture type: "begin" (start of interaction), "value" (during interaction), "end" (end of continuous interaction), or "complete" (discrete action e.g. button click).
    * @param {Object|null} vscode - VS Code API object (null for plugin mode)
    */
-  static sendControlData({ channel: a, value: s, gesture: n = "complete" }, o = null) {
-    const e = {
+  static sendControlData({ channel: s, value: e, gesture: n = "complete" }, o = null) {
+    const a = {
       command: "controlData",
-      channel: a,
-      value: s,
+      channel: s,
+      value: e,
       gesture: n
     };
-    o !== null ? o.postMessage(e) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(e) : window.parent !== window ? window.parent.postMessage(e, "*") : console.error(
+    o !== null ? o.postMessage(a) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(a) : window.parent !== window ? window.parent.postMessage(a, "*") : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      e
+      a
     );
   }
   /**
@@ -38,8 +38,8 @@ class C {
    * @param {Object|null} vscode - VS Code API object (null for plugin mode)
    * @param {Object} additionalData - Additional initialization data
    */
-  static isReadyToLoad(a = null, s = {}) {
-    this.sendCustomCommand("isReadyToLoad", a);
+  static isReadyToLoad(s = null, e = {}) {
+    this.sendCustomCommand("isReadyToLoad", s);
   }
   /**
    * Send a MIDI message from the UI to the Cabbage backend.
@@ -49,19 +49,19 @@ class C {
    * @param {number} dataByte2 - Second MIDI data byte
    * @param {Object|null} vscode - VS Code API object (null for plugin mode)
    */
-  static sendMidiMessageFromUI(a, s, n, o = null) {
-    var e = {
-      statusByte: a,
-      dataByte1: s,
+  static sendMidiMessageFromUI(s, e, n, o = null) {
+    var a = {
+      statusByte: s,
+      dataByte1: e,
       dataByte2: n
     };
-    const i = {
+    const t = {
       command: "midiMessage",
-      obj: JSON.stringify(e)
+      obj: JSON.stringify(a)
     };
-    o !== null ? o.postMessage(i) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(i) : window.parent !== window ? window.parent.postMessage(i, "*") : console.error(
+    o !== null ? o.postMessage(t) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(t) : window.parent !== window ? window.parent.postMessage(t, "*") : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      i
+      t
     );
   }
   /**
@@ -71,7 +71,7 @@ class C {
    * @param {number} dataByte1 - First MIDI data byte
    * @param {number} dataByte2 - Second MIDI data byte
    */
-  static MidiMessageFromHost(a, s, n) {
+  static MidiMessageFromHost(s, e, n) {
   }
   /**
    * Trigger a native file open dialog for file selection widgets.
@@ -83,20 +83,20 @@ class C {
    * @param {string} [options.filters="*"] - File filters (e.g., "*.wav;*.aiff")
    * @param {boolean} [options.openAtLastKnownLocation=true] - Whether to open at last known location
    */
-  static triggerFileOpenDialog(a, s, n = {}) {
+  static triggerFileOpenDialog(s, e, n = {}) {
     var o = {
-      channel: s,
+      channel: e,
       directory: n.directory || "",
       filters: n.filters || "*",
       openAtLastKnownLocation: n.openAtLastKnownLocation !== void 0 ? n.openAtLastKnownLocation : !0
     };
-    const e = {
+    const a = {
       command: "fileOpen",
       obj: JSON.stringify(o)
     };
-    a !== null ? a.postMessage(e) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(e) : window.parent !== window ? window.parent.postMessage(e, "*") : console.error(
+    s !== null ? s.postMessage(a) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(a) : window.parent !== window ? window.parent.postMessage(a, "*") : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      e
+      a
     );
   }
   /**
@@ -106,18 +106,18 @@ class C {
    * @param {string} url - URL to open
    * @param {string} file - File path to open
    */
-  static openUrl(a, s, n) {
+  static openUrl(s, e, n) {
     var o = {
-      url: s,
+      url: e,
       file: n
     };
-    const e = {
+    const a = {
       command: "openUrl",
       obj: JSON.stringify(o)
     };
-    a !== null ? a.postMessage(e) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(e) : window.parent !== window ? window.parent.postMessage(e, "*") : console.error(
+    s !== null ? s.postMessage(a) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(a) : window.parent !== window ? window.parent.postMessage(a, "*") : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      e
+      a
     );
   }
   /**
@@ -132,11 +132,11 @@ class C {
    * The response will be sent via hostMessageCallback with:
    * {command: "resizeResponse", accepted: boolean, width: number, height: number}
    */
-  static requestResize(a, s, n = null) {
+  static requestResize(s, e, n = null) {
     const o = {
       command: "requestResize",
-      width: a,
-      height: s
+      width: s,
+      height: e
     };
     if (n !== null) {
       console.warn(
@@ -168,8 +168,8 @@ class C {
    * myCustomEditor.addEventListener('focus', () => Cabbage.consumeKeypresses(true));
    * myCustomEditor.addEventListener('blur',  () => Cabbage.consumeKeypresses(false));
    */
-  static consumeKeypresses(a) {
-    typeof window.consumeKeypresses == "function" && window.consumeKeypresses(a);
+  static consumeKeypresses(s) {
+    typeof window.consumeKeypresses == "function" && window.consumeKeypresses(s);
   }
   /**
    * Send channel data directly to Csound without DAW automation involvement.
@@ -178,28 +178,28 @@ class C {
    * @param {number|string} data - The data to send (number or string)
    * @param {Object|null} vscode - VS Code API object (null for plugin mode)
    */
-  static sendChannelData(a, s, n = null) {
+  static sendChannelData(s, e, n = null) {
     var o = {
-      channel: a
+      channel: s
     };
-    if (typeof s == "string")
-      o.stringData = s;
-    else if (typeof s == "number")
-      o.floatData = s;
+    if (typeof e == "string")
+      o.stringData = e;
+    else if (typeof e == "number")
+      o.floatData = e;
     else {
       console.warn(
         "Cabbage: sendChannelData received unsupported data type:",
-        typeof s
+        typeof e
       );
       return;
     }
-    const e = {
+    const a = {
       command: "channelData",
       obj: JSON.stringify(o)
     };
-    n !== null ? n.postMessage(e) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(e) : window.parent !== window ? window.parent.postMessage(e, "*") : console.error(
+    n !== null ? n.postMessage(a) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(a) : window.parent !== window ? window.parent.postMessage(a, "*") : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      e
+      a
     );
   }
   /**
@@ -209,12 +209,12 @@ class C {
    * @param {Object} widget - The widget configuration object to update
    * @param {Object|null} vscode - VS Code API object (null for plugin mode)
    */
-  static sendWidgetUpdate(a, s = null) {
+  static sendWidgetUpdate(s, e = null) {
     const n = {
       command: "widgetStateUpdate",
-      obj: JSON.stringify(CabbageUtils.sanitizeForEditor(a))
+      obj: JSON.stringify(CabbageUtils.sanitizeForEditor(s))
     };
-    s !== null ? s.postMessage(n) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : window.parent !== window ? window.parent.postMessage(n, "*") : console.error(
+    e !== null ? e.postMessage(n) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : window.parent !== window ? window.parent.postMessage(n, "*") : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
       n
     );
@@ -254,26 +254,26 @@ class C {
    * onMount(() => { remove = Cabbage.addMessageListener((msg) => { ... }); });
    * onDestroy(() => remove?.());
    */
-  static addMessageListener(a) {
-    const s = (n) => {
-      n.source !== window && a(n.data);
+  static addMessageListener(s) {
+    const e = (n) => {
+      n.source !== window && s(n.data);
     };
-    return window.addEventListener("message", s), window.hostMessageCallback = a, () => {
-      window.removeEventListener("message", s), window.hostMessageCallback === a && (window.hostMessageCallback = null);
+    return window.addEventListener("message", e), window.hostMessageCallback = s, () => {
+      window.removeEventListener("message", e), window.hostMessageCallback === s && (window.hostMessageCallback = null);
     };
   }
-  static sendCustomCommand(a, s = null, n = {}) {
+  static sendCustomCommand(s, e = null, n = {}) {
     const o = {
-      command: a,
+      command: s,
       text: JSON.stringify(n)
     };
-    if (s !== null)
-      s.postMessage(o);
+    if (e !== null)
+      e.postMessage(o);
     else if (typeof window.sendMessageFromUI == "function")
       try {
-        const e = window.sendMessageFromUI(o);
-      } catch (e) {
-        console.error("Cabbage: sendMessageFromUI threw error:", e), console.error("Cabbage: Error stack:", e.stack);
+        const a = window.sendMessageFromUI(o);
+      } catch (a) {
+        console.error("Cabbage: sendMessageFromUI threw error:", a), console.error("Cabbage: Error stack:", a.stack);
       }
     else window.parent !== window ? window.parent.postMessage(o, "*") : (console.error(
       "Cabbage: window.sendMessageFromUI is not available yet. Message:",
@@ -288,55 +288,53 @@ class C {
   }
 }
 const y = (r) => {
-  const [a, s] = m();
-  return f(() => {
+  const [s, e] = f();
+  return p(() => {
     const n = (o) => {
-      const { id: e, widgetJson: i, command: p } = o.data;
-      if (e === r && i && p === "widgetUpdate") {
-        const t = JSON.parse(i);
+      const { id: a, widgetJson: t, command: c } = o.data;
+      if (a === r && t && c === "widgetUpdate") {
+        const i = JSON.parse(t);
         console.log(
-          `[Cabbage-React] Received properties for channelId: ${e}`,
-          t
-        ), s(t);
+          `[Cabbage-React] Received properties for channelId: ${a}`,
+          i
+        ), e(i);
       }
     };
-    return window.addEventListener("message", n), () => {
-      window.removeEventListener("message", n);
-    };
+    return window.addEventListener("message", n), () => window.removeEventListener("message", n);
   }, []), {
-    properties: a
+    properties: s
   };
-}, F = (r, a = "complete") => {
-  const { properties: s } = y(r), [n, o] = m(), [e, i] = m(), p = (t) => {
-    o(t), C.sendControlData({
+}, F = (r, s = "complete") => {
+  const { properties: e } = y(r), [n, o] = f(), [a, t] = f(), c = (i) => {
+    o(i), C.sendControlData({
       channel: r,
-      value: t,
-      gesture: a
+      value: i,
+      gesture: s
     });
   };
-  return f(() => {
-    var c;
-    const t = s == null ? void 0 : s.channels.find(
+  return p(() => {
+    var m;
+    const i = e == null ? void 0 : e.channels.find(
       (d) => d.id === r
     );
-    if (!t) return;
-    const l = t.parameterIndex;
-    if (e === void 0 && l !== void 0 && (console.log(
-      `[Cabbage-React] Received parameterIndex for channelId: ${t.id}`,
+    if (!i) return;
+    const l = i.parameterIndex;
+    if (a === void 0 && l !== void 0 && (console.log(
+      `[Cabbage-React] Received parameterIndex for channelId: ${i.id}`,
       l
-    ), i(l)), n !== void 0) return;
-    const w = (c = t.range) == null ? void 0 : c.value;
+    ), t(l)), n !== void 0) return;
+    const w = (m = i.range) == null ? void 0 : m.value;
     w != null && (console.log(
-      `[Cabbage-React] Received initial value for channelId: ${t.id}`,
+      `[Cabbage-React] Received initial value for channelId: ${i.id}`,
       w
     ), o(w));
-  }, [s]), f(() => {
-    const t = (l) => {
-      var c;
+  }, [e]), p(() => {
+    const i = (l) => {
+      var m;
       const { command: w } = l.data;
       if (w === "parameterChange") {
         const { value: d, paramIdx: g } = l.data.data;
-        if (g !== e || d === null) return;
+        if (g !== a || d === null) return;
         console.log(
           `[Cabbage-React] Received parameterChange for parameterIndex: ${g}`,
           d
@@ -346,39 +344,30 @@ const y = (r) => {
         if (!g) return;
         const u = JSON.parse(g.widgetJson).channels.find(
           (b) => b.id === r
-        ), M = (c = u == null ? void 0 : u.range) == null ? void 0 : c.value;
+        ), M = (m = u == null ? void 0 : u.range) == null ? void 0 : m.value;
         console.log(
           `[Cabbage-React] Received batch widget update for channelId: ${g.id}`,
           M
         ), o(M);
       }
     };
-    return window.addEventListener("message", t), () => {
-      window.removeEventListener("message", t);
-    };
-  }, [e]), {
+    return window.addEventListener("message", i), () => window.removeEventListener("message", i);
+  }, [a]), {
     value: n,
-    setValue: p
+    setValue: c
   };
-}, v = (r) => {
-  const [a, s] = m();
-  return f(() => {
-    const n = (o) => {
-      const { data: e, type: i } = o;
-      if (e && i === "message") {
-        if (e.type !== r) return;
-        console.log(
-          `[Cabbage-React] Received data for messageType: ${e.type}`,
-          e
-        ), s(e);
-      }
-    };
-    return window.addEventListener("message", n), () => {
-      window.removeEventListener("message", n);
+}, v = (r, s) => {
+  const [e, n] = f();
+  return p(() => {
+    const o = (a) => {
+      const { data: t, type: c } = a;
+      !t || c !== "message" || t.type === r && (console.log(
+        `[Cabbage-React] Received data for messageType: ${t.type}`,
+        t
+      ), s && s(t), n(t));
     };
-  }, []), {
-    data: a
-  };
+    return window.addEventListener("message", o), () => window.removeEventListener("message", o);
+  }, [r, s]), { message: e };
 };
 export {
   C as Cabbage,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cabbage-react",
-	"version": "1.0.48",
+	"version": "1.0.49",
 	"type": "module",
 	"keywords": [
 		"cabbage",