npm - nodeskini - Versions diffs - 1.0.0 - Mend

nodeskini 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (215) hide show

package/README.md +31 -0
package/client/archive/bundle.js +11528 -0
package/client/archive/golem.html +60 -0
package/client/archive/golemClient.js +595 -0
package/client/archive/golembundle.js +11634 -0
package/client/archive/sequencer.html +43 -0
package/client/archive/sequenceurClient.js +815 -0
package/client/archive/stylegolem.css +158 -0
package/client/archive/stylesequenceur.css +204 -0
package/client/clientListe/Sortable-master/.circleci/config.yml +33 -0
package/client/clientListe/Sortable-master/.editorconfig +15 -0
package/client/clientListe/Sortable-master/.github/ISSUE_TEMPLATE/bug-report.md +73 -0
package/client/clientListe/Sortable-master/.github/ISSUE_TEMPLATE/custom-template.md +48 -0
package/client/clientListe/Sortable-master/.github/ISSUE_TEMPLATE/feature-request.md +41 -0
package/client/clientListe/Sortable-master/.jshintrc +25 -0
package/client/clientListe/Sortable-master/.testcaferc.json +7 -0
package/client/clientListe/Sortable-master/CONTRIBUTING.md +26 -0
package/client/clientListe/Sortable-master/LICENSE +21 -0
package/client/clientListe/Sortable-master/README.md +813 -0
package/client/clientListe/Sortable-master/Sortable.js +3709 -0
package/client/clientListe/Sortable-master/Sortable.min.js +2 -0
package/client/clientListe/Sortable-master/Sortable.min.old.js +2 -0
package/client/clientListe/Sortable-master/Sortable.min.old.old.js +2 -0
package/client/clientListe/Sortable-master/babel.config.js +27 -0
package/client/clientListe/Sortable-master/bower.json +30 -0
package/client/clientListe/Sortable-master/entry/entry-complete.js +8 -0
package/client/clientListe/Sortable-master/entry/entry-core.js +19 -0
package/client/clientListe/Sortable-master/entry/entry-defaults.js +19 -0
package/client/clientListe/Sortable-master/index.html +460 -0
package/client/clientListe/Sortable-master/modular/sortable.complete.esm.js +3701 -0
package/client/clientListe/Sortable-master/modular/sortable.core.esm.js +3698 -0
package/client/clientListe/Sortable-master/modular/sortable.esm.js +3699 -0
package/client/clientListe/Sortable-master/package-lock.json +5704 -0
package/client/clientListe/Sortable-master/package.json +56 -0
package/client/clientListe/Sortable-master/plugins/AutoScroll/AutoScroll.js +270 -0
package/client/clientListe/Sortable-master/plugins/AutoScroll/README.md +80 -0
package/client/clientListe/Sortable-master/plugins/AutoScroll/index.js +1 -0
package/client/clientListe/Sortable-master/plugins/MultiDrag/MultiDrag.js +617 -0
package/client/clientListe/Sortable-master/plugins/MultiDrag/README.md +96 -0
package/client/clientListe/Sortable-master/plugins/MultiDrag/index.js +1 -0
package/client/clientListe/Sortable-master/plugins/OnSpill/OnSpill.js +79 -0
package/client/clientListe/Sortable-master/plugins/OnSpill/README.md +60 -0
package/client/clientListe/Sortable-master/plugins/OnSpill/index.js +1 -0
package/client/clientListe/Sortable-master/plugins/README.md +178 -0
package/client/clientListe/Sortable-master/plugins/Swap/README.md +55 -0
package/client/clientListe/Sortable-master/plugins/Swap/Swap.js +90 -0
package/client/clientListe/Sortable-master/plugins/Swap/index.js +1 -0
package/client/clientListe/Sortable-master/scripts/banner.js +8 -0
package/client/clientListe/Sortable-master/scripts/build.js +17 -0
package/client/clientListe/Sortable-master/scripts/esm-build.js +28 -0
package/client/clientListe/Sortable-master/scripts/minify.js +11 -0
package/client/clientListe/Sortable-master/scripts/test-compat.js +30 -0
package/client/clientListe/Sortable-master/scripts/test.js +21 -0
package/client/clientListe/Sortable-master/scripts/umd-build.js +15 -0
package/client/clientListe/Sortable-master/src/Animation.js +175 -0
package/client/clientListe/Sortable-master/src/BrowserInfo.js +12 -0
package/client/clientListe/Sortable-master/src/EventDispatcher.js +57 -0
package/client/clientListe/Sortable-master/src/PluginManager.js +87 -0
package/client/clientListe/Sortable-master/src/Sortable.js +1971 -0
package/client/clientListe/Sortable-master/src/utils.js +556 -0
package/client/clientListe/Sortable-master/st/app.js +224 -0
package/client/clientListe/Sortable-master/st/iframe/frame.html +32 -0
package/client/clientListe/Sortable-master/st/iframe/index.html +49 -0
package/client/clientListe/Sortable-master/st/logo.png +0 -0
package/client/clientListe/Sortable-master/st/og-image.png +0 -0
package/client/clientListe/Sortable-master/st/prettify/prettify.css +1 -0
package/client/clientListe/Sortable-master/st/prettify/prettify.js +46 -0
package/client/clientListe/Sortable-master/st/prettify/run_prettify.js +64 -0
package/client/clientListe/Sortable-master/st/saucelabs.svg +1 -0
package/client/clientListe/Sortable-master/st/theme.css +254 -0
package/client/clientListe/Sortable-master/tests/Sortable.compat.test.js +39 -0
package/client/clientListe/Sortable-master/tests/Sortable.test.js +386 -0
package/client/clientListe/Sortable-master/tests/dual-list.html +34 -0
package/client/clientListe/Sortable-master/tests/empty-list.html +30 -0
package/client/clientListe/Sortable-master/tests/filter.html +27 -0
package/client/clientListe/Sortable-master/tests/handles.html +27 -0
package/client/clientListe/Sortable-master/tests/nested.html +67 -0
package/client/clientListe/Sortable-master/tests/single-list.html +25 -0
package/client/clientListe/Sortable-master/tests/style.css +18 -0
package/client/clientListe/clientListe.html +148 -0
package/client/clientListe/clientListe.js +1508 -0
package/client/clientListe/clientListebundle.js +13164 -0
package/client/clientListe/images/poubelle.png +0 -0
package/client/clientListe/images/start.png +0 -0
package/client/clientListe/images/stop.png +0 -0
package/client/clientListe/images/submit.png +0 -0
package/client/clientListe/sortable-theme-bootstrap.css +90 -0
package/client/configurateur/configReact.js +273 -0
package/client/configurateur/configReactbundle.js +295 -0
package/client/configurateur/configurateur.css +95 -0
package/client/configurateur/configurateur.html +48 -0
package/client/configurateur/lib/jexcel.css +755 -0
package/client/configurateur/lib/jexcel.js +14970 -0
package/client/configurateur/lib/jsuites.css +2801 -0
package/client/configurateur/lib/jsuites.js +11822 -0
package/client/configurateur/lib/react-dom.production.min.js +239 -0
package/client/configurateur/lib/react.production.min.js +32 -0
package/client/configurateur/src/configReact.js +247 -0
package/client/controleur/clientcontroleur.js +536 -0
package/client/controleur/clientcontroleur.test.js +282 -0
package/client/controleur/controleur.html +51 -0
package/client/controleur/controleurbundle.js +565 -0
package/client/controleur/stylecontroleur.css +236 -0
package/client/controleurHH/controleurHH.html +71 -0
package/client/controleurHH/controleurHH.js +252 -0
package/client/controleurHH/styles/index.css +320 -0
package/client/controleurHH/styles/material.css +11552 -0
package/client/parametrage/paramReact.js +473 -0
package/client/parametrage/paramReactbundle.js +500 -0
package/client/parametrage/parametrage.css +111 -0
package/client/parametrage/parametrage.html +163 -0
package/client/parametrage/src/paramReact.js +459 -0
package/client/score/hash.js +83 -0
package/client/score/p5.min.js +3 -0
package/client/score/parto1.js +1171 -0
package/client/score/parto1bundle.js +1181 -0
package/client/score/processing.min.js +431 -0
package/client/score/score.html +15 -0
package/client/score/score.js +34 -0
package/client/simulateurListe/simulateurFork.js +750 -0
package/client/simulateurListe/simulateurFork.mjs +681 -0
package/client/simulateurListe/simulateurForkSansReorg.js +569 -0
package/client/simulateurListe/simulateurListe.js +628 -0
package/myReact/archive/Nodeemitvaluedlocal1.hh.js +52 -0
package/myReact/archive/abort-parNode.js +79 -0
package/myReact/archive/abroNode.js +169 -0
package/myReact/archive/abroNode2.js +80 -0
package/myReact/archive/atom.compile.hh.js +51 -0
package/myReact/archive/await-countNode.js +67 -0
package/myReact/archive/await-nowvalNode.js +44 -0
package/myReact/archive/callHH.js +96 -0
package/myReact/archive/emit-if2.hh.compiled.js +113 -0
package/myReact/archive/every1Node.js +35 -0
package/myReact/archive/if-runNode.js +74 -0
package/myReact/archive/if1Node.js +43 -0
package/myReact/archive/makeawait.js +0 -0
package/myReact/archive/myReact.old.js +684 -0
package/myReact/archive/orchestration.js +281 -0
package/myReact/archive/orchestration1.js +132 -0
package/myReact/archive/orchestration1.xml +465 -0
package/myReact/archive/orchestration2.js +161 -0
package/myReact/archive/orchestrationHH.mano.js +280 -0
package/myReact/archive/orchestrationHHTest.js +428 -0
package/myReact/archive/orchestrationHHTest.xml +234 -0
package/myReact/archive/orchestrationHHTestRun.js +104 -0
package/myReact/archive/orchestrationHHTestRun.xml +34 -0
package/myReact/archive/orchestrationTest0.js +178 -0
package/myReact/archive/orchestrationTest1.js +181 -0
package/myReact/archive/orchestrationTest2.js +281 -0
package/myReact/archive/run3pointsNode.js +59 -0
package/myReact/archive/runNode.js +123 -0
package/myReact/archive/runNode2.js +91 -0
package/myReact/archive/testAwait1.js +141 -0
package/myReact/archive/testAwait1.xml +86 -0
package/myReact/archive/testEvery1.js +122 -0
package/myReact/archive/testEvery1.xml +79 -0
package/myReact/archive/testHH1.js +135 -0
package/myReact/archive/testHH1.xml +86 -0
package/myReact/archive/testHH1revu.js +104 -0
package/myReact/archive/testHH2.js +122 -0
package/myReact/archive/testHH2.xml +79 -0
package/myReact/archive/testHH3.js +130 -0
package/myReact/archive/testHH3.xml +86 -0
package/myReact/archive/testHHabort.js +121 -0
package/myReact/archive/testHHabort.xml +83 -0
package/myReact/archive/testMakeawait.js +202 -0
package/myReact/archive/testRun1.js +168 -0
package/myReact/archive/testRun1.xml +142 -0
package/myReact/archive/titi.js +28 -0
package/myReact/archive/titi.xml +110 -0
package/myReact/archive/toto.js +73 -0
package/myReact/archive/toto.xml +198 -0
package/myReact/archive/trap-await-parallelNode.js +123 -0
package/myReact/inutiles/hiver2022.xml +804 -0
package/myReact/inutiles/hopeNode.xml +459 -0
package/myReact/inutiles/mars2022.xml +871 -0
package/myReact/inutiles/mystique1.xml +318 -0
package/myReact/inutiles/mystiqueOSC.xml +277 -0
package/myReact/inutiles/opus5Node.xml +1271 -0
package/myReact/inutiles/opus5NodeLinux.xml +1241 -0
package/myReact/inutiles/orchestrationHH.xml +541 -0
package/myReact/inutiles/orchestrationHH2.xml +547 -0
package/myReact/inutiles/testHH.xml +95 -0
package/myReact/inutiles/trouveLaPercuTenor.xml +349 -0
package/myReact/myReact.js +744 -0
package/myReact/myReact.min.js +1 -0
package/myReact/orchestrationHH.js +311 -0
package/myReact/orchestrationHH.mjs +436 -0
package/myReact/orchestrationHH.mjs.map +1 -0
package/package.json +46 -0
package/serveur/OSCandMidi.mjs +361 -0
package/serveur/computeScore.mjs +415 -0
package/serveur/controleDAW.mjs +1149 -0
package/serveur/defaultSession.csv +2 -0
package/serveur/defaultSkiniParametres.js +119 -0
package/serveur/gameOSC.mjs +96 -0
package/serveur/groupeClientsSons.mjs +1014 -0
package/serveur/ipConfig.json +24 -0
package/serveur/ipConfig127.json +19 -0
package/serveur/ipConfig75.json +17 -0
package/serveur/ipConfigBH.json +19 -0
package/serveur/ipConfigLocal.json +19 -0
package/serveur/midiConfig.json +26 -0
package/serveur/midiConfigBH.json +26 -0
package/serveur/midiConfigVoid.json +3 -0
package/serveur/midimix.mjs +570 -0
package/serveur/saveParam.mjs +159 -0
package/serveur/skiniParametres.good.js +132 -0
package/serveur/skiniParametres.js +106 -0
package/serveur/utilsHHSkini.hh.js +64 -0
package/serveur/utilsSkini.mjs +137 -0
package/serveur/websocketServer.mjs +2052 -0
package/serveur/workerInterfaceZ.mjs +327 -0
package/serveur/workerSynchro.mjs +49 -0
package/skini.mjs +141 -0

