cabbage-react 1.0.0-beta.30 → 1.0.0-beta.32

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

package/dist/index.mjs

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

package/package.json

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