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

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;CAkEtC,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;CAsFtC,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 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 l={command:"midiMessage",obj:JSON.stringify(o)};console.log("Cabbage: sending midi message from UI",o),t!==null?t.postMessage(l):window.sendMessageFromUI(l)}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=i=>{const[s,e]=d.useState();return d.useEffect(()=>{const a=t=>{const{data:o}=t;if(o.channel===i&&o.data&&o.command==="widgetUpdate"){const l=JSON.parse(o.data);console.log(`[Cabbage-React] ${o.command}: Received properties for channel: ${o.channel}`,l),e(l)}};return window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}},[]),{properties:s}},w=(i,s)=>{const{properties:e}=C(i),[a,t]=d.useState(),[o,l]=d.useState(),M=g=>{t(g);const r={paramIdx:s,channelType:o,channel:i,value:g};p.sendParameterUpdate(r,null)};return d.useEffect(()=>{var r;if((e==null?void 0:e.channel)!==i)return;const g=(r=e==null?void 0:e.range)==null?void 0:r.defaultValue;a===void 0&&g!==void 0&&(console.log(`[Cabbage-React]: Received initial value for channel "${e==null?void 0:e.channel}"`,g),t(g),typeof g=="number"?l("number"):typeof g=="string"&&l("string"))},[e]),d.useEffect(()=>{const g=r=>{var c,m,u,b,f;const{data:n}=r;((c=n.data)==null?void 0:c.paramIdx)===s&&n.command==="parameterChange"&&((m=n==null?void 0:n.data)==null?void 0:m.value)!==void 0&&(console.log(`[Cabbage-React] ${n.command}: Received value change for paramIdx: ${(u=n.data)==null?void 0:u.paramIdx}`,(b=n==null?void 0:n.data)==null?void 0:b.value),t((f=n==null?void 0:n.data)==null?void 0:f.value))};return window.addEventListener("message",g),()=>{window.removeEventListener("message",g)}},[]),{value:a,setValue:M}};exports.Cabbage=p;exports.useCabbageProperties=C;exports.useCabbageState=w;
+"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;

package/dist/index.mjs

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

package/package.json

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