package/client/parametrage/parametrage.html ADDED Viewed

@@ -0,0 +1,163 @@
+<html>
+<!-- Keep the lib from the configurateur to avoid copies -->
+<script src="./client/configurateur/lib/jexcel.js"></script>
+<link rel="stylesheet" href="./client/configurateur/lib/jexcel.css" type="text/css" />
+<script src="./client/configurateur/lib/jsuites.js"></script>
+<link rel="stylesheet" href="./client/configurateur/lib/jsuites.css" type="text/css" />
+<head>
+  <meta charset="UTF-8" name="viewport" />
+  <link rel="stylesheet" type="text/css" href="./client/parametrage/parametrage.css">
+  <script defer></script>
+</head>
+<body onload="initWSSocket(window.location.hostname);">
+  <!-- <hr>
+      <div style="color:white">Info: <span style="color:white" id="MessageDuServeur"> Rien </span></div>
+      <hr> -->
+  <BR>
+  <!-- <div id="like_button_container"></div> -->
+  <div>
+    <input type="checkbox" id="directMidi" name="parameter" value="directMidi" checked>
+    <label class="info" for="directMidi">Direct Midi</label>
+  </div>
+  <div>
+    <input type="checkbox" id="english" name="parameter" value="english" checked>
+    <label class="info" for="english">English</label>
+  </div>
+  <div>
+    <input type="checkbox" id="reactOnPlay" name="parameter" value="reactOnPlay" checked>
+    <label class="info" for="reactOnPlay">React on Play</label>
+  </div>
+  <div>
+    <input type="checkbox" id="pulsationON" name="parameter" value="pulsationON" checked>
+    <label class="info" for="pulsationON">Pulsation ON</label>
+  </div>
+  <div>
+    <label class="info" for="nbeDeGroupesClients">Number of client groups</label>
+    <input class="inputText" type="number" id="nbeDeGroupesClients" />
+  </div>
+  <div>
+    <input type="checkbox" id="shufflePatterns" name="parameter" value="shufflePatterns" checked>
+    <label class="info" for="shufflePatterns">Shuffle Patterns</label>
+  </div>
+  <div>
+    <label class="info" for="algoGestionFifo">Algo Fifo management</label>
+    <input class="inputText" type="number" id="algoGestionFifo" />
+  </div>
+  <HR>
+  <div>
+    <input type="checkbox" id="useRaspberries" name="parameter" value="useRaspberries" checked>
+    <label class="info" for="useRaspberries">Use Raspberries</label>
+  </div>
+  <div>
+    <label class="info" for="playBufferMessage">Play Buffer Message</label>
+    <input class="inputText" type="text" id="playBufferMessage" />
+  </div>
+  <div>
+    <label class="info" for="raspOSCPort">Raspberry OSC Port</label>
+    <input class="inputText" type="number" id="raspOSCPort" />
+  </div>
+  <HR>
+  <div>
+    <input type="radio" id="synchoOnMidiClock" name="parameter" value="synchoOnMidiClock" checked>
+    <label class="info" for="synchoOnMidiClock">Syncho On Midi Clock</label>
+  </div>
+  <div>
+    <input type="radio" id="synchroLink" name="parameter" value="synchroLink" checked>
+    <label class="info" for="synchroLink">Synchro Link</label>
+  </div>
+  <div>
+    <input type="radio" id="synchroSkini" name="parameter" value="synchroSkini" checked>
+    <label class="info" for="synchroSkini">Synchro Skini</label>
+  </div>
+  <div>
+    <label class="info" for="timer">Timer</label>
+    <input class="inputText" type="number" id="timer" />
+  </div>
+  <HR>
+  <div>
+    <label class="info" for="soundFilesPath1">Sound Files Path</label>
+    <input class="inputText" type="text" id="soundFilesPath1" />
+  </div>
+  <HR>
+  <div>
+    <input type="checkbox" id="simulatorInAseperateGroup" name="parameter" value="simulatorInAseperateGroup" checked>
+    <label class="info" for="simulatorInAseperateGroup">Simulator in a seperate Group</label>
+  </div>
+  <div>
+    <label class="info" for="tempoMax">Tempo Max</label>
+    <input class="inputText" type="number" id="tempoMax" />
+  </div>
+  <div>
+    <label class="info" for="tempoMin">Tempo Min</label>
+    <input class="inputText" type="number" id="tempoMin" />
+  </div>
+  <div>
+    <label class="info" for="limiteDureeAttente">Limit Waiting Time (in pulse)</label>
+    <input class="inputText" type="number" id="limiteDureeAttente" />
+  </div>
+  <HR>
+  <div>
+    <input type="checkbox" id="gameOSC" name="parameter" value="gameOSC" checked>
+    <label class="info" for="gameOSC">Game OSC</label>
+  </div>
+  <div>
+    <input type="checkbox" id="sensorOSC" name="parameter" value="sensorOSC" checked>
+    <label class="info" for="sensorOSC">Sensor OSC</label>
+  </div>
+  <div>
+    <label class="info" for="sensorInit1">Sensors Temporisation</label>
+    <input class="sensorParam" type="number" id="sensorInit1" />
+    <input class="sensorParam" type="number" id="sensorInit2" />
+    <input class="sensorParam" type="number" id="sensorInit3" />
+    <input class="sensorParam" type="number" id="sensorInit4" />
+    <input class="sensorParam" type="number" id="sensorInit5" />
+    <input class="sensorParam" type="number" id="sensorInit6" />
+    <input class="sensorParam" type="number" id="sensorInit7" />
+    <input class="sensorParam" type="number" id="sensorInit8" />
+    <input class="sensorParam" type="number" id="sensorInit9" />
+    <input class="sensorParam" type="number" id="sensorInit10" />
+    <input class="sensorParam" type="number" id="sensorInit11" />
+    <input class="sensorParam" type="number" id="sensorInit12" />
+  </div>
+  <div>
+    <label class="info" for="sensorSensibily1">Sensors Sensibilities</label>
+    <input class="sensorParam" type="number" id="sensorSensibily1" />
+    <input class="sensorParam" type="number" id="sensorSensibily2" />
+    <input class="sensorParam" type="number" id="sensorSensibily3" />
+    <input class="sensorParam" type="number" id="sensorSensibily4" />
+    <input class="sensorParam" type="number" id="sensorSensibily5" />
+    <input class="sensorParam" type="number" id="sensorSensibily6" />
+    <input class="sensorParam" type="number" id="sensorSensibily7" />
+    <input class="sensorParam" type="number" id="sensorSensibily8" />
+    <input class="sensorParam" type="number" id="sensorSensibily9" />
+    <input class="sensorParam" type="number" id="sensorSensibily10" />
+    <input class="sensorParam" type="number" id="sensorSensibily11" />
+    <input class="sensorParam" type="number" id="sensorSensibily12" />
+  </div>
+  <BR>
+  <div id="spreadsheet"></div>
+  <input id="buttonClose" class="button button2" type="button" value="CLOSE" onclick="self.close();">
+  <!-- Load React localy from the configurateur -->
+  <script src="./client/configurateur/lib/react.production.min.js" crossorigin></script>
+  <script src="./client/configurateur/lib/react-dom.production.min.js" crossorigin></script>
+  <!-- Charge notre composant React -->
+  <script src="./client/parametrage/paramReactbundle.js"></script>
+</body>
+</html>

