atome 0.5.6.8.7 → 0.5.7.0.2

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

@@ -14,8 +14,8 @@ async function callback(callback_method, cmd) {
     } catch (error) {
         cmd_result = error;
     }
-    rubyVMCallback("Atome.instance_variable_set('" + instance_variable_to_set + "','" + cmd_result + "')")
-    rubyVMCallback(ruby_callback_method)
+    atomeJsToRuby("Atome.instance_variable_set('" + instance_variable_to_set + "','" + cmd_result + "')")
+    atomeJsToRuby(ruby_callback_method)
 }
 
 //read file
@@ -28,9 +28,8 @@ async function readFile(atome_id, filePath) {
     } catch (error) {
         fileContent = error;
     }
-    // alert(fileContent);
-    rubyVMCallback("grab(:" + atome_id + ").callback({ read: '" + fileContent + "' })");
-    rubyVMCallback("grab(:" + atome_id + ").call(:read)");
+    atomeJsToRuby("grab(:" + atome_id + ").callback({ read: '" + fileContent + "' })");
+    atomeJsToRuby("grab(:" + atome_id + ").call(:read)");
 }
 
 
@@ -44,8 +43,8 @@ async function browseFile(atome_id, directoryPath) {
     } catch (error) {
         directoryContent = error;
     }
-    rubyVMCallback("grab(:" + atome_id + ").callback({ browse: '" + directoryContent + "' })");
-    rubyVMCallback("grab(:" + atome_id + ").call(:browse)");
+    atomeJsToRuby("grab(:" + atome_id + ").callback({ browse: '" + directoryContent + "' })");
+    atomeJsToRuby("grab(:" + atome_id + ").call(:browse)");
 }
 
 
@@ -59,7 +58,6 @@ async function changeCurrentDirectory(atome_id, newPath) {
     } catch (error) {
         result = error;
     }
-    alert('result is : ' + result);
 }
 
 
@@ -77,8 +75,8 @@ async function terminal(atome_id, cmd) {
     }
     cmd_result = cmd_result.replace(/\r?\n/g, "");
 
-    rubyVMCallback("grab(:" + atome_id + ").callback({ terminal: '" + cmd_result + "' })");
-    rubyVMCallback("grab(:" + atome_id + ").call(:terminal)");
+    atomeJsToRuby("grab(:" + atome_id + ").callback({ terminal: '" + cmd_result + "' })");
+    atomeJsToRuby("grab(:" + atome_id + ").call(:terminal)");
 
 }
 
