cabbage-react 1.0.52 → 1.0.54

package/dist/hooks/useCabbageMessage.d.ts

@@ -3,12 +3,15 @@
  * This hook listens to messages sent from the backend and updates the local state
  * whenever new data is received.
  * @param messageType - The value of the `type` property in the incoming message object to listen for.
- * @param onMessage - Callback fires immediately when receiving a new message (synchronous - bypasses state batching)
  * @param options - Optional configuration
+ * @param options.onMessage - Callback fires immediately when receiving a new message (synchronous - bypasses state batching)
  * @param options.skip - When true, the hook returns a NOP state and never registers listeners
+ * @param options.debug - When true, logs incoming messages for this hook to the console for debugging
  */
-export declare const useCabbageMessage: <T>(messageType: string, onMessage?: (message: T) => void, options?: {
+export declare const useCabbageMessage: <T>(messageType: string, options?: {
+    onMessage?: (message: T) => void;
     skip?: boolean;
+    debug?: boolean;
 }) => {
     message: T | undefined;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useCabbageMessage.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageMessage.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAClC,aAAa,MAAM,EACnB,YAAY,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,EAChC,UAAU;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE;;CA4B5B,CAAC"}
+{"version":3,"file":"useCabbageMessage.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageMessage.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAClC,aAAa,MAAM,EACnB,UAAU;IACT,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;;CA6BD,CAAC"}

package/dist/hooks/useCabbageProperties.d.ts

@@ -3,12 +3,15 @@
  * This hook listens for updates to parameter properties from the backend and updates the local state
  * whenever new data is received.
  * @param channelId
- * @param onPropertiesUpdate - Callback fires immediately when receiving an update to properties (synchronous - bypasses state batching)
  * @param options - Optional configuration
+ * @param options.onPropertiesUpdate - Callback fires immediately when receiving an update to properties (synchronous - bypasses state batching)
  * @param options.skip - When true, the hook returns a NOP state and never registers listeners
+ * @param options.debug - When true, logs incoming updates to properties for this hook to the console for debugging
  */
-export declare const useCabbageProperties: (channelId: string, onPropertiesUpdate?: (properties: Record<string, any>) => void, options?: {
+export declare const useCabbageProperties: (channelId: string, options?: {
+    onPropertiesUpdate?: (properties: Record<string, any>) => void;
     skip?: boolean;
+    debug?: boolean;
 }) => {
     properties: Record<string, any> | undefined;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useCabbageProperties.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageProperties.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,GAChC,WAAW,MAAM,EACjB,qBAAqB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,EAC9D,UAAU;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE;;CAiC5B,CAAC"}
+{"version":3,"file":"useCabbageProperties.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageProperties.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,GAChC,WAAW,MAAM,EACjB,UAAU;IACT,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;;CAkCD,CAAC"}

package/dist/hooks/useCabbageState.d.ts

@@ -3,15 +3,17 @@
  * This hook listens for updates to a parameter value from the backend and
  * sends updates to the backend when the parameter value changes locally (e.g., through a UI slider).
  * @param channelId
- * @param gesture - The gesture type: "begin" (start of interaction), "value" (during interaction), "end" (end of continuous interaction), or "complete" (discrete action e.g. button click).
- * @param onValueUpdate - Callback fires immediately when receiving a value update (synchronous - bypasses state batching)
  * @param options - Optional configuration
+ * @param options.onValueUpdate - Callback fires immediately when receiving a value update (synchronous - bypasses state batching)
  * @param options.skip - When true, the hook returns a NOP state and never registers listeners
+ * @param options.debug - When true, logs incoming value updates for this hook to the console for debugging
  */
-export declare const useCabbageState: <T>(channelId: string, gesture?: "begin" | "value" | "end" | "complete", onValueUpdate?: (value: T) => void, options?: {
+export declare const useCabbageState: <T>(channelId: string, options?: {
+    onValueUpdate?: (value: T) => void;
     skip?: boolean;
+    debug?: boolean;
 }) => {
     value: T | undefined;
-    setValue: (value: T) => void;
+    setValue: (value: T, gesture?: "begin" | "value" | "end" | "complete") => void;
 };
 //# sourceMappingURL=useCabbageState.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCabbageState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageState.ts"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,EAChC,WAAW,MAAM,EACjB,UAAS,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAuB,EAC5D,gBAAgB,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,EAClC,UAAU;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE;;sBAWM,CAAC;CA6FnC,CAAC"}
+{"version":3,"file":"useCabbageState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageState.ts"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,EAChC,WAAW,MAAM,EACjB,UAAU;IACT,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;;sBAYO,CAAC,YACC,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU;CAqGhD,CAAC"}

package/dist/index.cjs

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

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { useState as p, useEffect as u } from "react";
-class y {
+import { useState as f, useEffect as u } from "react";
+class M {
   /**
    * Send a widget value change to the Cabbage backend.
    *
@@ -55,13 +55,13 @@ class y {
       dataByte1: s,
       dataByte2: a
     };
-    const d = {
+    const r = {
       command: "midiMessage",
       obj: JSON.stringify(n)
     };
-    o !== null ? o.postMessage(d) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(d) : window.parent !== window ? window.parent.postMessage(d, "*") : console.error(
+    o !== null ? o.postMessage(r) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(r) : window.parent !== window ? window.parent.postMessage(r, "*") : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      d
+      r
     );
   }
   /**
@@ -287,91 +287,91 @@ class y {
     ));
   }
 }
-const v = (t, e, s) => {
-  if (!t || s?.skip) return { properties: void 0 };
-  const [a, o] = p();
+const U = (i, e) => {
+  if (!i || e?.skip) return { properties: void 0 };
+  const [s, a] = f();
   return u(() => {
-    const n = (d) => {
-      const { id: r, widgetJson: c, command: b } = d.data;
-      if (r === t && c && b === "widgetUpdate") {
-        const l = JSON.parse(c);
-        console.log(
+    const o = (n) => {
+      const { id: r, widgetJson: g, command: m } = n.data;
+      if (r === i && g && m === "widgetUpdate") {
+        const t = JSON.parse(g);
+        e?.debug && console.log(
           `[Cabbage-React] Received properties for channelId: ${r}`,
-          l
-        ), e && e(l), o(l);
+          t
+        ), e?.onPropertiesUpdate && e.onPropertiesUpdate(t), a(t);
       }
     };
-    return window.addEventListener("message", n), () => window.removeEventListener("message", n);
-  }, [t, e]), { properties: a };
-}, h = (t, e = "complete", s, a) => {
-  if (!t || a?.skip)
+    return window.addEventListener("message", o), () => window.removeEventListener("message", o);
+  }, [i, e?.onPropertiesUpdate]), { properties: s };
+}, I = (i, e) => {
+  if (!i || e?.skip)
     return { value: void 0, setValue: () => {
     } };
-  const { properties: o } = v(t), [n, d] = p(), [r, c] = p(), b = (i) => {
-    d(i), y.sendControlData({
-      channel: t,
-      value: i,
-      gesture: e
+  const { properties: s } = U(i), [a, o] = f(), [n, r] = f(), g = (t, d = "complete") => {
+    o(t), M.sendControlData({
+      channel: i,
+      value: t,
+      gesture: d
     });
-  }, l = (i) => {
-    s && s(i), d(i);
+  }, m = (t) => {
+    e?.onValueUpdate && e.onValueUpdate(t), o(t);
   };
   return u(() => {
-    const i = o?.channels.find(
-      (m) => m.id === t
+    const t = s?.channels.find(
+      (w) => w.id === i
     );
-    if (!i) return;
-    const w = i.parameterIndex;
-    if (r === void 0 && w !== void 0 && (console.log(
-      `[Cabbage-React] Received parameterIndex for channelId: ${i.id}`,
-      w
-    ), c(w)), n !== void 0) return;
-    const g = i.range?.value;
-    g != null && (console.log(
-      `[Cabbage-React] Received initial value for channelId: ${i.id}`,
-      g
-    ), l(g));
-  }, [o]), u(() => {
-    const i = (w) => {
-      const { command: g } = w.data;
-      if (g === "parameterChange") {
-        const { value: m, paramIdx: f } = w.data.data;
-        if (f !== r || m === null) return;
-        console.log(
-          `[Cabbage-React] Received parameterChange for parameterIndex: ${f}`,
-          m
-        ), l(m);
-      } else if (g === "batchWidgetUpdate") {
-        const f = w.data.widgets?.find((M) => M.id === t);
-        if (!f) return;
-        const C = JSON.parse(f.widgetJson).channels.find(
-          (M) => M.id === t
+    if (!t) return;
+    const d = t.parameterIndex;
+    if (n === void 0 && d !== void 0 && (e?.debug && console.log(
+      `[Cabbage-React] Received parameterIndex for channelId: ${t.id}`,
+      d
+    ), r(d)), a !== void 0) return;
+    const l = t.range?.value;
+    l != null && (e?.debug && console.log(
+      `[Cabbage-React] Received initial value for channelId: ${t.id}`,
+      l
+    ), m(l));
+  }, [s]), u(() => {
+    const t = (d) => {
+      const { command: l } = d.data;
+      if (l === "parameterChange") {
+        const { value: w, paramIdx: c } = d.data.data;
+        if (c !== n || w === null) return;
+        e?.debug && console.log(
+          `[Cabbage-React] Received parameterChange for parameterIndex: ${c}`,
+          w
+        ), m(w);
+      } else if (l === "batchWidgetUpdate") {
+        const c = d.data.widgets?.find((p) => p.id === i);
+        if (!c) return;
+        const b = JSON.parse(c.widgetJson).channels.find(
+          (p) => p.id === i
         )?.range?.value;
-        console.log(
-          `[Cabbage-React] Received batch widget update for channelId: ${f.id}`,
-          C
-        ), l(C);
+        e?.debug && console.log(
+          `[Cabbage-React] Received batch widget update for channelId: ${c.id}`,
+          b
+        ), m(b);
       }
     };
-    return window.addEventListener("message", i), () => window.removeEventListener("message", i);
-  }, [t, s, r]), { value: n, setValue: b };
-}, L = (t, e, s) => {
-  if (!t || s?.skip) return { message: void 0 };
-  const [a, o] = p();
+    return window.addEventListener("message", t), () => window.removeEventListener("message", t);
+  }, [i, e?.onValueUpdate, n]), { value: a, setValue: g };
+}, F = (i, e) => {
+  if (!i || e?.skip) return { message: void 0 };
+  const [s, a] = f();
   return u(() => {
-    const n = (d) => {
-      const { data: r, type: c } = d;
-      !r || c !== "message" || r.type === t && (console.log(
+    const o = (n) => {
+      const { data: r, type: g } = n;
+      !r || g !== "message" || r.type === i && (e?.debug && console.log(
         `[Cabbage-React] Received data for messageType: ${r.type}`,
         r
-      ), e && e(r), o(r));
+      ), e?.onMessage && e.onMessage(r), a(r));
     };
-    return window.addEventListener("message", n), () => window.removeEventListener("message", n);
-  }, [t, e]), { message: a };
+    return window.addEventListener("message", o), () => window.removeEventListener("message", o);
+  }, [i, e?.onMessage]), { message: s };
 };
 export {
-  y as Cabbage,
-  L as useCabbageMessage,
-  v as useCabbageProperties,
-  h as useCabbageState
+  M as Cabbage,
+  F as useCabbageMessage,
+  U as useCabbageProperties,
+  I as useCabbageState
 };

package/package.json

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