[v0.5.11] bpm and steps in the UI now matches current transport state…

… at all times

README.md

@@ -46,8 +46,8 @@ Below the text editor, there are several UI elements which control the Facet ser
 
 - Server connection status indicator (green = online; red = offline)
 - CPU% indicator
-- Slider for setting the BPM of the global transport (_note_: when the `.bpm()` operation runs, this value is overridden)
-- Slider for setting the number of steps in a whole note (_note_: when the `.steps()` operation runs, this value is overridden)
+- Slider for setting the BPM of the global transport (_note_: when the `.bpm()` operation runs, this value is updated automatically)
+- Slider for setting the number of steps in a whole note (_note_: when the `.steps()` operation runs, this value is updated automatically)
 - MIDI output selector / refresh button
 - ▶ = start playback
 - ■ = stop playback

js/editor.js

@@ -209,6 +209,14 @@ const osc = new OSC({ plugin: new OSC.WebsocketClientPlugin() });
 osc.open();
 checkStatus();
 
+osc.on('/bpm', message => {
+  $('#bpm').val(`${message.args[0]}`);
+});
+
+osc.on('/steps', message => {
+  $('#steps').val(`${message.args[0]}`);
+});
+
 osc.on('/cpu', message => {
   let cpu_percent = parseFloat(message.args[0]).toFixed(2).substring(0,4);
   $('#cpu').html(cpu_percent + '% cpu');

js/pattern_generator.js

@@ -134,6 +134,12 @@ app.post('/stop', (req, res) => {
   res.sendStatus(200);
 });
 
+app.post('/meta', (req, res) => {
+  osc_package.send(new OSCPACKAGE.Message(`/bpm`, req.body.bpm));
+  osc_package.send(new OSCPACKAGE.Message(`/steps`, req.body.steps));
+  res.sendStatus(200);
+});
+
 app.get('/update', (req, res) => {
   for (const [fp_name, code] of Object.entries(reruns)) {
     module.exports.run(code);

js/transport.js

@@ -27,6 +27,8 @@ let meta_data = {
   bpm: [90],
   steps: [16]
 };
+let prev_bpm;
+let prev_steps;
 let cross_platform_slash = process.platform == 'win32' ? '\\' : '/';
 let cross_platform_play_command = process.platform == 'win32' ? 'sox' : 'play';
 let cross_platform_sox_config = process.platform == 'win32' ? '-t waveaudio' : '';
@@ -153,6 +155,10 @@ function tick() {
     if ( steps > max_steps_for_bpm ) {
       steps = max_steps_for_bpm;
     }
+    if ( (bpm != prev_bpm) || (steps != prev_steps) ) {
+      reportTransportMetaData(bpm,steps);
+    }
+
     handleBpmChange();
     let count_wav_files_played_this_step = 0;
     // begin looping through all facet patterns, looking for wavs/notes/CCs to play
@@ -286,6 +292,8 @@ function tick() {
     else {
       current_step++;
     }
+    prev_bpm = bpm;
+    prev_steps = steps;
   }
 }
 
@@ -342,6 +350,18 @@ function handleBpmChange() {
   }
 }
 
+function reportTransportMetaData() {
+  axios.post('http://localhost:1123/meta',
+    {
+      bpm: JSON.stringify(bpm),
+      steps: JSON.stringify(steps)
+    }
+  )
+  .catch(function (error) {
+    console.log(`error posting metadata to pattern server: ${error}`);
+  });
+}
+
 function scalePatternToSteps(pattern,steps) {
   // scale note pattern onto a bar of length _steps_.
   if (pattern.length < steps ) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "facet",
-  "version": "0.5.10",
+  "version": "0.5.11",
   "description": "Facet is a live coding system for algorithmic music",
   "main": "index.js",
   "directories": {