@@ -87,8 +85,8 @@ 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}).callback({terminal: "${myd_data_test}"})`
     let call = `grab(:${id}).call(:terminal)`
-    rubyVMCallback(call_back_to_send)
-    rubyVMCallback(call)
+    atomeJsToRuby(call_back_to_send)
+    atomeJsToRuby(call)
 }
 
 
@@ -165,7 +163,7 @@ function createSvgElement(tagName, attributes) {
 //         reader.onload = function(event) {
 //             var content = event.target.result;
 //             var sanitizedContent = sanitizeString(content);
-//             rubyVMCallback("input_callback('"+sanitizedContent+"')");
+//             atomeJsToRuby("input_callback('"+sanitizedContent+"')");
 //         };
 //
 //         reader.readAsText(file);
@@ -220,35 +218,6 @@ function fileForOpal(parent, bloc) {
 }
 
 
-// function loadFeature() {
-//     var script = document.createElement('script');
-//     script.src = 'js/molecules/web.js?' + new Date().getTime();
-//     // script.onload = function () {
-//     //     // Code to use loaded features
-//     // };
-//    // puts to solve native (osx) compatiblity use fetch
-//
-//     document.head.appendChild(script);
-// }
-
-// function loadFeature() {
-//     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); // Log le contenu du fichier web.js
-//             // Vous pouvez ici utiliser le contenu du fichier comme nécessaire
-//         })
-//         .catch(error => {
-//             console.error('Erreur lors du chargement du fichier:', error);
-//         });
-// }
-
-
 function loadFeature() {
     if (NativeMode) {
         // fetch('js/molecules/web.js')
@@ -294,12 +263,244 @@ function loadFeature() {
     }
 }
 
-///test methode
-function my_opal_js_fct(val){
-    Opal.eval("my_ruby_meth('opal call ruby with eval: "+val+"')");
-    Opal.Object.$my_ruby_meth('opal call ruby with method name: '+val);
+
+// temp storage for active recording media
+let atomeStore = {}
+function writeatomestore(primaryKey, secondaryKey, value) {
+    if (!atomeStore[primaryKey]) {
+        atomeStore[primaryKey] = {};
+    }
+    atomeStore[primaryKey][secondaryKey] = value;
+}
+
+function readatomestore(primaryKey, secondaryKey) {
+    if (atomeStore.hasOwnProperty(primaryKey) && atomeStore[primaryKey].hasOwnProperty(secondaryKey)) {
+        return atomeStore[primaryKey][secondaryKey];
+    } else {
+        console.error("MediaRecorder not found");
+        return null;
+    }
+}
+
+
+// preview
+function create_preview(preview_id, enableVideo, enableAudio) {
+    if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+        console.log("Your browser doesn't support media recording");
+        return;
+    }
+
+    navigator.mediaDevices.getUserMedia({ audio: enableAudio, video: enableVideo })
+        .then(function (stream) {
+            window.mediaStream = stream;
+            console.log("Media stream ready. You can start recording.");
+
+            let previewContainer = document.getElementById(preview_id);
+            if (!previewContainer) {
+                previewContainer = document.createElement('div');
+                previewContainer.id = preview_id;
+
+                const viewDiv = document.getElementById('view');
+                if (viewDiv) {
+                    viewDiv.appendChild(previewContainer);
+                } else {
+                    document.body.appendChild(previewContainer); // Fallback
+                }
+            }
+
+            if (enableVideo == 'true') {
+                const videoElement = document.createElement('video');
+                videoElement.controls = true;
+                videoElement.autoplay = true;
+                videoElement.muted = true;
+                videoElement.srcObject = stream;
+                videoElement.muted = false;
+                videoElement.volume = 1.0;
+                previewContainer.appendChild(videoElement);
+            } else {
+                console.log("Video preview is disabled.");
+            }
+
+            if (enableAudio == 'true') {
+                const audioElement = document.createElement('audio');
+                audioElement.controls = true;
+                audioElement.autoplay = true;
+                audioElement.srcObject = stream;
+                previewContainer.appendChild(audioElement);
+
+            }
+
+        })
+        .catch(function (err) {
+            console.error("Error when accessing media devices: " + err);
+        });
+}
+function stopPreview(preview_id) {
+    const previewContainer = document.getElementById(preview_id);
+    if (previewContainer) {
+        // Arrêter toutes les pistes du flux
+        if (window.mediaStream) {
+            window.mediaStream.getTracks().forEach(track => {
+                track.stop();
+            });
+        }
+
+        // Supprimer la `div` de prévisualisation
+        previewContainer.remove();
+    } else {
+        console.log("Preview container not found.");
+    }
+}
+// Audio recorder
+
+function recordAudio(duration, atome_id,filename) {
+    writeatomestore(atome_id, 'record', 'playing')
+
+    if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+        console.log("Your browser doesn't support audio recording");
+        return;
+    }
+
+    navigator.mediaDevices.getUserMedia({ audio: true })
+        .then(function (stream) {
+            const audioOptions = [
+                'audio/webm',
+                'audio/webm;codecs=opus',
+                'audio/ogg',
+                'audio/wav'
+            ];
+
+            let mimeType = audioOptions.find(option => MediaRecorder.isTypeSupported(option));
+            const mediaRecorder = new MediaRecorder(stream, mimeType ? { mimeType: mimeType } : {});
+
+            let audioChunks = [];
+
+            // Start recording with a time slice to trigger data available events periodically
+            mediaRecorder.start(10); // Timeslice of 1000 ms
+
+            mediaRecorder.ondataavailable = function (event) {
+                if (readatomestore(atome_id, 'record') == 'stop'){
+                    mediaRecorder.stop();
+                }
+                atomeJsToRuby("grab(:" + atome_id + ").js_callback('"+atome_id+"','record', '"+event.data+"', 'audio')");
+                audioChunks.push(event.data);
+
+            };
+
+            setTimeout(() => {
+                mediaRecorder.stop();
+            }, duration);
+
+            mediaRecorder.onstop = function () {
+                const audioBlob = new Blob(audioChunks, { type: mimeType || 'audio/mp4' });
+                const audioUrl = URL.createObjectURL(audioBlob);
+
+                // Functions to handle the recording post processing
+                if (atome_id === 'atome'){
+                    atome_id ='view'
+                }
+                record_content(audioUrl);
+                playRecording(audioBlob,filename,atome_id);
+                saveRecording(audioUrl,filename);
+                atomeJsToRuby("grab(:" + atome_id + ").js_callback('"+atome_id+"','record','"+audioBlob+"', 'audio')");
+
+                // Ensure all tracks are stopped once recording is finished
+                stream.getTracks().forEach(track => track.stop());
+            };
+        })
+        .catch(function (err) {
+            console.error("Error when accessing microphone: " + err);
+        });
+}
+
+
+// # video recorder
+
+function recordVideo(duration, atome_id, filename) {
+    writeatomestore(atome_id, 'record', 'playing')
+
+    if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+        console.log("Your browser doesn't support video recording");
+        return;
+    }
+
+    navigator.mediaDevices.getUserMedia({audio: true, video: true})
+        .then(function (stream) {
+            const mediaOptions = [
+                'video/webm; codecs=vp9,opus',
+                'video/webm; codecs=vp8,opus',
+                'video/webm'
+            ];
+
+            let mimeType = mediaOptions.find(option => MediaRecorder.isTypeSupported(option));
+            const mediaRecorder = new MediaRecorder(stream, mimeType ? {mimeType: mimeType} : {});
+
+            let mediaChunks = [];
+
+            mediaRecorder.start(10);  // Set timeslice to 1000 milliseconds
+
+
+            mediaRecorder.ondataavailable = function (event) {
+              if (readatomestore(atome_id, 'record') == 'stop'){
+                  mediaRecorder.stop();
+              }
+                atomeJsToRuby("grab(:" + atome_id + ").js_callback('"+atome_id+"','record', '"+event.data+"', 'video')");
+                mediaChunks.push(event.data);
+            };
+
+            // Stop recording after the specified duration
+            setTimeout(() => {
+                mediaRecorder.stop();
+            }, duration);
+
+            mediaRecorder.onstop = function () {
+                const mediaBlob = new Blob(mediaChunks, {type: mimeType || 'video/mp4'});
+                const mediaUrl = URL.createObjectURL(mediaBlob);
+                if (atome_id === 'atome'){
+                    atome_id ='view'
+                }
+                // Functions to handle the recording post-processing
+                record_content(mediaUrl);
+                playRecording(mediaBlob,filename,atome_id);
+                saveRecording(mediaUrl,filename);
+                atomeJsToRuby("grab(:" + atome_id + ").js_callback('"+atome_id+"','record', '"+mediaBlob+"', 'video')");
+                // Stop all media tracks and clear the video element source
+                stream.getTracks().forEach(track => track.stop());
+                // videoElement.srcObject = null;
+            };
+        })
+        .catch(function (err) {
+            console.error("Error when accessing peripherals: " + err);
+        });
+}
+
+
+let mediaUrlGlobal = "";
+
+function saveRecording(url,filename) {
+    mediaUrlGlobal = url;
+    console.log("URL recorded: " + url);
+    const downloadLink = document.createElement('a');
+    downloadLink.href = url;
+    downloadLink.download = filename+".mp4";
+    document.body.appendChild(downloadLink);
+    downloadLink.click();
+    document.body.removeChild(downloadLink);
+}
+
+function playRecording(blob,filename, parent) {
+
+    const mediaElement = document.createElement('video');
+    mediaElement.src = URL.createObjectURL(blob);
+    mediaElement.controls = true; // add control to media element
+    mediaElement.id = filename;
+    const viewDiv = document.getElementById(parent);
+    viewDiv.appendChild(mediaElement);
+
+}
+
+function record_content(blob) {
+    console.log("recorded blob content  :", blob);
 }
 
-function my_ruby_wasm_js_fct(val){
-    rubyVM.eval("my_ruby_meth('ruby wasm eval: "+val+"')");
-}
+

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

@@ -8,16 +8,16 @@
 //     websocket = new WebSocket(address);
 //
 //     websocket.onopen = function (event) {
-//         rubyVMCallback("puts 'Connected to WebSocket'")
+//         atomeJsToRuby("puts 'Connected to WebSocket'")
 //
 //     };
 //
 //     websocket.onmessage = function (event) {
-//         // rubyVMCallback("puts 'object ruby callback : " + event.data + "'")
+//         // atomeJsToRuby("puts 'object ruby callback : " + event.data + "'")
 //     };
 //
 //     websocket.onclose = function (event) {
-//         rubyVMCallback("puts 'WebSocket closed'")
+//         atomeJsToRuby("puts 'WebSocket closed'")
 //     };
 //
 //     websocket.onerror = function (event) {
@@ -31,5 +31,5 @@
 
 // function controller_message(msg) {
 //     // let json_msgs = JSON.parse(msg);
-//     rubyVMCallback("A.receptor("+msg+")")
+//     atomeJsToRuby("A.receptor("+msg+")")
 // }

data/vendor/assets/src/js/atome/specific/opal.js

@@ -1,4 +1,4 @@
-function rubyVMCallback(rubycode) {
+function atomeJsToRuby(rubycode) {
     Opal.eval(rubycode);
 }
 
@@ -11,7 +11,7 @@ function controller_message(msg) {
 function loadApplicationJs() {
     var script = document.createElement('script');
     script.src = 'js/application.js';
-    script.onload = function() {
+    script.onload = function () {
         Opal.Object.$init_database();
     };
     document.body.appendChild(script);
@@ -68,7 +68,7 @@ const communication = {
 
             // now new can exec user code : loadApplicationJs in index.html
             loadApplicationJs();
-            // rubyVMCallback("A.user_login");
+            // atomeJsToRuby("A.user_login");
         };
         this.websocket.onmessage = function (event) {
             Opal.eval("Atome.server_receiver(" + event.data + ")");
@@ -92,4 +92,20 @@ const communication = {
         // puts "--> message : #{message}"
         this.websocket.send(message)
     },
+}
+
+
+function my_ruby_wasm_js_fct(val) {
+    Opal.eval("my_ruby_meth('ruby wasm eval: " + val + "')");
+}
+
+function fetchSVGContent(svgPath, target) {
+    fetch(svgPath)
+        .then(response => response.text())
+        .then(data => {
+            // Opal.eval("A.handleSVGContent('"+data+"', '"+target+"')") ;
+            Opal.Atome.$handleSVGContent(data, target);
+        })
+        .catch(error => console.error('Erreur de chargement du SVG :', error));
+
 }

data/vendor/assets/src/js/atome/specific/wasm.js

@@ -1,4 +1,4 @@
-function rubyVMCallback(rubycode) {
+function atomeJsToRuby(rubycode) {
     rubyVM.eval(rubycode);
 }
 
@@ -8,7 +8,7 @@ function controller_message(msg) {
 
 // window.addEventListener('load', function () {
 //     // Opal.Object.$atome_genesis();
-//     rubyVMCallback('atome_genesis');
+//     atomeJsToRuby('atome_genesis');
 // })
 
 const communication = {
@@ -105,4 +105,19 @@ const communication = {
         // puts "--> message : #{message}"
         this.websocket.send(message)
     },
-}
+}
+
+
+function my_ruby_wasm_js_fct(val){
+    rubyVM.eval("my_ruby_meth('ruby wasm eval: "+val+"')");
+}
+function fetchSVGContent(svgPath, target) {
+    fetch(svgPath)
+        .then(response => response.text())
+        .then(data => {
+            rubyVM.eval("Atome.handleSVGContent('"+data+"', '"+target+"')") ;
+            // Module.call('handleSVGContent', 'void', ['string'], [data]);
+        })
+        .catch(error => console.error('Erreur de chargement du SVG :', error));
+
+}

data/vendor/assets/src/js/molecules/web.js

@@ -1,4 +1,4 @@
 
 
 rb_file='circle({left: 166, color: :orange})'
-rubyVMCallback(rb_file);
+atomeJsToRuby(rb_file);

data/vendor/assets/src/medias/images/icons/Lowpass.svg

@@ -0,0 +1,8 @@
+
+<svg width="100%" height="100%" viewBox="0 0 390 390" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:7;">
+    <g transform="matrix(1.13971,0,0,1.13971,-18.3598,-6.45008)">
+        <path id="p1" d="M80.093,115.773L231.615,115.773L307.243,232.645"
+              style="fill:none;stroke:white;stroke-width:25.59px;"/>
+    </g>
+</svg>

data/vendor/assets/src/medias/images/icons/activate.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+  <path id="mainPath" d="M15 5.5a4.394 4.394 0 0 1-4 4.5 2.955 2.955 0 0 0-.2-1A3.565 3.565 0 0 0 14 5.5a3.507 3.507 0 0 0-7-.3A3.552 3.552 0 0 0 6 5a4.622 4.622 0 0 1 4.5-4A4.481 4.481 0 0 1 15 5.5zM5.5 6a4.5 4.5 0 1 0 0 9.001 4.5 4.5 0 0 0 0-9z"/>
+</svg>

data/vendor/assets/src/medias/images/icons/audio.svg

@@ -0,0 +1,7 @@
+<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;overflow: hidden;"
+     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <path id="path1" d="M842 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 140.3-113.7 254-254 254S258 594.3 258 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 168.7 126.6 307.9 290 327.6V884H326.7c-13.7 0-24.7 14.3-24.7 32v36c0 4.4 2.8 8 6.2 8h407.6c3.4 0 6.2-3.6 6.2-8v-36c0-17.7-11-32-24.7-32H548V782.1c165.3-18 294-158 294-328.1z"
+        />
+  <path id="path2" d="M512 624c93.9 0 170-75.2 170-168V232c0-92.8-76.1-168-170-168s-170 75.2-170 168v224c0 92.8 76.1 168 170 168z m-94-392c0-50.6 41.9-92 94-92s94 41.4 94 92v224c0 50.6-41.9 92-94 92s-94-41.4-94-92V232z"
+       />
+</svg>

data/vendor/assets/src/medias/images/icons/band_pass.svg

@@ -0,0 +1,8 @@
+<svg width="100%" height="100%" viewBox="0 0 390 390" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:7;">
+    <g  transform="matrix(1.13971,0,0,1.13971,23.2937,-15.4579)">
+        <path id="p1" d="M80.093,115.773L231.615,115.773L307.243,232.645" style="fill:none;;stroke-width:25.59px;"/>
+    </g>
+    <g  transform="matrix(-1.13971,0,0,1.13971,367.898,-15.2565)">
+        <path id="p2" d="M80.093,115.773L231.615,115.773L307.243,232.645" style="fill:none;stroke-width:25.59px;"/>
+    </g>
+</svg>

data/vendor/assets/src/medias/images/icons/clear.svg

@@ -0,0 +1,5 @@
+<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
+     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <path id="path1" d="M772.096 368.64H654.336V153.6c0-78.848-63.488-142.336-142.336-142.336S369.664 74.752 369.664 153.6v215.04H251.904c-94.208 0-171.008 76.8-171.008 171.008v59.392c0 53.248 44.032 97.28 97.28 97.28h4.096l-51.2 121.856c-18.432 43.008-13.312 92.16 12.288 132.096 25.6 38.912 69.632 62.464 116.736 62.464h501.76c48.128 0 92.16-23.552 117.76-64.512 25.6-39.936 29.696-90.112 9.216-133.12L833.536 696.32h12.288c53.248 0 97.28-44.032 97.28-97.28v-59.392c0-95.232-76.8-171.008-171.008-171.008zM451.584 153.6c0-32.768 26.624-60.416 60.416-60.416 32.768 0 60.416 26.624 60.416 60.416v215.04H451.584V153.6zM808.96 904.192c-11.264 16.384-28.672 26.624-49.152 26.624h-501.76c-19.456 0-36.864-9.216-48.128-25.6s-12.288-35.84-5.12-54.272l63.488-150.528h12.288v124.928c0 22.528 18.432 40.96 40.96 40.96s40.96-18.432 40.96-40.96v-122.88-2.048h40.96v124.928c0 22.528 18.432 40.96 40.96 40.96s40.96-18.432 40.96-40.96v-122.88-3.072h40.96v125.952c0 22.528 18.432 40.96 40.96 40.96s40.96-18.432 40.96-40.96v-122.88-4.096h40.96v126.976c0 22.528 18.432 40.96 40.96 40.96s40.96-18.432 40.96-40.96v-122.88-5.12h14.336L815.104 849.92c6.144 16.384 5.12 36.864-6.144 54.272z m52.224-306.176c0 8.192-7.168 15.36-15.36 15.36H178.176c-8.192 0-15.36-7.168-15.36-15.36v-59.392c0-49.152 39.936-89.088 89.088-89.088h520.192c49.152 0 89.088 39.936 89.088 89.088v59.392z"
+        fill="#333C4F"/>
+</svg>

data/vendor/assets/src/medias/images/icons/color.svg

@@ -0,0 +1,5 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1024" height="1024"  xml:space="preserve" id="colorCanvas">
+  <circle id="colorCanvas-oval" stroke="none" fill="rgb(255, 0, 0)" cx="274" cy="306" r="198" />
+  <circle id="colorCanvas-oval2" stroke="none" fill="rgb(0, 142, 255)" cx="767" cy="306" r="198" />
+  <circle id="colorCanvas-oval3" stroke="none" fill="rgb(50, 255, 0)" cx="499" cy="702" r="198" />
+</svg>

data/vendor/assets/src/medias/images/icons/copy.svg

@@ -0,0 +1,8 @@
+<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
+     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <path id="p1" d="M672 832 224 832c-52.928 0-96-43.072-96-96L128 160c0-52.928 43.072-96 96-96l448 0c52.928 0 96 43.072 96 96l0 576C768 788.928 724.928 832 672 832zM224 128C206.368 128 192 142.368 192 160l0 576c0 17.664 14.368 32 32 32l448 0c17.664 0 32-14.336 32-32L704 160c0-17.632-14.336-32-32-32L224 128z"/>
+  <path id="p2" d="M800 960 320 960c-17.664 0-32-14.304-32-32s14.336-32 32-32l480 0c17.664 0 32-14.336 32-32L832 256c0-17.664 14.304-32 32-32s32 14.336 32 32l0 608C896 916.928 852.928 960 800 960z"/>
+  <path id="p3" d="M544 320 288 320c-17.664 0-32-14.336-32-32s14.336-32 32-32l256 0c17.696 0 32 14.336 32 32S561.696 320 544 320z"/>
+  <path id="p4" d="M608 480 288.032 480c-17.664 0-32-14.336-32-32s14.336-32 32-32L608 416c17.696 0 32 14.336 32 32S625.696 480 608 480z"/>
+  <path id="p5" d="M608 640 288 640c-17.664 0-32-14.304-32-32s14.336-32 32-32l320 0c17.696 0 32 14.304 32 32S625.696 640 608 640z"/>
+</svg>

data/vendor/assets/src/medias/images/icons/create.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" id= "p1" d="M12.3023235,7.94519388 L4.69610276,15.549589 C4.29095108,15.9079238 4.04030835,16.4092335 4,16.8678295 L4,20.0029438 L7.06398288,20.004826 C7.5982069,19.9670062 8.09548693,19.7183782 8.49479322,19.2616227 L16.0567001,11.6997158 L12.3023235,7.94519388 Z M13.7167068,6.53115006 L17.4709137,10.2855022 L19.8647941,7.89162181 C19.9513987,7.80501747 20.0000526,7.68755666 20.0000526,7.56507948 C20.0000526,7.4426023 19.9513987,7.32514149 19.8647932,7.23853626 L16.7611243,4.13485646 C16.6754884,4.04854589 16.5589355,4 16.43735,4 C16.3157645,4 16.1992116,4.04854589 16.1135757,4.13485646 L13.7167068,6.53115006 Z M16.43735,2 C17.0920882,2 17.7197259,2.26141978 18.1781068,2.7234227 L21.2790059,5.82432181 C21.7406843,6.28599904 22.0000526,6.91216845 22.0000526,7.56507948 C22.0000526,8.21799052 21.7406843,8.84415992 21.2790068,9.30583626 L9.95750718,20.6237545 C9.25902448,21.4294925 8.26890003,21.9245308 7.1346,22.0023295 L2,22.0023295 L2,21.0023295 L2.00324765,16.7873015 C2.08843822,15.7328366 2.57866679,14.7523321 3.32649633,14.0934196 L14.6953877,2.72462818 C15.1563921,2.2608295 15.7833514,2 16.43735,2 Z"/>
+</svg>

data/vendor/assets/src/medias/images/icons/delete.svg

@@ -0,0 +1,8 @@
+<svg class="svg-icon"
+     style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024"
+     version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <path id="p1" d="M768 384c-19.2 0-32 12.8-32 32l0 377.6c0 25.6-19.2 38.4-38.4 38.4L326.4 832c-25.6 0-38.4-19.2-38.4-38.4L288 416C288 396.8 275.2 384 256 384S224 396.8 224 416l0 377.6c0 57.6 44.8 102.4 102.4 102.4l364.8 0c57.6 0 102.4-44.8 102.4-102.4L793.6 416C800 396.8 787.2 384 768 384z"/>
+  <path id="p2" d="M460.8 736l0-320C460.8 396.8 448 384 435.2 384S396.8 396.8 396.8 416l0 320c0 19.2 12.8 32 32 32S460.8 755.2 460.8 736z"/>
+  <path id="p3" d="M627.2 736l0-320C627.2 396.8 608 384 588.8 384S563.2 396.8 563.2 416l0 320C563.2 755.2 576 768 588.8 768S627.2 755.2 627.2 736z"/>
+  <path id="p4" d="M832 256l-160 0L672 211.2C672 166.4 633.6 128 588.8 128L435.2 128C390.4 128 352 166.4 352 211.2L352 256 192 256C172.8 256 160 268.8 160 288S172.8 320 192 320l640 0c19.2 0 32-12.8 32-32S851.2 256 832 256zM416 211.2C416 198.4 422.4 192 435.2 192l153.6 0c12.8 0 19.2 6.4 19.2 19.2L608 256l-192 0L416 211.2z"/>
+</svg>

data/vendor/assets/src/medias/images/icons/edit-.svg

@@ -0,0 +1,4 @@
+<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
+     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <path id="p1" d="M257.7 752c2 0 4-0.2 6-0.5L431.9 722c2-0.4 3.9-1.3 5.3-2.8l423.9-423.9c3.9-3.9 3.9-10.2 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2c-1.9 11.1 1.5 21.9 9.4 29.8 6.6 6.4 14.9 9.9 23.8 9.9z m67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"/>
+</svg>

data/vendor/assets/src/medias/images/icons/edit.svg

@@ -0,0 +1,4 @@
+<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
+     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <path id="p1" d="M941.04 398.64 850.736 489.136 850.736 489.152 805.584 534.4 805.584 534.384 384.32 960.528 128.32 960.528C92.976 960.528 64.32 931.872 64.32 896.512L64.32 640.528 625.008 81.856C649.952 56.864 690.368 56.864 715.296 81.856L941.04 308.128C965.968 333.12 965.968 373.648 941.04 398.64ZM128.32 670.096 128.32 896.512 353.904 896.512 760.432 489.136 534.704 262.848 128.32 670.096ZM670.16 127.104 579.856 217.6 805.584 443.872 895.888 353.392 670.16 127.104Z"/>
+</svg>

data/vendor/assets/src/medias/images/icons/edition.svg

@@ -0,0 +1,4 @@
+<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
+     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <path id="p1" d="M257.7 752c2 0 4-0.2 6-0.5L431.9 722c2-0.4 3.9-1.3 5.3-2.8l423.9-423.9c3.9-3.9 3.9-10.2 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2c-1.9 11.1 1.5 21.9 9.4 29.8 6.6 6.4 14.9 9.9 23.8 9.9z m67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"/>
+</svg>

data/vendor/assets/src/medias/images/icons/equalizer-.svg

@@ -0,0 +1,5 @@
+<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
+     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <path id="p1" d="M561.92 298.666667a128.042667 128.042667 0 0 1 241.493333 0H896a42.666667 42.666667 0 0 1 0 85.333333h-92.586667a128.042667 128.042667 0 0 1-241.493333 0H128a42.666667 42.666667 0 1 1 0-85.333333h433.92z m-341.333333 341.333333a128.042667 128.042667 0 0 1 241.493333 0H896a42.666667 42.666667 0 0 1 0 85.333333H462.08a128.042667 128.042667 0 0 1-241.493333 0H128a42.666667 42.666667 0 0 1 0-85.333333h92.586667zM682.666667 384a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333z m-341.333334 341.333333a42.666667 42.666667 0 1 0 0-85.333333 42.666667 42.666667 0 0 0 0 85.333333z"
+        fill="#000000"/>
+</svg>

data/vendor/assets/src/medias/images/icons/equalizer.svg

@@ -0,0 +1,5 @@
+<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
+     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <path id="p1" d="M704 512v234.666667a42.666667 42.666667 0 1 1-85.333333 0V512c-58.88 0-106.666667-47.850667-106.666667-106.666667v-85.333333c0-58.88 47.850667-106.666667 106.666667-106.666667h85.333333c58.88 0 106.666667 47.850667 106.666667 106.666667v85.333333c0 58.88-47.850667 106.666667-106.666667 106.666667z m-298.666667 0c58.88 0 106.666667 47.850667 106.666667 106.666667v85.333333c0 58.88-47.850667 106.666667-106.666667 106.666667h-85.333333c-58.88 0-106.666667-47.850667-106.666667-106.666667v-85.333333c0-58.88 47.850667-106.666667 106.666667-106.666667V277.333333a42.666667 42.666667 0 1 1 85.333333 0v234.666667zM42.666667 149.482667A106.752 106.752 0 0 1 149.482667 42.666667h725.034666A106.752 106.752 0 0 1 981.333333 149.482667v725.034666A106.752 106.752 0 0 1 874.517333 981.333333H149.482667A106.752 106.752 0 0 1 42.666667 874.517333V149.482667z m85.333333 0v725.034666C128 886.421333 137.578667 896 149.482667 896h725.034666c11.904 0 21.482667-9.578667 21.482667-21.482667V149.482667C896 137.578667 886.421333 128 874.517333 128H149.482667C137.578667 128 128 137.578667 128 149.482667zM298.666667 618.666667v85.333333c0 11.733333 9.6 21.333333 21.333333 21.333333h85.333333c11.733333 0 21.333333-9.6 21.333334-21.333333v-85.333333c0-11.733333-9.6-21.333333-21.333334-21.333334h-85.333333c-11.733333 0-21.333333 9.6-21.333333 21.333334z m298.666666-298.666667v85.333333c0 11.733333 9.6 21.333333 21.333334 21.333334h85.333333c11.733333 0 21.333333-9.6 21.333333-21.333334v-85.333333c0-11.733333-9.6-21.333333-21.333333-21.333333h-85.333333c-11.733333 0-21.333333 9.6-21.333334 21.333333z"
+        fill=""/>
+</svg>

data/vendor/assets/src/medias/images/icons/filter.svg

@@ -0,0 +1,4 @@
+<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
+     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <path id="p1" d="M987.898047 114.973767 654.502698 448.369116 654.502698 857.302326C654.502698 883.616744 633.165395 904.930233 606.874791 904.930233 580.560372 904.930233 559.246884 883.616744 559.246884 857.302326L559.246884 428.651163 571.868279 428.651163C568.32 413.195907 571.725395 396.454698 583.751442 384.404837L872.900465 95.255814 150.313674 95.255814 439.486512 384.404837C445.344744 390.26307 448.678698 397.407256 450.845767 404.837209L463.99107 404.837209 463.99107 976.372093C463.99107 1002.686512 442.677581 1024 416.363163 1024 390.048744 1024 368.735256 1002.686512 368.735256 976.372093L368.735256 448.369116 35.339907 114.973767C16.741209 96.37507 16.741209 66.226605 35.339907 47.627907 35.339907 47.627907 35.339907 47.627907 35.339907 47.627907 35.339907 21.313488 56.653395 0 82.967814 0L940.27014 0C966.584558 0 987.898047 21.313488 987.898047 47.627907 987.898047 47.627907 987.898047 47.627907 987.898047 47.627907 1006.496744 66.226605 1006.496744 96.37507 987.898047 114.973767Z"/>
+</svg>

data/vendor/assets/src/medias/images/icons/folder.svg

@@ -0,0 +1,4 @@
+<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
+     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <path id="p1" d="M896 967.111111h-768C57.315556 967.111111 0 908.885333 0 837.091556V186.88C0 115.114667 57.315556 56.888889 128 56.888889h183.466667A127.857778 127.857778 0 0 1 426.666667 130.56l26.453333 56.348444H896c70.684444 0 128 58.225778 128 130.048v520.135112C1024 908.885333 966.684444 967.111111 896 967.111111zM85.333333 437.447111v399.644445c0 23.921778 19.114667 43.320889 42.666667 43.320888h768c23.552 0 42.666667-19.399111 42.666667-43.320888v-399.644445H85.333333z m0-86.698667h853.333334v-33.792c0-23.950222-19.114667-43.349333-42.666667-43.349333H426.666667a42.609778 42.609778 0 0 1-38.4-24.718222l-37.973334-80.611556a42.609778 42.609778 0 0 0-38.826666-24.689777H128c-23.552 0-42.666667 19.399111-42.666667 43.320888v163.84z"/>
+</svg>

data/vendor/assets/src/medias/images/icons/group.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path id="p1" d="M5 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM19 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM21 19a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM5 21a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
+        fill="#212121"/>
+  <path id="p2" d="M7.83 6a2.995 2.995 0 0 0 0-2h4.67A2.5 2.5 0 0 1 15 6.5V9h2.5a2.5 2.5 0 0 1 2.5 2.5v4.67a2.997 2.997 0 0 0-2 0V11.5a.5.5 0 0 0-.5-.5H15v1.5a2.5 2.5 0 0 1-2.5 2.5H11v2.5a.5.5 0 0 0 .5.5h4.67a2.997 2.997 0 0 0 0 2H11.5A2.5 2.5 0 0 1 9 17.5V15H6.5A2.5 2.5 0 0 1 4 12.5V7.83a2.995 2.995 0 0 0 2 0v4.67a.5.5 0 0 0 .5.5H9v-1.5A2.5 2.5 0 0 1 11.5 9H13V6.5a.5.5 0 0 0-.5-.5H7.83ZM13 12.5V11h-1.5a.5.5 0 0 0-.5.5V13h1.5a.5.5 0 0 0 .5-.5Z"
+        fill="#212121"/>
+</svg>

data/vendor/assets/src/medias/images/icons/hamburger.svg

@@ -0,0 +1,8 @@
+<svg width="800px" height="800px"  viewBox="0 0 24 24" fill="#000000" xmlns="http://www.w3.org/2000/svg">
+  <g>
+  <path id="p1" d="M5 7H19" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="p2" d="M5 12L19 12" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="p3" d="M5 17L19 17" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+
+  </g>
+</svg>

data/vendor/assets/src/medias/images/icons/high_pass.svg

@@ -0,0 +1,5 @@
+<svg width="100%" height="100%" viewBox="0 0 390 390" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:7;">
+    <g transform="matrix(-1.13971,0,0,1.13971,367.898,-15.2565)">
+        <path id="p1" d="M80.093,115.773L231.615,115.773L307.243,232.645" style="fill:none;stroke-width:25.59px;"/>
+    </g>
+</svg>

data/vendor/assets/src/medias/images/icons/link.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="p1" d="M18.5104 3.86829C16.9483 2.30619 14.4156 2.30619 12.8535 3.86829L8.61089 8.11093C7.04879 9.67303 7.04879 12.2057 8.61089 13.7678C10.173 15.3299 12.7056 15.3299 14.2677 13.7678L14.7704 13.2651C14.7704 13.2651 14.5439 12.6297 14.2677 12.3536C13.9916 12.0774 13.3562 11.8509 13.3562 11.8509L12.8535 12.3536C12.0725 13.1346 10.8061 13.1346 10.0251 12.3536C9.24405 11.5725 9.24405 10.3062 10.0251 9.52514L14.2677 5.2825C15.0488 4.50145 16.3151 4.50145 17.0962 5.2825C17.8772 6.06355 17.8772 7.32988 17.0962 8.11093L16.3891 8.81804C16.3891 8.81804 16.8786 9.1363 17.1873 9.44504C17.4961 9.75378 17.8033 10.2323 17.8033 10.2323L18.5104 9.52514C20.0725 7.96305 20.0725 5.43039 18.5104 3.86829Z" fill="black"/>
+<path id="p2" d="M16.3891 10.2323C14.827 8.67015 12.2943 8.67015 10.7322 10.2323L10.1908 10.7736C10.1908 10.7736 10.4588 11.3731 10.735 11.6492C11.0111 11.9254 11.605 12.1878 11.605 12.1878L12.1464 11.6465C12.9275 10.8654 14.1938 10.8654 14.9748 11.6465C15.7559 12.4275 15.7559 13.6938 14.9748 14.4749L10.7322 18.7175C9.95116 19.4986 8.68483 19.4986 7.90378 18.7175C7.12273 17.9365 7.12273 16.6702 7.90378 15.8891L8.6827 15.1102C8.6827 15.1102 8.17992 14.751 7.90378 14.4749C7.62764 14.1987 7.26849 13.696 7.26849 13.696L6.48957 14.4749C4.92747 16.037 4.92747 18.5696 6.48957 20.1317C8.05166 21.6938 10.5843 21.6938 12.1464 20.1317L16.3891 15.8891C17.9512 14.327 17.9512 11.7943 16.3891 10.2323Z" fill="black"/>
+</svg>