RubyGems - atome - Versions diffs - 0.5.7.5.9 → 0.5.7.6.5 - Mend

atome 0.5.7.5.9 → 0.5.7.6.5

Files changed (798) hide show

data/vendor/assets/src/index_bck_opal_tauri.html ADDED Viewed

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="En" id="html">
+<head>
+    <link rel="icon" type="image/x-icon"
+          href="https://github.com/atomecorp/atome/blob/master/vendor/assets/src/favicon.ico">
+    <meta name="viewport"
+          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover,user-scalable=no">
+    <meta charset='UTF-8'/>
+    <meta name="format-detection" content="telephone=no">
+    <meta name="msapplication-tap-highlight" content="no">
+    <link type="text/css" rel="stylesheet" href="css/style.css">
+    <link type="text/css" rel="stylesheet" href="css/codemirror.min.css">
+    <link type="text/css" rel="stylesheet" href="css/monokai.min.css">
+    <link type="text/css" rel="stylesheet" href="css/leaflet.css">
+    <link type="text/css" rel="stylesheet" href="css/toastui-calendar.min.css">
+    <style id="atomic_style"></style>
+    <script type="text/javascript" src="js/third_parties/leaflet.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/interact.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/popmotion.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/sortable.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/wad.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/wavesurfer.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/sha256.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/ping.min.js" defer></script>
+    <script defer src="js/third_parties/fabric.min.js" type="text/javascript"></script>
+    <script type="text/javascript" src="js/third_parties/papaparse.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/codemirror.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/ruby.min.js" defer></script>
+    <script src='js/opal/opal.js' defer></script>
+    <script src='js/opal/opal_parser.js' defer></script>
+    <script src='js/aui.js' defer></script>
+    <script defer src='js/host_mode.js'></script>
+    <script src='js/opal/atome_opal_extensions.js' defer></script>
+    <script src='js/atome/kernel.js' defer></script>
+    <script defer src="js/atome/atome_helpers/communication.js" type="text/javascript"></script>
+    <script defer src="js/atome/atome_helpers/file.js" type="text/javascript"></script>
+    <script  src="js/atome/utilities/importmap.js" type="text/javascript"></script>
+    <script defer type="module" src="js/atome/utilities/three_module.js"></script>
+    <script type="text/javascript" src="js/third_parties/toastui-calendar.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/a_pianoroll.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/vis-timeline-graph2d.min.js" defer></script>
+    <title>atome</title>
+</head>
+<body id='user_view' class='atome'>
+<div id='copyright'>©atome 2024</div>
+</body>
+<script defer src="js/atome/specific/opal.js" type="text/javascript"></script>
+<script type="text/javascript">
+    const NativeMode = false; // used by atome.js to load code on the fly
+</script>
+<script defer src="js/atome/atome.js" type="text/javascript"></script>
+<script src='js/application.js' defer></script>
+<script>
+    // to prevent right click
+    document.addEventListener("contextmenu", function (e) {
+        e.preventDefault();
+    });
+</script>
+<script defer>
+    document.addEventListener('touchstart', function (event) {
+        if (event.touches.length > 1) {
+            event.preventDefault();
+        }
+    }, {passive: false});
+    document.addEventListener('wheel', function (event) {
+        if (event.ctrlKey === true) {
+            event.preventDefault(); // prevent zoom
+        }
+    }, {passive: false});
+</script>
+<!--<script type="text/javascript" src="js/test.js" defer></script>-->
+<script>
+</script>
+</html>

data/vendor/assets/src/{index.html → index_bck_wasm_tauri.html} RENAMED Viewed

@@ -20,7 +20,6 @@
     <script type="text/javascript" src="js/third_parties/sortable.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/wad.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/wavesurfer.min.js" defer></script>
-    <script type="text/javascript" src="js/third_parties/webaudio-pianoroll.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/sha256.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/ping.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/fabric.min.js" defer></script>
@@ -32,6 +31,8 @@
     <script  src="js/atome/utilities/importmap.js" type="text/javascript"></script>
     <script  defer type="module" src="js/atome/utilities/three_module.js"></script>
     <script type="text/javascript" src="js/third_parties/toastui-calendar.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/a_pianoroll.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/vis-timeline-graph2d.min.js" defer></script>
     <title>atome</title>
 </head>
 <body id='user_view' class='atome'>

data/vendor/assets/src/index_opal.html CHANGED Viewed

@@ -20,7 +20,6 @@
     <script type="text/javascript" src="js/third_parties/sortable.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/wad.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/wavesurfer.min.js" defer></script>
