cabbage-react 1.0.0-beta.1 → 1.0.0-beta.11

package/README.md

@@ -1,8 +1,8 @@
-# Cabbage React
+# Cabbage-React
 
 This project provides hooks that allow you to synchronize [Cabbage](https://cabbageaudio.com) with [React](https://github.com/facebook/react).
 
-An example of implementation can be found [here](https://github.com/hdale94/vscabbage-react-example).
+An example of implementation can be found [here](https://github.com/hdale94/cabbage-react-example).
 
 ## Install
 

package/dist/cabbage/cabbage.d.ts

@@ -1,42 +1,9 @@
 export class Cabbage {
-    /**
-     * Sends a parameter update message.
-     * @param {Object} message - The parameter update data.
-     * @param {Object|null} [vscode=null] - Optional VSCode API object for messaging.
-     */
-    static sendParameterUpdate(message: Object, vscode?: Object | null): void;
-    /**
-     * Sends a custom command message.
-     * @param {string} command - The custom command.
-     * @param {Object|null} [vscode=null] - Optional VSCode API object for messaging.
-     */
-    static sendCustomCommand(command: string, vscode?: Object | null): void;
-    /**
-     * Sends a widget update message.
-     * @param {Object} widget - The widget object containing properties.
-     * @param {Object|null} [vscode=null] - Optional VSCode API object for messaging.
-     */
-    static sendWidgetUpdate(widget: Object, vscode?: Object | null): void;
-    /**
-     * Sends a MIDI message from the UI.
-     * @param {number} statusByte - MIDI status byte.
-     * @param {number} dataByte1 - First data byte.
-     * @param {number} dataByte2 - Second data byte.
-     * @param {Object|null} [vscode=null] - Optional VSCode API object for messaging.
-     */
-    static sendMidiMessageFromUI(statusByte: number, dataByte1: number, dataByte2: number, vscode?: Object | null): void;
-    /**
-     * Handles incoming MIDI messages from the host.
-     * @param {number} statusByte - MIDI status byte.
-     * @param {number} dataByte1 - First data byte.
-     * @param {number} dataByte2 - Second data byte.
-     */
-    static MidiMessageFromHost(statusByte: number, dataByte1: number, dataByte2: number): void;
-    /**
-     * Triggers a file open dialog.
-     * @param {Object} vscode - VSCode API object for messaging.
-     * @param {string} channel - The channel identifier.
-     */
-    static triggerFileOpenDialog(vscode: Object, channel: string): void;
+    static sendParameterUpdate(message: any, vscode?: null): void;
+    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 MidiMessageFromHost(statusByte: any, dataByte1: any, dataByte2: any): void;
+    static triggerFileOpenDialog(vscode: any, channel: 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;IACC;;;;OAIG;IACH,oCAHW,MAAM,WACN,MAAM,GAAC,IAAI,QAerB;IAED;;;;OAIG;IACH,kCAHW,MAAM,WACN,MAAM,GAAC,IAAI,QAerB;IAED;;;;OAIG;IACH,gCAHW,MAAM,WACN,MAAM,GAAC,IAAI,QAerB;IAED;;;;;;OAMG;IACH,yCALW,MAAM,aACN,MAAM,aACN,MAAM,WACN,MAAM,GAAC,IAAI,QAyBrB;IAED;;;;;OAKG;IACH,uCAJW,MAAM,aACN,MAAM,aACN,MAAM,QAWhB;IAED;;;;OAIG;IACH,qCAHW,MAAM,WACN,MAAM,QAiBhB;CACD"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCabbageState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageState.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,WAAW,MAAM,YAAY,MAAM;;yBAI9B,CAAC;;CAoCtC,CAAC"}
+{"version":3,"file":"useCabbageState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageState.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,WAAW,MAAM,YAAY,MAAM;;yBAK9B,CAAC;;CA4CtC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGetCabbageFormData.d.ts","sourceRoot":"","sources":["../../src/hooks/useGetCabbageFormData.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;CA2BjC,CAAC"}
+{"version":3,"file":"useGetCabbageFormData.d.ts","sourceRoot":"","sources":["../../src/hooks/useGetCabbageFormData.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;CA4BjC,CAAC"}

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");console.log("Cabbage: loading cabbage.js");class u{static sendParameterUpdate(t,a=null){const e={command:"parameterChange",obj:JSON.stringify(t)};a!==null?a.postMessage(e):(console.log("Cabbage: sending parameter change from UI",e),typeof IPlugSendMsg=="function"&&IPlugSendMsg(e))}static sendCustomCommand(t,a=null){const e={command:t,text:JSON.stringify({})};console.log("Cabbage: sending custom command from UI",e),a!==null?a.postMessage(e):typeof IPlugSendMsg=="function"&&IPlugSendMsg(e)}static sendWidgetUpdate(t,a=null){console.log("Cabbage: sending widget update from UI",t.props);const e={command:"widgetStateUpdate",obj:JSON.stringify(t.props)};a!==null?a.postMessage(e):typeof IPlugSendMsg=="function"&&IPlugSendMsg(e)}static sendMidiMessageFromUI(t,a,e,s=null){var i={statusByte:t,dataByte1:a,dataByte2:e};const d={command:"midiMessage",obj:JSON.stringify(i)};console.log("Cabbage: sending midi message from UI",i),s!==null?s.postMessage(d):typeof IPlugSendMsg=="function"&&IPlugSendMsg(d)}static MidiMessageFromHost(t,a,e){console.log("Cabbage: Got MIDI Message"+t+":"+a+":"+e)}static triggerFileOpenDialog(t,a){var e={channel:a};const s={command:"fileOpen",obj:JSON.stringify(e)};t!==null?t.postMessage(s):typeof IPlugSendMsg=="function"&&IPlugSendMsg(s)}}const m=(o,t)=>{const[a,e]=l.useState(),[s,i]=l.useState(),d=g=>{e(g);const r={paramIdx:t,channel:o,value:g};u.sendParameterUpdate(r,null)};return l.useEffect(()=>{const g=r=>{const{data:n}=r;n.channel===o&&n.command==="widgetUpdate"&&(n.value&&e(n.value),n.data&&i(JSON.parse(n.data)))};return window.addEventListener("message",g),()=>{window.removeEventListener("message",g)}},[]),{value:a,setValue:d,data:s}},c=()=>{const[o,t]=l.useState();return l.useEffect(()=>{const a=e=>{const{data:s}=e;s.data&&s.channel==="MainForm"&&s.command==="widgetUpdate"&&t(JSON.parse(s.data))};return window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}},[]),{data:o}};exports.useCabbageState=m;exports.useGetCabbageFormData=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");console.log("Cabbage: loading cabbage.js");class u{static sendParameterUpdate(s,a=null){const e={command:"parameterChange",obj:JSON.stringify(s)};a!==null?a.postMessage(e):(console.log("Cabbage: sending parameter change from UI",e),window.sendMessageFromUI(e))}static sendCustomCommand(s,a=null){const e={command:s,text:JSON.stringify({})};console.log("Cabbage: sending custom command from UI",e),a!==null?a.postMessage(e):window.sendMessageFromUI(e)}static sendWidgetUpdate(s,a=null){console.log("Cabbage: sending widget update from UI",s.props);const e={command:"widgetStateUpdate",obj:JSON.stringify(s.props)};a!==null?a.postMessage(e):window.sendMessageFromUI(e)}static sendMidiMessageFromUI(s,a,e,t=null){var i={statusByte:s,dataByte1:a,dataByte2:e};const r={command:"midiMessage",obj:JSON.stringify(i)};console.log("Cabbage: sending midi message from UI",i),t!==null?t.postMessage(r):window.sendMessageFromUI(r)}static MidiMessageFromHost(s,a,e){console.log("Cabbage: Got MIDI Message"+s+":"+a+":"+e)}static triggerFileOpenDialog(s,a){var e={channel:a};const t={command:"fileOpen",obj:JSON.stringify(e)};s!==null?s.postMessage(t):window.sendMessageFromUI(t)}}const b=(g,s)=>{const[a,e]=o.useState(),[t,i]=o.useState(),[r,m]=o.useState(),c=l=>{e(l);const d={paramIdx:s,channelType:t,channel:g,value:l,gesture:"value"};u.sendParameterUpdate(d,null)};return o.useEffect(()=>{const l=d=>{const{data:n}=d;console.log("Cabbage-React: receiving parameter change",n),n.channel===g&&n.command==="widgetUpdate"&&(n.value&&e(n.value),n.data&&m(JSON.parse(n.data)),typeof n.value=="number"?i("number"):typeof n.value=="string"&&i("string"))};return window.addEventListener("message",l),()=>{window.removeEventListener("message",l)}},[]),{value:a,setValue:c,data:r}},f=()=>{const[g,s]=o.useState();return o.useEffect(()=>{const a=e=>{const{data:t}=e;console.log("Cabbage-react: receiving form data change",t),t.data&&t.channel==="MainForm"&&t.command==="widgetUpdate"&&s(JSON.parse(t.data))};return window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}},[]),{data:g}};exports.useCabbageState=b;exports.useGetCabbageFormData=f;

package/dist/index.mjs

@@ -1,78 +1,43 @@
-import { useState as m, useEffect as r } from "react";
+import { useState as r, useEffect as d } from "react";
 console.log("Cabbage: loading cabbage.js");
-class c {
-  /**
-   * Sends a parameter update message.
-   * @param {Object} message - The parameter update data.
-   * @param {Object|null} [vscode=null] - Optional VSCode API object for messaging.
-   */
+class b {
   static sendParameterUpdate(s, a = null) {
     const e = {
       command: "parameterChange",
       obj: JSON.stringify(s)
     };
-    a !== null ? a.postMessage(e) : (console.log("Cabbage: sending parameter change from UI", e), typeof IPlugSendMsg == "function" && IPlugSendMsg(e));
+    a !== null ? a.postMessage(e) : (console.log("Cabbage: sending parameter change from UI", e), window.sendMessageFromUI(e));
   }
-  /**
-   * Sends a custom command message.
-   * @param {string} command - The custom command.
-   * @param {Object|null} [vscode=null] - Optional VSCode API object for messaging.
-   */
   static sendCustomCommand(s, a = null) {
     const e = {
       command: s,
       text: JSON.stringify({})
     };
-    console.log("Cabbage: sending custom command from UI", e), a !== null ? a.postMessage(e) : typeof IPlugSendMsg == "function" && IPlugSendMsg(e);
+    console.log("Cabbage: sending custom command from UI", e), a !== null ? a.postMessage(e) : window.sendMessageFromUI(e);
   }
-  /**
-   * Sends a widget update message.
-   * @param {Object} widget - The widget object containing properties.
-   * @param {Object|null} [vscode=null] - Optional VSCode API object for messaging.
-   */
   static sendWidgetUpdate(s, a = null) {
     console.log("Cabbage: sending widget update from UI", s.props);
     const e = {
       command: "widgetStateUpdate",
       obj: JSON.stringify(s.props)
     };
-    a !== null ? a.postMessage(e) : typeof IPlugSendMsg == "function" && IPlugSendMsg(e);
+    a !== null ? a.postMessage(e) : window.sendMessageFromUI(e);
   }
-  /**
-   * Sends a MIDI message from the UI.
-   * @param {number} statusByte - MIDI status byte.
-   * @param {number} dataByte1 - First data byte.
-   * @param {number} dataByte2 - Second data byte.
-   * @param {Object|null} [vscode=null] - Optional VSCode API object for messaging.
-   */
   static sendMidiMessageFromUI(s, a, e, n = null) {
-    var l = {
+    var g = {
       statusByte: s,
       dataByte1: a,
       dataByte2: e
     };
-    const i = {
+    const l = {
       command: "midiMessage",
-      obj: JSON.stringify(l)
+      obj: JSON.stringify(g)
     };
-    console.log("Cabbage: sending midi message from UI", l), n !== null ? n.postMessage(i) : typeof IPlugSendMsg == "function" && IPlugSendMsg(i);
+    console.log("Cabbage: sending midi message from UI", g), n !== null ? n.postMessage(l) : window.sendMessageFromUI(l);
   }
-  /**
-   * Handles incoming MIDI messages from the host.
-   * @param {number} statusByte - MIDI status byte.
-   * @param {number} dataByte1 - First data byte.
-   * @param {number} dataByte2 - Second data byte.
-   */
   static MidiMessageFromHost(s, a, e) {
-    console.log(
-      "Cabbage: Got MIDI Message" + s + ":" + a + ":" + e
-    );
+    console.log("Cabbage: Got MIDI Message" + s + ":" + a + ":" + e);
   }
-  /**
-   * Triggers a file open dialog.
-   * @param {Object} vscode - VSCode API object for messaging.
-   * @param {string} channel - The channel identifier.
-   */
   static triggerFileOpenDialog(s, a) {
     var e = {
       channel: a
@@ -81,38 +46,40 @@ class c {
       command: "fileOpen",
       obj: JSON.stringify(e)
     };
-    s !== null ? s.postMessage(n) : typeof IPlugSendMsg == "function" && IPlugSendMsg(n);
+    s !== null ? s.postMessage(n) : window.sendMessageFromUI(n);
   }
 }
-const f = (o, s) => {
-  const [a, e] = m(), [n, l] = m(), i = (g) => {
-    e(g);
-    const d = {
+const p = (o, s) => {
+  const [a, e] = r(), [n, g] = r(), [l, c] = r(), u = (i) => {
+    e(i);
+    const m = {
       paramIdx: s,
+      channelType: n,
       channel: o,
-      value: g
+      value: i,
+      gesture: "value"
     };
-    c.sendParameterUpdate(d, null);
+    b.sendParameterUpdate(m, null);
   };
-  return r(() => {
-    const g = (d) => {
-      const { data: t } = d;
-      t.channel === o && t.command === "widgetUpdate" && (t.value && e(t.value), t.data && l(JSON.parse(t.data)));
+  return d(() => {
+    const i = (m) => {
+      const { data: t } = m;
+      console.log("Cabbage-React: receiving parameter change", t), t.channel === o && t.command === "widgetUpdate" && (t.value && e(t.value), t.data && c(JSON.parse(t.data)), typeof t.value == "number" ? g("number") : typeof t.value == "string" && g("string"));
     };
-    return window.addEventListener("message", g), () => {
-      window.removeEventListener("message", g);
+    return window.addEventListener("message", i), () => {
+      window.removeEventListener("message", i);
     };
   }, []), {
     value: a,
-    setValue: i,
-    data: n
+    setValue: u,
+    data: l
   };
-}, p = () => {
-  const [o, s] = m();
-  return r(() => {
+}, w = () => {
+  const [o, s] = r();
+  return d(() => {
     const a = (e) => {
       const { data: n } = e;
-      n.data && n.channel === "MainForm" && n.command === "widgetUpdate" && s(JSON.parse(n.data));
+      console.log("Cabbage-react: receiving form data change", n), n.data && n.channel === "MainForm" && n.command === "widgetUpdate" && s(JSON.parse(n.data));
     };
     return window.addEventListener("message", a), () => {
       window.removeEventListener("message", a);
@@ -122,6 +89,6 @@ const f = (o, s) => {
   };
 };
 export {
-  f as useCabbageState,
-  p as useGetCabbageFormData
+  p as useCabbageState,
+  w as useGetCabbageFormData
 };

package/package.json

@@ -1,9 +1,9 @@
 {
 	"name": "cabbage-react",
-	"version": "1.0.0-beta.1",
+	"version": "1.0.0-beta.11",
 	"type": "module",
 	"keywords": [
-		"vscabbage",
+		"cabbage",
 		"react"
 	],
 	"author": "Håkon Dale",
@@ -13,13 +13,14 @@
 		"url": "git+https://github.com/hdale94/cabbage-react.git"
 	},
 	"main": "./dist/index.cjs",
+	"types": "./dist/index.d.ts",
 	"exports": {
 		".": {
+			"types": "./dist/index.d.ts",
 			"import": "./dist/index.mjs",
 			"require": "./dist/index.cjs"
 		}
 	},
-	"types": "./dist/index.d.ts",
 	"scripts": {
 		"prepublish": "rm -rf ./dist && npm run build",
 		"build": "vite build"