cabbage-react 1.0.54 → 1.0.56

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"useCabbageMessage.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageMessage.ts"],"names":[],"mappings":"AAGA;;;;;;;;;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.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"useCabbageProperties.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageProperties.ts"],"names":[],"mappings":"AAGA;;;;;;;;;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.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,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"}
+{"version":3,"file":"useCabbageState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageState.ts"],"names":[],"mappings":"AAKA;;;;;;;;;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;;sBAmBO,CAAC,YACC,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU;CAiFhD,CAAC"}

package/dist/index.cjs

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

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { useState as f, useEffect as u } from "react";
-class M {
+import { useMemo as C, useState as f, useEffect as p } from "react";
+class y {
   /**
    * Send a widget value change to the Cabbage backend.
    *
@@ -20,16 +20,16 @@ class M {
    * @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: e, value: s, gesture: a = "complete" }, o = null) {
-    const n = {
+  static sendControlData({ channel: e, value: s, gesture: n = "complete" }, t = null) {
+    const a = {
       command: "controlData",
       channel: e,
       value: s,
-      gesture: a
+      gesture: n
     };
-    o !== null ? o.postMessage(n) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : window.parent !== window ? window.parent.postMessage(n, "*") : console.error(
+    t !== null ? t.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:",
-      n
+      a
     );
   }
   /**
@@ -49,17 +49,17 @@ class M {
    * @param {number} dataByte2 - Second MIDI data byte
    * @param {Object|null} vscode - VS Code API object (null for plugin mode)
    */
-  static sendMidiMessageFromUI(e, s, a, o = null) {
-    var n = {
+  static sendMidiMessageFromUI(e, s, n, t = null) {
+    var a = {
       statusByte: e,
       dataByte1: s,
-      dataByte2: a
+      dataByte2: n
     };
     const r = {
       command: "midiMessage",
-      obj: JSON.stringify(n)
+      obj: JSON.stringify(a)
     };
-    o !== null ? o.postMessage(r) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(r) : window.parent !== window ? window.parent.postMessage(r, "*") : console.error(
+    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
     );
@@ -71,7 +71,7 @@ class M {
    * @param {number} dataByte1 - First MIDI data byte
    * @param {number} dataByte2 - Second MIDI data byte
    */
-  static MidiMessageFromHost(e, s, a) {
+  static MidiMessageFromHost(e, s, n) {
   }
   /**
    * Trigger a native file open dialog for file selection widgets.
@@ -83,20 +83,20 @@ class M {
    * @param {string} [options.filters="*"] - File filters (e.g., "*.wav;*.aiff")
    * @param {boolean} [options.openAtLastKnownLocation=true] - Whether to open at last known location
    */
-  static triggerFileOpenDialog(e, s, a = {}) {
-    var o = {
+  static triggerFileOpenDialog(e, s, n = {}) {
+    var t = {
       channel: s,
-      directory: a.directory || "",
-      filters: a.filters || "*",
-      openAtLastKnownLocation: a.openAtLastKnownLocation !== void 0 ? a.openAtLastKnownLocation : !0
+      directory: n.directory || "",
+      filters: n.filters || "*",
+      openAtLastKnownLocation: n.openAtLastKnownLocation !== void 0 ? n.openAtLastKnownLocation : !0
     };
-    const n = {
+    const a = {
       command: "fileOpen",
-      obj: JSON.stringify(o)
+      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(
+    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:",
-      n
+      a
     );
   }
   /**
@@ -106,18 +106,18 @@ class M {
    * @param {string} url - URL to open
    * @param {string} file - File path to open
    */
-  static openUrl(e, s, a) {
-    var o = {
+  static openUrl(e, s, n) {
+    var t = {
       url: s,
-      file: a
+      file: n
     };
-    const n = {
+    const a = {
       command: "openUrl",
-      obj: JSON.stringify(o)
+      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(
+    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:",
-      n
+      a
     );
   }
   /**
@@ -132,21 +132,21 @@ class M {
    * The response will be sent via hostMessageCallback with:
    * {command: "resizeResponse", accepted: boolean, width: number, height: number}
    */
-  static requestResize(e, s, a = null) {
-    const o = {
+  static requestResize(e, s, n = null) {
+    const t = {
       command: "requestResize",
       width: e,
       height: s
     };
-    if (a !== null) {
+    if (n !== 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(
+      typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(t) : window.parent !== window ? window.parent.postMessage(t, "*") : console.error(
         "Cabbage: window.sendMessageFromUI is not available. Message:",
-        o
+        t
       );
   }
   /**
@@ -178,14 +178,14 @@ class M {
    * @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(e, s, a = null) {
-    var o = {
+  static sendChannelData(e, s, n = null) {
+    var t = {
       channel: e
     };
     if (typeof s == "string")
-      o.stringData = s;
+      t.stringData = s;
     else if (typeof s == "number")
-      o.floatData = s;
+      t.floatData = s;
     else {
       console.warn(
         "Cabbage: sendChannelData received unsupported data type:",
@@ -193,13 +193,13 @@ class M {
       );
       return;
     }
-    const n = {
+    const a = {
       command: "channelData",
-      obj: JSON.stringify(o)
+      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(
+    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:",
-      n
+      a
     );
   }
   /**
@@ -210,13 +210,13 @@ class M {
    * @param {Object|null} vscode - VS Code API object (null for plugin mode)
    */
   static sendWidgetUpdate(e, s = null) {
-    const a = {
+    const n = {
       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(
+    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:",
-      a
+      n
     );
   }
   /**
@@ -255,29 +255,29 @@ class M {
    * onDestroy(() => remove?.());
    */
   static addMessageListener(e) {
-    const s = (a) => {
-      a.source !== window && e(a.data);
+    const s = (n) => {
+      n.source !== window && e(n.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 = {
+  static sendCustomCommand(e, s = null, n = {}) {
+    const t = {
       command: e,
-      text: JSON.stringify(a)
+      text: JSON.stringify(n)
     };
     if (s !== null)
-      s.postMessage(o);
+      s.postMessage(t);
     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);
+        const a = window.sendMessageFromUI(t);
+      } 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(
+    else window.parent !== window ? window.parent.postMessage(t, "*") : (console.error(
       "Cabbage: window.sendMessageFromUI is not available yet. Message:",
-      o
+      t
     ), console.error(
       "Cabbage: typeof window.sendMessageFromUI:",
       typeof window.sendMessageFromUI
@@ -287,91 +287,86 @@ class M {
     ));
   }
 }
-const U = (i, e) => {
-  if (!i || e?.skip) return { properties: void 0 };
-  const [s, a] = f();
-  return u(() => {
-    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}`,
-          t
-        ), e?.onPropertiesUpdate && e.onPropertiesUpdate(t), a(t);
+const M = (o, e) => (...s) => {
+  e && console.log(`[Cabbage-React][${o}]`, ...s);
+}, v = (o, e) => {
+  if (!o || e?.skip) return { properties: void 0 };
+  const s = C(
+    () => M(`useCabbageProperties:${o}`, e?.debug),
+    [o, e?.debug]
+  ), [n, t] = f();
+  return p(() => {
+    const a = (r) => {
+      const { id: d, widgetJson: l, command: u } = r.data;
+      if (d === o && l && u === "widgetUpdate") {
+        const i = JSON.parse(l);
+        s("Received properties", i), e?.onPropertiesUpdate && e.onPropertiesUpdate(i), t(i);
       }
     };
-    return window.addEventListener("message", o), () => window.removeEventListener("message", o);
-  }, [i, e?.onPropertiesUpdate]), { properties: s };
-}, I = (i, e) => {
-  if (!i || e?.skip)
+    return window.addEventListener("message", a), () => window.removeEventListener("message", a);
+  }, [o, e?.onPropertiesUpdate]), { properties: n };
+}, L = (o, e) => {
+  if (!o || e?.skip)
     return { value: void 0, setValue: () => {
     } };
-  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
+  const s = C(
+    () => M(`useCabbageState:${o}`, e?.debug),
+    [o, e?.debug]
+  ), { properties: n } = v(o, {
+    debug: e?.debug
+  }), [t, a] = f(), [r, d] = f(), l = (i, g = "complete") => {
+    a(i), y.sendControlData({
+      channel: o,
+      value: i,
+      gesture: g
     });
-  }, m = (t) => {
-    e?.onValueUpdate && e.onValueUpdate(t), o(t);
+  }, u = (i) => {
+    e?.onValueUpdate && e.onValueUpdate(i), a(i);
   };
-  return u(() => {
-    const t = s?.channels.find(
-      (w) => w.id === i
+  return p(() => {
+    const i = n?.channels.find(
+      (c) => c.id === o
     );
-    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
+    if (!i) return;
+    const g = i.parameterIndex;
+    if (r === void 0 && g !== void 0 && (s("Received parameterIndex", g), d(g)), t !== void 0) return;
+    const w = i.range?.value;
+    w != null && (s("Received initial value", w), u(w));
+  }, [n]), p(() => {
+    const i = (g) => {
+      const { command: w } = g.data;
+      if (w === "parameterChange") {
+        const { value: c, paramIdx: m } = g.data.data;
+        if (m !== r || c === null) return;
+        s("Received parameterChange", c), u(c);
+      } else if (w === "batchWidgetUpdate") {
+        const m = g.data.widgets?.find((b) => b.id === o);
+        if (!m) return;
+        const U = JSON.parse(m.widgetJson).channels.find(
+          (b) => b.id === o
         )?.range?.value;
-        e?.debug && console.log(
-          `[Cabbage-React] Received batch widget update for channelId: ${c.id}`,
-          b
-        ), m(b);
+        s("Received batchWidgetUpdate", U), u(U);
       }
     };
-    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 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?.onMessage && e.onMessage(r), a(r));
+    return window.addEventListener("message", i), () => window.removeEventListener("message", i);
+  }, [o, e?.onValueUpdate, r]), { value: t, setValue: l };
+}, S = (o, e) => {
+  if (!o || e?.skip) return { message: void 0 };
+  const s = M(
+    `useCabbageMessage:${o}`,
+    e?.debug
+  ), [n, t] = f();
+  return p(() => {
+    const a = (r) => {
+      const { data: d, type: l } = r;
+      !d || l !== "message" || d.type === o && (s("Received data", d), e?.onMessage && e.onMessage(d), t(d));
     };
-    return window.addEventListener("message", o), () => window.removeEventListener("message", o);
-  }, [i, e?.onMessage]), { message: s };
+    return window.addEventListener("message", a), () => window.removeEventListener("message", a);
+  }, [o, e?.onMessage]), { message: n };
 };
 export {
-  M as Cabbage,
-  F as useCabbageMessage,
-  U as useCabbageProperties,
-  I as useCabbageState
+  y as Cabbage,
+  S as useCabbageMessage,
+  v as useCabbageProperties,
+  L as useCabbageState
 };

package/dist/utils/cabbageDebug.d.ts

@@ -0,0 +1,2 @@
+export declare const createCabbageDebugger: (scope: string, enabled?: boolean) => (...args: any[]) => void;
+//# sourceMappingURL=cabbageDebug.d.ts.map

package/dist/utils/cabbageDebug.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cabbageDebug.d.ts","sourceRoot":"","sources":["../../src/utils/cabbageDebug.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,GACjC,OAAO,MAAM,EACb,UAAU,OAAO,MAET,GAAG,MAAM,GAAG,EAAE,SAKtB,CAAC"}

package/package.json

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