nodeskini 1.0.0

package/client/controleur/stylecontroleur.css

@@ -0,0 +1,236 @@
+.button {
+  background-color: #4CAF50; /* Green */
+  border: 4px;
+  color: white;
+  margin: 2px;
+  /* text-align: center; */
+  text-decoration: none;
+  /* display: inline-block; */
+  font-size: 12px;
+  border-radius: 4px;
+  width:70px;
+  height:70px;
+  font-family: "Arial", Georgia, Serif;
+}
+
+.buttonLarge {
+  background-color: #4CAF50; /* Green */
+  border: 4px;
+  color: white;
+  margin: 2px;
+  /* text-align: center; */
+  text-decoration: none;
+  /* display: inline-block; */
+  font-size: 12px;
+  border-radius: 4px;
+  width:120px;
+  height:70px;
+  font-family: "Arial", Georgia, Serif;
+}
+
+/*
+.boutonsCommande {
+   text-align: center;
+} */
+
+.buttonStartAbleton {
+  background-color: #4CAF50; /* vert */
+}
+
+.buttonStopAbleton {
+  background-color: #CF1919; /* Red */
+}
+
+.buttonStartAutomate {
+  background-color: #4CAF50; /* vert */
+}
+
+.buttonStopAutomate {
+  background-color: #CF1919; /* Red */
+}
+
+.texteSon {
+  /*background-color: #ffffff; */ /* blanc */
+  color: white;
+  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
+ }
+
+.numColone {
+  /* background-color: #ffffff; */ /* blanc */
+  color: black;
+  width:64px;
+  height:40px;
+  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
+ }
+
+.listBoutonsPad {
+    white-space: nowrap;
+    /* text-align: center; */
+    overflow: auto;
+    width:2200px;
+    /* height: 500px; */
+}
+
+.padBouton {
+  background-color: #636f64; /* gris léger */
+  border: 4px;
+  color: white;
+  margin: 2px;
+  text-decoration: none;
+  font-size: 12px;
+  border-radius: 4px;
+  width:60px;
+  height:60px;
+  font-family: "Arial", Georgia, Serif;
+}
+
+.etatScrut {
+  /*background-color: #bbb; */ /* gris léger */
+  color: black;
+  border: 4px;
+  margin: 2px;
+  text-decoration: none;
+  font-size: 12px;
+  border-radius: 4px;
+  width:60px;
+  height:30px;
+  font-family: "Arial", Georgia, Serif;
+}
+
+.padBoutonVert {
+  background-color: #4CAF50; /* vert */
+  border: 4px;
+  color: white;
+  margin: 2px;
+  text-decoration: none;
+  font-size: 12px;
+  border-radius: 4px;
+  width:60px;
+  height:60px;
+  font-family: "Arial", Georgia, Serif;
+}
+
+.padBoutonBleu {
+  background-color: #008CBA;
+  border: 4px;
+  color: white;
+  margin: 2px;
+  text-decoration: none;
+  font-size: 12px;
+  border-radius: 4px;
+  width:60px;
+  height:60px;
+  font-family: "Arial", Georgia, Serif;
+}
+
+.wrapButtons {
+    /* text-align: center; */
+    overflow: auto;
+    /* width:1200px; */
+    height: 400px;
+}
+
+.boutonsSons {
+  width:308px;
+  font-size: 20px;
+  background-color: #464545;
+  color: white;
+  border: 4px;
+  text-align: center;
+  font-family: "Arial", Georgia, Serif;
+}
+
+.boutonsResolution {
+  background-color: #797bbf;
+}
+
+.boutonsSons1 {
+  background-color: #797bbf;
+}
+
+.boutonsSons2 {
+  background-color: #4CAF50;
+}
+
+.boutonsSons3 {
+  background-color: #666633;
+}
+
+.button:active {
+  background-color: #3e8e41;
+  box-shadow: 0 5px #666;
+  transform: translateY(4px);
+}
+
+.button1 {
+  background-color: #CF1919; /* red */
+}
+
+.button2 {
+  background-color: #008CBA; /* Blue */
+}
+
+.buttonListen {
+  background-color: #008CBA; /* Blue */
+}
+
+.buttonStop {
+  background-color: #CF1919; /* Red */
+}
+
+.button3 {
+  background-color: #666633; /* caca d'oie */
+}
+
+.buttonPseudo {
+  background-color: #4CAF50; /* Green */
+  width:250px;
+  height:55px;
+  font-size: 24px;
+  font-family: "Arial", Georgia, Serif;
+}
+
+/*
+.wrapper {
+  text-align: center;
+}
+*/
+
+body {
+  margin: 0 auto;
+  background-color: #222;
+  padding: 0 20px 20px 20px;
+  font-family: "Arial", Georgia, Serif;
+  /* border: 5px solid #111; */
+}
+
+body.inplay {
+  background-color: #e8dfdf;
+  transition: none;
+  color: white;
+}
+
+body.black-again {
+  background-color: #222;
+  transition: 2s all;
+}
+
+.text-spectacle {
+  font-size: 24px;
+  color: white;
+  font-family: "Arial", Georgia, Serif;
+}
+
+.info-spectateur {
+  font-size: 24px;
+  /* text-align: center; */
+  color: white;
+  font-family: "Arial", Georgia, Serif;
+}
+
+.em {
+  font-style: normal;
+  color: white;
+  font-size: 20px;
+  font-family: "Arial", Georgia, Serif;
+}

