cabbage-react 1.0.0 → 1.0.1

package/README.md

@@ -42,12 +42,12 @@ const HorizontalSlider = ({
 	paramIdx,
 	inputProps,
 }: {
-	channel: string,
-	paramIdx: number,
-	inputProps?: InputHTMLAttributes<HTMLInputElement>,
+	channel: string;
+	paramIdx: number;
+	inputProps?: InputHTMLAttributes<HTMLInputElement>;
 }) => {
 	const { properties } = useCabbageProperties(channel);
-	const { value, setValue } = useCabbageState < number > (channel, paramIdx);
+	const { value, setValue } = useCabbageState<number>(channel, paramIdx);
 
 	return (
 		<div>

package/dist/cabbage/cabbage.d.ts

@@ -3,7 +3,9 @@ export class Cabbage {
     static sendCustomCommand(command: any, vscode?: null): void;
     static sendWidgetUpdate(widget: any, vscode?: null): void;
     static sendMidiMessageFromUI(statusByte: any, dataByte1: any, dataByte2: any, vscode?: null): void;
+    static sendChannelData(channel: any, data: any, vscode?: null): void;
     static MidiMessageFromHost(statusByte: any, dataByte1: any, dataByte2: any): void;
     static triggerFileOpenDialog(vscode: any, channel: any): void;
+    static openUrl(vscode: any, url: any, file: any): void;
 }
 //# sourceMappingURL=cabbage.d.ts.map

package/dist/cabbage/cabbage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cabbage.d.ts","sourceRoot":"","sources":["../../src/cabbage/cabbage.js"],"names":[],"mappings":"AAMA;IAEE,8DAYC;IAED,4DAYC;IAED,0DAYC;IAED,mGAmBC;IAED,kFAEC;IAED,8DAeC;CAGF"}
+{"version":3,"file":"cabbage.d.ts","sourceRoot":"","sources":["../../src/cabbage/cabbage.js"],"names":[],"mappings":"AAMA;IAEE,8DAcC;IAED,4DAYC;IAED,0DAYC;IAED,mGAmBC;IAED,qEA2BC;IAED,kFAEC;IAED,8DAeC;IAED,uDAgBC;CAGF"}

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 p{static sendParameterUpdate(n,e=null){const a={command:"parameterChange",obj:JSON.stringify(n)};e!==null?e.postMessage(a):(console.log("Cabbage: sending parameter change from UI",a),window.sendMessageFromUI(a))}static sendCustomCommand(n,e=null){const a={command:n,text:JSON.stringify({})};console.log("Cabbage: sending custom command from UI",a),e!==null?e.postMessage(a):window.sendMessageFromUI(a)}static sendWidgetUpdate(n,e=null){console.log("Cabbage: sending widget update from UI",n.props);const a={command:"widgetStateUpdate",obj:JSON.stringify(n.props)};e!==null?e.postMessage(a):window.sendMessageFromUI(a)}static sendMidiMessageFromUI(n,e,a,t=null){var r={statusByte:n,dataByte1:e,dataByte2:a};const o={command:"midiMessage",obj:JSON.stringify(r)};console.log("Cabbage: sending midi message from UI",r),t!==null?t.postMessage(o):window.sendMessageFromUI(o)}static MidiMessageFromHost(n,e,a){console.log("Cabbage: Got MIDI Message"+n+":"+e+":"+a)}static triggerFileOpenDialog(n,e){var a={channel:e};const t={command:"fileOpen",obj:JSON.stringify(a)};n!==null?n.postMessage(t):window.sendMessageFromUI(t)}}const C=l=>{const[n,e]=d.useState();return d.useEffect(()=>{const a=t=>{const{channel:r,data:o,command:f}=t.data;if(r===l&&o&&f==="widgetUpdate"){const m=JSON.parse(o);console.log(`[Cabbage-React] ${f}: Received properties for channel: ${r}`,m),e(m)}};return window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}},[]),{properties:n}},h=(l,n)=>{const{properties:e}=C(l),[a,t]=d.useState(),[r,o]=d.useState(),f=s=>{t(s);const i={paramIdx:n,channelType:r,channel:l,value:s};p.sendParameterUpdate(i,null)},m=s=>{if(typeof s=="number")return"number";if(typeof s=="string")return"string"};return d.useEffect(()=>{var i;if((e==null?void 0:e.channel)!==l)return;const s=(i=e==null?void 0:e.range)==null?void 0:i.defaultValue;if(a===void 0&&s!==void 0){console.log(`[Cabbage-React]: Received default value for channel "${e==null?void 0:e.channel}"`,s),t(s);const c=m(s);c&&o(c)}},[e]),d.useEffect(()=>{const s=i=>{const{command:c}=i.data;if(c==="widgetUpdate"){const{channel:u,value:g}=i.data;if(u!==l)return;if(console.log(`[Cabbage-React] ${c}: Received initial value for channel "${u}"`,g),g!==void 0){t(g);const b=m(g);b&&o(b)}}if(c==="parameterChange"){const{paramIdx:u,value:g}=i.data.data||{};u===n&&g!==void 0&&(console.log(`[Cabbage-React] ${c}: Received value change for paramIdx: ${u}`,g),t(g))}};return window.addEventListener("message",s),()=>{window.removeEventListener("message",s)}},[]),{value:a,setValue:f}};exports.Cabbage=p;exports.useCabbageProperties=C;exports.useCabbageState=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");console.log("Cabbage: loading cabbage.js");class p{static sendParameterUpdate(n,e=null){const a={command:"parameterChange",obj:JSON.stringify(n)};console.log("Cabbage.sendParameterUpdate:",n,"vscode:",e,"msg:",a),e!==null?(console.log("Sending via vscode.postMessage"),e.postMessage(a)):(console.log("Sending via window.sendMessageFromUI"),window.sendMessageFromUI(a))}static sendCustomCommand(n,e=null){const a={command:n,text:JSON.stringify({})};console.log("Cabbage: sending custom command from UI",a),e!==null?e.postMessage(a):window.sendMessageFromUI(a)}static sendWidgetUpdate(n,e=null){console.log("Cabbage: sending widget update from UI",n.props);const a={command:"widgetStateUpdate",obj:JSON.stringify(CabbageUtils.sanitizeForEditor(n))};e!==null?e.postMessage(a):window.sendMessageFromUI(a)}static sendMidiMessageFromUI(n,e,a,s=null){var t={statusByte:n,dataByte1:e,dataByte2:a};const i={command:"midiMessage",obj:JSON.stringify(t)};console.log("Cabbage: sending midi message from UI",t),s!==null?s.postMessage(i):window.sendMessageFromUI(i)}static sendChannelData(n,e,a=null){var s={channel:n};if(typeof e=="string")s.stringData=e;else if(typeof e=="number")s.floatData=e;else{console.warn("Cabbage: sendChannelData received unsupported data type:",typeof e);return}const t={command:"channelStringData",obj:JSON.stringify(s)};console.log("Cabbage: sending channel data from UI",s),a!==null?a.postMessage(t):window.sendMessageFromUI(t)}static MidiMessageFromHost(n,e,a){console.log("Cabbage: Got MIDI Message"+n+":"+e+":"+a)}static triggerFileOpenDialog(n,e){var a={channel:e};const s={command:"fileOpen",obj:JSON.stringify(a)};n!==null?n.postMessage(s):window.sendMessageFromUI(s)}static openUrl(n,e,a){var s={url:e,file:a};const t={command:"openUrl",obj:JSON.stringify(s)};n!==null?n.postMessage(t):window.sendMessageFromUI(t)}}const C=r=>{const[n,e]=c.useState();return c.useEffect(()=>{const a=s=>{const{channel:t,data:i,command:f}=s.data;if(t===r&&i&&f==="widgetUpdate"){const m=JSON.parse(i);console.log(`[Cabbage-React] ${f}: Received properties for channel: ${t}`,m),e(m)}};return window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}},[]),{properties:n}},w=(r,n)=>{const{properties:e}=C(r),[a,s]=c.useState(),[t,i]=c.useState(),f=o=>{s(o);const l={paramIdx:n,channelType:t,channel:r,value:o};p.sendParameterUpdate(l,null)},m=o=>{if(typeof o=="number")return"number";if(typeof o=="string")return"string"};return c.useEffect(()=>{var l;if((e==null?void 0:e.channel)!==r)return;const o=(l=e==null?void 0:e.range)==null?void 0:l.defaultValue;if(a===void 0&&o!==void 0){console.log(`[Cabbage-React]: Received default value for channel "${e==null?void 0:e.channel}"`,o),s(o);const d=m(o);d&&i(d)}},[e]),c.useEffect(()=>{const o=l=>{const{command:d}=l.data;if(d==="widgetUpdate"){const{channel:u,value:g}=l.data;if(u!==r)return;if(console.log(`[Cabbage-React] ${d}: Received initial value for channel "${u}"`,g),g!==void 0){s(g);const b=m(g);b&&i(b)}}if(d==="parameterChange"){const{paramIdx:u,value:g}=l.data.data||{};u===n&&g!==void 0&&(console.log(`[Cabbage-React] ${d}: Received value change for paramIdx: ${u}`,g),s(g))}};return window.addEventListener("message",o),()=>{window.removeEventListener("message",o)}},[]),{value:a,setValue:f}};exports.Cabbage=p;exports.useCabbageProperties=C;exports.useCabbageState=w;

package/dist/index.mjs

@@ -1,132 +1,161 @@
 import { useState as f, useEffect as b } from "react";
 console.log("Cabbage: loading cabbage.js");
 class C {
-  static sendParameterUpdate(n, e = null) {
-    const a = {
+  static sendParameterUpdate(a, e = null) {
+    const n = {
       command: "parameterChange",
-      obj: JSON.stringify(n)
+      obj: JSON.stringify(a)
     };
-    e !== null ? e.postMessage(a) : (console.log("Cabbage: sending parameter change from UI", a), window.sendMessageFromUI(a));
+    console.log("Cabbage.sendParameterUpdate:", a, "vscode:", e, "msg:", n), e !== null ? (console.log("Sending via vscode.postMessage"), e.postMessage(n)) : (console.log("Sending via window.sendMessageFromUI"), window.sendMessageFromUI(n));
   }
-  static sendCustomCommand(n, e = null) {
-    const a = {
-      command: n,
+  static sendCustomCommand(a, e = null) {
+    const n = {
+      command: a,
       text: JSON.stringify({})
     };
-    console.log("Cabbage: sending custom command from UI", a), e !== null ? e.postMessage(a) : window.sendMessageFromUI(a);
+    console.log("Cabbage: sending custom command from UI", n), e !== null ? e.postMessage(n) : window.sendMessageFromUI(n);
   }
-  static sendWidgetUpdate(n, e = null) {
-    console.log("Cabbage: sending widget update from UI", n.props);
-    const a = {
+  static sendWidgetUpdate(a, e = null) {
+    console.log("Cabbage: sending widget update from UI", a.props);
+    const n = {
       command: "widgetStateUpdate",
-      obj: JSON.stringify(n.props)
+      obj: JSON.stringify(CabbageUtils.sanitizeForEditor(a))
     };
-    e !== null ? e.postMessage(a) : window.sendMessageFromUI(a);
+    e !== null ? e.postMessage(n) : window.sendMessageFromUI(n);
   }
-  static sendMidiMessageFromUI(n, e, a, t = null) {
-    var d = {
-      statusByte: n,
+  static sendMidiMessageFromUI(a, e, n, s = null) {
+    var t = {
+      statusByte: a,
       dataByte1: e,
-      dataByte2: a
+      dataByte2: n
     };
-    const o = {
+    const i = {
       command: "midiMessage",
-      obj: JSON.stringify(d)
+      obj: JSON.stringify(t)
     };
-    console.log("Cabbage: sending midi message from UI", d), t !== null ? t.postMessage(o) : window.sendMessageFromUI(o);
+    console.log("Cabbage: sending midi message from UI", t), s !== null ? s.postMessage(i) : window.sendMessageFromUI(i);
   }
-  static MidiMessageFromHost(n, e, a) {
-    console.log("Cabbage: Got MIDI Message" + n + ":" + e + ":" + a);
+  static sendChannelData(a, e, n = null) {
+    var s = {
+      channel: a
+    };
+    if (typeof e == "string")
+      s.stringData = e;
+    else if (typeof e == "number")
+      s.floatData = e;
+    else {
+      console.warn("Cabbage: sendChannelData received unsupported data type:", typeof e);
+      return;
+    }
+    const t = {
+      command: "channelStringData",
+      obj: JSON.stringify(s)
+    };
+    console.log("Cabbage: sending channel data from UI", s), n !== null ? n.postMessage(t) : window.sendMessageFromUI(t);
   }
-  static triggerFileOpenDialog(n, e) {
-    var a = {
+  static MidiMessageFromHost(a, e, n) {
+    console.log("Cabbage: Got MIDI Message" + a + ":" + e + ":" + n);
+  }
+  static triggerFileOpenDialog(a, e) {
+    var n = {
       channel: e
     };
-    const t = {
+    const s = {
       command: "fileOpen",
-      obj: JSON.stringify(a)
+      obj: JSON.stringify(n)
+    };
+    a !== null ? a.postMessage(s) : window.sendMessageFromUI(s);
+  }
+  static openUrl(a, e, n) {
+    var s = {
+      url: e,
+      file: n
     };
-    n !== null ? n.postMessage(t) : window.sendMessageFromUI(t);
+    const t = {
+      command: "openUrl",
+      obj: JSON.stringify(s)
+    };
+    a !== null ? a.postMessage(t) : window.sendMessageFromUI(t);
   }
 }
-const h = (l) => {
-  const [n, e] = f();
+const w = (r) => {
+  const [a, e] = f();
   return b(() => {
-    const a = (t) => {
-      const { channel: d, data: o, command: u } = t.data;
-      if (d === l && o && u === "widgetUpdate") {
-        const c = JSON.parse(o);
+    const n = (s) => {
+      const { channel: t, data: i, command: u } = s.data;
+      if (t === r && i && u === "widgetUpdate") {
+        const c = JSON.parse(i);
         console.log(
-          `[Cabbage-React] ${u}: Received properties for channel: ${d}`,
+          `[Cabbage-React] ${u}: Received properties for channel: ${t}`,
           c
         ), e(c);
       }
     };
-    return window.addEventListener("message", a), () => {
-      window.removeEventListener("message", a);
+    return window.addEventListener("message", n), () => {
+      window.removeEventListener("message", n);
     };
   }, []), {
-    properties: n
+    properties: a
   };
-}, M = (l, n) => {
-  const { properties: e } = h(l), [a, t] = f(), [d, o] = f(), u = (s) => {
-    t(s);
-    const i = {
-      paramIdx: n,
-      channelType: d,
-      channel: l,
-      value: s
-    };
-    C.sendParameterUpdate(i, null);
-  }, c = (s) => {
-    if (typeof s == "number") return "number";
-    if (typeof s == "string") return "string";
+}, h = (r, a) => {
+  const { properties: e } = w(r), [n, s] = f(), [t, i] = f(), u = (o) => {
+    s(o);
+    const l = {
+      paramIdx: a,
+      channelType: t,
+      channel: r,
+      value: o
+    };
+    C.sendParameterUpdate(l, null);
+  }, c = (o) => {
+    if (typeof o == "number") return "number";
+    if (typeof o == "string") return "string";
   };
   return b(() => {
-    var i;
-    if ((e == null ? void 0 : e.channel) !== l) return;
-    const s = (i = e == null ? void 0 : e.range) == null ? void 0 : i.defaultValue;
-    if (a === void 0 && s !== void 0) {
+    var l;
+    if ((e == null ? void 0 : e.channel) !== r) return;
+    const o = (l = e == null ? void 0 : e.range) == null ? void 0 : l.defaultValue;
+    if (n === void 0 && o !== void 0) {
       console.log(
         `[Cabbage-React]: Received default value for channel "${e == null ? void 0 : e.channel}"`,
-        s
-      ), t(s);
-      const r = c(s);
-      r && o(r);
+        o
+      ), s(o);
+      const d = c(o);
+      d && i(d);
     }
   }, [e]), b(() => {
-    const s = (i) => {
-      const { command: r } = i.data;
-      if (r === "widgetUpdate") {
-        const { channel: m, value: g } = i.data;
-        if (m !== l) return;
+    const o = (l) => {
+      const { command: d } = l.data;
+      if (d === "widgetUpdate") {
+        const { channel: m, value: g } = l.data;
+        if (m !== r) return;
         if (console.log(
-          `[Cabbage-React] ${r}: Received initial value for channel "${m}"`,
+          `[Cabbage-React] ${d}: Received initial value for channel "${m}"`,
           g
         ), g !== void 0) {
-          t(g);
+          s(g);
           const p = c(g);
-          p && o(p);
+          p && i(p);
         }
       }
-      if (r === "parameterChange") {
-        const { paramIdx: m, value: g } = i.data.data || {};
-        m === n && g !== void 0 && (console.log(
-          `[Cabbage-React] ${r}: Received value change for paramIdx: ${m}`,
+      if (d === "parameterChange") {
+        const { paramIdx: m, value: g } = l.data.data || {};
+        m === a && g !== void 0 && (console.log(
+          `[Cabbage-React] ${d}: Received value change for paramIdx: ${m}`,
           g
-        ), t(g));
+        ), s(g));
       }
     };
-    return window.addEventListener("message", s), () => {
-      window.removeEventListener("message", s);
+    return window.addEventListener("message", o), () => {
+      window.removeEventListener("message", o);
     };
   }, []), {
-    value: a,
+    value: n,
     setValue: u
   };
 };
 export {
   C as Cabbage,
-  h as useCabbageProperties,
-  M as useCabbageState
+  w as useCabbageProperties,
+  h as useCabbageState
 };

package/package.json

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