cabbage-react 1.0.34 → 1.0.35

package/dist/hooks/useCabbageMessage.d.ts

@@ -5,6 +5,6 @@
  * @param messageId
  */
 export declare const useCabbageMessage: <T>(messageId: string) => {
-    message: T | undefined;
+    data: 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,aAAa,MAAM;;CAkCrD,CAAC"}
+{"version":3,"file":"useCabbageMessage.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageMessage.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,aAAa,MAAM;;CA8BrD,CAAC"}

package/dist/index.cjs

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

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { useState as f, useEffect as b } from "react";
+import { useState as w, useEffect as f } from "react";
 console.log("Cabbage: loading cabbage.js");
 class C {
   /**
@@ -21,16 +21,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: o, value: e, gesture: s = "complete" }, a = null) {
-    const n = {
+  static sendControlData({ channel: o, value: s, gesture: a = "complete" }, n = null) {
+    const e = {
       command: "controlData",
       channel: o,
-      value: e,
-      gesture: s
+      value: s,
+      gesture: a
     };
-    a !== null ? a.postMessage(n) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : console.error(
+    n !== null ? n.postMessage(e) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(e) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      n
+      e
     );
   }
   /**
@@ -39,7 +39,7 @@ class C {
    * @param {Object|null} vscode - VS Code API object (null for plugin mode)
    * @param {Object} additionalData - Additional initialization data
    */
-  static isReadyToLoad(o = null, e = {}) {
+  static isReadyToLoad(o = null, s = {}) {
     this.sendCustomCommand("isReadyToLoad", o);
   }
   /**
@@ -50,17 +50,17 @@ class C {
    * @param {number} dataByte2 - Second MIDI data byte
    * @param {Object|null} vscode - VS Code API object (null for plugin mode)
    */
-  static sendMidiMessageFromUI(o, e, s, a = null) {
-    var n = {
+  static sendMidiMessageFromUI(o, s, a, n = null) {
+    var e = {
       statusByte: o,
-      dataByte1: e,
-      dataByte2: s
+      dataByte1: s,
+      dataByte2: a
     };
     const r = {
       command: "midiMessage",
-      obj: JSON.stringify(n)
+      obj: JSON.stringify(e)
     };
-    a !== null ? a.postMessage(r) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(r) : console.error(
+    n !== null ? n.postMessage(r) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(r) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
       r
     );
@@ -72,9 +72,9 @@ class C {
    * @param {number} dataByte1 - First MIDI data byte
    * @param {number} dataByte2 - Second MIDI data byte
    */
-  static MidiMessageFromHost(o, e, s) {
+  static MidiMessageFromHost(o, s, a) {
     console.log(
-      "Cabbage: Got MIDI Message" + o + ":" + e + ":" + s
+      "Cabbage: Got MIDI Message" + o + ":" + s + ":" + a
     );
   }
   /**
@@ -87,20 +87,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(o, e, s = {}) {
-    var a = {
-      channel: e,
-      directory: s.directory || "",
-      filters: s.filters || "*",
-      openAtLastKnownLocation: s.openAtLastKnownLocation !== void 0 ? s.openAtLastKnownLocation : !0
+  static triggerFileOpenDialog(o, s, a = {}) {
+    var n = {
+      channel: s,
+      directory: a.directory || "",
+      filters: a.filters || "*",
+      openAtLastKnownLocation: a.openAtLastKnownLocation !== void 0 ? a.openAtLastKnownLocation : !0
     };
-    const n = {
+    const e = {
       command: "fileOpen",
-      obj: JSON.stringify(a)
+      obj: JSON.stringify(n)
     };
-    o !== null ? o.postMessage(n) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : console.error(
+    o !== null ? o.postMessage(e) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(e) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      n
+      e
     );
   }
   /**
@@ -110,18 +110,18 @@ class C {
    * @param {string} url - URL to open
    * @param {string} file - File path to open
    */
-  static openUrl(o, e, s) {
-    var a = {
-      url: e,
-      file: s
+  static openUrl(o, s, a) {
+    var n = {
+      url: s,
+      file: a
     };
-    const n = {
+    const e = {
       command: "openUrl",
-      obj: JSON.stringify(a)
+      obj: JSON.stringify(n)
     };
-    o !== null ? o.postMessage(n) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : console.error(
+    o !== null ? o.postMessage(e) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(e) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      n
+      e
     );
   }
   /**
@@ -136,21 +136,21 @@ class C {
    * The response will be sent via hostMessageCallback with:
    * {command: "resizeResponse", accepted: boolean, width: number, height: number}
    */
-  static requestResize(o, e, s = null) {
-    const a = {
+  static requestResize(o, s, a = null) {
+    const n = {
       command: "requestResize",
       width: o,
-      height: e
+      height: s
     };
-    if (s !== null) {
+    if (a !== null) {
       console.warn(
         "Cabbage: requestResize is not supported in VS Code extension mode"
       );
       return;
     } else
-      typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(a) : console.error(
+      typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : console.error(
         "Cabbage: window.sendMessageFromUI is not available. Message:",
-        a
+        n
       );
   }
   /**
@@ -160,28 +160,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(o, e, s = null) {
-    var a = {
+  static sendChannelData(o, s, a = null) {
+    var n = {
       channel: o
     };
-    if (typeof e == "string")
-      a.stringData = e;
-    else if (typeof e == "number")
-      a.floatData = e;
+    if (typeof s == "string")
+      n.stringData = s;
+    else if (typeof s == "number")
+      n.floatData = s;
     else {
       console.warn(
         "Cabbage: sendChannelData received unsupported data type:",
-        typeof e
+        typeof s
       );
       return;
     }
-    const n = {
+    const e = {
       command: "channelData",
-      obj: JSON.stringify(a)
+      obj: JSON.stringify(n)
     };
-    console.log("Cabbage: sending channel data from UI", a), s !== null ? s.postMessage(n) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : console.error(
+    console.log("Cabbage: sending channel data from UI", n), a !== null ? a.postMessage(e) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(e) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      n
+      e
     );
   }
   /**
@@ -191,14 +191,14 @@ 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(o, e = null) {
-    const s = {
+  static sendWidgetUpdate(o, s = null) {
+    const a = {
       command: "widgetStateUpdate",
       obj: JSON.stringify(CabbageUtils.sanitizeForEditor(o))
     };
-    e !== null ? e.postMessage(s) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(s) : console.error(
+    s !== null ? s.postMessage(a) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(a) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      s
+      a
     );
   }
   /**
@@ -208,25 +208,25 @@ class C {
    * @param {Object|null} vscode - VS Code API object (null for plugin mode)
    * @param {Object} additionalData - Additional data to include in the command
    */
-  static sendCustomCommand(o, e = null, s = {}) {
-    const a = {
+  static sendCustomCommand(o, s = null, a = {}) {
+    const n = {
       command: o,
-      text: JSON.stringify(s)
+      text: JSON.stringify(a)
     };
-    if (e !== null)
-      e.postMessage(a);
+    if (s !== null)
+      s.postMessage(n);
     else if (typeof window.sendMessageFromUI == "function") {
-      console.log("Cabbage: Calling window.sendMessageFromUI with:", a);
+      console.log("Cabbage: Calling window.sendMessageFromUI with:", n);
       try {
-        const n = window.sendMessageFromUI(a);
-        console.log("Cabbage: sendMessageFromUI returned:", n);
-      } catch (n) {
-        console.error("Cabbage: sendMessageFromUI threw error:", n), console.error("Cabbage: Error stack:", n.stack);
+        const e = window.sendMessageFromUI(n);
+        console.log("Cabbage: sendMessageFromUI returned:", e);
+      } catch (e) {
+        console.error("Cabbage: sendMessageFromUI threw error:", e), console.error("Cabbage: Error stack:", e.stack);
       }
     } else
       console.error(
         "Cabbage: window.sendMessageFromUI is not available yet. Message:",
-        a
+        n
       ), console.error(
         "Cabbage: typeof window.sendMessageFromUI:",
         typeof window.sendMessageFromUI
@@ -237,103 +237,101 @@ class C {
   }
 }
 const I = (i) => {
-  const [o, e] = f();
-  return b(() => {
-    const s = (a) => {
-      const { id: n, widgetJson: r, command: l } = a.data;
-      if (n === i && r && l === "widgetUpdate") {
+  const [o, s] = w();
+  return f(() => {
+    const a = (n) => {
+      const { id: e, widgetJson: r, command: b } = n.data;
+      if (e === i && r && b === "widgetUpdate") {
         const t = JSON.parse(r);
         console.log(
-          `[Cabbage-React] Received properties for channelId ${n}`,
+          `[Cabbage-React] Received properties for channelId ${e}`,
           t
-        ), e(t);
+        ), s(t);
       }
     };
-    return window.addEventListener("message", s), () => {
-      window.removeEventListener("message", s);
+    return window.addEventListener("message", a), () => {
+      window.removeEventListener("message", a);
     };
   }, []), {
     properties: o
   };
-}, v = (i, o = "complete") => {
-  const { properties: e } = I(i), [s, a] = f(), [n, r] = f(), l = (t) => {
-    a(t), C.sendControlData({
+}, y = (i, o = "complete") => {
+  const { properties: s } = I(i), [a, n] = w(), [e, r] = w(), b = (t) => {
+    n(t), C.sendControlData({
       channel: i,
       value: t,
       gesture: o
     });
   };
-  return b(() => {
-    var w;
-    const t = e == null ? void 0 : e.channels.find(
+  return f(() => {
+    var m;
+    const t = s == null ? void 0 : s.channels.find(
       (d) => d.id === i
     );
     if (!t) return;
-    const g = t == null ? void 0 : t.parameterIndex;
-    n === void 0 && g !== void 0 && (console.log(
+    const l = t == null ? void 0 : t.parameterIndex;
+    e === void 0 && l !== void 0 && (console.log(
       `[Cabbage-React] Received parameterIndex for channelId "${t.id}"`,
-      g
-    ), r(g));
-    const c = (w = t.range) == null ? void 0 : w.defaultValue;
-    s === void 0 && c !== void 0 && (console.log(
+      l
+    ), r(l));
+    const g = (m = t.range) == null ? void 0 : m.defaultValue;
+    a === void 0 && g !== void 0 && (console.log(
       `[Cabbage-React] Received default value for channelId "${t.id}"`,
-      c
-    ), a(c));
-  }, [e]), b(() => {
-    const t = (g) => {
-      var w;
-      const { command: c } = g.data;
-      if (c === "parameterChange") {
-        const { value: d, paramIdx: m } = g.data.data;
-        if (m !== n || d === null) return;
+      g
+    ), n(g));
+  }, [s]), f(() => {
+    const t = (l) => {
+      var m;
+      const { command: g } = l.data;
+      if (g === "parameterChange") {
+        const { value: d, paramIdx: c } = l.data.data;
+        if (c !== e || d === null) return;
         console.log(
-          `[Cabbage-React] Received parameterChange for parameterIndex ${m}`,
+          `[Cabbage-React] Received parameterChange for parameterIndex ${c}`,
           d
-        ), a(d);
-      } else if (c === "batchWidgetUpdate") {
-        const d = g.data.widgets, m = d == null ? void 0 : d.find((M) => M.id === i);
-        if (!m) return;
-        const u = JSON.parse(m.widgetJson).channels.find(
+        ), n(d);
+      } else if (g === "batchWidgetUpdate") {
+        const d = l.data.widgets, c = d == null ? void 0 : d.find((M) => M.id === i);
+        if (!c) return;
+        const u = JSON.parse(c.widgetJson).channels.find(
           (M) => M.id === i
-        ), p = (w = u == null ? void 0 : u.range) == null ? void 0 : w.value;
+        ), p = (m = u == null ? void 0 : u.range) == null ? void 0 : m.value;
         console.log(
-          `[Cabbage-React] Received batch widget update for channelId ${m.id}`,
+          `[Cabbage-React] Received batch widget update for channelId ${c.id}`,
           p
-        ), a(p);
+        ), n(p);
       }
     };
     return window.addEventListener("message", t), () => {
       window.removeEventListener("message", t);
     };
-  }, [n]), {
-    value: s,
-    setValue: l
+  }, [e]), {
+    value: a,
+    setValue: b
   };
-}, y = (i) => {
-  const [o, e] = f();
-  return b(() => {
-    const s = (a) => {
-      console.log("message-event", a);
-      const { widgetJson: n, command: r } = a.data;
-      if (n && r === "widgetUpdate") {
-        const l = JSON.parse(n);
-        if (l.id !== i) return;
+}, v = (i) => {
+  const [o, s] = w();
+  return f(() => {
+    const a = (n) => {
+      const { data: e, type: r } = n.data;
+      if (e && r === "message") {
+        if (e.id !== i) return;
         console.log(
-          `[Cabbage-React] Received message for messageId ${l.id}`,
-          l
-        ), e(l);
+          `[Cabbage-React] Received data for messageId ${e.id}`,
+          e
+        ), s(e);
       }
     };
-    return window.addEventListener("message", s), () => {
-      window.removeEventListener("message", s);
+    return window.addEventListener("message", a), () => {
+      window.removeEventListener("message", a);
     };
   }, []), {
-    message: o
+    data: o
   };
 };
 export {
   C as Cabbage,
-  y as useCabbageMessage,
+  v as useCabbageMessage,
   I as useCabbageProperties,
-  v as useCabbageState
+  y as useCabbageState
 };

package/package.json

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