package/client/controleurHH/controleurHH.html

@@ -0,0 +1,71 @@
+<html>
+
+<head>
+  <link rel="stylesheet" href="./client/controleurHH/styles/index.css">
+  <meta charset="UTF-8" name="viewport" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width">
+  <title>HipHop for Skini </title>
+</head>
+
+<body onload="init(window.location.hostname);">
+  <table>
+    <thead>
+      <tr>
+        <td>
+          <header class="mdl-color--cyan-500">
+            <h2 class="mode-maker">Skini HipHop <i id="synchro">@</i></h2>
+
+            <div id="menubar">
+              <label for="loadFile" class="button">Load HipHop and config.</label>
+              <input type="file" id="loadFile" oninput="loadHHFile();" />
+              <input class="inputText" type="text" id="HHFile" />
+
+              <button class="button" id="compileHH" onclick="compileHH();">Compile</button>
+
+              <br>
+              <button class="button" id="buttonCreateSession" onclick="createSession()">Create descr.</button>
+
+              <label for="loadSession" class="button">Load descr.</label>
+              <input type="file" id="loadSession" onchange="loadSession();" />
+
+              <button class="button" id="buttonSaveSessionAs" onclick="saveSessionAs()">Save descr. as </button>
+
+              <input class="inputText" type="text" id="loadSessionTxt" />
+              <br>
+              <button id="buttonStopAutomate" class="button red" style="display:none"
+                onclick="stopAutomate();">Stop</button>
+              <button id="buttonStartAutomate" class="button blue" onclick="startAutomate();">Start</button>
+              <br>
+              <button type="button" class="button" onclick="window.open('http://' + window.location.hostname + ':' + window.location.port + '/contr','Controleur',
+              'height=400, width=700,  top=200, left=300, toolbar=no, menubar=no, directories=no, location=no, resizable=yes, scrollbars=yes, status=no'); 
+              return false;">Controler</button>
+
+              <button type="button" class="button" onclick="window.open('http://' + window.location.hostname + ':' + window.location.port + '/conf','Patterns',
+              'height=400, width=800,  top=200, left=300, toolbar=no, menubar=no, directories=no, location=no, resizable=yes, scrollbars=yes, status=no'); 
+              return false;">Patterns</button>
+
+              <button type="button" class="button" onclick="window.open('http://' + window.location.hostname + ':' + window.location.port + '/score','Score',
+              'height=400, width=700,  top=200, left=300, toolbar=no, menubar=no, directories=no, location=no, resizable=yes, scrollbars=yes, status=no'); 
+              return false;">Score</button>
+
+              <button type="button" class="button" onclick="window.open('http://' + window.location.hostname + ':' + window.location.port + '/param','Parameters',
+              'height=400, width=600,  top=200, left=300, toolbar=no, menubar=no, directories=no, location=no, resizable=yes, scrollbars=yes, status=no'); 
+              return false;">Parameters</button>
+
+              <button class="button" id="launchSimulator" onclick="launchSimulator()">Start Simulator</button>
+              <button id="stopSimulator" class="small button red" style="display:none" onclick="stopSimulator();">Stop
+                Simulator</button>
+              <br>
+              <input class="inputText" type="text" id="consoleArea" />
+            </div>
+          </header>
+        </td>
+      </tr>
+    </thead>
+  </table>
+
+  <script src="./client/controleurHH/controleurHH.js"></script>
+</body>
+
+</html>

