cabbage-react 1.0.5 → 1.0.7

package/dist/cabbage/cabbage.d.ts

@@ -4,17 +4,17 @@ export class Cabbage {
      * This function automatically routes messages to the appropriate backend function
      * based on the automatable flag:
      *
-     * - automatable=1: Routes to sendParameterUpdate for real-time parameter control /
-     *                              this also sends the value as channel data to Csound
+     * - automatable=true: Routes to sendParameterUpdate for real-time parameter control /
+     *                     this also sends the value as channel data to Csound
      *
-     * - automatable=0: Routes to sendChannelData for string/numeric data transmission
+     * - automatable=false: Routes to sendChannelData for string/numeric data transmission
      *
      * All widget interactions should use this function instead of calling the lower-level
      * sendParameterUpdate or sendChannelData functions directly.
      */
-    static sendChannelUpdate(message: any, vscode?: null, automatable?: number): void;
+    static sendChannelUpdate(message: any, vscode?: null, automatable?: boolean): void;
     static sendParameterUpdate(message: any, vscode?: null): void;
-    static sendCustomCommand(command: any, vscode?: null): void;
+    static sendCustomCommand(command: any, vscode?: null, additionalData?: {}): void;
     static sendWidgetUpdate(widget: any, vscode?: null): void;
     static sendMidiMessageFromUI(statusByte: any, dataByte1: any, dataByte2: any, vscode?: null): void;
     static sendChannelData(channel: any, data: any, vscode?: null): void;

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

@@ -1 +1 @@
-{"version":3,"file":"cabbage.d.ts","sourceRoot":"","sources":["../../src/cabbage/cabbage.js"],"names":[],"mappings":"AAMA;IAEE;;;;;;;;;;;;OAYG;IACH,kFASC;IAED,8DAcC;IAED,4DAYC;IAED,0DAYC;IAED,mGAmBC;IAED,qEA2BC;IAED,kFAEC;IAED,4EAkBC;IAED,uDAgBC;CAGF"}
+{"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"}

package/dist/hooks/useCabbageState.d.ts

@@ -5,6 +5,6 @@
  */
 export declare const useCabbageState: <T>(channelId: string) => {
     value: T | undefined;
-    setValue: (value?: T, stringData?: string) => void;
+    setValue: (value: T) => 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;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,aAAa,MAAM;;uBAKhB,CAAC,eAAe,MAAM;CA6EzD,CAAC"}
+{"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;CAoFnC,CAAC"}

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react");console.log("Cabbage: loading cabbage.js");class g{static sendChannelUpdate(e,n=null,a=0){if(a===1)g.sendParameterUpdate(e,n);else{const t=e.value!==void 0?e.value:e.stringData||e.floatData;g.sendChannelData(e.channel,t,n)}}static sendParameterUpdate(e,n=null){const a={command:"parameterChange",...e};console.log("Cabbage.sendParameterUpdate:",e,"vscode:",n,"msg:",a),n!==null?(console.log("Sending via vscode.postMessage"),n.postMessage(a)):(console.log("Sending via window.sendMessageFromUI"),window.sendMessageFromUI(a))}static sendCustomCommand(e,n=null){const a={command:e,text:JSON.stringify({})};console.log("Cabbage: sending custom command from UI",a),n!==null?n.postMessage(a):window.sendMessageFromUI(a)}static sendWidgetUpdate(e,n=null){console.log("Cabbage: sending widget update from UI",e.props);const a={command:"widgetStateUpdate",obj:JSON.stringify(CabbageUtils.sanitizeForEditor(e))};n!==null?n.postMessage(a):window.sendMessageFromUI(a)}static sendMidiMessageFromUI(e,n,a,t=null){var s={statusByte:e,dataByte1:n,dataByte2:a};const o={command:"midiMessage",obj:JSON.stringify(s)};console.log("Cabbage: sending midi message from UI",s),t!==null?t.postMessage(o):window.sendMessageFromUI(o)}static sendChannelData(e,n,a=null){var t={channel:e};if(typeof n=="string")t.stringData=n;else if(typeof n=="number")t.floatData=n;else{console.warn("Cabbage: sendChannelData received unsupported data type:",typeof n);return}const s={command:"channelData",obj:JSON.stringify(t)};console.log("Cabbage: sending channel data from UI",t),a!==null?a.postMessage(s):window.sendMessageFromUI(s)}static MidiMessageFromHost(e,n,a){console.log("Cabbage: Got MIDI Message"+e+":"+n+":"+a)}static triggerFileOpenDialog(e,n,a={}){var t={channel:n,directory:a.directory||"",filters:a.filters||"*",openAtLastKnownLocation:a.openAtLastKnownLocation!==void 0?a.openAtLastKnownLocation:!0};const s={command:"fileOpen",obj:JSON.stringify(t)};e!==null?e.postMessage(s):window.sendMessageFromUI(s)}static openUrl(e,n,a){var t={url:n,file:a};const s={command:"openUrl",obj:JSON.stringify(t)};e!==null?e.postMessage(s):window.sendMessageFromUI(s)}}const m=r=>{const[e,n]=d.useState();return d.useEffect(()=>{const a=t=>{const{id:s,widgetJson:o,command:i}=t.data;if(s===r&&o&&i==="widgetUpdate"){const l=JSON.parse(o);console.log(`[Cabbage-React] Received properties for channelId ${s}`,l),n(l)}};return window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}},[]),{properties:e}},u=r=>{const{properties:e}=m(r),[n,a]=d.useState(),t=(s,o)=>{a(s);const i={channel:r,...s!==void 0&&{value:s},...o!==void 0&&{stringData:o}};g.sendParameterUpdate(i,null)};return d.useEffect(()=>{var l;const s=e==null?void 0:e.value;if(s!=null){console.log(`[Cabbage-React] Received initial value for channelId "${r}"`,s),a(s);return}const o=e==null?void 0:e.channels.find(c=>c.id===r);if(!o)return;const i=(l=o.range)==null?void 0:l.defaultValue;n===void 0&&i!==void 0&&(console.log(`[Cabbage-React] Received default value for channelId "${o.id}"`,i),a(i))},[e]),d.useEffect(()=>{const s=o=>{const{command:i}=o.data;if(i==="parameterChange"){const{value:l,paramIdx:c}=o.data;if(l===null)return;console.log(`[Cabbage-React] Received value change for parameterIndex ${c}`,l),a(l)}};return window.addEventListener("message",s),()=>{window.removeEventListener("message",s)}},[]),{value:n,setValue:t}};exports.Cabbage=g;exports.useCabbageProperties=m;exports.useCabbageState=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");console.log("Cabbage: loading cabbage.js");class u{static sendChannelUpdate(e,n=null,a=!1){if(a===!0||a===1)u.sendParameterUpdate(e,n);else{const s=e.value!==void 0?e.value:e.stringData||e.floatData;u.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 i={command:"midiMessage",obj:JSON.stringify(o)};s!==null?s.postMessage(i):typeof window.sendMessageFromUI=="function"?window.sendMessageFromUI(i):console.error("Cabbage: window.sendMessageFromUI is not available. Message:",i)}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 f=d=>{const[e,n]=c.useState();return c.useEffect(()=>{const a=s=>{const{id:o,widgetJson:i,command:t}=s.data;if(o===d&&i&&t==="widgetUpdate"){const r=JSON.parse(i);console.log(`[Cabbage-React] Received properties for channelId ${o}`,r),n(r)}};return window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}},[]),{properties:e}},w=d=>{const{properties:e}=f(d),[n,a]=c.useState(),[s,o]=c.useState(),i=t=>{a(t);const r={channel:d,paramIdx:s,value:t};u.sendParameterUpdate(r,null)};return c.useEffect(()=>{var m;const t=e==null?void 0:e.channels.find(b=>b.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 g=e==null?void 0:e.value;g!=null&&(console.log(`[Cabbage-React] Received initial value for channelId "${d}"`,g),a(g));const l=(m=t.range)==null?void 0:m.defaultValue;n===void 0&&l!==void 0&&(console.log(`[Cabbage-React] Received default value for channelId "${t.id}"`,l),a(l))},[e]),c.useEffect(()=>{const t=r=>{const{command:g}=r.data;if(g==="parameterChange"){const{value:l,paramIdx:m}=r.data;if(console.log("event",r),m!==s||l==null)return;console.log(`[Cabbage-React] Received value change for parameterIndex ${m}`,l),a(l)}};return window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}},[]),{value:n,setValue:i}};exports.Cabbage=u;exports.useCabbageProperties=f;exports.useCabbageState=w;

package/dist/index.mjs

@@ -1,177 +1,238 @@
-import { useState as m, useEffect as c } from "react";
+import { useState as f, useEffect as u } from "react";
 console.log("Cabbage: loading cabbage.js");
-class r {
+class m {
   /**
    * Main entry point for sending any data from UI widgets to the Cabbage backend.
    * This function automatically routes messages to the appropriate backend function
    * based on the automatable flag:
-   * 
-   * - automatable=1: Routes to sendParameterUpdate for real-time parameter control /
-   *                              this also sends the value as channel data to Csound
-   * 
-   * - automatable=0: Routes to sendChannelData for string/numeric data transmission
-   * 
+   *
+   * - automatable=true: Routes to sendParameterUpdate for real-time parameter control /
+   *                     this also sends the value as channel data to Csound
+   *
+   * - automatable=false: Routes to sendChannelData for string/numeric data transmission
+   *
    * All widget interactions should use this function instead of calling the lower-level
    * sendParameterUpdate or sendChannelData functions directly.
    */
-  static sendChannelUpdate(e, a = null, n = 0) {
-    if (n === 1)
-      r.sendParameterUpdate(e, a);
+  static sendChannelUpdate(e, n = null, a = !1) {
+    if (a === !0 || a === 1)
+      m.sendParameterUpdate(e, n);
     else {
-      const t = e.value !== void 0 ? e.value : e.stringData || e.floatData;
-      r.sendChannelData(e.channel, t, a);
+      const s = e.value !== void 0 ? e.value : e.stringData || e.floatData;
+      m.sendChannelData(e.channel, s, n);
     }
   }
-  static sendParameterUpdate(e, a = null) {
-    const 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",
-      ...e
-    };
-    console.log("Cabbage.sendParameterUpdate:", e, "vscode:", a, "msg:", n), a !== null ? (console.log("Sending via vscode.postMessage"), a.postMessage(n)) : (console.log("Sending via window.sendMessageFromUI"), window.sendMessageFromUI(n));
+      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, a = null) {
-    const n = {
+  static sendCustomCommand(e, n = null, a = {}) {
+    const s = {
       command: e,
-      text: JSON.stringify({})
-    };
-    console.log("Cabbage: sending custom command from UI", n), a !== null ? a.postMessage(n) : window.sendMessageFromUI(n);
+      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, a = null) {
-    console.log("Cabbage: sending widget update from UI", e.props);
-    const n = {
+  static sendWidgetUpdate(e, n = null) {
+    const a = {
       command: "widgetStateUpdate",
       obj: JSON.stringify(CabbageUtils.sanitizeForEditor(e))
     };
-    a !== null ? a.postMessage(n) : window.sendMessageFromUI(n);
+    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, a, n, t = null) {
-    var s = {
+  static sendMidiMessageFromUI(e, n, a, s = null) {
+    var o = {
       statusByte: e,
-      dataByte1: a,
-      dataByte2: n
+      dataByte1: n,
+      dataByte2: a
     };
-    const o = {
+    const i = {
       command: "midiMessage",
-      obj: JSON.stringify(s)
+      obj: JSON.stringify(o)
     };
-    console.log("Cabbage: sending midi message from UI", s), t !== null ? t.postMessage(o) : window.sendMessageFromUI(o);
+    s !== null ? s.postMessage(i) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(i) : console.error(
+      "Cabbage: window.sendMessageFromUI is not available. Message:",
+      i
+    );
   }
-  static sendChannelData(e, a, n = null) {
-    var t = {
+  static sendChannelData(e, n, a = null) {
+    var s = {
       channel: e
     };
-    if (typeof a == "string")
-      t.stringData = a;
-    else if (typeof a == "number")
-      t.floatData = a;
+    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 a);
+      console.warn(
+        "Cabbage: sendChannelData received unsupported data type:",
+        typeof n
+      );
       return;
     }
-    const s = {
+    const o = {
       command: "channelData",
-      obj: JSON.stringify(t)
+      obj: JSON.stringify(s)
     };
-    console.log("Cabbage: sending channel data from UI", t), n !== null ? n.postMessage(s) : window.sendMessageFromUI(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, a, n) {
-    console.log("Cabbage: Got MIDI Message" + e + ":" + a + ":" + n);
+  static MidiMessageFromHost(e, n, a) {
+    console.log(
+      "Cabbage: Got MIDI Message" + e + ":" + n + ":" + a
+    );
   }
-  static triggerFileOpenDialog(e, a, n = {}) {
-    var t = {
-      channel: a,
-      directory: n.directory || "",
-      filters: n.filters || "*",
-      openAtLastKnownLocation: n.openAtLastKnownLocation !== void 0 ? n.openAtLastKnownLocation : !0
+  static triggerFileOpenDialog(e, n, a = {}) {
+    var s = {
+      channel: n,
+      directory: a.directory || "",
+      filters: a.filters || "*",
+      openAtLastKnownLocation: a.openAtLastKnownLocation !== void 0 ? a.openAtLastKnownLocation : !0
     };
-    const s = {
+    const o = {
       command: "fileOpen",
-      obj: JSON.stringify(t)
+      obj: JSON.stringify(s)
     };
-    e !== null ? e.postMessage(s) : window.sendMessageFromUI(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 t = {
-      url: a,
-      file: n
+  static openUrl(e, n, a) {
+    var s = {
+      url: n,
+      file: a
     };
-    const s = {
+    const o = {
       command: "openUrl",
-      obj: JSON.stringify(t)
+      obj: JSON.stringify(s)
     };
-    e !== null ? e.postMessage(s) : window.sendMessageFromUI(s);
+    e !== null ? e.postMessage(o) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(o) : console.error(
+      "Cabbage: window.sendMessageFromUI is not available. Message:",
+      o
+    );
   }
 }
-const u = (d) => {
-  const [e, a] = m();
-  return c(() => {
-    const n = (t) => {
-      const { id: s, widgetJson: o, command: i } = t.data;
-      if (s === d && o && i === "widgetUpdate") {
-        const l = JSON.parse(o);
+const b = (d) => {
+  const [e, n] = f();
+  return u(() => {
+    const a = (s) => {
+      const { id: o, widgetJson: i, command: t } = s.data;
+      if (o === d && i && t === "widgetUpdate") {
+        const r = JSON.parse(i);
         console.log(
-          `[Cabbage-React] Received properties for channelId ${s}`,
-          l
-        ), a(l);
+          `[Cabbage-React] Received properties for channelId ${o}`,
+          r
+        ), n(r);
       }
     };
-    return window.addEventListener("message", n), () => {
-      window.removeEventListener("message", n);
+    return window.addEventListener("message", a), () => {
+      window.removeEventListener("message", a);
     };
   }, []), {
     properties: e
   };
-}, p = (d) => {
-  const { properties: e } = u(d), [a, n] = m(), t = (s, o) => {
-    n(s);
-    const i = {
+}, M = (d) => {
+  const { properties: e } = b(d), [n, a] = f(), [s, o] = f(), i = (t) => {
+    a(t);
+    const r = {
       channel: d,
-      ...s !== void 0 && { value: s },
-      ...o !== void 0 && { stringData: o }
+      paramIdx: s,
+      value: t
     };
-    r.sendParameterUpdate(i, null);
+    m.sendParameterUpdate(r, null);
   };
-  return c(() => {
-    var l;
-    const s = e == null ? void 0 : e.value;
-    if (s != null) {
-      console.log(
-        `[Cabbage-React] Received initial value for channelId "${d}"`,
-        s
-      ), n(s);
-      return;
-    }
-    const o = e == null ? void 0 : e.channels.find(
-      (g) => g.id === d
+  return u(() => {
+    var c;
+    const t = e == null ? void 0 : e.channels.find(
+      (w) => w.id === d
     );
-    if (!o) return;
-    const i = (l = o.range) == null ? void 0 : l.defaultValue;
-    a === void 0 && i !== void 0 && (console.log(
-      `[Cabbage-React] Received default value for channelId "${o.id}"`,
-      i
-    ), n(i));
-  }, [e]), c(() => {
-    const s = (o) => {
-      const { command: i } = o.data;
-      if (i === "parameterChange") {
-        const { value: l, paramIdx: g } = o.data;
-        if (l === null) return;
+    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 g = e == null ? void 0 : e.value;
+    g != null && (console.log(
+      `[Cabbage-React] Received initial value for channelId "${d}"`,
+      g
+    ), a(g));
+    const l = (c = t.range) == null ? void 0 : c.defaultValue;
+    n === void 0 && l !== void 0 && (console.log(
+      `[Cabbage-React] Received default value for channelId "${t.id}"`,
+      l
+    ), a(l));
+  }, [e]), u(() => {
+    const t = (r) => {
+      const { command: g } = r.data;
+      if (g === "parameterChange") {
+        const { value: l, paramIdx: c } = r.data;
+        if (console.log("event", r), c !== s || l == null) return;
         console.log(
-          `[Cabbage-React] Received value change for parameterIndex ${g}`,
+          `[Cabbage-React] Received value change for parameterIndex ${c}`,
           l
-        ), n(l);
+        ), a(l);
       }
     };
-    return window.addEventListener("message", s), () => {
-      window.removeEventListener("message", s);
+    return window.addEventListener("message", t), () => {
+      window.removeEventListener("message", t);
     };
   }, []), {
-    value: a,
-    setValue: t
+    value: n,
+    setValue: i
   };
 };
 export {
-  r as Cabbage,
-  u as useCabbageProperties,
-  p as useCabbageState
+  m as Cabbage,
+  b as useCabbageProperties,
+  M as useCabbageState
 };

package/package.json

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