cabbage-react 1.0.14 → 1.0.15

package/dist/cabbage/cabbage.d.ts

@@ -21,5 +21,18 @@ export class Cabbage {
     static MidiMessageFromHost(statusByte: any, dataByte1: any, dataByte2: any): void;
     static triggerFileOpenDialog(vscode: any, channel: any, options?: {}): void;
     static openUrl(vscode: any, url: any, file: any): void;
+    /**
+     * Request a resize of the plugin GUI window.
+     * This is only supported in plugin mode (CLAP/VST3/AUv2).
+     * The host may accept or reject the resize request.
+     *
+     * @param {number} width - The requested width in pixels
+     * @param {number} height - The requested height in pixels
+     * @param {object} vscode - The vscode API object (null for plugin mode)
+     *
+     * The response will be sent via hostMessageCallback with:
+     * {command: "resizeResponse", accepted: boolean, width: number, height: number}
+     */
+    static requestResize(width: number, height: number, vscode?: object): void;
 }
 //# sourceMappingURL=cabbage.d.ts.map

package/dist/cabbage/cabbage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cabbage.d.ts","sourceRoot":"","sources":["../../src/cabbage/cabbage.js"],"names":[],"mappings":"AAMA;IACC;;;;;;;;;;;;OAYG;IACH,mFAYC;IAED,8DAsCC;IAED,iFAiCC;IAED,0DAiBC;IAED,mGA6BC;IAED,qEAoCC;IAED,kFASC;IAED,4EA2BC;IAED,uDAsBC;CACD"}
+{"version":3,"file":"cabbage.d.ts","sourceRoot":"","sources":["../../src/cabbage/cabbage.js"],"names":[],"mappings":"AAMA;IACC;;;;;;;;;;;;OAYG;IACH,mFAYC;IAED,8DAsCC;IAED,iFAiCC;IAED,0DAiBC;IAED,mGA6BC;IAED,qEAoCC;IAED,kFASC;IAED,4EA2BC;IAED,uDAsBC;IAED;;;;;;;;;;;OAWG;IACH,4BAPW,MAAM,UACN,MAAM,WACN,MAAM,QA4BhB;CACD"}

package/dist/context/CabbageContext.d.ts

@@ -0,0 +1,6 @@
+interface CabbageContext {
+    devMode: boolean;
+}
+export declare const CabbageContext: import('react').Context<CabbageContext>;
+export {};
+//# sourceMappingURL=CabbageContext.d.ts.map

package/dist/context/CabbageContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CabbageContext.d.ts","sourceRoot":"","sources":["../../src/context/CabbageContext.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACvB,OAAO,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,yCAEzB,CAAC"}

package/dist/hooks/useCabbageState.d.ts

@@ -6,5 +6,6 @@
 export declare const useCabbageState: <T>(channelId: string) => {
     value: T | undefined;
     setValue: (value: T) => void;
+    parameterIndex: number | undefined;
 };
 //# 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;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,aAAa,MAAM;;sBAMjB,CAAC;CAqGnC,CAAC"}
+{"version":3,"file":"useCabbageState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageState.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,aAAa,MAAM;;sBAQjB,CAAC;;CA0GnC,CAAC"}

package/dist/index.cjs

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

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { CabbageContext } from './context/CabbageContext';
 export { useCabbageState } from './hooks/useCabbageState';
 export { useCabbageProperties } from './hooks/useCabbageProperties';
 export { Cabbage } from './cabbage/cabbage';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.mjs

