cabbage-react 1.0.32 → 1.0.34

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

@@ -1 +1 @@
-{"version":3,"file":"useCabbageMessage.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageMessage.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,aAAa,MAAM;;CAgCrD,CAAC"}
+{"version":3,"file":"useCabbageMessage.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageMessage.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,aAAa,MAAM;;CAkCrD,CAAC"}

package/dist/index.cjs

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

package/dist/index.mjs

@@ -21,16 +21,16 @@ class C {
    * @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: o, value: e, gesture: s = "complete" }, n = null) {
-    const a = {
+  static sendControlData({ channel: o, value: e, gesture: s = "complete" }, a = null) {
+    const n = {
       command: "controlData",
       channel: o,
       value: e,
       gesture: s
     };
-    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
     );
   }
   /**
@@ -50,17 +50,17 @@ class C {
    * @param {number} dataByte2 - Second MIDI data byte
    * @param {Object|null} vscode - VS Code API object (null for plugin mode)
    */
-  static sendMidiMessageFromUI(o, e, s, n = null) {
-    var a = {
+  static sendMidiMessageFromUI(o, e, s, a = null) {
+    var n = {
       statusByte: o,
       dataByte1: e,
       dataByte2: s
     };
     const r = {
       command: "midiMessage",
-      obj: JSON.stringify(a)
+      obj: JSON.stringify(n)
     };
-    n !== null ? n.postMessage(r) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(r) : console.error(
+    a !== null ? a.postMessage(r) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(r) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
       r
     );
@@ -88,19 +88,19 @@ class C {
    * @param {boolean} [options.openAtLastKnownLocation=true] - Whether to open at last known location
    */
   static triggerFileOpenDialog(o, e, s = {}) {
-    var n = {
+    var a = {
       channel: e,
       directory: s.directory || "",
       filters: s.filters || "*",
       openAtLastKnownLocation: s.openAtLastKnownLocation !== void 0 ? s.openAtLastKnownLocation : !0
     };
-    const a = {
+    const n = {
       command: "fileOpen",
-      obj: JSON.stringify(n)
+      obj: JSON.stringify(a)
     };
-    o !== null ? o.postMessage(a) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(a) : console.error(
+    o !== null ? o.postMessage(n) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      a
+      n
     );
   }
   /**
@@ -111,17 +111,17 @@ class C {
    * @param {string} file - File path to open
    */
   static openUrl(o, e, s) {
-    var n = {
+    var a = {
       url: e,
       file: s
     };
-    const a = {
+    const n = {
       command: "openUrl",
-      obj: JSON.stringify(n)
+      obj: JSON.stringify(a)
     };
-    o !== null ? o.postMessage(a) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(a) : console.error(
+    o !== null ? o.postMessage(n) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      a
+      n
     );
   }
   /**
@@ -137,7 +137,7 @@ class C {
    * {command: "resizeResponse", accepted: boolean, width: number, height: number}
    */
   static requestResize(o, e, s = null) {
-    const n = {
+    const a = {
       command: "requestResize",
       width: o,
       height: e
@@ -148,9 +148,9 @@ class C {
       );
       return;
     } else
-      typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : console.error(
+      typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(a) : console.error(
         "Cabbage: window.sendMessageFromUI is not available. Message:",
-        n
+        a
       );
   }
   /**
@@ -161,13 +161,13 @@ class C {
    * @param {Object|null} vscode - VS Code API object (null for plugin mode)
    */
   static sendChannelData(o, e, s = null) {
-    var n = {
+    var a = {
       channel: o
     };
     if (typeof e == "string")
-      n.stringData = e;
+      a.stringData = e;
     else if (typeof e == "number")
-      n.floatData = e;
+      a.floatData = e;
     else {
       console.warn(
         "Cabbage: sendChannelData received unsupported data type:",
@@ -175,13 +175,13 @@ class C {
       );
       return;
     }
-    const a = {
+    const n = {
       command: "channelData",
-      obj: JSON.stringify(n)
+      obj: JSON.stringify(a)
     };
-    console.log("Cabbage: sending channel data from UI", n), s !== null ? s.postMessage(a) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(a) : console.error(
+    console.log("Cabbage: sending channel data from UI", a), s !== null ? s.postMessage(n) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(n) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      a
+      n
     );
   }
   /**
@@ -209,24 +209,24 @@ class C {
    * @param {Object} additionalData - Additional data to include in the command
    */
   static sendCustomCommand(o, e = null, s = {}) {
-    const n = {
+    const a = {
       command: o,
       text: JSON.stringify(s)
     };
     if (e !== null)
-      e.postMessage(n);
+      e.postMessage(a);
     else if (typeof window.sendMessageFromUI == "function") {
-      console.log("Cabbage: Calling window.sendMessageFromUI with:", n);
+      console.log("Cabbage: Calling window.sendMessageFromUI with:", a);
       try {
-        const a = window.sendMessageFromUI(n);
-        console.log("Cabbage: sendMessageFromUI returned:", a);
-      } catch (a) {
-        console.error("Cabbage: sendMessageFromUI threw error:", a), console.error("Cabbage: Error stack:", a.stack);
+        const n = window.sendMessageFromUI(a);
+        console.log("Cabbage: sendMessageFromUI returned:", n);
+      } catch (n) {
+        console.error("Cabbage: sendMessageFromUI threw error:", n), console.error("Cabbage: Error stack:", n.stack);
       }
     } else
       console.error(
         "Cabbage: window.sendMessageFromUI is not available yet. Message:",
-        n
+        a
       ), console.error(
         "Cabbage: typeof window.sendMessageFromUI:",
         typeof window.sendMessageFromUI
@@ -239,12 +239,12 @@ class C {
 const I = (i) => {
   const [o, e] = f();
   return b(() => {
-    const s = (n) => {
-      const { id: a, widgetJson: r, command: l } = n.data;
-      if (a === i && r && l === "widgetUpdate") {
+    const s = (a) => {
+      const { id: n, widgetJson: r, command: l } = a.data;
+      if (n === i && r && l === "widgetUpdate") {
         const t = JSON.parse(r);
         console.log(
-          `[Cabbage-React] Received properties for channelId ${a}`,
+          `[Cabbage-React] Received properties for channelId ${n}`,
           t
         ), e(t);
       }
@@ -256,8 +256,8 @@ const I = (i) => {
     properties: o
   };
 }, v = (i, o = "complete") => {
-  const { properties: e } = I(i), [s, n] = f(), [a, r] = f(), l = (t) => {
-    n(t), C.sendControlData({
+  const { properties: e } = I(i), [s, a] = f(), [n, r] = f(), l = (t) => {
+    a(t), C.sendControlData({
       channel: i,
       value: t,
       gesture: o
@@ -270,7 +270,7 @@ const I = (i) => {
     );
     if (!t) return;
     const g = t == null ? void 0 : t.parameterIndex;
-    a === void 0 && g !== void 0 && (console.log(
+    n === void 0 && g !== void 0 && (console.log(
       `[Cabbage-React] Received parameterIndex for channelId "${t.id}"`,
       g
     ), r(g));
@@ -278,18 +278,18 @@ const I = (i) => {
     s === void 0 && c !== void 0 && (console.log(
       `[Cabbage-React] Received default value for channelId "${t.id}"`,
       c
-    ), n(c));
+    ), a(c));
   }, [e]), b(() => {
     const t = (g) => {
       var w;
       const { command: c } = g.data;
       if (c === "parameterChange") {
         const { value: d, paramIdx: m } = g.data.data;
-        if (m !== a || d === null) return;
+        if (m !== n || d === null) return;
         console.log(
           `[Cabbage-React] Received parameterChange for parameterIndex ${m}`,
           d
-        ), n(d);
+        ), a(d);
       } else if (c === "batchWidgetUpdate") {
         const d = g.data.widgets, m = d == null ? void 0 : d.find((M) => M.id === i);
         if (!m) return;
@@ -299,26 +299,27 @@ const I = (i) => {
         console.log(
           `[Cabbage-React] Received batch widget update for channelId ${m.id}`,
           p
-        ), n(p);
+        ), a(p);
       }
     };
     return window.addEventListener("message", t), () => {
       window.removeEventListener("message", t);
     };
-  }, [a]), {
+  }, [n]), {
     value: s,
     setValue: l
   };
 }, y = (i) => {
   const [o, e] = f();
   return b(() => {
-    const s = (n) => {
-      const { widgetJson: a, command: r } = n.data;
-      if (a && r === "widgetUpdate") {
-        const l = JSON.parse(a);
+    const s = (a) => {
+      console.log("message-event", a);
+      const { widgetJson: n, command: r } = a.data;
+      if (n && r === "widgetUpdate") {
+        const l = JSON.parse(n);
         if (l.id !== i) return;
         console.log(
-          `[Cabbage-React] Received message for channelId ${l.id}`,
+          `[Cabbage-React] Received message for messageId ${l.id}`,
           l
         ), e(l);
       }

package/package.json

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