cabbage-react 1.0.0-beta.33 → 1.0.0-beta.34

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,WAAW,MAAM,YAAY,MAAM;;yBAM9B,CAAC;CAsFtC,CAAC"}
+{"version":3,"file":"useCabbageState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCabbageState.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,WAAW,MAAM,YAAY,MAAM;;yBAM9B,CAAC;CAwFtC,CAAC"}

package/dist/index.cjs

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

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { useState as u, useEffect as f } from "react";
+import { useState as f, useEffect as b } from "react";
 console.log("Cabbage: loading cabbage.js");
-class h {
+class C {
   static sendParameterUpdate(n, e = null) {
     const a = {
       command: "parameterChange",
@@ -24,16 +24,16 @@ class h {
     e !== null ? e.postMessage(a) : window.sendMessageFromUI(a);
   }
   static sendMidiMessageFromUI(n, e, a, t = null) {
-    var o = {
+    var d = {
       statusByte: n,
       dataByte1: e,
       dataByte2: a
     };
-    const i = {
+    const o = {
       command: "midiMessage",
-      obj: JSON.stringify(o)
+      obj: JSON.stringify(d)
     };
-    console.log("Cabbage: sending midi message from UI", o), t !== null ? t.postMessage(i) : window.sendMessageFromUI(i);
+    console.log("Cabbage: sending midi message from UI", d), t !== null ? t.postMessage(o) : window.sendMessageFromUI(o);
   }
   static MidiMessageFromHost(n, e, a) {
     console.log("Cabbage: Got MIDI Message" + n + ":" + e + ":" + a);
@@ -49,17 +49,17 @@ class h {
     n !== null ? n.postMessage(t) : window.sendMessageFromUI(t);
   }
 }
-const w = (g) => {
-  const [n, e] = u();
-  return f(() => {
+const h = (l) => {
+  const [n, e] = f();
+  return b(() => {
     const a = (t) => {
-      const { data: o } = t;
-      if (o.channel === g && o.data && o.command === "widgetUpdate") {
-        const i = JSON.parse(o.data);
+      const { channel: d, data: o, command: u } = t.data;
+      if (d === l && o && u === "widgetUpdate") {
+        const c = JSON.parse(o);
         console.log(
-          `[Cabbage-React] ${o.command}: Received properties for channel: ${o.channel}`,
-          i
-        ), e(i);
+          `[Cabbage-React] ${u}: Received properties for channel: ${d}`,
+          c
+        ), e(c);
       }
     };
     return window.addEventListener("message", a), () => {
@@ -68,53 +68,53 @@ const w = (g) => {
   }, []), {
     properties: n
   };
-}, v = (g, n) => {
-  const { properties: e } = w(g), [a, t] = u(), [o, i] = u(), C = (s) => {
+}, M = (l, n) => {
+  const { properties: e } = h(l), [a, t] = f(), [d, o] = f(), u = (s) => {
     t(s);
-    const l = {
+    const i = {
       paramIdx: n,
-      channelType: o,
-      channel: g,
+      channelType: d,
+      channel: l,
       value: s
     };
-    h.sendParameterUpdate(l, null);
-  }, b = (s) => {
+    C.sendParameterUpdate(i, null);
+  }, c = (s) => {
     if (typeof s == "number") return "number";
     if (typeof s == "string") return "string";
   };
-  return f(() => {
-    var l;
-    if ((e == null ? void 0 : e.channel) !== g) return;
-    const s = (l = e == null ? void 0 : e.range) == null ? void 0 : l.defaultValue;
+  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) {
       console.log(
         `[Cabbage-React]: Received default value for channel "${e == null ? void 0 : e.channel}"`,
         s
       ), t(s);
-      const d = b(s);
-      d && i(d);
+      const r = c(s);
+      r && o(r);
     }
-  }, [e]), f(() => {
-    const s = (l) => {
-      console.log("event", l);
-      const { command: d, channel: p, value: c } = l.data;
-      if (d === "widgetUpdate") {
-        if (p !== g) return;
+  }, [e]), b(() => {
+    const s = (i) => {
+      const { command: r } = i.data;
+      if (r === "widgetUpdate") {
+        const { channel: m, value: g } = i.data;
+        if (m !== l) return;
         if (console.log(
-          `[Cabbage-React] ${d}: Received initial value for channel "${p}"`,
-          c
-        ), c !== void 0) {
-          t(c);
-          const r = b(c);
-          r && i(r);
+          `[Cabbage-React] ${r}: Received initial value for channel "${m}"`,
+          g
+        ), g !== void 0) {
+          t(g);
+          const p = c(g);
+          p && o(p);
         }
       }
-      if (d === "parameterChange") {
-        const { paramIdx: r, value: m } = l.data.data || {};
-        r === n && m !== void 0 && (console.log(
-          `[Cabbage-React] ${d}: Received value change for paramIdx: ${r}`,
-          m
-        ), t(m));
+      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}`,
+          g
+        ), t(g));
       }
     };
     return window.addEventListener("message", s), () => {
@@ -122,11 +122,11 @@ const w = (g) => {
     };
   }, []), {
     value: a,
-    setValue: C
+    setValue: u
   };
 };
 export {
-  h as Cabbage,
-  w as useCabbageProperties,
-  v as useCabbageState
+  C as Cabbage,
+  h as useCabbageProperties,
+  M as useCabbageState
 };

package/package.json

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