cabbage-react 1.0.12 → 1.0.13

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;CAyFnC,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;CAqGnC,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 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=g=>{const[e,n]=m.useState();return m.useEffect(()=>{const a=s=>{const{id:o,widgetJson:i,command:t}=s.data;if(o===g&&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=g=>{const{properties:e}=f(g),[n,a]=m.useState(),[s,o]=m.useState(),i=t=>{a(t);const r={channel:g,paramIdx:s,value:t};u.sendParameterUpdate(r,null)};return m.useEffect(()=>{var c;const t=e==null?void 0:e.channels.find(b=>b.id===g);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 d=e==null?void 0:e.value;d!=null&&(console.log(`[Cabbage-React] Received initial value for channelId "${g}"`,d),a(d));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]),m.useEffect(()=>{const t=r=>{const{command:d}=r.data;if(d==="parameterChange"){const{value:l,paramIdx:c}=r.data.data;if(console.log("paramIdx",s),console.log("value",l),console.log("incomingParameterIndex",c),console.log("event.data.data",r.data.data),c!==s||l===null)return;console.log(`[Cabbage-React] Received value change for parameterIndex ${c}`,l),a(l)}else d==="batchWidgetUpdate"&&console.log("batchWidgetUpdate",r)};return window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}},[s]),{value:n,setValue:i}};exports.Cabbage=u;exports.useCabbageProperties=f;exports.useCabbageState=w;
+"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 value change 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;

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { useState as f, useEffect as u } from "react";
+import { useState as b, useEffect as p } from "react";
 console.log("Cabbage: loading cabbage.js");
-class m {
+class f {
   /**
    * Main entry point for sending any data from UI widgets to the Cabbage backend.
    * This function automatically routes messages to the appropriate backend function
@@ -16,10 +16,10 @@ class m {
    */
   static sendChannelUpdate(e, n = null, a = !1) {
     if (a === !0 || a === 1)
-      m.sendParameterUpdate(e, n);
+      f.sendParameterUpdate(e, n);
     else {
       const s = e.value !== void 0 ? e.value : e.stringData || e.floatData;
-      m.sendChannelData(e.channel, s, n);
+      f.sendChannelData(e.channel, s, n);
     }
   }
   static sendParameterUpdate(e, n = null) {
@@ -92,13 +92,13 @@ class m {
       dataByte1: n,
       dataByte2: a
     };
-    const i = {
+    const l = {
       command: "midiMessage",
       obj: JSON.stringify(o)
     };
-    s !== null ? s.postMessage(i) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(i) : console.error(
+    s !== null ? s.postMessage(l) : typeof window.sendMessageFromUI == "function" ? window.sendMessageFromUI(l) : console.error(
       "Cabbage: window.sendMessageFromUI is not available. Message:",
-      i
+      l
     );
   }
   static sendChannelData(e, n, a = null) {
@@ -161,13 +161,13 @@ class m {
     );
   }
 }
-const b = (g) => {
-  const [e, n] = f();
-  return u(() => {
+const I = (d) => {
+  const [e, n] = b();
+  return p(() => {
     const a = (s) => {
-      const { id: o, widgetJson: i, command: t } = s.data;
-      if (o === g && i && t === "widgetUpdate") {
-        const r = JSON.parse(i);
+      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
@@ -180,20 +180,20 @@ const b = (g) => {
   }, []), {
     properties: e
   };
-}, I = (g) => {
-  const { properties: e } = b(g), [n, a] = f(), [s, o] = f(), i = (t) => {
+}, F = (d) => {
+  const { properties: e } = I(d), [n, a] = b(), [s, o] = b(), l = (t) => {
     a(t);
     const r = {
-      channel: g,
+      channel: d,
       paramIdx: s,
       value: t
     };
-    m.sendParameterUpdate(r, null);
+    f.sendParameterUpdate(r, null);
   };
-  return u(() => {
-    var c;
+  return p(() => {
+    var i;
     const t = e == null ? void 0 : e.channels.find(
-      (w) => w.id === g
+      (g) => g.id === d
     );
     if (!t) return;
     const r = t == null ? void 0 : t.parameterIndex;
@@ -201,38 +201,49 @@ const b = (g) => {
       `[Cabbage-React] Received parameterIndex for channelId "${t.id}"`,
       r
     ), o(r));
-    const d = e == null ? void 0 : e.value;
-    d != null && (console.log(
-      `[Cabbage-React] Received initial value for channelId "${g}"`,
-      d
-    ), a(d));
-    const l = (c = t.range) == null ? void 0 : c.defaultValue;
-    n === void 0 && l !== void 0 && (console.log(
+    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}"`,
-      l
-    ), a(l));
-  }, [e]), u(() => {
+      m
+    ), a(m));
+  }, [e]), p(() => {
     const t = (r) => {
-      const { command: d } = r.data;
-      if (d === "parameterChange") {
-        const { value: l, paramIdx: c } = r.data.data;
-        if (console.log("paramIdx", s), console.log("value", l), console.log("incomingParameterIndex", c), console.log("event.data.data", r.data.data), c !== s || l === null) return;
+      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 value change for parameterIndex ${c}`,
-          l
-        ), a(l);
-      } else d === "batchWidgetUpdate" && console.log("batchWidgetUpdate", r);
+          `[Cabbage-React] Received value change 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 u = JSON.parse(g.widgetJson).channels.find(
+          (w) => w.id === d
+        ), M = (m = u == null ? void 0 : u.range) == null ? void 0 : m.value;
+        console.log(
+          `[Cabbage-React] Received batch widget update for channelId ${g.id}`,
+          M
+        ), a(M);
+      }
     };
     return window.addEventListener("message", t), () => {
       window.removeEventListener("message", t);
     };
   }, [s]), {
     value: n,
-    setValue: i
+    setValue: l
   };
 };
 export {
-  m as Cabbage,
-  b as useCabbageProperties,
-  I as useCabbageState
+  f as Cabbage,
+  I as useCabbageProperties,
+  F as useCabbageState
 };

package/package.json

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