-    <script type="text/javascript" src="js/third_parties/webaudio-pianoroll.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/sha256.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/ping.min.js" defer></script>
     <script defer src="js/third_parties/fabric.min.js" type="text/javascript"></script>
@@ -38,6 +37,8 @@
     <script  src="js/atome/utilities/importmap.js" type="text/javascript"></script>
     <script defer type="module" src="js/atome/utilities/three_module.js"></script>
     <script type="text/javascript" src="js/third_parties/toastui-calendar.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/a_pianoroll.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/vis-timeline-graph2d.min.js" defer></script>
     <title>atome</title>
 </head>
 <body id='user_view' class='atome'>

data/vendor/assets/src/index_server.html CHANGED Viewed

@@ -19,7 +19,6 @@
     <script defer src="js/third_parties/sortable.min.js" type="text/javascript"></script>
     <script defer src="js/third_parties/wad.min.js" type="text/javascript"></script>
     <script defer src="js/third_parties/wavesurfer.min.js" type="text/javascript"></script>
-    <script type="text/javascript" src="js/third_parties/webaudio-pianoroll.min.js" defer></script>
     <script defer src="js/third_parties/sha256.min.js" type="text/javascript"></script>
     <script defer src="js/third_parties/ping.min.js" type="text/javascript"></script>
     <script defer src="js/third_parties/fabric.min.js" type="text/javascript"></script>
@@ -37,6 +36,8 @@
     <script  src="js/atome/utilities/importmap.js" type="text/javascript"></script>
     <script  defer type="module" src="js/atome/utilities/three_module.js"></script>
     <script type="text/javascript" src="js/third_parties/toastui-calendar.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/a_pianoroll.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/vis-timeline-graph2d.min.js" defer></script>
     <title>atome</title>
 </head>
 <body id='user_view' class='atome'>

data/vendor/assets/src/index_server_wasm.html CHANGED Viewed

@@ -21,7 +21,6 @@
     <script type="text/javascript" src="js/third_parties/sortable.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/wad.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/wavesurfer.min.js" defer></script>
-    <script type="text/javascript" src="js/third_parties/webaudio-pianoroll.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/sha256.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/ping.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/fabric.min.js" defer></script>
@@ -33,6 +32,8 @@
     <script  src="js/atome/utilities/importmap.js" type="text/javascript"></script>
     <script  defer type="module" src="js/atome/utilities/three_module.js"></script>
     <script type="text/javascript" src="js/third_parties/toastui-calendar.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/a_pianoroll.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/vis-timeline-graph2d.min.js" defer></script>
     <title>atome</title>
 </head>
 <body id='user_view' class='atome'>

data/vendor/assets/src/index_wasm.html CHANGED Viewed

@@ -20,7 +20,6 @@
     <script type="text/javascript" src="js/third_parties/sortable.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/wad.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/wavesurfer.min.js" defer></script>
-    <script type="text/javascript" src="js/third_parties/webaudio-pianoroll.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/sha256.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/ping.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/fabric.min.js" defer></script>
@@ -32,6 +31,8 @@
     <script  src="js/atome/utilities/importmap.js" type="text/javascript"></script>
     <script  defer type="module" src="js/atome/utilities/three_module.js"></script>
     <script type="text/javascript" src="js/third_parties/toastui-calendar.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/a_pianoroll.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/vis-timeline-graph2d.min.js" defer></script>
     <title>atome</title>
 </head>
 <body id='user_view' class='atome'>

data/vendor/assets/src/js/atome/atome.js CHANGED Viewed

@@ -1,5 +1,9 @@
 const atomeJS = Object.assign(communication, File);
+// allow tauri to write messages in the console
+// window.__TAURI__.event.listen("log-to-console", (event) => {
+//     console.log(event.payload); // Affiche le message reçu dans la console
+// });
 // generic callback method
