cabbage-react 1.0.41 → 1.0.43

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;CAmGnC,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;CA6FnC,CAAC"}

package/dist/index.cjs

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

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { useState as w, useEffect as f } from "react";
+import { useState as w, useEffect as b } from "react";
 console.log("Cabbage: loading cabbage.js");
 class C {
   /**
@@ -238,10 +238,10 @@ class C {
 }
 const I = (i) => {
   const [o, s] = w();
-  return f(() => {
+  return b(() => {
     const a = (n) => {
-      const { id: e, widgetJson: r, command: b } = n.data;
-      if (e === i && r && b === "widgetUpdate") {
+      const { id: e, widgetJson: r, command: f } = n.data;
+      if (e === i && r && f === "widgetUpdate") {
         const t = JSON.parse(r);
         console.log(
           `[Cabbage-React] Received properties for channelId: ${e}`,
@@ -256,53 +256,48 @@ const I = (i) => {
     properties: o
   };
 }, v = (i, o = "complete") => {
-  const { properties: s } = I(i), [a, n] = w(), [e, r] = w(), b = (t) => {
+  const { properties: s } = I(i), [a, n] = w(), [e, r] = w(), f = (t) => {
     n(t), C.sendControlData({
       channel: i,
       value: t,
       gesture: o
     });
   };
-  return f(() => {
-    var d;
+  return b(() => {
+    var m;
     const t = s == null ? void 0 : s.channels.find(
-      (l) => l.id === i
+      (d) => d.id === i
     );
     if (!t) return;
-    const g = t.parameterIndex;
-    e === void 0 && g !== void 0 && (console.log(
+    const l = t.parameterIndex;
+    if (e === void 0 && l !== void 0 && (console.log(
       `[Cabbage-React] Received parameterIndex for channelId: ${t.id}`,
-      g
-    ), r(g));
-    const c = t.range.value;
-    c != null && (console.log(
+      l
+    ), r(l)), a !== void 0) return;
+    const g = (m = t.range) == null ? void 0 : m.value;
+    g != null && (console.log(
       `[Cabbage-React] Received initial value for channelId: ${t.id}`,
-      c
-    ), n(c));
-    const m = (d = t.range) == null ? void 0 : d.defaultValue;
-    a === void 0 && m !== void 0 && (console.log(
-      `[Cabbage-React] Received default value for channelId: ${t.id}`,
-      m
-    ), n(m));
-  }, [s]), f(() => {
-    const t = (g) => {
+      g
+    ), n(g));
+  }, [s]), b(() => {
+    const t = (l) => {
       var m;
-      const { command: c } = g.data;
-      if (c === "parameterChange") {
-        const { value: d, paramIdx: l } = g.data.data;
-        if (l !== e || d === null) return;
+      const { command: g } = l.data;
+      if (g === "parameterChange") {
+        const { value: d, paramIdx: c } = l.data.data;
+        if (c !== e || d === null) return;
         console.log(
-          `[Cabbage-React] Received parameterChange for parameterIndex: ${l}`,
+          `[Cabbage-React] Received parameterChange for parameterIndex: ${c}`,
           d
         ), n(d);
-      } else if (c === "batchWidgetUpdate") {
-        const d = g.data.widgets, l = d == null ? void 0 : d.find((M) => M.id === i);
-        if (!l) return;
-        const u = JSON.parse(l.widgetJson).channels.find(
+      } else if (g === "batchWidgetUpdate") {
+        const d = l.data.widgets, c = d == null ? void 0 : d.find((M) => M.id === i);
+        if (!c) return;
+        const u = JSON.parse(c.widgetJson).channels.find(
           (M) => M.id === i
         ), p = (m = u == null ? void 0 : u.range) == null ? void 0 : m.value;
         console.log(
-          `[Cabbage-React] Received batch widget update for channelId: ${l.id}`,
+          `[Cabbage-React] Received batch widget update for channelId: ${c.id}`,
           p
         ), n(p);
       }
@@ -312,11 +307,11 @@ const I = (i) => {
     };
   }, [e]), {
     value: a,
-    setValue: b
+    setValue: f
   };
-}, h = (i) => {
+}, y = (i) => {
   const [o, s] = w();
-  return f(() => {
+  return b(() => {
     const a = (n) => {
       const { data: e, type: r } = n;
       if (e && r === "message") {
@@ -336,7 +331,7 @@ const I = (i) => {
 };
 export {
   C as Cabbage,
-  h as useCabbageMessage,
+  y as useCabbageMessage,
   I as useCabbageProperties,
   v as useCabbageState
 };

package/package.json

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