package/client/parametrage/src/paramReact.js ADDED Viewed

@@ -0,0 +1,459 @@
+/**
+ * @fileOverview Parametrage in React.js
+ * To compile JSX to js, launch this in the terminal, in ./client/parametrage
+ * npx babel --watch src --out-dir . --presets react-app/prod
+ * Do also : browserify paramReact.js -o paramReactbundle.js in
+ *
+ * @author Bertrand Petit-Hédelin <bertrand@hedelin.fr>
+ * @version 1.0
+ * @copyright (C) 2022 Bertrand Petit-Hédelin
+ *
+ *   This program is free software: you can redistribute it and/or modify
+ *   it under the terms of the GNU General Public License as published by
+ *   the Free Software Foundation, either version 3 of the License, or
+ *   any later version.
+ *
+ *   This program is distributed in the hope that it will be useful,
+ *   but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *   GNU General Public License for more details.
+ *
+ *   You should have received a copy of the GNU General Public License
+ *   along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+'use strict';
+var par;
+var ipConfig = require("../../serveur/ipConfig.json");
+var debug1 = true;
+var index = Math.floor((Math.random() * 10000) + 1); // Pour identifier le client
+var ws;
+// Variables de parametres en local
+// Elles sont nécessaires pour le traitement avant la mise à jour globale
+// après validation.
+// Le chargement met à jour ces données.
+var directMidiON = false;
+var english = false;
+var reactOnPlay = false;
+var pulsationON = false;
+var shufflePatterns = false;
+var nbeDeGroupesClients;
+var synchoOnMidiClock = false;
+var synchroLink = false;
+var synchroSkini = false;
+var timer;
+var soundFilesPath1;
+var simulatorInAseperateGroup = false;
+var tempoMax;
+var tempoMin;
+var limiteDureeAttente;
+var useRaspberries = false;
+var playBufferMessage;
+var raspOSCPort;
+var algoGestionFifo;
+var gameOSCSignals = false;
+var sensorOSC = false;
+var tempoSensorsInit = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+var sensorsSensibilities = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+var msg = { // On met des valeurs pas defaut
+  type: "configuration",
+  text: "ECRAN_NOIR",
+  pseudo: "Anonyme",
+  value: 0
+}
+function updateParameters() {
+  // On ne récuppère que les "true" avec le querySelectorAll
+  // Donc on met les status locaux à "false" avant mise à jour.
+  directMidiON = false;
+  english = false;
+  reactOnPlay = false;
+  shufflePatterns = false;
+  pulsationON = false;
+  simulatorInAseperateGroup = false;
+  useRaspberries = false;
+  synchoOnMidiClock = false;
+  synchroLink = false;
+  synchroSkini = false;
+  gameOSCSignals = false;
+  sensorOSC = false;
+  var parameters = document.querySelectorAll('input[name="parameter"]:checked');
+  parameters.forEach((checkbox) => {
+    switch (checkbox.value) {
+      case "directMidi":
+        directMidiON = true;
+        break;
+      case "english":
+        english = true;
+        break;
+      case "reactOnPlay":
+        reactOnPlay = true;
+        break;
+      case "shufflePatterns":
+        shufflePatterns = true;
+        break;
+      case "pulsationON":
+        pulsationON = true;
+        break;
+      case "useRaspberries":
+        useRaspberries = true;
+        break;
+      case "simulatorInAseperateGroup":
+        simulatorInAseperateGroup = true;
+        break;
+      case "gameOSC":
+        gameOSCSignals = true;
+        break;
+      case "sensorOSC":
+        sensorOSC = true;
+        break;
+      case "synchoOnMidiClock":
+        synchoOnMidiClock = true;
+        break;
+      case "synchroLink":
+        synchroLink = true;
+        break;
+      case "synchroSkini":
+        synchroSkini = true;
+        break;
+      default:
+    }
+  });
+}
+function initWSSocket(host) {
+  window.resizeTo(600, 600);
+  ws = new WebSocket("ws://" + host + ":" + ipConfig.websocketServeurPort);
+  console.log("configurateur ws://" + host + ":" + ipConfig.websocketServeurPort);
+  ws.onopen = function (event) {
+    var msg = {
+      type: "startSpectateur",
+      text: "pieceParameters",
+      id: index
+    }
+    console.log("ID sent to server:", msg.id);
+    ws.send(JSON.stringify(msg));
+  };
+  //Traitement de la Réception sur le client
+  ws.onmessage = function (event) {
+    var msgRecu = JSON.parse(event.data);
+    switch (msgRecu.type) {
+      case "message":
+        console.log(msgRecu);
+        //document.getElementById("MessageDuServeur").innerHTML = msgRecu.value;
+        break;
+      case "skiniParametres":
+        console.log("skiniParametres:", msgRecu.value);
+        par = msgRecu.value;
+        var options = {
+          data: par.groupesDesSons,
+          minDimensions: [9, 5],
+          columns: [
+            { type: 'text', width: 80, title: 'Groupe' },
+            { type: 'text', width: 80, title: 'Index' },
+            { type: 'text', width: 80, title: 'Type' },
+            { type: 'text', width: 80, title: 'X' },
+            { type: 'text', width: 80, title: 'Y' },
+            { type: 'text', width: 140, title: 'Nb of El. or Tank nb' },
+            { type: 'text', width: 80, title: 'Color' },
+            { type: 'text', width: 80, title: 'Previous' },
+            { type: 'text', width: 80, title: 'Scene' },
+          ]
+        };
+        ReactDOM.render(<Jspreadsheet options={options} />, document.getElementById('spreadsheet'));
+        // Initialiser l'affichage en fonction des parametres chargés
+        if (debug1) console.log("par.directMidiON:", par.directMidiON);
+        directMidiON = par.directMidiON;
+        document.getElementById("directMidi").checked = directMidiON;
+        english = par.english;
+        document.getElementById("english").checked = english;
+        reactOnPlay = par.reactOnPlay;
+        document.getElementById("reactOnPlay").checked = reactOnPlay;
+        shufflePatterns = par.shufflePatterns;
+        document.getElementById("shufflePatterns").checked = shufflePatterns;
+        pulsationON = par.pulsationON;
+        document.getElementById("pulsationON").checked = pulsationON;
+        simulatorInAseperateGroup = par.simulatorInAseperateGroup;
+        document.getElementById("simulatorInAseperateGroup").checked = simulatorInAseperateGroup;
+        useRaspberries = par.useRaspberries;
+        document.getElementById("useRaspberries").checked = useRaspberries;
+        gameOSCSignals = par.gameOSCSignals;
+        document.getElementById("gameOSC").checked = gameOSCSignals;
+        sensorOSC = par.sensorOSC;
+        document.getElementById("sensorOSC").checked = sensorOSC;
+        synchoOnMidiClock = par.synchoOnMidiClock;
+        document.getElementById("synchoOnMidiClock").checked = synchoOnMidiClock;
+        synchroLink = par.synchroLink;
+        document.getElementById("synchroLink").checked = synchroLink;
+        synchroSkini = par.synchroSkini;
+        document.getElementById("synchroSkini").checked = synchroSkini;
+        soundFilesPath1 = par.soundFilesPath1;
+        document.getElementById("soundFilesPath1").value = soundFilesPath1;
+        tempoMax = par.tempoMax;
+        document.getElementById("tempoMax").value = tempoMax;
+        tempoMin = par.tempoMin;
+        document.getElementById("tempoMin").value = tempoMin;
+        limiteDureeAttente = par.limiteDureeAttente;
+        document.getElementById("limiteDureeAttente").value = limiteDureeAttente;
+        playBufferMessage = par.playBufferMessage;
+        document.getElementById("playBufferMessage").value = playBufferMessage;
+        raspOSCPort = par.raspOSCPort;
+        document.getElementById("raspOSCPort").value = raspOSCPort;
+        nbeDeGroupesClients = par.nbeDeGroupesClients;
+        document.getElementById("nbeDeGroupesClients").value = nbeDeGroupesClients;
+        timer = par.timer;
+        document.getElementById("timer").value = timer;
+        algoGestionFifo = par.algoGestionFifo;
+        document.getElementById("algoGestionFifo").value = algoGestionFifo;
+        if (par.tempoSensorsInit !== undefined) {
+          tempoSensorsInit = par.tempoSensorsInit;
+          document.getElementById("sensorInit1").value = tempoSensorsInit[0];
+          document.getElementById("sensorInit2").value = tempoSensorsInit[1];
+          document.getElementById("sensorInit3").value = tempoSensorsInit[2];
+          document.getElementById("sensorInit4").value = tempoSensorsInit[3];
+          document.getElementById("sensorInit5").value = tempoSensorsInit[4];
+          document.getElementById("sensorInit6").value = tempoSensorsInit[5];
+          document.getElementById("sensorInit7").value = tempoSensorsInit[6];
+          document.getElementById("sensorInit8").value = tempoSensorsInit[7];
+          document.getElementById("sensorInit9").value = tempoSensorsInit[8];
+          document.getElementById("sensorInit10").value = tempoSensorsInit[9];
+          document.getElementById("sensorInit11").value = tempoSensorsInit[10];
+          document.getElementById("sensorInit12").value = tempoSensorsInit[11];
+        } else {
+          tempoSensorsInit = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+        }
+        if (par.sensorsSensibilities !== undefined) {
+          sensorsSensibilities = par.sensorsSensibilities;
+          document.getElementById("sensorSensibily1").value = sensorsSensibilities[0];
+          document.getElementById("sensorSensibily2").value = sensorsSensibilities[1];
+          document.getElementById("sensorSensibily3").value = sensorsSensibilities[2];
+          document.getElementById("sensorSensibily4").value = sensorsSensibilities[3];
+          document.getElementById("sensorSensibily5").value = sensorsSensibilities[4];
+          document.getElementById("sensorSensibily6").value = sensorsSensibilities[5];
+          document.getElementById("sensorSensibily7").value = sensorsSensibilities[6];
+          document.getElementById("sensorSensibily8").value = sensorsSensibilities[7];
+          document.getElementById("sensorSensibily9").value = sensorsSensibilities[8];
+          document.getElementById("sensorSensibily10").value = sensorsSensibilities[9];
+          document.getElementById("sensorSensibily11").value = sensorsSensibilities[10];
+          document.getElementById("sensorSensibily12").value = sensorsSensibilities[11];
+        } else {
+          sensorsSensibilities = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+        }
+        break;
+      default: //console.log("Client reçoit un message inconnu", msgRecu.type);
+    }
+  };
+  ws.onclose = function (event) {
+    console.log("Client: websocket closed for :", index);
+  }
+  window.onbeforeunload = function () {
+    msg.type = "closeSpectateur";
+    msg.text = "DISCONNECT_SPECTATEUR";
+    ws.send(JSON.stringify(msg));
+    ws.close();
+  }
+}
+window.initWSSocket = initWSSocket;
+// Pour test, inutile sinon
+/* class LikeButton extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { liked: false };
+  }
+  render() {
+    if (this.state.liked) {
+      return par.sessionPath;
+    }
+    return (
+      <button onClick={() => this.setState({ liked: true })}>
+        Like
+      </button>
+    );
+  }
+}
+ */
+class Jspreadsheet extends React.Component {
+  constructor(props) {
+    super(props);
+    this.options = props.options;
+    this.wrapper = React.createRef();
+  }
+  hideSomeColumns = function (obj) {
+    //obj.hideColumn(2);
+    //obj.hideColumn(6);
+    //obj.hideColumn(8);
+    //obj.hideColumn(11);
+    //obj.hideColumn(12);
+  }
+  componentDidMount = function () {
+    this.el = jspreadsheet(this.wrapper.current, this.options);
+    this.hideSomeColumns(this.el);
+  }
+  addRow = function () {
+    this.el.insertRow();
+  }
+  updateAll = function () {
+    let param;
+    param = this.el.getData();
+    console.log(param);
+    par.groupesDesSons = param;
+    par.directMidiON = directMidiON;
+    par.english = english;
+    par.reactOnPlay = reactOnPlay;
+    par.shufflePatterns = shufflePatterns;
+    par.pulsationON = pulsationON;
+    par.simulatorInAseperateGroup = simulatorInAseperateGroup;
+    par.useRaspberries = useRaspberries;
+    par.synchoOnMidiClock = synchoOnMidiClock;
+    par.synchroLink = synchroLink;
+    par.synchroSkini = synchroSkini;
+    par.gameOSCSignals = gameOSCSignals;
+    par.sensorOSC = sensorOSC;
+    par.soundFilesPath1 = document.getElementById("soundFilesPath1").value;
+    par.tempoMax = document.getElementById("tempoMax").value;
+    par.tempoMin = document.getElementById("tempoMin").value;
+    par.limiteDureeAttente = document.getElementById("limiteDureeAttente").value;
+    par.playBufferMessage = document.getElementById("playBufferMessage").value;
+    par.raspOSCPort = document.getElementById("raspOSCPort").value;
+    par.nbeDeGroupesClients = document.getElementById("nbeDeGroupesClients").value;
+    par.timer = document.getElementById("timer").value;
+    par.algoGestionFifo = document.getElementById("algoGestionFifo").value;
+    console.log("****", typeof document.getElementById("sensorInit1").value);
+    if (document.getElementById("sensorInit1").value !== '') {
+      par.tempoSensorsInit[0] = document.getElementById("sensorInit1").value;
+      par.tempoSensorsInit[1] = document.getElementById("sensorInit2").value;
+      par.tempoSensorsInit[2] = document.getElementById("sensorInit3").value;
+      par.tempoSensorsInit[3] = document.getElementById("sensorInit4").value;
+      par.tempoSensorsInit[4] = document.getElementById("sensorInit5").value;
+      par.tempoSensorsInit[5] = document.getElementById("sensorInit6").value;
+      par.tempoSensorsInit[6] = document.getElementById("sensorInit7").value;
+      par.tempoSensorsInit[7] = document.getElementById("sensorInit8").value;
+      par.tempoSensorsInit[8] = document.getElementById("sensorInit9").value;
+      par.tempoSensorsInit[9] = document.getElementById("sensorInit10").value;
+      par.tempoSensorsInit[10] = document.getElementById("sensorInit11").value;
+      par.tempoSensorsInit[11] = document.getElementById("sensorInit12").value;
+    } else {
+      par.tempoSensorsInit = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+    }
+    if (document.getElementById("sensorSensibily1").value !== '') {
+      par.sensorsSensibilities[0] = document.getElementById("sensorSensibily1").value;
+      par.sensorsSensibilities[1] = document.getElementById("sensorSensibily2").value;
+      par.sensorsSensibilities[2] = document.getElementById("sensorSensibily3").value;
+      par.sensorsSensibilities[3] = document.getElementById("sensorSensibily4").value;
+      par.sensorsSensibilities[4] = document.getElementById("sensorSensibily5").value;
+      par.sensorsSensibilities[5] = document.getElementById("sensorSensibily6").value;
+      par.sensorsSensibilities[6] = document.getElementById("sensorSensibily7").value;
+      par.sensorsSensibilities[7] = document.getElementById("sensorSensibily8").value;
+      par.sensorsSensibilities[8] = document.getElementById("sensorSensibily9").value;
+      par.sensorsSensibilities[9] = document.getElementById("sensorSensibily10").value;
+      par.sensorsSensibilities[10] = document.getElementById("sensorSensibily11").value;
+      par.sensorsSensibilities[11] = document.getElementById("sensorSensibily12").value;
+    } else {
+      par.sensorsSensibilities = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+    }
+    var msg = {
+      type: "updateParameters",
+      data: par
+    }
+    ws.send(JSON.stringify(msg));
+  }
+  render() {
+    return (
+      <div>
+        <div ref={this.wrapper} />
+        <br />
+        <input
+          className="button"
+          type="button"
+          value="Add new row"
+          onClick={() => this.addRow()}
+        />
+        <input
+          className="button"
+          type="button"
+          value="Update parameters"
+          onClick={
+            () => {
+              updateParameters();
+              this.updateAll();
+            }
+          }
+        />
+      </div>
+    );
+  }
+}
+/*
+let domContainer = document.querySelector('#like_button_container');
+ReactDOM.render(<LikeButton />, domContainer);
+ */