@@ -21,10 +25,10 @@ async function callback(callback_method, cmd) {
 //read file
-async function readFile(atome_id, filePath) {
+async function readFile(atome_id, filePath, _file_content) {
     let fileContent;
     try {
-        fileContent = await window.__TAURI__.invoke('read_file', {filePath: filePath});
+        fileContent = await window.__TAURI__.core.invoke('read_file', { filePath: filePath });
     } catch (error) {
         fileContent = error;
     }
@@ -33,16 +37,33 @@ async function readFile(atome_id, filePath) {
 }
+async function writeFile(atome_id, filePath, content) {
+    let fileContent;
+    try {
+        fileContent = await window.__TAURI__.core.invoke('write_file', { filePath: filePath, content: content });
+    } catch (error) {
+        fileContent = error;
+    }
+    atomeJsToRuby("grab(:" + atome_id + ").store_ruby_callback({ write: '" + fileContent + "' })");
+    atomeJsToRuby("grab(:" + atome_id + ").read_ruby_callback(:write)");
+}
 // list folder
 // almost works
 async function browseFile(atome_id, directoryPath) {
     let directoryContent;
     try {
-        directoryContent = await window.__TAURI__.invoke('list_directory_content', {directoryPath: directoryPath});
+        directoryContent = await window.__TAURI__.core.invoke('list_directory_content', { directoryPath: directoryPath });
     } catch (error) {
         directoryContent = error;
     }
+    console.log('browseFile say  : '+directoryContent)
+// Affiche le contenu ou l'erreur
     atomeJsToRuby("grab(:" + atome_id + ").store_ruby_callback({ browse: '" + directoryContent + "' })");
     atomeJsToRuby("grab(:" + atome_id + ").read_ruby_callback(:browse)");
 }
@@ -53,95 +74,57 @@ async function browseFile(atome_id, directoryPath) {
 async function changeCurrentDirectory(atome_id, newPath) {
     let result;
     try {
-        // Utilisez Tauri pour changer le répertoire de travail courant
-        result = await window.__TAURI__.invoke('change_dir', {path: newPath});
+        // Utilise Tauri pour changer le répertoire de travail courant
+        result = await window.__TAURI__.core.invoke('change_dir', {path: newPath});
     } catch (error) {
         result = error;
     }
+   return result
 }
 // Terminal
+// async function terminal(atome_id, cmd) {
+//
+//     let cmd_result;
+//     try {
+//         const command = cmd;
+//         let response;
+//         response = await window.__TAURI__.core.invoke('execute_command', { command });
+//         cmd_result = response;
+//     } catch (error) {
+//         cmd_result = error;
+//     }
+//
+// // Vérification si cmd_result est une chaîne avant d'appeler replace
+//     if (typeof cmd_result === "string") {
+//         cmd_result = cmd_result.replace(/\r?\n/g, "");
+//     } else {
+//         console.error("Command execution failed or result is not a string:", cmd_result);
+//     }
+//     console.log('terminal say  : '+cmd_result)
+//
+//     atomeJsToRuby("grab(:" + atome_id + ").store_ruby_callback({ terminal: '" + cmd_result + "' })");
+//     atomeJsToRuby("grab(:" + atome_id + ").read_ruby_callback(:terminal)");
+//
+// }
 async function terminal(atome_id, cmd) {
     let cmd_result;
     try {
         const command = cmd;
         let response;
-        response = await window.__TAURI__.invoke('execute_command', {command});
+        response = await window.__TAURI__.core.invoke('execute_command', { command });
         cmd_result = response;
     } catch (error) {
         cmd_result = error;
     }
-    cmd_result = cmd_result.replace(/\r?\n/g, "");
     atomeJsToRuby("grab(:" + atome_id + ").store_ruby_callback({ terminal: '" + cmd_result + "' })");
     atomeJsToRuby("grab(:" + atome_id + ").read_ruby_callback(:terminal)");
-}
-function distant_terminal(id, cmd) {
-    let myd_data_test = 'Terminal particle will soon be implemented when using  a non native mode\nYou can switch to OSX to test';
-    let call_back_to_send = `grab(:${id}).store_ruby_callback({terminal: "${myd_data_test}"})`
-    let call = `grab(:${id}).read_ruby_callback(:terminal)`
-    atomeJsToRuby(call_back_to_send)
-    atomeJsToRuby(call)
-    // let call = `grab(:${id}).read_ruby_callback(:terminal)`
-    // atomeJsToRuby(call)
 }
-// we check if we are in tauri context
-// if (typeof window.__TAURI__ !== 'undefined') {
-//     callExecuteCommand('pwd');
-//
-// } else {
-// }
-// 'ls -l'
-//read/write
-//
-// // Créer un fichier
-// async function createAndWriteFile(filePath, contentToWrite) {
-//     try {
-//         await window.__TAURI__.invoke('write_file', {
-//             file_path: filePath,
-//             content: contentToWrite
-//         });
-//         console.log('File written successfully.');
-//     } catch (error) {
-//         console.error('Error writing to file:', error);
-//     }
-// }
-//
-// // Lire un fichier
-// async function readAndDisplayFile(filePath) {
-//     try {
-//         const fileContent = await window.__TAURI__.invoke('read_file', {
-//             file_path: filePath
-//         });
-//         console.log('File content:', fileContent);
-//     } catch (error) {
-//         console.error('Error reading file:', error);
-//     }
-// }
-//
-// // Utiliser les fonctions pour créer et lire le fichier
-// const filePath = 'example.txt'; // Remplacez ceci par le chemin du fichier souhaité
-// const contentToWrite = 'This is some content to write to the file.';
-//
-// // Créer un fichier avec le contenu
-// createAndWriteFile(filePath, contentToWrite);
-//
-// // Lire le fichier
-// readAndDisplayFile(filePath);
 function createSvgElement(tagName, attributes) {
     var elem = document.createElementNS('http://www.w3.org/2000/svg', tagName);
     for (var attr in attributes) {
@@ -152,33 +135,6 @@ function createSvgElement(tagName, attributes) {
     return elem;
 }
-//
-// function sanitizeString(str) {
-//     return str.replace(/'/g, "\\'");
-// }
-// function fileread(){
-//     var inputElement = document.createElement("input");
-//     inputElement.type = "file";
-//
-//     inputElement.addEventListener("change", function(event) {
-//         var file = event.target.files[0];
-//         var reader = new FileReader();
-//
-//         reader.onload = function(event) {
-//             var content = event.target.result;
-//             var sanitizedContent = sanitizeString(content);
-//             atomeJsToRuby("input_callback('"+sanitizedContent+"')");
-//         };
-//
-//         reader.readAsText(file);
-//     });
-//
-// // Ajout de l'élément input à la div
-//     var viewDiv = document.querySelector("#support");
-//     viewDiv.appendChild(inputElement);
-// }
 function fileForOpal(parent, bloc) {
     let input = document.createElement('input');
     input.type = 'file';
@@ -224,21 +180,6 @@ function fileForOpal(parent, bloc) {
 function loadFeature() {
     if (NativeMode) {
-        // fetch('js/molecules/web.js')
-        //     .then(response => {
-        //         if (response.ok) {
-        //             return response.text();
-        //         }
-        //         throw new Error('Le chargement du fichier a échoué');
-        //     })
-        //     .then(data => {
-        //         // console.log(data);
-        //         eval(data);
-        //         // you can use file content as you want
-        //     })
-        //     .catch(error => {
-        //         console.error('Erreur lors du chargement du fichier:', error);
-        //     });
         fetch('js/molecules/web.js')
             .then(response => {
                 if (response.ok) {
@@ -259,9 +200,6 @@ function loadFeature() {
     } else {
         var script = document.createElement('script');
         script.src = 'js/molecules/web.js?' + new Date().getTime();
-        // script.onload = function () {
-        //     // Code to use loaded features
-        // };
         document.head.appendChild(script);
     }
@@ -522,7 +460,30 @@ function isDescendant(parentId, childId) {
     return    false;
 }
+// function pianorollCallback(ev) {
+//     // console.log(methodToCallBack+'note playing : ');
+//     console.log(ev);
+//     console.log('------');
+//     // consol
+//     // const currentTime = actx.currentTime;
+//     // const startTime = currentTime + (ev.t - performance.now() / 1000);
+//     // const endTime = currentTime + (ev.g - performance.now() / 1000);
+//     // osc.detune.setValueAtTime((ev.n - 69) * 100, startTime);
+//     // gain.gain.setTargetAtTime(0.5, startTime, 0.005);
+//     // gain.gain.setTargetAtTime(0, endTime, 0.1);
+// }
 // alert(isDescendant('intuition', 'the_test_box'));
 // alert(isDescendant('view', 'the_test_box'));
+// ruby JS interoperability examples
+function js_test(val){
+    console.log(val)
+}
+class my_test_class {
+    myTestFunction(val) {
+        console.log("JavaScript fonctionne : " + val);
+    }
+}

data/vendor/assets/src/js/atome/atome_helpers/communication.js CHANGED Viewed

@@ -1,3 +1,181 @@
+function escapeApostrophes(input) {
+    return input.replace(/'/g, "\\'");
+}
+function convertTextToSpeech({
+                                 silenceDuration = 3000,
+                                 silenceThreshold = 5,
+                                 enableTranslation = false,
+                                 targetLanguage = 'en',
+                                 convert = true,
+                                 open_ai_key,
+                                 rubyTranslationCallback,
+                                 rubyAudio2textCallback
+                             }) {
+    const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+    if (!SpeechRecognition) {
+        console.error("Web Speech API is not supported on your browser");
+        return;
+    }
+    let recognition;
+    let isRecording = false;
+    let silenceTimer;
+    let audioContext;
+    let analyser;
+    let mediaStreamSource;
+    recognition = new SpeechRecognition();
+    recognition.lang = 'fr-FR';
+    recognition.interimResults = false;
+    recognition.continuous = true;
+    recognition.onresult = (event) => {
+        let finalTranscript = '';
+        for (let i = 0; i < event.results.length; i++) {
+            finalTranscript += event.results[i][0].transcript;
+        }
+        console.log("Transcription :", finalTranscript);
+        if (typeof audio2textCallback === 'function') {
+            audio2textCallback(finalTranscript, rubyAudio2textCallback);
+        }
+        if (enableTranslation && typeof translationCallback === 'function') {
+            translationCallback(finalTranscript, targetLanguage, open_ai_key, rubyTranslationCallback);
+        }
+    };
+    recognition.onerror = (event) => {
+        console.error("Erreur de transcription :", event.error);
+    };
+    async function startListening() {
+        const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+        audioContext = new (window.AudioContext || window.webkitAudioContext)();
+        mediaStreamSource = audioContext.createMediaStreamSource(stream);
+        analyser = audioContext.createAnalyser();
+        mediaStreamSource.connect(analyser);
+        recognition.start();
+        isRecording = true;
+        monitorSilence();
+    }
+    function stopListening() {
+        if (isRecording) {
+            isRecording = false;
+            recognition.stop();
+            if (audioContext) {
+                audioContext.close();
+                audioContext = null;
+            }
+        }
+    }
+    function monitorSilence() {
+        const dataArray = new Uint8Array(analyser.fftSize);
+        function checkVolume() {
+            analyser.getByteFrequencyData(dataArray);
+            const volume = dataArray.reduce((sum, value) => sum + value, 0);
+            if (volume < silenceThreshold) {
+                if (!silenceTimer) {
+                    silenceTimer = setTimeout(() => {
+                        stopListening();
+                    }, silenceDuration);
+                }
+            } else {
+                resetSilenceTimer();
+            }
+            if (isRecording) {
+                requestAnimationFrame(checkVolume);
+            }
+        }
+        checkVolume();
+    }
+    function resetSilenceTimer() {
+        clearTimeout(silenceTimer);
+        silenceTimer = null;
+    }
+    // Listening control based on convert. `convert`
+    if (convert) {
+        startListening();
+    } else {
+        stopListening();
+    }
+}
+// Translation function
+async function translationCallback(text, lang, open_ai_key, method_to_trig) {
+    try {
+        const response = await fetch('https://api.openai.com/v1/chat/completions', {
+            method: 'POST',
+            headers: {
+                'Authorization': open_ai_key,
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                model: 'gpt-4',
+                messages: [{ role: 'user', content: `Translate in ${lang} : ${text}` }]
+            })
+        });
+        const data = await response.json();
+        if (data.choices && data.choices[0].message.content) {
+            console.log(`Traduction : "${data.choices[0].message.content.trim()}"`);
+            const sanitizedText = escapeApostrophes(data.choices[0].message.content.trim());
+            atomeJsToRuby(method_to_trig+"('"+sanitizedText+"')");
+        } else {
+            throw new Error("Aucune réponse valide.");
+        }
+    } catch (error) {
+        console.error("Erreur de traduction :", error);
+    }
+}
+// Function for transcription
+function audio2textCallback(text, method_to_trig) {
+    console.log(`Texte depuis le fichier audio: "${text}"`);
+    const sanitizedText = escapeApostrophes(text);
+    atomeJsToRuby(method_to_trig+"('"+sanitizedText+"')");
+}
+function speechToText(silenceDuration,silenceThreshold, enableTranslation, targetLanguage, convert, open_ai_key, rubyTranslationCallback, rubyAudio2textCallback){
+    convertTextToSpeech({
+        silenceDuration: silenceDuration,
+        silenceThreshold: silenceThreshold,
+        enableTranslation: enableTranslation,
+        targetLanguage: targetLanguage,
+        convert: convert,
+        open_ai_key: open_ai_key,
+        rubyTranslationCallback: rubyTranslationCallback,
+        rubyAudio2textCallback: rubyAudio2textCallback
+});
+}
+// translationCallback: translationCallback,
+//     audio2textCallback: audio2textCallback
+// setTimeout(() => {
+//     // atomeJsToRuby('box');
+//     text="Peux-tu écrire une lettre à Sarah lui dire bonjour tout va bien et tu m'ouvre le fichier une fois que t'as fini"
+//     const sanitizedText = escapeApostrophes(text);
+//     atomeJsToRuby('to_text_method'+"('"+sanitizedText+"')");
+// }, "1000");
 /////////////////////////// connection ws