@@ -1,4 +1,7 @@
-import { useState as b, useEffect as p } from "react";
+import { createContext as C, useState as p, useEffect as M, useContext as U } from "react";
+const F = C({
+  devMode: !1
+});
 console.log("Cabbage: loading cabbage.js");
 class f {
   /**
@@ -14,15 +17,15 @@ class f {
    * All widget interactions should use this function instead of calling the lower-level
    * sendParameterUpdate or sendChannelData functions directly.
    */
-  static sendChannelUpdate(e, n = null, a = !1) {
-    if (a === !0 || a === 1)
-      f.sendParameterUpdate(e, n);
+  static sendChannelUpdate(e, a = null, n = !1) {
+    if (n === !0 || n === 1)
+      f.sendParameterUpdate(e, a);
     else {
       const s = e.value !== void 0 ? e.value : e.stringData || e.floatData;
-      f.sendChannelData(e.channel, s, n);
+      f.sendChannelData(e.channel, s, a);
     }
   }
-  static sendParameterUpdate(e, n = null) {
+  static sendParameterUpdate(e, a = null) {
     if (e.paramIdx === void 0 || e.paramIdx === null) {
       console.error(
         "Cabbage.sendParameterUpdate: message missing paramIdx!",
@@ -37,25 +40,25 @@ class f {
       );
       return;
     }
-    const a = {
+    const n = {
       command: "parameterChange",
       paramIdx: e.paramIdx,
       channel: e.channel,
       value: e.value,
       channelType: e.channelType || "number"
     };
-    n !== null ? n.postMessage(a) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(a) : console.error(
+    a !== null ? a.postMessage(n) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      a
+      n
     );
   }
-  static sendCustomCommand(e, n = null, a = {}) {
+  static sendCustomCommand(e, a = null, n = {}) {
     const s = {
       command: e,
-      text: JSON.stringify(a)
+      text: JSON.stringify(n)
     };
-    if (n !== null)
-      n.postMessage(s);
+    if (a !== null)
+      a.postMessage(s);
     else if (typeof window.sendMessageFromUI == "function") {
       console.log("Cabbage: Calling window.sendMessageFromUI with:", s);
       try {
@@ -76,21 +79,21 @@ class f {
         window.sendMessageFromUI
       );
   }
-  static sendWidgetUpdate(e, n = null) {
-    const a = {
+  static sendWidgetUpdate(e, a = null) {
+    const n = {
       command: "widgetStateUpdate",
       obj: JSON.stringify(CabbageUtils.sanitizeForEditor(e))
     };
-    n !== null ? n.postMessage(a) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(a) : console.error(
+    a !== null ? a.postMessage(n) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      a
+      n
     );
   }
-  static sendMidiMessageFromUI(e, n, a, s = null) {
+  static sendMidiMessageFromUI(e, a, n, s = null) {
     var o = {
       statusByte: e,
-      dataByte1: n,
-      dataByte2: a
+      dataByte1: a,
+      dataByte2: n
     };
     const l = {
       command: "midiMessage",
@@ -101,18 +104,18 @@ class f {
       l
     );
   }
-  static sendChannelData(e, n, a = null) {
+  static sendChannelData(e, a, n = null) {
     var s = {
       channel: e
     };
-    if (typeof n == "string")
-      s.stringData = n;
-    else if (typeof n == "number")
-      s.floatData = n;
+    if (typeof a == "string")
+      s.stringData = a;
+    else if (typeof a == "number")
+      s.floatData = a;
     else {
       console.warn(
         "Cabbage: sendChannelData received unsupported data type:",
-        typeof n
+        typeof a
       );
       return;
     }
@@ -120,22 +123,22 @@ class f {
       command: "channelData",
       obj: JSON.stringify(s)
     };
-    console.log("Cabbage: sending channel data from UI", s), a !== null ? a.postMessage(o) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(o) : console.error(
+    console.log("Cabbage: sending channel data from UI", s), n !== null ? n.postMessage(o) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(o) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
       o
     );
   }
-  static MidiMessageFromHost(e, n, a) {
+  static MidiMessageFromHost(e, a, n) {
     console.log(
-      "Cabbage: Got MIDI Message" + e + ":" + n + ":" + a
+      "Cabbage: Got MIDI Message" + e + ":" + a + ":" + n
     );
   }
-  static triggerFileOpenDialog(e, n, a = {}) {
+  static triggerFileOpenDialog(e, a, n = {}) {
     var s = {
-      channel: n,
-      directory: a.directory || "",
-      filters: a.filters || "*",
-      openAtLastKnownLocation: a.openAtLastKnownLocation !== void 0 ? a.openAtLastKnownLocation : !0
+      channel: a,
+      directory: n.directory || "",
+      filters: n.filters || "*",
+      openAtLastKnownLocation: n.openAtLastKnownLocation !== void 0 ? n.openAtLastKnownLocation : !0
     };
     const o = {
       command: "fileOpen",
@@ -146,10 +149,10 @@ class f {
       o
     );
   }
-  static openUrl(e, n, a) {
+  static openUrl(e, a, n) {
     var s = {
-      url: n,
-      file: a
+      url: a,
+      file: n
     };
     const o = {
       command: "openUrl",
@@ -160,90 +163,126 @@ class f {
       o
     );
   }
+  /**
+   * Request a resize of the plugin GUI window.
+   * This is only supported in plugin mode (CLAP/VST3/AUv2).
+   * The host may accept or reject the resize request.
+   *
+   * @param {number} width - The requested width in pixels
+   * @param {number} height - The requested height in pixels
+   * @param {object} vscode - The vscode API object (null for plugin mode)
+   *
+   * The response will be sent via hostMessageCallback with:
+   * {command: "resizeResponse", accepted: boolean, width: number, height: number}
+   */
+  static requestResize(e, a, n = null) {
+    const s = {
+      command: "requestResize",
+      width: e,
+      height: a
+    };
+    if (n !== null) {
+      console.warn(
+        "Cabbage: requestResize is not supported in VS Code extension mode"
+      );
+      return;
+    } else
+      typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(s) : console.error(
+        "Cabbage: window.sendMessageFromUI is not available. Message:",
+        s
+      );
+  }
 }
-const I = (d) => {
-  const [e, n] = b();
-  return p(() => {
-    const a = (s) => {
-      const { id: o, widgetJson: l, command: t } = s.data;
-      if (o === d && l && t === "widgetUpdate") {
-        const r = JSON.parse(l);
+const v = (i) => {
+  const [e, a] = p();
+  return M(() => {
+    const n = (s) => {
+      const { id: o, widgetJson: l, command: u } = s.data;
+      if (o === i && l && u === "widgetUpdate") {
+        const t = JSON.parse(l);
         console.log(
           `[Cabbage-React] Received properties for channelId ${o}`,
-          r
-        ), n(r);
+          t
+        ), a(t);
       }
     };
-    return window.addEventListener("message", a), () => {
-      window.removeEventListener("message", a);
+    return window.addEventListener("message", n), () => {
+      window.removeEventListener("message", n);
     };
   }, []), {
     properties: e
   };
-}, F = (d) => {
-  const { properties: e } = I(d), [n, a] = b(), [s, o] = b(), l = (t) => {
-    a(t);
-    const r = {
-      channel: d,
-      paramIdx: s,
-      value: t
-    };
-    f.sendParameterUpdate(r, null);
+}, x = (i) => {
+  const { devMode: e } = U(F), { properties: a } = v(i), [n, s] = p(), [o, l] = p(), u = (t) => {
+    if (e)
+      s(t);
+    else {
+      if (o === void 0) {
+        console.warn(
+          `[Cabbage-React] parameterIndex not ready for "${i}"`
+        );
+        return;
+      }
+      const d = { channel: i, paramIdx: o, value: t };
+      f.sendParameterUpdate(d, null);
+    }
   };
-  return p(() => {
-    var i;
-    const t = e == null ? void 0 : e.channels.find(
-      (g) => g.id === d
+  return M(() => {
+    var r;
+    const t = a == null ? void 0 : a.channels.find(
+      (g) => g.id === i
     );
     if (!t) return;
-    const r = t == null ? void 0 : t.parameterIndex;
-    s === void 0 && r !== void 0 && (console.log(
+    const d = t == null ? void 0 : t.parameterIndex;
+    o === void 0 && d !== void 0 && (console.log(
       `[Cabbage-React] Received parameterIndex for channelId "${t.id}"`,
-      r
-    ), o(r));
-    const c = e == null ? void 0 : e.value;
+      d
+    ), l(d));
+    const c = a == null ? void 0 : a.value;
     c != null && (console.log(
-      `[Cabbage-React] Received initial value for channelId "${d}"`,
+      `[Cabbage-React] Received initial value for channelId "${i}"`,
       c
-    ), a(c));
-    const m = (i = t.range) == null ? void 0 : i.defaultValue;
+    ), s(c));
+    const m = (r = t.range) == null ? void 0 : r.defaultValue;
     n === void 0 && m !== void 0 && (console.log(
       `[Cabbage-React] Received default value for channelId "${t.id}"`,
       m
-    ), a(m));
-  }, [e]), p(() => {
-    const t = (r) => {
+    ), s(m));
+  }, [a]), M(() => {
+    const t = (d) => {
       var m;
-      const { command: c } = r.data;
+      const { command: c } = d.data;
       if (c === "parameterChange") {
-        const { value: i, paramIdx: g } = r.data.data;
-        if (g !== s || i === null) return;
+        const { value: r, paramIdx: g } = d.data.data;
+        if (g !== o || r === null) return;
         console.log(
           `[Cabbage-React] Received parameterChange for parameterIndex ${g}`,
-          i
-        ), a(i);
+          r
+        ), s(r);
       } else if (c === "batchWidgetUpdate") {
-        const i = r.data.widgets, g = i == null ? void 0 : i.find((w) => w.id === d);
+        const r = d.data.widgets, g = r == null ? void 0 : r.find((b) => b.id === i);
         if (!g) return;
-        const u = JSON.parse(g.widgetJson).channels.find(
-          (w) => w.id === d
-        ), M = (m = u == null ? void 0 : u.range) == null ? void 0 : m.value;
+        const w = JSON.parse(g.widgetJson).channels.find(
+          (b) => b.id === i
+        ), I = (m = w == null ? void 0 : w.range) == null ? void 0 : m.value;
         console.log(
           `[Cabbage-React] Received batch widget update for channelId ${g.id}`,
-          M
-        ), a(M);
+          I
+        ), s(I);
       }
     };
     return window.addEventListener("message", t), () => {
       window.removeEventListener("message", t);
     };
-  }, [s]), {
+  }, [o]), {
     value: n,
-    setValue: l
+    setValue: u,
+    parameterIndex: o
   };
 };
 export {
   f as Cabbage,
-  I as useCabbageProperties,
-  F as useCabbageState
+  F as CabbageContext,
+  v as useCabbageProperties,
+  x as useCabbageState
 };

package/package.json

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