cabbage-react 1.0.50 → 1.0.52

package/dist/hooks/useCabbageMessage.d.ts

@@ -4,8 +4,12 @@
  * 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.skip - When true, the hook returns a NOP state and never registers listeners
  */
-export declare const useCabbageMessage: <T>(messageType: string, onMessage?: (message: T) => void) => {
+export declare const useCabbageMessage: <T>(messageType: string, onMessage?: (message: T) => void, options?: {
+    skip?: boolean;
+}) => {
     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;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,eACrB,MAAM,cACP,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI;;CAyBhC,CAAC"}
+{"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"}

package/dist/hooks/useCabbageProperties.d.ts

@@ -4,9 +4,12 @@
  * 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.skip - When true, the hook returns a NOP state and never registers listeners
  */
-export declare const useCabbageProperties: (channelId: string, onPropertiesUpdate?: (properties: Record<string, any>) => void) => {
+export declare const useCabbageProperties: (channelId: string, onPropertiesUpdate?: (properties: Record<string, any>) => void, options?: {
+    skip?: boolean;
+}) => {
     properties: Record<string, any> | undefined;
-    onPropertiesUpdate: ((properties: Record<string, any>) => void) | undefined;
 };
 //# sourceMappingURL=useCabbageProperties.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCabbageProperties.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageProperties.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,cACrB,MAAM,uBACI,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI;;sCAA5B,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI;CAiC9D,CAAC"}
+{"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"}

package/dist/hooks/useCabbageState.d.ts

@@ -5,8 +5,12 @@
  * @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.skip - When true, the hook returns a NOP state and never registers listeners
  */
-export declare const useCabbageState: <T>(channelId: string, gesture?: "begin" | "value" | "end" | "complete", onValueUpdate?: (value: T) => void) => {
+export declare const useCabbageState: <T>(channelId: string, gesture?: "begin" | "value" | "end" | "complete", onValueUpdate?: (value: T) => void, options?: {
+    skip?: boolean;
+}) => {
     value: T | undefined;
     setValue: (value: T) => void;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useCabbageState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageState.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,aACrB,MAAM,YACR,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,kBAC/B,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI;;sBAOA,CAAC;CAgGnC,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,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"}

package/dist/index.cjs

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

package/dist/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cabbage-react",
-	"version": "1.0.50",
+	"version": "1.0.52",
 	"type": "module",
 	"keywords": [
 		"cabbage",
@@ -26,21 +26,21 @@
 		"build": "vite build"
 	},
 	"dependencies": {
-		"react": "^19.1.0",
-		"vite-plugin-dts": "^4.5.3"
+		"react": "^19.2.4",
+		"vite-plugin-dts": "^4.5.4"
 	},
 	"devDependencies": {
-		"@eslint/js": "^9.21.0",
-		"@types/node": "^22.15.17",
-		"@types/react": "^19.1.3",
-		"@vitejs/plugin-react": "^4.3.4",
-		"eslint": "^9.21.0",
-		"eslint-plugin-react-hooks": "^5.1.0",
-		"eslint-plugin-react-refresh": "^0.4.19",
-		"globals": "^15.15.0",
-		"typescript": "~5.7.2",
-		"typescript-eslint": "^8.24.1",
-		"vite": "^6.2.0"
+		"@eslint/js": "^10.0.1",
+		"@types/node": "^25.3.3",
+		"@types/react": "^19.2.14",
+		"@vitejs/plugin-react": "^5.1.4",
+		"eslint": "^10.0.2",
+		"eslint-plugin-react-hooks": "^7.0.1",
+		"eslint-plugin-react-refresh": "^0.5.2",
+		"globals": "^17.4.0",
+		"typescript": "~5.9.3",
+		"typescript-eslint": "^8.56.1",
+		"vite": "^7.3.1"
 	},
 	"files": [
 		"dist",