package/client/controleurHH/controleurHH.js

@@ -0,0 +1,252 @@
+"use strict"
+/**************************************************
+Controler Skini for HipHop files
+© Copyright 2017-2024, Bertrand Petit-Hédelin
+****************************************************/
+
+var myBlocks;
+var myServeur;
+var debug = false;
+var debug1 = true;
+var ws;
+var workspace;
+var prog;
+var websocketServeurPort = 8383;
+
+var DAWTableEnCours = 1;  // Est-ce bien utile pour HH !! à revoir globalement
+var automateEncours = false;
+var descriptorLoaded = false;
+
+var options = {
+  comments: true,
+  collapse: true,
+  disable: true,
+  maxBlocks: Infinity,
+  media: '',
+  oneBasedIndex: true,
+  readOnly: false,
+  //rtl: false,
+  scrollbars: true,
+  trashcan: true,
+  //toolbox: null,
+  //horizontalLayout: false,
+  //toolboxPosition: 'start',
+  zoom: {
+    controls: true,
+    wheel: false,
+    startScale: 1.0,
+    maxScale: 4,
+    minScale: 0.25,
+    scaleSpeed: 1.1
+  }
+};
+
+function initWSSocket(serverIPAddress) {
+  var toggle = true;
+  console.log("initWSSocket", serverIPAddress);
+
+  ws = new WebSocket("ws://" + serverIPAddress + ":" + websocketServeurPort);
+
+  ws.onopen = function (event) {
+    var id = Math.floor((Math.random() * 1000000) + 1); // Pour identifier le client
+    var msg = {
+      type: "startSpectateur",
+      text: "controleurHH",
+      id: id
+    }
+    ws.send(JSON.stringify(msg));
+  };
+
+  //Traitement de la Réception sur le client
+  ws.onmessage = function (event) {
+    var msgRecu = JSON.parse(event.data);
+
+    //console.log( "Client: received [%s]", event.data );
+    switch (msgRecu.type) {
+      case "message":
+        break;
+
+      case "blocksLoaded":
+        if (debug1) console.log("blocksLoaded:\n", msgRecu.data);
+        Blockly.Xml.clearWorkspaceAndLoadFromXml(Blockly.Xml.textToDom(msgRecu.data), workspace);
+        break;
+
+      case "consoleBlocklySkini":
+        document.getElementById('consoleArea').value = msgRecu.text;
+        break;
+
+      case "alertBlocklySkini":
+        alert(msgRecu.text)
+        document.getElementById('consoleArea').value = msgRecu.text;
+        break;
+
+      case "synchroSkini":
+        if (debug) console.log("Reçu synchro Skini");
+        if (toggle) {
+          document.getElementById('synchro').style.display = "none";
+          toggle = false;
+        } else {
+          document.getElementById('synchro').style.display = "inline";
+          toggle = true;
+        }
+        break;
+
+      default: if (debug) console.log("Le Client reçoit un message inconnu", msgRecu);
+    }
+  };
+  ws.onerror = function (event) {
+    console.log("controleurHH.js : received error on WS", ws.socket, " ", event);
+  }
+  ws.onclose = function (event) {
+  }
+}
+window.initWSSocket = initWSSocket;
+
+function init(host) {
+  console.log("init");
+  initWSSocket(host);
+
+  function loadHHFile() {
+    let fichierSelectionne = document.getElementById('loadFile').files[0].name;
+    console.log("loadHHFile fichier:", fichierSelectionne);
+    document.getElementById("HHFile").value = fichierSelectionne; //.slice(0, -4);
+    var msg = {
+      type: "loadHHFile",
+      fileName: fichierSelectionne
+    }
+    ws.send(JSON.stringify(msg));
+    console.log("loadHHFile", fichierSelectionne);
+
+    // To allow a reload of the same file
+    document.getElementById('loadFile').value = "";
+  }
+  window.loadHHFile = loadHHFile;
+
+  function compileHH() {
+    let fichierSelectionne = document.getElementById("HHFile").value;
+    console.log("compileHHEditionFile");
+    var msg = {
+      type: "compileHHEditionFile",
+      fileName: fichierSelectionne
+    }
+    ws.send(JSON.stringify(msg));
+  }
+  window.compileHH = compileHH;
+
+  function launchSimulator() {
+    document.getElementById("launchSimulator").style.display = "none";
+    document.getElementById("stopSimulator").style.display = "inline";
+    var msg = {
+      type: "startSimulator",
+    }
+    ws.send(JSON.stringify(msg));
+  }
+  window.launchSimulator = launchSimulator;
+
+  function stopSimulator() {
+    document.getElementById("launchSimulator").style.display = "inline";
+    document.getElementById("stopSimulator").style.display = "none";
+    var msg = {
+      type: "stopSimulator",
+    }
+    ws.send(JSON.stringify(msg));
+  }
+  window.stopSimulator = stopSimulator;
+
+  function cleanQueues() {
+    var msg = {
+      type: "cleanQueues",
+    };
+    ws.send(JSON.stringify(msg));
+  }
+  cleanQueues = cleanQueues;
+
+  function startAutomate() {
+    if (DAWTableEnCours !== 0 && !automateEncours && descriptorLoaded) {
+      var msg = {
+        type: "setDAWON",
+        value: DAWTableEnCours
+      }
+      ws.send(JSON.stringify(msg));
+
+      document.getElementById("buttonStartAutomate").style.display = "none";
+      document.getElementById("buttonStopAutomate").style.display = "inline";
+
+      msg.type = "startAutomate";
+      ws.send(JSON.stringify(msg));
+      automateEncours = true;
+    } else {
+      alert("WARNING: Orchestration not compiled or no descriptor ");
+    }
+  }
+  window.startAutomate = startAutomate;
+
+  function stopAutomate() {
+    document.getElementById("buttonStartAutomate").style.display = "inline";
+    document.getElementById("buttonStopAutomate").style.display = "none";
+    var msg = {
+      type: "stopAutomate"
+    }
+    ws.send(JSON.stringify(msg));
+    automateEncours = false;
+    cleanQueues();
+  }
+  window.stopAutomate = stopAutomate;
+
+  function loadSession() {
+    let fichierSelectionne = document.getElementById('loadSession').files[0].name;
+    console.log("loadSession fichier:", fichierSelectionne);
+    document.getElementById("loadSessionTxt").value = fichierSelectionne;
+
+    if (fichierSelectionne === undefined || fichierSelectionne === '') return;
+
+    var fileName;
+    fileName = fichierSelectionne;
+    if (debug1) console.log("loadSession:", fileName);
+    var msg = {
+      type: "loadSession",
+      fileName: fileName
+    }
+    ws.send(JSON.stringify(msg));
+    descriptorLoaded = true;
+
+    // To allow a reload of the same file
+    document.getElementById('loadSession').value = "";
+  }
+  window.loadSession = loadSession;
+
+  function createSession() {
+    console.log("createSession");
+    var fileName = window.prompt('Give a descriptor name');
+    if (fileName === undefined || fileName === '') return;
+    document.getElementById("loadSessionTxt").value = fileName + ".csv";
+
+    if (debug1) console.log("createDescriptors:", fileName);
+    var msg = {
+      type: "createSession",
+      fileName: fileName
+    }
+    ws.send(JSON.stringify(msg));
+    descriptorLoaded = true;
+
+    // To allow a reload of the same file
+    document.getElementById('loadSession').value = "";
+  }
+  window.createSession = createSession;
+
+  function saveSessionAs() {
+    var fileName = document.getElementById("loadSessionTxt").value;
+    console.log("Save As:", fileName);
+    if (fileName === undefined || fileName === '') {
+      alert("The descriptor must be a csv file with a name");
+      return;
+    }
+    var msg = {
+      type: "saveSessionAs",
+      fileName: fileName
+    }
+    ws.send(JSON.stringify(msg));
+  }
+  window.saveSessionAs = saveSessionAs;
+}
+window.init = init;