cabbage-react 1.0.0-beta.6 → 1.0.0-beta.8

package/README.md

@@ -2,7 +2,7 @@
 
 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/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;;yBAI9B,CAAC;;CAqCtC,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 i=require("react");console.log("Cabbage: loading cabbage.js");class m{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 d={statusByte:s,dataByte1:a,dataByte2:e};const l={command:"midiMessage",obj:JSON.stringify(d)};console.log("Cabbage: sending midi message from UI",d),t!==null?t.postMessage(l):window.sendMessageFromUI(l)}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 c=(o,s)=>{const[a,e]=i.useState(),[t,d]=i.useState(),l=g=>{e(g);const r={paramIdx:s,channel:o,value:g};m.sendParameterUpdate(r,null)};return i.useEffect(()=>{const g=r=>{const{data:n}=r;n.channel===o&&n.command==="widgetUpdate"&&(n.value&&e(n.value),n.data&&d(JSON.parse(n.data)))};return window.addEventListener("message",g),()=>{window.removeEventListener("message",g)}},[]),{value:a,setValue:l,data:t}},u=()=>{const[o,s]=i.useState();return i.useEffect(()=>{const a=e=>{const{data:t}=e;t.data&&t.channel==="MainForm"&&t.command==="widgetUpdate"&&s(JSON.parse(t.data))};return window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}},[]),{data:o}};exports.useCabbageState=c;exports.useGetCabbageFormData=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");console.log("Cabbage: loading cabbage.js");class m{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 r={statusByte:s,dataByte1:a,dataByte2:e};const l={command:"midiMessage",obj:JSON.stringify(r)};console.log("Cabbage: sending midi message from UI",r),t!==null?t.postMessage(l):window.sendMessageFromUI(l)}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 c=(o,s)=>{const[a,e]=i.useState(),[t,r]=i.useState(),l=g=>{e(g);const d={paramIdx:s,channel:o,value:g};m.sendParameterUpdate(d,null)};return i.useEffect(()=>{const g=d=>{const{data:n}=d;console.log("Cabbage-react: receiving parameter change",n),n.channel===o&&n.command==="widgetUpdate"&&(n.value&&e(n.value),n.data&&r(JSON.parse(n.data)))};return window.addEventListener("message",g),()=>{window.removeEventListener("message",g)}},[]),{value:a,setValue:l,data:t}},u=()=>{const[o,s]=i.useState();return i.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:o}};exports.useCabbageState=c;exports.useGetCabbageFormData=u;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { useState as m, useEffect as r } from "react";
+import { useState as d, useEffect as m } from "react";
 console.log("Cabbage: loading cabbage.js");
 class c {
   static sendParameterUpdate(s, a = null) {
@@ -29,11 +29,11 @@ class c {
       dataByte1: a,
       dataByte2: e
     };
-    const d = {
+    const l = {
       command: "midiMessage",
       obj: JSON.stringify(i)
     };
-    console.log("Cabbage: sending midi message from UI", i), n !== null ? n.postMessage(d) : window.sendMessageFromUI(d);
+    console.log("Cabbage: sending midi message from UI", i), n !== null ? n.postMessage(l) : window.sendMessageFromUI(l);
   }
   static MidiMessageFromHost(s, a, e) {
     console.log("Cabbage: Got MIDI Message" + s + ":" + a + ":" + e);
@@ -50,34 +50,34 @@ class c {
   }
 }
 const b = (o, s) => {
-  const [a, e] = m(), [n, i] = m(), d = (g) => {
+  const [a, e] = d(), [n, i] = d(), l = (g) => {
     e(g);
-    const l = {
+    const r = {
       paramIdx: s,
       channel: o,
       value: g
     };
-    c.sendParameterUpdate(l, null);
+    c.sendParameterUpdate(r, null);
   };
-  return r(() => {
-    const g = (l) => {
-      const { data: t } = l;
-      t.channel === o && t.command === "widgetUpdate" && (t.value && e(t.value), t.data && i(JSON.parse(t.data)));
+  return m(() => {
+    const g = (r) => {
+      const { data: t } = r;
+      console.log("Cabbage-react: receiving parameter change", t), t.channel === o && t.command === "widgetUpdate" && (t.value && e(t.value), t.data && i(JSON.parse(t.data)));
     };
     return window.addEventListener("message", g), () => {
       window.removeEventListener("message", g);
     };
   }, []), {
     value: a,
-    setValue: d,
+    setValue: l,
     data: n
   };
 }, f = () => {
-  const [o, s] = m();
-  return r(() => {
+  const [o, s] = d();
+  return m(() => {
     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);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cabbage-react",
-	"version": "1.0.0-beta.6",
+	"version": "1.0.0-beta.8",
 	"type": "module",
 	"keywords": [
 		"vscabbage",