cabbage-react 1.0.25 → 1.0.26

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

@@ -1 +1 @@
-{"version":3,"file":"useCabbageState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageState.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,aACrB,MAAM,YACR,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU;;sBAOb,CAAC;;CA0FnC,CAAC"}
+{"version":3,"file":"useCabbageState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageState.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,aACrB,MAAM,YACR,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU;;sBAOb,CAAC;;CAyFnC,CAAC"}

package/dist/index.cjs

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

package/dist/index.mjs

@@ -56,13 +56,13 @@ class I {
       dataByte1: e,
       dataByte2: a
     };
-    const l = {
+    const d = {
       command: "midiMessage",
       obj: JSON.stringify(s)
     };
-    n !== null ? n.postMessage(l) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(l) : console.error(
+    n !== null ? n.postMessage(d) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(d) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      l
+      d
     );
   }
   /**
@@ -236,13 +236,13 @@ class I {
       );
   }
 }
-const C = (d) => {
+const C = (r) => {
   const [o, e] = u();
   return M(() => {
     const a = (n) => {
-      const { id: s, widgetJson: l, command: w } = n.data;
-      if (s === d && l && w === "widgetUpdate") {
-        const t = JSON.parse(l);
+      const { id: s, widgetJson: d, command: w } = n.data;
+      if (s === r && d && w === "widgetUpdate") {
+        const t = JSON.parse(d);
         console.log(
           `[Cabbage-React] Received properties for channelId ${s}`,
           t
@@ -255,48 +255,46 @@ const C = (d) => {
   }, []), {
     properties: o
   };
-}, y = (d, o = "complete") => {
-  const { properties: e } = C(d), [a, n] = u(), [s, l] = u(), w = (t) => {
-    n(t);
-    const i = {
-      channel: d,
+}, y = (r, o = "complete") => {
+  const { properties: e } = C(r), [a, n] = u(), [s, d] = u(), w = (t) => {
+    n(t), I.sendControlData({
+      channel: r,
       value: t,
       gesture: o
-    };
-    I.sendControlData(i, null);
+    });
   };
   return M(() => {
     var m;
     const t = e == null ? void 0 : e.channels.find(
-      (r) => r.id === d
+      (i) => i.id === r
     );
     if (!t) return;
-    const i = t == null ? void 0 : t.parameterIndex;
-    s === void 0 && i !== void 0 && (console.log(
+    const l = t == null ? void 0 : t.parameterIndex;
+    s === void 0 && l !== void 0 && (console.log(
       `[Cabbage-React] Received parameterIndex for channelId "${t.id}"`,
-      i
-    ), l(i));
+      l
+    ), d(l));
     const g = (m = t.range) == null ? void 0 : m.defaultValue;
     a === void 0 && g !== void 0 && (console.log(
       `[Cabbage-React] Received default value for channelId "${t.id}"`,
       g
     ), n(g));
   }, [e]), M(() => {
-    const t = (i) => {
+    const t = (l) => {
       var m;
-      const { command: g } = i.data;
+      const { command: g } = l.data;
       if (g === "parameterChange") {
-        const { value: r, paramIdx: c } = i.data.data;
-        if (c !== s || r === null) return;
+        const { value: i, paramIdx: c } = l.data.data;
+        if (c !== s || i === null) return;
         console.log(
           `[Cabbage-React] Received parameterChange for parameterIndex ${c}`,
-          r
-        ), n(r);
+          i
+        ), n(i);
       } else if (g === "batchWidgetUpdate") {
-        const r = i.data.widgets, c = r == null ? void 0 : r.find((b) => b.id === d);
+        const i = l.data.widgets, c = i == null ? void 0 : i.find((b) => b.id === r);
         if (!c) return;
         const f = JSON.parse(c.widgetJson).channels.find(
-          (b) => b.id === d
+          (b) => b.id === r
         ), p = (m = f == null ? void 0 : f.range) == null ? void 0 : m.value;
         console.log(
           `[Cabbage-React] Received batch widget update for channelId ${c.id}`,

package/package.json

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