cabbage-react 1.0.3 → 1.0.5

package/dist/hooks/useCabbageState.d.ts

@@ -5,6 +5,6 @@
  */
 export declare const useCabbageState: <T>(channelId: string) => {
     value: T | undefined;
-    setValue: (newValue: T, stringData?: string) => void;
+    setValue: (value?: T, stringData?: string) => 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;;yBAKd,CAAC,eAAe,MAAM;CA4E3D,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;;uBAKhB,CAAC,eAAe,MAAM;CA6EzD,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:l}=t.data;if(s===r&&o&&l==="widgetUpdate"){const i=JSON.parse(o);console.log(`[Cabbage-React] Received properties for channelId ${s}`,i),n(i)}};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 l={channel:r,value:s,stringData:o};g.sendParameterUpdate(l,null)};return d.useEffect(()=>{var i;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 l=(i=o.range)==null?void 0:i.defaultValue;n===void 0&&l!==void 0&&(console.log(`[Cabbage-React] Received default value for channelId "${o.id}"`,l),a(l))},[e]),d.useEffect(()=>{const s=o=>{const{command:l}=o.data;if(l==="parameterChange"){const{value:i,paramIdx:c}=o.data;if(i===null)return;console.log(`[Cabbage-React] Received value change for parameterIndex ${c}`,i),a(i)}};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 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;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { useState as m, useEffect as c } from "react";
 console.log("Cabbage: loading cabbage.js");
-class d {
+class r {
   /**
    * 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 d {
    */
   static sendChannelUpdate(e, a = null, n = 0) {
     if (n === 1)
-      d.sendParameterUpdate(e, a);
+      r.sendParameterUpdate(e, a);
     else {
       const t = e.value !== void 0 ? e.value : e.stringData || e.floatData;
-      d.sendChannelData(e.channel, t, a);
+      r.sendChannelData(e.channel, t, a);
     }
   }
   static sendParameterUpdate(e, a = null) {
@@ -102,17 +102,17 @@ class d {
     e !== null ? e.postMessage(s) : window.sendMessageFromUI(s);
   }
 }
-const u = (r) => {
+const u = (d) => {
   const [e, a] = m();
   return c(() => {
     const n = (t) => {
-      const { id: s, widgetJson: o, command: l } = t.data;
-      if (s === r && o && l === "widgetUpdate") {
-        const i = JSON.parse(o);
+      const { id: s, widgetJson: o, command: i } = t.data;
+      if (s === d && o && i === "widgetUpdate") {
+        const l = JSON.parse(o);
         console.log(
           `[Cabbage-React] Received properties for channelId ${s}`,
-          i
-        ), a(i);
+          l
+        ), a(l);
       }
     };
     return window.addEventListener("message", n), () => {
@@ -121,45 +121,45 @@ const u = (r) => {
   }, []), {
     properties: e
   };
-}, p = (r) => {
-  const { properties: e } = u(r), [a, n] = m(), t = (s, o) => {
+}, p = (d) => {
+  const { properties: e } = u(d), [a, n] = m(), t = (s, o) => {
     n(s);
-    const l = {
-      channel: r,
-      value: s,
-      stringData: o
+    const i = {
+      channel: d,
+      ...s !== void 0 && { value: s },
+      ...o !== void 0 && { stringData: o }
     };
-    d.sendParameterUpdate(l, null);
+    r.sendParameterUpdate(i, null);
   };
   return c(() => {
-    var i;
+    var l;
     const s = e == null ? void 0 : e.value;
     if (s != null) {
       console.log(
-        `[Cabbage-React] Received initial value for channelId "${r}"`,
+        `[Cabbage-React] Received initial value for channelId "${d}"`,
         s
       ), n(s);
       return;
     }
     const o = e == null ? void 0 : e.channels.find(
-      (g) => g.id === r
+      (g) => g.id === d
     );
     if (!o) return;
-    const l = (i = o.range) == null ? void 0 : i.defaultValue;
-    a === void 0 && l !== void 0 && (console.log(
+    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}"`,
-      l
-    ), n(l));
+      i
+    ), n(i));
   }, [e]), c(() => {
     const s = (o) => {
-      const { command: l } = o.data;
-      if (l === "parameterChange") {
-        const { value: i, paramIdx: g } = o.data;
-        if (i === null) return;
+      const { command: i } = o.data;
+      if (i === "parameterChange") {
+        const { value: l, paramIdx: g } = o.data;
+        if (l === null) return;
         console.log(
           `[Cabbage-React] Received value change for parameterIndex ${g}`,
-          i
-        ), n(i);
+          l
+        ), n(l);
       }
     };
     return window.addEventListener("message", s), () => {
@@ -171,7 +171,7 @@ const u = (r) => {
   };
 };
 export {
-  d as Cabbage,
+  r as Cabbage,
   u as useCabbageProperties,
   p as useCabbageState
 };

package/package.json

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